* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}
:root {
	--color1: #6e2b2c;
	--colorW: #fff
}
.bg1 {
	background-color: #383067
}
.about-information a::after,
.about-information article ul li::before,
.additionals .icons,
.benefits .box ul li::before,
.bordered-box ul li::before,
.header-top a .call-ico {
	background: url(../images/sprite.png) no-repeat
}
body {
	font-size: 16px;
	font-family: 'Public Sans', sans-serif!important;
	color: #494949!important
}
.header-top a {
	color: #494949
}
.header-top a.callus {
	float: right;
	margin: 25px 0
}
.header-top a .call-ico {
	width: 20px;
	height: 20px;
	background-position: 0 0;
	float: left;
	margin-right: 10px;
	margin-top: 2px
}
.header {
	background: url(../images/hdr-bg01.jpg) no-repeat center center;
	background-size: 100% 100%;
	padding: 75px 0
}
.header-information {
	color: var(--colorW)
}
.header-information h2 {
	font-size: 32px;
	margin-bottom: 40px;
	text-transform: uppercase;
	line-height: 45px
}
.bordered-box {
	padding: 20px 30px 15px 30px;
	background: 0 0;
	border: 3px solid var(--colorW);
	position: relative;
	display: inline-block
}
.bordered-box h4 {
	font-size: 22px;
	margin-bottom: 30px;
	color: var(--colorW);
	position: absolute;
	left: 30px;
	top: -20px;
	background: #a42031;
	padding: 10px 15px
}
.bordered-box ul {
	list-style: none;
	margin-top: 30px;
	color: var(--colorW)
}
.bordered-box ul li {
	margin-bottom: 15px;
	padding-left: 35px;
	position: relative
}
.bordered-box ul li::before {
	width: 13px;
	height: 12px;
	content: '';
	background-position: 0 -326px;
	position: absolute;
	top: 8px;
	left: 0
}
.header-information.thank-you {
	padding: 100px 0
}
.header-information.thank-you a {
	color: var(--colorW)
}
.header-lp-forms {
	padding: 30px 30px 25px;
	border: 3px solid var(--colorW);
	margin-left: 30px
}
.header-lp-forms h3 {
	color: var(--colorW);
	font-size: 20px;
	margin-bottom: 30px
}
.header-lp-forms button,
.header-lp-forms input,
.header-lp-forms select,
.header-lp-forms textarea {
	border-radius: 0;
	border-color: transparent;
	height: 49px;
	width: 100%
}
.header-lp-forms textarea {
	height: 72px;
	resize: none
}
.header-lp-forms button.btn-danger {
	background-color: #a42032;
	text-transform: uppercase;
	border: 2px solod transparent
}
.header-lp-forms button.btn-danger:hover {
	background-color: transparent;
	border-color: #a42032
}
.header-lp-formsmodel {
	padding: 0 30px 25px
}
.header-lp-formsmodel h3 {
	color: var(--colorW);
	font-size: 20px;
	margin-bottom: 30px
}
.header-lp-formsmodel button,
.header-lp-formsmodel input,
.header-lp-formsmodel select,
.header-lp-formsmodel textarea {
	border-radius: 0;
	border-color: transparent;
	height: 49px;
	width: 100%
}
.header-lp-formsmodel textarea {
	height: 72px;
	resize: none
}
.header-lp-formsmodel button.btn-danger {
	background-color: #a42032;
	text-transform: uppercase;
	border: 2px solod transparent
}
.header-lp-formsmodel button.btn-danger:hover {
	background-color: transparent;
	border-color: #a42032
}
.additionals {
	background-color: transparent;
	padding: 45px 0
}
.additionals .box {
	width: 262px;
	height: 210px;
	border: 1px solid #aaa8a8;
	padding: 40px 0;
	background: var(--colorW);
	margin-left: -1px;
	margin-top: -1px
}
.additionals .icons {
	display: block;
	margin: 0 auto 20px;
	height: 48px
}
.additionals .icons.on {
	width: 63px;
	background-position: 0 -34px
}
.additionals .icons.tw {
	width: 48px;
	background-position: 0 -86px
}
.additionals .icons.th {
	width: 38px;
	background-position: 0 -138px
}
.additionals .icons.fo {
	width: 34px;
	background-position: 0 -191px
}
.additionals .icons.fi {
	width: 45px;
	background-position: -54px -86px
}
.additionals .icons.sx {
	width: 47px;
	background-position: -53px -138px
}
.additionals .icons.sv {
	width: 48px;
	background-position: -52px -191px
}
.additionals .counter,
.product-range-counter .counter {
	font-weight: 700;
	color: #5c4a61;
	margin-bottom: 10px
}
.items-center {
	align-items: center;
	justify-content: center
}
.book-appointment {
	padding: 60px 0
}
.book-appointment .row {
	justify-content: center
}
.book-appointment h2 {
	font-size: 45px;
	color: #ddd;
	margin-top: 15px;
	text-transform: uppercase;
	font-weight: 300;
	padding-left: 40px
}
.book-appointment h2 strong {
	font-weight: 700;
	font-size: 55px;
	color: var(--colorW)
}
.book-appointment a {
	color: var(--colorW);
	font-size: 22px;
	padding: 10px 45px;
	display: inline-block;
	background-color: #c92527;
	transition: .4s;
	border: 2px solid transparent
}
.book-appointment a:hover {
	background-color: transparent;
	border-color: var(--colorW);
	text-decoration: none;
	transition: .4s
}
.book-appointment .hints {
	color: #ccc;
	font-size: 11px;
	margin-top: -30px;
	margin-bottom: 0
}
.about-information {
	padding: 75px 0;
	position: relative
}
.about-information article {
	padding: 0 260px 0 0;
	overflow: hidden
}
.about-information h2 {
	font-size: 45px;
	color: #5c4a61;
	text-transform: uppercase;
	margin-top: 10px;
	position: relative;
	z-index: 1
}
.about-information h2 strong {
	color: #7a494f
}
.about-information article ul {
	list-style: none;
	margin-top: 40px
}
.about-information article ul li {
	margin-bottom: 2px;
	padding: 8px 15px;
	background-color: #5c4a61;
	float: left;
	color: var(--colorW);
	margin-right: 2px
}
.about-information article h5 {
	margin-top: 40px
}
.about-information article .btn-danger {
	border-radius: 0;
	background: #c92527;
	border-color: #c92527;
	color: var(--colorW);
	font-weight: 600;
	border-width: 2px;
	padding: 10px 35px;
	margin-top: 15px;
	transition: .4s;
	-webkit-transition: .4s
}
.about-information article .btn-danger:hover {
	color: #c92527;
	background: 0 0;
	transition: .4s;
	-webkit-transition: .4s
}
.about-information .video-box a {
	position: relative;
	cursor: pointer
}
.about-information .video-box a::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: "";
	width: 68px;
	height: 68px;
	background-position: -1px -248px
}
.about-information .video-box {
	width: 100%;
	border: 30px solid #3d3476;
	background: var(--colorW)
}
.about-information .video-box a {
	display: block;
	width: 541px;
	border: 23px solid var(--colorW);
	position: relative;
	left: -272px;
	margin: 30px 0
}
.about-information .video-box a img {
	width: 100%
}
#videoModal iframe {
	height: 400px;
	width: 100%;
	margin: 0;
	border: 10px solid #1d0102
}
#videoModal.modal {
	top: 50%;
	transform: translateY(-50%);
	height: 440px
}
#videoModal .modal-content {
	background-color: transparent;
	border-radius: 0;
	border: none
}
#videoModal.modal .modal-body {
	padding: 10px
}
#videoModal.modal .modal-body button.close {
	position: absolute;
	right: 0;
	top: -15px;
	font-size: 50px;
	color: var(--colorW)
}
.modal-backdrop.show {
	opacity: .8
}
.require {
	padding: 65px 0;
	background: #602225 url(../images/bg2.jpg) no-repeat;
	background-size: 100% 100%
}
.require h2 {
	font-size: 36px;
	color: var(--colorW);
	margin-bottom: 30px
}
.require .btn-info {
	border: 2px solid var(--colorW);
	color: var(--colorW);
	border-radius: 0;
	background: 0 0;
	padding: 12px 35px;
	transition: .4s;
	-webkit-transition: .4s
}
.require .btn-info:hover {
	background: var(--colorW);
	color: var(--color1);
	transition: .4s;
	-webkit-transition: .4s
}
.branches {
	background: url(../images/bg3.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 65px 0;
	position: relative
}
.branches::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(61, 52, 118, .88)
}
.branches h2 {
	color: var(--colorW);
	text-align: center;
	margin-bottom: 50px;
	font-size: 36px;
	font-weight: 300
}
.branches .officesIn {
	justify-content: center
}
.branches .officesIn .ct-box {
	width: 100%;
	position: relative;
	margin: 15px 0;
	overflow: hidden
}
.branches .officesIn .ct-box h5 {
	font-size: 16px;
	color: var(--colorW);
	width: 102%;
	margin: 0;
	text-align: center;
	position: absolute;
	bottom:-1px;
	padding: 5px 0;
	text-transform: uppercase;
	left: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: .4s;
	-webkit-transition: .4s
}
.branches .officesIn .ct-box:hover h5 {
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: .4s;
	-webkit-transition: .4s
}
.branches .officesIn .ct-box img {
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: .4s;
	-webkit-transition: .4s
}
.branches .officesIn .ct-box:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transition: .4s;
	-webkit-transition: .4s
}
.branches .officesIn .ct-box .ct-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	color: var(--colorW);
	font-size: 12px;
	text-align: center;
	padding: 20px 10px;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: .4s;
	-webkit-transition: .4s
}
.branches .officesIn .ct-box:hover .ct-info {
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: .4s;
	-webkit-transition: .4s
}
.benefits-servises {
	padding: 65px 0
}
.benefits {
	padding-right: 60px
}
.benefits .box {
	background-color: var(--colorW);
	border: 30px solid #a9a0de;
	padding: 15px 22px 15px
}
.benefits .box h2 {
	font-size: 45px;
	font-weight: 700;
	color: #5b5969;
	position: relative;
	left: -52px;
	margin-bottom: 15px
}
.benefits .box h2 span {
	color: #6e3e3e
}
.benefits .box h4 {
	color: #a42031
}
.benefits .box ul {
	margin: 20px 0 0;
	font-size: 17px;
	list-style: none
}
.benefits .box ul li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 30px
}
.benefits .box ul li::before {
	position: absolute;
	width: 18px;
	height: 17px;
	content: "";
	top: 4px;
	left: 0;
	background-position: -81px 0
}
.services h2 {
	font-size: 45px;
	color: #5b5969;
	font-weight: 300;
	text-align: right;
	margin-bottom: 50px
}
.services h2 strong {
	color: #6e3e3e;
	font-weight: 700
}
.services .owl-carousel {
	padding-left: 61px
}
.services .owl-carousel .item::after {
	position: absolute;
	content: "";
	background-color: transparent;
	border: 30px solid #7a494f;
	border-left: none;
	right: 0;
	width: 54px;
	height: 366px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}
