@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden !important;
	font-family: "Poppins", serif;
}
 body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
body::-webkit-scrollbar {
 width: 3px;
 background-color: #F5F5F5;
}
 body::-webkit-scrollbar-thumb {
 background-color: #666;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
	padding: 0
}
a, button {
	text-decoration: none;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
img {
	max-width: 100%
}
/* CSS Document */

/* CSS header */

.header-main-wraper {
	background: #000033;
	position: relative;
	height: 90px;
}
.header-main-wraper:before {
	content: "";
	position: absolute;
	background: url(../images/shape-header.png) repeat-x top;
	background-size: contain;
	height: 10px;
	bottom: -10px;
	width: 100%;
	z-index: 1;
}
.header-topbar-wrap {
	padding: 10px 0;
}
.topbar-location-wrap {
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
}
.topbar-location-wrap i {
	margin-right: 3px;
	font-size: 18px !important;
	position: relative;
	top: 2px
}
.topbar-social-wrp {
	text-align: center;
}
.topbar-social-wrp a {
	display: inline-block;
	width: 35px;
	height: 30px;
	border-radius: 4px;
	background: #1374fa;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding-top: 4px;
	margin: 0 3px
}
.topbar-social-wrp a:nth-child(1) {
	background: #1374fa !important;
}
.topbar-social-wrp a:nth-child(2) {
	background: #1ea1f1 !important;
}
.topbar-social-wrp a:nth-child(3) {
	background: #fa6899 !important;
}
.topbar-social-wrp a:nth-child(4) {
	background: #3466cc !important;
}
.topbar-phone-time-wrap ul {
	list-style: none;
	text-align: right;
}
.topbar-phone-time-wrap ul li {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	margin-top: 5px;
	margin-right: 15px;
}
.topbar-phone-time-wrap ul li i {
	margin-right: 3px;
	font-size: 18px !important;
	position: relative;
	top: 2px
}
.header-logo-nav-wrap {
	background: #fff;
	padding: 12px 15px;
	border-radius: 6px;
	position: relative;
	z-index: 11;
	box-shadow: 0 0 24px -6px #000;
}
.header-logo-nav-wrap .site-logo-wrap img {
	width: 180px
}
.header-logo-nav-wrap .header-nav-wraper {
}
.header-nav-wraper ul {
	list-style: none;
	text-align: right;
	margin-top: 6px
}
.header-nav-wraper ul li {
	display: inline-block;
	padding-left: 35px;
}
.header-nav-wraper ul li:nth-child(5) {
	padding-left: 25px;
}
.header-nav-wraper ul li:nth-child(6) {
	padding-left: 15px;
}
.header-nav-wraper ul li a {
	font-size: 16px;
	color: #000033;
	font-weight: 500;
}
.header-nav-wraper ul li a:hover {
	color: #2144d8;
}
.btn-get-quote {
	border: 2px solid #2144d8;
	padding: 12px 22px;
	border-radius: 4px
}
.btn-get-quote:hover {
	background: #2144d8 !important;
	color: #fff !important
}
.btn-get-quote i {
	font-size: 25px;
	position: relative;
	top: 4px;
	margin-left: 5px;
	color: #2144d8
}
.btn-get-quote:hover i {
	color: #fff !important;
}
.phone-numeber {
	font-size: 18px !important;
	font-weight: 600 !important;
	position: relative;
	top: 2px
}
.phone-numeber span {
	width: 40px;
	display: inline-block;
	height: 40px;
	color: #222222;
	font-size: 20px;
	background: #ffc700;
	border-radius: 50%;
	text-align: center;
	padding-top: 7px;
	margin-right: 5px;
}
.about-main-wraper {
	padding: 80px 0;
	background: url(../images/bg-about.jpg) no-repeat top;
	background-size: cover;
}
.about-image-wrap {
	position: relative
}
.about-image-wrap span {
	position: absolute;
	top: -10px;
	width: 210px;
	height: 156px;
	text-align: center;
	background: #ffc700;
	left: -10px;
	border-radius: 10px;
	border: 11px solid #fff;
	line-height: 40px;
	padding-top: 36px;
	font-weight: 600;
}
.about-image-wrap span strong {
	font-size: 50px;
	display: block;
	font-weight: 600;
}
.about-text-wraper {
	margin-top: 30px;
}
.about-text-wraper span {
	background: #2144d8;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 30px;
	letter-spacing: 3px;
	font-weight: 500;
	border-left: 5px solid #ffc700;
}
.about-text-wraper h2 {
	font-size: 55px;
	line-height: 60px;
	color: #000000;
	margin: 30px 0 15px 0;
	font-weight: 600
}
.about-text-wraper p {
	font-size: 18px;
	color: #000;
	opacity: 0.7;
	line-height: 30px
}
.about-text-wraper ul {
	list-style: none;
	margin-top: 40px;
	margin-bottom: 15px
}
.about-text-wraper ul li {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0px 10px 45px 0 #e6e6e6;
	margin-top: 25px;
	margin-bottom: 15px;
}
.listing-about-icon {
	width: 90px;
	height: 80px;
	background: #fff7d9;
	border-radius: 10px;
	font-size: 40px;
	text-align: center;
	padding-top: 10px;
	color: #fe9a03;
	float: left;
}
.listing-about-text {
	width: 80%;
	float: left;
	padding-left: 15px
}
.listing-about-text h6 {
	font-size: 20px;
	margin-top: 15px
}
.listing-about-text p {
	font-size: 16px;
	color: #000;
}
.about-btn-wrap {
	margin-top: 60px;
}
.about-btn-wrap a {
	background-image: linear-gradient(to right, #ffcb32, #fe9a03);
	padding: 15px 30px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	border-radius: 6px;
	box-shadow: 0px 10px 20px 0 #dcdcdc;
}
.about-btn-wrap a:hover {
	box-shadow: none;
	background-image: linear-gradient(to right, #fe9a03, #ffcb32);
}
/* CSS header */

/* CSS slider */


.slider-main-wraper {
	background: url(../images/slider-bg.jpg) no-repeat top;
	padding: 110px 0;
	background-size: cover;
	position: relative;
}
.slider-main-wraper:before {
	content: "";
	position: absolute;
	bottom: 0;
	height: 10px;
	width: 100%;
	background: url(../images/shape-header-white.png) repeat-x;
	background-size: contain;
}
.slider-main-wraper span {
	background: #fff;
	font-size: 12px;
	color: #020234;
	padding: 8px 20px;
	border-left: 6px solid #fbb11a;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.slider-main-wraper h1 {
	margin: 15px 0;
	color: #fff;
	font-size: 90px;
	font-weight: 600;
	line-height: 84px
}
.slider-main-wraper h1 strong {
	color: #ffc700;
	font-weight: 600;
}
.slider-main-wraper p {
	font-size: 22px;
	color: #fff;
}
.clean-slider-list ul {
	list-style: none;
	margin: 10px -15px;
}
.clean-slider-list ul li {
	font-size: 18px;
	color: #fff;
	margin: 5px 0;
}
.clean-slider-list ul li i {
	font-size: 22px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	color: #ffc700;
}
.btn-slider-wrap {
	margin-top: 35px;
	margin-bottom: 35px;
}
.btn-slider-wrap a {
	background-image: linear-gradient(to right, #ffcb32, #fe9a03);
	padding: 15px 30px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	border-radius: 6px;
	box-shadow: 0px 10px 10px 0 #1a38b5
}
.btn-slider-wrap a:hover {
	background-image: linear-gradient(to right, #fe9a03, #ffcb32);
}
.btn-slider-wrap a i {
	font-size: 18px;
	position: relative;
	top: 2px;
}
.btn-slider-wrap a:hover {
	box-shadow: none;
}
/* CSS slider */

/* CSS content */


.service-content-list-wrap {
}
.service-content-list-wrap ul {
	list-style: none;
	margin-top: -60px;
	position: relative;
}
.service-content-list-wrap ul li {
}
.service-content-list-wrap ul li .list-service-wrap {
	background: #f3f4f8;
	padding: 25px;
	border-radius: 10px;
}
.list-service-icon {
	width: 80px;
	float: left;
}
.list-service-wrap .list-service-text {
	float: left;
	width: 77%;
	padding-left: 5px;
}
.list-service-wrap .list-service-text span {
	display: block;
	color: #000033;
	font-size: 18px;
	font-weight: 600;
}
.list-service-wrap .list-service-text p {
	font-size: 14px;
	color: #7d7d80;
}
.cta-main-wraper {
	background: url(../images/bg-cta.jpg) no-repeat top;
	background-size: cover;
	padding: 50px 0;
	position: relative;
}
.cta-main-wraper:before {
	content: "";
	position: absolute;
	bottom: 0;
	height: 10px;
	width: 100%;
	background: url(../images/shape-header-white.png) repeat-x;
	background-size: contain;
}
.cta-main-wraper:after {
	content: "";
	position: absolute;
	top: 0px;
	height: 10px;
	width: 100%;
	background: url(../images/shape-header-white1.png) repeat-x;
	background-size: contain;
}
.cta-main-wraper h2 {
	font-size: 55px;
	color: #fff;
	font-weight: 600;
	line-height: 60px;
}
.btn-phone-list-wrap {
}
.btn-phone-list-wrap ul {
	list-style: none;
	text-align: right;
	margin-top: 35px;
}
.btn-phone-list-wrap ul li {
	display: inline-block;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
	margin-left: 15px;
}
.btn-phone-list-wrap ul li a {
	background-image: linear-gradient(to right, #ffcb32, #fe9a03);
	padding: 15px 30px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	border-radius: 6px;
	box-shadow: 0px 10px 20px 0 #115bd9;
}
.btn-phone-list-wrap ul li a:hover {
	background-image: linear-gradient(to right, #fe9a03, #ffcb32);
	box-shadow: none;
}
.cta-phone-number {
	position: relative;
	top: 2px;
}
.cta-phone-number span {
	width: 45px;
	height: 45px;
	background: #fff;
	color: #000;
	border-radius: 50%;
	text-align: center;
	padding-top: 5px;
	display: inline-block;
}
.our-service-main-wraper {
	background: url(../images/bg-service.jpg) no-repeat;
	padding: 100px 0;
	background-size: cover
}
.servic-text-wraper span {
	background: #2144d8;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 30px;
	letter-spacing: 3px;
	font-weight: 500;
	border-left: 5px solid #ffc700;
}
.servic-text-wraper h2 {
	font-size: 55px;
	line-height: 70px;
	color: #000000;
	margin: 30px 0 20px 0;
	font-weight: 600;
}
.servic-text-wraper p {
	font-size: 18px;
	color: #000;
	opacity: 0.7;
	line-height: 30px;
	padding-bottom: 25px
}
.big-list-service-wrap {
	background: url(../images/big-service-1.jpg) no-repeat center;
	background-size: cover;
	padding: 35px;
	height: 450px;
	position: relative
}
.list-text-service-wrap {
	position: absolute;
	bottom: 30px;
}
.list-text-service-wrap h4 {
	color: #fff;
	font-weight: 600;
	font-size: 40px
}
.list-text-service-wrap p {
	color: #fff;
	font-size: 16px;
	opacity: 1;
	line-height: 22px;
	padding: 10px 0;
	padding-right: 55px;
	line-height: 26px;
}
.list-text-service-wrap a {
	font-size: 16px;
	font-weight: 500;
	color: #fff
}
.list-text-service-wrap a i {
	position: relative;
	top: 1px;
}
.listing-service-wraper {
}
.listing-service-wraper ul {
	list-style: none
}
.listing-service-wraper ul li {
}
.list-service-box-wrap {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 3px 40px 0 #e4e4e4;
	margin-bottom: 30px
}
.list-service-box-wrap .list-service-box-icon {
	width: 90px;
	height: 80px;
	background: #e5f2ff;
	text-align: center;
	font-size: 40px;
	border-radius: 10px;
	padding-top: 10px;
	color: #2144d8;
	float: left;
}
.listing-service-wraper ul li:hover .list-service-box-wrap {
	background-image: linear-gradient(to right, #3096ff, #0369ff);
}
.listing-service-wraper ul li:hover .list-service-box-wrap .list-service-box-icon {
	color: #fff;
	background: #54a5ff
}
.list-service-box-text {
	width: 80%;
	float: left;
	padding-left: 25px;
}
.list-service-box-text {
	margin-top: 10px;
	position: relative
}
.list-service-box-text span {
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: #000;
}
.listing-service-wraper ul li:hover span {
	color: #fff;
}
.list-service-box-text a {
	font-size: 16px;
	font-weight: 500;
	color: #2144d8;
}
.listing-service-wraper ul li:hover a {
	color: #fff;
}
.list-service-box-text a i {
	position: relative;
	top: 2px;
}
.list-service-box-text strong {
	width: 45px;
	height: 45px;
	background-image: linear-gradient(to right, #3096ff, #0369ff);
	position: absolute;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	right: -48px;
	padding-top: 11px;
	font-weight: 600;
	top: 7px;
}
.listing-service-wraper ul li:hover .list-service-box-text strong {
	background-image: linear-gradient(to right, #ffcb32, #fe9a03);
}
.btn-list-service-wrap {
	margin-top: 75px;
	position: relative
}
.btn-list-service-wrap:before {
	content: "";
	position: absolute;
	width: 304px;
	height: 128px;
	background: url(../images/arrow.png) no-repeat top;
	background-size: contain;
	right: -37px;
	top: -100px;
}
.btn-list-service-wrap a {
	background-image: linear-gradient(to right, #ffcb32, #fe9a03);
	padding: 15px 30px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	border-radius: 6px;
	box-shadow: 0px 10px 20px 0 #dcdcdc;
}
.btn-list-service-wrap a:hover {
	background-image: linear-gradient(to right, #fe9a03, #ffcb32);
	box-shadow: none;
}
.get-free-quote-wrap {
	padding: 60px 0 350px 0;
	background: url(../images/bg-cta.jpg) no-repeat top;
	background-size: cover;
	position: relative;
}
.get-free-quote-wrap:before {
	content: "";
	position: absolute;
	bottom: 0;
	height: 10px;
	width: 100%;
	background: url(../images/shape-header-white.png) repeat-x;
	background-size: contain;
}
.get-free-quote-wrap:after {
	content: "";
	position: absolute;
	top: 0px;
	height: 10px;
	width: 100%;
	background: url(../images/shape-header-white1.png) repeat-x;
	background-size: contain;
}
.get-free-quote-wrap h2 {
	font-size: 55px;
	line-height: 70px;
	color: #fff;
	font-weight: 600;
	text-align: center
}
.get-free-quote-wrap p {
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding-bottom: 60px;
}
.contact-chat-wraper {
	width: 90%;
	margin: 0 auto;
	background: #f2f4ff;
	margin-top: -350px;
	border-radius: 20px;
	margin-bottom: 45px;
	position: relative;
	height: 670px;
	overflow: hidden;
	box-shadow: 0px 38px 20px -11px #ececec
}
.last-chat-main-wrap {
	background: #fff;
	height: 100%;
	padding: 35px;
	position: relative;
	height: 670px;
}
.last-chat-main-wrap h3 {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	color: #112337
}
.last-chat-main-wrap ul {
	list-style: none;
	height: 563px;
	overflow: auto;
	padding-right: 15px;
}
.last-chat-main-wrap ul::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
.last-chat-main-wrap ul::-webkit-scrollbar {
 width: 3px;
 background-color: #F5F5F5;
}
.last-chat-main-wrap ul::-webkit-scrollbar-thumb {
 background-color: #666;
}
.last-chat-main-wrap ul li {
}
.last-chat-main-wrap ul li span {
	letter-spacing: 3px;
	color: #2144d8;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	margin: 15px 0;
	font-weight: 600;
}
.last-chat-main-wrap ul li a {
	display: block;
	font-size: 14px;
	color: #000;
	background: #f2f4ff;
	padding: 10px 15px;
	border-radius: 6px;
	margin-bottom: 8px;
}
.chat-info-main-wraper {
	padding: 30px 10px;
}
.chat-info-main-wraper h2 {
	font-size: 25px;
	font-weight: 600;
	color: #112337;
	position: relative;
}
.chat-info-main-wraper h2 span {
	position: absolute;
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #112236;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	padding-top: 5px;
	font-size: 14px;
	position: absolute;
	right: 25px;
	padding-top: 12px;
}
.chat-info-box {
	background: #e6e9fc;
	padding: 45px;
	border-radius: 20px;
	margin-right: 25px;
	margin-top: 35px;
}
.inner-chat-info-box {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0px 0px 80px 0 #c6cadf;
	overflow: hidden
}
.inner-chat-box-top {
	padding: 30px;
	background: #2144d8;
	border-radius: 25px;
}
.inner-chat-box-top {
	text-align: center;
}
.inner-chat-box-top h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	margin: 15px 0 25px 0;
}
.start-converstion-btn {
	margin-bottom: 15px;
}
.start-converstion-btn a {
	background-image: linear-gradient(to right, #ffcb32, #fe9a03);
	padding: 15px 30px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	border-radius: 6px;
}
.chatbox-form-wraper {
	padding: 25px;
}
.chatbox-form-wraper .form-group {
	position: relative;
}
.chatbox-form-wraper .form-group label {
	display: block;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	margin-bottom: 10px;
}
.chatbox-form-wraper .form-group .form-control {
	height: 55px;
	box-shadow: none;
	border: 2px solid #dbdffc;
	outline: none;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 60px;
	color: #1c1068
}
.chatbox-form-wraper .form-group .form-control:focus {
	border: 2px solid #1c1068
}
.chatbox-form-wraper .form-group .form-control::placeholder {
 color: #bdc1e1;
}
.chatbox-form-wraper .form-group button {
	position: absolute;
	right: 20px;
	background: none;
	border: none;
	outline: none;
	top: 47px;
	width: 40px;
}
.chat-box-list {
	margin-top: 25px;
}
.chat-box-list span {
	display: inline-block;
	width: 32.5%;
	background: #e8edf5;
	border-radius: 6px;
	padding: 8px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 500
}
.client-partner-main-wrap {
	padding: 60px 0 40px 0;
	position: relative;
}
.client-partner-main-wrap h2 {
	font-size: 45px;
	color: #06031c;
	font-family: "Lora", serif;
	line-height: 45px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 60px;
}
.client-partner-main-wrap .owl-carousel .owl-stage-outer {
	overflow: hidden !important;
}
.meet-team-main-wrap .owl-next {
	right: -35px;
}
.listing-logo-wrp {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0px 11px 30px 0 #ececec;
}
.listing-logo-wrp .listing-logo-text {
	background: #e8edf5;
	padding: 12px 0;
	text-align: center;
	color: #000;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
}
.client-partner-main-wrap ul {
	list-style: none;
}
.customer-review-main-wrap {
	padding: 60px 0;
}
.heading-customer-wrp {
	text-align: center;
}
.customer-review-main-wrap .sub-heading-wrap {
	background: #2144d8;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 30px;
	letter-spacing: 3px;
	font-weight: 500;
	border-left: 5px solid #ffc700;
}
.heading-customer-wrp h2 {
	font-size: 55px;
	line-height: 70px;
	color: #000000;
	margin: 30px 0 30px 0;
	font-weight: 600;
	text-align: center
}
.review-list-main-wrap {
	border: 1px solid #ccc;
	padding: 25px;
	border-radius: 10px;
}
.review-list-main-wrap p {
	font-size: 14px;
	color: #000;
	opacity: 0.7;
	line-height: 26px
}
.review-list-main-wrap strong {
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin-top: 10px;
}
.review-list-main-wrap span {
	font-size: 14px;
}
.owl-nav {
	display: none;
}
.owl-dots {
	display: none;
}
.drawer-menu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	width: 280px;
	height: 100vh;
	padding: 65px 0 0 0;
	background: #111;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
	overflow: auto;
}
.drawer-menu li {
	text-align: left;
}
.drawer-menu li a {
	display: block;
	height: auto;
	line-height: 62px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	padding-left: 30px;
	border-bottom: 1px solid #2c1a0f;
}
.drawer-menu li a:hover {
	color: #1a1e24;
	background: #fff;
}
/* checkbox */
.check {
	display: none;
}
/* menu button - label tag */
.menu-btn {
	position: absolute;
	display: block;
	top: 30px;
	right: 18px;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}
.bar {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 1px;
	background: #2346d8;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}
.bar.middle {
	top: 10px;
	opacity: 1;
}
.bar.bottom {
	top: 20px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
.menu-btn__text {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: block;
	visibility: visible;
	opacity: 1;
}
.menu-btn:hover .bar {
	background: #18b6a4;
}
.close-menu {
	position: fixed;
	top: 0;
	right: 280px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0);
	cursor: url(http://theorthodoxworks.com/demo/images/cross.svg), auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	visibility: hidden;
	opacity: 0;
}
/* checked */
.check:checked ~ .drawer-menu {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index: 2;
}
.check:checked ~ .contents {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}
.check:checked ~ .menu-btn .menu-btn__text {
	visibility: hidden;
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.top {
	width: 40px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff
}
.check:checked ~ .menu-btn .bar.middle {
	opacity: 0;
}
.check:checked ~ .menu-btn .bar.bottom {
	width: 40px;
	top: 28px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.check:checked ~ .close-menu {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	background: rgba(0,0,0,.5);
	visibility: visible;
	opacity: 1;
	z-index: 3;
}
.drawer-menu ul {
	list-style: none;
}
.drawer-menu ul li a {
	text-decoration: none;
}
.drawer-menu ul li a img {
	margin-right: 5px;
	margin-top: -2px;
}
.menusitebar-main-wraper {
	display: none;
}
/* CSS content */

/* CSS footer */


.footer-main-wraper {
	background: #000033;
	padding: 60px 0;
	text-align: center
}


/* CSS footer */

@media (max-width:1400px) and (min-width:1170px) {
.container {
	max-width: 1320px;
}
}
 @media screen and (max-width:1169px) {
.header-main-wraper {
	height: auto;
	background: #fff;
}
.header-topbar-wrap {
	display: none;
}
.header-main-wraper .container {
	max-width: 100%;
}
.header-logo-nav-wrap {
	box-shadow: none;
}
.header-nav-wraper {
	display: none;
}
.header-main-wraper:before {
	display: none;
}
.menusitebar-main-wraper {
	display: block;
}
.slider-main-wraper{
	padding:60px 0;
}
.slider-main-wraper .col-md-6{
	width:100%;
}
.slider-main-wraper h1{
	font-size:70px;
	line-height:70px;
}
.service-content-list-wrap ul{
	margin-top:40px;
}
.service-content-list-wrap ul li .list-service-wrap{
	margin-bottom:15px;
}
.about-main-wraper{
	padding-top:0;
}
.about-text-wraper h2 br{
	display:none;
}
.servic-text-wraper h2 br{
	display:none;
}
.our-service-main-wraper{
	background:none;
	padding:60px 0
}
.list-service-box-text strong{
	right:10px;
}
.listing-service-wraper{
	margin-top:15px;
}
.last-chat-main-wrap{
	height:auto;
}
.contact-chat-wraper{
	height:auto;
}
}