/**************************

La Web Shop

http://www.lawebshop.ca

Default Stylesheet

**************************/



/* =General---------------------------------------------------------------------------------*/

html, body. div{

    margin: 0 !important;

    padding: 0 !important;

    width: 100%;

}





body {

    color: #404142;

    font-size: 14px;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    background: #fff;

    text-align: justify;

    line-height: 1.5em;

}



.pink {

    color: #956e8e;

}



/* =Headings--------------------------------------------------------------------------------*/



h1 { color: #410730; font-size: 33px; margin: 0 0 40px; text-transform: uppercase; }

h2 { color: #555; font-size: 25px; margin: 0 0 35px; text-transform: uppercase; }

h3 { color: #410730; font-size: 24px; margin: 0 0 30px; }

h4 { color: #555; font-size: 24px; margin: 0 0 30px; }

h5 { color: #000; font-size: 19px; margin: 0 0 25px; }

h6 { color: #000; font-size: 16px; margin: 0 0 25px; }



/* =Links General---------------------------------------------------------------------------*/



a { color: #b494b2; text-decoration: none; }

a:hover { color: #b494b2; text-decoration: underline; }



.navbar-inverse .navbar-nav>li>a {

    color: #b494b2;

}



.social a.fb:hover {

    color: #4060A5 !important;

}



.social a.tw:hover {

    color: #00ABE3 !important;

}



.navbar-fixed-top {

    position: relative;

}



.navbar-inverse .navbar-nav>.active>a {

    text-decoration: none;

    background: #956e8e;

}



.navbar-inverse .navbar-nav>.active>a:hover {

    color: #000;

    background: #956e8e;

}

.navbar-inverse .navbar-nav>.active>a {

    text-decoration: none;

    background: #956e8e;

}



/* =Other ----------------------------------------------------------------------------------*/



.clear { clear:both; } /* Class for clearing floats */

.left { float: left; }

.right { float: right; }



/* -----------------------------------------------------------------------------------------*/

/* =Containers -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------*/



/*#header {

    height: 72px;

    padding: 14px 0 0;

    position: relative;

    z-index: 9;

    background: url('images/bg_header.png') repeat-x center top;

}*/



#content {

    margin: -20px 0 0;

    background: url('images/bg_content.jpg') no-repeat center top;

    padding: 15px;

}



#content.index {

    background: none;

}



.sidebar {

    float: left;

    width: 380px;

    padding: 0 0 100px;

    margin: 0 80px 0 0;

}



.article {

    float: left;

    width: 500px;

    padding: 0 0 100px;

}

.article.full {

    width: 100%;

}



#footer {

    color: #b3b3b3;

    font-size: 18px;

    padding: 35px 0 30px;

    background: #000;

}



#footer .container {

    padding-bottom: 15px;

}



#copyright {

    color: #a6a6a6;

    font-size: 12px;

    font-family: "Lucida Sans", sans-serif;

    padding: 25px 0;

    background: #000;

    border-top: 1px solid #2e2e2e;

}





/* -----------------------------------------------------------------------------------------*/

/* =Banner ---------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------*/



.banner {

    margin-top: -20px;

}



.banner .bx-viewport {

    z-index: 1;

}



.slider li {

    background: transparent no-repeat center center;

    background-size: cover;

}





/* -----------------------------------------------------------------------------------------*/

/* =Content --------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------*/



#content .container {

    padding: 30px 0 0;

}

#content.index .container {

    padding: 30px 0 0;

}

#content .container  ul {

    list-style: disc;

    margin: 0 0 30px 40px;

}

/* Slider */

#content ul#home-slider,

#content ul#home-slider li {

    width: 100%;

    height: 711px;

}



/* =Sidebar ---------------------- */



.caption p {

    font-size: 13px;

    color: #5a2049;

    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

    line-height: 16px;

    margin: 10px 0 0;

}

.caption p em {

    font-size: 11px;

    color: #9e9d9d;

    font-style: normal;

}



/* =Article ---------------------- */



.article p {

    margin: 0 0 30px;

}



.article ul {

    list-style: disc;

    margin: 0 0 30px 40px;

}



.article ol {

    list-style: decimal;

    margin: 0 0 30px 40px;

}



.article ul li,

.article ol li {

    margin: 0 0 10px;

}

#first a {

    float: right;

    display: block;

    height: 16px;

    font-size: 16px;

    text-transform: uppercase;

    line-height: 0px;

    padding: 10px 25px 0 0;

    margin: 30px 0 0;

    background: url('images/arrow_skip.png') no-repeat right top;

}



#map-canvas {

    width: 100%;

    min-height: 400px;

    background-color: #CCC;

}



.rtclist li {

    list-style-type: none;

    margin: 15px 0;

    padding-left: -0.5em;

}



.rtclist li:before {

    content: "\f054";

    font-family: FontAwesome;

    display: inline-block;

    margin-left: -1.3em;

    width: 1.3em;

    color: #956e8e;

}



.left-inner-addon {

    position: relative;

}

.left-inner-addon input {

    padding-left: 30px;

}

.left-inner-addon i {

    position: absolute;

    padding: 10px 12px;

    pointer-events: none;

}





/* -----------------------------------------------------------------------------------------*/

/* =Footer ---------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------*/



#footer .section {

    float: left;

    width: 390px;

}



#footer .section ul li {

    margin: 0 0 5px;

}



#footer .section ul li strong {

    text-transform: uppercase;

}



#footer .section ul li span {

    color: #b494b2;

}

#footer .section ul li span.phone {

    font-size: 23px;

}



#footer .section a:hover {

    color: #FFF;

}



/* Last */

#footer .section.last {

    width: 180px;

    text-align: right;

}



#footer .section.last a {

    float: right;

    display: block;

    height: 16px;

    font-size: 16px;

    text-transform: uppercase;

    line-height: 0px;

    padding: 2px 25px 0 0;

    margin: 30px 0 0;

    background: url('images/arrow_skip.png') no-repeat right top;

}