@font-face {
	font-family: "openSansRegular";
	src: url("../fonts/opensans/OpenSans-Regular.ttf");
}
@font-face {
	font-family: "openSansLight";
	src: url("../fonts/opensans/OpenSans-Light.ttf");
}
@font-face {
	font-family: "openSansSemiBold";
	src: url("../fonts/opensans/OpenSans-SemiBold.ttf");
}
@font-face {
	font-family: "openSansBold";
	src: url("../fonts/opensans/OpenSans-Bold.ttf");
}
@font-face {
	font-family: "openSansItalic";
	src: url("../fonts/opensans/OpenSans-Italic.ttf");
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
html,body {
	overflow-x: hidden;
}
body,:root a {
	color: #000;
}
:root a {
	text-decoration: none;
}
.clearfix:before,.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
ul,nav {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family: "openSansRegular";
	font-size: 15px;
}
/*
==================================
GROUPING
==================================
*/
.bg-blue {
	background-color: #14475d;
}
.mobile-bar > span,.banner-btn > a, .feedback .section-title-line > span {
	background-color: #fff;
}
.feedback-overlay-left,.order_form button {
	background-color: #08ac70;
}
.demo {
	background-color: #eaeaea;
}
.demo-submit > button {
	background-color: #52ac62;
}
.section-title-line > span, .client-title-line > span, .single-feedback-line > span {
	background-color: #484848;
}
.intro-overlay {
	background-color: #eaeaea;
}
.text-white,.navigation > li > a, .footer-list > li > a, .demo-submit > button, .feedback .section-title,
.feedback-input > input::placeholder,
.feedback-input > input,
.feedback-textarea > textarea::placeholder,
.feedback-textarea > textarea,
.title,
.contact-b > li > a,
.contact-b > li,
.main-feedback .captcha,
.main-feedback .captcha-input,
.order_form button,
.close-order-btn {
	color: #fff;
}
.advantages .section-title > div:first-child > span:first-child,
.contact .section-title > div:first-child > span:first-child,
.feedback-list .slick-dots li.slick-active button:before,
.intro .section-title,
.about-title,
.order_title {
	color: #08ac70;
}
.advantages .section-title > div:first-child > span:last-child,
.contact .section-title > div:first-child > span:last-child {
  color: #1d6887;
}
.demo-title,
.demo-checkinput > label {
	color: #323232;
}
.contact .feedback-input > input::placeholder,
.contact .feedback-input > input,
.contact .feedback-textarea > textarea::placeholder,
.contact .feedback-textarea > textarea,
.contact .feedback-verification > div,
.contact .feedback-verification > input {
	color: #000;
}
.single-feedback-fullname,
.single-feedback-position {
	color: #343232;
}
.mt-10 {
	margin-top: 10px;
}
.mb-10 {
	margin-bottom: 10px;
}

/*
==================================
HEADER
==================================
*/
header {
	padding: 20px 0px;
}
.logo,
.navigation,
.help-panel,
.navigation > li,
.logo > a > span,
.help-panel > div,
.sc-panel > a {
	display: inline-block;
	vertical-align: middle;
}
.logo-text {
	font-family: "openSansBold";
	font-size: 30px;
}
.logo-img {
	width: 60px;
	height: 60px;
	/*background: url("../img/logo.png") no-repeat 50%;*/
	background-repeat: no-repeat;
	background-position: 50%;
	margin-right: 25px;
}
.navigation {
	margin-left: 50px;
}
.navigation > li > a {
	font-family: "openSansSemiBold";
	text-transform: uppercase;
	padding-bottom: 2px;
	position: relative;
	border-bottom: 2px solid transparent;
}
.navigation > li:hover > a {
	border-bottom-color: #fff;
}
.navigation > li:not(:last-child) {
	margin-right: 15px;
}
.active_menu {
	border-bottom: 2px solid #fff;
}
.help-panel {
	float: right;
	margin-top: 20px;
}
.phone-panel {
	font-size: 18px;
	margin: 0px 10px;
}
.phone-panel > span {
	font-family: "openSansBold";
}
.sc-panel > a {
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.sc-panel > a:not(:last-child) {
	margin-right: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
	/*.container {

		padding-left: 15px;
	}
	.logo-text {
		font-size: 25px;
	}
	.navigation {
		margin-left: 50px;
	}
	.help-panel {
		margin-right: 80px;

	}*/
}
@media only screen and (max-width: 1199px) {
	header .container {
		display: none;
	}
	header {
		padding: 0px;
	}
}
/*
==================================
MOBILE MENU
==================================
*/

.mobile-menu,
.mobile-navigation {
	/*outline: 0.5px solid red;*/
}
.mobile-menu {
	display: none;
	padding: 10px 20px;
	position: relative;
}
.mobile-bar {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 18px;
	width: 35px;
}
.mobile-bar > span {
	display: block;
	width: 100%;
	height: 3px;
}
.mobile-bar > span:not(:last-child) {
	margin-bottom: 8px;
}
.mobile-menu .logo-img {
	width: 40px;
	height: 40px;
	background-size: contain;
	margin-right: 10px;
}
.mobile-menu .logo-text {
	font-size: 20px;
}
.mobile-navigation {
	position: absolute;
	width: 100%;
	left: -2000px;
	top: 100%;
	background: inherit;
	padding: 40px 20px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	z-index: 999;
}
.mobile-navigation .navigation,
.mobile-navigation .help-panel {
	display: block;
	text-align: center;
}
.mobile-navigation .navigation {
	margin-left: 0px;
}
.mobile-navigation .navigation > li {
	display: block;
}
.mobile-navigation .navigation > li:not(:last-child) {
	margin-right: 0px;
	margin-bottom: 10px;
}
.mobile-navigation .navigation > li > a {
	/*text-transform: none;*/
}
.mobile-navigation .help-panel {
	float: none;
}
.mobile-navigation .phone-panel {
	margin: 0px 5px;
	font-size: 16px;
}
@media only screen and (max-width: 1199px) {
	.mobile-menu {
		display: block;
	}
}
/*
==================================FOOTER==================================
*/
footer {
	padding: 25px 0px;
}
.footer-info > div,
.footer-list > li > a {
	font-size: 16px;
	font-family: "openSansSemiBold";
}
.footer-logo > a > span:not(:last-child),
.footer-info > div:not(:last-child),
.footer-list > li:not(:last-child) {
	margin-bottom: 15px;
}
.footer-logo > a > span {
	display: block;
}
.footer-logo-img {
	width: 65px;
	height: 65px;
	/*background: url('../img/logo.png') no-repeat 50%;*/
	background-repeat: no-repeat;
	background-position: 50%;
}
@media only screen and (max-width: 768px) {
	footer {
		padding: 20px 0px;
	}
	.footer-info > div,
	.footer-list > li > a {
		font-size: 14px;
	}
	.footer-logo > a > span:not(:last-child),
	.footer-info > div:not(:last-child),
	.footer-list > li:not(:last-child) {
		margin-bottom: 10px;
	}
	.footer-logo-img {
		width: 40px;
		height: 40px;
		background-size: contain;
	}
	footer .row > div {
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	/*footer .row > div:first-child,



	footer .row > div:nth-of-type(2) {



		margin-bottom: 30px;



	}*/







	footer .row > div:nth-of-type(3),



	footer .row > div:last-child {



		display: none;



	}



}



/*



==================================







CLIENTS







==================================



*/



.clients-list,



.each-client,



.clients-list .slick-next,



.clients-list .slick-prev {



	/*outline: 0.5px solid red;*/



}







.clients {



	padding: 50px 0px;



}







.section-title {



	font-family: "openSansLight";



	font-size: 34px;



	text-transform: uppercase;



}







.section-title-line > span {



	display: block;



	height: 2px;



	width: 115px;



}







.section-title-line > span:last-child {



	margin-top: 8px;



	margin-left: 60px;



}







.clients-list {



	margin-top: 70px;



}







.each-client {



	height: 120px;



	background-repeat: no-repeat;



	background-position: 50%;



}







.clients-list .slick-next,



.clients-list .slick-prev {



	top: -105px;



	width: 30px;



	height: 45px;



}







.clients-list .slick-next {



	right: 0%;



	background: url('../img/client-arrow-right.png') no-repeat 50%;



}







.clients-list .slick-next:hover {



	background: url('../img/client-arrow-right-hover.png') no-repeat 50%;



}







.clients-list .slick-prev {



	left: 93%;



	background: url('../img/client-arrow-left.png') no-repeat 50%;



}







.clients-list .slick-prev:hover {



	background: url('../img/client-arrow-left-hover.png') no-repeat 50%;



}







@media only screen and (max-width: 767px) {



	.clients {



		padding: 20px 0px;



	}







	.section-title {



		font-size: 24px;



	}







	.section-title-line > span {



		width: 80px;



	}







	.section-title-line > span:last-child {



		margin-left: 40px;



	}







	.clients-list {



		margin-top: 20px;



	}







	.clients-list .slick-next,



	.clients-list .slick-prev {



		top: -50px;



		width: 20px;



		height: 30px;



		background-size: contain;



	}







	.clients-list .slick-next:hover,



	.clients-list .slick-prev:hover {



		background-size: contain;



	}







	.clients-list .slick-prev {



		left: 80%;



	}



}







@media only screen and (min-width: 768px) and (max-width: 991px) {



	.clients-list .slick-prev {



		left: 80%;



	}



}



/*



==================================







BANNER







==================================



*/



.banner,



.banner-btn > a,



.each-banner,



.banner-overlay {



	/*outline: 0.5px solid red;*/



}







.banner {



	position: relative;



}







.each-banner {



	padding: 100px 0px;



	height: 550px;



	position: relative;



	background-repeat: no-repeat;



	background-position: 0% 50%;



	background-size: cover;



}







.banner-overlay {



	background-color: rgba(0,0,0,.6);



	position: absolute;



	top: 0px;



	left: 0px;



	width: 100%;



	height: inherit;



}







.banner-title,



.banner-desc,



.banner-btn {



	position: relative;



	z-index: 1;



}







.each-banner .container {



	width: 700px;



}







.banner-title {



	font-size: 40px;



}







.banner-desc {



	font-size: 20px;



	margin: 40px 0px;



}







.banner-btn {



	padding: 20px 0px;



}







.banner-btn > a {



	font-size: 18px;



	padding: 20px 70px;



}







.banner .slick-next,



.banner .slick-prev {



	z-index: 1;



	top: 35%;



	vertical-align: middle;



	width: 40px;



	height: 40px;



}







.banner .slick-next {



	right: 5%;



	background: url('../img/banner-arrow-right.png') no-repeat 50%;



	background-size: contain;



}







.banner .slick-prev {



	left: 5%;



	background: url('../img/banner-arrow-left.png') no-repeat 50%;



	background-size: contain;



}







@media only screen and (max-width: 767px) {



	.each-banner .container {



		width: 100%;



	}







	.each-banner {



		padding: 25px 0px;



		height: 400px;



	}







	.banner-title {



		font-size: 28px;



	}







	.banner-desc {



		margin: 20px 0px;



	}







	.banner-btn > a {



		padding: 15px 35px;



	}







	.banner .slick-next,



	.banner .slick-prev {



		width: 30px;



		height: 30px;



		top: 38%;



	}







	.banner .slick-next {



		right: 2%;



	}







	.banner .slick-prev {



		left: 2%;



	}



}











/*



==================================







ADVANTAGES







==================================



*/



.advantages {



	padding: 50px 0px;



}
.advantages .section-title > div:first-child > span:last-child,
.contact .section-title > div:first-child > span:last-child {
	font-family: "openSansBold";
}
.advantages-list {
	margin-top: 40px;}
.advantages-list > div {
	padding: 0px 20px;
}
.advantage-img {
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 0px auto;
	/*background-size: contain;*/
}
.advantage-title {
	margin: 30px 0px 20px;
	font-family: "openSansBold";
	font-size: 24px;
	text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
	.advantages {
		padding: 20px 0px;
	}
	.advantages-list {
		margin-top: 20px;
		text-align: center;
	}
	.advantages-list > div:not(:last-child) {
		margin-bottom: 15px;
	}
	.advantage-img {
		margin: 0px auto;
	}
}



/*



==================================







DEMO







==================================



*/



.demo {



	padding: 50px 0px;



}







.demo-title {



	font-family: "openSansLight";



	font-size: 34px;



	text-transform: uppercase;



}







.demo-form {



	margin-top: 30px;



}







.demo-input {



	display: inline-block;



	width: 48.3%;



	margin-bottom: 20px;



}







.demo-input > input {



	width: 100%;



	padding: 10px 0px 10px 15px;



}







.demo-input-right,



.demo-submit {



	float: right;



}







.demo-checkinput,



.demo-submit {



	display: inline-block;



}







.demo-checkinput > input,



.demo-checkinput > label {



	display: inline-block;



	vertical-align: top;



}







.demo-checkinput > label {



	font-size: 12px;



	margin-top: 2px;



	margin-left: 5px;



}







.demo-submit > button {



	padding: 10px 70px;



	border: none;



}

@media only screen and (max-width: 767px) {

	.demo {

		padding: 20px 0px;

	}

	.demo-title {

		font-size: 24px;



	}

	.demo-checkinput > label {

		width: 90%;

	}

	.demo-submit {

		display: block;

		float: none;

	}

	.demo-submit > button {

		width: 100%;

	}

}



/*

==================================

FEEDBACK

==================================

*/

.feedback {
	padding: 50px 0px;
	background: url("../img/feedback-section-bg.jpg") no-repeat right 0%;
	overflow: hidden;    
	height: 500px;
	background-size: cover;
}

.feedback .row > div,

.feedback-area {

	position: relative;

}



.feedback-area {

	z-index: 1;

}



.feedback-overlay {
	position: absolute;
	top: -100%;
	width: 999%;
}
.feedback-overlay-left {
	right: 0px;
	height: 999%;
}
.each-feedback > div {
	display: inline-block;
	vertical-align: middle;
}
.each-feedback{	
	height: auto!important;
}
.feedback-img {
	width: 30%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	border-radius: 50%;
	height: 155px;
	margin-right: 25px;
}
.feedback-quote {
	width: 60%;
}
.feedback-list .slick-dots {
	text-align: left;
	bottom: -80%;
}
.feedback-list .slick-dots li button:before {
	font-size: 60px;
}
@media only screen and (max-width: 767px) {
	.feedback {
		padding: 20px 0px 0px;
		/*background: url("../img/feedback-bg.jpg") no-repeat 50%;*/
		background-size: cover;
	}
	.feedback .section-title {
		margin-bottom: 20px;
	}
	.feedback-form-area {
		padding-right: 15px;
		padding-bottom: 20px;
	}
	.feedback-overlay-left {
		height: 200%;
	}
	.feedback-list-area {
		padding: 20px 15px 20px 15px;	}
	.feedback-list .slick-dots {
		bottom: -10%;
	}
	.each-feedback > div {
		display: block;
	}
	.feedback-img {



		width: 150px;



		height: 150px;



		margin: 0px auto;



	}







	.feedback-quote {



		text-align: center;



		margin-top: 15px;



		width: 100%;



	}



}







/*@media only screen and (max-width: 767px) and (orientation: landscape) {



	.feedback-img {



		width: 25%;



	}



}*/







@media only screen and (min-width: 768px) and (max-width: 991px) {



	.each-feedback > div {



		display: block;



	}







	.feedback-img {



		width: 50%;



		margin: 0px auto 15px;



	}







	.feedback-quote {



		text-align: center;



		width: 100%;



	}







	.feedback-list .slick-dots {



		bottom: -10%;



	}



}







@media only screen and (min-width: 992px) and (max-width: 1199px) {



	.feedback-img {



		width: 140px;



		height: 140px;



	}



}



/*



==================================







INTRO







==================================



*/



.intro {



	padding: 50px 0px;



	overflow: hidden;



}







.intro-btn > a {



	font-family: "openSansBold";



	text-decoration: underline;



}







.intro-desc {



	margin: 35px 0px;



	padding-right: 50px;



}







.intro-video-area {



	position: relative;



	padding-left: 100px;



}







.intro-video-area > video {



	position: relative;



	z-index: 1;



	width: 100%;



}







.intro-overlay {



	position: absolute;



	top: -100%;



	height: 999%;



	width: 999%;



	left: 0px;



}







@media only screen and (max-width: 767px) {



	.intro {



		padding: 20px 0px;



	}







	.intro .row > div:first-child {



		padding-bottom: 20px;



	}







	.intro-desc {



		margin: 20px 0px;



		padding-right: 15px;



	}







	.intro-overlay {



		height: 100%;



		top: 0px;



	}







	.intro-video-area {



		padding-top: 20px;



		padding-bottom: 20px;



		padding-left: 15px;



	}



}

/*================================
SECTION
==================================
*/
.section {
	height: 300px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	position: relative;
	overflow: hidden;

}
.section-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}

.section .container {
	position: relative;
	height: 300px;

}
.title {
	position: absolute;
	bottom: 50px;
	font-size: 40px;
	text-transform: uppercase;
	z-index: 1;

}
.contact-b {
	position: absolute;
	bottom: 55px;
	right: 15px;
	z-index: 1;

}

.contact-b > li {
	display: inline-block;
}
.contact-b > li,
.contact-b > li > a {
	font-family: "openSansLight";
	font-size: 18px;

}

.contact-b > li:last-child {
	border-bottom: 2px solid #fff;
}
.contact-b > li:not(:last-child):after {
	content: "/";
	padding-left: 15px;
	padding-right: 15px;
	font-size: 20px;
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.title {
		bottom: 120px;
		font-size: 30px;
}

	.contact-b {
		left: 15px;
	}

	.contact-b > li > a {
		font-size: 16px;
	}
	.contact-b > li:not(:last-child):after {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.title {
		bottom : 140px;
	}
	.contact-b {
		left: 15px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.title {
			font-size: 30px;
	}
}
/*==================================CONTACT==================================*/
.contact {
	padding: 50px 0px;
}

.contact .section-title {
	margin-bottom: 35px;
}

.feedback-input > input,
.feedback-textarea > textarea,
.feedback-verification > div,
.feedback-verification > input,
.feedback-verification > button {
	border: 2px solid #a0a0a0;
}
.feedback-verification > button {
	padding: 12px 0px;
}
@media only screen and (max-width: 767px) {
	.contact {
		padding: 20px 0px;
	}
	.contact .section-title {
		margin-bottom: 20px;
	}
	.contact .row > div:last-child {
		padding-top: 20px;
	}
}
/*==================================MAP==================================*/

.map {
	height: 400px;
}
/*==================================SERVICES=================================*/
.services {
	padding: 50px 0px;
}
.service-img {
	height: 150px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
.service-title {
	font-family: "openSansBold";
	font-size: 18px;
	margin: 25px 0px;
}

.services .row > div:first-child,
.services .row > div:nth-of-type(2),
.services .row > div:nth-of-type(3) {
	margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
	.services .row > div:first-child,
	.services .row > div:nth-of-type(2),
	.services .row > div:nth-of-type(3) {
		margin-bottom: 0px;	}
	.services .row > div:not(:last-child) {
		margin-bottom: 15px;
	}
	.services {
		padding: 20px 0px;
	}
}



/*



==================================







CLIENTS-PAGE







==================================



*/



.clients-page {



	padding: 50px 0px;



}







.clients-page .container > div:not(:last-child) {



	margin-bottom: 25px;



	border-bottom: 1px solid #c4c4c4;



}







.each-client-page,



.each-client-page > div {



	/*outline: 0.5px solid red;*/



}







.each-client-page {



	padding-bottom: 25px;



}







.each-client-page > div {



	display: inline-block;



	vertical-align: middle;



}







.client-img {



	width: 25%;



	height: 200px;



	background-repeat: no-repeat;



	background-position: 50%;



	/*background-size: cover;*/



}







.client-content {



	width: 74%;



	padding-left: 50px;



}







.client-title {



	font-family: "openSansBold";



	font-size: 20px;



}







.client-title-line > span {



	display: block;



	width: 50px;



	height: 1px;



}







.client-title-line > span:last-child {



	margin-top: 5px;



	margin-left: 25px;



}







.client-title-line {



	margin: 10px 0px;



}







@media only screen and (max-width: 767px) {



	.clients-page {



		padding: 20px 0px;



	}







	.each-client-page > div {



		display: block;



		width: 100%;



	}







	.client-img {



		height: 150px;



	}







	.client-content {



		padding-left: 0px;



	}







	.client-title {



		margin-top: 10px;



	}



}







@media only screen and (max-width: 767px) and (orientation: landscape) {



	.client-img {



		height: 300px;



	}



}



/*



==================================







FEEDBACK-PAGE







==================================



*/



.feedback-page,



.single-feedback,



.single-feedback > div {



	/*outline: 0.5px solid red;*/



}







.feedback-page {



	padding: 50px 0px;



}







.single-feedback > div,



.single-feedback-title > div {



	display: inline-block;



	vertical-align: middle;



}







.single-feedback-img {



	width: 18%;



	height: 200px;



	border-radius: 50%;



	background-repeat: no-repeat;



	background-position: 50%;



	background-size: cover;



}







.single-feedback-content {



	width: 80%;



}







.single-feedback-content-left {



	padding-left: 50px;



}







.single-feedback-content-right {



	padding-right: 50px;



	text-align: right;



}







.single-feedback-fullname {



	font-family: "openSansBold";



	font-size: 20px;



}







.single-feedback-line > span {



	display: block;



	width: 50px;



	height: 1px;



}







.single-feedback-line > span:last-child {



	margin-top: 5px;



	margin-left: 30px;



}







.single-feedback-position {



	margin-left: 15px;



	font-size: 16px;



}







.single-feedback-desc {



	font-family: "openSansItalic";



	margin-top: 20px;



}







.feedback-page .container > div:not(:last-child) {



	border-bottom: 1px solid #c4c4c4;



	padding-bottom: 30px;



	margin-bottom: 30px;



}







@media only screen and (max-width: 767px) {



	.feedback-page {



		padding: 20px 0px;



	}







	.feedback-page .container > div:not(:last-child) {



		padding-bottom: 15px;



		margin-bottom: 15px;



	}







	.single-feedback > div {



		display: block;



	}







	.single-feedback-img {



		width: 200px;



		height: 200px;



		margin: 10px auto;



	}







	.single-feedback-content {



		width: 100%;



	}







	.single-feedback-content-left {



		padding-left: 0px;



	}







	.single-feedback-content-right {



		padding-right: 0px;



	}







	.single-feedback-position {



		margin-left: 0px;



	}



}







@media only screen and (min-width: 768px) and (max-width: 991px) {



	.single-feedback-img {



		width: 25%;



		height: 180px;



	}







	.single-feedback-content {



		width: 74%;



	}



}







@media only screen and (min-width: 992px) and (max-width: 1199px) {



	.single-feedback-img {



		height: 170px;



	}



}



/*



==================================







FAQ







==================================



*/



.faq,



.faq-accordion,



.each-faq {



	/*outline: 0.5px solid red;*/



}







.faq {



	padding: 50px 0px;



}







.faq-accordion > div:not(:last-child) {



	margin-bottom: 15px;



}







.each-faq {



	padding: 15px 25px;



	border: 2px solid #1d6887;



	font-family: "openSansLight";



	font-size: 18px;



}







.faq-desc {



	margin-top: 15px;



}







.faq-btn {



	cursor: pointer;



}







.faq-btn > span {



	display: inline-block;



	float: right;



	width: 30px;



	height: 18px;



	margin-top: 5px;



	background: url("../img/faq-btn.png") no-repeat 50%;



	position: relative;



}







.faq-desc {



	display: none;



}







@media only screen and (max-width: 767px) {

	.faq {
		padding: 20px 0px;
	}
	.each-faq {



		font-size: 16px;



	}







	.each-faq {



		padding: 10px;



	}







	.faq-btn > span {



		width: 20px;



		height: 14px;



		background-size: contain;



	}



}



/*



==================================







ABOUT







==================================



*/



.about {



	padding: 50px 0px;



}







.about-content {



	padding-right: 50px;



}







.about-title {



	text-transform: uppercase;



	font-family: "openSansLight";



	font-size: 34px;



	margin-bottom: 25px;



}







.about-img {



	height: 300px;



	background-repeat: no-repeat;



	background-position: 50%;



	background-size: cover;



}







@media only screen and (max-width: 767px) {



	.about {



		padding: 20px 0px;



	}







	.about-content {



		padding-right: 15px;



	}







	.about-title {



		font-size: 24px;



		margin-bottom: 10px;



	}







	.about .row > div:not(:last-child) {



		margin-bottom: 15px;



	}



}



/*



==================================







PRELOADER







==================================



*/



#loader-wrapper {



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    z-index: 1000;



}







#loader {



    display: block;



    position: relative;



    left: 50%;



    top: 50%;



    width: 150px;



    height: 150px;



    margin: -75px 0 0 -75px;



    border-radius: 50%;



    border: 3px solid transparent;



    border-top-color: #3498db;



    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */



    -moz-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */



    -o-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */



    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */



    z-index: 1001;



}







#loader:before {



    content: "";



    position: absolute;



    top: 5px;



    left: 5px;



    right: 5px;



    bottom: 5px;



    border-radius: 50%;



    border: 3px solid transparent;



    border-top-color: #e74c3c;







    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */



    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */



}







#loader:after {



    content: "";



    position: absolute;



    top: 15px;



    left: 15px;



    right: 15px;



    bottom: 15px;



    border-radius: 50%;



    border: 3px solid transparent;



    border-top-color: #f9c922;







    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */



      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */



}







@-webkit-keyframes spin {



    0%   { 



        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */



        -ms-transform: rotate(0deg);  /* IE 9 */



        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */



    }



    100% {



        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */



        -ms-transform: rotate(360deg);  /* IE 9 */



        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */



    }



}



@keyframes spin {



    0%   { 



        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */



        -ms-transform: rotate(0deg);  /* IE 9 */



        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */



    }



    100% {



        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */



        -ms-transform: rotate(360deg);  /* IE 9 */



        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */



    }



}







#loader-wrapper .loader-section {



    position: fixed;



    top: 0;



    width: 100%;



    height: 100%;



    background: #01163e;



    z-index: 1000;



    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */



    -ms-transform: translateX(0);  /* IE 9 */



    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */



}







