* {
	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: #787878!important}
.header-top{padding:7px 0;}
.header-top .logo{ display: inline-block;}
.header-top .logo img{max-width:100%;}
.header-top a {color: #df8f00}
.header-top .callus {float: right; margin:33px 0; font-size:20px; line-height:24px;}
.header {background: url(../images/hdr-bg01.jpg) no-repeat center center; background-size: 100% 100%; padding:90px 0; position: relative;}
.header::before{position: absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:#334e00; background:linear-gradient(270deg, #334e00, black); opacity:.7;}
.header-information {color: var(--colorW); font-size:18px;}
.header-information h1 {font-size:40px; text-transform: capitalize; margin-bottom:90px;}
.header-information h1 strong{font-size:45px;}
.bordered-box {padding: 20px 30px 15px 30px; background:transparent; 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: #df8f00; 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:18px; margin-bottom: 30px}
.form-model button,
.form-model input,
.form-model select,
.form-model textarea,
.header-lp-forms button,
.header-lp-forms input,
.header-lp-forms select,
.header-lp-forms textarea {border-radius: 0; border-color: transparent; height: 45px; width: 100%; font-size: 14px;}
.form-model textarea,
.header-lp-forms textarea{height: 62px; resize: none}
.custom-control-label{color: var(--colorW); line-height: normal; font-size: 14px;}
.form-model button.btn-danger,
.form-model input.btn-danger,
.header-lp-forms button.btn-danger,
.header-lp-forms input.btn-danger {background-color: #df8f00;	text-transform: uppercase; border: none; background: linear-gradient(45deg, #df8f00, #89c241); font-weight: 700; letter-spacing: 1px;}
.form-model button.btn-danger:hover,
.header-lp-forms button.btn-danger:hover {background-color: transparent; border-color: #a42032}

.additionals {background-color: transparent; padding:70px 0}
.additionals h2{margin-bottom: 50px; font-size:45px;}
.additionals h2 strong{font-weight:700; color:#ffa80d;}
.additionals .box {width:25%; height:auto; border: 1px solid transparent; padding: 15px 0; background: var(--colorW); margin-left: -1px; margin-top: -1px}
.additionals .icon {display: block; margin: 0 auto 20px; height: 90px; width:100px;}
.additionals .icon.on {background:url(../images/money-transaction.png) no-repeat;}
.additionals .icon.tw {background:url(../images/invoice-discount.png) no-repeat;}
.additionals .icon.th {background:url(../images/gmv.png) no-repeat;}
.additionals .icon.fo {background:url(../images/npa.png) no-repeat;}
.additionals .counter{font-weight: 700; color: #5c4a61; margin-bottom: 10px}
.items-center {align-items: center; justify-content: center}

.book-appointment {padding:120px 0; background:url(../images/cta-bg.jpg) no-repeat; background-attachment: fixed; background-size:100% 100%; position: relative;}
.book-appointment::before{position: absolute; content:''; width:100%; height:100%; top:0; left:0; background-color:#000; background:linear-gradient(45deg, #705015, #89c241); opacity:.8;}
.book-appointment .container {position: relative;}
.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: 15px 45px;	display: inline-block; background-color:transparent; transition: .4s; border: 2px solid var(--colorW)}
.book-appointment a:hover {background-color:#ffa80d; border-color:transparent; 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: #787878; text-transform: uppercase; margin-top: 10px; position: relative; z-index: 1}
.about-information h2 strong {color: #ffa80d}
.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 .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 #000; 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}

.branches .officesIn .ct-box:hover .ct-info {transform: scale(1); -webkit-transform: scale(1); transition: .4s; -webkit-transition: .4s}
.benefits-servises {padding:70px 0}
.benefits {padding-right: 60px}
.benefits .box {background-color: var(--colorW); border: 30px solid #89c241; padding: 15px 22px 15px}
.benefits .box h2 {font-size: 45px; font-weight: 700; position: relative; left: -52px; margin-bottom: 15px}
.benefits .box h2 span {color:var(--colorW)}
.benefits .box h4 {color: #ffa823; font-size: 32px;}
.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; font-size:18px;}
.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: 40px}
.services h2 strong {color: #ffa823; 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}

.testimonials {padding: 60px 0}
.testimonials h2 {font-size: 45px; margin-bottom: 20px}
.testimonials .owl-item .item {width: 75%; border-radius: 15px; position: relative; background-color: #fff; padding: 30px; min-height:270px; 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; display: none;}
.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: #787878; 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}
.form-model .modal-header {background:#ffa80d; border-bottom:none;}
.form-model .modal-header h5{max-width:93%; flex:0 0 93%; font-size:16px; color:#fff;}
.form-model .modal-header .close{font-size: 40px; padding: 9px 0 0;}
.form-model .modal-body{background-color: #5a8b1d; padding:20px 20px 5px;}

.xs-block {
	display: none
}
.mobile-activity{display: none;}
@media screen and (max-width: 767px) {
	.header-top .logo{width:100%; text-align: center;}
	.header-top .logo img{height: 68px;}
	.header-top .callus{margin: 16px 0 0; font-size: 16px; line-height: 24px; width: 100%; text-align: center;}
	.header{padding: 40px 0; background: url(../images/h-480.jpg) no-repeat;}
	.header-information h1{font-size:26px; margin-bottom: 30px;}
	.header-information h1 strong{font-size: 26px;}
	.bordered-box{border: none;padding:0; margin-bottom:20px;}
	.bordered-box h4{position: static; font-size: 16px; padding: 10px 10px;	font-weight: 700;}
	.header-lp-forms{padding:0; border:none; margin:0;}
	.header-lp-forms h3{font-size:16px; font-weight:600;}
	.bordered-box ul li{margin-bottom: 10px; padding-left: 23px; position: relative; font-size: 15px;}

	.additionals{padding: 50px 0 30px;}
	.additionals h2{font-size: 26px;}
	.additionals .box{width: 50%; margin:0; padding:15px;}
	.additionals .icon{background-size:auto 100% !important; height:52px; background-position: center !important;}
	.additionals .counter{font-size:18px;}
	.additionals .box h6{font-size:13px;}

	.book-appointment{padding: 70px 0;}
	.book-appointment a{font-size: 18px; padding: 10px 30px; line-height: normal;}

	.benefits-servises{padding: 50px 0 30px;}
	.benefits{padding-right: 0;}
	.benefits .box{border-width: 20px; padding:15px; margin-bottom: 50px;}
	.benefits .box h2{font-size: 26px; left:-33px;}
	.benefits .box h2 span{display: inline-block; padding: 0 2px 0 0;}
	.benefits .box h4{font-size: 24px;}
	.benefits .box ul li{font-size: 14px; margin-bottom: 12px;}
	.benefits .box ul li::before{top:2px; background-position: -82px 0; transform: scale(0.7);}

	.services h2{text-align: center; font-size:26px;}
	.services .owl-carousel{padding-left: 0;}
	.services .owl-carousel .item{padding:0 ;}
	.services .slider-box{width:100%}
	.services .owl-carousel .item::after{display: none;}
	.services .slider-box .caption h3{font-size:22px;}
	.services .slider-box .caption h3 strong{display: inline-block;}

	.about-information{padding: 50px 0;}
	.about-information h2{font-size:26px; text-align: center;}
	.about-information article{padding:0;}
	.about-information article h5{font-size:15px; margin-top: 15px;}
	.about-information article ul{margin-top: 20px; margin-bottom: 40px;}
	.about-information article ul li{font-size: 14px; padding: 6px 8px;}
	.about-information .video-box{border-width:15px;}
	.about-information .video-box a{width:100%; left:0; margin:0; border-width:12px;}
	.testimonials{padding:50px 0;}
	.testimonials h2{font-size:26px;}
	.testimonials .owl-item .item{width:92%; font-size:14px; padding: 15px;}

	footer{padding:7px 0 40px}

	.mobile-activity{width: 100%; display: block; position: fixed; left: 0; bottom: 0; z-index:11}
	.mobile-activity a,
	.mobile-activity button{border: none;width: 50%; float: left; padding:6px;  display: flex; justify-content: center; font-size:14px; font-weight:600; letter-spacing: 1px; cursor:pointer; color: #fff; background-color:#89c241; text-transform:uppercase;}
	.mobile-activity a:first-child{background-color:#ffa80d;}
	.mobile-activity a .env{margin-top:0}
	.mobile-activity a .call{background-position: left center; margin-top:1px}
	
}