*{ margin: 0; padding: 0;} html, body {height: 100%} body { font-family: 'Open Sans'; font-weight: 300; font-size: 14px; color: #373232; } img { border: none; } a:hover, a:focus { color: inherit; text-decoration: none; } div:before, div:after { content: ''; } #no-scroll {overflow-y: hidden;} #preload_ { width: 100%; height: 100%; position: fixed; z-index: 999999; top: 0; left: 0; background: #333; } #preload_:before { width: 100%; height: 100%; background: url("../images/preload.gif") 50% 50% no-repeat; position: absolute; top: 0; left: 0; z-index: 1; } #preload_.hide_:before { opacity: 0; transition: 0.9s; } #preload_.hide_up_ {opacity: 0; transition: 0.5s ease-in;} #container-main { position: relative; width: 100%; height: 100%; z-index: 1; } .sections { max-height: 1200px; height: 100%; width: 100%; position: relative; min-width: 768px;float: left; } .box-1 { background-image: url('../images/slider/big-bg-1.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mobile-html .box-1 { /*background-image:url('../images/slider/big-bg-1.jpg') 50% 50% no-repeat;*/ background-attachment: scroll; } .box-2 { background: url('../images/bg-2.jpg') no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .mobile-html .box-2 { background: url('../images/bg-2.jpg') no-repeat 50% 0; } .box-3 { background: url('../images/bg-3.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mobile-html .box-3 { background: url('../images/bg-3.jpg') no-repeat 50%; /*height: 1000px;*/ } .box-4 { background: url('../images/bg-4.jpg') no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mobile-html .box-4 { background: url('../images/bg-4.jpg') no-repeat 50% 0; } .box-4-2 { background: url('../images/sl_ec_01.jpg') no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mobile-html .box-4-2 { background: url('../images/sl_ec_01.jpg') no-repeat 50% 0; } .box-4-3 { background: url('../images/bg-4-3.jpg') no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mobile-html .box-4-3 { background: url('../images/bg-4-3.jpg') no-repeat 50% 0; } .box-5 { background: url('../images/bg-5.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mobile-html .box-5 { background: url('../images/bg-5.jpg') no-repeat 50%; } .bg-1 { max-width: 100%; position: absolute; } .box-1 .container, .box-1 .container .posit_ { position: relative; height: 100%; } .positions { top: 50%; /*left:0;*/ } #navi_circle { position: fixed; top: 20px; right: 0; width: 37px; padding-top: 32px; overflow: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: 0.4s; z-index: 9; } #navi_circle:after { width: 100%; height: 100%; position: absolute; content: ''; z-index: 1; top: 0; left: 0; border-right: 37px solid #3b4c54; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } #navi_circle li { width: 100%; height: 11px; list-style: none; margin-top: 17px; position: relative; z-index: 2; } #navi_circle li:before { width: 11px; height: 11px; background: #fff; cursor: pointer; content: ''; margin: 0 auto; border-radius: 100%; display: block; } #navi_circle li:first-child {margin-top:0 } #navi_circle li.active:before {background: #00aeff} .circle-next { width: 57px; height: 66px; position: absolute; bottom: 50px; left: 50%; margin-left: -29px; cursor: pointer; } .circle-next:hover { animation: animation1 1800ms ease-in-out both; animation-iteration-count: 1; animation-direction: alternate; } .circle-next div { background: url("../images/icons/first-arrow.png") 50% 50% no-repeat; z-index: 3; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .menu_wrapper { position: fixed; width: 100%; z-index: 9999; } .menu_wrapper.hide_menu { background: none; } ul#menu_nav { float: right; margin-top: 54px; position: relative; z-index: 3; box-shadow: 0 0 12px 0 rgba(0,0,0, 0.25); } ul#menu_nav li { float: left; list-style: none; margin-left: 35px; } ul#menu_nav li a { text-decoration: none; font-size: 12px; text-transform: uppercase; color: #fff; } .hide_menu ul#menu_nav { display: none; } .hide_menu.open-menu ul#menu_nav { display: block; width: 205px; float: right; border-radius: 4px; overflow: hidden; background: #fff; padding: 9px 0 10px 0; } .menu-line { width: 23px; height: 14px; position: relative; float: right; margin-top: 54px; display: none; } .hide_menu .menu-line {display: block} .open-menu .menu-line {display: none;} .menu-line:before { position: absolute; content: ''; width: 100%; height: 100%; background: url("../images/icons/menu-se.png") no-repeat; top: 0; left: 0; cursor: pointer; } .menu-line.black:before { background: url("../images/icons/menu-se2.png") no-repeat; } .hide_menu ul#menu_nav li {display: none;} .hide_menu.open-menu ul#menu_nav li {display: block;} .hide_menu.open-menu ul#menu_nav li { margin-left: 0; padding-left: 15px; height: 30px; line-height: 30px; width: 100%; } .hide_menu.open-menu ul#menu_nav li a {color: inherit} .hide_menu.open-menu ul#menu_nav li a:hover {text-decoration: underline} .hide_menu.open-menu ul#menu_nav li.active a:hover {text-decoration: none;cursor: default;} .open-menu ul#menu_nav li { width: 100px; } .open-menu ul#menu_nav:before {display: none;} .hide_menu.open-menu ul#menu_nav li.active a {color: #00aeff} .logo { margin-top: 21px; width: 195px; height: 57px; } .container-wrapper { margin-top: 0; width: 100%; float: left; padding-top: 97px; } .style { width: 100%; float: left; } .title-bl { text-align: center; text-transform: uppercase; font-size: 40px; font-weight: 700; } .title-bl.white {color: #fff} ul.list-bx5 { margin-top: 75px; } ul.list-bx5 li { height: 74px; list-style: none; float: left; position: relative; } .list-bx5 li:hover { animation: animation1 1800ms ease-in-out both; animation-iteration-count: 1; animation-direction: alternate; } ul.list-bx5 li div { background: #fff; border-radius: 4px; text-align: center; width: 100%; position: relative; height: 100%; } ul.list-bx5 li div img { position: absolute; left: 50%; top: 50%; } .studio-copy-wr { height: 80px; background: #3b4c54; width: 100%; float: left; position: absolute; bottom: 0; left: 0; } .aw-left, .aw-right { float: left; height: 80px; width: 100%; } .aw-left div { display: table-cell; height: 80px; vertical-align: middle; color: #fff; font-size: 13px; } .aw-right div { text-align: right; line-height: 80px; padding-right: 36px; } .aw-right div a { font-size: 13px; position: relative; color: #7a7575; } .aw-right div a:before { width: 24px; height: 23px; position: absolute; content: ''; top: 50%; margin-top: -12px; right: -35px; background: url("../images/artweb-logo.png") no-repeat; } .box-5 {overflow: hidden;} /*.maps-contacts-wr {*/ /*height: 732px;*/ /*background: url("../images/map.jpg") 50% -100px no-repeat;*/ /*position: absolute;*/ /*left: 0;*/ /*top: 286px;*/ /*}*/ .maps-contacts-wr { height: 732px; background: 0 0!important; position: relative!important; margin-top: 40px; top: 0!important; } .contacts-wr { width: 260px; /* height: 457px; */ position: absolute; right: 15px; top: 328px; margin-top: -229px; background: #fff; border-radius: 4px; overflow: hidden; float: left; } .contacts-txt-wr { width: 100%; float: left; padding-left: 30px; /*margin-top: 43px;*/ } .contacts-img { margin-top: 50px; float: left; position: relative; z-index: 2; } .contacts-tile { float: left; width: 100%; position: relative; margin-bottom: 25px; } .contacts-tile:before, .contacts-tile {background: #00aeff;} .contacts-tile:before { position: absolute; width: 100%; height: 100%; top: 0; left: -30px; } .contacts-tile p { font-size: 24px; line-height: 68px; height: 68px; text-transform: uppercase; position: relative; float: left; color: #fff; } .cont-phones, .cont-str, .cont-mail { width: 100%; float: left; } .cont-phones span {font-weight: 700} .cont-str { margin-top: 16px; } .cont-mail a { text-decoration: none; color: #27aae1; } /*new*/ .slogan_wrapper { margin-top: 280px; } .slogan_ { font-size: 36px; font-weight: 700; color: #00aeff; text-align: right; line-height: 38px; } .slogan_ span { color: #ffc000; border-bottom: 1px solid #ffc000; font-weight: normal; font-family: Georgia; } .button-_first-wr {margin-top: 30px;position: relative;z-index: 9;} .button-_first-wr .btn_test_drive, .btn_by_link { float: right; } .btn_by_link {margin-top: 15px;} .content-margin {margin-top: 55px;} .button-_four-wr { margin-top: 45px; } .button-_four-wr .btn_test_drive {float: right !important;} .box-2 .button-_four-wr .btn_test_drive {float: left !important;} .special-stock_title { text-align: center; color: #fff; font-size: 24px; line-height: 29px; } .special-stock_title span { font-weight: 700; } .stock-txt-bl-wr { position: relative; width: 100%; margin-top: 18px; } .stock-txt-bl-wr:before { content: ''; width: 100%; height: 100%; position: absolute; top:10px; right: -10px; background: rgba(255,255,255,0.5); z-index: 1; } .stock-txt-bl { width: 100%; position: relative; z-index: 2; background: #fff; padding: 30px 0 0 30px; height: 530px; overflow: hidden; } .title-st { text-align: center; font-size: 15px; color: #373232; font-weight: 700; } .st-desc { } .st-desc p { margin: 23px 0 0 0; font-size: 15px; font-style: italic; line-height: 22px; } /*.st-desc p:first-child {*/ /*margin-top: 23px;*/ /*}*/ .st-desc-2 { background: #f1f8fc; margin-top: 20px; padding: 28px 24px 32px 24px; } .desk-bg-title { text-align: center; font-weight: 700; font-size: 15px; line-height: 18px; } .button-test-wr{ margin-top: 21px; height: 48px; } .button-fb { float: right; } .button-fb a { display: block; float: left; height: 48px; text-decoration: underline; color: #00aeff; min-width: 182px; } .button-fb a:hover {text-decoration: none;} .button-fb a img { float: left; margin-right: 15px; } .button-fb a span { color: inherit; font-size: 15px; font-weight: 700; display: table-cell; vertical-align: middle; height: 48px; line-height: 16px; } .desc-2-share { text-align: center; font-size: 15px; color: #5c5c5c; margin-top: 21px; line-height: 17px; } .title-st-2 { margin-top: 26px; } .st-days-wr { margin-top: 12px; } .st-days-wr div { height: 30px; float: left; width: 50%; padding-left: 19px; border-left: 1px solid #b7b7b7; text-align: left; } .st-days-wr div:first-child { padding-left: 0; padding-right: 19px; border-left: 0; text-align: right; } .st-days-wr div span, .st-days-wr div a { font-size: 15px; color: #00aeff; font-weight: 700; line-height: 30px; } .st-days-wr div a {text-decoration: underline;} .box-4-3 .mCustomScrollBox, .box-4-2 .mCustomScrollBox { padding-bottom: 50px; padding-right: 30px; } .box-4-3 .mCSB_inside > .mCSB_container, .box-4-2 .mCSB_inside > .mCSB_container { margin-right: 0; } .box-4-3 .mCSB_scrollTools, .box-4-2 .mCSB_scrollTools { right: 7px; } .box-4-3 .mCSB_dragger_bar:before, .box-4-2 .mCSB_dragger_bar:before { display: none; } .box-4-3 .mCSB_draggerContainer, .box-4-2 .mCSB_draggerContainer { padding-bottom: 30px; } .box-4-3 .mCSB_draggerRail, .box-4-2 .mCSB_draggerRail { border-top: 0 !important; width: 2px !important; } .stock-txt-bl:before { position: absolute; width: 100%; height: 50px; bottom: 0; content: ''; z-index: 3; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); left: -30px; /*background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 99%);*/ /*background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 99%);*/ /*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 99%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );*/ } .title-st-new { font-weight: 700; font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #b7b7b7; padding-bottom: 15px; color: #333; } .price-name-wr { width: 102px; float: left; } .price-name { height: 30px; cursor: default; } .price-name .price-name-title { float: left; margin-right: 5px; font-size: 15px; line-height: 30px; color: #333; } .price-name .price-name-border { overflow: hidden; } .price-name-border span { width: 100%; height: 21px; border-bottom: 2px dotted #b7b7b7; display: block; } .st-first-list {position: relative} .st-first-list ul, .st-second-list ul { list-style: none; width: 165px; float: left; margin-top: 11px; margin-bottom: 42px; } .st-first-list ul li { width: 100%; float: left; } .price-cost { font-size: 15px; color: #00aeff; line-height: 30px; margin-left: 5px; float: left; } .st-deposit { position: absolute; width: 190px; bottom: 48px; height: 43px; border-left: 18px solid transparent; border-bottom: 43px solid #00aeff; right: 0; } .st-deposit p { color: #fff; float: left; font-size: 24px; font-weight: 700; line-height: 43px; margin-bottom: 0; } .st-deposit p span { font-weight: normal; font-size: 13px; width: 80px; display: table-cell; line-height: 15px; height: 43px; vertical-align: middle; padding-left: 10px; } .st-second-list ul { width: 100%; float: left; list-style-type: disc; padding-left: 17px; } .st-second-list ul li {width: 100%;float: left;color: #00aeff} .st-second-list ul li span {font-size: 15px;color: #333;} .st-center { text-align: center; } .st-center img { max-width: 100%; } .st-center p { margin: 0 0 0 0; color: #333; font-size: 15px; } .txt-rent_ { padding-left: 15px; position: relative; margin-top: 13px; } .txt-rent_ p { width: 100%; float: left; font-size: 15px; color: #fff; margin: 0 0 0 0; } .txt-rent_ p span { color: #fff200; } .b_left { position: absolute; height:100%; width: 3px; top: 0; left: 0; padding: 5px 0 2px 0; } .b_left div { width: 100%; height: 100%; background: #00aeff; } .rent_tb { width: 100%; float: left; border: 0; margin-top: 18px; } .rent_tb td { border: 0 !important; } .rent_tb td:first-child { } .rent_tb td img { max-width: 100%; } .rent-tb-pos { position: relative; padding-left: 17px; font-size: 18px; color: #fff; font-weight: 700; } .rent-tb-pos .border_rent {border-bottom: 1px solid #fff; text-transform: uppercase;} .rent-tb-pos .color_rent { color: #fff200; } .rent-tb-pos small {font-size: 15px;} /**********************/ /*3*/ .in_stock-wr { background: #fff; border-radius: 4px; padding: 13px 50px 12px 50px; position: relative; } .models_select ul {width: 100%;float: left; height: 58px;border-bottom: 1px solid #b7b7b7; margin-bottom: 0} .models_select ul li { list-style: none; float: left; padding: 0 20px; } .models_select ul li:first-child {padding-left: 0;} .models_select ul li a { text-decoration: none; font-size: 18px; color: #00aeff; font-weight: 700; line-height: 57px; text-transform: uppercase; width: 100%; text-align: center; display: block; position: relative; } .models_select ul li.active a { color: #363636; cursor: default; } .models_select ul li.active a:before { width: 100%; height: 2px; background: #00aeff; bottom: 0; left: 0; position: absolute; content: ''; } .years_select {margin-top: 13px;} .years_select p { float: left; font-weight: 700; line-height: 26px; color: #363636; font-size: 13px; } .years_select ul { float: left; } .years_select ul li { list-style: none; float: left; margin: 0 10px; } .years_select ul li:first-child {margin-left: 23px;} .years_select ul li a { height: 26px; line-height: 26px; display: block; font-size: 16px; color: #00aeff; text-decoration: none; font-weight: 600; padding: 0 4px; } .years_select ul li.active a {color: #363636;border-bottom: 2px solid #00aeff;cursor: default;} .car-list {margin-top: 27px; position: relative;} .horizontal-images.content li { margin: 0 0 0 62px; float: left; width: 213px; } .horizontal-images.content li:first-child { margin-left: 0; } .car-list ul li div.img_ {width: 100%;float: left;} .car-list ul li div.img_ img {width: 100%;} .specifications {margin-top: 10px;} .specifications p { font-size: 13px; color: #333; line-height: 17px; } .specifications p span {font-weight: 700;} .price { font-size: 18px; color: #00aeff; text-align: center; margin-top: 6px; } .buy_button {margin-top: 17px;margin-bottom: 30px;} .load_content {overflow: hidden} .load_content, .load_content div, .load_content:before, .load_content div:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .load_content:before { background: #fff; opacity: 0.9; } .load_content div:before { background: url("../images/preload_min.gif") 50% 50% no-repeat; margin-top: -20px; } .button-_second-wr { position: absolute; right: 0; bottom: 150px; } /**/ /*scrollbar*/ .mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside > .mCSB_container{margin-right:30px}.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools{opacity:.75;filter:alpha(opacity=75);-ms-filter:alpha(opacity=75)}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:24px;top:auto;right:0;bottom:0;left:0}.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(../images/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:alpha(opacity=40);-ms-filter:alpha(opacity=40)}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0;top:-7px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;text-align:center;background:#00aeff}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:18px;margin:0 7px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;background-color:#000;background-color:rgba(0,0,0,0.4);filter:alpha(opacity=40);-ms-filter:alpha(opacity=40)}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px;background:#dfdfdf;border-top:1px solid #cecece}.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:0 1px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.snap-scrolling-example .content{height:auto;width:100%}.horizontal-images.content ul{margin:0;padding:0;list-style:none;overflow:hidden}.mCSB_buttonLeft,.mCSB_buttonRight{display:none!important}.mCSB_dragger_bar{border-bottom:1px solid #009ae2}.mCSB_dragger_bar:before{width:34px;height:10px;position:absolute;top:50%;left:50%;margin-left:-17px;margin-top:-5px;content:'';background:url(../images/icons/slider_sep.png) no-repeat} /***********/ .btn_test_drive, .btn_buy, .btn_by_link, .btn-application, .btn_reserved { width: 262px; height: 44px; line-height: 44px; text-align: center; display: block; background: #fff200; border-bottom: 2px solid #ffc000; border-radius: 4px; text-decoration: none; font-size: 13px; color: #363636; font-weight: 700; text-transform: uppercase; } .btn-application { float: left; margin-top: 3px; width: 236px; } .btn_reserved { float: right; margin-top: 40px; } .btn_test_drive:hover, .btn_buy:hover, .btn_by_link:hover, .btn-application:hover, .btn_reserved:hover { border-bottom: 2px solid #fff200; } .btn_test_drive:active, .btn_buy:active,.btn_by_link:active, .btn-application:active, .btn_reserved:active { background: #ffc000; border-bottom: 2px solid #ffc000; } .btn_buy { width: 136px; height: 44px; margin: 0 auto; font-weight: 700; } .img-screen-two, .img-screen-four { width: 100%; margin-top: -19px; } /*modal*/ #overlay { z-index: 99997; position: fixed; background-color: #000; opacity: .8; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; } .modal_form { width: 420px; position: fixed; top: 2%; left: 50%; margin-left: -210px; display: none; opacity: 0; z-index: 99998; background: #fff; border-radius: 4px; } #success_form { width: 420px; height: 152px; border-radius: 4px; position: fixed; top: 50%; left: 50%; margin-left: -210px; margin-top: -76px; display: none; z-index: 99999; background: #fff; } .modal_form #modal_close, #success_form #modal_close { width: 16px; height: 16px; position: absolute; top: -32px; right: -32px; cursor: pointer; display: block; background: url(../images/close-form.png) no-repeat; } .txt-success { width: 420px; height: 152px; display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; color: #363636; } .model-name { width: 100%; float: left; text-align: center; height: 95px; line-height: 100px; color: #363636; font-size: 18px; font-weight: 700; text-transform: uppercase; } .modal_form form { width: 100%; float: left; padding: 0 79px 50px 79px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .modal_form .input-blocks { width: 100%; float: left; margin-top: 9px; } .modal_form .input-blocks:first-child { margin-top: 0; } .input-blocks label { font-size: 13px; color: #363636!important; } .custom-input-2 { width: 100%; height: 40px; border: 1px solid #cfcfcf; box-sizing: border-box; color: #363636; font-size: 13px; line-height: 40px; padding-left: 8px; margin-top: 6px; box-shadow: 1px 2px 2px 0 rgba(215,215,215,0.75) inset; transition: .1s; outline: none!important; border-radius: 4px; } .custom-input-2:focus {box-shadow: none;transition: 0.2s} .required label { position: relative; } .has-error label { color: #dc0a05!important; } .required label:before { display: block; content: "*"; color: #dc0a05; position: absolute; top: 0; right: -7px; } .has-error input { border: 1px solid #dc0a05!important; box-shadow: none!important; } .button-wrapper { text-align: center; margin-top: 40px!important; } .modal_form form button { width: 165px; height: 44px; line-height: 47px; padding: 0; cursor: pointer; border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #ffc000; background: #fff200; outline: none!important; border-radius: 4px; font-size: 13px; font-weight: 700; color: #333; text-transform: uppercase; } .modal_form form button:hover { border-bottom: 2px solid #fff200; } .modal_form form button:active { border-bottom: 2px solid #ffc000; background: #ffc000; } /**/ .input-blocks .form-control{ /*height: 40px;*/ /*border: 1px solid #cfcfcf;*/ /*box-shadow: 1px 2px 2px 0 rgba(215,215,215,0.75) inset;*/ /*transition: .1s;*/ /*outline: none!important;*/ /*width: 100%;*/ /*padding-left: 10px;*/ /*box-sizing: border-box;*/ /*margin-top: 5px;*/ } .input-blocks .control-label{ font-weight:300!important; color:black; } .form-group, .help-block{ margin-bottom: 0; } .help-block{ padding-bottom: 9px; } .has-error{ box-shadow: none; } .has-success label { font-size: 13px!important; color: #363636!important; } .has-success input { border: 1px solid #cfcfcf!important; box-shadow: 1px 2px 2px 0 rgba(215,215,215,0.75) inset!important; } /***2.0****/ .list_why-wr {margin-top: -18px;} .list_why {margin-top: 18px;} .box-2 .list_why-wr {margin-top: -5px;} .box-2 .list_why {margin-top: 5px;} .why-img-wr, .why-txt-wr { width: 100%; float: left; } .why-img-wr { height: 110px; text-align: center; } .why-img-wr img { width: 110px; height: 110px; } .box-2 .why-img-wr { height: 130px; } .box-2 .why-img-wr img { width: 130px; height: 130px; } .why-txt-wr { text-align: center; margin-top: 12px; height: 51px; overflow: hidden; } .box-2 .why-txt-wr {height: 55px} .why-txt-wr p { font-size: 14px; color: #000000; margin: 0; font-weight: 700; line-height: 17px; } .why-txt-wr p span { color: #fff; font-size: 15px; } .box-2 .why-txt-wr p span { font-size: inherit; } .box-2 .why-txt-wr p span i { font-style: normal; font-size: 24px; } /**********/ /*data-picker*/ #ui-datepicker-div{ background-color: white; box-shadow: inset 0px 0px 0px 1px #d7d7d7; border-radius: 5px; margin-top: 1px; width: 320px; right: 0px; margin-left: -40px; display: none; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{ text-align: center; width: 280px; position: relative; margin: 0 auto; height: 29px; overflow: hidden; margin-top: 26px; margin-bottom: 25px; padding-left:1px; } .ui-datepicker-calendar tr, .ui-datepicker-calendar td{margin:0;padding:0;} table.ui-datepicker-calendar th{ color:black; text-transform:uppercase; font-size:12px; } table.ui-datepicker-calendar{ width: 280px; text-align: center; margin: 0 auto; font-family:Arial; margin-bottom: 23px; } .ui-datepicker-calendar a{ font-size: 12px; color: black; text-decoration: none; width: 20px; height: 20px; border-radius: 50%; display: inherit; line-height: 20px; left: 9px; position: relative; } .ui-datepicker-calendar .ui-datepicker-today a{ border: 1px solid #fed22f; } .ui-datepicker-unselectable.ui-state-disabled span{ color: #b2dbeb; font-size: 12px; text-decoration: none; width: 20px; height: 20px; border-radius: 50%; display: inherit; line-height: 20px; left: 9px; position: relative; } .ui-datepicker-next.ui-corner-all{ position: absolute; width: 20px; height: 20px; background-image: url('../images/calendar_arrows.png'); overflow: hidden; text-indent: 100%; background-repeat: no-repeat; top: 5px; background-position: 0px -36px; cursor: pointer; right:1px; } .ui-datepicker-prev.ui-corner-all{ position: absolute; width: 20px; height: 20px; background-image: url('../images/calendar_arrows.png'); overflow: hidden; text-indent: 100%; background-repeat: no-repeat; top: 5px; background-position: 0px -66px; cursor: pointer; left:2px; } .ui-datepicker-prev.ui-corner-all.ui-state-disabled{ background-position: 0px -6px; cursor:default; } .ui-datepicker-title select{ border-radius: 8px; margin: 5px; font-size: 14px; padding-top: 2px; padding-bottom: 4px; padding-left: 12px; padding-right: 17px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background-image: url('../images/arrowselect.png'); background-repeat: no-repeat; background-position: 84px 8px; max-width:104px; border-color:#bababa; } .ui-datepicker-year{ width:102px; padding-left: 23px!important; } .ui-datepicker-title{ margin-top:-4px; } #ui-datepicker-div:after{ content: ''; width: 302px; height: 1px; background-color: #cccccc; position: absolute; left: 8px; top: 68px; } .ui-datepicker-calendar td{height:26px;} .date_first, .date_second { float: left; margin-top: 6px; } .date_first input, .date_second input { width: 80px; float: left; margin-top: 0; } .date_first label, .date_second label { float: left; margin-right: 12px; line-height: 40px; } .date_second label { padding-left: 10px; } .date_first {margin-left: 3px} .date_second {} .datepicker_title { font-size: 13px; color: #363636!important; } /********language********/ #language { position: absolute; right: 68px; top: 51px; width: 75px; padding: 0 10px; } #language span, #language div a { display: block; width: 100%; float: left; height: 20px; border-radius: 10px; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase; background: #666666; padding-left: 10px; line-height: 20px; position: relative; cursor: pointer; } #language span:before { position: absolute; right: 8px; top: 50%; margin-top: -2px; content: ''; width: 8px; height: 5px; background: url("../images/ico-3/img-3.png") no-repeat; } #language div a { display: none; text-decoration: none; } #language:hover div a { display: block; border-top-right-radius: 0; border-top-left-radius: 0; } #language:hover span:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); } #language:hover span { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /************************/ #map { width: 100%!important; height: 100%!important; padding-bottom: 80px; } .questions-wr { position: fixed; bottom: 20px; left: 0; width: 100%; z-index: 1; } .btn_questions { z-index: 999999; float: left; height: 34px; background: rgba(0,0,0,0.6); border-bottom-right-radius: 34px; border-top-right-radius: 34px; padding:3px 0 0 34px; color: #fff !important; font-size: 10px; text-transform: uppercase; line-height: 14px; text-decoration: none; position: fixed; top: 50%; margin-top: -17px; left: 0; width: 34px; overflow: hidden; } .btn_questions:hover {width: 166px;padding-left: 40px; transition: 0.2s} .btn_questions:before { position: absolute; left: 5px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url(../images/ico-3/img-5.png) no-repeat; content: ''; } .input-blocks textarea { width: 100%; height: 40px; border: 1px solid #cfcfcf!important; box-sizing: border-box; color: #363636; font-size: 13px; line-height: 40px; padding-left: 8px; margin-top: 6px; box-shadow: 1px 2px 2px 0 rgba(215,215,215,0.75) inset; transition: .1s; outline: none!important; border-radius: 4px; resize: none!important; } /********animations********/ @-webkit-keyframes animation1 { 0% { -webkit-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.4% { -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.81% { -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.21% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.61% { -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 17.52% { -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 21.32% { -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25.23% { -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.03% { -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.74% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 44.44% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 59.86% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes animation1 { 0% { transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.4% { transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.7% { transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.81% { transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 9.41% { transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.21% { transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.61% { transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.11% { transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 17.52% { transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.72% { transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 21.32% { transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 24.32% { transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25.23% { transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.03% { transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.93% { transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.54% { transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.74% { transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.04% { transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 44.44% { transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.15% { transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 59.86% { transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.26% { transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75.28% { transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.49% { transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90.69% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } /***bootstrap grid***/ .container { min-width: 779px; } @media (max-width: 1200px) { .box-4:before, .box-2:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.6); } .box-4 .title-bl, .box-2 .title-bl { color: #006797; position: relative; } .why-txt-wr p span{ color: #006797; } /*1*/ .slogan_ { font-size: 29px; margin-top: 18px; line-height: 37px; } /*3*/ .horizontal-images.content li { margin: 0 0 0 15px; width: 198px; } /**/ ul.list-bx2 li { margin-top: 70px; } .bg-3-wr img { -webkit-transform: scale(0.72); transform: scale(0.72); } ul.list-bx5 li div img { -webkit-transform: scale(0.72); transform: scale(0.72); } a.linkBy { width: 135px; } ul#menu_nav li a {font-size: 10px;} .txt-bx3-wr .wr {padding-left: 30px;} .title-bl {font-size: 26px;} } @media (max-width: 992px) { /*1*/ .slogan_ { font-size: 23px; margin-top: 24px; line-height: 30px; } .horizontal-images.content li { margin: 0 0 0 23px; width: 201px; } /**/ } @media (max-width: 768px) { } @media (min-width: 1200px) and (max-height: 900px) { .box-2 .why-img-wr { height: 120px; } .box-2 .why-img-wr img { width: 120px; height: 120px; } } @media (min-width: 1200px) and (max-height: 870px) { .why-img-wr, .box-2 .why-img-wr { height: 90px; } .why-img-wr img, .box-2 .why-img-wr img { width: 90px; height: 90px; } } @media (min-width: 1200px) and (max-height: 720px) { .why-img-wr, .box-2 .why-img-wr { height: 73px; } .why-img-wr img, .box-2 .why-img-wr img { width: 73px; height: 73px; } } @media (min-width: 1200px) and (max-height: 650px) { .why-img-wr { height: 55px; } .why-img-wr img { width: 55px; height: 55px; } .box-2 .why-img-wr { height: 60px; } .box-2 .why-img-wr img { width: 60px; height: 60px; } } @media (min-width: 1200px) and (max-height: 550px) { .why-img-wr { height: 45px; } .why-img-wr img { width: 45px; height: 45px; } } @media (min-width: 1200px) and (max-height: 510px) { .button-_four-wr {margin-top: 12px;} .box-2 .why-img-wr { height: 45px; } .box-2 .why-img-wr img { width: 45px; height: 45px; } } @media (min-width: 1200px) and (max-height: 470px) { .why-txt-wr {margin-top: 3px;} .why-txt-wr p { font-size: 13px; line-height: 14px; } .box-2 .why-img-wr { height: 43px; } .box-2 .why-img-wr img { width: 43px; height: 43px; } } @media (min-width: 1200px) and (max-height: 430px) { .list_why { margin-top: 6px; } .box-2 .why-txt-wr { height: 46px; } } @media (min-width: 1200px) and (max-height: 400px) { .why-img-wr { height: 30px; } .why-img-wr img { width: 30px; height: 30px; } } @media (max-width: 1200px) and (max-height: 590px) { .box-2 .why-img-wr { height: 120px; } .box-2 .why-img-wr img { height: 120px; width: 120px; } } @media (max-width: 1200px) and (max-height: 520px) { .why-img-wr {height: 85px} .why-img-wr img { width: 85px; height: 85px; } .button-_four-wr { margin-top: 20px; } .box-2 .why-img-wr { height: 90px; } .box-2 .why-img-wr img { height: 90px; width: 90px; } } @media (max-width: 1200px) and (max-height: 450px) { .why-img-wr {height: 60px} .why-img-wr img { width: 60px; height: 60px; } .box-2 .why-img-wr { height: 67px; } .box-2 .why-img-wr img { height: 67px; width: 67px; } } @media (max-width: 1200px) and (max-height: 400px) { .why-img-wr, .box-2 .why-img-wr {height: 53px} .why-img-wr img, .box-2 .why-img-wr img { width: 53px; height: 53px; } .list_why { margin-top: 6px; } } @media (max-width: 1200px) and (max-height: 350px) { .why-img-wr, .box-2 .why-img-wr {height: 40px} .why-img-wr img, .box-2 .why-img-wr img { width: 40px; height: 40px; } .box-2 .why-txt-wr { height: 47px; } .list_why { margin-top: 6px; } .why-txt-wr { margin-top: 4px; height: 44px; } .why-txt-wr p { font-size: 13px; line-height: 14px; } .button-_four-wr { margin-top: 12px; } } @media (max-width: 1040px) { .btn_questions { top: auto; margin-top: 0; bottom: 20px; } } @media (max-height: 905px) { .contacts-wr {top: 280px} } @media (max-height: 870px) { .contacts-wr {top: 260px} } @media (max-height: 840px) { .contacts-wr {top: 236px} .stock-txt-bl {height: 480px;} } @media (max-height: 800px) { /*1*/ /*2*/ /*3*/ /*3*/ /*4*/ /*5*/ .studio-copy-wr, .aw-left, .aw-right, .aw-left div, .aw-right div {height: 60px; } .aw-right div {line-height: 60px;} ul.list-bx5 { margin-top: 62px; } .contacts-wr {top: 245px;} .contacts-txt-wr {padding-bottom: 10px;} .contacts-tile {margin-bottom: 12px;} .cont-str {margin-top: 6px;} .contacts-img {margin-top: 0;} .maps-contacts-wr { background: url("../images/map.jpg") 50% -188px no-repeat; top: 201px; } .contacts-tile p { height: 50px; line-height: 50px; } /*все*/ .container-wrapper {margin-top: 0;padding-top: 35px;} .title-bl { font-size: 26px; } } @media (max-width: 1200px) and (max-height: 700px) { /*3*/ /*5*/ .studio-copy-wr, .aw-left, .aw-right, .aw-left div, .aw-right div {height: 40px; } .aw-right div {line-height: 40px;} ul.list-bx5 { margin-top: 52px; } ul.list-bx5 li {height: 38px; } .contacts-wr {top: 257px;} .contacts-txt-wr { padding-bottom: 19px;} .contacts-tile {margin-bottom: 16px;} .cont-str {margin-top: 12px;} .contacts-img {} .maps-contacts-wr { background: url("../images/map.jpg") 50% -128px no-repeat; top: 155px; } } @media (max-height: 760px) { /*1*/ .slogan_wrapper { margin-top: 130px; } /*2*/ .img-screen-two {width: 700px;} /*4*/ .img-screen-four {width: 650px;} } @media (max-height: 720px) { .stock-txt-bl {height: 420px;} } @media (max-height: 700px) { /*1*/ .slider_wr_ {bottom: 115px !important;} .slogan_wrapper {margin-top: 150px;} .button-_first-wr {margin-top: 8px;} .circle-next {bottom: 20px;} /*2*/ .img-screen-two { width: 620px; } .button-_second-wr { right: 106px; bottom: 106px; } /*3*/ .in_stock-wr {padding-top: 6px; margin-top: -40px;} .years_select ul li a {font-size: 14px;} .car-list {margin-top: 0;} .btn_buy {height: 32px;line-height: 32px;width: 125px;} /*4*/ .img-screen-four { width: 500px; margin-top: 19px; } } @media (max-height: 660px) { .in_stock-wr {margin-top: -40px} .contacts-img { display: none; } } @media (max-height: 642px) { .special-stock_title { font-size: 18px; line-height: 19px; } .stock-txt-bl { height: 400px; } .btn_reserved {margin-top: 25px;} } @media (max-height: 630px) { /*1*/ .slider_wr_ {bottom: 115px !important;} .slogan_wrapper {margin-top: 85px;} .button-_first-wr {margin-top: 8px;} .circle-next {bottom: 20px;} /*2*/ .img-screen-two { width: 510px; } .button-_second-wr { right: 71px; bottom: 33px; } /*3*/ .in_stock-wr {padding-top: 6px;margin-top: 0;} .years_select ul li a {font-size: 14px;} .car-list {margin-top: 8px;} .btn_buy {height: 32px;line-height: 32px;width: 125px;} /*4*/ .img-screen-four { width: 400px; margin-top: 19px; } /*5*/ .studio-copy-wr, .aw-left, .aw-right, .aw-left div, .aw-right div {height: 40px; } .aw-right div {line-height: 40px;} ul.list-bx5 { margin-top: 52px; } ul.list-bx5 li {height: 38px; } .contacts-wr {top: 280px;} .contacts-txt-wr { padding-bottom: 19px;} .contacts-tile {margin-bottom: 16px;} .cont-str {margin-top: 12px;} .contacts-img {display: none;} .maps-contacts-wr { background: url("../images/map.jpg") 50% -188px no-repeat; top: 145px; } #navi_circle {width: 25px;right: 0;} .container-wrapper {margin-top: 0; padding-top: 0} .menu-line { margin-top: 12px; } #language {top: 9px;} .logo { margin-top: 2px; transform: scale(0.7); -webkit-transform: scale(0.7); margin-left: -32px; } .content-margin { margin-top: 55px; } .title-bl { font-size: 18px; margin-top: 19px; } .title-bl-4 {font-size: 16px;} } @media (max-height: 600px) { /*1*/ .slider_wr_ {bottom: 80px !important;} .slogan_wrapper {margin-top: 65px;} .button-_first-wr {margin-top: 8px;} .circle-next {bottom: 10px;} /*2*/ .img-screen-two { width: 510px; } .button-_second-wr { right: 71px; bottom: 33px; } /*3*/ .in_stock-wr {padding-top: 6px;} .years_select ul li a {font-size: 14px;} .car-list {margin-top: 8px;} .specifications p {font-size: 12px;line-height: 16px;} .price {font-size: 14px;} .buy_button {margin-top: 7px;margin-bottom: 7px;} .btn_buy {height: 25px;line-height: 25px;width: 115px;} /*4*/ .img-screen-four { width: 400px; margin-top: 19px; } /*все*/ #navi_circle {width: 25px;right: 0;} .container-wrapper {margin-top: 0; padding-top: 0} .menu-line { } .logo { margin-top: -4px; } .content-margin { margin-top: 60px; } .title-bl { font-size: 18px; margin-top: 14px; } .title-bl-4 {font-size: 16px;} } @media (max-height: 580px) { .custom-input-2 { height: 26px; line-height: 26px; margin-top: 2px; } .input-blocks textarea { height: 26px; } } @media (max-height: 570px) { .modal_form .input-blocks {margin-top: 0;} } @media (max-height: 550px) { .stock-txt-bl { height: 340px; } /*2*/ .img-screen-two { width: 510px; } .button-_second-wr { right: 71px; bottom: 33px; } /*3*/ .in_stock-wr {padding-top: 6px;} .years_select ul li a {font-size: 14px;} .car-list {margin-top: 8px;} .specifications p {font-size: 12px;line-height: 16px;} .price {font-size: 14px;} .buy_button {margin-top: 7px;margin-bottom: 7px;} .btn_buy {height: 25px;line-height: 25px;width: 115px;} /*4*/ .img-screen-four { width: 400px; margin-top: 19px; } /*5*/ .studio-copy-wr, .aw-left, .aw-right, .aw-left div, .aw-right div {height: 40px; } .aw-right div {line-height: 40px;} ul.list-bx5 { margin-top: 52px; } ul.list-bx5 li {height: 38px; } .contacts-wr {top: 280px;} .contacts-txt-wr { padding-bottom: 19px;} .contacts-tile {margin-bottom: 16px;} .cont-str {margin-top: 12px;} .contacts-img {display: none;} .maps-contacts-wr { background: url("../images/map.jpg") 50% -188px no-repeat; top: 145px; } /*все*/ #navi_circle {width: 25px;right: 0;} .container-wrapper {margin-top: 0; padding-top: 0} .menu-line { } .logo { } .title-bl { font-size: 18px; margin-top: 14px; } .title-bl-4 {font-size: 16px;} .content-margin { margin-top: 20px; } } @media (max-height: 525px) { .model-name { height: 75px; line-height: 80px; } } @media (max-height: 500px) { .stock-txt-bl { height: 300px; } .btn_reserved { margin-top: 19px; } /*1*/ .slider_wr_ {bottom: 80px !important;} .slogan_wrapper {margin-top: 20px;} .button-_first-wr {margin-top: 8px;} .circle-next {bottom: 10px;} /*2*/ .img-screen-two { width: 510px; } .button-_second-wr { right: 71px; bottom: 33px; } /*3*/ .in_stock-wr {padding-top: 6px;} .years_select ul li a {font-size: 14px;} .car-list {margin-top: 8px;} .specifications p {font-size: 12px;line-height: 16px;} .price {font-size: 14px;} .car-list ul li div.img_ img {max-width: 110px;} .buy_button {margin-top: 7px;margin-bottom: 7px;} .btn_buy {height: 25px;line-height: 25px;width: 115px;} /*4*/ .img-screen-four { width: 415px; } /*5*/ .contacts-txt-wr { padding-bottom: 9px;} .contacts-tile {margin-bottom: 6px;} .cont-str {margin-top: 2px;} /*.contacts-img {display: none;}*/ .maps-contacts-wr { background: url("../images/map.jpg") 50% -188px no-repeat; top: 120px; } /**/ .title-bl { font-size: 18px; margin-top: 14px; } } @media (max-height: 485px) { .date_first, .date_second {margin-top: 2px;} .date_first label, .date_second label { line-height: 26px; } } @media (max-height: 450px) { #modal_questions form {padding-bottom: 20px;} .button-wrapper { margin-top: 20px!important; } .stock-txt-bl { height: 290px; } /*1*/ .slider_wr_ {bottom: 20px !important;} .slogan_wrapper {margin-top: 20px;} .button-_first-wr {margin-top: 8px;} /*2*/ .img-screen-two { width: 450px; margin-left: 28px; margin-top: -19px; } .button-_second-wr { right: 71px; bottom: 25px; } /*3*/ .in_stock-wr {padding-top: 6px;} .models_select ul {height: 25px;} .models_select ul li a {line-height: 24px;font-size: 14px;} .years_select {margin-top: 3px;} .years_select p, .years_select ul li a {line-height: 16px;height: 16px;} .years_select ul li a {font-size: 14px;} .car-list {margin-top: 8px;} .specifications {margin-top: 0} .specifications p {font-size: 11px;line-height: 13px;} .price {font-size: 14px;margin-top: 0;} .car-list ul li div.img_ img {max-width: 100px;} .buy_button {margin-top: 5px;margin-bottom: 7px;} .btn_buy {height: 25px;line-height: 25px;width: 115px;} /*4*/ .img-screen-four { margin-top: 0; width: 380px; } /*все*/ #navi_circle {width: 25px;right: 0;} .container-wrapper {margin-top: 0;} .menu-line { } .title-bl { font-size: 18px; margin-top: 14px; } .circle-next { /*left: auto;*/ /*right: 10px;*/ /*bottom: 20px;*/ display: none; } .content-margin { margin-top: 20px; } } @media (max-height: 440px) { .stock-txt-bl { height: 280px; } } @media (max-height: 430px) { .stock-txt-bl { height: 270px; } } @media (max-height: 420px) { .stock-txt-bl { height: 250px; } } @media (max-height: 410px) { .button-wrapper { margin-top: 20px!important; } .modal_form form { padding: 0 79px 20px 79px; } } @media (max-height: 400px) { .stock-txt-bl { height: 200px; } /*1*/ .slider_wr_ {bottom: 20px !important;} .slogan_wrapper {margin-top: 20px;} .button-_first-wr {margin-top: 8px;} /*2*/ .img-screen-two { width: 365px; margin-left: 28px; } .button-_second-wr { right: 71px; bottom: 25px; } /*3*/ .in_stock-wr {padding-top: 6px;} .models_select ul {height: 25px;} .models_select ul li a {line-height: 24px;font-size: 14px;} .years_select {margin-top: 3px;} .years_select p, .years_select ul li a {line-height: 16px;height: 16px;} .years_select ul li a {font-size: 14px;} .car-list {margin-top: 8px;} .specifications {margin-top: 0} .specifications p {font-size: 11px;line-height: 13px;} .price {font-size: 14px;margin-top: 0;} .car-list ul li div.img_ img {max-width: 100px;} .buy_button {margin-top: 5px;margin-bottom: 7px;} .btn_buy {height: 25px;line-height: 25px;width: 115px;} /*4*/ .img-screen-four { margin-top: 0; width: 320px; } /*5*/ .contacts-wr {top: 250px;} .maps-contacts-wr { background: url("../images/map.jpg") 50% -247px no-repeat; top: 100px; } /*все*/ #navi_circle {width: 25px;right: 0;} .container-wrapper {margin-top: 0;} .menu-line { } .title-bl { font-size: 18px; margin-top: 14px; } .circle-next { left: auto; right: 10px; bottom: 20px; } .content-margin { margin-top: 20px; } } @media (max-height: 390px) { .txt-rent_ {margin-top: 5px;} .model-name { height: 43px; line-height: 48px; } .txt-rent_ p { line-height: 17px; } } @media (max-height: 360px) { #modal_questions form {padding-bottom: 10px;} .button-wrapper { margin-top: 10px!important; } } @media (max-height: 350px) { .rent_tb { margin-top: 0; } .box-4-2 .stock-txt-bl-wr { margin-top: 0; } .stock-txt-bl { height: 170px; } .rent-tb-pos { font-size: 13px; } .txt-rent_ p { line-height: 16px; font-size: 13px; } .txt-rent_ { margin-top: 2px; } .btn_by_link { position: absolute; margin-top: 0; right: 282px; } } @media (max-height: 339px) { .in_stock-wr { padding-top: 0; } .models_select ul { height: 21px; } .models_select ul li a { line-height: 21px; font-size: 12px; } .years_select { margin-top: 0px; } .years_select p, .years_select ul li a { line-height: 13px; height: 13px; } .years_select ul li a, .years_select p { font-size: 12px; } .box-3 .content-margin { margin-top: 15px; } .car-list ul li div.img_ img { vertical-align: middle; } .buy_button { margin-top: 3px; margin-bottom: 6px; } /*5*/ .contacts-wr {top: 239px;} .maps-contacts-wr { background: url("../images/map.jpg") 50% -247px no-repeat; } /*все*/ } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } @media (min-width: 768px) { .container { width: 750px } } @media (min-width: 992px) { .container { width: 970px } } @media (min-width: 1200px) { .container { width: 1170px } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } .row { margin-left: -15px; margin-right: -15px } .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 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width: 992px) { .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-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .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 } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none!important } .show { display: block!important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none!important } .affix { position: fixed } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none!important } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none!important } @media (max-width: 767px) { .visible-xs { display: block!important } table.visible-xs { display: table!important } tr.visible-xs { display: table-row!important } th.visible-xs, td.visible-xs { display: table-cell!important } .visible-xs-block { display: block!important } .visible-xs-inline { display: inline!important } .visible-xs-inline-block { display: inline-block!important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block!important } table.visible-sm { display: table!important } tr.visible-sm { display: table-row!important } th.visible-sm, td.visible-sm { display: table-cell!important } .visible-sm-block { display: block!important } .visible-sm-inline { display: inline!important } .visible-sm-inline-block { display: inline-block!important } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block!important } table.visible-md { display: table!important } tr.visible-md { display: table-row!important } th.visible-md, td.visible-md { display: table-cell!important } .visible-md-block { display: block!important } .visible-md-inline { display: inline!important } .visible-md-inline-block { display: inline-block!important } } @media (min-width: 1200px) { .visible-lg { display: block!important } table.visible-lg { display: table!important } tr.visible-lg { display: table-row!important } th.visible-lg, td.visible-lg { display: table-cell!important } } @media (min-width: 1200px) { .visible-lg-block { display: block!important } } @media (min-width: 1200px) { .visible-lg-inline { display: inline!important } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block!important } } @media (max-width: 767px) { .hidden-xs { display: none!important } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none!important } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none!important } } @media (min-width: 1200px) { .hidden-lg { display: none!important } } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table!important } tr.visible-print { display: table-row!important } th.visible-print, td.visible-print { display: table-cell!important } } .visible-print-block { display: none!important } @media print { .visible-print-block { display: block!important } } .visible-print-inline { display: none!important } @media print { .visible-print-inline { display: inline!important } } .visible-print-inline-block { display: none!important } @media print { .visible-print-inline-block { display: inline-block!important } } @media print { .hidden-print { display: none!important } } @media (max-width: 1199px) { .sidebar_checks:nth-of-type(1), .sidebar_checks_2:nth-child(1), .sidebar_checks_2:nth-child(2) { margin-top: 6px } } @media (max-width: 991px) { .sidebar-transform.visible_ { display: block!important; position: fixed; z-index: 99999; top: 0; left: -100%; width: 100%; height: 100%; box-sizing: initial; overflow-y: scroll; padding: 0; opacity: 0 } .sidebar-transform.visible_ .sidebar { background: none; z-index: 2 } .sidebar-transform.visible_ .sidebar:before { width: 100%; height: 100%; background: #fff; opacity: .96; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=96); content: ''; position: absolute; top: 0; left: 0 } }