#loader-wrapper .loader-section.section-left {



    left: 0;



}







#loader-wrapper .loader-section.section-right {



    right: 0;



}







/* Loaded */



.loaded #loader-wrapper .loader-section.section-left {



    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */



        -ms-transform: translateX(-100%);  /* IE 9 */



            transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */







    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  



            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);



}







.loaded #loader-wrapper .loader-section.section-right {



    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */



        -ms-transform: translateX(100%);  /* IE 9 */



            transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */







-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  



    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);



}







.loaded #loader {



    opacity: 0;



    -webkit-transition: all 0.3s ease-out;  



            transition: all 0.3s ease-out;



}



.loaded #loader-wrapper {



    visibility: hidden;







    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */



        -ms-transform: translateY(-100%);  /* IE 9 */



            transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */







    -webkit-transition: all 0.3s 1s ease-out;  



            transition: all 0.3s 1s ease-out;



}







/* JavaScript Turned Off */



.no-js #loader-wrapper {



    display: none;



}



.no-js h1 {



    color: #222222;



}



/*



==================================







SLICK ANIMATION







==================================



*/







.slider__text {



	opacity: 0;



	transform: scale(0) rotate(180deg);



	-webkit-transform: scale(0) rotate(180deg);



	-moz-transform: scale(0) rotate(180deg);



	-o-transform: scale(0) rotate(180deg);



}







