/*
 *  Zenn Web Agency (C) 2013 http://www.zenn.pt
 */
/******************************************************************
 RESET CSS
******************************************************************/
body, img, input, p, h1, h2, h3, fieldset, textarea, ul, ol { margin: 0; padding: 0; border: 0; resize: none; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0; }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }

/*.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }*/
.col-md-offset-12 { margin-left: 100%; }
.col-md-offset-11 { margin-left: 91.66666667%; }
.col-md-offset-10 { margin-left: 83.33333333%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-8 { margin-left: 66.66666667%; }
.col-md-offset-7 { margin-left: 58.33333333%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-5 { margin-left: 41.66666667%; }
.col-md-offset-4 { margin-left: 33.33333333%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-2 { margin-left: 16.66666667%; }
.col-md-offset-1 { margin-left: 8.33333333%; }
.col-md-offset-0 { margin-left: 0; }

@font-face { font-family: 'Lato', sans-serif; font-family: 'Roboto', sans-serif; font-family: 'Open Sans', sans-serif; }

input[type=submit] { cursor: pointer; }
*:focus { outline: none; }
::selection { background: #000; /* Safari */ color: #fafafa; }
::-moz-selection { background: #000; /* Firefox */ color: #fafafa; }
.wrapper { position: relative; display: block; margin: 0 50px; width: auto; }
body { font-weight: 400; font-family: 'Open Sans'; }
.fixed { position: fixed; width: 100%; background-color: white; z-index: 2; top: 0; }
.fixedBottom { position: fixed; width: 100%; background-color: white; z-index: 2; bottom: -50px; }
.marg-left { margin-left: 25px; }

#Header-Mobile { display: none; }

.header-views { position:absolute; top:15px; right:0; color:#FFF; z-index:100000; }
    .header-views a { color:#CBCBCB; margin-left:15px; }
    .header-views a.active { color:#FFF; }

/******************************************************************
General html
******************************************************************/
#ZCmsContent .wrapper { width: 1200px; margin: auto; }

.backgroung-pic { width: 100%; position: absolute; height: 100%; left: 0; top: 0; }
.valign-outer { display: table; width: 100%; text-align: center; }
.valign-inner { display: table-cell; vertical-align: middle; }
.section { display: block; background-position: top center; background-repeat: no-repeat; }
    .section .zcmsdoor.visible-door { position: absolute; top: 100px; left: 0; display: inline-block; width: 80px; text-align: center; }
.section-page { padding: 30px 0; }
#ZCmsContent .section-header .wrapper { width: auto; margin: 0 50px; }
.section-header { position: relative; padding-top: 70px; }
    .section-header .section-title { height: 75px; color: #FFFFFF; text-transform: uppercase; font-weight: 700; font-size: 48px; font-family: 'Open Sans'; }
    .section-header .icon-trans-arrow { position: absolute; bottom: 0; left: 75px; }
    .section-header .icon-tool { margin-top: -20px; }
    .section-header .icon-ticket { margin-top: -20px; }
    .section-header .section-header-bottom p { display: none; position: absolute; z-index: 1; margin-top: 16px; width: 100%; color: #CBCBCB; font-size: 18px; }
    .section-header .sub-menu { position: absolute; top: 20px; z-index: 1; display: inline-block; color: white; text-align: left; }
        .section-header .sub-menu a { color: white; }
            .section-header .sub-menu a.gray { color: #CBCBCB; }
    .section-header .zcmsdoor { top: -40px !important; }
.row { margin: 0; }
.flex-control-paging li a, .flex-control-paging li a:hover { color: #cccccc !important; line-height: 50px; overflow: hidden; }
    .flex-control-paging li a.flex-active, .flex-control-paging li a.flex-active:hover { color: #EF7F1A !important; }
.white { padding-top: 140px; padding-bottom: 30px; color: #FFFFFF; font-family: 'Open Sans'; }
.ground { display: block; width: 100%; height: 60px; background-color: black; opacity: 0.4; }
.section.section-announcement { margin: auto; display: block; width: 100%; background: #F5F5F5; }
    .section.section-announcement .pull-top { padding-top: 20px; }
    .section.section-announcement h4 { position: relative; top: -35px; text-transform: uppercase; font-size: 15px !important; text-align: center; display: block !important; }
    .section.section-announcement h2 { display: inline-block; margin-top: 30px; color: #3D3D3D; vertical-align: middle; font-weight: 300; font-size: 30px; font-family: 'Open Sans'; }
    .section.section-announcement .img-bar { display: block; height: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #E3E3E3; vertical-align: top; }
.blue-letter { display: inline-block; color: #008CD2; }
.gray-color { color: #848484; text-transform: none !important; font-weight: 400 !important; font-size: 16px !important; }
.blue-color { margin-bottom: 20px; color: #21C1F7; font-weight: 400 !important; font-size: 16px !important; }
.margTop20 { margin-top: 20px; }
.margleft20 { margin-left: 20px; }
.status.error { color: red; }
.status.success { color: green; }
.brand-slider { background: none; width: 100%; border: 0; }
    .brand-slider .flex-direction-nav { display: inline-block; }
        .brand-slider .flex-direction-nav a { top: 50px; height: 44px; }
    .brand-slider .slides { padding: 10px 0; }
        .brand-slider .slides a .brand { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .brand-slider .slides a::after .brand { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 10px 25px 0 rgba(80,80,80, 0.3); opacity: 0; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .brand-slider .slides a:hover .brand { -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -ms-transform: translate(0, -5px); -o-transform: translate(0, -5px); transform: translate(0, -5px); }
    .brand-slider .brand { position: relative; display: block; margin: 0 10px; height: 100px; border: 1px solid #ECECEC; background: #FFF; text-align: center; line-height: 98px; }
        .brand-slider .brand img { display: inline-block; max-width: 100%; max-height: 90px; width: auto; }
        .brand-slider .brand .icon { position: absolute; right: 0; bottom: 0; left: 0; }

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

.padding20 { padding: 20px; }

body ._v-align { display: inline-block; vertical-align: middle; margin: 0; }
    body ._v-align.alert { margin: 0 !important; display: inline-block !important; margin-left: 20px !important; }

.content-text { position:relative; display:block; }
    .content-text ul { display: block; margin-left:60px; }

/******************************************************************
Notices html
******************************************************************/
.notices { padding: 50px 0 0 10px; }
    .notices .notice { padding: 15px; }
        .notices .notice img { max-width: 100%; max-height: 100%; }
        .notices .notice .info { padding: 0 15px 0 30px; }
        .notices .notice h3 { position: relative; display: inline-block; font-size: 28px; color: #333; }
            .notices .notice h3:after { content: ""; display: inline-block; position: absolute; right: -15px; top: 5px; bottom: 0; width: 2px; background: #d0d0d0; }
            .notices .notice h3 small { display: block; font-size: 14px; color: #EB2D49; text-transform: uppercase; }
        .notices .notice h4 { font-size: 18px; display: inline-block; margin: 0; line-height: 44px; margin-left: 35px; vertical-align: top; color: #333; }
        .notices .notice .introduction { color: #888; padding: 15px 0; }
        .notices .notice .options { color: #888; }
            .notices .notice .options a { color: #888; text-decoration: underline; cursor: pointer; }
                .notices .notice .options a:hover { color: #008DD2; text-decoration: underline; }

/******************************************************************
Header html
******************************************************************/
#Header { position: relative; top: 0; z-index: 3; display: block; width: 100%; height: 80px; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; font-family: 'Open Sans'; }
    #Header.closed { display: none; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
    #Header .back-effect { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #000000; opacity: 0.80; filter: Alpha(opacity=80); }
    #Header .logo { display: inline-block; margin-top: 20px; width: 168px; height: 40px; background: url('/Content/app/images/sprites.png') -611px -5px; vertical-align: middle; }
    #Header .header-menu { display: inline-block; vertical-align: middle; }
    #Header ul { display: block; list-style-type: none; }
    #Header li { display: inline-block; position: relative; }
        #Header li .menu-blue { position: relative; float: left; display: inline-block; padding-right: 15px; padding-left: 15px; height: 80px; line-height: 80px; color: #CBCBCB; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 14px; font-family: 'Open Sans'; }
            #Header li .menu-blue .icon { position: absolute; top: 100%; right: 0; left: 0; display: none; margin: auto; }
            #Header li .menu-blue:hover, #Header li .menu-blue.active { background-color: #008DD2; color: #FFFFFF; }
                #Header li .menu-blue:hover .icon, #Header li .menu-blue.active .icon { display: inline-block; }
        #Header li.user-options { position: relative; }
            #Header li.user-options .user-options-menu { border: 1px solid #999999; display: none; position: absolute; top: 100%; left: -30px; background: #FFF; right: -30px; }
            #Header li.user-options.active .user-options-menu { display: inline-block; }
            #Header li.user-options .user-options-menu a { display: block; padding: 5px 15px; text-align: center; }
                #Header li.user-options .user-options-menu a:hover { color: #FFF; background: #428bca; }
    #Header .space { width: 70px; }
    #Header li .no-hover { border-left: 1px solid rgba(0, 141, 210, 0.5); display: inline-block; padding-right: 25px; padding-left: 25px; float: left; height: 80px; line-height: 80px; }
    #Header .icon { display: inline-block; vertical-align: middle; }
#ShopCartInfo { display: none; position: absolute; top: 5px; right: 5px; height: 30px; width: 30px; text-align: center; line-height: 30px; border-radius: 50%; color: #FFF; background: #EF7F1A; font-family: 'Open Sans'; }
    #ShopCartInfo.active { display: inline-block; }
#Search { display: none; font-family: 'Open Sans'; }
    #Search.active { display: inline-block; position: absolute; top: 0; bottom: 0; right: 0; height: 80px; line-height: 80px; }
    #Search > input, #Search > a { display: inline-block; vertical-align: middle; line-height: normal; }
    #Search > input { margin-right: 10px; height: 32px; line-height: 32px; border-radius: 4px; padding: 0 10px !important; }
    #Search > a { font-size: 1.6em; }
#SearchResults { display: none; position: absolute; top: 80px; left: 0; right: 0; height: auto; margin: auto; z-index: 101; font-family: 'Open Sans'; }
#SearchResults-Effect { position: absolute; top: 0; right: 0; height: 135px; width: 325px; z-index: 100; background: #000000; opacity: 0.80; filter: Alpha(opacity=80); }
#SearchResults .wrapper { text-align: right; position: relative; }
#SearchResults-Products { position: absolute; top: 0; right: 0; height: 135px; width: 325px; z-index: 101; }
    #SearchResults-Products a { text-align: right; color: #FFF; height: 33.50px; line-height: 33.50px; padding: 0 15px; display: block; position: relative; overflow: hidden; }
        #SearchResults-Products a:hover { background-color: #008DD2; text-decoration: none; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
    #SearchResults-Products p { color: #FFF; }
/******************************************************************
HomePage html
******************************************************************/
#HomeBanners { margin-bottom: 0; border: 0; }
    #HomeBanners .banner-img { width:100% !important; display:block; }
    #HomeBanners .image .content { color: white; position: absolute; right: 0; left: 0; text-align: center; top: 40%; }
        #HomeBanners .image .content h2 { font-size: 50px; font-weight: 700; margin-bottom: 0; }
        #HomeBanners .image .content p { font-size: 30px; font-weight: 400; margin-bottom: 25px; }
    #HomeBanners .flex-direction-nav { position: absolute; top: 50%; display: block; width: 100%; }
        #HomeBanners .flex-direction-nav a { background: #fff; border-radius: 50px; width: 50px; height: 50px; }
            #HomeBanners .flex-direction-nav a.flex-prev { left: 50px; right: auto; }
            #HomeBanners .flex-direction-nav a.flex-next { right: 50px; left: auto; }
            #HomeBanners .flex-direction-nav a::before { font-size: 18px; text-align: center; line-height: 50px; padding: 0 18px; }
    #HomeBanners .flex-control-nav { z-index: 100; right: auto; margin-top: -60px; }
        #HomeBanners .flex-control-nav a { height: 12px; width: 12px; border-radius: 12px; }

    #HomeBanners .video { background:#333; text-align:center; }
     #HomeBanners .video .video-js { margin:auto !important; }

#HomePageStart { background: #F5F5F5; }
    #HomePageStart .flexslider { background: none; border: none; }
        #HomePageStart .flexslider .flex-viewport { padding: 50px 0; }
        #HomePageStart .flexslider .flexslide .content { background: #fff; margin: 0 15px; position: relative; display: block; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
            #HomePageStart .flexslider .flexslide .content::after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 10px 25px 0 rgba(80,80,80, 0.3); opacity: 0; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
            #HomePageStart .flexslider .flexslide .content:hover { -webkit-transform: translate(0, -20px); -moz-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); }
                #HomePageStart .flexslider .flexslide .content:hover::after { opacity: 1; }
            #HomePageStart .flexslider .flexslide .content > div { overflow: hidden; }
            #HomePageStart .flexslider .flexslide .content .title { padding: 5px 15px; color: #666; display: table; width: 100%; }
                #HomePageStart .flexslider .flexslide .content .title h4 { display: table-cell; vertical-align: middle; }
                    #HomePageStart .flexslider .flexslide .content .title h4 small { display: block; }
            #HomePageStart .flexslider .flexslide .content .info { padding: 5px 15px; color: #222; display: table; vertical-align: middle; width: 100%; }
                #HomePageStart .flexslider .flexslide .content .info > span { display: table-cell; vertical-align: middle; line-height: 45px; }
                #HomePageStart .flexslider .flexslide .content .info .brand { text-align: right; }
                    #HomePageStart .flexslider .flexslide .content .info .brand img { display: inline-block; width: auto; }
            #HomePageStart .flexslider .flexslide .content hr { margin: 0; border-width: 2px 0 0; }
        #HomePageStart .flexslider .flex-control-nav { right: 0; }


#HomeBrands { background: #fff; }
    #HomeBrands .section.section-announcement { background: #fff; }
        #HomeBrands .section.section-announcement h2:before { content: ""; background: transparent url("/Content/app/images/sprites.png") repeat scroll -170px -212px; width: 518px; height: 12px; position: absolute; left: -533px; margin-top: 11px; }

#HomeNewsletter { }
    #HomeNewsletter .section { padding: 50px 0; position: relative; overflow: hidden; }
        #HomeNewsletter .section h2:before { content: ""; background: transparent url("/Content/app/images/sprites.png") repeat scroll -170px -212px; width: 518px; height: 12px; position: absolute; left: -533px; margin-top: 11px; }
        #HomeNewsletter .section .backgroung-pic { height: auto; width: auto; min-width: 100%; min-height: 100%; }
        #HomeNewsletter .section .row { margin-top: 25px; }
        #HomeNewsletter .section h4 { color: #b5b5b5; line-height: 1.6; margin: 0 0 20px 0; }
        #HomeNewsletter .section form > div { padding: 10px; }

#HomeNotices { }
    #HomeNotices .section { padding: 50px 0; position: relative; overflow: hidden; }
    #HomeNotices .notices .notice h3 { position: relative; display: inline-block; font-size: 28px; }

#HomePage .wrapper:first-child { padding: 40px 0 0; font-family: 'Open Sans'; }
#HomePage a { text-decoration: none; }
#HomePage .logo { display: block; width: 390px; height: 195px; background: url('/Content/app/images/sprites.png') -0px -0px; }
#HomePage h3 { display: block; text-align: center; font-weight: normal; font-size: 24px; font-family: 'Open Sans'; }
#HomePage .slogan { display: inline-block; padding-right: 40px; color: white; vertical-align: middle; text-align: right; font-weight: normal; font-family: 'Open Sans'; }
    #HomePage .slogan h2 { display: block; margin-top: 60px; margin-bottom: 10px; font-size: 41px; }
    #HomePage .slogan h3 { display: block; margin-bottom: 60px; color: white; text-align: right; font-size: 26px; }
#HomePage .box { display: inline-block; overflow: hidden; height: 200px; color: #000; text-align: center; line-height: 200px; }
    #HomePage .box .box-content { display: block; vertical-align: top; line-height: normal; }
    #HomePage .box.box-orange { background-color: #EF7F1A; }
        #HomePage .box.box-orange:hover { background-color: #ff8e28; opacity: 1; filter: alpha(opacity=100); }
    #HomePage .box.box-blue { background-color: #008DD2; }
        #HomePage .box.box-blue:hover { background-color: #06a4f1; opacity: 1; filter: alpha(opacity=100); }
    #HomePage .box.box-red { background-color: #E31E24; }
        #HomePage .box.box-red:hover { background-color: #ff242b; opacity: 1; filter: alpha(opacity=100); }
    #HomePage .box h3 { display: block; padding-top: 15px; color: #000; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 24px; font-family: 'Roboto', sans-serif; }
    #HomePage .box img { width: 100%; height: 100%; vertical-align: top; }
    #HomePage .box .icon { margin-top: 50px; margin-bottom: 15px; text-align: center; font-size: 58px; line-height: 0; }
    #HomePage .box.box-border { position: relative; display: block; border: 5px #E9E9E9 solid; }
        #HomePage .box.box-border .icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; margin: auto; }
        #HomePage .box.box-border .search-product { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: none; margin: auto; max-width: 100%; max-height: 100%; background: #EF7F1A; opacity: 0.80; filter: Alpha(opacity=80); }
        #HomePage .box.box-border:hover .search-product { display: inline-block; }
        #HomePage .box.box-border:hover .icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: inline-block; margin: auto; }
    #HomePage .box.marcs { position: relative; height: 130px; line-height: 130px; }
        #HomePage .box.marcs .icon { position: absolute; top: 120px; right: 0; bottom: 0; left: 15px; z-index: 2; display: none; margin: 0; }
        #HomePage .box.marcs:hover .icon { z-index: 2; display: block; }
#HomePage .section .icon-arrow { display: block; margin: auto; margin-top: 40px; margin-bottom: 40px; }
#HomePage .quality { display: block; padding-top: 130px; padding-bottom: 200px; font-family: 'Open Sans'; }
    #HomePage .quality h2 { display: block; margin-bottom: 15px; color: white; text-align: left; font-weight: 400; font-size: 48px; }
    #HomePage .quality h3 { display: block; color: white; text-align: left; font-weight: 300; font-size: 30px; }
#HomePage .section .typegray { display: block; padding: 0; padding-top: 55px; padding-bottom: 30px; min-height: 365px; border-top: 8px #616570 solid; vertical-align: top; font-family: 'Open Sans'; }
    #HomePage .section .typegray .section-top-fix { margin-top: -1px; }
    #HomePage .section .typegray h2 { vertical-align: middle; font-weight: 300; font-size: 30px; font-family: 'Open Sans'; }
    #HomePage .section .typegray.gray-section { background-color: #E6E6E6; }
        #HomePage .section .typegray.gray-section h2 { display: inline-block; color: #3D3D3D; }
        #HomePage .section .typegray.gray-section p { display: block; margin-top: 10px; margin-right: 30px; color: #656565; text-align: right; font-weight: 300; font-size: 14px; }
        #HomePage .section .typegray.gray-section ul { display: block; margin-top: 15px; list-style: none; text-align: right; }
            #HomePage .section .typegray.gray-section ul li { position: relative; margin-left: 30%; }
#HomePage .section .gray-section li .icon { position: absolute; top: 0; right: 1px; z-index: 1; display: none; margin-right: -11px; }
#HomePage .section .gray-section li .active { background-color: #008DD2; color: white; }
#HomePage .section .gray-section li:hover { background-color: #CBCBCB; }
#HomePage .section .gray-section li .active .icon { display: inline-block; }
#HomePage .section .gray-section li a { display: block; padding-top: 9px; padding-right: 30px; padding-bottom: 9px; color: #333333; font-weight: 700; }
    #HomePage .section .gray-section li a .active { color: white; }
#HomePage .section .typegray.blackgray-section { border-top-color: #999999; background-color: #323232; overflow: hidden; }
    #HomePage .section .typegray.blackgray-section h2 { margin-bottom: 35px; color: #E5E5E5; text-align: left; }
#HomePage .section .blackgray-section .blackgray-section-box { margin-right: 65px; margin-left: 60px; }
#HomePage .section .blackgray-section .hideable { display: none; }
    #HomePage .section .blackgray-section .hideable.active { display: block; }
#HomePage .section .blackgray-section { font-family: 'Open Sans'; }
    #HomePage .section .blackgray-section .form-control { padding-left: 50px; border: #CCCCCC solid; background-color: #E5E5E5; color: #999999; }
        #HomePage .section .blackgray-section .form-control ::-webkit-input-placeholder { color: #999999; font-weight: normal; font-size: 16px; }
        #HomePage .section .blackgray-section .form-control :-moz-placeholder { color: #999999; }
        #HomePage .section .blackgray-section .form-control ::-moz-placeholder { color: #999999; }
        #HomePage .section .blackgray-section .form-control :-ms-input-placeholder { color: #999999; }
    #HomePage .section .blackgray-section form { width: 300px; }
    #HomePage .section .blackgray-section .section-img { position: relative; }
    #HomePage .section .blackgray-section .icon { position: absolute; top: 8px; right: 0; bottom: 0; left: 20px; }
#HomePage .section .btn.btn-warning { padding: 8px 30px; border: none; background-color: #EF7F1A; }
    #HomePage .section .btn.btn-warning:hover { background-color: #008DD2; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
#HomePage .section .btn.btn-default { padding: 8px 30px; border: none; background-color: #999999; }
    #HomePage .section .btn.btn-default:hover { background-color: #CBCBCB; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
#HomePage .section .blackgray-section .btn-border { border: 1px white solid; text-transform: uppercase; }
#HomePage .section .blackgray-section .checkbox { display: inline-block; margin-left: 10px; }
    #HomePage .section .blackgray-section .checkbox label { margin-left: 10px; color: #FFFFFF; font-weight: 300; font-size: 16px; }
#HomePage .trans-line { display: block; margin-bottom: 50px; width: 100%; height: 20px; background: url('/Content/app/images/sprites.png') -0px -232px; }
#HomePage .section.products .description-box { display: inline-block; height: auto; text-align: left; font-family: 'Open Sans'; }
    #HomePage .section.products .description-box h2 { display: block; margin-top: 50px; color: #333333; font-weight: normal; font-size: 48px; }
    #HomePage .section.products .description-box h3 { display: block; margin-bottom: 20px; color: #333333; text-align: left; font-weight: normal; font-size: 30px; }
    #HomePage .section.products .description-box .text { display: block; margin-bottom: 30px; width: 470px; }
    #HomePage .section.products .description-box p { display: block; color: #656565; font-weight: normal; font-size: 14px; }
    #HomePage .section.products .description-box .btn { font-weight: normal; font-size: 18px; }
        #HomePage .section.products .description-box .btn:hover { background-color: #008DD2; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
    #HomePage .section.products .description-box .zcmsdoor { float: right; left: auto; }
#HomePage .section .menu-products { display: block; float: left; padding-top: 40px; width: 100%; }
#HomePage .section.products .menu-products h3 { display: inline-block; float: left; margin: 0; color: #333333; vertical-align: middle; font-weight: 700; }
#HomePage .section.products .menu-products ul { display: inline-block; float: right; vertical-align: middle; }
#HomePage .section.products .menu-products li { display: inline-block; list-style-type: none; vertical-align: middle; font-weight: normal; font-size: 16px; font-family: 'Open Sans'; }
    #HomePage .section.products .menu-products li a { color: white; }

#HomePage .section.an-recent { margin-top: 50px; }
    #HomePage .section.an-recent .part-center { margin-top: -10px; text-align: center; font-weight: normal; font-size: 30px; font-family: 'Open Sans'; }
    #HomePage .section.an-recent .recent { margin-top: 20px; margin-bottom: 50px; }

#HomePage .section.products { padding-bottom: 60px; }
#HomePage .section.an-recent .left-line { position: relative; margin-bottom: 20px; }
    #HomePage .section.an-recent .left-line .calendar-box { position: absolute; top: 0; left: 0; display: inline-block; width: 80px; height: 80px; border: 3px #393D49 solid; background-color: #393D49; vertical-align: middle; text-align: center; font-weight: 300; font-size: 40px; font-family: 'Open Sans'; }
        #HomePage .section.an-recent .left-line .calendar-box h2 { display: block; margin: auto; padding: 0; color: white; }
#HomePage .section.an-recent .text { position: relative; margin-left: 80px; min-height: 80px; display: block; color: #333333; vertical-align: middle; text-align: left; font-weight: 700; font-family: 'Open Sans'; }
    #HomePage .section.an-recent .text h3 { display: block; margin: 0; padding-top: 8px; padding-bottom: 8px; padding-left: 10px; text-align: left; font-size: 18px; }
    #HomePage .section.an-recent .text p { display: block; margin: 0; margin-left: 10px; font-weight: 300; font-size: 16px; }
#HomePage .section.an-recent .left-line .icon { position: absolute; top: 0; right: -10px; display: none; margin: 0; vertical-align: middle; }
#HomePage .section.an-recent .left-line:hover .calendar-box { z-index: 2; border: 3px red solid; background-color: #3399FF; }
#HomePage .section.an-recent .left-line:hover .text h3 { margin-left: -3px; background-color: #3399FF; color: white; }
#HomePage .section.an-recent .left-line:hover .icon { z-index: 1; display: inline-block; }
#HomePage .section.an-recent .line-style { height: 5px; vertical-align: top; }
    #HomePage .section.an-recent .line-style.line-blue { float: left; background-color: #3399FF; }
    #HomePage .section.an-recent .line-style.line-orange { float: right; background-color: #EF7F1A; }
#HomePage .section.an-recent .back-style { margin-top: -20px; overflow: hidden; max-height: 320px; background-color: #333333; }
#HomePage .section.an-recent .text-style { padding: 20px; color: white; font-weight: 300; font-size: 14px; font-family: 'Open Sans'; }
#HomePage .section.an-recent img { float: right; max-width: 100%; max-height: 100%; }

#t-Register h2 { margin-bottom: 15px !important; }
#t-Register .status { margin-left: 10px; }
#t-Infos { color: #FFF; }

/******************************************************************
Products html
******************************************************************/
#Products { }
    #Products .btnOpenMenu { position: absolute; left: -50px; top: 35px; padding: 0 !important; height: 35px; width: 35px; line-height: 32px; text-align:center; }
    #Products .btnCloseMenu { padding: 0 !important; height: 35px; width: 35px; line-height: 32px; text-align: center; float:right; margin-top:40px; margin-right:15px; }
    #Products .section-header .sub-menu.menu-prod { left: 0; right: auto; }
    #Products h2 { text-transform: uppercase; font-weight: 700; font-size: 48px; font-family: 'Open Sans'; }
    #Products .rel { position: relative; }
    #Products .colorgray { position: absolute; z-index: 1; margin-top: 20px; width: 130%; color: #CBCBCB; font-weight: 400; font-size: 18px; font-family: 'Open Sans'; }
    #Products .trans-line { display: block; width: 100%; height: 20px; background: url('/Content/app/images/sprites.png') -0px -232px; }
    #Products .gray { color: #CBCBCB; }
    #Products .fa-angle-right { margin: 0 5px; color: #CBCBCB; font-size: 16px; }
    #Products .fa-angle-left { margin: 0 5px; color: #CBCBCB; font-size: 16px; }
    #Products a { text-decoration: none; position: static; }
        #Products a:hover { color: #CBCBCB; }
    #Products .margBot { margin-top: 90px; margin-bottom: 70px; margin-left: 30px; }
    #Products .margTop110 { margin-top: 110px; }
    #Products h3 { font-weight: 700; font-size: 23px; }
    #Products h4 { display: inline-block; text-transform: uppercase; font-weight: 400; font-size: 17px; font-family: 'Open Sans'; }
    #Products .style-cat { position: relative; display: block; padding-left: 680px; margin-left: -600px; height: 36px; color: #333333; font-weight: 700; font-size: 16px; line-height: 36px; }
        #Products .style-cat:hover, #Products .style-cat.active { background: #008CD2; color: #FFF; }
    #Products .icon-arrow-cat { position: absolute; top: 0; right: -10px; display: none; }
    #Products .style-cat:hover .icon-arrow-cat, #Products .style-cat.active .icon-arrow-cat { display: inline-block; }
    #Products .children { display: block; margin: 0; padding-left: 35%; list-style: none; }
        #Products .children li { margin: 7px 0; }
        #Products .children a { color: #656565; }
            #Products .children a.active { color: #008CD2; }
        #Products .children .fa { margin-right: 10px; }

    #Products .pagination { display: block; margin-left: 40px; }
        #Products .pagination a { display: inline-block; margin: 3px; width: 40px; height: 40px; background: #ccc; color: #FFF; text-align: center; font-size: 1.3em; line-height: 40px; }
            #Products .pagination a.active, #Products .pagination a:hover { background: #008CD2; }

    #Products .section.mainCategories .icon-line-left { margin: 45px 0 0; }
    #Products .section.mainCategories .icon-line-right { margin: 45px 0 0; }
    #Products .section.mainCategories .zcmsdoor { width: 150px; top: 35px; }
    #Products .section.mainCategories h2 { margin: 30px 0 15px; text-align: center; font-size: 30px; }

    #Products .icon.icon-line { width: 403px; height: 12px; background: url('/Content/app/images/sprites.png') -370px -212px; }
    #Products .icon.icon-linegray { margin-top: 50px; width: 220px; height: 12px; background: url('/Content/app/images/sprites.png') -479px -212px; vertical-align: middle; }
    #Products .orange { color: #EE7F19; }
    #Products .blue { color: #008CD2; }
    #Products .textRight { float: right; margin-top: 20px; margin-right: 20px; text-align: right; }
    #Products .textLeft { float: left; margin-top: 20px; margin-left: 20px; text-align: left; }
    #Products .desc-ass { width: 296px; color: #656565; font-size: 14px; }
    #Products .section.section-announcement h2 { display: inline-block; margin-top: 30px; color: #3D3D3D; vertical-align: middle; font-weight: 300; font-size: 30px; font-family: 'Open Sans'; }

    #Products .line-bottom { position: relative; padding: 40px 0; height: 150px; padding-left: 160px; border-bottom: 2px #CBCBCB solid; border-right: 2px #FFF solid; text-align: left; }
        #Products .line-bottom h2 { display: inline-block; }
        #Products .line-bottom:hover h3 { opacity: 0.7; filter: alpha(opacity=70); }
        #Products .line-bottom.line-custom { display: block; height: 50px; line-height: 220px; }
            #Products .line-bottom.line-custom .zcmsdoor { width: 170px; top: 75px; padding: 5px 0; line-height: normal; left: 30px; right: auto; bottom: auto; }
        #Products .line-bottom .icon-ball { top: -9px; right: -9px; display: none; }
        #Products .line-bottom.line-right { padding-right: 160px; padding-left: 0; text-align: right; border-right: 2px #CBCBCB solid; }
        #Products .line-bottom .desc { display: inline-block; width: 320px; color: #656565; }
        #Products .line-bottom img { position: absolute; top: 0; bottom: 0; left: 30px; margin: auto; }
        #Products .line-bottom.line-right img { right: 30px; left: auto; }

    #Products .section.section-announcement .img-bar { position: relative; display: block; margin-top: 0; margin-right: 30px; margin-left: 0; height: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #E3E3E3; vertical-align: top; }
    #Products #FilterForm .brand-details { margin-bottom: 20px; }
        #Products #FilterForm .brand-details img { box-shadow: 0 0 6px 2px #d8d8d8; }
        #Products #FilterForm .brand-details h4 { padding: 0; margin: 0 0 10px 0; }
    #Products #FilterForm .brands { display: block; margin-bottom: 20px; }
        #Products #FilterForm .brands .btn.brand { padding: 6px; width: 114px; height: 70px; vertical-align: middle; line-height: 56px; margin: 2px 2px 2px 0; }
            #Products #FilterForm .brands .btn.brand.disabled { border-color: #357EBD; box-shadow: 0 0 4px #008CD2 inset; }
            #Products #FilterForm .brands .btn.brand.active { position: relative; background: rgba(250, 250, 255, 1); border-color: #008CD2; box-shadow: 0 1px 5px #008CD2 inset; }
                #Products #FilterForm .brands .btn.brand.active .close { background-color: #ddd; width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; top: 0; left: 0; opacity: 0.4; display: none; line-height: 60px; font-size: 60px; }
                #Products #FilterForm .brands .btn.brand.active:hover .close { display: inline-block; }
            #Products #FilterForm .brands .btn.brand img { display: inline; line-height: 56px; }

    #Products .bg-gray { margin-top: 0px; padding-bottom: 40px; background-color: #F0F0F0; }
    #Products .bg-gray-effect { position: absolute; left: 0; top: 0; bottom: 0; background-color: #F0F0F0; }
    #Products .trace-bott { border-bottom: 1px #E2E2E2 solid; margin-left: -600px; padding-left: 600px; }
    #Products .icon-line { margin: 40px 0 !important; }
    #Products .no-results { margin-top: 30px; margin-left: 40px; width: 700px; }
    #Products .prod { position: relative; margin-bottom: 20px; padding-right: 150px; padding-left: 230px; width: auto; display: block; height: 100px; background-color: #F5F5F5; }
    #Products .prod-photo { position: absolute; left: 0; display: inline-block; width: 210px; height: 100px; text-align: center; line-height: 100px; background: #FFF; }
        #Products .prod-photo img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
    #Products .prod-brand { position: absolute; top: 0; right: 0; width: 130px; height: 100px; text-align: center; line-height: 100px; background: #FFF; }
        #Products .prod-brand img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
    #Products .prod .prod-desc { display: block; color: #333; }
        #Products .prod .prod-desc h5 { margin: 0; padding: 10px 0; text-transform: uppercase; font-weight: 700; font-size: 1.1em; }
        #Products .prod .prod-desc p { display: block; margin: 0; padding-bottom: 10px; font-size: 0.9em; }
    #Products .prod .fa-search { color: #EF7F1A; font-size: 12px; }
    #Products .prod .search { display: block; margin-top: -7px; color: #EF7F1A; text-decoration: none; font-weight: 400; font-size: 12px; }
        #Products .prod .search i { margin-right: 5px; }
    #Products .prod .icon-vertical-line { right: 120px; }

    #Products .prod:hover { box-shadow: 0 0 8px 0 #eee; }
        #Products .prod:hover .search { color: #FF6565; text-decoration: underline; }
        #Products .prod:hover .prod-desc { display: block; color: #111; }

    #Products .lab_item { display: inline-block; position: relative; top: 0; left: 25px; }
    #Products .lab_item2 { display: inline-block; position: relative; top: 0; right: 130px; }
    #Products .hexagon2 { position: absolute; width: 100px; height: 200px; top: -85px; }
    #Products .hexagon { overflow: hidden; visibility: hidden; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); cursor: pointer; }
    #Products .hexagon-in1 { overflow: hidden; width: 100%; height: 100%; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -o-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); }
    #Products .hexagon-in2 { -webkit-box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48); box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48); overflow: hidden; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: 125%; -moz-background-size: 125%; background-size: 125%; visibility: visible; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -o-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
        #Products .line-bottom:hover .hexagon-in2,
        #Products .hexagon-in2:hover { -webkit-box-shadow: inset 0 0 0 0 #B0DAD4; box-shadow: inset 0 0 0 0 #B0DAD4; }
    #Products .ifBrand { width: 100%; padding: 10px 0; background-color: #EF7F1A; font-size: 16px; display: inline-block; font-family: 'Open Sans'; margin-bottom: -5px; }
        #Products .ifBrand p { color: white; line-height: 25px; }
        #Products .ifBrand a { color: white; }
        #Products .ifBrand span { color: white; padding-right: 20px; }
        #Products .ifBrand a .fa { font-weight: 700; font-size: 20px; }
        #Products .ifBrand a:hover { color: #B0DAD4; }
    #Products .section.section-announcement { background: #f0f0f0; }
        #Products .section.section-announcement .blue-letter { color: #333; margin-left: 20px; }

    /* Products Detail */
    #Products.productsDetailPage .wrapper { width: auto; margin: 0 50px; }
#ProductsDetailPage { padding-top: 10px; padding-bottom: 20px; position: relative; background-color: white; }
    #ProductsDetailPage .flexslider { height: 300px; margin: 0; border: 1px solid #DCDCDC; }
        #ProductsDetailPage .flexslider li { text-align: center; line-height: 300px; }
        #ProductsDetailPage .flexslider .slides img { width: auto !important; height: auto !important; display: inline-block !important; vertical-align: middle; }
        #ProductsDetailPage .flexslider .flex-control-nav { left: 0; text-align: right; right: 0; bottom: 0; margin: 0; }
    #ProductsDetailPage .make-margin { padding-right: 40px; }
    #ProductsDetailPage .brand { display: block; }
        #ProductsDetailPage .brand img { max-width: 100%; }
    #ProductsDetailPage .product-info .blue-color { margin: 0; padding: 5px; }
    #ProductsDetailPage .product-name { margin-bottom: 10px; }
    #ProductsDetailPage .product-details { }
        #ProductsDetailPage .product-details .download-file { display: block; }
            #ProductsDetailPage .product-details .download-file:hover { color: #EF7F1A; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
    #ProductsDetailPage .related-product { margin-left: 20px; position: relative; display: block; padding-left: 130px; padding-right: 80px; height: 70px; background-color: #F0F0F0; }
        #ProductsDetailPage .related-product:first-child { margin-left: 0; margin-right: 20px; }
        #ProductsDetailPage .related-product img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
    #ProductsDetailPage .related-product-photo { position: absolute; left: 0; display: inline-block; width: 120px; height: 70px; text-align: center; line-height: 70px; background: #FFF; }
    #ProductsDetailPage .related-product-brand { position: absolute; top: 0; right: 0; width: 80px; height: 70px; text-align: center; line-height: 70px; background: #FFF; }
    #ProductsDetailPage .related-product .prod-desc { display: block; }
        #ProductsDetailPage .related-product .prod-desc h5 { margin: 0; padding: 10px 0; text-transform: uppercase; font-weight: 700; font-size: 1em; padding-bottom: 5px; }
        #ProductsDetailPage .related-product .prod-desc p { display: block; margin: 0; padding-bottom: 10px; font-size: 0.9em; }
    #ProductsDetailPage .related-product .fa-search { color: #EF7F1A; font-size: 12px; }
    #ProductsDetailPage .related-product .search { display: block; }
        #ProductsDetailPage .related-product .search a { color: #FF6565; text-decoration: underline; font-weight: 400; font-size: 12px; }
    #ProductsDetailPage .table { min-width: 1000px; }
        #ProductsDetailPage .table th { padding-bottom: 10px; color: #919191; text-align: center; font-weight: 400; font-size: 14px; }
        #ProductsDetailPage .table td { border-right: 1px solid #C7C7C7; text-align: center; font-size: 13px; padding: 3px !important; min-width: 80px; line-height: normal; }
            #ProductsDetailPage .table td:last-child { border: 0; }
        #ProductsDetailPage .table tbody tr:hover td { min-height: 30px; }
    #ProductsDetailPage .icon-custom-line { position: absolute; top: 26px; left: 0; right: 50%; margin-right: 600px; }
    #ProductsDetailPage .icon-custom-ball { position: absolute; top: 11px; left: 0; }
    #ProductsDetailPage .row-specifications { background-color: white; }
        #ProductsDetailPage .row-specifications .table td { vertical-align: middle !important; }
    #ProductsDetailPage .component-action { position: relative; min-width: 160px; text-align: left !important; }
    #ProductsDetailPage .row-specifications .component-action form { opacity: 0; margin-left: 20px; }
    #ProductsDetailPage .row-specifications tr.active form { opacity: 1; }
    #ProductsDetailPage .row-specifications .component-action form .btn { float: none; margin-left: 10px; }
    #ProductsDetailPage .row-specifications .component-action .left-effect { position: absolute; left: 0; top: 0; bottom: 0; line-height: 44px; color: #EF7F1A; font-size: 2em; display: none; }
    #ProductsDetailPage .row-specifications tr.active .left-effect { display: inline-block; }
    #ProductsDetailPage .row-specifications .component-action .success .btn { background: #27ae60; }
    #ProductsDetailPage .product-name h3 { margin-bottom: 0; background-color: white; }
#ProductInfosTableHeader { height: 39px; overflow: hidden; }
#ProductInfosTable thead { display: none; }
#ProductInfosTable { overflow-y: scroll; max-height: 420px; }
#ProductsDetailPage .icons { padding: 25px 0; }
    #ProductsDetailPage .icons .single-icon { margin-right: 12px; }

.no-visible { display: none; }
.relative { position: relative; }

/* AddProductForm */
#AddProductForm { }
    #AddProductForm .status { display: none; margin-top: 5px; }
    #AddProductForm.success .status { display: block; }

/* Products Categories */
#ProductsCategoriesPage { position: relative; background: rgba(250, 248, 248, 0.89); }
    #ProductsCategoriesPage .navigation-xs { padding: 5px 5px 10px; font-size: 16px; }
    #ProductsCategoriesPage .left-effect { position: absolute; left: 0; top: 0px; right: 50%; bottom: 0; background: #F0F0F0; display: block; margin-right: 600px; }
    #ProductsCategoriesPage h4 { padding: 30px 0; margin-left: 20px; text-transform: uppercase; font-weight: 700; font-size: 30px; font-family: 'Open Sans'; }
    #ProductsCategoriesPage .icon-custom-line { position: absolute; top: 53px; left: 0; right: 50%; margin-right: 600px; }
    #ProductsCategoriesPage .icon-custom-ball { position: absolute; top: 49px; left: 0; }
    #ProductsCategoriesPage .sub-category-cards { padding: 20px; }
    #ProductsCategoriesPage .sub-category-card { position: relative; margin: 0 10px 10px; }
        #ProductsCategoriesPage .sub-category-card img { margin: auto; width: 100%; }
        #ProductsCategoriesPage .sub-category-card span { position: absolute; left: 0; bottom: 0; right: 0; font-size: 16px; font-weight: 600; color: white; background-color: rgba(0,0,0,0.5); padding: 8px 0; text-align: center; display: block; }
        #ProductsCategoriesPage .sub-category-card a:hover span { background-color: rgba(0,0,0,0.8); }

#Products .nav-back { float: right; }
    #Products .nav-back a { color: #008CD2; font-size: 13px; }
        #Products .nav-back a:hover { color: #999999; }
#Products .blue-nav { color: #008CD2; }
#Products .size-line { margin-top: 0; display: block; }
#Products .detail { text-transform: none !important; font-weight: 700; font-size: 24px !important; padding-top: 0 !important; position: relative; z-index: 1; }
#Products .description { color: #656565; font-size: 16px; }
#Products .icon-arrow-right { display: none; }
#Products .no-color .activate td { background-color: white !important; }
#Products .lightgray { background-color: #F1F1F1; }
#Products .no-color { background-color: white; }
#Products .tabimage { border-right: solid #CBCBCB 1px; }
#Products .latoblue { color: #008CD2; font-weight: 400; font-size: 18px; font-family: Lato; }
#Products .less { display: inline-block; width: 35px; height: 35px; background-color: #F1F1F1; color: #9AA6AE; vertical-align: middle; font-weight: 700; font-size: 23px; cursor: pointer; }
#Products .more { display: inline-block; width: 35px; height: 35px; background-color: #F1F1F1; color: #9AA6AE; vertical-align: middle; font-weight: 700; font-size: 23px; cursor: pointer; }
#Products .textvalue { display: inline-block; height: 35px; border: 1px solid #c8c8c8; vertical-align: middle; text-align: center; width: 50px; line-height: 35px; padding: 0; font-size: 14px; }
#Products .btn-warning { display: inline-block; font-size: 14px; float: right; background-color: #EF7F1A; text-transform: uppercase; }
    #Products .btn-warning:hover { background-color: #ef9c1a; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#Products .btn { padding: 6px 20px; }
#Products .buy { position: absolute; top: 10px; right: 101px; width: 12px; height: 12px; background: url('/Content/app/images/sprites.png') -31px -259px; }

#Products table .component-action form { font-size: 0; }

#ProductInfosTableZone { max-height: 500px; overflow-y: scroll; }
    #ProductInfosTableZone thead { position:absolute; left:0; right:10px; top:0; }

#Products .brands .flexslider .flex-next { right: -35px; position: absolute; }
#Products .brands .flexslider .flex-prev { left: -25px; position: absolute; }

/******************************************************************
About html
******************************************************************/
#About { font-family: 'Open Sans'; }
    #About h2 { margin-top: 30px; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; font-family: 'Open Sans'; }
    #About .icon { margin: 40px 0; }
    #About p { color: #656565; font-weight: 400; font-size: 16px; }
    #About .flexslider { width: 100%; height: auto; display: block; }
        #About .flexslider .flex-direction-nav { display: block; }
        #About .flexslider .flex-control-nav { display: none; }
        #About .flexslider .flex-direction-nav .flex-prev { left: 0; width: 30px; height: 30px; background: url('/Content/app/images/sprites.png') -488px -139px; color: rgba(0,0,0,0); }
        #About .flexslider .flex-direction-nav .flex-next { right: 0; width: 30px; height: 30px; background: url('/Content/app/images/sprites.png') -456px -139px; color: rgba(0,0,0,0); }
        #About .flexslider .flex-direction-nav a { text-shadow: none; opacity: inherit; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }
    #About h1 { text-transform: uppercase; font-weight: 700; font-size: 48px; }
    #About .center-do { margin: auto; width: 540px; text-align: center; }
    #About .inline { display: inline-block; width: 25%; float: left; }
    #About .circle { position: relative; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 200px; height: 200px; border: 2px #000 solid; border-radius: 100%; background: white; text-align: center; line-height: 100px; }
    #About .graycircle { position: relative; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; width: 200px; height: 200px; border: 2px #CBCBCB solid; border-radius: 100%; background: white; text-align: center; line-height: 198px; }
    #About .stylemargin { margin: 60px 0; }
.about { z-index: -2; padding: 30px 0; background-color: #F5F5F5; }
    .about #HomePage .section.an-recent .left-line:hover .calendar-box { position: relative; z-index: 1; border: 3px red solid; background-color: #3399FF; }
#About .desc { margin: 0 5px; width: 280px; color: #656565; text-align: center; font-size: 14px; }
#About h4 { margin-top: 30px; color: #333333; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 20px; }
#About .descgray { margin: 0 5px; width: 280px; color: #656565; text-align: center; font-size: 16px; }
#About .hexagon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 115px; height: 70px; background: #00CCFF; }
    #About .hexagon:before { position: absolute; top: -25px; left: 0; width: 0; height: 0; border-right: 57px solid transparent; border-bottom: 25px solid #00CCFF; border-left: 58px solid transparent; content: ""; }
    #About .hexagon:after { position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-top: 25px solid #00CCFF; border-right: 57px solid transparent; border-left: 58px solid transparent; content: ""; }
#About .hexagony { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 115px; height: 70px; background: #FFAE35; }
    #About .hexagony:before { position: absolute; top: -25px; left: 0; width: 0; height: 0; border-right: 57px solid transparent; border-bottom: 25px solid #FFAE35; border-left: 58px solid transparent; content: ""; }
    #About .hexagony:after { position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-top: 25px solid #FFAE35; border-right: 57px solid transparent; border-left: 58px solid transparent; content: ""; }
#About .hexagong { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 115px; height: 70px; background: #99CC99; }
    #About .hexagong:before { position: absolute; top: -25px; left: 0; width: 0; height: 0; border-right: 57px solid transparent; border-bottom: 25px solid #99CC99; border-left: 58px solid transparent; content: ""; }
    #About .hexagong:after { position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-top: 25px solid #99CC99; border-right: 57px solid transparent; border-left: 58px solid transparent; content: ""; }
#About .hexagonp { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 115px; height: 70px; background: #FF6666; }
    #About .hexagonp:before { position: absolute; top: -25px; left: 0; width: 0; height: 0; border-right: 57px solid transparent; border-bottom: 25px solid #FF6666; border-left: 58px solid transparent; content: ""; }
    #About .hexagonp:after { position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-top: 25px solid #FF6666; border-right: 57px solid transparent; border-left: 58px solid transparent; content: ""; }
.contact .hexagon .ablocation { display: inline-block; width: 30px; height: 57px; background: url('/Content/app/images/sprites.png') -870px -139px; }
.contact .hexagony .abphones { display: inline-block; width: 38px; height: 44px; background: url('/Content/app/images/sprites.png') -523px -136px; }
.contact .hexagong .abemail { display: inline-block; width: 37px; height: 40px; background: url('/Content/app/images/sprites.png') -567px -137px; }
.contact .hexagonp .abclock { display: inline-block; width: 36px; height: 44px; background: url('/Content/app/images/sprites.png') -608px -133px; }
#About .file { display: block; text-align: center; margin-bottom: 20px; position: relative; padding-bottom: 20px; }
    #About .file:hover { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); }
    #About .file .effect { display: none; background: #008DD2; opacity: 0.4; filter: alpha(opacity=40); position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
        #About .file .effect.effect-tile { display: none; background: none; opacity: 1; filter: alpha(opacity=100); position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 50px; line-height: 50px; color: #FFF; text-align: center; font-size: 1.8em; }
    #About .file:hover .effect { display: block; }
    #About .file img { width: 100%; }
    #About .file h3 { margin-top: 15px; }
#About .downdload-brand { text-align: left; border-bottom: 1px solid #d1d1d1; margin-bottom: 10px; padding-bottom: 10px; }
#About .row.allow-padding { margin-left: -15px; margin-right: -15px; }
#About .row > .allow-padding { padding-left: 15px; padding-right: 15px; }
#About .download-item { padding: 0 15px; }
#About .videos { margin-bottom: 40px; }
    #About .videos .video-thumb { height: 270px; position: relative; display: block; }
        #About .videos .video-thumb a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: block; }
#About .notices { padding-bottom: 50px; }
    #About .notices .notice h4 { font-size: 18px; display: inline-block; margin: 0; line-height: 44px; margin-left: 35px; vertical-align: top; text-transform: none; font-weight: normal; margin-top: 0; }
    #About .notices .notice p { margin-left: 0; color: inherit; font-weight: 400; font-size: 14px; }
/******************************************************************
Contact html
******************************************************************/
#Contact { font-family: 'Open Sans'; }
    #Contact .form-group { width: 95%; }
    #Contact .form-control { font-size: 14px; font-family: 'Open Sans'; }
    #Contact .btn-warning { display: inline-block; float: right; margin-right: 35px; margin-bottom: 40px; background-color: #EF7F1A; text-transform: uppercase; }
        #Contact .btn-warning:hover { background-color: #ef9c1a; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
    #Contact .btn { padding: 10px 40px; }
    #Contact .clean { color: #CBCBCB; font-weight: 400; font-size: 12px; font-family: 'Open Sans'; cursor: pointer; }
    #Contact .fail { color: #ef9c1a; font-weight: 400; font-size: 12px; font-family: 'Open Sans'; }
    #Contact .fa-times { color: #CBCBCB; }

/******************************************************************
Brands html
******************************************************************/
#Brands { font-family: 'Open Sans'; }
    #Brands h2 { margin: 30px 0; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; font-family: 'Open Sans'; }
    #Brands .icon-line-left { margin: 40px 0; }
    #Brands .icon-line-right { margin: 40px 0; }
    #Brands h3 { margin-bottom: 30px; width: 500px; text-align: center; font-weight: 400; font-size: 24px; }
    #Brands .brand { display: block; margin-bottom: 20px; width: 235px; height: 125px; background: #FFF; line-height: 125px; }
        #Brands .brand img { max-width: 100%; max-height: 100%; }
    #Brands .rowalign { text-align: center; }

#Map { display: block; height: 430px; }

/******************************************************************
Shop html
******************************************************************/
#Shop { padding: 30px 0; }
    #Shop td, #Shop th { vertical-align: middle; }
    #Shop .del-item { width: 40px; line-height: 40px; color: #FFF; background: #E31E24; display: inline-block; text-align: center; border-radius: 50%; }
    #Shop .item-operations form { display: inline-block; vertical-align: middle; margin: 10px; }
    #Shop .item-operations button { display: inline-block; padding: 5px 10px; background: #e67e22; color: #FFF; border: 0; box-shadow: none; border-radius: 50%; }
    #Shop .consult { display: inline-block; vertical-align: middle; margin-right: 10px; cursor: pointer; }
    #Shop .item-discount { font-size: 11px; }
        #Shop .item-discount .item-price-old { text-decoration: line-through; margin-right: 10px; }
        #Shop .item-discount .item-pct { color: #e67e22; font-weight: bold; }

/******************************************************************
AccountIndexPage
******************************************************************/
#AccountIndexPage { }
#AccountIndexBanners { margin-bottom: 0; border: 0; }
    #AccountIndexBanners .image .content { color: white; position: absolute; right: 0; left: 0; text-align: center; top: 40%; }
        #AccountIndexBanners .image .content h2 { font-size: 50px; font-weight: 700; margin-bottom: 0; }
        #AccountIndexBanners .image .content p { font-size: 30px; font-weight: 400; margin-bottom: 25px; }
    #AccountIndexBanners .flex-direction-nav { position: absolute; top: 50%; display: block; width: 100%; }
        #AccountIndexBanners .flex-direction-nav a { background: #fff; border-radius: 50px; width: 50px; height: 50px; }
            #AccountIndexBanners .flex-direction-nav a.flex-prev { left: 50px; right: auto; }
            #AccountIndexBanners .flex-direction-nav a.flex-next { right: 50px; left: auto; }
            #AccountIndexBanners .flex-direction-nav a::before { font-size: 18px; text-align: center; line-height: 50px; padding: 0 18px; }
    #AccountIndexBanners .flex-control-nav { z-index: 100; right: auto; margin-top: -60px; }
        #AccountIndexBanners .flex-control-nav a { height: 12px; width: 12px; border-radius: 12px; }

    #AccountIndexPage form .col-md-6 { padding-right: 15px; }

    #AccountIndexPage .bg-gray { margin-top: 0; padding-bottom: 40px; background-color: #F0F0F0; }
    #AccountIndexPage .bg-gray-effect { position: absolute; left: 0; top: 0; bottom: 0; background-color: #F0F0F0; }
    #AccountIndexPage .trace-bott { border-bottom: 1px #E2E2E2 solid; margin-left: -600px; padding-left: 600px; }
    #AccountIndexPage .icon-line { margin: 40px 0 !important; }
    #AccountIndexPage h2 { text-transform: uppercase; font-weight: 700; font-size: 48px; font-family: 'Open Sans'; }
    #AccountIndexPage .rel { position: relative; }
    #AccountIndexPage .colorgray { position: absolute; z-index: 1; margin-top: 20px; width: 130%; color: #CBCBCB; font-weight: 400; font-size: 18px; font-family: 'Open Sans'; }
    #AccountIndexPage .trans-line { display: block; width: 100%; height: 20px; background: url('/Content/app/images/sprites.png') -0px -232px; }
    #AccountIndexPage .gray { color: #CBCBCB; }
    #AccountIndexPage .fa-angle-right { margin: 0 5px; color: #CBCBCB; font-size: 16px; }
    #AccountIndexPage .fa-angle-left { margin: 0 5px; color: #CBCBCB; font-size: 16px; }
    #AccountIndexPage a { text-decoration: none; }
        #AccountIndexPage a:hover { color: #CBCBCB; }
    #AccountIndexPage .margBot { margin-top: 90px; margin-bottom: 70px; margin-left: 30px; }
    #AccountIndexPage .margTop110 { margin-top: 110px; }
    #AccountIndexPage h3 { font-weight: 700; font-size: 23px; }
    #AccountIndexPage h4 { display: inline-block; text-transform: uppercase; font-weight: 400; font-size: 17px; font-family: 'Open Sans'; }
    #AccountIndexPage li .style-cat { position: relative; display: block; padding-left: 680px; margin-left: -600px; height: 36px; color: #333333; font-weight: 700; font-size: 16px; line-height: 36px; }
        #AccountIndexPage li .style-cat:hover,
        #AccountIndexPage li.active .style-cat { background: #008CD2; color: #FFF; }
    #AccountIndexPage .icon-arrow-cat { position: absolute; top: 0; right: -10px; display: none; }
    #AccountIndexPage li .style-cat:hover .icon-arrow-cat,
    #AccountIndexPage li.active .style-cat .icon-arrow-cat { display: inline-block; }


#AccountIndexSection { position: relative; background: rgba(250, 248, 248, 0.89); padding: 0; }
    #AccountIndexSection .navigation-xs { padding: 5px 5px 10px; font-size: 16px; }
    #AccountIndexSection .left-effect { position: absolute; left: 0; top: 0; right: 50%; bottom: 0; background: #F0F0F0; display: block; margin-right: 600px; }
    #AccountIndexSection h3 { padding: 0 0 30px; text-transform: uppercase; font-weight: 700; font-size: 20px; font-family: 'Open Sans'; }
    #AccountIndexSection h4 { padding: 30px 0 15px; margin-left: 20px; text-transform: uppercase; font-weight: 700; font-size: 30px; font-family: 'Open Sans'; }
        #AccountIndexSection h4 small { display: block; font-size: 22px; padding-top: 5px; }
    #AccountIndexSection .icon-custom-line { position: absolute; top: 58px; left: 0; right: 50%; margin-right: 600px; }
    #AccountIndexSection .icon-custom-ball { position: absolute; top: 53px; left: 0; }
    #AccountIndexSection .sub-category-cards { padding: 20px; }
    #AccountIndexSection .sub-category-card { position: relative; height: 195px; margin: 0 10px 10px; }
        #AccountIndexSection .sub-category-card img { position: relative; width: 100%; height: 195px; }
        #AccountIndexSection .sub-category-card span { position: absolute; width: 100%; bottom: 0; left: 0; font-size: 16px; font-weight: 600; color: white; background-color: rgba(0,0,0,0.5); padding: 8px 0; text-align: center; }
        #AccountIndexSection .sub-category-card a:hover span { background-color: rgba(0,0,0,0.8); }
    #AccountIndexSection .tab-content { padding: 30px 0 30px 30px; }
    #AccountIndexSection .prod { position: relative; margin-bottom: 20px; padding-right: 150px; padding-left: 230px; width: auto; display: block; height: 100px; background-color: #F5F5F5; }
    #AccountIndexSection .prod-photo { position: absolute; left: 0; display: inline-block; width: 210px; height: 100px; text-align: center; line-height: 100px; background: #FFF; }
        #AccountIndexSection .prod-photo img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
    #AccountIndexSection .prod-brand { position: absolute; top: 0; right: 0; width: 130px; height: 100px; text-align: center; line-height: 100px; background: #FFF; }
        #AccountIndexSection .prod-brand img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
    #AccountIndexSection .prod .prod-desc { display: block; color: #333; }
        #AccountIndexSection .prod .prod-desc h5 { margin: 0; padding: 10px 0; text-transform: uppercase; font-weight: 700; font-size: 1.1em; }
        #AccountIndexSection .prod .prod-desc p { display: block; margin: 0; padding-bottom: 10px; font-size: 0.9em; }
    #AccountIndexSection .prod .fa-search { color: #EF7F1A; font-size: 12px; }
    #AccountIndexSection .prod .search { display: block; margin-top: -7px; color: #EF7F1A; text-decoration: none; font-weight: 400; font-size: 12px; }
        #AccountIndexSection .prod .search i { margin-right: 5px; }
    #AccountIndexSection .prod .icon-vertical-line { right: 120px; }

    #AccountIndexSection .prod:hover { box-shadow: 0 0 8px 0 #eee; }
        #AccountIndexSection .prod:hover .search { color: #FF6565; text-decoration: underline; }
        #AccountIndexSection .prod:hover .prod-desc { display: block; color: #111; }

/* 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); }

/******************************************************************
AccountSign
******************************************************************/
#AccountSign { background: #F7F7F7; padding: 50px 0; }

/******************************************************************
AccountIndex
******************************************************************/
#AccountIndex { background: #F7F7F7; padding: 50px 0; }

/******************************************************************
AccountRegister
******************************************************************/
#AccountRegister { background: #F7F7F7; padding: 50px 0; }

/******************************************************************
AccountOrder
******************************************************************/
#AccountOrder { background: #F7F7F7; padding: 50px 0; }
    #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; }


/* 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; }

/* Status */
.status { }
    .status.error { color: red; }
    .status.green { color: #5FB830; }


/******************************************************************
NoticeDetail
******************************************************************/
#Notice { padding: 50px 0 50px 10px; }
    #Notice .title { padding-left: 15px; }
        #Notice .title h3 { position: relative; display: inline-block; font-size: 28px; }
            #Notice .title h3:after { content: ""; display: inline-block; position: absolute; right: -15px; top: 5px; bottom: 0; width: 2px; background: #d0d0d0; }
            #Notice .title h3 small { display: block; font-size: 14px; color: #EB2D49; text-transform: uppercase; }
        #Notice .title h1 { font-size: 22px; display: inline-block; margin: 0; line-height: 44px; margin-left: 35px; vertical-align: top; }
    #Notice .introduction { color: #444; padding: 15px 0; padding-left: 15px; }
    #Notice .notice-body { padding-left: 15px; }

/******************************************************************
Footer html
******************************************************************/
#Footer { display: block; background-color: #1F2127; font-weight: normal; font-size: 14px; font-family: 'Open Sans'; }
    #Footer .footer-top { padding: 30px 0; padding-top: 70px; }
    #Footer a { text-decoration: none; }
    #Footer .container { padding: 0; }
    #Footer .left { display: inline-block; padding: 0; vertical-align: top; }
        #Footer .left .logo { display: block; width: 210px; height: 50px; background: url('/Content/app/images/sprites.png') -456px -86px; }
        #Footer .left p { display: block; margin-top: 20px; margin-bottom: 20px; width: 200px; color: #CBCBCB; }
    #Footer .social { display: block; }
    #Footer .icon { margin-right: 5px; }
    #Footer .center { }
        #Footer .center h3 { display: block; margin-bottom: 25px; color: white; font-size: 24px; }
        #Footer .center ul { display: inline-block; margin-right: 25px; vertical-align: top; }
        #Footer .center li { display: block; list-style-type: none; vertical-align: top; font-size: 16px; }
            #Footer .center li a { color: #CBCBCB; }
                #Footer .center li a:hover { color: white; }
        #Footer .center .icon { margin-right: 5px; margin-bottom: 4px; }
            #Footer .center .icon .img-line { display: block; margin-top: 8px; margin-bottom: 8px; }
    #Footer .contacts { display: table; width: 100%; }
    #Footer .right { display: table-cell; position: relative; }
        #Footer .right h3 { display: block; margin-bottom: 25px; color: white; font-size: 24px; }
        #Footer .right h4 { display: block; margin-bottom: 25px; color: white; font-size: 19px; margin-top: 0; }
        #Footer .right p { display: block; margin-bottom: 5px; color: #999999; }
        #Footer .right style-p { line-height: 5px; }
    #Footer .footer-bottom { display: block; padding-top: 1px; background-color: #333333; }
        #Footer .footer-bottom hr { display: block; margin-top: 8px; border: 1px #1A1B21 solid; background-color: #1A1B21; }
        #Footer .footer-bottom .copyright a { display: inline-block; padding: 0; color: #999999; vertical-align: middle; font-size: 13px; }
        #Footer .footer-bottom .menu { display: inline-block; padding: 0; vertical-align: middle; }
            #Footer .footer-bottom .menu ul { display: block; float: right; }
                #Footer .footer-bottom .menu ul li { display: inline-block; margin-right: 15px; list-style: none; vertical-align: top; }
                    #Footer .footer-bottom .menu ul li a { color: #999999; font-weight: normal; font-size: 13px; }
        #Footer .footer-bottom .footer-style { padding-bottom: 20px; }
            #Footer .footer-bottom .footer-style .col-md-2 { text-align: right; }
    #Footer .zenn { width: 60px; display: inline-block; }
        #Footer .zenn:hover { opacity: 0.8; }
        #Footer .zenn img { max-width: 100%; }

/******************************************************************
Icons
******************************************************************/
.icon { display: inline-block; vertical-align: middle; }
    .icon.icon-trace { width: 1px; height: 80px; background: url('/Content/app/images/sprites.png') -893px -0px; }
    .icon.icon-restrict-btn { width: 20px; height: 21px; background: url('/Content/app/images/sprites.png') -781px -6px; }
    .icon.icon-shop-btn { width: 26px; height: 23px; background: url('/Content/app/images/sprites.png') -802px -5px; }
    .icon.icon-search-btn { width: 25px; height: 29px; background: url('/Content/app/images/sprites.png') -828px -0px; }
    .icon.icon-chat { width: 64px; height: 56px; background: url('/Content/app/images/sprites.png') -391px -2px; }
    .icon.icon-gear { width: 62px; height: 62px; background: url('/Content/app/images/sprites.png') -394px -149px; }
    .icon.icon-cloud { width: 57px; height: 41px; background: url('/Content/app/images/sprites.png') -394px -60px; }
    .icon.icon-mark { width: 60px; height: 45px; background: url('/Content/app/images/sprites.png') -395px -103px; }
    .icon.icon-contact { width: 44px; height: 58px; background: url('/Content/app/images/sprites.png') -456px -2px; }
    .icon.icon-arrow { width: 108px; height: 76px; background: url('/Content/app/images/sprites.png') -502px -6px; }
    .icon.icon-line { width: 403px; height: 12px; background: url('/Content/app/images/sprites.png') -286px -212px; }
    .icon.icon-second-line { width: 518px; height: 12px; background: url('/Content/app/images/sprites.png') -170px -212px; }
    .icon.icon-img-login { width: 16px; height: 17px; background: url('/Content/app/images/sprites.png') -853px -6px; }
    .icon.icon-img-pw { width: 19px; height: 19px; background: url('/Content/app/images/sprites.png') -870px -5px; }
    .icon.icon-line-left { width: 500px; height: 12px; background: url('/Content/app/images/sprites.png') -185px -212px; }
    .icon.icon-line-right { width: 500px; height: 12px; background: url('/Content/app/images/sprites.png') -220px -258px; }
    .icon.icon-arrow-bottom { width: 16px; height: 8px; background: url('/Content/app/images/sprites.png') -628px -51px no-repeat; }
    .icon.icon-arrow-right { width: 11px; height: 36px; background: url('/Content/app/images/sprites.png') -617px -46px no-repeat; }
    .icon.icon-blue { display: block; width: 100%; height: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #008DD2; }
    .icon.icon-arrow-calendar { display: inline-block; width: 11px; height: 36px; background: url('/Content/app/images/sprites.png') -828px -41px no-repeat; }
    .icon.icon-search { width: 50px; height: 49px; background: url('/Content/app/images/sprites.png') -899px -0px no-repeat; }
    .icon.icon-facebook { width: 19px; height: 19px; background: url('/Content/app/images/sprites.png') -667px -50px; }
    .icon.icon-twitter { width: 19px; height: 19px; background: url('/Content/app/images/sprites.png') -694px -50px; }
    .icon.icon-linkedin { width: 19px; height: 19px; background: url('/Content/app/images/sprites.png') -722px -50px; }
    .icon.icon-google { width: 19px; height: 19px; background: url('/Content/app/images/sprites.png') -748px -50px; }
    .icon.icon-pink { width: 19px; height: 19px; background: url('/Content/app/images/sprites.png') -776px -50px; }
    .icon.icon-rss { width: 19px; height: 19px; background: url('/Content/app/images/sprites.png') -803px -50px; }
    .icon.icon-more { display: inline-block; margin-right: 5px; width: 14px; height: 14px; background: url('/Content/app/images/sprites.png') -471px -66px; }
    .icon.img-line { display: block; margin-top: 8px; margin-bottom: 8px; width: 163px; height: 1px; background: url('/Content/app/images/sprites.png') -666px -79px; }
.icon-trans-arrow { width: 22px; height: 9px; background: url('/Content/app/images/sprites.png') -628px -68px; }
.icon-tool { float: right; width: 80px; height: 80px; background: url('/Content/app/images/sprites.png') -907px -56px; }
.icon-about { float: right; width: 88px; height: 77px; background: url('/Content/app/images/sprites.png') -899px -278px; }
.icon-ticket { float: right; width: 96px; height: 72px; background: url('/Content/app/images/sprites.png') -797px -278px; }
.icon-ball { position: absolute; width: 16px; height: 16px; background: url('/Content/app/images/sprites.png') -6px -256px; }
.icon-vertical-line { position: absolute; top: 0; right: 145px; width: 1px; height: 55px; background: url('/Content/app/images/sprites.png') -6px -278px; }
.icon-arrow-cat { width: 11px; height: 36px; background: url('/Content/app/images/sprites.png') -845px -41px; }
.icon-bluecloud { width: 30px; height: 30px; background: url('/Content/app/images/sprites.png') -951px -0px; }
.icon-print { width: 30px; height: 30px; background: url('/Content/app/images/sprites.png') -672px -88px; }

.icon-custom-line { height: 2px; display: block; background: #CBCBCB; }
.icon-custom-ball { height: 12px; width: 12px; display: block; background: #CBCBCB; border-radius: 50%; }

td.col-green { background:#61d191 !important; }
td.col-red { background:#e6786c !important; }
td.col-orange { background:#f1bb66 !important; }