body{font-family: 'Poppins', sans-serif;}

button:focus, a:focus{outline:0!important;}

.btn{border-radius: 25px; padding: 9px 17px 8px; font-size: 15px;transition: background-color 0.5s ease;}

.btn-default{background-color: #252f40; border-color: #252f40; color: #fff;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus{background-color: #1b222e; border-color: #1b222e; color: #fff;}


.btn:not(.filter-btn){min-width: 180px;}

.btn-danger{background-color: #ed1c24; border-color: #ed1c24;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus{background-color: #ce0a11; border-color: #ce0a11; color: #fff;}
.btn-white{background-color: #fff; border-color: #fff; color: #ed1c24;}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white:active:focus{background-color: #f0f0f0; border-color: #f0f0f0; color: #ed1c24;}
.btn-warning{background-color: #bd9d06; border-color: #bd9d06;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus{background-color: #aa8d03; border-color: #aa8d03; color: #fff;}

.mg-row{margin-bottom: 22px;}
.pad-t-60{padding-top: 60px;}

.text-danger{color: #ed1c24;}

.form-control{height: 40px;border-radius: 25px;border: none; box-shadow: none;}

.input-lg{height: 50px;}

.inline-block{display: inline-block;}


.fa-ul{margin-left: 1.5em!important;}


.form-search{position: relative;}
.form-search .search-btn{position: absolute;background-color: transparent; border-radius: 0 25px 25px 0;top: 0; right: 0; border: none; color: #ed1c24; margin: 0!important;min-width: 0!important;}
.form-search .form-control{padding-right: 40px;}

.btn-lg{font-size: 20px;padding: 12px 16px;}

.play-btn{background-color: #fff; border-radius: 50%; position: relative;display: block;width: 54px; height: 54px; z-index: 2; margin-left: auto;margin-right: auto; text-align: center;}
.play-btn:before{content: '\f144'; font-family: 'FontAwesome'; color: #ed1c24; font-size: 50px; position: absolute;top: 0; left: 0; right: 0; bottom: 0; line-height: 54px;}

.play-btn.small{width: 39px; height: 39px;}
.play-btn.small:before{font-size: 36px; line-height: 39px;}



img{max-width: 100%; height: auto;}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child{margin-top: 0;}


h2{font-size: 36px;}
h3{font-size: 24px;margin-bottom: 6px;}



.more{font-size: 15px;color: #ed1c24; text-decoration: none;}
.more:hover{text-decoration: none;color: #ce0a11;}

hr{margin-top: 30px;}


.title-box p{color: #ed1c24; font-size: 15px; margin-bottom: 10px; font-weight: bold;}
.title-box h3{margin: 0 0 20px; color: #696969;}

.title-box h2{color: #696969; margin: 30px 0 50px;font-weight: bold;}
.title-box h2 + h3{color: #ed1c24;}



.info-section{padding: 20px 0; color: #fff;
	background: rgb(136,140,152);
	background: -moz-linear-gradient(left,  rgba(136,140,152,1) 0%, rgba(94,105,117,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(136,140,152,1) 0%,rgba(94,105,117,1) 100%);
	background: linear-gradient(to right,  rgba(136,140,152,1) 0%,rgba(94,105,117,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888c98', endColorstr='#5e6975',GradientType=1 );
}
.info-section.red-bg{background: #ed1c24;}


.info-section h3{color: #fff; display: inline-block; vertical-align: bottom;}
.info-section .btn{margin-left: 25px;}

.recomended-section{padding: 20px 0; background-color: #b4002f; white-space: nowrap; vertical-align: middle;}
.recomended-section *{vertical-align: middle;}
.recomended-section p{margin-bottom: 0; font-size: 15px; color: #fff;font-weight: bold;padding-right: 15px;text-align: right;}
.recomended-section p+p{color: #000;margin-top: 5px;}



.slider-title{margin: 16px 0 20px;}
.slider-title p{font-size: 18px;margin-bottom: 5px;}


.dotted-line{background: url(../img/border.png) repeat-x; height: 6px; margin-bottom: 40px;}






/*===========================================================================
MAIN STYLE
===========================================================================*/



.red-bg{background-color: #ed1c24;}
.blue-bg{background-color: #e4ecf4;}
.dark-blue-bg{background-color: #252f40;}

.white-blue-bg{position: relative;background-color: #fff;}
.white-blue-bg:before{content: ''; position: absolute;bottom: 0; left: 0; right: 0; max-height: 390px; height: 40%; background-color: #e4ecf4;}

.blue-white-bg{position: relative;background-color: #fff;}
.blue-white-bg:before{content: ''; position: absolute;top: 0; left: 0; right: 0; max-height: 390px; height: 48%; background-color: #e4ecf4;}

.white-blue-half{position: relative;}
.white-blue-half:before{content: ''; position: absolute;bottom: 0; left: 0; right: 0;height: 50%; background-color: #e4ecf4;}


.white-blue-vertical{position: relative;}
.white-blue-vertical:before{position: absolute; content: ''; right: 0; top: 0;bottom: 0; width: 50%; background-color: #e4ecf4;}


.section{padding: 30px 0 30px;}

.section-image{background-size: cover; color: #fff; background-position: top center;}
.section-image .table-box{min-height: 300px;}
.section-image .table-box .table-cell{ vertical-align: middle; text-align: center;}

.section-image .caption{background-color: rgba(67,52,70,.9); padding: 12px 0; color: #fff; font-size: 16px; text-align: center;}
.section-image .caption.dark{background-color: #313c53;}

.section-image h2{font-weight: bold;}
.section-image .btn{margin-top: 25px;}

.section-border{position: relative;}
.section-border:before{content: ''; position: absolute; bottom: 0;left: 0;right: 0;height: 10px; background-color: rgba(189,157,6,.9);}




.table-box{display: table;}
.table-cell{display: table-cell;}


.slider-search{max-width: 630px; margin-left: auto;margin-right: auto; position: relative;z-index: 2; margin-top: -164px;}


.number{display: inline-block;background-color: #ed1c24; width: 35px; height: 35px;border-radius: 50%; color: #fff; text-align: center; font-size: 24px; line-height: 40px; font-weight: bold;}
















.top-links-section{padding: 15px 0;position: relative;z-index: 2;}
.top-links-section .btn{margin-top: -48px; min-width: 0;}


.second-menu{margin: 18px 0; padding: 0; display: table; width: 100%; table-layout: fixed;}
/*.second-menu:after{content: "";width: 100%;display: inline-block;}*/
.second-menu li{list-style: none; text-align: center; color: #fff; border-right: 1px solid #4d4e50; display: table-cell;}
.red-bg .second-menu li{border-color: #f3666b;}
.second-menu li:first-child{border-left: 1px solid #4d4e50;}
.red-bg .second-menu li:first-child{border-left: 1px solid #f3666b;}
.second-menu li a{color: #fff; text-decoration: none;}
.second-menu li p{margin-bottom: 3px;}

/*.second-menu .second-menu-item{display: inline-block;}*/

.map-section{background-repeat: no-repeat; padding: 50px 0 14px;}

.map-section h3{font-weight: bold;color: #252f40;margin-bottom: 40px;}
.map-section li{color: #ed1c24; font-size: 18px; margin-bottom: 25px;padding-right: 50px;}
.map-section .btn{margin-top: 30px;}

.brands-box{text-align: center; border-left: 2px solid #ebebeb;}
.brands-box a+a{margin-top: 38px;display: inline-block;}



.map-height{min-height: 400px;}




/*===========================================================================
END MAIN STYLE
===========================================================================*/



/*===========================================================================
CUSTOM THREE BOXES
===========================================================================*/
.custom-three-boxes{padding: 45px 0 27px; position: relative;
	background: rgb(136,140,152);
	background: -moz-linear-gradient(left,  rgba(136,140,152,1) 0%, rgba(94,105,117,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(136,140,152,1) 0%,rgba(94,105,117,1) 100%);
	background: linear-gradient(to right,  rgba(136,140,152,1) 0%,rgba(94,105,117,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888c98', endColorstr='#5e6975',GradientType=1 );

}

.custom-three-boxes:before{content: ''; position: absolute;bottom: 0;left: 0;right: 0;height: 50px; background-color: #252f40;}

.custom-three-boxes .text-box{color: #fff; text-align: center;}
.custom-three-boxes .text-box .btn{margin-top: 13px;padding-left: 25px; padding-right: 25px;}



.custom-three-boxes .custom-image{text-align: center; position: relative; bottom: -27px;}
.custom-three-boxes .custom-image img{position: absolute; left: 50%; bottom: 0;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}



/*===========================================================================
END CUSTOM THREE BOXES
===========================================================================*/



















/*===========================================================================
HEADER
===========================================================================*/
.header{padding: 20px 0 22px;}
.header .container{position: relative;}

.left-menu{text-align: right;width: 50%;padding-right: 115px;}
.right-menu{text-align: left;width: 50%;padding-left: 115px;}



.top-menu{margin: 15px 0 17px; padding: 0 0 14px; border-bottom: 1px solid #e1e1e1;}
.top-menu li{display: inline-block;list-style: none; margin-left: 24px; padding-left: 28px; border-left: 1px solid #e1e1e1; line-height: 1;}
.top-menu li:first-child{margin-left: 0; border-left: none; padding-left: 0;}
.top-menu li a{font-size: 12px; color: #999999; text-decoration: none;}


.main-menu{margin: 0; padding: 0;}
.main-menu li{display: inline-block;margin-left: 33px;}
.main-menu li:first-child{margin-left: 0;}
.main-menu li a{font-size: 14px; color: #303030; text-decoration: none;}




.logo{display: inline-block; position: absolute;top: 5px; left: 50%; margin-left: -72.5px;}
.logo img{width: 145px; height: auto;}


.scroll-header{background-color: #252f40; padding: 15px 0; position: fixed; left: 0; right: 0; z-index: 20; top: -200px;

	-webkit-transition: top .4s ease-out;
	-moz-transition: top .4s ease-out;
	-o-transition: top .4s ease-out;
	transition: top .4s ease-out;
}

.header-fixed .scroll-header{top: 0;}

.scroll-logo img{width: 90px;height: auto;}

.scroll-menu{padding: 0; margin: 10px 0 0;float: right;}
.scroll-menu li{float: left;list-style: none; padding: 0;padding-left: 25px;}
.scroll-menu li a{font-size: 14px; color: #fff;text-decoration: none;}


.scroll-header-box{clear: both; margin: 48px 0 -35px;}
.scroll-header-box .btn{margin-left: 15px;}

.scroll-header-box .form-search{width: 100%;max-width: 370px;}


.menu-btn{font-size: 30px; color: #ed1c24;cursor: pointer;}
.contact-link{font-size: 30px; color: #ed1c24;}
.contact-link:hover{color: #ed1c24;}


/*===========================================================================
END HEADER
===========================================================================*/



/*===========================================================================
MAIN SLIDER
===========================================================================*/
.main-slider .item{height: 520px;background-size: cover;padding-top: 103px; text-align: center; background-position: top center;}

.main-slider .item h2{font-size: 60px; color: #fff; margin: 0; font-weight: bold;}
.main-slider .item p{font-size: 24px; color: #fff; margin: 0;}

.main-slider .item .btn{margin-top: 40px;}
.main-slider .item .play-btn{margin: 40px auto 0;}

.main-slider .owl-dots{position: absolute;bottom: 56px;left: 0;right: 0;z-index: 2;text-align: center;}
.main-slider .owl-dot{display: inline-block; width: 12px; height: 12px; margin: 0 2px; border: 2px solid #fff; cursor: pointer; border-radius: 50%;}
.main-slider .owl-dot.active{background-color: #fff; cursor: auto;}




/*===========================================================================
END MAIN SLIDER
===========================================================================*/



/*===========================================================================
FOOTER
===========================================================================*/
.footer{background-color: #252f40; padding: 30px 0; color: #969595;}
.footer h3{color: #fff; font-size: 18px; margin-bottom: 9px;}
.footer a:not(.btn){color: #969595; text-decoration: none;}
.footer ul{padding: 0;}
.footer li{list-style: none;margin-bottom: 8px;}

.footer ul+h3{margin-top: 45px;}

.copyright{display: inline-block; color: #4c4c4c; margin-top: 35px; font-size: 12px; vertical-align: top;}

.footer-menu{display: inline-block; margin-top: 35px;}
.footer-menu ul{padding: 0; margin: 0;}
.footer-menu li{float: left;list-style: none;margin-left: 8px; padding-left: 8px; border-left: 1px solid #4c4c4c; line-height: 1;}
.footer .footer-menu li a{font-size: 12px; color: #4c4c4c;}

.footer-mobile-menu{margin: 0; padding: 0;}
.footer-mobile-menu li{margin: 10px 0; padding: 0 15px; list-style: none; float: left;width: 50%;}


.footer .social a{background-color: #4c4c4c; width: 50px; height: 33px;display: inline-block; border-radius: 4px; color: #fff; text-align: center;line-height: 33px;}
.footer .social a:hover{background-color: #424141;}
.footer .social a+a{margin-left: 4px;}

.home .footer-mobile-menu{margin: -60px 0 0;}


.mobile-social{text-align: center;margin-top: 20px;}

.mobile-social a{font-size: 30px; color: #fff!important;text-decoration: none; display: inline-block;}
.mobile-social a + a{margin-left: 40px;}

.mobile-copyright{text-align: center;font-size: 14px; color: #eaeaea; line-height: 2; margin-top: 20px;}




/*===========================================================================
END FOOTER
===========================================================================*/



/*===========================================================================
BUILD BOX
===========================================================================*/
.build-row{margin-top: -15px; margin-bottom: -15px;overflow: hidden;}
.build-box{background-color: #fff; padding: 30px 30px 56px; border-bottom: 50px solid #252f40; position: relative; margin: 15px 0;}
.build-box .image{margin: -30px -30px 30px; background-size: cover;position: relative;}
.build-box .image img{width: 100%; height: auto;}
.build-box .image .play-btn{position: absolute;top: 50%; left: 50%; margin: -36px 0 0 -27px;}
.build-box .image .play-btn.small{margin: -28px 0 0 -20px;}

.build-box .btn{position: absolute;bottom: -20px; left: 50%; width: 100%; max-width: 180px; margin-left: -90px; min-width: 0;}

.build-box h5{font-size: 16px; font-weight: bold;margin-bottom: 3px;}
.build-box .price{font-size: 16px; color: #e30613;font-weight: bold;margin-bottom: 17px;}
.build-box ul li{margin-bottom: 4px;}

.build-box.no-text{padding-bottom: 0;}
.build-box.no-text .image{margin-bottom: 0;}

.build-box.no-text.big .image{min-height: 300px;}
.build-box.no-text.small .image{min-height: 110px;}
.build-box.no-text.small + .build-box.no-text.small{margin-top: 30px;}






/*===========================================================================
END BUILD BOX
===========================================================================*/

/*===========================================================================
BOX
===========================================================================*/
.box{height: 350px;display: table;width: 100%; background-size: cover; color: #fff;}
.box-inner{display: table-cell;padding: 40px; background-size: cover;}
.vertical-midl .box-inner{vertical-align: middle;}

.box .btn{margin-top: 30px;}

.form
.box p{font-size: 15px;margin-bottom: 10px;}
.box h5{font-size: 16px;}

.box h2{margin-bottom: 0px;}
.box h3{margin-top: 5px;}
.box h2 .fa{color: #ed1c24;}

.box-search, .box-color{position: relative;}
.box-search .box-inner, .box-color .box-inner{padding-bottom: 70px;}
.box-color .box-inner{background-color: #ed1c24;}
.box-search:before, .box-color:before{content: ''; position: absolute;bottom: 0;left: 0; right: 0;height: 50px; background-color: #252f40;}

.box .form-search{max-width: 300px; margin: 0 auto;position: absolute;bottom: 30px; width: 100%; left: 50%; margin-left: -150px;}
.box.box-small .form-search{max-width: 230px; margin-left: -115px;}

.box.box-small{height: 250px;}
.box.box-small h2{font-size: 24px;}
.box.box-small h2 .fa{font-size: 55px;}
.box.box-small .box-inner{padding: 30px;}

.box.box-small h3{font-size: 18px;}
.box-small .number{width: 30px; height: 30px; font-size: 18px; line-height: 33px;}

.box-color h2 .fa{color: #fff;}
.box-color .btn{position: absolute;bottom: 30px; left: 50%; margin-left: -90px;}



/*===========================================================================
END BOX
===========================================================================*/



/*===========================================================================
FILTER ROW
===========================================================================*/
.filter-row{text-align: center; margin: -5px 0 15px; line-height: 40px;}
.filter-box{display: inline-block;}
.filter-row p{font-size: 18px; color: #696969;margin: 0;}

.filter-btn{background-color: #fff; color: #252525; border-color: #252f40; font-size: 14px;}
.filter-btn+.filter-btn{margin-left: 6px;}

.filter-btn:after{content: '\f067'; font-family: 'FontAwesome'; margin: 0 -3px 0 5px;}
.filter-btn.active:after{content: '\f00d';}
.filter-btn.active{background-color: #252f40; color: #fff;}

.apply-filter{background-color: #252f40; color: #fff; border-color: #252f40; position: relative;display: none;}
.apply-filter:hover, .apply-filter:focus, .apply-filter:active, .apply-filter:active:focus{background-color: #1b222e; border-color: #1b222e; color: #fff;}
.apply-filter:hover{color: #fff;}
.apply-filter:after{content: '\f0d7'; font-family: 'FontAwesome'; margin: 0 -3px 0 5px;}
.apply-filter.active{background-color: #ed1c24; border-color: #ed1c24;}
.apply-filter.active:after{content: '\f0d8'}

/*===========================================================================
END FILTER ROW
===========================================================================*/


/*===========================================================================
TOP BANNER
===========================================================================*/
.top-banner{background-size: cover; background-position: top center; width: 100%;}
.top-banner .container{display: table;height: 300px;}
.top-banner-inner{display: table-cell;vertical-align: middle;}
.top-banner h1{font-size: 48px; color: #fff; margin: 0 0 10px; font-weight: bold;line-height: 1.2;}
.top-banner p{font-size: 24px; color: #fff; margin: 0; line-height: 1.2;}

.top-banner.large h1{font-size: 60px;}
.top-banner.large p{font-size: 30px;}


.top-banner.with-column{min-height: 665px; background-position: top left; padding: 90px 0 20px;}
.top-banner.with-column h1{margin: -8px 0 177px;}
.top-banner.with-column h3{color: #fff;}
.top-banner.with-column ul li{list-style: none; font-size: 24px;margin-top: 24px; color: #fff;}
.top-banner.with-column ul li .fa{color: #ed1c24;}


.image-with-caption{min-height: 350px; background-size: cover; position: relative; background-position: top center; margin-bottom: 15px;}
.image-with-caption .caption{position: absolute;left: 0; right: 0;bottom: 0;padding: 15px 10px; color: #fff; font-size: 24px;text-align: center; background-color: rgba(37,47,64, .5);}
.image-with-caption .caption *{font-size: 24px; color: #fff;text-decoration: none;}

.image-with-caption .play-btn{position: absolute;top: 50%; left: 50%;     margin: -36px 0 0 -27px;}

/*===========================================================================
END TOP BANNER
===========================================================================*/


/*===========================================================================
ICON BOX
===========================================================================*/
.icon-box{padding: 20px 10px 40px; border-radius: 30px 30px 0 0;}
.icon-box.no-hover{padding: 10px 0; border-radius: 0;}
.icon-box .icon{font-size: 48px; color: #ed1c24;margin-bottom: 16px; line-height: 1;}
.icon-box.small-icon .icon{font-size: 32px; font-weight: bold;}

.icon-box sup{font-size: 60%; font-weight: normal!important;}

.icon-box h4{font-size: 16px; color: #ed1c24; margin-bottom: 18px; font-weight: bold;}
.icon-box p{font-size: 13px; color: #696969; line-height: 1.6;}
.icon-box:not(.no-hover) a{font-size: 12px; color: #ed1c24;text-decoration: none;visibility: hidden;position: absolute;bottom: 20px; left: 50%; white-space: nowrap;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.icon-box.no-hover a{font-size: 12px; color: #ed1c24;text-decoration: none;}

.icon-box:not(.no-hover):hover{background-color: #f4f8fb;}
.icon-box:not(.no-hover):hover a{visibility: visible;}


/*===========================================================================
END ICON BOX
===========================================================================*/



/*===========================================================================
CONTENT SECTION
===========================================================================*/
.content-section{padding: 26px 0;}
.content-section.no-padding{padding: 0;}
.content-section h4{font-size: 15px; color: #ed1c24;margin: 30px 0 0; font-weight: bold;}
.content-section h3{color: #696969; margin: 16px 0 35px;}
.content-section p{font-size: 13px; color: #696969; line-height: 1.8;}
.content-section .btn{margin-top: 30px;}



.content-section .img-box{position: relative;}
.content-section .img-box .play-btn{position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.content-section .img-box.mg-left{margin-left: -15px;}
.content-section .img-box.mg-right{margin-right: -15px;}


.content-section .padding-box h4, .content-section .padding-box h3{margin-top: 0;}
.content-section .padding-box h3{margin-bottom: 25px; color: #ed1c24;}
.content-section .padding-box{padding: 50px 20px 20px;}

.content-section ul li{color: #696969; font-size: 14px;margin-bottom: 23px;}
.content-section .fa-li{color: #ed1c24;}




/*===========================================================================
END CONTENT SECTION
===========================================================================*/


/*===========================================================================
ADDRESS BOX
===========================================================================*/
.address-box{padding: 26px 20px 16px 30px; margin: 15px 0; background-color: #f6f6f6;}
.address-box p{font-size: 15px; color: #ed1c24;font-weight: bold;margin-bottom: 0;}
.address-box li{list-style: none;margin-bottom: 3px;}
.address-box li, .address-box li a{font-size: 14px; color: #696969;text-decoration: none;}

.address-box:hover{background-color: #ed1c24;}
.address-box:hover p, .address-box:hover li, .address-box:hover li a{color: #fff;}

.address-section{position: relative;background-color: #fff;padding-bottom: 15px;}
.address-section:before{content: '';position: absolute;bottom: 0; left: 0; right: 0; height: 50%; background-color: #e4ecf4;}

.address-section hr{margin-top: 0; margin-bottom: 15px;}



/*===========================================================================
END ADDRESS BOX
===========================================================================*/


/*===========================================================================
CONTENT
===========================================================================*/
.content h3{color: #ed1c24; line-height: 1.3; margin-bottom: 20px;}
.content p{line-height: 1.6;margin-bottom: 22px;}



/*===========================================================================
END CONTENT
===========================================================================*/


/*===========================================================================
PROCESS BOX
===========================================================================*/
.proces-box{text-align: center; color: #696969; font-size: 18px; position: relative;}
.proces-box:before{content: '\f00c'; position: absolute; font-family: 'FontAwesome'; background-color: #ed1c24; color: #fff; border-radius: 50%; border: 6px solid #ed1c24; top: -58px; left: 50%; margin-left: -10px; font-size: 18px; width: 30px; height: 30px; line-height: 1;}

.proces-box .fa{color: #ed1c24;}


.process-section .title-box{margin-bottom: 46px;margin-top: 13px;}
.process-section .title-box h3{margin-bottom: 10px; color: #ed1c24;}
.process-section .title-box p{font-size: 14px; font-weight: bold;}



/*===========================================================================
END PROCESS BOX
===========================================================================*/


/*===========================================================================
POPUP
===========================================================================*/
.popup-box{display: none; max-width: 600px; border-radius: 20px; overflow: hidden;}

.popup-text{background-color: #252f40; color: #fff;padding: 20px 20px 20px 100px; position: relative;}
.popup-text:before{position: absolute; content: '\f028'; font-family: 'FontAwesome'; color: #fff; font-size: 48px; top: 50%; left: 27px; line-height: 1; margin-top: -24px;}
.popup-text h4{font-size: 16px; font-weight: bold;margin: 0 0 20px;}
.popup-text p{font-size: 13px;}
.popup-image{position: relative;}
.popup-image img{width: 100%; height: auto;}

.popup-image .play-btn{position: absolute;top: 50%; left: 50%; margin: -27px 0 0 -27px;}


/*===========================================================================
END POPUP
===========================================================================*/




@media (min-width: 1260px){
	.container {width: 1200px;}
}

@media (max-width: 1199px){
	.top-menu li{margin-left: 11px; padding-left: 15px;}
	.box.box-small .box-inner {padding: 20px;}
	.box.box-small h2 .fa {font-size: 40px;}
	.box.box-small h2 {font-size: 19px;}

	.slider-title p{font-size: 16px;}

	.image-with-caption .caption *{font-size: 22px;}
	.top-banner.with-column h1{margin-bottom: 147px;}
}

@media (max-width: 991px){

	.left-menu{padding-right: 95px;}
	.right-menu{padding-left: 95px;}

	.main-menu li{margin-left: 10px;}
	.main-menu li a{font-size: 13px;}

	.top-menu li{margin-left: 0;padding-left: 0;border-left: none;}
	.scroll-menu li{padding-left: 15px;}
	.scroll-menu li a{font-size: 14px;}

	.scroll-header-box .btn{margin-left: 10px; min-width: 0;}
	.scroll-header-box .form-search{max-width: 240px;}

	.box.box-small .box-inner {padding: 30px;}
	.box.box-small h2 .fa {font-size: 45px;}
	.box.box-small h2 {font-size: 23px;}
	.box.box-small{margin-bottom: 30px;}

	.white-blue-vertical:before{background-color: #fff;}

	.slider-title p{font-size: 18px;}

	.top-banner.with-column h1{font-size: 45px;}
	.top-banner.with-column ul li{font-size: 20px; margin-top: 15px;}

	.content-section ul li{font-size: 13px; margin-bottom: 10px;}
	.content-section .padding-box h3{font-size: 21px;}

	.image-with-caption .caption *, .image-with-caption .caption{font-size: 16px;}

	.image-with-caption{min-height: 240px;}

}





@media (min-width: 768px){
	.mobile-menu-container{display: block!important;}
}


@media (max-width: 767px){
	.container{padding-left: 30px; padding-right: 30px;}

	.mg-t-xs-m40{margin-top: -40px!important;}
	.mg-b-xs-30{margin-bottom: 30px!important;}



	.apply-filter{display: inline-block;margin-right: 20px;}
	.filter-row{position: relative;text-align: right;}
	.filter-box-inner{display: none;position: absolute; top: 45px;left: -30px;right: -30px;background-color: rgba(37,47,64, .97); padding: 20px 30px 10px; z-index: 10;}
	.filter-btn{display: block;margin: 0 0 10px!important; width: 100%;text-align: left;border-color: #fff;background-color: #252f40; color: #fff;}
	.filter-btn:hover, .filter-btn:focus, .filter-btn:active{color: #fff;}
	.filter-btn:after{float: right;}
	.filter-btn.active{background-color: #fff; color: #283141;}

	.mobile-carusel{width: auto!important; margin-left: -30px; margin-right: -30px;}

	.main-slider .owl-dots, .mobile-menu-container{display: none;}

	.mobile-menu-container{background-color: rgba(37,47,64, .97); overflow: hidden; position: absolute;left: 0;right: 0;top: 82px;z-index: 10; padding: 0 30px 30px;}

	.main-menu li{float: none;display: block;margin: 0;}
	.main-menu li a{color: #fff;display: block;text-align: center; padding: 6px 0; font-size: 18px;}

	.left-menu, .right-menu{width: 100%; padding: 0; float: none!important;}
	.left-menu{margin-top: 30px;}

	.header{position: relative;}


	.header{padding: 10px 0 40px;}
	.logo{margin-left: -56px;}
	.logo img{max-width: 112px;}


	.mobile-menu-container .btn{margin-top: 20px;}

	.mobile-menu-container .btn-default{border-color: #fff;}


	.main-slider .item{height: 560px; padding-top: 70px;}

	.main-slider .item h2{font-size: 45px;}
	.top-banner h1{font-size: 35px;}
	.main-slider .item p, .top-banner p{font-size: 20px;}

	.top-banner.large h1{font-size: 40px;}
	.top-banner.large p{font-size: 25px;}

	.slider-search{margin-top: -200px;}

	.more{width: 40px; height: 40px; padding: 5px 0 0 5px; text-align: center; border-radius: 50%; background-color: #ed1c24; color: #fff; font-size: 0;}
	.more:hover{color: #fff; background-color: #ce0a11;}
	.more .fa{font-size: 16px;}

	.filter-row p{font-size: 16px;}

	.custom-three-boxes{padding: 0;}

	.custom-three-boxes .custom-image {text-align: center;position: relative;bottom: -30px;max-width: 130px;margin-top: -40px; margin-left: auto;margin-right: auto;}


	.custom-three-boxes .custom-row .custom-image img{position: relative;top: 0;left: 0; transform: translate(0, 0);}
	.custom-three-boxes .text-box .btn {margin-top: 15px;}

	.custom-three-boxes .custom-row{position: relative;padding-bottom: 30px; padding-top: 30px;}
	.custom-three-boxes .custom-row:before{content: ''; position: absolute;bottom: 0; height: 50px; left: -15px; right: -15px; background-color: #252f40;}

	.custom-three-boxes .custom-row-2{padding-bottom: 30px; padding-top: 30px; position: relative;}
	.custom-three-boxes .custom-row-2:before{content: ''; position: absolute;top: 0;left: -15px; right: -15px; bottom: 50px; background-color: #ed1c24;}
	.custom-three-boxes .custom-row-2 *{position: relative;}

	.box-full-width{margin: 0 -30px 30px;}

	.box-search{text-align: center;height: 250px;}

	.brands-box{border-left: none; border-top: 2px solid #ebebeb;margin-top: 30px;}


	.content-section .img-box{margin-left: -30px!important; margin-right: -30px!important;}
	.content-section .img-box img{width: 100%;}
	.content-section{text-align: center;padding-top: 0;}
	.content-section .fa-li{position: relative;top: 0;left: 0;}

	.box.box-small{margin-bottom: 0;}

	.box.box-small.box-search h2 .fa{float: none;font-size: 23px;}
	.title-box p{font-size: 18px;margin-bottom: 0;}
	.title-box h3{font-size: 14px; line-height: 1.4;}

	.icon-box{border-radius: 15px; margin-bottom: 20px;}
	.info-section h3{font-size: 18px;}
	.info-section .btn{margin-right: 25px;margin-top: 10px;}
	.content-section h3{margin-bottom: 15px;}
	.section-image h2{font-size: 25px;}

	.latest-news h3{font-size: 24px; color: #ed1c24; text-align: left; line-height: 1.8; font-weight: bold;}
	.latest-news .btn{min-width: 0;}

	.news-box .price{display: block;margin-bottom: 0; font-size: 24px;}
	.news-box p{display: none;}

	.map-section li{padding-right: 0;}

	.icon-box:not(.no-hover){background-color: #f4f8fb!important;}
	.icon-box:not(.no-hover) a{visibility: visible!important;}

	.process-section .dotted-line{position: relative;}
	.process-section .dotted-line:before{content: '\f00c'; position: absolute; font-family: 'FontAwesome'; background-color: #ed1c24; color: #fff; border-radius: 50%; border: 6px solid #ed1c24; top: -11px; left: 50%; margin-left: -15px; font-size: 18px; width: 30px; height: 30px; line-height: 1;}

	.top-banner.with-column{min-height: 300px;text-align: center;}
	.top-banner.large h1{font-size: 35px;}
	.top-banner.with-column h3{font-size: 20px;}
	.top-banner.with-column ul li{font-size: 16px;}
	.top-banner.with-column ul li .fa-li{position: relative;top: 0; left: 0;}

	.process-section .title-box h3{font-size: 22px; font-weight: bold;}

	.proces-box{font-size: 16px; border: 2px solid #ebebeb;padding: 20px 20px 10px; }

	.icon-box.no-hover{border: 2px solid #ebebeb;padding: 20px 20px 10px;}
	.slider-title{margin-bottom: 25px;}

	.blue-slider-mobile{position: relative;}
	.blue-slider-mobile:before{content: ''; position: absolute;bottom: -30px;left: -15px; right: -15px;background-color: #e4ecf4;top: -15px; z-index: -1;}
	.white-blue-vertical:before{display: none;}

	.blue-slider-mobile .icon-box.no-hover{border-color: #fff;}
	.content-section .padding-box{padding-top: 30px;}

	.process-section .title-box{margin-top: 0;}

}


@media (max-width: 540px){
	.apply-filter{min-width: 0!important; margin-right: 10px;}
	.filter-row p{font-size: 14px;}
	.popup-text{padding-left: 20px; padding-bottom: 10px;}
	.popup-text p{font-size: 12px;}
	.popup-text:before{display: none;}
}




@media (max-width: 479px){
	.custom-three-boxes .custom-image{display: none;}

	.custom-xs{width: 100%;}
	.box h2{font-size: 25px;}
	.box .form-search{max-width: 230px; margin-left: -115px;}
	.box.box-small h2 {font-size: 20px;}
	.section-image .caption{font-size: 12px;}

	.footer-mobile-menu li{width: 100%;}
	.latest-news h3{font-size: 17px; line-height: 2.5;}

	.filter-row p{display: none;}


	.slider-search {margin-top: -100px;}

	.main-slider .item h2 {font-size: 37px;margin-bottom: 10px;}

	.top-banner h1 {font-size: 27px;}
	.top-banner p {font-size: 17px;}


	.recomended-section img{max-width: 70px;}
	.recomended-section p{font-size: 12px;}
	.top-banner.large h1{font-size: 35px;}
	.top-banner.large p{font-size: 21px;}



}










































/**
 * Owl Carousel v2.1.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

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

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }





  /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;

	color: #444;
	text-shadow: none;border-radius: 20px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0 45px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

+

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
}

.fancybox-close {
	position: absolute;
	top: -19px;
	right: 21px;
	width: 39px;
	height: 39px;
	cursor: pointer;
	z-index: 8040;
	background-color: #ed1c24;
	border-radius: 50%;
	text-align: center;
}

.fancybox-close:before{position: absolute; content: '\f00d'; font-family: 'FontAwesome'; color: #fff; left: 0; right: 0;top: 0; bottom: 0;line-height: 39px; font-size: 20px;}

.fancybox-nav {
	position: absolute;
	top: 0;
	/*width: 40%;*/
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 55%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	cursor: pointer;
	background-color: #252f40;
	border-radius: 50%;
	z-index: 8040;
	text-align: center;
	/*visibility: hidden;*/
}

.fancybox-nav span:before{content: ''; position: absolute;top: 0;left: 0; right: 0; bottom: 0; line-height: 40px; color: #fff; font-size: 20px; font-family: 'FontAwesome';}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-prev span:before{content: '\f060';}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-next span:before{content: '\f061';}

.fancybox-nav:hover span {
	/*visibility: visible;*/
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgba(0,0,0,.5);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}