/* ==========================================================================
	#Fonts
========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Ek+Mukta:400,800,700,600,500,300,200);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,700,600,500,300);

/* ==========================================================================
	#Styles
========================================================================== */
.formFilters .selectCustom { position: relative; }
.formFilters .selectCustom:after { position: absolute; top: 50%; right: 7px; margin-top: -3px; border-top: 6px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ''; }

/* ==========================================================================
	#General
========================================================================== */
body { background: #fff; color: #625759; }
body,
input,
select,
textarea,
button { font-family: 'Ek Mukta', 'Open Sans', 'Amiri', 'Arimo', sans-serif; }
input,
select,
textarea,
button { color: #8c9299; }

/* ==========================================================================
	#Icons
========================================================================== */
.ico { background-image: url(../images/sprite-6.png); }

/* ==========================================================================
	#Buttons
========================================================================== */
.btnOrange, .btn-primary { border-color: #e4720d; background: #e4720d; color: #fff; }
.btnOrange:hover, .btn-primary:hover { border-color: #ff9800; background: #ff9800; }

.btnBlue { border-color: #ff9800; background: #ff9800; color: #fff; }

.btnBordered { border-color: #0b5a97; background: #fff; color: #e4720d; }
.btnBorderedNoBg { background: transparent; }
.btnBordered:hover { border-color: #e4720d; color: #e4720d; }

.btnBack:before { border-color: #e4720d; }

.btnLink { color: #ff9800; }
.btnLink:hover { color: #e4720d; }

.btnScrollTop { background: #ff9800; }
.btnScrollTop:hover { background: #e4720d; }
.btnScrollTop:before { border-bottom-color: #fff; }
.btnScrollTop:after { background: #fff; }

.btnPlay { border-color: #ff9800; background: none; }
.btnPlay:hover { background: #ff9800; }
.btnPlay:after { border-left-color: #ff9800; }
.btnPlay:hover:after { border-left-color: #fff; }

/* ==========================================================================
	#Colorbox
========================================================================== */
#cboxLoadedContent { background: #fff; }
#cboxPrevious,
#cboxNext { border-color: #fff; }
#cboxPrevious:before,
#cboxNext:before { border-color: #fff; }
#cboxPrevious:hover,
#cboxPrevious:hover:before,
#cboxNext:hover,
#cboxNext:hover:before { border-color: #e4720d; }
#cboxOverlay { background: rgba(0, 0, 0, .8); }
#cboxClose { border-color: #e4720d; background-color: transparent; }
#cboxClose:before { color: #e4720d; }

/* ==========================================================================
	#Forms
========================================================================== */
.form .formLabel { color: #282e36; }
.form .field,
.form .textarea,
.form .selectCustom { border-color: #d2cfcf; background-color: #fff; }
.form .field:focus,
.form .textarea:focus { border-color: #e4720d; }

.form .selectCustom { background-image: url(../images/dropdown-icon.png); }
.form .selectCustom select { background: transparent; }
.form .selectCustom select:focus { color: #282e36; }
.formFilters .selectCustom select,
.formFilters .selectCustom select:focus { color: #fff; }
.formFilters .selectCustom select option { background: #0b5a97; }

.form .formRowCaptcha .captchaImage { border-color: #d2cfcf; }

.rangeSlider .formLabel .rangeSliderFrom,
.rangeSlider .formLabel .rangeSliderTo,
.rangeSlider .formLabel .separator,
.rangeSlider .rangeSliderDefaults .rangeSliderDefaultValueFrom,
.rangeSlider .rangeSliderDefaults .rangeSliderDefaultValueTo { color: #8c9299; }
.rangeSlider .rangeSliderRail { background: #282e36; }
.rangeSlider .ui-slider-range { background: #054a7e; }
.formFilters .rangeSlider .rangeSliderRail { background: #0b5a97; }
.formFilters .rangeSlider .ui-slider-range { background: #ff9800; }
.rangeSlider .ui-slider-handle { border-color: #ff9800; background: #ff9800; }
.rangeSlider .ui-slider-handle.ui-state-focus { border-color: #e4720d; background: #e4720d; }

.customCheckbox label { color: #625759; }
.customCheckboxFake { border-color: #d2cfcf; background: #fff; }
.customInputChecked .customCheckboxFake { border-color: #e4720d; background: #e4720d; }
.customRadio label { border-color: #d2cfcf; color: #8c9299; }
.customInputChecked label { color: #282e36; }
.customRadioFake { border-color: #d2cfcf; background: #d2cfcf; }
.formFilters .customRadioFake { border-color: #054a7e; background: #054a7e; }
.customInputChecked .customRadioFake { border-color: #ff9800; background: #ff9800; }

/* ==========================================================================
	#formLoan
========================================================================== */
.formLoan .formHead .formTitle { color: #282e36; }
.formLoan .formControls .currencySign { color: #282e36; }
.formLoan .formControls .formBodyParagraph { color: #625759; }
.formLoan .formLabel { color: #282e36; }
.formLoan .formResults { border-top-color: #e1e6e6; }
.formLoan .formResults li { border-right-color: #e1e6e6; }
.formLoan .formResults li:last-of-type { border-right-color: transparent; }
.formLoan .formResults dt { color: #625759; }
.formLoan .formResults dd { color: #282e36; }

/* ==========================================================================
	#Header
========================================================================== */
.headerBar { background: #0b5a97; }
.headerUtilities { background: #054a7e; }

/* ==========================================================================
	#navAccess
========================================================================== */
.navAccess a { color: #fff; }
.navAccess a:hover { color: #ff9800; }

/* ==========================================================================
	#navLang
========================================================================== */
.navLang a { color: #fff; }
.navLang > ul > li > a { background: #054a7e; }
.navLang > ul > li > a:hover { color: #ff9800; }
.navLang li ul { background: #054a7e; }
.navLang li ul a:hover { background: #ff9800; color: #fff; }

.navLang .btnNavTrigger:after { border-top-color: rgba(255, 255, 255, .6); }
.navLang.navLangOpen .btnNavTrigger,
.navLang li:hover .btnNavTrigger { color: #ff9800; }
.navLang li:hover .btnNavTrigger:after,
.navLang .btnNavTrigger:hover:after,
.navLang.navLangOpen .btnNavTrigger:after { border-top-color: #ff9800; }

/* ==========================================================================
	#navUtilities
========================================================================== */
.nav a { color: #fff; }
.nav .highlighted a,
.nav .current a,
.nav a:hover { color: #ff9800; }

/* ==========================================================================
	#sliderHome
========================================================================== */
.sliderHome .slideContentInner { background: rgba(5, 74, 126, .8); }
.sliderHome .slideContent p,
.sliderHome .slideContent .slideParagraph { color: #fff; }
.sliderHome .slideContent .slideTitle { background: #fff; color: #282e36; }
.sliderHome .slideContent .slideTitle a:after { background-image: url(../images/slide-title-arrow.png); }
.sliderHome .slideContent .slideTitle a:hover { color: #ff9800; }
.sliderHome .sliderPrev,
.sliderHome .sliderNext { background-color: rgba(5, 74, 126, .3); background-image: url(../images/sprite-6.png); }
.sliderHome .sliderPrev:hover,
.sliderHome .sliderNext:hover { background-color: rgba(5, 74, 126, 1); }

/* ==========================================================================
	#Sections
========================================================================== */
.section .sectionHead { background: #f3f3f3; }
.section .sectionTitle { color: #282e36; }

/* ==========================================================================
	#Articles
========================================================================== */
.article .articleBody p,
.article .articleBody .articleBodyParagraph { color: #625759; }

/* ==========================================================================
	#sectionSearchShort
========================================================================== */
.sectionSearchShort { background: #054a7e; }
.formFilters .formLabel { color: #fff; }
.formFilters .field,
.formFilters .textarea,
.formFilters .selectCustom { border-color: #0b5a97; background-color: #0b5a97; }

/* ==========================================================================
	#sectionFeaturedCars
========================================================================== */
.sectionFeaturedCars .sectionTitle { color: #282e36; }
.productBadge { background: #054a7e; color: #fff; }
.productContent { background: #fff; }
.productContent .productTitle { color: #282e36; }
.product a:hover .productContent .productTitle { color: #ff9800; }
.productContent .productPrice { color: #e4720d; }
.productContent .productPrice .productPriceOld { color: #282e36; }
.productContent .productPrice .productPriceOld:after { background: #e4720d; }
.productOverlay { background: #fff; }
.listProductMeta li { color: #8c9299; }

/* ==========================================================================
	#sectionFeatures
========================================================================== */
.sectionFeatures { background: #f3f3f3; }
.featureHead .featureTitle { color: #282e36; }
.featureBody p,
.featureBody .featureBodyParagraph { color: #625759; }

/* ==========================================================================
	#sectionLatests
========================================================================== */
.sectionLatests .sectionSubsectionTitle { color: #282e36; }
.latestProductImage:after { background: rgba(255, 255, 255, 0); }
.latestProduct a:hover .latestProductImage:after { background: rgba(255, 255, 255, .5); }
.latestProductBadge { background: #054a7e; color: #fff; }
.latestProductTitle { color: #282e36; }
.latestProduct a:hover .latestProductTitle { color: #ff9800; }
.latestProductPrice { color: #e4720d; }
.latestProductPrice .latestProductPriceOld { color: #282e36; }
.latestProductPrice .latestProductPriceOld:after { background: #e4720d; }
.latestProductMeta li { color: #8e8c8c; }
.latestArticleImage:after { background: rgba(255, 255, 255, 0); }
.latestArticle a:hover .latestArticleImage:after { background: rgba(255, 255, 255, .5); }
.latestArticleContent p { color: #8e8c8c; }
.latestArticleContent .latestArticleTitle { color: #282e36; }
.latestArticle a:hover .latestArticleTitle { color: #ff9800; }
.latestArticleContent .latestArticleMeta { color: #e4720d; }
.listBulletsLinks li:before { background: #282e36; }
.listBulletsLinks a { color: #e4720d; }
.listBulletsLinks a:hover { color: #282e36; }

/* ==========================================================================
	#sectionImageBg
========================================================================== */
.sectionImageBgOrange:after { background: rgba(243, 99, 44, .4); }
.sectionImageBgDark:after { background: rgba(0, 0, 0, .7); }
.sectionImageBgBlue:after { background: rgba(38, 115, 176, .8); }
.sectionImageBg .sectionInner p,
.sectionImageBg .sectionInner .sectionInnerParagraph,
.sectionImageBg .sectionInner .sectionTitle { color: #fff; }
.sectionImageBg .sectionActions .btnBordered { color: #fff; }
.sectionImageBg .sectionActions .btnBordered { background-color: transparent; }

/* ==========================================================================
	#sectionNewsletter
========================================================================== */
.sectionNewsletter { background: #fff; }
.sectionNewsletter .sectionHead p,
.sectionNewsletter .sectionHead .sectionHeadParagraph { color: #8c9299; }
.sectionNewsletter .sectionHead .sectionTitle { color: #282e36; }
.formSubscribe .field { color: #8c9299; }

/* ==========================================================================
	#sectionServices
========================================================================== */
.sectionServices { background: #fff; }
.service p,
.service .serviceParagpraph { color: #625759; }
.service .serviceTitle { color: #282e36; }

/* ==========================================================================
	#sectionContact
========================================================================== */
.contact dt { color: #282e36; }
.contact dd { color: #625759; }

/* ==========================================================================
	#sectionAccess
========================================================================== */
.formAccess .formFoot { border-top-color: rgba(57, 59, 65, .2); }
.formAccess .formFoot p,
.formAccess .formFoot .formFootParagraph { color: #625759; }

/* ==========================================================================
	#Footer
========================================================================== */
#footer { background: #054a7e; }
.copyright,
.credits { color: #fff; }
.credits .colorPrimary { color: #ff9800; }
.copyright a:hover,
.credits a:hover { color: #ff9800; }

/* ==========================================================================
	#footerNav
========================================================================== */
.footerNav a { color: #8c9299; }
.footerNav .current a,
.footerNav a:hover { color: #fff; }

/* ==========================================================================
	#sectionSearch
========================================================================== */
.formSearch .rangeSlider .rangeSliderRail { background: #d2cfcf; }
.formSearch .rangeSlider .ui-slider-handle { border-color: #054a7e; background: #054a7e; }
.formSearch .rangeSlider .ui-slider-handle.ui-state-focus { border-color: #e4720d; background: #e4720d; }

/* ==========================================================================
	#sectionProducts
========================================================================== */
.sectionProducts .sectionHead .btnBack:hover:before { border-color: #054a7e; }
.sectionProducts .sectionHead .sectionActions .sectionActionSort:after { border-color: #e4720d; }
.sectionProducts .sectionHead .sectionActions .sectionActionActive.sectionAction { border-color: #9a9da7; color: #282e36; }
.sectionProducts .sectionHead .sectionActions .sectionActionActive.sectionActionCompare { border-color: #dadadd; color: #e4720d; }
.sectionProducts .sectionHead .sectionActions .sectionActionActive.sectionActionCompare:hover { border-color: #9a9da7; color: #282e36; }
.sectionProducts .sectionHead .sectionActions .sectionActionSort:hover:after,
.sectionProducts .sectionHead .sectionActions .sectionActionActive.sectionActionSort:after,
.sectionProducts .sectionHead .sectionActions .sectionActionActive.sectionActionSort:hover:after { border-color: #054a7e; }
.sectionProducts .sectionActionResult { background: #054a7e; }

.sectionProducts .listSortLinks a { color: #fff; }
.sectionProducts .listSortLinks .sortLink span:last-child { background: rgba(255, 255, 255, .2); }
.sectionProducts .listSortLinks .sortLink span:last-child:after { border-top-color: rgba(255, 255, 255, .6); }
.sectionProducts .listSortLinks .sortLink:hover span:last-child { background: rgba(255, 255, 255, .6); }
.sectionProducts .listSortLinks .sortLink:hover span:last-child:after { border-top-color: rgba(255, 255, 255, 1); }

.formFilters .customRadio label { border-color: #0b5a97; background: #0b5a97; color: #fff; }
.formFilters .customInputChecked label { color: #fff; }
.sectionProducts .formFilters .formActions .btnBordered { color: #fff; }
.sectionProducts .formFilters .formActions .btnBordered:hover { border-color: #ff9800; color: #ff9800; }

/* ==========================================================================
	#formSend
========================================================================== */
.formSend .formHead .formTitle { color: #fff; }
.formSend .formLabel { color: #fff; }
.formSend .field,
.formSend .textarea { border-color: #0b5a97; background-color: #0b5a97; color: #fff; }
.formSend .formRowCaptcha .captchaImage { border-color: #e4720d; }

/* ==========================================================================
	#sectionProductDetails
========================================================================== */
.sectionProductDetails .productDetailsTitle,
.sectionProductDetails .productDetailsPrice { color: #282e36; }
.sectionProductDetails .productDetailsPrice { color: #e4720d; }
.sectionProductDetails .productDetailsPrice .productDetailsPriceOld { color: #282e36; }
.sectionProductDetails .productDetailsPrice .productDetailsPriceOld:after { background: #e4720d; }
.sectionProductDetails .productDetailsBadgeInner { background: #e4720d; color: #fff; }

.sectionProductDetails .productDetailsThumbs a { border-color: #fff; }
.sectionProductDetails .productDetailsThumbs a:hover,
.sectionProductDetails .productDetailsThumbs .current a { border-color: #e4720d; }
.sectionProductDetails .sectionSubSection p,
.sectionProductDetails .sectionSubSection .sectionSubSectionParagraph { color: #625759; }
.sectionProductDetails .sectionSubSection .sectionSubSectionTitle { color: #282e36; }
.sectionProductDetails .sectionSubSection dt { color: #282e36; }
.sectionProductDetails .sectionSubSection dd { color: #625759; }

.listBullets li { color: #625759; }
.listBullets li:before { background: #e4720d; }
.productVendorSlogan,
.sectionProductDetails .sectionSubSection .productVendorSlogan { color: #282e36; }

.customVideoPreview { background: #fff; }
.customVideoPreviewActions { background: rgba(0, 0, 0, .3); }

/* ==========================================================================
	#sectionCompare
========================================================================== */
.tableCompare tr:nth-child(even) { background: #f3f3f3; }
.tableCompare td { border-top-color: #d2cfcf; }
.tableCompare th { border-bottom-color: #d2cfcf; }
.tableCompare th strong { color: #282e36; }
.tableCompare th a { color: #282e36; }
.tableCompare th a:hover { color: #e4720d; }
.tableCompare td strong { color: #282e36; }
.tableCompare .btnRemove { background: #e1e6e6; color: #e4720d; }
.tableCompare .btnRemove:hover { background: #e4720d; color: #fff; }

.paging a { border: 2px solid #282e36; color: #282e36; }
.paging a:hover,
.paging span:hover,
.paging span.active, 
.paging a.active { border: 2px solid #e4720d; color: #e4720d; }

/* ==========================================================================
	#RTL
========================================================================== */
html[dir="rtl"] .formLoan .formResults li:last-of-type { border-right-color: #e1e6e6; }
html[dir="rtl"] .formLoan .formResults li:first-of-type { border-right-color: transparent; }

/* ==========================================================================
	#Responsive
========================================================================== */
@media only screen and (max-width: 680px) {
	/* ==========================================================================
		#Header
	========================================================================== */
	.nav a { background: #fff; color: #ff9800; }
	.nav .highlighted a,
	.nav .current a,
	.nav a:hover { background: #ff9800; color: #fff; }
}

@media only screen and (max-width: 480px) {
	/* ==========================================================================
		#sectionFeaturedCars
	========================================================================== */
	.product a .productOverlay { background: rgba(255, 255, 255, .7); }
	.listProductMeta li { color: #282e36; }

	/* ==========================================================================
		#sectionProducts
	========================================================================== */
	.sectionProducts .listSortLinks .sortLink span:last-child { background: none; }
}