.services .owl-nav {
	position: absolute;
	left: 80px;
	bottom: 20px
}
.services .owl-nav button.owl-next,
.services .owl-nav button.owl-prev {
	font-size: 70px;
	outline: 0;
	color: var(--colorW)
}
.services .slider-box {
	width: 425px;
	position: relative
}
.services .slider-box::before {
	background-color: rgba(122, 73, 79, .54);
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.services .slider-box .caption {
	position: absolute;
	top: 25px;
	left: 25px;
	color: var(--colorW)
}
.services .slider-box .caption h3 {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 300
}
.services .slider-box .caption h3 strong {
	font-weight: 700;
	display: block
}
.awards-clients {
	padding: 75px 0;
	background-color: #383067
}
.awards-clients h2 {
	font-size: 36px;
	color: var(--colorW);
	text-transform: uppercase
}
.award-box {
	padding: 30px;
	background-color: var(--colorW)
}
.award-box h2 {
	color: #6e3e3e;
	font-weight: 700;
	margin-bottom: 30px
}
.award-box h2 strong {
	color: #5b5969;
	display: block
}
.award-box .owl-dots,
.book-appointment .owl-dots {
	text-align: right;
	margin-top: 10px
}
.clients-box .owl-dots,
.services .owl-dots {
	display: none
}
.clients-box {
	padding: 50px 40px;
	background-color: #484073;
	margin-left: 60px
}
.clients-box h2 {
	text-transform: uppercase
}
.clients-box .owl-carousel {
	margin-top: 50px
}
.clients-box .owl-nav {
	text-align: right;
	color: #fff;
	font-size: 50px
}
.testimonials {
	padding: 60px 0
}
.testimonials h2 {
	font-size: 45px;
	color: #6e3e3e;
	margin-bottom: 20px
}
.testimonials .owl-item .item {
	width: 75%;
	border-radius: 15px;
	position: relative;
	background-color: #fff;
	padding: 30px;
	margin: 40px auto 40px;
	text-align: center;
	box-shadow: 0 0 16px rgba(0, 0, 0, .2)
}
.testimonials .owl-carousel .owl-item img {
	width: 119px;
	height: 119px;
	margin: 0 auto 30px;
	border-radius: 50%;
	border: 5px solid #a9a0de
}
.testimonials h4 {
	font-size: 17px;
	font-weight: 700
}
.testimonials h4 small {
	display: block;
	font-weight: 400
}
.testimonials .clientDetail {
	padding-top: 20px
}
.award-box .owl-nav,
.testimonials .owl-nav {
	display: none
}
.testimonials .owl-dots {
	text-align: center
}
.award-box .owl-dots .owl-dot,
.book-appointment .owl-dots .owl-dot,
.testimonials .owl-dots .owl-dot {
	width: 15px;
	height: 15px;
	background-color: #ccc;
	margin: 0 5px;
	border-radius: 50%;
	outline: 0
}
.award-box .owl-dots .owl-dot.active,
.book-appointment .owl-dots .owl-dot.active,
.testimonials .owl-dots .owl-dot.active {
	background-color: var(--color1)
}
footer {
	background-color: #262146;
	padding: 20px 0;
	text-align: center;
	font-size: 13px;
	color: var(--colorW);
	line-height: 22px
}
footer a {
	color: var(--colorW);
	margin: 0 10px
}
footer a:hover {
	color: #ccc
}
footer p {
	margin-bottom: 0
}
.xs-block {
	display: none
}
@media screen and (max-width: 767px) {
	.header {
		background:url(../images/h-480.jpg) no-repeat center top; background-size:100% 100%;
	}
	.header-top h1 img{width:50px; margin-top:10px}
	.header-top a.callus{font-size:16px;}
	.header-top a .call-ico{transform: scale(.8); margin-right:5px;}
	.header-lp-forms {margin-left: 0; margin-top: 0; margin-bottom:30px; padding:20px 20px 10px; border:none; background: rgba(0, 0, 0, 0.4);}
	.bordered-box{border:none; padding:0;}
	.bordered-box h4{position: static; background:none; font-size:20px; padding:0;}
	.header-information h2 {margin-bottom:40px; font-size:24px;line-height: 30px;}
	.bordered-box ul li{margin-bottom:10px; padding-left:25px; position: relative; font-size:14px; line-height: normal;}
	.header-lp-forms button, .header-lp-forms input, .header-lp-forms select{height: 40px;}
	.header-lp-forms h3{font-size: 16px; margin-bottom: 20px;}
	.header-lp-formsmodel{padding: 0 15px 0px;}
	.about-information a img {
		max-width: 100%
	}
	.about-information h2 br,
	.branches h2 br,
	.header-information h2 br,
	.header-lp-forms h3 br,
	.services h2 br {
		display: none
	}
	.branches {
		background: 0 0
	}
	.book-appointment h2 {
		font-size:24px;
		margin-top: 45px;
		padding-left: 0;
		margin-bottom: 0;
	}
	.book-appointment h2 strong{font-size:32px;}
	.about-information,
	.additionals,
	.benefits-servises,
	.branches,
	.header,
	.require,
	.testimonials,
	.awards-clients,
	.book-appointment{
		padding:40px 0
	}
	.award-box{padding: 20px;}
	.awards-clients h2{font-size:26px; margin-bottom: 20px;}
	.clients-box .owl-carousel{margin-top:30px;}
	.additionals .col-md-6 {margin-bottom: 30px}
	.about-information article {padding: 0; margin-bottom: 30px}
	.about-information .video-box{border-width:5px;}
	.about-information h2,
	.services h2,
	.testimonials h2 {
		font-size:28px;
		margin-top: 0
	}
	.product-range-counter {
		margin-top: 0;
		padding-top: 50px
	}
	.require h2{font-size:24px;}
	.require .btn-info{padding:8px 20px;}
	.product-range-counter .col-md-6,
	.services h2 {
		margin-bottom: 30px;
		text-align: left;
	}
	.additionals .box {width: 45%; height:170px; padding:20px 0;}
	.about-information article ul {margin-top:20px}
	.about-information article ul li{font-size:13px; padding:6px 10px;}
	.about-information article .btn-danger {margin-top:10px; padding:8px 15px;}
	.about-information article h5{margin-top:20px; font-size:16px;}
	.about-information .video-box a {
		left: 0;
		width: 100%;
		margin: 0;
		border-width: 10px;
	}
	.branches h2{font-size: 24px;text-transform: capitalize !important; margin-bottom: 20px;}
	.branches .officesIn .ct-box img {
		width: 100%
	}

	.benefits {
		padding-right: 0
	}
	.benefits .box {
		padding:0;
		margin-bottom:30px;
		border:none;
	}
	.benefits .box h2{left: 0; font-size:30px;}
	.benefits .box h4{font-size:18px}
	.benefits .box ul li{font-size: 15px; padding-left: 25px; margin-bottom: 12px;}
	.benefits .box ul li::before{transform: scale(0.8); top: 5px;}
	.services .owl-carousel {padding: 0;}
	.services .owl-carousel .item::after {display: none;}
	.services .slider-box .caption h3{font-size: 24px;}
	.services .owl-nav {left: 20px}
	.clients-box {margin:20px 0 0; padding: 30px 20px 10px;}
	.services .slider-box{width: auto;}
	.testimonials .owl-item .item {width:96%; padding:20px; margin:30px auto 20px;}
	.testimonials .owl-carousel .owl-item img{width:75px; height:75px; margin-bottom:10px}
	.testimonials .clientDetail{padding: 0;}
	.testimonials h2{margin-bottom:0;}
	.xs-none {display: none!important;}
	.xs-block {display: block!important}
}

@media (max-width: 767px) {
	.hidden-xs {
		display: none!important
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none!important
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none!important
	}
}
@media (min-width: 1200px) {
	.hidden-lg {
		display: none!important
	}
}