/* FONTS */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,cyrillic");
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,700");
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700");
/* MAIN CSS */
@import url("bootstrap.css");
@import url("font-awesome.min.css");
/*------------------------------------------------------------------
[Table of contents]
 - Global - Loader

- Author:  Andrey Sokoltsov
- Profile:	http://themeforest.net/user/andreysokoltsov

-------------------------------------------------------------------*/
/* Global */
@import url("../plugin/owl-carousel/owl.carousel.css");
@import url("../plugin/owl-carousel/owl.theme.css");
@import url("../plugin/bxslider/jquery.bxslider.css");
a:focus { outline: none; }

body { overflow-x: hidden; }

.s-relative { position: relative; }

.s-noLeftPadding { padding-left: 0 !important; }

.s-noPadding { padding: 0 !important; }

.s-noRightMargin { margin-right: 0; }

.s-title { font: 700 18px 'Open Sans',sans-serif; margin: 0 0 50px 0; padding: 0 15px; border-left: 4px solid #f76d2b; border-right: 4px solid #f76d2b; text-transform: uppercase; display: inline-block; letter-spacing: 1px; }

.s-titleDet { font: 700 14px 'Open Sans',sans-serif; text-transform: uppercase; padding-left: 12px; border-left: 4px solid #f76d2b; margin-bottom: 25px; }

.s-shadow { position: relative; box-shadow: 0px 30px 100px -38px rgba(0, 0, 0, 0.3); z-index: 100; }

.s-shadow.b-breadCumbs { box-shadow: 0px 30px 50px -24px rgba(0, 0, 0, 0.1); z-index: 1000; }

.s-whiteShadow { position: relative; }

.s-whiteShadow:after { left: 0; content: ''; position: absolute; top: 100%; width: 100%; height: 17px; background: url(../images/elements/whiteShadow.png) center bottom no-repeat; z-index: 1000; }

.s-lineDownLeft { text-align: left; border-bottom: 1px solid #B4B4B4; position: relative; }

.s-lineDownLeft:after { background: url(../images/icons/chevron-down.png) center no-repeat; width: 15px; left: 5%; height: 7px; content: ''; position: absolute; top: 100%; display: block; }

.s-lineDownCenter { text-align: center; border-bottom: 1px solid #B4B4B4 !important; position: relative; }

.s-lineDownCenter:after { background: url(../images/icons/chevron-down.png) center no-repeat; width: 15px; height: 7px; content: ''; position: absolute; width: 100%; top: 100%; display: block; left: 0; }

.s-titleLeft { padding-bottom: 15px; float: left; margin-bottom: 40px; }

.s-titleLeft:after { left: 25px; }

.s-titleLeft > div { overflow: hidden; }

.s-titleLeft h2 { margin: 0; font-size: 15px; padding-right: 8px; }

.s-list { list-style: none; padding-left: 0; margin-bottom: 40px; }

.s-list span.fa { font-size: 16px; margin-right: 10px; }

.s-list li { font: 300 13px 'Open Sans',sans-serif; margin-bottom: 10px; }

.s-form select { width: 100% !important; margin-bottom: 10px; text-transform: uppercase; font: 400 10px "Open Sans", sans-serif !important; }

.s-form select + span.fa-caret-down { right: 25px !important; }

.s-form input[type='text'], .s-form textarea { display: block; width: 100%; margin-bottom: 15px; padding: 15px 20px; font: 400 10px 'Open Sans',sans-serif; border: 1px solid #eeeeee; text-transform: uppercase; border-radius: 30px; }

.s-form textarea { border-radius: 20px; margin-bottom: 20px; }

.s-form input[type='text']:focus, .s-form textarea:focus { outline: none; }

.s-form input::-webkit-input-placeholder { color: #999; }

.s-form input::-moz-placeholder { color: #999; }

.s-form button[type='submit'] { font: 700 12px 'Open Sans',sans-serif; padding-left: 20px; margin-top: 25px; }

.s-form button[type='submit'] span.fa { width: 25px; height: 25px; padding: 3px; font-size: 16px; margin-left: 10px; }

.s-form input[type='file'] { position: absolute; opacity: 0; z-index: -100; }

.s-headerSubmit { padding-bottom: 20px; margin-bottom: 50px; }

.s-headerSubmit:after { left: 30px; }

.s-headerSubmit h2 { font: 600 20px 'Open Sans',sans-serif; margin: 0; color: #212121; padding-left: 10px; border-left: 4px solid #f76d2b; text-transform: none; line-height: 1.2; }

.s-submit label { display: block; margin: 0 0 15px 15px; font: 400 13px 'Open Sans',sans-serif; }

.s-submit select { width: 100% !important; background: #f7f7f7 !important; color: #444; height: 46px; cursor: pointer; }

.s-submit select + span.fa { right: 25px !important; }

.s-submit input[type='text'] { display: block; width: 100%; padding: 15px 20px; font: 400 13px 'Open Sans',sans-serif; border: 1px solid #eeeeee; color: #444; background: #f7f7f7 !important; text-transform: none; border-radius: 30px; padding-top: 13px; padding-bottom: 13px; height: 46px; }

.s-submit input[type='text']:focus { outline: none; }

.s-submit input[type='text']::-webkit-input-placeholder { color: #444; }

.s-submit input[type='text']::-moz-placeholder { color: #444; }

.s-submit input[type='text']:-moz-placeholder { color: #444; }

.s-submit input[type='text']:-ms-input-placeholder { color: #444; }

.s-submit button.btn.m-btn { text-transform: uppercase; margin-top: 35px; }

.s-submit button.btn.m-btn span.fa { width: 30px; height: 30px; padding: 5px; font-size: 18px; }

.s-submit input[type='checkbox'], .s-submit input[type='radio'] { visibility: hidden; position: absolute; }

label.s-submitCheckLabel { width: 20px; height: 20px; background: transparent; border: 1px solid #ddd; text-align: center; margin: 0; display: inline-block; position: relative; cursor: pointer; }

label.s-submitCheckLabel span { display: none; position: absolute; width: 100%; height: 100%; top: 2px; left: 0; }

.s-submit input[type='checkbox']:focus { outline: none; }

.s-submit input[type='checkbox']:checked + label.s-submitCheckLabel span { display: block; }

.s-submit input[type='radio']:checked + label.s-submitCheckLabel span { display: block; }

label.s-submitCheck { display: inline-block; margin-bottom: 0; margin-left: 10px; vertical-align: super; cursor: pointer; }

.modal-body iframe { width: 100% !important; border: none !important; }

#to-top { background-color: rgba(0, 0, 0, 0.6); display: none; padding: 15px; color: #fff; position: fixed; right: 20px; bottom: 20px; z-index: 9999; border-radius: 3px; }

.chart { position: relative; }

.chart canvas { position: absolute; }

/* Loader */
.preloaderjs .spinner { display: none !important; }

.preloaderjs#page-preloader { background: rgba(46, 46, 46, 0.99) !important; }

#page-preloader { position: fixed; z-index: 100500; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #555; }

#page-preloader .spinner { position: absolute; z-index: 1001; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; border: 3px solid transparent; border-top-color: #3cd225; border-radius: 50%; }

#page-preloader .spinner:before, #page-preloader .spinner:after { position: absolute; content: ''; border-radius: 50%; }

#page-preloader .spinner:before { top: 5px; right: 5px; bottom: 5px; left: 5px; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; border: 3px solid transparent; border-top-color: #2475ce; }

#page-preloader .spinner:after { top: 15px; right: 15px; bottom: 15px; left: 15px; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; border: 3px solid transparent; border-top-color: #f76d2b; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* Pager Slider */
.pagerSlider .bx-wrapper .bx-controls-direction a { display: none !important; }

.pagerSlider .bx-wrapper:hover .bx-controls-direction a { display: block !important; }

.pagerSlider .bx-wrapper .bx-controls-direction a span { color: #fff; display: block; font-size: 29px; text-align: center; text-indent: 0; }

.pagerSlider .bx-wrapper .bx-controls-direction a.disabled { display: none !important; }

.pagerSlider.pagerVertical .bx-wrapper .bx-controls-direction a.bx-prev { background: #555; left: 0; margin: 0; top: 5px; width: 92%; }

.pagerSlider.pagerVertical .bx-wrapper .bx-controls-direction a.bx-next { background: #555; bottom: 5px; left: 0; margin: 0; top: auto; width: 92%; }

/* Top Bar */
/*.b-topBar { border-bottom:1px solid #eeeeee;
}

.b-topBar__addr,.b-topBar__tel{ padding: 20px 0 20px 0; font:600 12px 'Open Sans',sans-serif; text-transform: uppercase; border-right:1px solid #eeeeee;
}

.b-topBar__addr{ padding-left: 35px; border-right:1px solid #eeeeee; border-left:1px solid #eeeeee; margin-right: 10px;
}

.b-topBar__addr span.fa,.b-topBar__tel span.fa{ font-size:17px; margin-right: 10px; vertical-align: middle;
}

.b-topBar__nav{ overflow: hidden; border-right:1px solid #eeeeee ;
}

.b-topBar__nav li{ float:right; list-style: none; padding: 20px 0; font:300 12px 'Open Sans',sans-serif; text-transform: uppercase;
}

.b-topBar__nav li:last-child{ border-left:1px solid #eeeeee;
}

.b-topBar__nav li a{ display: block; width:100%; padding: 0 23px; border-right: 1px solid #eeeeee;
}

.b-topBar__nav li:first-child a{ border-right: 0;
}

.b-topBar__nav li a:hover,.b-topBar__lang a:hover{ text-decoration: underline;
}

.b-topBar__lang{ padding: 18px 0; 
}

.b-topBar__lang{ border-right: 1px solid #eeeeee;
}

.b-topBar__lang > div{ display: inline-block;
}

.b-topBar__lang a{ text-transform: uppercase; font:300 12px 'Open Sans',sans-serif;
}

a.m-langLink{ font-weight:600; margin-left: 10px;
}

.h-lang li a{ margin-left: 0!important; text-align: center;
}

.b-topBar__lang a span.fa{ margin-left: 8px;
}

.b-topBar__lang-flag{ display: inline-block; width:20px; height:13px; vertical-align: middle; margin-right: 4px;
}

.b-topBar__lang-flag.m-en{ background: url(../images/flags/en.jpg);
}

.b-topBar__lang-flag.m-es{ background: url(../images/flags/es.jpg);
}

.b-topBar__lang-flag.m-de{ background: url(../images/flags/de.jpg);
}

.b-topBar__lang-flag.m-fr{ background: url(../images/flags/fr.jpg);
}
*/
.dropdown-menu { min-width: 100px; padding: 0; border-radius: 0; box-shadow: none; }

/* Nav */
.b-nav { padding: 15px 0 15px 0; background-color: #222; }

.b-nav__logo { float: left; background-image: url("../images/new-logo.png"); background-repeat: no-repeat; background-position: center; background-size: cover; text-transform: uppercase; margin-top: 4px; width: 146px; height: 51px; }

.b-nav__logo h3 { margin: 0; font-size: 26px; line-height: 20px; }

.b-nav__logo h3 a { text-decoration: none; font: 700 26px 'Titillium Web', sans-serif; }

.b-nav__logo h2 { margin: 0; line-height: 15px; font-size: 11px; margin-top: -5px; }

.b-nav__logo h2 a { font: 300 11px 'Open Sans',sans-serif; text-decoration: none; }

.b-nav__list { float: right; }

.b-nav__list ul { margin-top: 20px; padding-left: 0; margin-bottom: 0; }

.b-nav__list ul li { float: left; list-style: none; height: 38px; }

.navbar-nav-menu > li > .dropdown-menu { display: block !important; height: 0px; overflow: hidden; opacity: 0; }

.navbar-nav-menu > li.open > .dropdown-menu { height: auto; padding-bottom: 3px; opacity: 1; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; }

.b-nav__list ul li a { text-transform: uppercase; text-decoration: none; display: inline-block; padding: 0 14px 15px 14px; font: 700 13px 'Open Sans',sans-serif; }

.b-nav__list ul li a span.fa { margin-left: 4px; }

.h-nav li { display: block; float: none !important; }

.h-nav { margin-top: 0 !important; }

.h-nav li a { display: block !important; text-align: left; padding: 10px 14px !important; }

.navbar-collapse { padding: 0; }

/* Features */
.b-features { background-attachment: fixed; background-image: url("../images/facebook-banner.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 60px 0; position: relative; }
.b-features:after { display: none; }

.b-features__items { padding-left: 0; margin: 0; overflow: hidden; }
.b-features__items li { float: left; list-style: none; font: 700 18px 'Open Sans',sans-serif; padding: 0 30px 0 0; margin-right: 30px; border-right: 3px solid #fff; }

/* Info */
.b-info { padding: 55px 0 80px 0; }

.b-info__aside { position: relative; margin-top: -200px; border-top: 3px solid #f76d2b; padding: 35px 0 35px 0; z-index: 100000; }

.b-info__aside-article { padding-bottom: 35px; border-bottom: 1px solid #333333; padding-left: 25px; padding-right: 35px; margin-bottom: 30px; }

.b-info__aside-article:last-of-type { border-bottom: 0; padding-bottom: 0; }

.b-info__latest > h3, .b-info__aside-article > h3, .b-info__twitter > h3, .b-info__contacts > p { margin: 0 0 20px 0; font: 700 14px 'Open Sans',sans-serif; text-transform: uppercase; padding: 0 10px; border-right: 3px solid #fff; border-left: 3px solid #fff; display: inline-block; }

.b-info__aside-article-item { margin-bottom: 15px; }

.b-info__aside-article-item h6 { font: 600 13px 'Open Sans',sans-serif; margin: 0 0 5px 0; }

.b-info__aside p { font: 400 12px 'Open Sans',sans-serif; margin: 0; }

.b-info__aside > a { font: 600 10px "Open Sans", sans-serif !important; padding: 3px 3px 3px 15px !important; text-transform: uppercase; border: 1px solid #5e5e5e; margin-left: 25px; }

.b-info__aside > a span { width: 25px !important; height: 25px !important; padding: 5px !important; font-size: 14px !important; margin-left: 13px !important; }

.b-info__latest { margin-left: 15px; }

.b-info__latest-article { overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #444444; }

.b-info__latest-article:last-child { border-bottom: 0; }

.b-info__latest-article-photo { width: 80px; height: 65px; float: left; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); }

.b-info__latest-article-info { margin: 8px 0 0 99px; overflow: hidden; }

.b-info__latest-article-info h6 { margin: 0 0 10px 0; font: 600 12px 'Open Sans',sans-serif; text-transform: uppercase; }

.b-info__latest-article-info h6 a { text-decoration: none; }

.b-info__latest-article-info p { font: 600 11px 'Open Sans',sans-serif; }
.b-info__latest-article-info p:last-of-type { margin: 0; }

.b-info__latest-article-info p span { font-size: 18px; margin-right: 2px; }

.b-info__latest-article-photo.m-audi { background: url(../media/80x65/audiF.jpg) no-repeat; }

.b-info__latest-article-photo.m-audiSpyder { background: url(../media/80x65/audiSpyderF.jpg) no-repeat; }

.b-info__latest-article-photo.m-aston { background: url(../media/80x65/astonMartinF.jpg) no-repeat; }

.b-info__twitter { margin-left: 15px; }

.b-info__twitter-article-icon { color: #cccccc; float: left; }

.b-info__twitter-article { overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #444444; }

.b-info__twitter-article:last-child { border-bottom: 0; }

.b-info__twitter-article-content p { font: 400 12px 'Open Sans',sans-serif; margin: 0 0 5px 0; }

.b-info__twitter-article-content { margin-left: 30px; }

.b-info__twitter-article-content span { font: 400 10px 'Open Sans',sans-serif; }

.b-info__contacts, .b-info__map { margin-left: 15px; margin-bottom: 0; }

.b-info__contacts-item { font: 400 12px 'Open Sans',sans-serif; margin-bottom: 10px; }

.b-info__contacts-item em { font-style: normal; }

.b-info__contacts span.fa { font-size: 20px; margin-right: 15px; display: block; float: left; }

.b-info__contacts-item span.fa-fax { font-size: 16px; }

.b-info__contacts-item span.fa-phone { font-size: 16px; }

.b-info__contacts-item span.fa-envelope { font-size: 14px; }

.b-info__map { width: 264px; height: 144px; text-align: center; background: url(../images/backgrounds/map.jpg) no-repeat; }

.b-info__map a { font: 400 12px 'Open Sans',sans-serif; text-decoration: underline; display: inline-block; margin-top: 55px; }

.b-info__map a:hover { text-decoration: none; }

/* Footer */
.b-footer { padding: 20px 0; background-color: #222; }
.b-footer .b-nav__logo { float: none; margin: 0; }

.b-footer__content { float: right; }
.b-footer__content p { font: 600 12px 'Open Sans',sans-serif; margin: 0 0 0 0; color: #ccc; line-height: 51px; }

.b-footer__content-social { margin: 5px 0 15px 0; font-size: 23px; text-align: right; }

.b-footer__content-social a { margin-right: 5px; }

.b-footer__content-nav ul li { list-style: none; float: left; margin-left: 15px; }

.b-footer__content-nav ul li a { font: 400 12px 'Open Sans',sans-serif; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*  Created on : Oct 10, 2017, 12:46:45 AM Author     : Fang
*/
/* Bread Cumbs */
.b-breadCumbs { padding: 20px 0; }

.b-breadCumbs__page { font: 400 11px 'Open Sans',sans-serif; }

.b-breadCumbs span.fa { font-size: 11px; margin: 0 10px; }

/*------------------------------------------------------------------
[Table of contents]

	- Slider
	- Search
	- Auto

- Author:  Andrey Sokoltsov
- Profile:	http://themeforest.net/user/andreysokoltsov

-------------------------------------------------------------------*/
.b-slider img { width: 100%; }
.b-slider .image-box { width: 100%; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; }

.b-slider__info { text-transform: uppercase; margin: 0 0 0 20px; text-align: left; top: 20%; }

.b-slider__info h3 { margin: 0 0 10px 0; font: 700 20px 'Open Sans',sans-serif; letter-spacing: 4px; padding: 0 10px; border-left: 4px solid #f76d2b; border-right: 4px solid #f76d2b; float: left; }

.b-slider__info h2 { clear: both; margin: 0; font: 700 56px 'PT Sans',sans-serif; text-transform: none; }

.b-slider__info p { font: 400 30px 'PT Sans',sans-serif; margin: 5px 0 30px 0; }

.b-slider__info p span { padding: 0 8px; font-weight: bold; }

.btn.m-btn { display: inline-block; padding: 5px 5px 5px 25px; font: 700 14px 'Open Sans',sans-serif; border-radius: 30px; }

.btn.m-btn:focus { outline: none !important; }

.btn.m-btn span.fa { border-radius: 100%; display: inline-block; padding: 6px; font-size: 20px; width: 35px; height: 35px; font-weight: normal; margin-left: 20px; }

.carousel-control, .carousel-control:hover { background-image: none !important; }

.carousel-control.right span.fa { height: 65px; width: 35px; border-top-left-radius: 65px; border-bottom-left-radius: 65px; right: 0 !important; position: absolute; top: 50%; margin-top: -32.5px; padding-top: 20px; padding-left: 9px; text-align: center; }

.carousel-control.left span.fa { height: 65px; width: 35px; border-top-right-radius: 65px; border-bottom-right-radius: 65px; left: 0 !important; position: absolute; top: 50%; margin-top: -32.5px; padding-top: 20px; padding-right: 9px; text-align: center; }

.carousel-fade .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.carousel-fade .active { opacity: 1; }

.carousel-fade .active.left, .carousel-fade .active.right { left: 0; opacity: 0; z-index: 1; }

.carousel-fade .next.left, .carousel-fade .prev.right { opacity: 1; }

.carousel-fade .carousel-control { z-index: 2; }

.b-search { height: 300px; }

.b-search__main { text-align: center; height: auto; margin-top: -125px; padding: 35px 60px 50px 60px; z-index: 1000; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.b-search__main-title { padding: 15px 20px; display: inline-block; margin-bottom: 45px; }

.b-search__main-title h2 { font: 700 18px 'Open Sans',sans-serif; margin: 0; padding: 0 10px; border-left: 4px solid #fff; border-right: 4px solid #fff; line-height: 1.1; }

.b-search__main-type { margin-bottom: 35px; overflow: hidden; }

.b-search__main-type svg, .b-search__main-type h5 { cursor: pointer; }

.b-search__main-type svg:hover g { fill: #f76d2b; }

.b-search__main-type-svg { display: block; margin: 0; }

.b-search__main-type input[type='radio'] { visibility: hidden; position: absolute; }

.b-search__main-type input[type='radio']:checked + label.b-search__main-type-svg + h5 { border-bottom: 1px solid #B4B4B4; text-align: center; margin-bottom: -1px; }

.b-search__main-type input[type='radio']:checked + label.b-search__main-type-svg + h5:after { background: url(../images/elements/chevron-down.png) center no-repeat; width: 100%; height: 7px; content: ''; position: absolute; top: 100%; display: block; }

.b-search__main-type h4 { text-transform: uppercase; font: 600 14px 'Open Sans',sans-serif; text-align: right; margin: 20px 0 0 0; }

.b-search__main-type h5 { color: #999999; text-transform: uppercase; font: 600 10px 'Open Sans',sans-serif; padding: 0 0 20px 0; margin: 0 0 7px 0; position: relative; }

.b-search__main-type h5 label { cursor: pointer; margin: 0; }

.b-search__main-form select { width: 100%; padding: 10px 20px 10px 25px; border: 1px solid #eeeeee; border-radius: 30px; font: 400 13px 'Open Sans',sans-serif; background: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; cursor: pointer; }

.b-search__main-form select + span.fa { top: 14px; right: 45px; position: absolute; }

.b-search__main-form select:focus { outline: none; }

.b-search__main-form p { text-align: left; font: 400 10px 'Open Sans',sans-serif; padding-left: 10px; margin-top: 10px; margin-bottom: 0; text-transform: uppercase; }

.m-firstSelects { margin-bottom: 45px; overflow: hidden; }

.m-secondSelects { overflow: hidden; }

.b-search__main-form label { text-transform: uppercase; font: 600 14px 'Open Sans',sans-serif; text-align: right; margin: 11px 0 0 0; float: left; display: block; }

.b-search__main-form-submit { text-align: right; padding-right: 15px; }
.b-search__main-form-submit a { font: 400 10px 'Open Sans',sans-serif; text-transform: uppercase; margin-right: 13px; }
.b-search__main-form-submit button { padding: 3px 3px 3px 20px !important; text-transform: uppercase; }

.b-search__main-form-submit button:focus.b-search__main-form-submit button:active { outline: none; }

.b-search__main-form-range { margin-bottom: 105px; }

.b-search__main-form-range span.min, .b-search__main-form-range span.max { position: absolute; top: 150%; left: -3px; font: 400 12px 'Open Sans',sans-serif; text-decoration: none; }

/*.b-search__main-form-range span{ display: inline-block; width:225px; margin-left: 15px;
}
*/
/*
.slider{ height:12px; width:230px; position: relative; border: 1px solid #eee; border-radius: 5px; float:left; margin-top: 15px; margin-left: 15px;
}

.ui-slider-handle{ width:20px; height:20px; position: absolute; top:-5px; border-radius: 100%; border: 2px solid #eee; text-align: center;
}

.ui-slider-handle:after{ width:12px; height:12px; display: inline-block; content:''; border-radius: 100%; vertical-align: text-top; 
}

.ui-slider-handle:last-of-type{ margin-left: -20px;
}

.ui-slider-handle:focus{ outline: none;
}

.ui-widget-header{ height:100%; position:absolute;
}
*/
.b-auto { text-align: center; padding: 80px 0 60px 0; position: relative; box-shadow: 0px 30px 100px -38px rgba(0, 0, 0, 0.3); z-index: 100; }

.s-titleBg { font: 700 11px 'Open Sans',sans-serif; padding: 3px 5px; text-transform: uppercase; margin: 0 0 10px 0; display: inline-block; }

.b-auto__main { overflow: hidden; }

.b-auto__main .m-margin { margin-top: 45px; }

.b-auto__main-item { padding-bottom: 25px; border-bottom: 1px solid #B4B4B4; position: relative; margin-bottom: 50px; }
.b-auto__main-item .image-box { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 160px; margin-bottom: 5px; }
.b-auto__main-item .image-box .car_arrival-date { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(51, 51, 51, 0.8); color: #fff; padding: 5px 6px; text-align: right; }

.b-auto__main-item:after { background: url(../images/icons/chevron-down.png) center no-repeat; width: 15px; left: 20px; height: 7px; content: ''; position: absolute; top: 100%; display: block; }

.b-auto__main-item h2 { margin: 0 0 25px 0; font: 600 14px 'Open Sans',sans-serif; text-align: left; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.b-auto__main-item h2 a { text-decoration: none; }

.b-auto__main-item-info { overflow: hidden; text-align: right; }

.b-auto__main-item .b-world__item-val-title span { font-weight: bold; }

.b-auto__main-item .b-world__item-val { margin-bottom: 5px; }

.b-auto__main-item-info .m-price { padding: 3px 7px; font: 700 20px 'PT Sans',sans-serif; float: left; }

.b-auto__main-item-info .m-number { padding: 5px 0 5px 0; font: 600 12px 'Open Sans',sans-serif; text-align: left; text-transform: uppercase; display: inline-block; margin-top: 2px; }

.b-auto__main-item-info .m-number span.fa { font-size: 18px; margin-right: 5px; }

.b-featured__item-links.m-auto { margin-left: 0; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*  Created on : Oct 10, 2017, 12:37:44 AM Author     : Fang
*/
/*Page Header */
.b-pageHeader { padding: 40px 0; background: url(../images/car-3.jpg) center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.b-pageHeader h1 { font: 700 30px 'PT Sans',sans-serif; float: left; margin: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.b-pageHeader__search { padding: 10px 15px; float: right; }
.b-pageHeader__search h3 { font: 400 13px 'Open Sans',sans-serif; margin: 0; padding: 3px 10px; border-left: 3px solid #fff; border-right: 3px solid #fff; }

select.m-select { width: 125px; padding: 12px 0 12px 20px; border: 1px solid #eeeeee; border-radius: 30px; font: 400 13px 'Open Sans',sans-serif; background: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; }

select.m-select:focus { outline: none; }

select.m-select + span.fa { top: 15px; right: 17px; position: absolute; }

/* Items */
.b-items { padding: 72px 0 145px 0; }

.b-items__aside { text-align: center; }

.b-items__aside-main-body { padding: 30px 25px 40px 25px; }

.b-items .s-title { margin-bottom: 25px; }

.b-items__aside-main-body-item { text-align: left; margin-bottom: 30px; }

.b-items__aside-main-body-item:last-child { margin-bottom: 0; }

.b-items__aside-main-body-item select { border: none; width: 100%; }

.b-items__aside-main-body-item > div { position: relative; }

.b-items__aside-main-body-item label { display: block; text-transform: uppercase; margin-bottom: 10px; font: 700 12px 'Open Sans',sans-serif; text-align: left; }

.b-items__aside-main-body-item .slider { margin: 20px 0 75px 0; border: none; float: none; width: 100%; }

.b-items__aside-main-body-item .ui-widget-header { border-radius: 20px; }

.b-items__aside-main-body-item .ui-slider-handle:before { content: ' '; }

.b-items__aside-main-body-item .ui-slider-handle span.min, .b-items__aside-main-body-item .ui-slider-handle span.max { top: 200%; position: absolute; left: -1px; padding: 2px 3px; background-color: #444 !important; font: 600 11px 'Open Sans',sans-serif; text-decoration: none; }

.b-items__aside-main-body-item .ui-slider-handle span.min:before, .b-items__aside-main-body-item .ui-slider-handle span.max:before { content: ''; width: 0; height: 0; position: absolute; bottom: 100%; right: 50%; margin-right: -4px; z-index: 100; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 6px solid #444; }

.b-items__aside-main-footer { padding: 30px 0 25px 0; }

.b-items__aside-main-footer button { padding-left: 20px !important; margin-bottom: 10px; }

.b-items__aside-main-footer button span.fa { width: 30px !important; height: 30px !important; font-size: 17px !important; }

.b-items__aside-main-footer > a { text-transform: uppercase; font: 600 11px 'Open Sans',sans-serif; text-decoration: underline; }

.b-items__aside-main-footer > a:hover { text-decoration: none; }

.b-items__aside-sell { margin-top: 45px; }

.b-items__aside-sell-img { background: url(../images/new-bg3.jpg) center no-repeat; background-size: cover; height: 200px; text-align: center; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); }

.b-items__aside-sell-img h3 { margin: 25px 0 0 0; padding: 0 10px; border-left: 4px solid #fff; border-right: 4px solid #fff; font: 700 20px 'Open Sans',sans-serif; text-transform: uppercase; letter-spacing: 2px; display: inline-block; }

.b-items__aside-sell-info { padding: 20px 25px 30px 25px; text-align: left; font: 400 13px 'Open Sans',sans-serif; }

.b-items__aside-sell-info a { border: 1px solid #fff; font: 600 11px "Open Sans", sans-serif !important; padding-left: 15px !important; margin-top: 15px; }

.b-items__aside-sell-info a span.fa { width: 25px !important; height: 25px !important; font-size: 13px !important; }

/*.b-items__cars-one{ overflow: hidden;
}*/
.b-items__cars-one-img { width: 270px; height: 230px; position: relative; float: left; }

/*.b-items__cars-one{ padding: 5px; border:1px solid #eeeeee; margin-bottom: 40px;
}*/
/*.b-items__cars-one:last-child{ margin-bottom: 0;
}*/
/*.b-items__cars-one-img-video{ position:absolute; bottom:0; left:0; padding: 8px 10px; font: 400 11px 'Open Sans',sans-serif;   
}

.b-items__cars-one-img-video span.fa{ margin-right:5px ;
}

.b-items__cars-one-img-video,.b-items__cars-one-img-video:hover,.b-items__cars-one-img-video:visited,.b-items__cars-one-img-video:active,.b-items__cars-one-img-video:focus{ text-decoration: none;
}*/
/*.b-items__cars-one-img-type{ font: 700 10px 'Open Sans',sans-serif; padding: 5px; text-transform: uppercase; position: absolute; top: 15px; left: 10px; z-index: 1000;
}*/
/*.b-items form input[type='checkbox']{ position: absolute; visibility: hidden;
}

.b-items form input[type='checkbox']:checked + .b-items__cars-one-img-check span.fa{ display: block;
}

.b-items__cars-one-img-check{ position: absolute; top:10px; right:10px; border:1px solid #dddddd; width:20px; height:20px; text-align: center; cursor:pointer;
}

.b-items__cars-one-img-check span.fa{ font-size:12px; position: absolute; top:3px; left:3px; display: none;
}*/
/*.b-items__cars-one-info{ margin:20px 15px 0 290px;
}

.b-items__cars-one-info-header{ text-align: right; padding-bottom: 15px; margin-bottom: 30px;
}

.b-items__cars-one-info-header h2{ float:left; font: 600 20px 'Open Sans',sans-serif; padding-left: 15px; border-left:4px solid #f76d2b; margin: 8px 0 0 0; line-height:1; padding: 1px 0 1px 15px;
}

.b-items__cars-one-info-header > span{ padding: 5px 15px; display: inline-block; font:700 20px 'PT Sans',sans-serif;
}

.b-items__cars-one-info p{ font: 300 13px 'Open Sans',sans-serif; margin: 0 0 30px 0;
}

.b-items__cars-one-info-km{ font: 600 12px 'Open Sans',sans-serif; text-transform: uppercase;
}

.b-items__cars-one-info-km span.fa{ font-size:18px; margin-right: 4px;
}

.b-items__cars-one-info-details{ text-align: right;
}

.b-items__cars-one-info-details .b-featured__item-links{ margin:9px 0 0 0; float:left;
}

.b-items__cars-one-info-details .b-featured__item-links a{ font-size:11px;
}

.b-items__cars-one-info a.btn{ font: 600 10px 'Open Sans',sans-serif!important; border:1px solid #ddd; padding-left: 12px!important;
}

.b-items__cars-one-info a.btn span.fa{ width:20px!important; height:20px!important; font-size:13px!important; padding: 3px!important; margin-left: 10px!important;
}*/
.b-items__pagination { margin-top: 75px; text-align: center; }

.b-items__pagination-main { display: inline-block; padding: 5px; border: 1px solid #dddddd; border-radius: 30px; }

.b-items__pagination-main > a { width: 25px; height: 25px; padding: 2px; border-radius: 100%; display: inline-block; opacity: 0.8; }

.b-items__pagination-main > a:hover { opacity: 1; }

.b-items__pagination-main > a.m-left { margin-right: 15px; }

.b-items__pagination-main > a.m-right { margin-left: 15px; }

.b-items__pagination-main > span a { font: 400 11px 'Open Sans',sans-serif; margin-right: 5px; cursor: pointer; }

.b-items__pagination-main > span.m-active a, .b-items__pagination-main > span:hover a { font: 700 11px 'Open Sans',sans-serif; }

.b-items__pagination-main > span:last-of-type a { margin-right: 0; }

.row.m-smallPadding { margin: 0 -5px; }

.row.m-smallPadding > div { padding: 0 5px; }

/* List Table */
.b-items__cell { padding: 5px; border: 1px solid #eeeeee; padding-bottom: 25px; margin-bottom: 40px; height: auto; }

.m-listTable .b-items__cars-one-img { position: relative; width: auto; height: auto; float: none; }
.m-listTable .b-items__cars-one-img .image-box { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 160px; }
.m-listTable .b-items__cars-one-img .b-items_cars_arrival-date { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(51, 51, 51, 0.8); color: #fff; padding: 5px 6px; text-align: right; }

.b-items__cell-info { padding: 0 10px; }
.b-items__cell-info h2 { font: 600 15px 'Open Sans',sans-serif; padding-left: 15px; border-left: 4px solid #f76d2b; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.b-items__cell-info > p { font: 300 13px 'Open Sans',sans-serif; margin: 0 4px 20px 4px; }
.b-items__cell-info ul { font: 400 11px 'Open Sans',sans-serif; padding-left: 0; list-style-position: inside; }
.b-items__cell-info a.btn { font: 600 10px "Open Sans", sans-serif !important; border: 1px solid #ddd; padding-left: 12px !important; margin-top: 25px; }

.b-items__cell-info-title { padding-bottom: 20px; margin: 25px 0; }

.b-items__cell-info > p + div { margin-left: 4px; }

.b-items__cell-info-price { margin: 30px 0 0 0; font: 700 22px 'PT Sans',sans-serif; }

.b-items__cell-info-km span.fa { font-size: 19px; }

.b-items__cell-info-km { margin-left: 40px; }

.b-items__cell-info-km p { font: 600 12px 'Open Sans',sans-serif; text-transform: uppercase; }

.b-items__cell-info a.btn span.fa { width: 20px !important; height: 20px !important; font-size: 13px !important; padding: 3px !important; margin-left: 10px !important; }

.b-items__cell .b-items__cars-one-img-check { top: 20px; }

.m-listTable .b-items__pagination { margin-top: 35px; }

/* List Table Two */
.m-listTableTwo .b-items__cars-one-img { float: none; width: auto; height: auto; }

.m-listTableTwo .b-items__cell-info-price span { font: 600 11px 'Open Sans',sans-serif; text-transform: uppercase; margin-right: 10px; }

.m-listTableTwo .b-items__cell { border: none; margin-bottom: 0; }

.m-listTableTwo .row.m-border > div { border-right: 1px solid #eee; margin-bottom: 40px; }

.m-listTableTwo .row.m-border > div:nth-child(3n) { border: none; }

.m-listTableTwo .b-items__cell .b-items__cars-one-img-check { top: 10px; }

/*------------------------------------------------------------------
[Table of contents]
 - Info Bar - Detail - Related - Brands

- Author:  Andrey Sokoltsov
- Profile:	http://themeforest.net/user/andreysokoltsov

-------------------------------------------------------------------*/
/* Info Bar */
/*.b-infoBar__premium{ float:left; font: 700 10px 'Open Sans',sans-serif; text-transform: uppercase; padding: 7px 10px;
}

.btn.m-btn.m-infoBtn{ padding-left: 10px; font: 600 10px 'Open Sans',sans-serif; border:1px solid #dddddd;
}

.btn.m-btn.m-infoBtn span.fa{ width:20px; height:20px; font-size:14px; padding: 2px; margin-left: 15px;
}

.b-infoBar__btns a.btn{ float:right; margin-left: 8px;
}

.m-detail .b-infoBar{ padding: 30px 0 25px 0;
}*/
/* Detail */
.b-detail { padding: 50px 0 110px 0; }

.b-detail__head { padding: 0 0 30px 0; margin-bottom: 60px; }

.b-detail__head-title { border-left: 4px solid #f76d2b; padding-left: 15px; }
.b-detail__head-title h1 { font: 700 30px 'PT Sans',sans-serif; margin: 0; }

/*.b-detail__head h3{ font: 400 14px 'Open Sans',sans-serif; margin: 0;
}*/
.b-detail__head-price { width: auto; float: right; text-align: center; }

.b-detail__head-price-num { padding: 4px 30px; font: 700 26px 'PT Sans',sans-serif; padding-right: 5px; padding-left: 5px; }

.b-detail__main-aside-desc { margin-bottom: 60px; }

.b-detail__main-aside-desc > h2 { margin-bottom: 30px; }

.b-detail__main-aside-desc-title { margin: 0 0 10px 0; padding-left: 15px; border-left: 3px solid #eeeeee; font: 300 13px 'Open Sans',sans-serif; }

.b-detail__main-aside-desc-value { margin: 0 0 10px 0; padding-left: 15px; border-left: 3px solid #eeeeee; font: 600 13px 'Open Sans',sans-serif; }

.b-detail__main-aside-about-call { padding: 20px 0 25px 80px; position: relative; }

.b-detail__main-aside-about-call span.fa { display: block; height: 100%; font-size: 34px; position: absolute; left: 0; top: 0; padding: 32px 15px 0 15px; }

.b-detail__main-aside-about-call > div { font: 700 26px 'Open Sans',sans-serif; }

.b-detail__main-aside-about-call p { font: 400 11px 'Open Sans',sans-serif; margin: 0; }

.b-detail__main-aside-about-seller { padding: 10px 0 15px 0; }

.b-detail__main-aside-about-seller p { font: 400 12px 'Open Sans',sans-serif; margin: 0; text-align: center; }

.b-detail__main-aside-about-seller p span { font: 700 12px 'Open Sans',sans-serif; }

.b-detail__main-aside-about-form { padding: 40px 28px; margin-bottom: 60px; }

.b-detail__main-aside-about-form-links { text-align: center; margin-bottom: 25px; }

.b-detail__main-aside-about-form-links a { display: inline-block; text-transform: uppercase; font: 600 12px 'Open Sans',sans-serif; margin: 0 10px; padding-bottom: 8px; border-color: #e8e8e8 !important; }

.b-detail__main-info-text .b-detail__main-aside-about-form-links a { border-color: #b4b4b4 !important; }

.b-detail__main-aside-about-form-links a:after { background: url(../images/elements/chevron-downGrey.png) center top no-repeat; }

.b-detail__main-aside-about-form-links a:hover, .b-detail__main-aside-about-form-links a:visited, .b-detail__main-aside-about-form-links a:active, .b-detail__main-aside-about-form-links a:focus { text-decoration: none; outline: none; }

.b-detail__main-aside form input[type='text'], .b-detail__main-aside form input[type='email'], .b-detail__main-aside form input[type='tel'], .b-detail__main-aside form textarea, .b-detail__main-aside form select { display: block; width: 100%; margin-bottom: 15px; padding: 15px 20px; font: 400 10px 'Open Sans',sans-serif; border: 1px solid #eeeeee; text-transform: uppercase; border-radius: 30px; }

.b-detail__main-aside form textarea { border-radius: 20px; margin-bottom: 20px; }

.b-detail__main-aside form input[type='text']:focus, .b-detail__main-aside form input[type='email']:focus, .b-detail__main-aside form input[type='tel']:focus, .b-detail__main-aside form textarea:focus, .b-detail__main-aside form select:focus { outline: none; }

.b-detail__main-aside form label { font: 400 12px 'Open Sans',sans-serif; }

.b-detail__main-aside form button.btn.m-btn { font: 700 12px 'Open Sans',sans-serif; padding-left: 20px; margin-top: 30px; }

.b-detail__main-aside form button.btn.m-btn span.fa { width: 25px; height: 25px; padding: 3px; font-size: 16px; margin-left: 10px; }

#form2 { display: none; }

.b-detail__main-aside-payment-form { padding: 40px 28px; }

.b-detail__main-aside-payment .b-detail__main-aside-about-call > p span { font-weight: bold; }

.b-detail__main-aside-payment .b-detail__main-aside-about-call > div > p { display: inline; }

.b-detail__main-info-images { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #B4B4B4; }

.b-detail__main-info-images-big { position: relative; padding-left: 0; list-style: none; }
.b-detail__main-info-images-big .image-box { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 360px; }

.b-detail__main-info-images-small-one { margin: 0 0 11px 0; position: relative; cursor: pointer; display: block; }
.b-detail__main-info-images-small-one .image-box { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 60px; }

.b-detail__main-info-images-small-one:after { position: absolute; height: 100%; width: 100%; left: 0; background: rgba(0, 0, 0, 0.6); content: ''; top: 0; display: none; }

.b-detail__main-info-images-small-one.active:after, .b-detail__main-info-images-small-one:hover:after { display: block; }

.b-detail__main-info-characteristics { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-top: 33px; overflow: hidden; margin-bottom: 65px; }

.b-detail__main-info-characteristics-one { float: left; width: 14.285%; cursor: pointer; }

.b-detail__main-info-characteristics-one-top { padding: 20px 0 15px 0; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }

.b-detail__main-info-characteristics-one-top > div { font-size: 20px; width: 50px; height: 50px; border-radius: 100%; text-align: center; position: relative; padding-top: 10px; margin: 0 auto 0 auto; }

.b-detail__main-info-characteristics-one:last-child .b-detail__main-info-characteristics-one-top { border-right: none; }

.b-detail__main-info-characteristics-one:last-child { border-right: 1px solid #eee; }

.b-detail__main-info-characteristics-one-bottom { padding: 15px 0; text-align: center; font: 400 11px 'Open Sans',sans-serif; }

.b-detail__main-info-characteristics-one-top > p { font: 700 11px 'Open Sans',sans-serif; text-align: center; margin: 10px 0 0 0; }

.b-detail__main-info-text .b-detail__main-aside-about-form-links a:after { background: url(../images/elements/chevron-down.png) no-repeat center; }

.b-detail__main-info-text .b-detail__main-aside-about-form-links { text-align: left; }

.b-detail__main-info-text .b-detail__main-aside-about-form-links a { margin: 0 20px 0 0; }

.b-detail__main-info-text p { font: 300 13px 'Open Sans',sans-serif; margin-bottom: 35px; line-height: 1.9; }

#info2, #info3, #info4 { display: none; }

.b-detail__main-info-extra { margin-top: 65px; }

.b-detail__main-info-extra h2 { margin-bottom: 35px; }

.b-detail__main-info-extra ul { list-style: none; padding-left: 0; margin-left: 5px; }

.b-detail__main-info-extra ul li { font: 300 13px 'Open Sans',sans-serif; margin-bottom: 10px; }

.b-detail__main-info-extra ul li span.fa { margin-right: 10px; font-size: 16px; }

.m-detail .bx-wrapper .bx-controls-direction a, .m-blog .bx-wrapper .bx-controls-direction a, .m-article .bx-wrapper .bx-controls-direction a { display: none; }

.m-detail .bx-wrapper .bx-viewport, .m-blog .bx-wrapper .bx-viewport, .m-article .bx-wrapper .bx-viewport { box-shadow: none; border-color: transparent; }

.m-detail .bx-wrapper, .m-blog .bx-wrapper, .m-article .bx-wrapper { margin-bottom: 0; }

/* Related */
.b-related { padding: 65px 0 60px 0; text-align: center; }

.b-related h5, .b-brands h5 { padding-left: 10px; padding-right: 10px; }

.b-related .b-featured__item-links { text-align: center; }

.b-related .b-auto__main-item { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.b-related .b-auto__main-item:after { display: none; }

.b-related .b-auto__main-item-info { overflow: visible; padding-bottom: 20px; border-color: #d8d8d8; }

.b-related .b-auto__main-item-info:after { left: 30px; top: 99%; background: url(../images/elements/chevron-downGrey.png) no-repeat; }

/* Brands */
.b-brands { padding: 90px 0 120px 0; text-align: center; }

.b-brands__brand { margin: 0 30px; display: inline-block; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*  Created on : Oct 12, 2017, 3:54:18 PM Author     : Fang
*/
/* Page 404 */
/* Error */
.b-error { padding: 100px 0 0 0; text-align: center; overflow: hidden; }

.b-error h1 { font: 800 44px 'Open Sans',sans-serif; text-transform: uppercase; letter-spacing: 5px; margin: 0 0 10px 0; }

.b-error h2 { font: 700 40px 'Open Sans',sans-serif; margin: 25px 0 60px 0; display: inline-block; padding: 0 30px 50px 30px; text-transform: uppercase; }

.b-error p { font: 600 14px 'Open Sans',sans-serif; margin: 0 0 90px 0; }

.b-error h3.s-title { font: 700 14px 'Open Sans',sans-serif; color: #202020; letter-spacing: 0; margin: 0 0 40px 0; }

.b-error .b-blog__aside-search { max-width: 620px; margin: 0 auto; }

.b-error-img { width: 100%; }

/*------------------------------------------------------------------
[Table of contents]

	- Between 992px - 1170px
	- Between 768px - 991px
	- Between 600px - 767px
	- Between 480px - 599px
	- Between 320px - 479px

- Author:  Andrey Sokoltsov
- Profile:	http://themeforest.net/user/andreysokoltsov

-------------------------------------------------------------------*/
/*992-1170*/
@media screen and (max-width: 1199px) { .b-topBar__addr { margin-right: 0; }
  a.m-langLink { margin-left: 4px; }
  .b-topBar__nav li a { padding: 0 19px; }
  .b-search__main-form select + span.fa { right: 35px; }
  .slider { width: 178px; }
  .b-slider__info h3 { font-size: 17px; margin-bottom: 0; }
  .b-slider__info h2 { font-size: 40px; }
  .b-slider__info p { font-size: 20px; margin-bottom: 15px; }
  .b-search__main { margin-top: -80px; }
  .b-search__main-form-submit a { display: inline-block; margin-bottom: 10px; }
  .b-search__main-form select { padding-left: 15px; }
  .b-world__item h2, .b-auto__main-item h2 { min-height: 44px; }
  .m-home .b-world__item h2, .b-auto__main-item h2 { min-height: 0; }
  .b-contact__form input[type='text'] { width: 270px; }
  .b-features__items li { margin-bottom: 10px; }
  .b-info__aside { margin-top: -240px; }
  .b-info__map { width: auto; background-size: contain; background-position-x: center; }
  .b-infoBar__compare { margin-bottom: 20px; }
  .b-infoBar__select { float: none; }
  .b-items__cars-one-info { margin-left: 15px; }
  .b-items__cars-one-img { float: none !important; margin: 0 auto !important; }
  .m-listingsTwo .b-items__cars-one-info { margin-left: 15px; margin-right: 15px; width: auto; }
  .m-listTable .b-items__cars-one-img, .m-listTableTwo .b-items__cars-one-img { width: 100%; }
  .m-listTableTwo .row.m-border > div:nth-child(3n) { border-right: 1px solid #eee; }
  .m-listTableTwo .row.m-border > div:nth-child(2n) { border: none; }
  .b-detail__main-aside-about-form-links a:first-child { margin-bottom: 10px; }
  .b-brands__brand { margin-bottom: 20px; }
  .b-compare__block-inside-title { padding-right: 40px; }
  .b-compare__block-inside-value { padding-left: 40px; }
  .b-blog__aside .b-detail__main-aside-about-call > div { font-size: 19px; }
  .b-blog__aside .b-detail__main-aside-about-call span.fa { padding-top: 27px; }
  .b-blog__aside .b-items__aside-sell-img h3 { font-size: 19px; }
  .b-blog__aside .b-world__item-num { margin-left: 3px; }
  .b-blog__posts-one-body-main-img-small { bottom: 30px; }
  .b-article__main-related-item .b-blog__posts-one-body-head-notes-note { display: block; float: left; margin-bottom: 5px; }
  .b-article__main-related-item { height: 170px; }
  .b-error-img { bottom: 0; }
  .b-submit__main-contacts-price h6 { margin: 0 0 15px 0; text-align: center; } }
/*768-991*/
@media screen and (max-width: 991px) { .b-topBar { text-align: center; }
  .b-topBar__addr { padding-left: 0; }
  .b-topBar__nav { border-left: 1px solid #eeeeee; }
  .b-topBar__nav ul { padding-left: 0; text-align: center; }
  .b-topBar__nav ul li { float: none; display: inline-block; }
  .b-topBar__nav li:first-child a { border-right: 1px solid #eeeeee; }
  .b-topBar__nav li:last-child a { border-right: none; }
  .b-topBar__nav li:last-child { border: none; }
  .b-topBar__lang { padding-bottom: 29px; }
  .b-nav__list ul li { margin-bottom: 5px; }
  .b-nav__list ul { margin-bottom: 0; }
  .b-nav__list ul li a { padding-left: 7px; padding-right: 7px; width: 100%; text-align: left; }
  .b-slider__info { top: 10%; }
  .b-search__main { padding-left: 30px; padding-right: 30px; height: auto !important; }
  .b-search__main-type > div { padding: 0 15px !important; }
  .b-search__main-type h4 { text-align: center; margin-bottom: 15px; }
  .b-search__main-form-range { float: left; margin-top: 20px; margin-bottom: 0; }
  .b-search__main-form-submit { margin-top: 20px; }
  .b-featured { padding-top: 220px; }
  .b-welcome { background: none; }
  .b-welcome .container { height: auto; }
  .m-home .b-world { padding-top: 260px; }
  .b-world__item-val { min-height: 42px; }
  .m-home .b-world__item-val { min-height: 0; }
  .b-asks__first { margin-bottom: 15px; }
  .b-auto__main-toggle { margin-right: 14px; }
  .b-auto__main-item .b-world__item-val { min-height: 0; }
  .b-count { background: none; }
  .b-count .m-main { height: auto; }
  .b-contact-title { margin: 0; }
  .b-contact__form form > div:first-child { margin-bottom: 10px; }
  .b-features__items li { float: none; margin-right: 70px; }
  .b-info__aside { margin-top: -275px; }
  .m-home .b-welcome__services-auto, .m-home .b-welcome__services-buying { margin: 0 auto; background-image: none; margin-bottom: 15px; }
  .m-home .b-welcome__services-trade, .m-home .b-welcome__services-support { margin: 0 auto; background-image: none; margin-top: 15px; float: none; }
  .m-home .b-info__aside { margin-bottom: 20px; }
  .m-home .b-info__contacts, .m-home .b-info__map { margin-left: 15px; }
  .m-listingsTwo .b-items__cars-one-info-price, .m-listingsTwo .b-items__cars-one-info-price h3 { text-align: center; }
  .m-listingsTwo .b-items__cars-one-info-price > div { float: none !important; }
  .b-items__cell-info-km { margin-left: 10px; }
  .m-listTableTwo .row.m-border > div { border: none; }
  .b-infoBar__btns > a.btn { margin-bottom: 10px !important; }
  .b-detail__main-info { margin-bottom: 30px; }
  .b-items__cell { height: auto; }
  .b-related .b-auto__main-item { margin-bottom: 40px; }
  .b-compare__block-inside-title { padding-right: 20px; }
  .b-compare__block-inside-value { padding-left: 20px; }
  .b-blog__posts { margin-bottom: 40px; }
  .b-blog__aside .b-detail__main-aside-about-call > div { font-size: 26px; }
  .m-blogTwo .b-blog__posts { margin-top: 40px; margin-bottom: 0; }
  .m-article .b-blog__aside { margin-top: 40px; }
  .b-contacts__address-info-main-item em { display: block; margin-top: 5px; }
  .b-submit__main-file label.btn.m-btn + label { margin: 10px 0 0 0; display: block; }
  .b-submit__main-contacts-price { padding-left: 9px; padding-right: 9px; }
  .b-submit__main-contacts-check > span { display: block; margin-bottom: 10px; padding: 0; }
  .b-submit__main-contacts-check.m-check label.s-submitCheckLabel { display: block; float: left; }
  .b-submit__main-contacts-check.m-check .s-submitCheck { display: block; margin: 0 0 0 30px; }
  .b-blog__aside-popular-posts-one { float: left; width: 50%; } }
/*600-767*/
@media screen and (max-width: 767px) { /*    .b-nav__list{ float:none; }  .b-nav__list ul li{ float: none; text-align: center; height: auto; }*/
  .b-nav__logo { float: none; text-align: center; display: inline-block; }
  /*    .b-nav .row > div{ width:100%; text-align: center; }*/
  .b-nav .row > div:first-child { margin-bottom: 10px; }
  .h-nav { width: 100%; position: static; float: none; }
  /*    .b-nav__list ul li a:hover{ border-bottom: none; }*/
  .b-slider__info { top: 5%; }
  .b-slider__info h3 { font-size: 12px; }
  .b-slider__info h2 { font-size: 35px; }
  .b-slider__info p { font-size: 16px; margin: 0 0 10px 0; }
  .b-slider__info a { font-size: 12px !important; }
  .b-slider__info a span.fa { width: 20px !important; height: 20px !important; padding: 3px !important; font-size: 14px !important; }
  .b-search__main-form select { padding-left: 10px; }
  .b-search__main-form-range { overflow: hidden; padding-bottom: 25px; float: right; }
  .b-search__main-form label { text-align: left; }
  .b-search__main-type .row > div { margin-bottom: 10px; }
  .slider { float: right; }
  .b-search__main-form-submit { clear: both; padding-top: 10px; }
  .b-featured { padding-top: 300px; }
  .b-welcome__text { margin-bottom: 30px; }
  .m-home .b-world { padding-top: 350px; }
  .b-world__item { margin-bottom: 30px; text-align: center; }
  .b-world__item img { margin: 0 auto; }
  .b-world__item-val { text-align: center; min-height: 0; }
  .b-world__item h2 { display: inline-block; min-height: 0; }
  .b-world__item p { text-align: center; }
  .b-world { background: none; }
  .b-auto__main-toggle.active { display: block; margin-bottom: 10px; }
  .b-auto__main-item img { margin: 0 auto; }
  .b-auto__main-item h2, .b-world__item-val { min-height: 0 !important; }
  .b-auto__main-item h2 { text-align: center; }
  .b-count__item { margin-bottom: 30px; }
  .b-review__main { margin: 0 30px; }
  .m-home .b-homeAuto__world-item-text { margin-top: 20px; }
  .m-home .b-homeAuto__world .b-world__item-val { margin-left: 0; }
  .b-infoBar__select-one { height: 50px; margin-bottom: 10px; }
  .b-items__aside { margin-top: 20px; }
  .m-listingsTwo .b-items__aside { margin-bottom: 20px; margin-top: 0; }
  .m-listTableTwo .b-items__aside { margin-top: 0; margin-bottom: 20px; }
  .b-detail__main-aside-about-form-links a { display: block; margin-bottom: 15px !important; text-align: center; margin-right: 0 !important; margin-left: 0 !important; }
  .b-detail__head-price { float: left; margin-top: 10px; }
  .m-compare .b-infoBar h5 { text-align: center; margin-bottom: 20px; }
  .m-compare .b-infoBar__btns { text-align: center; }
  .m-compare .b-infoBar__btns a.btn { float: none; }
  .b-compare__images-item { margin-bottom: 20px; }
  .b-compare__images-item-price { background-image: none !important; }
  .b-compare__images-item-price-vs { display: none; }
  .b-compare__block-inside .row > div { width: 100%; }
  .b-compare__block-inside-value { padding-left: 0; text-align: center; margin-bottom: 10px; }
  .b-compare__block-inside-title { padding-right: 0; text-align: center; margin-bottom: 10px; }
  .b-compare__block-inside > .row { margin-bottom: 20px; }
  .b-compare__block-inside-value ul { text-align: left; padding-left: 40px; margin-top: 20px; }
  .b-compare__links a.btn.m-btn { margin-bottom: 10px; }
  .b-blog__posts-one-body-head-notes-note { margin-right: 6px; }
  .b-blog__posts-one-body-head-notes-note span.fa { margin-right: 3px; }
  .b-blog__posts-one-body-main-link { padding-left: 29px; padding-right: 29px; }
  .b-blog__posts-one-body-main-img-small { position: static; }
  .b-blog__aside-reviews-posts-one-info .b-world__item-val { text-align: left; }
  .b-blog__posts-one p.m-smallMargin { margin-top: 20px; }
  .b-blog__posts-one-body-head-notes-note { display: block; float: left; margin-bottom: 5px; margin-right: 15px; }
  .b-blog__posts-one-body-head { overflow: hidden; }
  .b-article__main-related-item { margin-top: 20px; }
  .b-best__info { margin-bottom: 40px; }
  .b-more__why { margin-bottom: 40px !important; }
  .b-contacts__address { margin-left: 10px; }
  .b-map > ymaps { height: 300px !important; }
  .b-submit__main { margin-left: 15px; }
  .b-submit__main-contacts-price-plan span { display: block; margin-bottom: 5px; }
  .b-submit__main-plan-money { display: block; margin: 0; }
  a.btn.m-btn.m-pay { margin-top: 10px; } }
/*480-599*/
@media screen and (max-width: 599px) { .b-nav__list { float: none; }
  .b-nav__list ul li { float: none; text-align: center; height: auto; }
  .b-nav .row > div { width: 100%; text-align: center; }
  .b-topBar .row > div { width: 100%; }
  .b-topBar .row > div:nth-child(3) { width: 72%; float: right; }
  .b-topBar .row > div:nth-child(4) { width: 28%; }
  .b-topBar__nav li a { padding: 0 10px; }
  .b-topBar__lang .dropdown > a:first-of-type { display: none; }
  .b-topBar__lang { text-align: right; }
  .b-topBar__addr, .b-topBar__nav, .b-topBar__tel, .b-topBar__lang { border: none; }
  .b-slider__info h2 { line-height: 1.3; }
  .b-search__main-type .row > div { width: 100%; }
  .b-search__main-type .row > div svg { margin: 0 40px; }
  .m-firstSelects > div, .m-secondSelects > div { width: 100%; margin-bottom: 15px; }
  .slider { float: none; margin: 0 auto; }
  .b-search { height: auto; }
  .b-search__main { margin-top: 0 !important; }
  .b-search__main-form-range { float: none; }
  .b-search__main-form label { float: none; text-align: center; margin: 0 0 10px 0; }
  .m-home .b-world { padding-top: 50px; }
  .b-featured { padding-top: 135px; }
  .b-auto > .container > .row > div { width: 100%; }
  .b-auto__main-nav { margin: 0; text-align: center; }
  .b-auto__main-nav .owl-buttons { margin-bottom: 30px; }
  .b-auto__main-item { width: 300px; margin-left: auto; margin-right: auto; }
  .b-contact .row > div { width: 100%; }
  .b-contact-title { margin-bottom: 20px; }
  .b-contact__form p { text-align: center; }
  .b-contact__form form { padding-left: 30px; }
  .b-info__aside { margin-top: 0; margin-bottom: 40px; }
  .b-features .row > div { width: 100%; margin: 0; }
  .b-features__items li { float: left; border-right: none; padding-right: 0; border-left: 3px solid #fff; padding-left: 15px; clear: both; }
  .b-info .row > div { width: 100%; }
  .b-footer .row > div { width: 100%; }
  .b-footer__content-social { text-align: left; margin-top: 20px; }
  .b-footer__content { float: none; }
  .b-footer__content-nav { float: left; }
  .b-footer__content-nav ul { padding-left: 0; }
  .b-footer__content-nav ul li:first-child { margin-left: 0; }
  .b-slider__info { top: 0; }
  .m-home .b-homeAuto > .container > .row > div { width: 100%; }
  .m-detail > .b-infoBar > .container > .row > div { width: 50%; }
  .b-detail__main-info-characteristics-one { width: 25%; }
  .b-detail__main-info-characteristics { border-bottom: none; }
  .b-detail__main-info-extra .row > div { width: 100%; }
  .b-related .row > div { width: 100%; }
  .b-infoBar__btns a.btn { clear: both; }
  .b-blog__posts-one-body-head-notes-note span.fa { margin-right: 7px; }
  .b-blog__posts-one-body-head-notes { overflow: hidden; }
  .b-blog__aside-popular-posts-one { float: none; width: auto; }
  .b-pageHeader h1 { float: none; text-align: center; margin-bottom: 10px; }
  .b-pageHeader__search { float: none; display: inline-block; }
  .b-pageHeader { text-align: center; }
  .b-blog__posts-one-body-main-link a span.fa { font-size: 17px; margin-right: 8px; }
  .b-blog__posts-one-body-main-link a { font-size: 15px; }
  .b-blog__posts-one-body-main-link { padding-left: 15px; padding-right: 15px; }
  .m-blogTwo .b-blog__posts-one > .row > div { width: 100%; }
  .m-blogTwo .b-blog__posts-one > .row > div img { margin-top: 20px; }
  .b-article__main-author .row > div:first-child { width: 25%; }
  .b-article__main-author .row > div:last-child { width: 75%; }
  .b-article__main-author h3 { float: none; }
  .b-article__main-author-social { float: none; margin-left: 0; margin-top: 10px; }
  .b-contacts > .container > .row > div { width: 100%; }
  .b-contacts__form { margin-bottom: 40px; }
  .b-contacts__address { margin-left: 0; }
  .b-submit > .container > .row > div { width: 100%; }
  .b-submit__aside { margin-bottom: 40px; }
  .b-submit__aside-step-inner-info-triangle { display: none; }
  .b-infoBar > .container > .row > div { width: 100%; padding: 0 40px 0 15px; box-sizing: border-box; margin: 0; }
  .m-detail .b-infoBar > .container > .row > div { padding: 0 15px; }
  .b-submit__main { margin-left: 0; } }
/*320-479*/
@media screen and (max-width: 479px) { .b-slider__info h2 { font-size: 20px; }
  .b-slider__info h3 { font-size: 8px; }
  .b-slider__info a span.fa { width: 15px !important; height: 15px !important; padding: 2px !important; font-size: 11px !important; }
  .b-slider__info a { padding: 3px 3px 3px 15px !important; font-size: 11px !important; }
  .b-world__item h2 { display: block; }
  .b-world__item-val-title { display: block; margin-bottom: 5px; text-align: left; }
  .b-asks__first-circle { float: none; margin: 0; }
  .b-asks__first-info { margin-left: 0; margin-top: 15px; }
  .b-count .container .row .row > div { width: 100%; }
  .b-count__item { margin-bottom: 40px; }
  .b-contact__form input[type='text'] { width: auto; }
  .b-review__main-person { float: none; margin: 0 auto; }
  .b-review__main h5 { margin: 10px 0 0 0; }
  .b-review__main p { margin-left: 0; }
  .b-review .owl-controls { margin-left: 0 !important; }
  .b-review__main .owl-buttons { margin-left: 0; }
  .b-auto__main-item { width: auto; }
  .m-home .b-review__main-person { float: left; margin-bottom: 15px; }
  .m-home .b-homeReviews__main-person { padding-left: 0; }
  .m-home .b-homeReviews__main-body { height: auto; }
  .b-infoBar__compare { text-align: center; }
  .b-infoBar__compare-item:last-child { margin-left: 0; margin-top: 10px; display: block; }
  .b-infoBar__select { text-align: center; }
  .b-infoBar__select-one { float: none; display: inline-block; margin-right: 0; }
  .b-items__cars-one-info { margin-left: 10px; margin-right: 10px; }
  .b-items__cars-one-info-header h2 { float: none; text-align: left; }
  .b-pageHeader { text-align: center; }
  .b-pageHeader h1 { float: none; text-align: center; margin-bottom: 10px; }
  .b-pageHeader__search { float: none; display: inline-block; }
  .b-items__cars-one-info-header span { margin-top: 10px; }
  .b-items__cars-one-info-details .b-featured__item-links { float: none; margin-bottom: 10px; }
  .m-listingsTwo .b-items__cars-one-info-header h2 { margin-bottom: 10px; }
  .m-listingsTwo .b-items__cars-one-img-check { display: block; }
  .m-listingsTwo .b-items__cars-one-info-header span { margin-top: 0; }
  .m-listingsTwo .m-width > div { width: 100%; }
  .m-listingsTwo .m-width > div:first-child { margin-bottom: 20px; }
  .m-listingsTwo .m-width .row > div { width: 50%; }
  /*.b-detail__main-info-images .row > div{ width: 100%; }*/
  .b-detail__main-info-images-small { text-align: center; }
  .b-detail__main-info-images-small-one { display: inline-block; }
  .b-detail__main-info-images-small img { margin: 0 auto; }
  .b-detail__main-info-characteristics-one { width: 100%; }
  .b-brands__brand { display: block; text-align: center; }
  .b-compare__block-title { min-height: 46px; height: auto; }
  .m-compare .b-infoBar h5 span { display: block; margin-top: 5px; }
  .b-blog__posts-one > .row > div { width: 100%; }
  .b-blog__posts-one-body { margin-left: 0; }
  .b-blog__posts-one-author { margin: 0 auto 20px auto; }
  .b-blog__posts-one-body-main-link a { font-size: 12px; }
  .m-blogTwo .b-blog__posts-one-social { float: none !important; text-align: left; }
  .b-article__main-author .row > div { width: 100% !important; }
  .b-article__main-author .b-blog__posts-one-author-img { float: left !important; }
  .b-article__main-comments-one-text-head-answer { float: none !important; }
  .b-article__main-comments-one-text-head-date { float: none !important; }
  .b-article__main-comments-one-person { float: none !important; }
  .b-article__main-comments-one-text { margin-left: 0; }
  .b-article__main-comments-one.m-second { margin-left: 20px; }
  .b-article__main-add .row > div { width: 100%; } }
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }

.animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
@keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes wobble { 0% { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% { -webkit-transform: none; transform: none; } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { 0% { opacity: 1; }
  100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; } }
@keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

/*------------------------------------------------------------------
[Table of contents]
 - Global - Home - ListTable - Detail - Compare - Blog

- Author:  Andrey Sokoltsov
- Profile:	http://themeforest.net/user/andreysokoltsov

-------------------------------------------------------------------*/
/* Global */
body { background: #fff; }

.s-titleDet { color: #202020; }

.s-title { color: #525252; }

/*b-topBar*/
.b-topBar__addr, .b-topBar__tel { color: #555555; }

.b-topBar__addr span.fa, .b-topBar__tel span.fa { color: #f76e2b; }

.b-topBar__nav li a, .b-topBar__lang a { color: #555555; }

.b-topBar__lang a span.fa { color: #f76e2b; }

/*b-topBar*/
/*b-nav*/
.b-nav__logo h3 a { color: #f76d2b; }

.b-nav__logo h3 a span { color: #545454; }

.b-nav__logo h2 a { color: #999999; }

.b-nav__list ul li a { color: #555; }

.b-nav__list ul li a span.fa { color: #f76e2b; }

.navbar-toggle { background: #F76D2B; }

.navbar-toggle span { background: #fff; }

/*b-nav*/
/*b-slider*/
.b-slider__info h3, .b-slider__info h2, .b-slider__info p { color: #fff; }

.b-slider__info p span { background: #f76d2b; }

.carousel-control.left span.fa, .carousel-control.right span.fa { background: rgba(0, 0, 0, 0.5); }

.btn.m-btn { color: #555555; background: #fff; }

.btn.m-btn span.fa { color: #fff; background: #555; }

.b-slider__info a.btn:hover { background: #f76d2b; color: #fff; }

.b-slider__info a.btn.m-btn:hover span { background: #fff; color: #6a6a6a; }

/*b-slider*/
/*b-search*/
.b-search { background: #f5f5f5; }

.b-search__main { background: #fff; }

.b-search__main-title { background: #f76d2b; }

.b-search__main-title h2 { color: #fff; }

.b-search__main-type h4 { color: #545454; }

.b-search svg g { fill: #d6d6d6; }

.m-active svg g { fill: #f76d2b; }

.m-active h5 { color: #555; }

.b-search__main-form p { color: #999999; }

.b-search__main-form-submit a { color: #f76d2b; }

.b-search__main-form-submit button.btn.m-btn { color: #fff; background: #555555; }

.b-search__main-form-submit button.btn.m-btn:hover { background: #f76d2b; color: #fff; }

.b-search__main-form-submit button.btn.m-btn:hover span { background: #fff; color: #6a6a6a; }

.b-search__main-form-submit button.btn.m-btn span.fa { background: #f76d2b; color: #fff; }

.ui-widget-header { background: #eeeeee; }

.ui-slider-handle:after { background: #f76d2b; }

.b-search__main-form-range span.min, .b-search__main-form-range span.max { color: #6c6c6c; }

.b-search__main-form-submit button.btn.m-btn:hover span { color: #6a6a6a !important; }

/*b-search*/
/*b-featured*/
.b-featured { background: #fff; }

.b-featured h1 { color: #535353; }

.b-featured__item .m-premium { background: #3cd225; color: #fff; }

.b-featured__item-price { color: #fff; background: #f76d2b; }

.b-featured__item h5 { color: #000; }

.b-featured__item-count { color: #999999; }

.b-featured__item-links a { color: #999999; }

.b-featured__item .m-leasing { color: #fff; background: #2475ce; }

.owl-buttons > div { background: #dddddd; color: #fff; }

/*b-featured*/
/*b-welcome*/
.b-welcome { background-color: #f76d2b; }

.b-welcome:after { background: rgba(255, 255, 255, 0.3); }

.b-welcome__text { color: #fff; }

.b-welcome__services-circle { background: #fff; }

.b-welcome__services-img span.fa { color: #555555; }

.b-welcome__services-img svg g { fill: #555555; }

.b-welcome__services-img:hover { background: #f76d2b; }

.b-welcome__services-img:hover span.fa, .b-welcome__services-img:hover svg g { color: #fff; fill: #fff; }

/*b-welcome*/
/*b-world*/
.b-world { background-color: #fff; }

.b-world h6 { color: #fff; background: #555555; }

.b-world__item-val-title { color: #999999; }

.b-world__item-val-circles span { background: #f76d2b; }

.b-world__item-num { color: #999999; }

.b-world__item h2 { color: #000; }

.b-world__item p { color: #666666; }

.b-world__item a:hover { background: #f76d2b; color: #fff; border-color: #f76d2b; }

.b-world__item a.btn.m-btn:hover span { background: #fff; color: #6a6a6a; }

/*b-world*/
/*b-asks*/
.b-asks { background: #f5f5f5; }

.b-asks__first { background: #555; }

.b-asks__first:hover .b-asks__first-circle { border-color: #fbb695 !important; }

.b-asks .b-asks__first:hover { background: #f76d2b; }

.b-asks__first-circle span { color: #fff; }

.b-asks__first-info { color: #fff; }

.b-asks__first-arrow { text-align: center; }

.b-asks__first-arrow span { background: #ffffff; color: #707070; }

.b-asks__first.m-second { background: #555555; }

.b-asks__call { color: #525252; }

/*b-asks*/
/*b-auto*/
.b-auto { background: #fff; }

.s-titleBg { color: #fff; background: #555555; }

.b-auto__main-toggle, .b-auto__main-toggle:hover, .b-auto__main-toggle:visited, .b-auto__main-toggle:focus, .b-auto__main-toggle:active { color: #999999; }

.b-auto__main-toggle:hover { color: #f76d2b; }

.b-auto__main-toggle.active { color: #f76d2b; }

.b-auto__main-nav li a { color: #555555; }

.b-auto__main-nav li.active span.fa { color: #555555; }

.b-auto__main-nav li:hover a { color: #f76d2b; }

.b-auto__main-nav li.active a { color: #f76d2b; }

.b-auto__main-item h2 { color: #000; }

.b-auto__main-item-info .m-price { color: #fff; background: #f76d2b; }

.b-auto__main-item-info .m-number { color: #999999; }

/*b-auto*/
/*b-count*/
.b-count { background-color: #f76d2b; color: #fff; }

.b-count:after { background: rgba(255, 255, 255, 0.3); }

/*b-count*/
/*b-contact*/
.b-contact { background: #333333; color: #fff; }

.b-contact-title { text-align: center; }

.b-contact-title h5 { background: #f76d2b; }

.b-contact__form form > div span { color: #555555; }

.b-contact__form button { background: #f76d2b; color: #fff; }

.b-contact__form button:hover { background: #ffffff; color: #707070; }

/*b-contact*/
/*b-review*/
.b-review { background: #fff; }

.b-review__main h5 { color: #999999; }

.b-review__main h5 span { color: #000; }

.b-review__main p { color: #666666; }

.b-review__main h5 em { color: #f76d2b; }

/*b-review*/
/*b-features*/
.b-features { color: #fff; }

.b-features:after { background: rgba(255, 255, 255, 0.3); }

/*b-features*/
/*b-info*/
.b-info { background: #333333; }

.b-info__aside { background: #272727; }

.b-info__latest > h3, .b-info__aside-article > h3, .b-info__twitter > h3, .b-info__contacts > p { color: #f76d2b; }

.b-info__aside-article-item h6 { color: #fff; }

.b-info__aside p { color: #999999; }

.b-info__aside > a.btn.m-btn { color: #ccc; background: #2b2b2b; }

.b-info__aside > a.btn.m-btn:hover { background: #f76d2b; color: #fff; border-color: #f76d2b; }

.b-info__aside > a.btn.m-btn:hover span { background: #fff; color: #6a6a6a; }

.b-info__latest-article-info h6 { color: #fff; }

.b-info__latest-article-info p { color: #999999; }

.b-info__twitter-article-content p { color: #999999; }

.b-info__twitter-article-content span { color: #fefefe; }

.b-info__contacts { color: #999999; }

.b-info__map a { color: #999999; }

.b-footer__company p { color: #999; }

.b-footer__content-social a { color: #999999; }

.b-footer__content-social a:hover, .b-footer__content-social a:visited, .b-footer__content-social a:active, .b-footer__content-social a:focus { color: #999999; }

.b-footer__content-nav ul li a { color: #999; }

/*b-info*/
/*=======================Index=======================*/
/*=======================Home=======================*/
/*b-topBar*/
.m-home .b-topBar { background: #333333; color: #fff; }

.m-home .b-topBar__addr, .m-home .b-topBar__tel { color: #fff; border-color: #444; }

.m-home .b-topBar__nav li a, .m-home .b-topBar__lang > div > a { color: #fff; }

.m-home .b-topBar__nav, .m-home .b-topBar__nav li, .m-home .b-topBar__nav li a, .m-home .b-topBar__lang, .m-home .b-topBar { border-color: #444; }

/*b-topBar*/
/*b-nav*/
.m-home .b-nav { background: #222222; }

.m-home .b-nav__logo h3 a { color: #fff; }

.m-home .b-nav__logo h3 a span { color: #f76c2b; }

.m-home .b-nav__list > #nav > ul > li > a { color: #fff; }

/*b-nav*/
/*b-slider*/
.m-home .b-slider__info p span { background: #333333; }

.m-home .b-slider__info .btn.m-btn { background: #f76d2b; color: #fff; }

.m-home .b-slider__info .btn.m-btn span.fa { background: #fff; color: #6a6a6a; }

.m-home .b-slider__info a.btn:hover { color: #555555; background: #fff; }

.m-home .b-slider__info a.btn:hover span { color: #fff; background: #555 !important; }

/*b-slider*/
/*b-search*/
.m-home .b-search .container > h1 { color: #555; }

.m-home .b-search__main > h4 { color: #f76d2b; }

/*b-search*/
/*b-featured*/
.m-home .b-featured .s-title { color: #fff; }

.m-home .b-featured__item h5 { color: #fff; }

.m-home .b-featured__item > a { background: #fff; }

.m-home .b-featured .owl-buttons > div { background: #ddd !important; opacity: 0.8; color: #929292 !important; }

/*b-featured*/
/*b-homeAuto*/
.m-home .b-homeAuto { background: #fff; }

.m-home .b-homeAuto__world-item-info > h2 { color: #000; }

.m-home .b-world__item-val-circles span { background: #5d5d5d; }

.m-home .b-world__item-num { background: #f76d2b; border-color: #f76d2b; color: #fff; }

.m-home .b-homeAuto__world-item-text span { color: #999999; }

.m-home .b-homeAuto__world-item-text p { color: #666666; }

.m-home .b-homeAuto__world > a { background: transparent; color: #555; }

.m-home .b-homeAuto__world > a span.fa { color: #fff; background: #555; }

/*b-homeAuto*/
/*b-count*/
.m-home .b-count { background-color: #f5f5f5; color: #555; }

.m-home .b-count__item-circle span { color: #333; }

.m-home .b-count__item-circle:hover { background: #f76d2b; border-color: #f76d2b; cursor: pointer; color: #fff; }

.m-home .b-count__item-circle:hover span { color: #fff; }

.m-home .b-count__item h2 { color: #f76d2b; }

.m-home .b-count__item h5 { border-color: #555; }

.m-home .b-count:after { display: none; }

/*b-count*/
/*b-homeReviews*/
.m-home .b-homeReviews { color: #fff; }

.m-home .b-homeReviews h1.s-title { color: #fff; }

.m-home .b-review__main-person { background: #fff; }

.m-home .b-homeReviews__main-person-name em { color: #f76d2b; }

.m-home .b-homeReviews .owl-buttons > div { color: #222222 !important; }

/*b-homeReviews*/
/*b-asks*/
.m-home .b-asks { background: #fff; }

/*b-asks*/
/*b-partners*/
.m-home .b-partners { background: #fff; }

/*b-partners*/
/*b-info*/
.m-home .b-info__aside p { color: #cccccc; }

/*b-info*/
/*b-footer*/
.m-home .b-footer__toTop-inside { background: #f76d2b; color: #fff; }

.m-home .b-footer__toTop:hover .b-footer__toTop-inside { background: #ffffff; color: #707070; }

.b-items__aside-main-footer .btn.m-btn:hover span.fa { background: #555; }

/*b-footer*/
/*=======================Home=======================*/
/*=======================Listings=======================*/
/*b-pageHeader*/
.b-pageHeader { color: #fff; }

.b-pageHeader__search { background: #f76d2b; }

/*b-pageHeader*/
/*b-breadCumbs*/
.b-breadCumbs { background: #fff; }

.b-breadCumbs__page, .b-breadCumbs__page:hover, .b-breadCumbs__page:focus, .b-breadCumbs__page:active, .b-breadCumbs__page:visited { color: #999; }

.b-breadCumbs__page.m-active, .b-breadCumbs span.fa { color: #545454; }

/*b-breadCumbs*/
/*b-infoBar*/
.b-infoBar { background: #f5f5f5; }

.b-infoBar__select-one-title, .b-infoBar__compare-item, .b-infoBar__compare-item:hover, .b-infoBar__compare-item:focus, .b-infoBar__compare-item:visited, .b-infoBar__compare-item:active { color: #444; }

.b-infoBar__compare-item span.fa { color: #f76d2b; }

.b-infoBar__compare-item span.fa.fa-caret-down { color: #555; }

.b-infoBar__select-one a { background: #fff; color: #999999; }

.b-infoBar__select-one a.m-active, .b-infoBar__select-one a:hover { color: #f76d2b; }

.b-infoBar__select-one select { background: #fff; color: #999; }

/*b-infoBar*/
/*b-items*/
.b-items { background: #fff; }

.b-items__aside-main-body { background: #555555; color: #fff; }

.b-items__aside-main-body-item select { background: #444; color: #cccccc; }

.b-items__aside-main-body-item > div select + span.fa { color: #f76d2b; }

.b-items__aside-main-body-item .ui-slider-handle { background-color: #fff; }

.b-items__aside-main-body-item .slider { border-color: transparent; background-color: #fff; }

.b-items__aside-main-body-item .ui-widget-header { background: #f76d2b; }

.b-items__aside-main-body-item .ui-slider-handle:before { color: #fff; background: #444444; }

.b-items__aside-main-footer { background: #444444; }

.b-items__aside-main-footer .btn.m-btn { background: #f76d2b; color: #fff; }

.b-items__aside-main-footer .btn.m-btn span.fa { background: #fff; color: #444444; }

.b-items__aside-main-footer .btn.m-btn:hover { background: #fff; color: #444444; }

.b-items__aside-main-footer .btn.m-btn:hover span { background: #f76d2b; color: #fff; }

.b-items__aside-main-footer > a { color: #999; }

.b-items__aside-sell-img h3 { color: #fff; }

.b-items__aside-sell-info { background: #2475ce; color: #fff; }

.b-items__aside-sell-info a.btn.m-btn { background: transparent; color: #fff; }

.b-items__aside-sell-info a.btn.m-btn span.fa { background: #fff; color: #666; }

.b-items__aside-sell-info a.btn.m-btn:hover { background: #fff; color: #666 !important; }

.b-items__aside-sell-info a.btn.m-btn:hover span { background: #f76d2b; color: #fff; }

.b-items__cars-one-img-video, .b-items__cars-one-img-video:hover, .b-items__cars-one-img-video:visited, .b-items__cars-one-img-video:active { background: rgba(0, 0, 0, 0.5); color: #fff; }

.b-items__cars-one-img-type { color: #fff; }

.b-items__cars-one-img-type.m-premium { background: #3cd225; }

.b-items__cars-one-img-type.m-leasing { background: #2475ce; }

.b-items__cars-one-img-type.m-listing { background: #d90000; }

.b-items__cars-one-img-type.m-owner { background: #ffd24d; }

.b-items__cars-one-img-check { background: #fff; }

.b-items__cars-one-img-check span { color: #f76d2b; }

.b-items__cars-one-info-header h2 { color: #212121; }

.b-items__cars-one-info-header > span { background: #f76d2b; color: #fff; }

.b-items__cars-one-info p { color: #666; }

.b-items__cars-one-info-km { color: #999; }

.b-items__cars-one-info a.btn.m-btn { color: #545454; }

.b-items__cars-one-info a.btn.m-btn:hover { background: #f76d2b; color: #fff; border-color: #f76d2b; }

.b-items__cars-one-info a.btn.m-btn:hover span { background: #fff; color: #545454; }

.b-items__pagination-main > a { color: #fff; background: #ddd; }

.b-items__pagination-main > span a { color: #999; }

.b-items__pagination-main > span.m-active a { color: #f76c2b; }

.b-items__pagination-main > span:hover a { color: #f76c2b; }

.m-listingsTwo .b-items__cars-one-info-price h3 { color: #999; }

.m-listingsTwo .b-items__cars-one-info-price h4 { color: #f76d2b; }

/*b-items*/
/*=======================Listings=======================*/
/*=======================ListingsTwo=======================*/
/*b-items*/
.b-items__cars-one-info-title { color: #555; }

.b-items__cars-one-info-value { color: #999; }

/*b-items*/
/*=======================ListingsTwo=======================*/
/*=======================ListTable=======================*/
/*b-items*/
.b-items__cell-info h2 { color: #000; }

.b-items__cell-info > p { color: #666; }

.b-items__cell-info ul li { color: #999; }

.b-items__cell-info-price { color: #f76d2b; }

.b-items__cell-info-km { color: #999; }

.b-items__cell-info a.btn.m-btn { color: #545454; }

.b-items__cell-info a.btn.m-btn:hover { background: #f76d2b; color: #fff; border-color: #f76d2b; }

.b-items__cell-info a.btn.m-btn:hover span.fa { background: #fff; color: #545454 !important; }

/*b-items*/
/*=======================ListTable=======================*/
/*=======================ListTableTwo=======================*/
/*b-items*/
.m-listTableTwo .b-items__cell-info-price span { color: #999; }

/*b-items*/
/*=======================ListTableTwo=======================*/
/*=======================Detail=======================*/
/*b-infoBar*/
.b-infoBar__premium { color: #fff; background: #3cd225; }

.btn.m-btn.m-infoBtn { color: #535353; }

.btn.m-btn.m-infoBtn:hover { background: #f76d2b; color: #fff; border-color: #f76d2b; }

.btn.m-btn.m-infoBtn:hover span.fa { background: #fff; color: #555; }

/*b-infoBar*/
/*b-detail*/
.b-detail__head h1 { color: #000; }

.b-detail__head h3 { color: #999; }

.b-detail__head-price-num { color: #fff; background: #f76d2b; }

.b-detail__head-price p { color: #999; margin: 10px 0 0 0; }

.b-detail__main-aside-desc-title { color: #666; }

.b-detail__main-aside-desc-value { color: #525252; }

.b-detail__main-aside-about-call { background: #555555; color: #fff; }

.b-detail__main-aside-about-call p { color: #ddd; }

.b-detail__main-aside-about-call span.fa { background: #808080; }

.b-detail__main-aside-about-seller { background: #f76d2b; color: #fff; }

.b-detail__main-aside-about-form { background: #f5f5f5; }

.b-detail__main-aside-about-form-links a { color: #999; }

.b-detail__main-aside-about-form-links a.m-active { color: #f76d2b; }

.b-detail__main-aside-about-form-links a:hover { color: #f76d2b; }

.b-detail__main-aside form input[type='text'], .b-detail__main-aside form input[type='email'], .b-detail__main-aside form input[type='tel'], .b-detail__main-aside select { background: #fff; }

.b-detail__main-aside form select { color: #999; }

select.m-select + span.fa { color: #555; }

.b-detail__main-aside form input::-webkit-input-placeholder { color: #999; }

.b-detail__main-aside form input:-moz-placeholder { color: #999; }

.b-detail__main-aside form label { color: #999999; margin-left: 10px; vertical-align: middle; }

.b-detail__main-aside form button.btn.m-btn { background: #f76d2b; color: #fff; }

.b-detail__main-aside form button.btn.m-btn:hover { background: #fff; color: #555; }

.b-detail__main-aside form button.btn.m-btn span.fa { background: #fff; color: #555; }

.b-detail__main-aside form button.btn.m-btn:hover span.fa { background: #f76d2b; color: #fff; }

.b-detail__main-aside-payment-form { background: #f5f5f5; }

.b-detail__main-info-characteristics-one-bottom { color: #555; background: #f5f5f5; }

.b-detail__main-info-characteristics-one:hover { background: #f5f5f5; }

.b-detail__main-info-characteristics-one:hover .b-detail__main-info-characteristics-one-top { border-bottom-color: #f5f5f5; }

.b-detail__main-info-characteristics-one:hover .b-detail__main-info-characteristics-one-top > div { background: #f76d2b; }

.b-detail__main-info-characteristics-one-top > div { background: #555555; color: #fff; }

.b-detail__main-info-text p { color: #666; }

.b-detail__main-info-extra ul li span.fa { color: #f76d2b; }

/*b-detail*/
/*b-related*/
.b-related { background: #f5f5f5; }

/*b-related*/
/*b-brands*/
.b-brands { background: #fff; }

/*b-brands*/
/*=======================Detail=======================*/
/*=======================Compare=======================*/
/*b-pageHeader*/
/*b-infoBar*/
.m-compare .b-infoBar h5 { color: #525252; }

.m-compare .b-infoBar h5 span { color: #f76d2b; }

/*b-infoBar*/
/*b-compare*/
.b-compare { background: #fff; }

.b-compare__images-item h3 { color: #212121; }

.b-compare .b-compare__images .b-compare__images-item-price { background-color: #f76d2b; color: #fff; }

.b-compare__images-item-price-vs { color: #fff; background: #555; }

.b-compare__block-title { background: #f5f5f5; }

.b-compare__block-inside-title { color: #555; }

.b-compare__block-inside-value { color: #666; }

.b-compare__block-inside-value ul li span.fa { color: #f76d2b; }

.b-compare__links a.btn.m-btn { color: #555; }

.b-compare__links a.btn.m-btn:hover { background: #f76d2b; color: #fff; border-color: #f76d2b; }

.b-compare__links a.btn.m-btn span.fa { background: #f76d2b; }

.b-compare__links a.btn.m-btn:hover span.fa { color: #555; background: #fff; }

/*b-compare*/
/*=======================Compare=======================*/
/*=======================Blog=======================*/
/*b-blog*/
.b-blog { background: #fff; }

.b-blog__aside-search input[type='text'] { color: #999; }

.b-blog__aside-search button { color: #f76d2b; }

.b-blog__aside-categories h2 { color: #000; }

.b-blog__aside-categories-list li a { color: #555; }

.b-blog__aside-categories-list li:hover a, .b-blog__aside-categories-list li.m-active a { color: #f76d2b; border-color: #f76d2b; }

.b-blog__aside-popular-posts h4 a { color: #525252; }

.b-blog__aside-popular-posts-one-date { color: #555; }

.b-blog__aside-popular-posts-one-date span.fa { color: #f76d2b; }

.b-blog__aside-text p { color: #666; }

.b-blog__aside-reviews-posts-one-info p { color: #525252; }

.b-blog__aside-reviews-posts-one-info .b-world__item-val-circles span { background: #555; }

.b-blog__aside-reviews-posts-one-info .b-world__item-num { background: #f76d2b; border-color: #f76d2b; color: #fff; }

.b-blog__posts-one-social a { color: #999999; }

.b-blog__posts-one-social a:hover { color: #f76d2b; }

.b-blog__posts-one-body-head h2 { color: #000; }

.b-blog__posts-one-body-head-notes { color: #999; }

.b-blog__posts-one-body-main > p { color: #666; }

.btn.m-btn.m-readMore { color: #555; }

.btn.m-btn.m-readMore:hover { background: #f76d2b; color: #fff; border-color: #f76d2b; }

.btn.m-btn.m-readMore:hover span.fa { background: #fff; color: #555; }

.b-blog__posts-one-body-main-link { background: #f76d2b; }

.b-blog__posts-one-body-main-link a { color: #fff; }

.b-blog__posts-one-share { color: #555; }

/*b-blog*/
/*=======================Blog=======================*/
.m-blogTwo .b-blog__posts-one-body-head-notes-note span.fa { color: #f76d2b; }

.b-blog__posts-one-info p { color: #666; }

.b-blog__posts-one-social em { color: #555; }

.owl-theme .owl-controls .owl-buttons div { background: #ddd; }

/*600-767*/
@media screen and (max-width: 767px) { /*    .b-nav__list{ background: #555; }  .b-nav__list ul li a{ color:#fff!important; } */
  ul.h-nav li a { color: #555 !important; } }
/*600-767*/
/*
OVERRIDE colors
*/
/*  Created on : Oct 9, 2017, 3:29:04 PM Author     : Fang
*/
a { -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; transition-property: all; transition-duration: 200ms; transition-timing-function: linear; transition-delay: 0; color: #2BA8E1; }
a:hover, a:focus { color: #337ab7; }

/* Global */
.s-titleDet { border-left-color: #2BA8E1; }

.b-nav__list ul li a { color: #fff; border-bottom: 3px solid #222; }
.b-nav__list ul li a:hover, .b-nav__list ul li a:focus { border-bottom-color: #2BA8E1 !important; }

@media screen and (max-width: 599px) { .b-nav__list { background: #555; }
  .b-nav__list ul li a { color: #fff !important; border-bottom: none; }
  .b-nav__list ul li a:hover { border: none; } }
.navbar-toggle { background-color: #2BA8E1; }

.b-slider__info h3 { border: none; }

.b-search__main-title { background-color: transparent; }
.b-search__main-title h2 { color: #525252; border: none; text-transform: uppercase; }

.s-titleBg { color: #555; background-color: transparent; }

.s-title { color: #525252; border: none; }

.b-auto__main-item-info .m-price { color: #f76d2b; background-color: transparent; }

.b-search__main-form-submit button.btn.m-btn { color: #2BA8E1; border-color: #2BA8E1; background-color: transparent; }
.b-search__main-form-submit button.btn.m-btn span.fa { background-color: #2BA8E1; }
.b-search__main-form-submit button.btn.m-btn:hover { background-color: #2BA8E1; }
.b-search__main-form-submit button.btn.m-btn:hover span.fa { color: #fff !important; }

.b-pageHeader__search { background: rgba(43, 168, 225, 0.7); }
.b-pageHeader__search h3 { border-left: none; }

.b-items__cell-info h2 { border-left-color: #2BA8E1; }
.b-items__cell-info li span { font-weight: bold; }
.b-items__cell-info a.btn.m-btn:hover { background-color: #2BA8E1; border-color: #2BA8E1; }
.b-items__cell-info a.btn.m-btn:hover span.fa { color: #2BA8E1 !important; }

.b-items__aside-main-body { background-color: transparent; color: #525252; border: 1px solid #eee; border-bottom: none; }

.b-items__aside-main-body-item select { cursor: pointer; background-color: transparent; border: 1px solid #eee; color: #aaa; }
.b-items__aside-main-body-item > div select + span.fa { color: #2BA8E1; }

.b-items__aside-main-footer { background: #444444; background-color: transparent; border: 1px solid #eee; border-top: none; }
.b-items__aside-main-footer .btn.m-btn { background-color: transparent; color: #2BA8E1; border-color: #2BA8E1; }
.b-items__aside-main-footer .btn.m-btn span.fa { background-color: #2BA8E1; color: #fff; }
.b-items__aside-main-footer .btn.m-btn:hover { background-color: #2BA8E1; color: #fff; }
.b-items__aside-main-footer .btn.m-btn:hover span.fa { background-color: #2BA8E1; }

.b-items__pagination-main > a { background-color: #2BA8E1; color: #fff; }
.b-items__pagination-main span a { font-size: 14px !important; }
.b-items__pagination-main span.m-active a, .b-items__pagination-main span:hover a { color: #2BA8E1; }

.b-detail__head-title { border-left-color: #2BA8E1; }

.b-detail__head-price-num { background-color: transparent; color: #f76d2b; border-right: 3px solid #f76d2b; border-bottom: 3px solid #f76d2b; }

.b-detail__main-aside-about-seller { background-color: #2BA8E1; }

.m-detail .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; }

.arrival-date .b-detail__main-aside-desc-title { color: #f76d2b; }
.arrival-date .b-detail__main-aside-desc-value { color: #f76d2b; }

.b-error .s-lineDownCenter { color: #2BA8E1; }
.b-error p { color: #525252; }

.b-info__latest h3, .b-info__aside-article h3, .b-info__twitter h3, .b-info__contacts h3 { margin: 0 0 20px 0; font: 700 14px 'Open Sans',sans-serif; text-transform: uppercase; padding: 0 10px; border-right: 3px solid #fff; border-left: 3px solid #fff; display: inline-block; color: #ccc; border-left-color: #ccc; border-right-color: #ccc; }
.b-info__latest p, .b-info__aside-article p, .b-info__twitter p, .b-info__contacts p { color: #bbb; }

.b-info__contacts { color: #bbb; }

.b-info__aside { border-top-color: #2BA8E1; }

/* START OVERRIDE style & layout */
/*  Created on : Oct 8, 2017, 10:55:22 PM Author     : Fang
*/
.with-transition, .with-transition * { -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0; transition-property: all; transition-duration: 200ms; transition-timing-function: linear; transition-delay: 0; }

.navbar-header { position: relative; }

.navbar-toggle { position: absolute; top: -64px; right: 0; margin-right: 0; }

@media (min-width: 600px) { .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
  .navbar-toggle { display: none; } }
.empty-box.b-error { padding-top: 0; }

/*992-1170*/
@media screen and (max-width: 1199px) { .b-search__main { height: auto; }
  .b-info__aside { margin-top: -200px; } }
/*768-991*/
@media screen and (max-width: 991px) { .b-slider .image-box { height: 400px; }
  .m-secondSelects { margin-bottom: 45px; } }
/*600-767*/
@media screen and (max-width: 767px) { .b-slider .image-box { height: 300px; }
  .b-detail__head-price { float: right; } }
/*480-599*/
@media screen and (max-width: 599px) { .b-detail__main-info-images-big .image-box { height: 210px; }
  .b-detail__main-info-images-small-one .image-box { height: 30px; }
  .b-footer .b-footer__company { text-align: center; }
  .b-footer .b-footer__content { text-align: center; }
  .b-footer .b-footer__content p { line-height: normal; } }
@media screen and (max-width: 479px) { .b-detail__main-info-images-big .image-box { height: 210px; }
  .b-detail__main-info-images-small-one { margin-bottom: 5px !important; }
  .b-detail__main-info-images-small-one .image-box { height: 30px; } }
/* --- START search form page --- */
.search-form-page .b-search__main { margin-top: 0 !important; }

/* PLUGIN CSS */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*  Created on : Oct 20, 2017, 11:29:03 PM Author     : Fang
*/
.ff-cms-login { /* Fix the input background color for chrome REF: http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
*/ }
.ff-cms-login input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
.ff-cms-login input:focus, .ff-cms-login textarea:focus { outline: none; }
.ff-cms-login .ff-cms-content { width: 300px; margin: 100px auto 0; }
.ff-cms-login .header { margin-bottom: 20px; }
.ff-cms-login .header img { display: block; margin: 0 auto; width: 280px; }
.ff-cms-login .form-box { padding: 20px; border: 1px solid #ccc; border-radius: 5px; }
.ff-cms-login .field { margin-bottom: 15px; }
.ff-cms-login .field .middleColumn { border: 1px solid #aaa; border-radius: 3px; padding: 3px 6px; }
.ff-cms-login .field input { border: none; width: 100%; }
.ff-cms-login .field.checkbox { margin-top: 0; }
.ff-cms-login .field.checkbox input[type="checkbox"] { width: 20px; margin: 0; margin-top: 3px; }
.ff-cms-login .field.checkbox label { padding-left: 30px; }
.ff-cms-login .Actions { border-top: 1px solid #ccc; padding-top: 15px; text-align: right; }
.ff-cms-login .action { border: 1px solid #ccc; padding: 6px 10px; border-radius: 3px; background-color: #2BA8E1; color: #fff; }
.ff-cms-login #ForgotPassword { display: none; }
.ff-cms-login .message.bad { color: #f76d2b; }