.slider__title {



	opacity: 0;



	transform: translateY(-100%);



	-webkit-transform: translateY(-100%);



	-moz-transform: translateY(-100%);



	-o-transform: translateY(-100%);



	transition: all 1s ease-out;



	-webkit-transition: all 1s ease-out;



	-moz-transition: all 1s ease-out;



	-o-transition: all 1s ease-out;



}







.slick-active .slider__title {



	opacity: 1;



	transform: translateY(0);



	-webkit-transform: translateY(0);



	-moz-transform: translateY(0);



	-o-transform: translateY(0);



	transition: all 1s ease-out;



	-webkit-transition: all 1s ease-out;



	-moz-transition: all 1s ease-out;



	-o-transition: all 1s ease-out;



}







.slick-active .slider__text {



	opacity: 1;



	transform: scale(1) rotate(0deg);



	-webkit-transform: scale(1) rotate(0deg);



	-moz-transform: scale(1) rotate(0deg);



	-o-transform: scale(1) rotate(0deg);



	transition: all 1s ease-out;



	-webkit-transition: all 1s ease-out;



	-moz-transition: all 1s ease-out;



	-o-transition: all 1s ease-out;



}



/*



==================================







ORDER FORM







==================================



*/



.order_modal {



	background: rgba(0,0,0,.8);



	position: fixed;



	padding: 50px;



	width: 100%;



	top: 0%;



	height: 100%;
	z-index: 999;
	/*display: none;*/
	top: -100%;
	transition: all 0.5s ease-out;

}
.order_form {
	width: 50%;
	padding: 25px 0px;
	margin: 0px auto;
	background: rgba(255,255,255,.9);

}
.order_title {
	font-family: "openSansSemiBold";
	font-size: 30px;
	margin-bottom: 25px;
}

