/******************************************************************
 RESET CSS
******************************************************************/
body, img, p, h1, h2, h3, fieldset { margin: 0; padding: 0; border: 0; resize: none; }
input[type=submit] { cursor: pointer; }
*:focus { outline: none; }
h1, h2, h3, h4, h6 { margin: 0; padding: 0; }
::selection { background: #000; color: #fafafa; /* Safari */ }
::-moz-selection { background: #000; color: #fafafa; /* Firefox */ }
._v-align { display: inline-block; vertical-align: middle; line-height: normal; }
.relative { position: relative; }
.unstyled { background: none; border: 0; box-shadow: none; }

.stButton .stMainServices { height: 24px !important; }

/******************************************************************
Geral Html
******************************************************************/
@font-face { font-family: 'Roboto', sans-serif; font-family: 'Roboto Condensed', sans-serif; }
body { overflow-x: hidden; background-color: #EDEDED; }
    body .wrapper { padding: 0 30px; display: block; position: relative; }
._clear { clear: both; }
.noMargin { margin: 0; }

/* Flexslider */
.flexslider { margin: 0; box-shadow: none; padding: 0; border: 0; border-radius: 0; }
    .flexslider .flex-direction-nav a { height: 46px; margin-top: -23px; }

/* Select2 */
body .select2-container .select2-choice { height: 34px; line-height: 34px; }
body .select2-container.form-control { padding: 0; border: 0; }

/* Pagination */
.pagination { margin: 0; vertical-align: middle; margin-bottom: 20px; }
    .pagination a { color: white !important; background-color: green !important; border-color: green !important; }
        .pagination a:hover { background-color: #a5cf8f !important; border-color: #a5cf8f !important; }
    .pagination .active a { border-color: #6BB52B; background: #6BB52B !important; border-color: #6BB52B !important; }
    .pagination .disabled a { cursor: not-allowed; opacity: 0.5 !important; filter: alpha(opacity=50) !important; }

.status { }
    .status.success { color: green; }
    .status.error { color: red; }

.align-left { padding-left: 80px; background-color: white; }
    .align-left.gray { background-color: #EDEDED; }
.nav-news h2 { font-size: 44px; margin: 40px 50px; font-weight: 300; color: #DF4C47; text-transform: uppercase; display: inline-block; }
.nav-news ul { list-style: none; padding: 0; display: inline-block; margin-left: 25%; }
.nav-news li { display: inline-block; padding: 0 20px; }
    .nav-news li a { text-transform: uppercase; font-size: 20px; font-weight: 300; color: #999999; }
        .nav-news li a:hover { color: #6BB52B; text-decoration: underline !important; }

.bgGreen { background-color: #6BB52B; display: block; padding: 0 60px; }
    .bgGreen h2 { font-size: 44px; font-weight: 300; color: #DF4C47; text-transform: uppercase; }
    .bgGreen .darkgray { color: #333333; }
    .bgGreen p { color: white; font-weight: 300; font-size: 24px; text-transform: uppercase; width: 580px; margin-bottom: 40px; }
    .bgGreen .box-gray { width: 270px; height: 90px; background-color: #3A4346; color: white; position: relative; display: inline-block; margin-right: 25px; }
        .bgGreen .box-gray .bgwhite { width: 90px; height: 90px; background-color: white; position: absolute; top: 0; left: 0; }
            .bgGreen .box-gray .bgwhite .icon-googlePlay { position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; }
        .bgGreen .box-gray .text { font-weight: 300; font-size: 20px; padding-left: 124px; position: relative; top: 30px; }
        .bgGreen .box-gray .bgwhite .fa-apple { font-size: 50px; color: #6BB52B; position: absolute; left: 25px; top: 20px; }
        .bgGreen .box-gray .bgwhite .fa-windows { font-size: 50px; color: #6BB52B; position: absolute; left: 23px; top: 20px; }
    .bgGreen .windows .box-gray .text { display: inline-block; text-align: center; line-height: 20px; padding-left: 100px; top: 35px; }

.bgDarkgray { background-color: #3A4346; display: block; height: 150px; line-height: 150px; padding: 0 100px; }
    .bgDarkgray h4 { text-transform: uppercase; color: white; font-size: 30px; font-weight: 400; font-family: 'Roboto Condensed'; display: inline-block; vertical-align: middle; }
    .bgDarkgray .form-control { border-radius: 0; width: 370px; height: 60px; background-color: #EDEDED; color: #6D95BD; }
    .bgDarkgray .btn-success { border-radius: 0; height: 60px; width: 170px; text-transform: uppercase; margin-left: -3px; font-weight: 700; font-size: 16px; }

.breadcrumb { font-weight: 300; color: #999999; background-color: white; height: 60px; line-height: 60px; display: block; padding: 0 20px; padding-left: 50px; margin: 0; }
    .breadcrumb.prod { height: 10px; background-color: #EDEDED; display: block; }
    .breadcrumb ul { margin: 0; padding: 0; }
        .breadcrumb ul li { list-style: none; display: inline-block; color: #999999; }
            .breadcrumb ul li a { font-size: 14px; font-weight: 300; color: #999999; }
                .breadcrumb ul li a:hover { color: #6BB52B; text-decoration: none !important; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

a:hover { color: #6BB52B; text-decoration: none !important; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
/* Buttons */
.btn { font-family: 'Roboto'; }
.btn-style { padding: 19px 14px; border-radius: 0; }
    .btn-style.btn-default { color: #6BB52B; background-color: #EDEDED !important; border-color: transparent; }
        .btn-style.btn-default:hover { background-color: #6BB52B !important; color: #FFF; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
.btn.btn-primary { background-color: #3A4346 !important; border: 0; }
.btn.btn-info { background-color: #3A4346 !important; border-radius: 0; border: 0; color: white; }
.btn.btn-success { font-weight: 400; font-size: 16px; font-family: 'Roboto'; vertical-align: middle; background: #6BB52B; }
.btn.btn-small { width: 120px; }
.btn.btn-danger { font-weight: 400; font-size: 16px; font-family: 'Roboto'; vertical-align: middle; background: #DF4B47; }
.btn.btn-full { padding-left: 0; padding-right: 0; text-align: center; display: block; }
.btn.btn-cart { width: 35px; height: 35px; background-color: #6BB52B !important; border-radius: 0; color: #FFF; }
    .btn.btn-cart:hover { background-color: #4f9729 !important; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }
.btn-search { border: 0; background: transparent; font-size: 18px; }
.btn.detail { width: 170px; height: 60px; background-color: #FFB252; color: white; font-weight: 300; font-size: 20px; display: inline-block; text-transform: uppercase; padding: 15px 0; }
.btn.btn-video { background-color: #FFB252; color: white; font-weight: 700; font-size: 14px; display: inline-block; text-transform: uppercase; padding: 5px 15px; }
    .btn.btn-video:hover { background-color: #ff8d00; }

.btn.btn-shop { font-weight: 400; font-size: 16px; font-family: 'Roboto'; vertical-align: middle; background: #DF4B47; color: #FFF; }
    .btn.btn-shop:hover { background: #6BB52B; }
    .btn.btn-shop > .icon { vertical-align: middle; }
    .btn.btn-shop > .price { vertical-align: middle; display: inline-block; }
        .btn.btn-shop > .price.old { font-size: 0.9em; text-decoration: line-through; margin-right: 5px; }


/* Status */
.status { }
    .status.error { color: red; }
    .status.red { color: #A60D10; }
    .status.green { color: #6BB52B; }
    .status.yellow { color: #FFB252; }

/* Error inpus */
body input.error, body textarea.error { border-color: #B94A48; color: #A60D10; }
    body input.error:focus, body textarea.error:focus { border-color: #B94A48; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 0 2px rgba(185, 74, 72, 0.3); }

.bgGray { background-color: #EDEDED; }
.bgWhite { background-color: white; }

.zPopUp .modal-content .modal-body img { max-width: 100%; }

/* Login Modal */
#LoginModal { }
    #LoginModal .status { margin-bottom: 10px; text-align: center; }
    #LoginModal .modal-title { text-align: center; }
    #LoginModal .modal-dialog { width: 450px; }
        #LoginModal .modal-dialog label { font-weight: normal; margin-bottom: 0; cursor: pointer; }
    #LoginModal .modal-footer { margin-top: 0; }

#NewsletterForm .terms { display: block; position: relative; color:#FFF; line-height:normal; margin-top:15px; max-width:580px; margin-bottom:0; }
#NewsletterForm .terms label { font-size:14px; }
    #NewsletterForm .terms a { color:#FFF; }
        #NewsletterForm .terms a:hover { color: #6BB52B; }

#NewsletterForm .form-group { position: relative; }

/* Basket Modal */
#BasketModal { top: 30px; right: 30px; width: 500px; padding: 15px; bottom: auto; left: auto; margin: 0; overflow: hidden; font-family: 'Roboto'; }
    #BasketModal .close { top: 15px; right: 15px; position: absolute; }
    #BasketModal .modal-dialog { width: auto; display: block; padding: 0; margin: 0; }
    #BasketModal .modal-content { background: white; border-left: 1px solid #d6d4d4; }
    #BasketModal .modal-header { border: 0; padding: 40px 30px 0px 30px; }
        #BasketModal .modal-header .total-shop { color: #394346; font-size: 40px; font-weight: 300; vertical-align: middle; display: inline-block; margin-left: 10px; }
        #BasketModal .modal-header a { color: #6BB52B; font-weight: 400; font-size: 14px; text-transform: uppercase; float: right; margin-right: 20px; margin-top: 20px; }
    #BasketModal .modal-footer { text-align: center; margin-top: 0; border: 0; }
        #BasketModal .modal-footer .btn { height: 40px; line-height: 32px; padding: 4px 12px; min-width: 140px; display: block; margin: auto; text-transform: none; font-size: 14px; }
    #BasketModal .total { padding: 15px 0; }
    #BasketModal h5 { text-transform: uppercase; font-size: 20px; font-weight: 300; color: #394346; margin: 0; }
    #BasketModal p { text-transform: uppercase; font-size: 14px; font-weight: 700; color: #394346; }
    #BasketModal .modal-body { padding: 0 30px; }
    #BasketModal table td p { width: 150px; margin-left: 10px; }
    #BasketModal table td .less { font-size: 20px; color: #394346; display: block; cursor: pointer; }
    #BasketModal table td .more { font-size: 20px; color: #394346; display: block; cursor: pointer; }
    #BasketModal table td form { font-size: 16px; }
    #BasketModal table td input { background-color: transparent; border: 0; width: 10px; }
    #BasketModal .line { text-align: center; vertical-align: middle; }
        #BasketModal .line hr { margin-top: 30px; margin-bottom: 10px; border: 0; border-top: 1px solid #000; width: 150px; display: inline-block; vertical-align: middle; }
        #BasketModal .line .plus { vertical-align: middle; margin: 0 10px; position: relative; top: 10px; }
    #BasketModal .fa-shopping-cart { font-size: 25px; vertical-align: middle; }
    #BasketModal .table { margin-bottom: 0; }
        #BasketModal .table td { vertical-align: middle; }

/* LeftBar */
#SectionLeft { background-color: #000000; width: 45px; height: 100%; position: fixed; top: 0; z-index: 999; }
    #SectionLeft ul { list-style: none; padding: 0; }
    #SectionLeft li { display: block; text-align: center; }
        #SectionLeft li a { display: block; height: 60px; line-height: 60px; margin: 0 6px; border-bottom: 1px solid #373737; }
            #SectionLeft li a:hover .fa { color: #6BB52B; }
    #SectionLeft .fa { color: white; font-size: 22px; }
        #SectionLeft.fa:hover { color: #6BB52B; }
    #SectionLeft .icon-ball { display: block; margin: auto; }
    #SectionLeft .active { display: block; background-color: #6BB52B !important; width: 7px; height: 7px; border-radius: 10px; }
    #SectionLeft .arrowRight { display: block; background: url('/Content/app/images/sprites.png') -107px -230px; width: 17px; height: 23px; position: absolute; right: -59px; top: -15px; }

#ZCmsContent { padding-left: 45px; }

body .sliders { padding: 0 70px; }
    body .sliders h2 { font-family: 'Roboto'; font-size: 44px; margin: 40px 50px; margin-left: 0; font-weight: 300; color: #DF4C47; text-transform: uppercase; display: block; }
    body .sliders .horizontal-slider { display: block; background: none; }
        body .sliders .horizontal-slider .product { display: block; width: 230px;  padding: 10px; margin: auto; background: #FFF; }
            body .sliders .horizontal-slider .product > p { color: #333333; font-weight: 300; font-size: 14px; text-transform: uppercase; text-align: center; margin-top: 5px; height: 50px; }
        body .sliders .horizontal-slider .link { color: #333333; font-weight: 300; font-size: 14px; text-transform: uppercase; text-align: center; margin-top: 5px; height: 45px; display: block; }
            body .sliders .horizontal-slider .link:hover { color: #6BB52B; }
        body .sliders .horizontal-slider .slides li { padding: 5px 0; }
        body .sliders .horizontal-slider .product:hover { box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); }
        body .sliders .horizontal-slider .flex-prev { display: inline-block; background: url('/Content/app/images/sprites.png') -342px -3px; width: 39px; height: 39px; left: auto; right: 50px; top: -50px; margin: 0; opacity: 0.7; filter: alpha(opacity=70); }
            body .sliders .horizontal-slider .flex-prev::before { content: none !important; }
        body .sliders .horizontal-slider .flex-next { display: inline-block; background: url('/Content/app/images/sprites.png') -386px -3px; width: 39px; height: 39px; right: 0; top: -50px; margin: 0; opacity: 0.7; filter: alpha(opacity=70); }
            body .sliders .horizontal-slider .flex-next::before { content: none !important; }
        body .sliders.horizontal-slider .product p { margin: 15px 0; height: 75px; overflow: hidden; text-transform: uppercase; font-weight: 300; font-size: 18px; color: #333333; text-align: center; }
        body .sliders .horizontal-slider .product .box { position: relative; z-index: 0; cursor: pointer; text-align: center; }
        body .sliders .horizontal-slider .product .show-details { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #6BB52B; opacity: 0; filter: alpha(opacity=0); }
        body .sliders .horizontal-slider .product:hover .show-details { opacity: 1.0; filter: alpha(opacity=100); -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
        body .sliders .horizontal-slider .product:hover .btn-shop { background: #6BB52B; }
        body .sliders .horizontal-slider .product .show-details a { text-align: center; text-transform: uppercase; color: white; font-weight: 300; font-size: 20px; line-height: 210px; left: 0; top: 0; right: 0; position: absolute; }
        body .sliders .horizontal-slider .product .btn-action { display: block; text-align: center; width: auto; margin: 15px 0; }
        body .sliders .horizontal-slider .product .category { display: block; text-align: center; width: auto; color: #999999; font-weight: 300; font-size: 14px; height: 40px; overflow: hidden; }
        body .sliders .horizontal-slider .product i { vertical-align: middle; margin-right: 5px; display: none; }
        body .sliders .horizontal-slider .product .category:hover { color: #333; }

/* 10 colunas bootstrap */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths { position: relative; min-height: 1px; width: 20%; float: left; margin-bottom: 15px; }

.promotion-hours { font-size: 16px; margin-top: 10px; color: #FFB252; font-family: 'Roboto'; font-weight: 700; }
.horizontal-slider .promotion-hours { font-size: 16px; margin-top: 10px; color: #FFB252; font-family: 'Roboto'; font-weight: 700; }

/******************************************************************
Header
******************************************************************/
.row { margin: 0; }
#Header { display: block; margin-left: 45px; background-color: #EDEDED; font-family: 'Roboto'; }
    #Header .top .btn-style { padding: 14px 14px; }
    #Header .top { background: #FFF; }
        #Header .top ul { margin: 0; }
    #Header .form-inline { display: inline-block; vertical-align: middle; padding-left: 30px; }
        #Header .form-inline.full { width: 100% !important; }
        #Header .form-inline .form-control { width: 90%; font-weight: 300; font-size: 16px; color: #999999; background-color: transparent; outline: none; border: none !important; box-shadow: none !important; border-bottom: 1px solid #6BB52B !important; border-radius: 0; }
            #Header .form-inline .form-control.error { border-bottom-color: #B94A48 !important; }
        #Header .form-inline .form-group { padding: 8px 0; margin-right: 15px; }
        #Header .form-inline .checkbox { margin-left: 20px; margin-right: 15px; font-size: 14px; color: #666666; font-weight: 300; }
        #Header .form-inline a { margin: 0 15px; font-size: 14px; color: #666666; font-weight: 300; position: relative; top: 1px; }
    #Header .social { display: inline-block; line-height: 50px; margin-right: 30px; }
        #Header .social .circle { width: 32px; height: 32px; margin: 0 5px; vertical-align: middle; border-radius: 20px; display: inline-block; background-color: #3B5998; position: relative; }
            #Header .social .circle:hover { background-color: #6C89C6; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
        #Header .social .lightblue { background-color: #2DAAE1; }
            #Header .social .lightblue:hover { background-color: #6AC4EA; }
        #Header .social .circle a .fa-facebook { color: white; font-size: 22px; position: absolute; left: 10px; top: 6px; }
        #Header .social .circle.lightblue a .fa-twitter { color: white; font-size: 22px; position: absolute; left: 7px; top: 6px; }
    #Header .create-account { display: inline-block; color: white; background-color: #6BB52B; padding: 0 20px; text-transform: uppercase; font-size: 16px; font-weight: 700; height: 50px; line-height: 50px; vertical-align: top; }
        #Header .create-account:hover { opacity: 0.7; filter: alpha(opacity=70); }
    #Header .middle { padding: 0 30px; display: block; height: 140px; line-height: 140px; position: relative; }
        #Header .middle .form-control { font-size: 24px; font-weight: 300; height: 55px; }
        #Header .middle .form-group { padding: 0; width: 100%; }
        #Header .middle .logo { background: url('/Content/app/images/sprites.png') -133px -223px; width: 186px; height: 95px; display: inline-block; vertical-align: middle; }
        #Header .middle .shop .total-shop { color: #394346; font-size: 40px; font-weight: 300; vertical-align: middle; display: inline-block; margin: 0 15px; }
        #Header .middle .shop .show-more { vertical-align: middle; display: inline-block; }
            #Header .middle .shop .show-more a { text-transform: uppercase; text-decoration: underline !important; font-size: 12px; font-weight: 300; color: #394346; }
                #Header .middle .shop .show-more a:hover { color: #6BB52B; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
    #Header .menu-desk { display: block; }
        #Header .menu-desk .row { background: #6BB52B; }
#MobMenuBtn { display: none; }
#MobMenu { display: none; }
#Header .loginMob { display: none; }

#navigation { position: relative; z-index: 99; height: 50px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; -webkit-box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.16); line-height: 50px; background-color: #6BB52B; }
    /* * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
user agent stylesheetdiv { display: block; }
Inherited from div#Header.clearfix #Header { display: block; margin-left: 45px; background-color: #EDEDED; font-family: 'Roboto'; }
Inherited from body body, img, p, h1, h2, h3, fieldset { margin: 0; padding: 0; border: 0; resize: none; }
body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; }
Inherited from html.win.chrome.chrome46.webkit.webkit5 html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }
Pseudo ::before element :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
Pseudo ::after element :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
Pseudo ::selection element ::selection { background: #000; color: #fafafa; }
}*/
    #navigation ul { height: 50px; position: relative; border-right: 1px solid #f1f1f1; padding-left: 0; }
    #navigation li { float: left; width: 20%; border-left: 1px solid #f1f1f1; list-style: none; }
        #navigation li a.active { color: #6BB52B; text-decoration: none !important; background-color: white; }
    #navigation a { -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; text-transform: uppercase; font-weight: bold; display: block; text-align: center; height: 50px; line-height: 50px; vertical-align: middle; color: white; }
        #navigation a:hover { background-color: white; color: #6BB52B; }
#nav .last { border-bottom-width: 0; border-right: 1px solid #f1f1f1; }
#nav { margin-bottom: 0; }
    #nav .select { -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; display: block; }
    #nav ul { min-height: 50px; height: auto; border: 1px solid #ccc; border-top: 0px solid #fff; width: 100%; list-style: none; margin: 0px auto; padding: 2% 2%; left: 0; outline: none; position: absolute; z-index: 10000; background: #fff; border-top: 0; display: none; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }
    #nav li li { height: 45px; border-left: 0px solid #fff; list-style: none; outline: none; text-align: left; display: block; float: left; width: 20%; padding: 12px 0; margin: 0; }
        #nav li li a { line-height: 18px; height: auto; color: #4c4c4c; font-size: 12px; padding: 0px 4px; display: block; text-align: left; font-weight: bold; }
            #nav li li a:hover { background-color: transparent; color: #6BB52B; }
#BasketInfo { position: absolute; right: 30px; top: 45px; line-height: normal; }
    #BasketInfo .fa-shopping-cart { font-size: 30px; vertical-align: middle; color: #000000; }
        #BasketInfo .fa-shopping-cart:hover { color: #6BB52B; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }
#SearchForm { position: absolute; left: 0%; top: 38px; padding-left: 40px; line-height: normal; }
#SearchForm .btn-search { font-size: 25px; position: absolute; left: 0; top: 11px; }
#SearchFormMobile { display: none; }

#Header .top ul { display: inline-block; }
    #Header .top ul li { display: inline-block; list-style: none; padding: 0 20px; font-weight: 300; font-size: 16px; color: #656565; }
        #Header .top ul li a { font-weight: 300; font-size: 16px; color: #656565; }
            #Header .top ul li a:hover { color: #6BB52B; }
        #Header .top ul li .green { color: #6BB52B !important; border: 0; }
            #Header .top ul li .green:hover { color: #FFF !important; }

/******************************************************************
Footer
******************************************************************/
#Footer { margin-left: 70px; font-family: 'Roboto'; background-color: #EDEDED; }
    #Footer .wrapper { padding: 30px; }
    #Footer a { color: #394346; }
    #Footer .logo { background: url('/Content/app/images/sprites.png') -580px -2px; width: 148px; height: 75px; display: inline-block; margin-right: 40px; vertical-align: middle; }
    #Footer .logo-MI { background: url('/Content/app/images/sprites.png') -4px -170px; width: 69px; height: 122px; display: inline-block; vertical-align: middle; }
    #Footer .logo-pme { display: block; margin-top: 20px; }
        #Footer .logo-pme img { max-width: 100%; padding-right: 15px; }
    #Footer h4 { text-transform: uppercase; font-size: 24px; color: #333346; font-weight: 300; margin-bottom: 25px; }
    #Footer p { font-size: 16px; font-weight: 300; color: #4F4F69; }
    #Footer .contact { margin-top: 50px; }
        #Footer .contact p { margin-bottom: 30px; }
            #Footer .contact p .icon { margin-right: 5px; }
    #Footer .top { position: relative; }
        #Footer .top .icon-arrowTop { position: absolute; top: -158px; right: 0; }
    #Footer hr { margin-top: 10px; margin-bottom: 30px; border: 0; border-top: 1px solid #6BB52B; }
    #Footer .copyright { font-weight: 300; font-size: 14px; color: #394346; vertical-align: middle; display: inline-block; }
    #Footer ul { display: inline-block; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 550px; }
        #Footer ul li { display: inline-block; list-style: none; }
            #Footer ul li a { font-weight: 300; font-size: 14px; color: #394346; margin-right: 10px; }
                #Footer ul li a:hover { color: #6BB52B; }

/******************************************************************
HomeIndex
******************************************************************/
#HomeIndex { font-family: 'Roboto'; position: relative; }
    #HomeIndex .bgGray { margin-bottom: 30px; }
    #HomeIndex .sliders .horizontal-slider .product { display: block; width: 220px; padding: 10px; margin: auto; background: #FFF; margin-bottom: 15px; }
    #HomeIndex .sliders .horizontal-slider .product .box { min-height: 150px; }

    #HomeIndex .bgWhite { padding-bottom: 30px; }
        #HomeIndex .bgWhite .sliders .horizontal-slider .product { box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); }
#HomeSlider { display: block; height: 450px; font-family: 'Roboto'; overflow: hidden; }
    #HomeSlider .zcmsdoor { right: auto; left: 10px; }
    #HomeSlider .flex-control-nav { bottom: 0; }
    #HomeSlider .flex-control-paging li { padding: 18px 0; }
        #HomeSlider .flex-control-paging li a.flex-active { background-color: #6BB52B; }
        #HomeSlider .flex-control-paging li a { background-color: white; width: 18px; height: 18px; }
            #HomeSlider .flex-control-paging li a:hover { background-color: white; }
    #HomeSlider .slides li { height: 450px; background-repeat: no-repeat !important; background-position: center center !important; position: relative; }
        #HomeSlider .slides li h3 { position: absolute; padding: 12px 25px; z-index: 1; text-transform: uppercase; color: white; font-size: 40px; font-weight: 400; background-color: #666; display: inline-block; left: 90px; top: 205px; }
        #HomeSlider .slides li h4 { position: absolute; padding: 8px 25px; z-index: 1; text-transform: uppercase; color: white; font-size: 35px; font-weight: 300; background-color: #666; display: inline-block; left: 90px; top: 265px; }
        #HomeSlider .slides li a { position: absolute; z-index: 1; background-color: white; color: #333333; text-transform: uppercase; font-weight: 300; font-size: 22px; display: inline-block; left: 90px; top: 350px; padding: 15px 30px; }
            #HomeSlider .slides li a:hover { background-color: #6BB52B; color: #FFF; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

#Spotlight { position: absolute; top: 8px; right: 100px; display: inline-block; width: 400px; }
    #Spotlight .flex-direction-nav a:before { display: none; content: none; }
    #Spotlight .flex-direction-nav .flex-prev { background: url('/Content/app/images/sprites.png') -85px -134px; width: 23px; height: 38px; }
    #Spotlight .flex-direction-nav .flex-next { background: url('/Content/app/images/sprites.png') -107px -134px; width: 23px; height: 38px; }
    #Spotlight .slides img { width: 60%; display: block; margin: auto; }
    #Spotlight h3 { text-align: center; color: #DF4C47; font-weight: 300; font-size: 29px; text-transform: uppercase; margin: 20px 0; }
    #Spotlight p { color: #333333; font-weight: 300; font-size: 18px; text-transform: uppercase; text-align: center; width: 270px; margin: auto; padding: 20px 0; }
    #Spotlight .btn-shop { display: block; margin: 0 50px; }
    #Spotlight .detail { display: block; margin: auto; padding: 20px 0; }
        #Spotlight .detail a { color: #999999; font-weight: 300; font-size: 14px; margin: 0 5px; }
            #Spotlight .detail a:hover { color: #333346; }
            #Spotlight .detail a .fa-plus-circle { font-size: 16px; color: #333346; }

#HomeIndex .bgGreen { padding-top: 30px; padding-bottom: 30px; }
    #HomeIndex .bgGreen .info { padding-top: 20px; }
    #HomeIndex .bgGreen a { width: 250px; }
        #HomeIndex .bgGreen a:hover { opacity: 0.7; }
        #HomeIndex .bgGreen a.text { padding-left: 120px; }

#PhoneSlider { display: inline-block; width: 400px; height: 350px; overflow: hidden; background: none; }
    #PhoneSlider .slides li { text-align: center; }
    #PhoneSlider .slides img { width: auto; display: inline-block; }


/******************************************************************
HomeContent
******************************************************************/
#HomeContent { font-family: 'Roboto'; background-color: #FAFAFA; padding-bottom: 50px; }
    #HomeContent h1 { text-transform: uppercase; font-size: 44px; font-weight: 300; color: #333333; margin: 50px 0; }
    #HomeContent p { font-size: 16px; font-weight: 300; color: #656565; margin-bottom: 20px; }
#HomeContentGalery { float: left; width: 45%; margin-right: 15px; display: inline-block; }

/******************************************************************
HomeContacts
******************************************************************/
#HomeContacts { font-family: 'Roboto'; background-color: #FAFAFA; }
    #HomeContacts h1 { text-transform: uppercase; font-size: 44px; font-weight: 300; color: #333333; margin: 50px 0; }
    #HomeContacts h5 { text-transform: uppercase; font-size: 16px; color: #333333; font-weight: 300; }
    #HomeContacts .desc { font-size: 16px; font-weight: 300; color: #656565; margin-bottom: 20px; }
    #HomeContacts p { font-size: 14px; font-weight: 300; color: #999999; margin-bottom: 20px; }
    #HomeContacts input { color: #6D95BD; font-weight: 300; font-size: 16px; background-color: #EDEDED; border-radius: 0; border: 0; height: 60px; }
    #HomeContacts textarea { resize: none; color: #6D95BD; font-weight: 300; font-size: 16px; background-color: #EDEDED; border-radius: 0; border: 0; }
    #HomeContacts .btn-warning { width: 170px; height: 60px; background-color: #6BB52B !important; border: 0; border-radius: 0; text-transform: uppercase; font-size: 22px; }
    #HomeContacts .hour { padding-left: 50px; padding-bottom: 30px; }
    #HomeContacts .status { margin-right: 10px; vertical-align: middle; }
#FormContacts .row { margin: 0 -15px !important; }


#Map { display: block; width: 100%; height: 450px !important; top: 0; left: 0; }

/******************************************************************
AccountSign
******************************************************************/
#AccountSignIn { padding-bottom: 50px; }
    #AccountSignIn .wrapper { margin-top: 30px; }

/******************************************************************
AccountIndex
******************************************************************/
#AccountIndex { padding-bottom: 50px; }
    #AccountIndex .wrapper { margin-top: 30px; }

/******************************************************************
AccountRegister
******************************************************************/
#AccountRegister { padding-bottom: 50px; }
    #AccountRegister .wrapper { margin-top: 30px; }

/******************************************************************
AccountOrder
******************************************************************/
#AccountOrder { padding-bottom: 50px; }
    #AccountOrder .wrapper { margin-top: 30px; }
    #AccountOrder .box { margin-bottom: 20px; }
    #AccountOrder .order-info { margin-left: -15px !important; margin-right: -15px !important; }
    #AccountOrder .box .box-title { padding: 10px; background: #DFDFDF; }
    #AccountOrder .box .box-content { padding: 10px; background: #f9f9f9; }
        #AccountOrder .box .box-content h4 { margin-bottom: 10px; font-weight: bold; }
    #AccountOrder .table td { vertical-align: middle; }

/******************************************************************
ProductsIndex
******************************************************************/
.breadcrumb-cat { text-align: right; font-size: 16px; font-family: 'Roboto'; font-weight: 700; text-transform: uppercase; color: #6BB52B; padding-top: 15px; }
    .breadcrumb-cat b { font-weight: 700; color: #FFB252; }

#ProductsIndex { padding-bottom: 50px; font-family: 'Roboto'; }
    #ProductsIndex .section-top .articles { margin: 20px 0; font-size: 14px; font-weight: 300; color: #999999; }
    #ProductsIndex .section-top .fa-th-large { color: #DF4C47; margin-right: 10px; }
    #ProductsIndex .section-top .order { margin: 20px 0; float: right; margin-right: 50px; }
        #ProductsIndex .section-top .order a { color: #999999; }
        #ProductsIndex .section-top .order select { border: 0; }
        #ProductsIndex .section-top .order button { background-color: transparent; border: 0; }

    #ProductsIndex .index-content { padding: 0; }
        #ProductsIndex .index-content .product { width: auto; margin: 0; }
            #ProductsIndex .index-content .product img { width: 100%; margin-bottom: 5px; }
    #ProductsIndex .sliders.sliders-search .product { margin-bottom: 20px !important; }

    #ProductsIndex .menu { background-color: #EDEDED; padding: 30px 0; padding-left: 20px; padding-right: 25px; }
        #ProductsIndex .menu .active { color: #6BB52B; }
            #ProductsIndex .menu .active:hover { color: #6BB52B; }
    #ProductsIndex .sub-menu .sub-menu .active { font-weight: 300; color: white; background: #6BB52B; }
        #ProductsIndex .sub-menu .sub-menu .active:hover { color: white; }
    #ProductsIndex .menu .main-category { background: #FFF; margin-bottom: 20px; border: 1px solid #DDDDDD; }
    #ProductsIndex .menu ul { list-style: none; padding-left: 20px; margin-bottom: 0; }
    #ProductsIndex .menu a { color: #656565; font-size: 15px; font-weight: 300; text-transform: uppercase; display: block; position: relative; padding: 5px 15px; }
        #ProductsIndex .menu a .arrow { position: absolute; right: 15px; top: 0; bottom: 0; display: inline-block; width: 16px; height: 13px; background: url('/Content/app/images/sprites.png') -134px -199px; margin: auto; }
        #ProductsIndex .menu a.active .arrow { background: url('/Content/app/images/sprites.png') -134px -170px; }
        #ProductsIndex .menu a .fa { float: right; }
        #ProductsIndex .menu a:hover { color: #6BB52B; }
    #ProductsIndex .menu .main-category > a, 
    #ProductsIndex .menu .main-category > span { background-color: #FFF; color: #656565; padding: 8px 15px; font-size: 17px; display: block; }
    #ProductsIndex .menu .main-category.active > a,
    #ProductsIndex .menu .main-category.active > span { margin-bottom: 10px; }
    #ProductsIndex .menu .main-category.active > .price-slider { padding: 8px 30px; font-size: 12px; margin-top: 30px; }
    #ProductsIndex .menu .main-category > a:hover { background-color: #FFB252; color: #FFF; }
    #ProductsIndex .menu .sub-menu { display: none; }
    #ProductsIndex .active > .sub-menu { display: block; }
    #ProductsIndex .menu ul li.active .sub-menu { display: block; }
    #ProductsIndex .menu .menu-action { display: inline-block; width: 30px; text-align: center; font-size: 25px !important; position: absolute; right: 0; top: 0; height: 44px; line-height: 44px; }

    #ProductsIndex .prods { display: block; }
        #ProductsIndex .prods .listing { display: block; margin-top: 15px; }
        #ProductsIndex .prods .scroll { padding: 5px; }
    #ProductsIndex .listing .product { display: block; padding: 15px; margin-bottom: 15px; background-color: #FAFAFA; position: relative; }
        #ProductsIndex .listing .product .zcmsdoor { margin-top: 45px; }
        #ProductsIndex .listing .product:hover { box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); }
        #ProductsIndex .listing .product.active { box-shadow: 0 0 5px 0 rgba(96, 184, 48, 0.75); background: #FFF !important; }
        #ProductsIndex .listing .product .product-actions { width: 230px; display: block; vertical-align: middle; }
        #ProductsIndex .listing .product .section-price { margin-top: 0; }
        #ProductsIndex .listing .product .bgblue { padding: 10px; text-align: left; display: inline-block; vertical-align: middle; font-size: 22px; color: #394346; width: 100%; }
            #ProductsIndex .listing .product .bgblue .item .price.old { color: #FFB252; text-decoration: line-through; font-size: 16px; display: inline-block; float: left; margin-top: 7px; vertical-align: middle; margin-right: 10px; }
            #ProductsIndex .listing .product .bgblue .item .price { vertical-align: middle; display: inline-block; }
        #ProductsIndex .listing .product .non-active { display: inline-block; }
        #ProductsIndex .listing .product.active .non-active { display: none; }
        #ProductsIndex .listing .product .non-active .top { display: block; height: 70px; line-height: 70px; text-align: center; }
            #ProductsIndex .listing .product .non-active .top i { display: inline-block; width: 30px; height: 31px; background: url('/Content/app/images/sprites.png') -403px -56px; }
        #ProductsIndex .listing .product .non-active .simulated-btn { background: #ECECEC; display: block; height: 85px; line-height: 85px; text-align: center; }
            #ProductsIndex .listing .product .non-active .simulated-btn .fa { font-size: 22px; color: #CCCCCC; }
        #ProductsIndex .listing .product.active .product-quick-add { display: inline-block; }
        #ProductsIndex .listing .product .product-quick-add p { display: block; font-weight: 300; font-size: 14px; color: #394346; text-transform: uppercase; vertical-align: top; text-align: center; }
        #ProductsIndex .listing .product .product-quick-add a.change-quantity { font-size: 24px; color: #555555; display: inline-block; vertical-align: middle; margin: 5px 0; padding: 0 7px; }
        #ProductsIndex .listing .product .product-quick-add input[name="Quantity"] { border: 0; box-shadow: none; color: #555; font-size: 20px; width: 40px; text-align: center; height: auto; display: inline-block; vertical-align: middle; }
        #ProductsIndex .listing .product .product-quick-add button { font-size: 17px !important; height: 28px; padding-top: 1px; }
            #ProductsIndex .listing .product .product-quick-add button .fa { font-size: 22px !important; }
    #ProductsIndex .videoHolder iframe { max-width: 100% !important; }
    #ProductsIndex .listing .product .product-top { position: relative; }
        #ProductsIndex .listing .product .product-top .promo { background-color: #b7211c; text-transform: uppercase; color: white; padding: 3px 5px; position: absolute; top: 5px; left: 5px; border-radius: 5px; z-index: 1; font-size: 11px; }
    #ProductsIndex .listing .product img { max-width: 100%; max-height: 500px; margin-left: 0; }
    #ProductsIndex .listing .product .description { text-transform: uppercase; color: #333333; font-size: 22px; font-weight: 500; padding: 8px 0; padding-bottom: 3px; }
    #ProductsIndex .listing .product .ref { color: #999999; font-size: 14px; font-weight: 300; margin-bottom: 60px; padding-top: 12px; display: block; text-align: right; width: 100%; }
    #ProductsIndex .listing .product .product-top { height: 170px; display: block; overflow: hidden; }
    #ProductsIndex .listing .product .product-link { display: block; }
    #ProductsIndex .prods .prod-box { -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }
        #ProductsIndex .prods .prod-box.disabled { display: none; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }
    #ProductsIndex .prods .product-detail .close .fa-times { color: #6BB52B; font-size: 30px; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }
    #ProductsIndex .prods .product-detail.active { display: block; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }

    #ProductsIndex .prods .product-detail { display: none; padding: 30px; padding-top: 0; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }
        #ProductsIndex .prods .product-detail h2 { font-size: 30px; font-weight: 400; font-family: Roboto; margin: 20px 0; }
        #ProductsIndex .prods .product-detail .reference { font-size: 16px; font-weight: 400; margin-bottom: 10px; }
        #ProductsIndex .prods .product-detail .table { font-size: 16px; margin-top: 18px; }
        #ProductsIndex .prods .product-detail .desc { font-size: 14px; font-weight: 400; }
        #ProductsIndex .prods .product-detail .social-links ul { padding: 0; }
            #ProductsIndex .prods .product-detail .social-links ul li { list-style: none; display: inline-block; }
                #ProductsIndex .prods .product-detail .social-links ul li a { color: #999999; font-size: 22px; margin-right: 5px; }
                    #ProductsIndex .prods .product-detail .social-links ul li a:hover { color: #6BB52B; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }
        #ProductsIndex .prods .product-detail .nav-tabs { border-bottom: 0; margin-top: 20px; margin-bottom: 10px; }
            #ProductsIndex .prods .product-detail .nav-tabs > li > a { margin-right: 5px; border-bottom: 1px solid #6BB52B; border-radius: 0; background-color: transparent; color: #999999; border-collapse: collapse; }
            #ProductsIndex .prods .product-detail .nav-tabs > .active > a { background: #6BB52B; color: white; }
    #ProductsIndex .videoLink { padding-top: 15px; color: #6BB52B; display: block; font-size: 20px; }
    #ProductsIndex .sliders { padding: 0; padding-top: 10px; }
    #ProductsIndex .dimension .product { background-color: white; box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.3); margin-left: 5px; width: 225px; height: 345px; }
    #ProductsIndex .page { text-align: center; }
    #ProductsIndex .dimension .product .box { height: 140px; margin-bottom: 10px; }
    #ProductsIndex .dimension .product .show-details a { line-height: 140px; }
    #ProductsIndex .related-prod .flex-direction-nav { top: -8px; position: absolute; right: 5px; }
    #ProductsIndex .promotion-hours { position: relative; font-size: 16px; margin-top: 10px; color: #FFB252; font-family: 'Roboto'; font-weight: 400; border: 1px solid #FFB252; padding-bottom: 15px; }
        #ProductsIndex .promotion-hours span.op { color: #FFB252; display: block; padding: 5px 15px; text-transform: uppercase; }
        #ProductsIndex .promotion-hours span.time { color: #999999; display: block; padding: 5px 34px; font-size: 12px; }
.counter { padding: 5px 15px; font-size: 18px; font-weight: 700; }
    .counter span { font-size: 14px; font-weight: 400; }
#ProductsIndex .counter { position: absolute; right: 15px; top: 28px; padding-left: 0; }
#ProductsIndex .bgblue.desc { width: 100%; padding: 10px 0 !important; }

/******************************************************************
ProductsElectronic
******************************************************************/
#ProductsElectronic { margin-bottom: 20px; }
    #ProductsElectronic .wrapper { margin-top: 20px; padding-top: 20px; padding-bottom: 30px; background: #FFF; }
    #ProductsElectronic h1 { color: #DF4C47; font-family: 'Roboto'; font-weight: 300; font-size: 50px; margin: 25px 0; text-align: center; text-transform: uppercase; }
    #ProductsElectronic .content { font-size: 16px; font-weight: 300; color: #4F4F69; }
    #ProductsElectronic .col-md-3 { margin-bottom: 20px; width: 20%; }

/******************************************************************
ProductsSecurity
******************************************************************/
#ProductsSecurity { padding-bottom: 50px; font-family: 'Roboto'; }
    #ProductsSecurity .wrapper { padding-top: 20px; padding-bottom: 30px; background: #FFF; }
    #ProductsSecurity .bggray { background-color: #3A4346; display: block; }
        #ProductsSecurity .bggray .box { margin: 40px; display: block; }
            #ProductsSecurity .bggray .box .text { width: 200px; vertical-align: middle; display: inline-block; margin-left: 40px; }
            #ProductsSecurity .bggray .box h4 { color: #6BB52B; text-transform: uppercase; font-size: 29px; font-weight: 300; margin-bottom: 15px; }
            #ProductsSecurity .bggray .box p { color: #999999; font-size: 300px; font-size: 16px; }
            #ProductsSecurity .bggray .box .icon-clock { float: left; vertical-align: middle; margin-top: 40px; }
            #ProductsSecurity .bggray .box .icon-star { float: left; vertical-align: middle; margin-top: 40px; }
            #ProductsSecurity .bggray .box .icon-big-cart { float: left; vertical-align: middle; margin-top: 40px; }
    #ProductsSecurity .bgGreen { padding-top: 30px; padding-bottom: 30px; }
        #ProductsSecurity .bgGreen h2 { font-weight: 300; }
        #ProductsSecurity .bgGreen .info { padding-top: 20px; }
        #ProductsSecurity .bgGreen a:hover { opacity: 0.7; filter: alpha(opacity=70); }
    #ProductsSecurity h1 { color: #DF4C47; font-family: 'Roboto'; font-weight: 300; font-size: 50px; margin: 25px 0; text-align: center; text-transform: uppercase; }
    #ProductsSecurity .content { font-size: 16px; font-weight: 300; color: #4F4F69; }
    #ProductsSecurity .col-md-3 { margin-bottom: 20px; width: 20%; }


/******************************************************************
ProductsDetail 
******************************************************************/
#ProductsDetail { }
    #ProductsDetail .detail-zone { background: #F0F0F0; }
    #ProductsDetail .details-prod { margin: 40px 0; }
.product-actions { text-transform: uppercase; margin-top: 10px; display: block; font-size: 14px; }
.product-detail .fancybox { display: inline-block; }
    .product-detail .fancybox:hover { opacity: 0.8; filter: alpha(opacity=80); }
#ProductsDetail .sliders { padding: 0; padding: 40px 35px; }
    #ProductsDetail .sliders .horizontal-slider .product { margin-left: 0; }
#ProductsDetail .productSlider.flexslider { border: 1px solid #999999; }
#ProductsDetail .productSliderNav.flexslider .slides > li { border: 1px solid #999999; height: 90px; margin-top: 1px; margin-right: 1px; }
#ProductsDetail .related-products { }
    #ProductsDetail .related-products h2 { color: #DF4C47; font-family: 'Roboto'; font-weight: 300; font-size: 30px; padding-top: 40px; text-align: center; text-transform: uppercase; }
#ProductsDetail .promo { background-color: #b7211c; text-transform: uppercase; color: white; padding: 3px 5px; position: absolute; top: 5px; left: 0px; border-radius: 5px; z-index: 1; font-size: 11px; display: block; margin-bottom: 20px; }
#ProductsDetail .promotion-hours { position: relative; font-size: 16px; margin-top: 10px; color: #FFB252; font-family: 'Roboto'; font-weight: 400; border: 1px solid #FFB252; padding-bottom: 15px; padding: 15px; float: left; width: 50%; text-align: left; }
    #ProductsDetail .promotion-hours span.op { color: #FFB252; display: block; padding: 5px 0px; text-transform: uppercase; }
    #ProductsDetail .promotion-hours span.time { color: #999999; display: block; padding: 5px 17px; font-size: 12px; }
#ProductsDetail .fp-actions.prom { text-align: right; }
#ProductsDetail .counter { position: absolute; right: 15px; top: 28px; padding-left: 0; }

.promotion-h { position: relative; font-size: 16px; color: #FFB252; font-family: 'Roboto'; font-weight: 400; padding-bottom: 5px; }
/******************************************************************
BasketDetail
******************************************************************/
#BasketDetail { background-color: #FAFAFA; font-family: 'Roboto'; }
    #BasketDetail .basket-products td, #BasketDetail .basket-products th { vertical-align: middle; }
    #BasketDetail .box-content { margin: 50px; }
        #BasketDetail .box-content h1 { text-transform: uppercase; font-size: 44px; color: #333333; font-weight: 300; padding-bottom: 20px; }
        #BasketDetail .box-content table { width: 100%; }
            #BasketDetail .box-content table .price { font-size: 16px; font-weight: 500; color: #333333; }
            #BasketDetail .box-content table .line-price { font-weight: 500; font-size: 16px; color: #333333; }
            #BasketDetail .box-content table .price-send { font-size: 18px; }
            #BasketDetail .box-content table .all-total { font-size: 29px; font-weight: 500; color: #394346; }
            #BasketDetail .box-content table .text-table { font-size: 13px; padding: 20px 0; color: #333333; text-transform: none; }
            #BasketDetail .box-content table .price-total { font-size: 30px; }
            #BasketDetail .box-content table th { font-size: 16px; font-weight: 500; text-transform: uppercase; padding: 20px 0; color: #333333; background-color: #F3F3F3; }
            #BasketDetail .box-content table .border { border: 0; }
            #BasketDetail .box-content table tr { border-bottom: 1px #B1CEE7 solid; }
            #BasketDetail .box-content table td { font-size: 14px; padding: 15px 0; text-transform: uppercase; color: #666666; }
                #BasketDetail .box-content table td p { font-size: 16px; font-weight: 300; text-transform: uppercase; color: #333333; }
                #BasketDetail .box-content table td .sub-total { text-transform: uppercase; color: #394346; font-size: 20px; font-weight: 300; }
                #BasketDetail .box-content table td .price-sub-total { text-transform: uppercase; color: #394346; font-size: 14px; font-weight: 300; }
            #BasketDetail .box-content table .ref { font-size: 14px; font-weight: 300; color: #999999; }
            #BasketDetail .box-content table td .border-image { text-align: center; }
    #BasketDetail .actions { position: relative; bottom: 24px; margin-bottom: 30px; text-transform: uppercase; margin: 0 50px 40px 50px; }
        #BasketDetail .actions .btn-success { float: right; font-size: 16px; width: 240px; height: 60px; padding-top: 20px; border-radius: 0; }
        #BasketDetail .actions .btn-info { float: left; font-size: 16px; width: 240px; height: 60px; padding-top: 20px; border-radius: 0; }

    #BasketDetail .quant { background-color: #EDEDED; display: block; width: 170px; height: 60px; position: relative; }
    #BasketDetail .decrement { background: url('/Content/app/images/sprites.png') -133px -193px; width: 19px; height: 23px; display: block; position: absolute; bottom: 0; right: 10px; }
    #BasketDetail .increment { background: url('/Content/app/images/sprites.png') -133px -164px; width: 19px; height: 23px; display: block; position: absolute; top: 0; right: 10px; }
    #BasketDetail .quantity { background-color: #EDEDED; color: #6D95BD; font-size: 16px; font-weight: 300; height: 35px; border: 0 solid #333; line-height: 32px; width: 40px; text-align: center; margin-top: 15px; }

    #BasketDetail .remove-product { width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #DE4B47; display: block; position: relative; }
        #BasketDetail .remove-product .fa { color: #FFF; font-size: 25px; }
    #BasketDetail .fa-times { color: white; font-size: 22px; position: absolute; right: 0; left: 21px; top: 20px; }
    #BasketDetail .coupon { background: #eee; padding: 20px 20px 20px 20px; color: #666; }


/******************************************************************
BasketCheckout
******************************************************************/
#BasketCheckout { font-family: 'Roboto'; }
    #BasketCheckout .wrapper { margin-top: 30px; }
    #BasketCheckout .box { border: 1px solid #e1e1e1; background: #FFF; }
        #BasketCheckout .box .box-title { padding: 20px; display: block; }
        #BasketCheckout .box.last .box-title { background: #FFB252; }
        #BasketCheckout .box .box-title h2 { display: block; margin: 0; padding: 0; color: #000; text-transform: uppercase; }
        #BasketCheckout .box.finished .box-title { background: #f0f0f0; }
        #BasketCheckout .box.blocked .box-title { background: #666; }
            #BasketCheckout .box.blocked .box-title h2, #BasketCheckout .box.last .box-title h2 { color: #FFF; }
        #BasketCheckout .box .box-content { padding: 20px; border-top: 1px solid #e1e1e1; }
        #BasketCheckout .box.finished .box-content { background: #f0f0f0; }
        #BasketCheckout .box.blocked .box-content { background: #666; display: none; }
        #BasketCheckout .box .box-bottom { padding: 20px; border-top: 1px solid #e1e1e1; }
            #BasketCheckout .box .box-bottom .info { color: #666; display: inline-block; text-align: left; width: 75%; }
            #BasketCheckout .box .box-bottom .price-total { color: #FFB252; font-size: 22px; font-weight: 700; }
            #BasketCheckout .box .box-bottom .text-center { display: inline-block; margin-left: 25px; }
    #BasketCheckout .basket-lines { }
        #BasketCheckout .basket-lines table { margin: 0; }
            #BasketCheckout .basket-lines table td, #BasketCheckout .basket-lines table th { vertical-align: middle; }
            #BasketCheckout .basket-lines table td { border-top: 1px dashed #ddd; }
            #BasketCheckout .basket-lines table p { height: 25px; line-height: 25px; }
                #BasketCheckout .basket-lines table p b { color: #666; font-weight: normal; }
        #BasketCheckout .basket-lines .product-color-square { height: 22px; width: 22px; }
    #BasketCheckout .basket-steps { }
        #BasketCheckout .basket-steps .row { margin-left: -15px !important; margin-right: -15px !important; }
        #BasketCheckout .basket-steps .form-group { margin-bottom: 10px; }
        #BasketCheckout .basket-steps .box { margin-bottom: 15px; }
        #BasketCheckout .basket-steps h2 { font-size: 20px; }
        #BasketCheckout .basket-steps h3 { font-size: 18px; display: block; margin-bottom: 20px; }
        #BasketCheckout .basket-steps .step { }
            #BasketCheckout .basket-steps .step label { margin: 0; font-weight: normal; }
        #BasketCheckout .basket-steps .step-actions { margin-top: 15px; }
#Step1 form .row { height: 34px; line-height: 34px; }
#Step1 form .form-group { margin-bottom: 15px !important; }
#Step1 .newdeliver-option { margin-top: 15px; }
#NewDeliverAddressLabel { text-align: center; display: block; cursor: pointer; }
#NewDeliverAddress { margin-top: 15px; }
#Step2 form label { cursor: pointer; display: block; margin: 0; height: 44px; line-height: 18px; }
#Step3 p { display: block; margin-bottom: 10px; }
#Step3 .price { color: #FFB252; font-size: 18px; font-weight: 700; }

/*product*/

body .product { }
#ProductsDetail .btn.btn-cart { width: auto; }
#ProductsDetail .flexslider .slides img { width: auto; max-width: 100%; margin: auto; }
#ProductsDetail .detailtable { position: relative; top: 20px; }
body .product img { max-width: 100%; }
body .product .product-name { min-height: 48px; background: #333333; padding: 10px 20px; color: #FFF; text-transform: uppercase; }
    body .product .product-name .fa { font-size: 30px; color: #CBCBCB; margin-left: 8px; vertical-align: middle; }
    body .product .product-name strong { color: #44A0D1; font-size: 18px; vertical-align: middle; }
    body .product .product-name .product-title { font-size: 19px; color: #FFF; text-transform: uppercase; }
body .product:hover img { opacity: 0.9; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
body .product:hover .product-name { background: #009BDD; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
    body .product:hover .product-name strong { color: #333; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

body .full-product { padding: 20px; background: #FFF; color: #181919; }
    body .full-product .zcmsdoor { right: -75px; }
    body .full-product h2 { color: #181919; text-transform: uppercase; }
    body .full-product .label { background: #0189CF; padding: 5px 15px; border-radius: 5px; display: inline-block; text-transform: uppercase; color: #FFF; }
    body .full-product .fp-reference { min-height: 25px; text-align: center; }
        body .full-product .fp-reference .brand { font-size: 20px; }
    body .full-product .fp-reference, body .full-product .categories { margin-bottom: 20px; }
        body .full-product .categories ul { padding: 0; list-style: none; display: block; border-bottom: 1px solid #80C4E7; margin-bottom: 0; }
        body .full-product .categories > ul:first-child { border-top: 1px solid #80C4E7; }
        body .full-product .categories li { position: relative; padding: 0 15px; display: inline-block; float: none; color: #181919; text-transform: uppercase; height: 35px; line-height: 35px; }
            body .full-product .categories li:after { content: "\f105"; margin-left: 5px; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 19px; text-decoration: none; color: #D1CDCC; position: absolute; right: -5px; top: -1px; }
            body .full-product .categories li:last-child:after { content: none; }
    body .full-product .fp-body { margin-bottom: 20px; }
    body .full-product .fp-actions { }
        body .full-product .fp-actions strong { font-size: 35px; }
            body .full-product .fp-actions strong .price.old { color: #FFB252; text-decoration: line-through; font-size: 24px; }
        body .full-product .fp-actions form { float: right; }
        body .full-product .fp-actions button[type="submit"] { float: left; margin-left: 40px; background: #333333; text-transform: uppercase; color: #FFF; border-radius: 5px; border: 0; height: 40px; line-height: 40px; padding: 0 20px; }
        body .full-product .fp-actions form a { float: left; height: 38px; line-height: 38px; border: 1px solid #D5D9DB; display: inline-block; vertical-align: middle; color: #999DA3; width: 25px; text-align: center; }
        body .full-product .fp-actions input[type="text"] { float: left; height: 38px; line-height: 38px; border: 1px solid #D5D9DB; display: inline-block; vertical-align: middle; color: #999DA3; width: 50px; text-align: center; border-radius: 0; border-left: none; border-right: none; }


/******************************************************************
Icons
******************************************************************/
.icon { display: inline-block; vertical-align: middle; }
    .icon.icon-Mi { background: url('/Content/app/images/sprites.png') -3px -27px; width: 20px; height: 20px; }
a:hover .icon.icon-Mi { background: url('/Content/app/images/sprites.png') -29px -27px; width: 20px; height: 20px; }
.icon.icon-location { background: url('/Content/app/images/sprites.png') -4px -52px; width: 16px; height: 21px; }
a:hover .icon.icon-location { background: url('/Content/app/images/sprites.png') -24px -52px; width: 16px; height: 21px; }
.icon.icon-home { background: url('/Content/app/images/sprites.png') -24px -4px; width: 18px; height: 18px; }
a:hover .icon.icon-home { background: url('/Content/app/images/sprites.png') -3px -4px; width: 18px; height: 18px; }
.icon.icon-life-ring { background: url('/Content/app/images/sprites.png') -3px -77px; width: 20px; height: 20px; }
a:hover .icon.icon-life-ring { background: url('/Content/app/images/sprites.png') -29px -77px; width: 20px; height: 20px; }
.icon.icon-ball { display: block; background-color: white; width: 7px; height: 7px; border-radius: 10px; }
.icon.icon-cart { background: url('/Content/app/images/sprites.png') -3px -105px; width: 16px; height: 16px; }
.icon.icon-cart-green { background: url('/Content/app/images/sprites.png') -133px -140px; width: 16px; height: 16px; }
.icon.icon-mi-black { background: url('/Content/app/images/sprites.png') -32px -104px; width: 29px; height: 30px; }
.icon.icon-security { background: url('/Content/app/images/sprites.png') -2px -134px; width: 30px; height: 30px; }
.icon.icon-greenCart { background: url('/Content/app/images/sprites.png') -431px -3px; width: 30px; height: 30px; }
.icon.icon-whiteCart { background: url('/Content/app/images/sprites.png') -42px -51px; width: 19px; height: 23px; }
.icon.icon-small-security { background: url('/Content/app/images/sprites.png') -36px -140px; width: 18px; height: 18px; }
.icon.icon-small-mi-black { background: url('/Content/app/images/sprites.png') -60px -140px; width: 18px; height: 18px; }
.icon.icon-googlePlay { background: url('/Content/app/images/sprites.png') -77px -173px; width: 45px; height: 53px; }
.icon.icon-phone { background: url('/Content/app/images/sprites.png') -77px -229px; width: 26px; height: 26px; }
.icon.icon-mail { background: url('/Content/app/images/sprites.png') -77px -258px; width: 26px; height: 26px; }
.icon.icon-arrowTop { background: url('/Content/app/images/sprites.png') -460px -3px; width: 49px; height: 30px; }
.icon.big-cart { background: url('/Content/app/images/sprites.png') -541px -3px; width: 30px; height: 32px; }
.icon.icon-clock { background: url('/Content/app/images/sprites.png') -159px -146px; width: 69px; height: 69px; }
.icon.icon-star { background: url('/Content/app/images/sprites.png') -239px -146px; width: 68px; height: 68px; }
.icon.icon-big-cart { background: url('/Content/app/images/sprites.png') -310px -146px; width: 65px; height: 68px; }

@media print {
    /* TODO */
    #Header, #Footer { display: none; }
    #AccountOrderPage { padding: 0; }
        #AccountOrderPage .box { margin: 0; padding: 0; }
        #AccountOrderPage .btn { display: none; }
        #AccountOrderPage .col-md-6 { width: 50% !important; float: left !important; }
}