*{
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
}
}