.order_form input {
	width: 80%;
	padding: 10px 10px 10px 15px;
}
.order_form > div:not(:last-child) {
	margin-bottom: 25px;
}
.order_form button {
	border: none;
	font-size: 16px;
	padding: 10px 50px;
}
.close-order-btn {
	font-family: "openSansBold";
	width: auto;
	position: absolute;
	font-size: 20px;
	right: 30px;
	top: 5%;
	cursor: pointer;

}
@media only screen and (max-width: 767px) {
	.order_modal {
		padding: 25px;
	}
	.order_form {
		width: 100%;
		padding: 15px 0px;
	}
	.order_title {
		font-size: 20px;
	}
	.order_form > div:not(:last-child) {
		margin-bottom: 15px;
	}
	.close-order-btn {
		top: 0%;
		right: 5px;
	}
}
button.contact-button-submit{
	background-color: #1d6887;
	color: #fff;
}
.feedback-area .feedback .section-title {
	margin-bottom: 35px;
}
.feedback-area .feedback-form-area {
	padding-right: 50px;
}
.feedback-area .feedback-input {
	display: inline-block;
	width: 48.3%;
}
.feedback-area .feedback-input > input,
.feedback-area .feedback-textarea > textarea {
	width: 100%;
	border: 2px solid #fff;
	background: none;
	padding: 15px 0px 15px 20px;
}
.feedback-area .feedback-textarea > textarea {
	height: 150px;
	resize: none;
}
.feedback-area .feedback-verification > div,
.feedback-area .feedback-verification > input,
.feedback-area .feedback-verification > button {
	display: inline-block;
}
.feedback-area .feedback-verification > div#captcha-field{
	padding: 0;
}
.feedback-area .feedback-verification > div {
	padding: 12px 0px;
}
.feedback-area .feedback-verification > div,
.feedback-area .feedback-verification > input {
	text-align: center;
}
.feedback-area .feedback-verification > div,
.feedback-area .feedback-verification > input {
	vertical-align: middle;
	background: none;
	border: 2px solid #fff;
	width: 25%;
	height: 50px;
}
.feedback-area .feedback-verification > input {
	margin-left: 10px;
}
.feedback-area .feedback-verification > button.contact-button-submit {
	float: right;
	width: 45%;
	padding: 15px 0px;
	background: #fff;
	border: none;
	color: #000;
}
.feedback-area .feedback-list-area {
	padding-left: 50px;
}

