@import 'bootstrap.css';
@import 'font.css';

body{font-family: 'Neo Sans'; overflow-x: hidden;}

.header{margin-bottom: 30px; padding: 0; background-color: #fff; border-bottom: #9d9fa2 solid 3px;}
.header .container{padding: 0;}
.header .row{margin: 0;}
.header .row.topbar{margin: 0; height: 30px; background-color: #3a3a3c; border-bottom: #ffcb05 solid 3px;}

.header .center{padding-top: 20px; padding-bottom: 20px;}
.header .logo{display: block; width: 113px; height: 23px; background: url(img/logo.png) no-repeat;}
.header .language{float: left; padding: 0; list-style: none;}
.header .language li{float: left; padding: 0 4px; border-left: #dcddde solid 1px; border-right: #f1f1f2 solid 1px;}
.header .language li:first-child{border-left:0;}
.header .language li:last-child{border-right:0;}
.header .language li a{font-size: 12px; color: #939598; text-decoration: none;}
.header .language li.active a, .header .language li a:hover{color: #ffcb05;}

.header .search{border: #eceded solid 1px; border-radius: 50px; outline: 0; padding: 8px 10px 8px 30px; margin: -8px 0; background: url(img/search.png) no-repeat 10px center;}
.header .search:focus{border-color: #cbcccc;}

.header .navbar{margin: 0; background: transparent; min-height: auto; border-top: #e9e9ea solid 1px; border-bottom: #ecc556 solid 2px; border-radius: 0; border-right: 0; border-left: 0;}
.header .navbar-nav{width: 100%;}
.header .nav li{position: initial;}
.header .navbar li a{font-size: 12px; padding: 10px 12px 10px 0; color: #414042; font-weight: 500;}
.header .navbar li a .glyphicon{font-size: 8px; top: 0; color: #ffd13e;}
.header .navbar li:last-child a{padding-right: 0;}
.header .navbar li a:hover{color: #ffcb05;}

.header .navbar li:first-child.active{margin-left: 0;}
.header .navbar li.active{margin: 0 6px 0 -6px;}
.header .navbar li.active a{padding: 10px 6px 10px 6px;}


.header .navbar .dropdown > ul{background-color: #e7e8e9;padding: 20px 0; top: 42px; left: 0; right: 0; border-radius: 0; border: 0;-webkit-box-shadow: initial; box-shadow: initial;}
.header .navbar .dropdown.open > a{background-color: transparent; color: #ffcb05;}
.header .navbar .dropdown .dropdown-menu ul{margin: 0; list-style: none;}
.header .navbar .dropdown .dropdown-menu .icons{margin-bottom: -10px;}
.header .navbar .dropdown .icons{position: relative;}
.header .navbar .dropdown .icons hr{position: absolute; border: 0; border-right: #c4c6c8 solid 1px; top: -10px; bottom: 0; left: 260px; height: 93%;}
.header .navbar .dropdown .icons li{position: relative; float: left; margin-bottom: 10px;}
.header .navbar .dropdown .icons li img{position: relative;}
.header .navbar .dropdown .icons li:nth-child(odd){margin-right: 11px;}
.header .navbar .dropdown .icons li .title{position: absolute; top: -12px; right: 70px; left: 50px; font-size: 11.5px; font-weight: 500; color: #2b2b2b;}
.header .navbar .dropdown .icons li .title.light{color: #fff;}
.header .navbar .dropdown .float li{float: left; margin-right: 10px;}

.header .navbar .dropdown .pull-right.icons{max-width: 286px;}
.header .navbar .dropdown .pull-right.icons li{margin:0;}
.header .navbar .dropdown .pull-right.icons li a{display: block; text-decoration: none;}
.header .navbar .dropdown .pull-right.icons li .img{width: 240px; height: 115px; overflow: hidden;}
.header .navbar .dropdown .pull-right.icons li .title{position: initial; margin: 0; background-color: #f1f1f2; padding: 10px; color: #6d6e71;}
.header .navbar .dropdown .pull-right.icons .glyphicon{color: #ffd13e; font-size: 8px; top: 0;}
.header .navbar .dropdown .pull-right.icons li.title{width: 242px;}
.header .navbar .dropdown .pull-right.icons li.title .title{background-color: transparent; padding: 10px 0; border-bottom: #c1c3c5 solid 1px;}

.header .navbar .dropdown .support a, .header .navbar .dropdown .support a{text-decoration: none; display: block;}
.header .navbar .dropdown .support .dealers-title{margin: 0; padding: 15px; border-radius: 5px 5px 0 0; background-color: #ffcb05; color: #3a3a3c;}
.header .navbar .dropdown .support .service-title{margin: 0; padding: 15px; border-radius: 5px 5px 0 0; background-color: #3a3a3c; color: #d1d3d4;}

.header .navbar .dropdown .login{position: relative;}
.header .navbar .dropdown .login li{margin: 10px 0; font-weight: normal;}
.header .navbar .dropdown .login input{border: 0; border-radius: 0; outline: 0; box-shadow: initial; padding: 20px;}
.header .navbar .dropdown .login label{font-size: 12px; font-weight: normal; color: #bcbec0;}
.header .navbar .dropdown .login .btn{background-color: #ffcb05; color: #58595b; font-size: 12px; border-radius: 0; padding: 10px 20px;}
.header .navbar .dropdown .login hr{position: absolute; height: 92px; top: 0; right: 0; bottom: 0; border: 0; border-right: #ffcb05 solid 1px}
.header .navbar .dropdown .user-login-option li{margin: 5px 0;}
.header .navbar .dropdown .user-login-option li a{color: #58595b; font-weight: normal;}

.dropdown.active.open .col-md-7.icons{padding-left: 9px;}

hr{margin: 10px 0;}

.search ul, .search li{margin: 0; padding: 0; list-style: none; font-size: 14px;}
.search ul{margin: 30px 0;}
.search .title{margin: 0 0 6px 0;}
.search .description{color: #a2a2a2;}
.search .date{color: #c3c3c3;}

.index{margin-top: 30px; margin-bottom: -15px;}
.index .services, .models .services, .services-list .services{margin-top: 15px; margin-bottom: 15px;}
.index .services a, .models .services a, .services-list .services a{text-decoration: none;}
.index .services a .title, .models .services a .title, .services-list .services .title{margin: 0; background-color: #f1f1f2; padding: 20px; border-bottom: #ffcb05 solid 5px; color: #595a5c; font-size: 20px;}
.index .services a img, .models .services a img, .services-list .services img{width: 100%;}
.index .services .img, .services .img{height: 280px; background-repeat: no-repeat; background-size: cover; background-position: center;}


.services-list .services .img{height: 300px; overflow: hidden; background-color: #e0e0e2; background-repeat: no-repeat; background-size: cover; background-position: center;}
.services-list .services .title{border-top: #ffcb05 solid 5px; border-bottom: #dedede solid 1px;}
.services-list .services .description{background-color: #f1f1f2; padding: 20px 20px 10px 20px; color: #808285; font-size: 14px;}
.services-list .services .description:after{display: block; content: ''; clear: both;}
.services-list .services .description a{display: block; float: right; margin-top: 20px; color: #ffcb05;}
.services-list .services .description a:hover{text-decoration: underline;}
.services-list .services .idle{height: 60px; overflow: hidden;}


.index .product{margin-bottom: 15px;}
.index .product img{width: 100%;}
.index .product .title{position: absolute; margin: 0; padding: 0; font-size: 24px; top: 15px; left: 115px; right: 150px; color: #333333;}
.index .product .title.light-color{color: #fff;}


.slider{margin-bottom: 60px;}
.slider .left{background: transparent; background: url(img/previus-slider.png) no-repeat 20px center; opacity: 1; width: 50px;}
.slider .right{background: transparent; background: url(img/next-slider.png) no-repeat 0px center; opacity: 1; width: 50px;}
.slider .carousel-indicators{bottom: -46px;}
.slider .carousel-indicators li{background-color: #e7e8e9; border: 0; margin: 0 10px;}
.slider .carousel-indicators .active{background-color: #414142; width: 10px; height: 10px;}
.slider .carousel-caption{top: 0; left: 0; height: 380px; background: url(img/slider.png) no-repeat right; width: 50%; display: table;}
.slider .carousel-caption .rows{display: table-cell; height: 100%; vertical-align: middle; padding: 0 50px; color: #414042; text-shadow: initial; text-align: left;}
.slider .carousel-caption .rows a{position: relative; z-index: 9999; display: block; float: left; padding: 15px; border: #6a6b6e solid 1px; color: #58595b; text-decoration: none;}
.slider .carousel-caption .rows a:hover{background-color: rgba(255, 255, 255, .2);}
.slider .item{width: 100%; height: 380px;}



.page img[style*="float:left"]{margin: 15px 15px 15px 0;}
.page img[style*="float:right"]{margin: 15px 0 15px 15px;}
.page{color: #595a5c; font-size: 14px;}
.page p{line-height: 2;}
.page span[style^="background-color:"]{display: block; padding: 20px; font-size: 16px; color: #58595b; margin-bottom: 30px;}
.page td[style*="background-color:"]{padding: 50px;}
.page td[style*="border-color:"]{}


.dealers .title{margin: 0; padding: 0;}
.dealers .title span{position: relative; background-color: #ffcb05; padding: 15px 100px 15px 40px; border-radius: 8px 0 0 0; color: #595a5c; font-size: 18px;}
.dealers .title span:after{content: ''; display: block; position: absolute; border-top: transparent solid 25px; border-left: transparent solid 25px; border-right: #fff solid 25px; border-bottom: #fff solid 27px; right: 0; top: 0; bottom: 0;}
.dealers table{font-size: 12px; color: #808285;}

.dealers table tr:nth-child(odd){background-color: #f1f1f2;}
.dealers table tr:nth-child(even){background-color: #e6e7e8;}


.contact .left{padding-right: 0;}
.contact .right{padding-left: 0;}
.contact .left .idle{padding: 35px 20px; line-height: 1; border: #f1f1f2 solid 1px;}
.contact .right .idle{padding: 35px 20px; line-height: 1; background-color: #f1f1f2; border: #f1f1f2 solid 1px;}
.contact .left p, .contact .right p{line-height: 1;}
.contact .left h3, .contact .right h3{padding-left: 20px; display: block;}
.contact .left .maps, .contact .right .maps{display: block; padding: 15px 80px 15px 20px; border: #f1f1f2 solid 1px; float: left; color: #939598; margin: 20px 0 40px 0;}
.contact .right .maps{background-color: #f1f1f2;}


.contact .form{padding: 30px 40px; margin: 0 15px; background-color: #f1f1f2;}
.contact .form:after, .contact .form .items:after{display: block; content: ''; clear: both;}
.contact .form .items{margin: 20px 0;}
.contact .services a .title{color: #595a5c; font-size: 16px; background-color: #f1f1f2; margin: 20px 0 0 0; padding: 10px; border: #e9eaeb solid 1px;}
.contact .services .img{height: 324px; background-size: cover; background-position: center; background-repeat: no-repeat;}



.special-title{margin: 0 0 15px 0; background-color: #f1f1f2; padding: 15px 0; color: #414142;}
.special-title strong{font-weight: 500;}

.special-content-mini{margin-bottom: 15px;}
.special-content-mini > div{position: relative; background-color: #f1f1f2; padding: 15px; font-size: 12px;}
.special-content-mini > .left .trams{display: block; background: #f1f1f2; position: absolute; top: 0; bottom: 0; z-index: -1;}
.special-content-mini > .right .trams{display: block; background: #f1f1f2; position: absolute; top: 0; bottom: 0; z-index: -1;}
.special-content-mini a{position: relative; display: block; background-color: #e7e8e9; line-height: 4; padding: 0 20px; margin: 0 -15px -15px -15px; font-size: 18px; color: #8b8d8f; text-decoration: none;}
.special-content-mini:hover a, .special-content-mini a.active{background-color: #ffcb05;}
.special-content-mini a:after{content: ''; position: absolute; right: 50px; border-width: 13px; border-color: #f1f1f2 transparent transparent transparent; border-style: solid;}


.product-title{margin: 15px 0 0 0; padding: 0 0 15px 0; border-bottom: #dcdcdc solid 1px; font-weight: normal; font-size: 22px;}
.product-icon{float: right}
.product-icon a{display: block; float: left; border: #ededee solid 2px; margin: -14px 0 0 10px; width: 44px; height: 44px; border-radius: 100%; background: url(img/pro-icon.png) no-repeat;}
.product-icon a.hot{background-position: 5px 1px;}
.product-icon a.cold{background-position: -50px 4px;}
.product-icon a.hot:hover, .product-icon a.hot.active{background-color: #ffcb05; border-color: transparent; background-position: 5px -49px;}
.product-icon a.cold:hover,.product-icon a.cold.active{background-color: #ffcb05; border-color: transparent; background-position: -50px -46px;}

.models .services a .title{font-size: 18px; font-weight: normal; color: #6d6f71; height: 83px;}



.page-hot, .page-cold{font-size: 12px;}
.page-hot h1, .page-hot h2, .page-hot h3, .page-hot h4, .page-hot h5, .page-hot h6, .page-cold h1, .page-cold h2, .page-cold h3, .page-cold h4, .page-cold h5, .page-cold h6{margin: 0; padding: 0;}
.page-hot .marker, .page-cold .marker{display: block; font-weight: 500; font-size: 30px; padding: 12px 0 35px 84px; background: url(img/hot-title.png) no-repeat;}
.page-hot span[style*="background-color:"], .page-cold span[style*="background-color:"]{display: block; font-size: 26px; font-weight: 500; padding: 10px 15px; border: #e9e6df solid 1px; border-left: 0; border-right: 0;}

.page-hot .model .title, .page-cold .model .title{color: #414142; font-size: 18px; padding: 15px 0; margin: 30px 0 15px 0; border: #e9eaeb solid 1px; border-right: 0; border-left: 0;}
.page-hot .model ul, .page-cold .model ul{padding-left: 0;}
.page-hot .model ul li, .page-cold .model ul li{list-style: none; padding-left: 15px; background: url(img/li.png) no-repeat left 4px;}

.page-hot .products, .page-cold .products{margin-top: 30px;}
.page-hot .products .col-md-3, .page-cold .products .col-md-3{margin-bottom: 30px;}
.page-hot .products .product, .page-cold .products .product{border: #eeeff0 solid 1px;}
.page-hot .products .product a, .page-cold .products .product a{text-decoration: none;}
.page-hot .products .product a:hover span, .page-cold .products .product a:hover span{text-decoration: underline;}
.page-hot .products .product a .title, .page-cold .products .product a .title{font-size: 28px; font-weight: normal; padding: 4px 7px; color: #333333;}

.page-hot .products .product a .title:after{position: absolute; content: ''; border: #ffcb05 solid 20px; border-right-color: transparent; border-bottom-color: transparent; top: 0; left: 15px; z-index: -1;}

.page-hot .products .product .img, .page-cold .products .product .img{width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; background-position: center;}
.page-hot .products .product span, .page-cold .products .product span{display: block; background: #f1f1f2 url(img/product.png) no-repeat 10px center; padding: 10px 10px 10px 42px; color: #6d6e71;}

.page-cold .marker{background: url(img/cold-title.png) no-repeat; color: #fff;}
.page-cold .products .product a .title:after{position: absolute; content: ''; border: #bcbec0 solid 20px; border-right-color: transparent; border-bottom-color: transparent; top: 0; left: 15px; z-index: -1;}




.product-details{}
.product-details .left{border-right: #ffcb0b solid 1px;}
.product-details .left .title{position: relative; font-weight: bold; font-size: 42px; color: #424143; padding-left: 10px;}
.product-details .left .title:after{position: absolute; display: block; content: ''; border: #ffcb0b solid 25px; border-right-color: transparent; border-bottom-color: transparent; left: 0; top: 0; z-index: -1;}
.product-details .left .img{margin-bottom: 15px; height: 350px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.product-details .left .img img{width: 100%;}

.product-details .right{float: right;}
.product-details .right .title{color: #231f20; font-size: 22px; font-weight: 600; border-bottom: #e8e9e9 solid 1px; padding-bottom: 5px;}
.product-details .right .button{margin: 30px 0;}
.product-details .right .button:after{display: block; content: ''; clear: both;}
.product-details .right .button a{position: relative; display: block; float: left; margin-right: 30px; padding: 7px 30px; border: #f0f0f0 solid 1px; color: #595a5c; font-size: 16px;}
.product-details .right .button a:after{position: absolute; content: ''; border: #ffcb0b solid 18px; border-right-color: transparent; border-bottom-color: transparent; top: 0; left: 0; z-index: -1;}
.product-details .right .istek a{border-radius: 0 100px 100px 0; background: url(img/istek.png) no-repeat right center; padding-right: 50px;}
.product-details .right .istek a:after{position: absolute; content: ''; border: #e7e8e8 solid 18px; border-right-color: transparent; border-bottom-color: transparent; top: 0; left: 0; z-index: -1;}

.product-details .galeri{margin-top: 30px;}
.product-details .galeri .col-md-3{margin-top: 15px; margin-bottom: 15px;}
.product-details .galeri .col-md-3 img{width: 100%;}
.product-details .galeri a{display: block; overflow: hidden; height: 270px;}

.product-details .tabs{margin-top: 30px; margin-bottom: 0;}
.product-details .tabs .nav-tabs{padding: 0; border: 0;}
.product-details .tabs .nav-tabs .col-md-3{padding: 0;}
.product-details .tabs .nav-tabs .col-md-3 a{position: relative; display: block; font-size: 16px; color: #595a5c; padding: 20px 0; margin: 0; text-align: center; background-color: #e7e7e7; border: 0; border-radius: 0;}
.product-details .tabs .nav-tabs .col-md-3 a span{display: none; position: absolute; border: #ffcb0b solid 10px; bottom: -19px; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; left: 48%; z-index: 2;}
.product-details .tabs .nav-tabs .active a{background-color: #ffcb0b;}
.product-details .tabs .nav-tabs .active a span{display: block;}
.product-details .tab-content{margin-top: 30px; color: #595a5c;}

.product-details #tab-1 p{line-height: 1;}
.product-details #tab-1 ul{padding-left: 17px;}
.product-details #tab-1 ul li{padding-left: 17px;}

.product-details #tab-2 .table tr{background-color: #f1f1f2;}
.product-details #tab-2 .table tr td{border-bottom: #fff solid 3px; border-top: 0;}

.product-details #tab-3 table tr td p, .product-details #tab-3 table tr td{line-height: 1}
.product-details #tab-3 table tr td:first-child{padding: 10px 0 0 0; width: 130px;}
.product-details #tab-3 table tr:first-child > td{padding: 0;}
.product-details #tab-3 table tr:last-child td{border-bottom: #ddd solid 1px;}
.product-details #tab-3 table tr td:nth-child(2){padding: 25px;}
.product-details #tab-3 table tr td:last-child{padding: 0; width: 130px; text-align: center; vertical-align: middle;}

.product-details #tab-4 table tr td{border: 0; border-bottom: #ddd solid 1px; vertical-align: middle;}
.product-details #tab-4 table tr td p, .product-details #tab-4 table tr td{line-height: 1; margin: 0;}
.product-details #tab-4 table tr td a{display: block; font-size: 16px; border: #ffd34e solid 1px; float: right; padding: 15px; margin: 10px 0; color: #a7a9ac;}


.product-details .dropdown{margin-top: 30px;}
.product-details .dropdown li a, .product-details .dropdown .btn{font-size: 18px;}
.product-details .dropdown .btn{border-radius: 5px; background-color: transparent; outline: 0; border-color: #e8e9e9; padding: 10px 15px;}
.product-details .dropdown .btn .caret{margin-left: 10px;}
.product-details .dropdown .btn:active, .product-details .dropdown .btn:hover{background-color: transparent;}



body.open-popup{overflow: hidden;}
.popup{z-index: 99999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; background: url(img/background.png);}
.popup .popup-content{width: 80%; margin: 100px auto; background: #fff; padding: 10px;}
.popup .popup-content > p:last-child{margin-bottom: 0;}


.footer{margin-top: 30px; padding: 40px 15px; background-color: #eff0f0; border-top: #d7c07f solid 1px; border-bottom: #9ba3a5 solid 3px; line-height: 1.5; font-size: 12px; color: #939598;}
.footer .top{padding: 0 40px; margin-bottom: 20px; padding-bottom: 30px; border-bottom: #d4d6d7 solid 1px;}
.footer p{margin: 0;}
.footer a{color: #939598;}
.footer .right, .footer .left{padding: 0 40px;}



p.null{padding: 5px;}