.slick-prev:before, .slick-next:before{
	content: " ";
	font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
}
/* .section .breadcrumb{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	color: #fff;
	font-size: 18px;
	padding: 15px 5px;
	margin: 0;
	z-index: 1
}
.section .breadcrumb li a{
	color: #fff;	
}
.section .breadcrumb li{
	color: #fff;
} */

button.contact-button-submit {
	float: right;
	width: 45%;
	padding: 15px 0px;
	background: #24577d;
	border: none;
	color: #fff;
}
.screens{
	position: relative;
	padding: 25px 0;
}
.screens .screen-control{
	position: absolute;
	width: 106%;
	top: 100px;
	left: -35px;
	z-index: 100;
}
.screens .screen-control button{
	background-color: transparent;
	border: none;
	outline: none;
}
.screens .screen-control .left{
	float: left;
}
.screens .screen-control .right{
	float: right;
}
.screen-slider {
	height: 250px;
	z-index: 200;
}
.screen-slider div.item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.screen-slider div.item div.sceen{
	padding: 15px;
	border-radius: 10px;
	height: 220px;
}
.bx-feedback-form {
	width: 95%;
	padding: 15px; 
}
.bx-feedback-form .feedback-input{
	width: 100%;
	color: #636161;
}
.bx-feedback-form .feedback-input input{
	width: 49%;
	border: 2px solid #ccc;
    padding: 10px 0px 10px 20px;
    color: #636161 !important;
    margin-bottom: 10px;
}
.bx-feedback-form .feedback-textarea textarea{
	width: 99%;
	border: 2px solid #ccc;
    background: none;
    padding: 10px 0px 10px 20px;
    color: #636161;
    margin-bottom: 10px;
    height: 125px;
}
.bx-feedback-form .captcha-input{
	width: 25%;
	height: 40px;
	border: 2px solid #ccc;
}
.bx-feedback-form .bx-captcha {
	width: 100%;
	height: 40px;
}
.bx-feedback-form .bx-captcha input{
    padding: 10px 0px 10px 20px;
}
.bx-feedback-form button.contact-button-submit{
	margin: 0px 5px;
}
.bx-form-demo{
	padding: 15px 0;
}
.bx-form-demo input.form-control{
    border: 2px solid #ccc;
    padding: 10px 0px 10px 20px;
    color: #636161;
    margin-bottom: 10px;
    height: auto;
    border-radius: 2px;
}
button.contact-button-submit{
	background-color: #1d6887;
	color: #fff;
}
.contact-feedback .feedback .section-title {
	margin-bottom: 35px;
}
.contact-feedback .feedback-form-area {
	padding-right: 50px;
}
.contact-feedback .feedback-area .feedback-input {
	display: inline-block;
	width: 48.3%;
}
.contact-feedback div.form-group.feedback-input{
	display: inline-block;
	width: 48%;
}
.contact-feedback div.form-group.feedback-input.right{
	float: right;
}
.contact-feedback .feedback-input > input,
.contact-feedback .feedback-textarea > textarea {
	width: 100%;
	border: 2px solid #484848;
	background: none;
	padding: 15px 0px 15px 20px;
}
.contact-feedback .feedback-textarea > textarea {
	height: 150px;
	resize: none;
}
.contact-feedback .feedback-verification > div,
.contact-feedback .feedback-verification > input,
.contact-feedback .feedback-verification > button {
	display: inline-block;
}
.contact-feedback .feedback-verification > div#captcha-field{
	padding: 0;
}
.contact-feedback .feedback-verification > div {
	padding: 12px 0px;
}
.contact-feedback .feedback-verification > div,
.contact-feedback .feedback-verification > input {
	text-align: center;
}
.contact-feedback .feedback-verification > div,
.contact-feedback .feedback-verification > input {
	vertical-align: middle;
	background: none;
	border: 2px solid #484848;
	width: 25%;
	height: 50px;
}
.contact-feedback .feedback-verification > input {
	margin-left: 10px;
}
.contact-feedback .feedback-verification > button.contact-button-submit {
	float: right;
	width: 45%;
	padding: 15px 0px;
	background: #52ac62;
	border: none;
	color: #fff;
}
.contact-feedback .feedback-list-area {
	padding-left: 50px;
}
.vidos{
	text-align: center;
}
.single-feedback-img{
	margin-bottom: 15px;
}
.feedback-list .feedback-img{
	margin: 15px;
}


@media(max-width:768px){
	.mobile-navigation ul.navigation{
		display: none;
	}
	.mobile-navigation ul.navigation:first-child{
		display: block;
	}
}