:root { --primary-color: #0A1C53; --primary-gradient: linear-gradient(to top, #035AA8, #0A1C53); --primary-gradient-reverse: linear-gradient(to bottom, #035AA8, #0A1C53); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(../webfonts/Montserrat/Montserrat.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(../webfonts/Montserrat/Montserrat-Medium.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(../webfonts/Montserrat/Montserrat-Semibold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(../webfonts/Montserrat/Montserrat-Bold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Montserrat'; line-height: 1.6; color: #444; font-size: 14px; font-weight: 400; background-image: url(../images/body-bg.png); background-size: cover; background-position: center top }
.medium { font-weight: 500 !important }
.semi { font-weight: 600 !important; }
.bold { font-weight: 700 !important; }

.loading {
	height: 0;
	width: 0;
	padding: 15px;
	border: 6px solid #ccc;
	border-right-color: #888;
	border-radius: 22px;
	-webkit-animation: rotate 1s infinite linear;
	/* left, top and position just for the demo! */
	position: absolute;
	left: 50%;
	top: 50%;
}
.loader-block {
	width: 100%;
	height: 100%;
	display: block;
	background: #000000b5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

@-webkit-keyframes rotate {
	/* 100% keyframe for  clockwise. 
	use 0% instead for anticlockwise */
	100% {
		-webkit-transform: rotate(360deg);
	}
}
.word {
	font-size: 3em;
	font-weight: bold;
	opacity: 0;
	position: absolute;
	width: 100%;
	text-align: left;
}
@keyframes w1anim {
	0% {
		opacity: 0;
	}
	
	10% {
		opacity: 1;
	}
	
	30% {
		opacity: 0;
	}
}

@keyframes w2anim {
	30% {
		opacity: 0;
	}
	
	40% {
		opacity: 1;
	}
	
	70% {
		opacity: 0;
	}
}

@keyframes w3anim {
	70% {
		opacity: 0;
	}
	
	80% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
	}
}
.w1 {
	-webkit-animation: w1anim 10s infinite;
	animation: w1anim 10s infinite;
}

.w2 {
	-webkit-animation: w2anim 10s infinite;
	animation: w2anim 10s infinite;
}

.w3 {
	-webkit-animation: w3anim 10s infinite;
	animation: w3anim 10s infinite;
}

.png{
	
	cursor: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/heart.png"), auto;
}
.col-container {
	display: table;
	width: 100%;
}

.col {
	display: table-cell;
	padding: 16px;
}
.frame .details {
	width: 70%;
	height: 50%;
	padding: 5% 6%;
	position: absolute;
	content: "";
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%) rotateY(90deg);
	transform-origin: 50%;
	background: rgba(255,255,255,0.9);
	opacity: 0;
	transition: all 0.4s ease-in;
}

.frame:hover .details {
	transform: translate(-50%, -50%) rotateY(0deg);
	opacity: 1;
}


iframe { border: none }
a, b, div, li, ul { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -moz-outline-: none }
a:active, a:focus, input, input:active, input:focus, input:hover, textarea, textarea:active, textarea:focus, textarea:hover { -moz-outline: none; outline: none }
a { text-decoration: none; outline: 0 }
a:active, a:focus, a:hover, a:visited { text-decoration: none; outline: 0 }
.f-12 { font-size: 12px !important; }
.f-13 { font-size: 13px !important; }
.f-14 { font-size: 14px !important; }
.f-15 { font-size: 15px !important; }
.f-16 { font-size: 16px !important; }
.f-18 { font-size: 18px !important; }
.f-20 { font-size: 20px !important; }
.f-22 { font-size: 22px !important; }
.outline-none { outline: none !important }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal; }
.clear-both:after, .clear-both:before { display: table; content: ""; clear: both }
.small-margin { margin-left: -5px !important; margin-right: -5px !important; }
.small-margin [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.medium-margin { margin-left: -10px !important; margin-right: -10px !important; }
.medium-margin [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.br-0 { border-radius: 0 !important; }
.br-5 { border-radius: 5px !important; }
.br-10 { border-radius: 10px !important; }
.br-50 { border-radius: 50px !important; }
.lh-normal { line-height: normal; }
.borderless td, .borderless th { border: none; }
.table td, .table th { padding: 0.75rem 1.2rem; }
button:focus { outline: none }
.btn { background:#bf1212 !important; color: #fff !important; font-size: 16px; font-weight: 400;  padding: 12px 30px; border-radius: 50px !important; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out }
.btn:hover { background: transparent !important; color: var(--primary-color) !important; border-color: var(--primary-color) !important }
.btn-gradient { background: var(--primary-gradient); color: #fff; border: 0; }
.btn-gradient:hover { background: var(--primary-gradient-reverse); color: #fff; }
.btn-white {
	background-color: #fff !important;
	color: #bf1212 !important;
	border-color: #fff !important;
}
.btn-white:hover {
	background-color: #ffffff24;
	color: #062a68 !important;
	border-color: #ffffff;
}
.btn-lg { font-size: 20px; }
.primary-color { color: var(--primary-color) !important; }
.border-primary-color { border-color: var(--primary-color) !important; }
.black { color: #000 !important }
.red { color: #C70101 !important; }
.bg-black { background-color: #000 !important }
.bg-none { background: none !important }
.bg-primary-color { background-color: var(--primary-color) !important }
.bg-light { background: rgba(255, 255, 255, .45) !important; }
.bg-f0 { background: #f0f0f0 !important; }
.bg-EA { background: #EAEAEA !important; }
.bg-primary-gradient { background: var(--primary-gradient) !important }
.bg-primary-gradient-reverse { background: var(--primary-gradient-reverse) !important }
#back2top.active { bottom: 30px; visibility: visible; opacity: 1 }
#back2top { position: fixed; bottom: 0; right: 30px; width: 40px; height: 40px; z-index: 99; background: var(--primary-color); border-radius: 50%; border: 2px solid var(--primary-color); color: #fff; transition: all 0.5s ease; visibility: hidden; opacity: 0; display: flex; align-items: center; justify-content: center; cursor: pointer }

/* HEADER */
.home header {
	position: absolute;
	/*background: transparent;*/
	
	background: #08205942;
} 
header { position: relative; left: 0; right: 0; z-index: 999; padding: 0px 0; background: var(--primary-gradient); }
header a { color: #000; }
.main-menu { display: flex; align-items: center; justify-content: center; }
.nav-menu { padding: 0rem 0; transition: all 0.3s ease; background: transparent; }
ul.navbar-nav { flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
ul.navbar-nav li { padding: 0px 0px; text-transform: capitalize; }
.navbar-nav .nav-link { position: relative; color: #fff; padding: 0; transition: 0.3s ease-in; font-size: 14px; padding: 7px 20px !important; font-weight: 500; }
ul.navbar-nav li>a:after { content: ""; width: 0px; height: 2px; background-color: #fff; display: block; border-radius: 10px; transition: width 0.3s; }
ul.navbar-nav li.active>a:after, .navbar-nav .nav-link:hover:after { width: 30px; transition: width 0.3s; }
ul.navbar-nav>li>a i { display: none; }
.mobile-toggle { display: none; }
.nav-item.language{
	padding: 10px 25px; 
}
/* FOOTER */
footer { color: #8A8A8A; font-size: 18px; position: relative; z-index: 1; background: #eee; padding: 100px 0 50px 0; font-weight: 500; }
footer a { color: #8A8A8A; }
footer a:hover { color: var(--primary-color); }
footer ul { padding: 0; list-style: none; }
footer ul li { font-size: 14px; padding: 3px 0; list-style: none; }
.social-menu li>a { width: 40px; height: 40px; border: 1px solid #9C9CA8; display: flex; align-items: center; justify-content: center; color: #8A8A8A; border-radius: 50%; margin-right: 15px; }
.social-menu li>a:hover { background: var(--primary-gradient); color: #fff; }
.subscribe-sect { margin-bottom: -4.2rem; position: relative; z-index: 2; }
.subscribe-block {
	border-radius: 30px;
	background: linear-gradient(to top, #0A1C53, #035AA8 110%);
	/*border-radius: 30px;*/
}
.subscribe-form .form-control {
	border: 0;
	border-radius: 0px;
	font-size: 14px;
	height: 55px;
	background-color: #fff;
	box-shadow: none !important
}
.copyright-text { background: #eee; color: #8A8A8A; font-size: 12px }
.copyright-text a { color: #8A8A8A; }
.copyright-text a:hover {
	color: #bf1212;
}
.copyright-text ul li { padding: 0 25px 0 0; }
.copyright-text ul li:last-child { padding: 0; }

/* BANNER */
.main-slider { position: relative; padding: 0rem; }
.main-slider .carousel-item:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*background: var(--primary-gradient);*/ opacity: .7; }
.carousel-item { position: unset; z-index: 1; }
.main-carousel .banner-img {
	height: 100%;
	width: 100%;
	
}
.carousel-item .text-box { position: absolute; top: 18vw; transform: translateY(-50%); left: 0; right: 0; margin: 0; color: #fff; z-index: 2; }
.banner-ttl { font-size: 30px; }
.line {
	width: 41px;
	height: 3px;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 10px;
	margin-bottom: 11px;
	display:inline-block;
}
.line.w-25p { width: 25px }
.carousel-indicators { left: 30px; /*right: auto;*/ margin: auto; bottom: auto; top: 44%; transform: translateY(-50%); flex-direction: column; }
.carousel-indicators li { background: transparent; border: 1px solid #fff; width: 9px; height: 9px; border-radius: 40%; display: block; margin: 4px 0; }
.carousel-indicators li.active { background: #fff; }
.banner-shape { position: absolute; bottom: -10px; left: 0; right: 0; }
.store-imgappstore {
	margin-left: -0.5rem !important;
}
/* INNER BANNER */
/*.inner-banner .carousel-item .text-box {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0;
	color: #fff;
	z-index: 2;
}*/
/* SERVICES */
/*.services-sect { background-image: url(../images/shape-right.png); background-position: right bottom; background-repeat: no-repeat; background-size: 45%; }
.service-block { box-shadow: 0 6px 32px rgb(0 0 0 / 14%); padding: 13px 15px; border-radius: 30px; background: #fff; margin: 30px 0; }*/

/*.service-block:hover { animation: shake 150ms infinite linear; -moz-animation: shake 150ms infinite linear; -webkit-animation: shake 150ms infinite linear; -o-animation: shake 150ms infinite linear; }*/
/*@keyframes shake {
	0% { transform: translate(3px, 0); }
	50% { transform: translate(-3px, 0); }
	100% { transform: translate(0, 0); }
}
@-moz-keyframes shake {
	0% { -moz-transform: translate(3px, 0); }
	50% { -moz-transform: translate(-3px, 0); }
	100% { -moz-transform: translate(0, 0); }
}
@-webkit-keyframes shake {
	0% { -webkit-transform: translate(3px, 0); }
	50% { -webkit-transform: translate(-3px, 0); }
	100% { -webkit-transform: translate(0, 0); }
}
@-ms-keyframes shake {
	0% { -ms-transform: translate(3px, 0); }
	50% { -ms-transform: translate(-3px, 0); }
	100% { -ms-transform: translate(0, 0); }
}
@-o-keyframes shake {
	0% { -o-transform: translate(3px, 0); }
	50% { -o-transform: translate(-3px, 0); }
	100% { -o-transform: translate(0, 0); }
}*/

.services-sect {
	background-image: url(../images/shape-right.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 45%;
}

.service-block { /*box-shadow: 0 6px 32px rgb(0 0 0 / 14%); padding: 15px 15px; border-radius: 30px; background: #fff;*/
	margin: 0 0 30px 0;
}

/*.service-block:hover { animation: shake 150ms infinite linear; -moz-animation: shake 150ms infinite linear; -webkit-animation: shake 150ms infinite linear; -o-animation: shake 150ms infinite linear; }*/
.service-block h5 {
	font-size: 15px;
	color: #4B4B4B;
}

.service-block img {
	height: 300px;
}

@keyframes shake {
	0% {
		transform: translate(3px, 0);
	}
	
	50% {
		transform: translate(-3px, 0);
	}
	
	100% {
		transform: translate(0, 0);
	}
}

@-moz-keyframes shake {
	0% {
		-moz-transform: translate(3px, 0);
	}
	
	50% {
		-moz-transform: translate(-3px, 0);
	}
	
	100% {
		-moz-transform: translate(0, 0);
	}
}

@-webkit-keyframes shake {
	0% {
		-webkit-transform: translate(3px, 0);
	}
	
	50% {
		-webkit-transform: translate(-3px, 0);
	}
	
	100% {
		-webkit-transform: translate(0, 0);
	}
}

@-ms-keyframes shake {
	0% {
		-ms-transform: translate(3px, 0);
	}
	
	50% {
		-ms-transform: translate(-3px, 0);
	}
	
	100% {
		-ms-transform: translate(0, 0);
	}
}

@-o-keyframes shake {
	0% {
		-o-transform: translate(3px, 0);
	}
	
	50% {
		-o-transform: translate(-3px, 0);
	}
	
	100% {
		-o-transform: translate(0, 0);
	}
}






/* WHY */
.why-sect { background-image: url(../images/shape-blue.png); background-position: left; background-repeat: no-repeat; background-size: 30%; }
.why-sect .nav-pills { background-color: #f6f6f6; border-radius: 50px; padding: 7px; }
.why-sect .nav-pills .nav-link { color: var(--primary-color); font-size: 18px; font-weight: 500; padding: 8px 40px; border-radius: 50px; }
.why-sect .nav-pills .nav-link.active, .why-sect .nav-pills .show > .nav-link {
	color: #fff;
	background-image: linear-gradient(to left, #082863, #064b91);
}
.tab-icon {
	background-color: #f0505c0f;
	color: #e52f48;
	font-size: 24px;
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.tab-icon:hover {
	border: 1px solid #082b68;
	box-shadow: 0px 0px 9px #063e8236;
	background-color: #082c6912;
	color: #082c69;
}
.business-section-h4{
	font-size:18px;
}
}
/* BLOG */
.blog-sect {
	background-image: url(../images/bg-blog.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
.blog-img { margin-bottom: 30px; }
.blog-img img { height: 380px; width: 100%; object-fit: cover; border-radius: 40px; }
.blog-detail { padding: 15px; }
.blog-link { border-bottom: 2px solid var(--primary-color); padding-bottom: 2px; display: inline-block; transition: all ease-in 0.2s; }
.blog-link:hover { transform: translateX(10px); transition: all ease-in 0.2s; }
@media screen and (min-width:768px) {
	.blog-detail { min-height: 380px; display: flex; flex-direction: column; justify-content: space-evenly;


	.mobile-language{
		line-height: 20px;
	}

	}
}
.blog-sectionimage-alignment {
	display: flex;
	/* text-align: revert; */
	justify-content: center;
	flex-direction: column;
}
.blog-sectionimage-alignmentlast {text-align: left; 
	margin: 80px 0px 80px 0px;
	display: flex;
	flex-direction: column;
}
/* Worldwide Statistics */
.states-block {
	display: flex;
	align-items: center;
}
.states-block { padding: 25px; box-shadow: 0 0px 0px rgb(0 0 0 / 14%); border-radius: 5px; transition: box-shadow, border-radius 0.4s; }
.states-block:hover {
	box-shadow:3px 10px 22px rgb(0 0 0 / 14%);
	border-radius: 60px 5px;
	transition: box-shadow, border-radius 0.3s;
}
.states-block:hover p { color: var(--primary-color) !important; }

/* PRICE TABLE */
.price-sect { position: relative; z-index: 1; }
.pp { position: relative; z-index: 3; }
.price-sect:after { content: ""; background-image: url(../images/shape-blue.png); background-position: left bottom; background-repeat: no-repeat; background-size: 35%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; transform: scaleX(-1); }
.bg { position: relative; z-index: 2; }
.bg:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 100px; background: var(--primary-gradient-reverse); border-radius: 30px; z-index: -1; padding-bottom: 30px; }
.pp-block:after { background: linear-gradient(to right, #EDEDED, #fff) }
.feature-img { position: relative; height: 225px; }
.pp-block .feature-img { top: -15px; }
.price-table ul li { padding: 8px 20px 0; color: #fff; font-size: 13px; }
.price-table ul li:after { content: ""; width: 100%; height: 1.5px; border-radius: 50%; background: #fff; display: block; margin-top: 8px; }
.price-table .pp-block ul li:after { background: #C9C9C9; }
.price { font-size: 17px; line-height: normal; /*font-weight: bold;*/ color: #fff; position: absolute; top: 35%; left: 0; right: 0; }
.btn-price { position: relative; margin-bottom: 1px; padding: 10px 15px; border: 0; font-size: 14px; }
.btn-green {
	background: linear-gradient(to top, #328433, #CAD212) !important;
	width: 100%;
	vertical-align: middle;
}
.btn-blue { background: linear-gradient(to top, #042876, #67C3C1) !important; }
.btn-yellow { background: linear-gradient(to top, #F68F08, #FFE400) !important; }
.btn-pink { background: linear-gradient(to top, #AC1245, #E1157E) !important; }
.btn-teal { background: linear-gradient(to top, #11ad97, #0e7966) !important; }

/* MAP */
.home_two_map { height: 80vh }
.map-canvas.half_style { bottom: 0; height: 100%; left: 0; position: absolute !important; right: 0; top: 0; width: 100%; }
.gm-style .gm-style-iw-c { background: var(--primary-color); color: #fff; font-weight: 600; text-align: center; width: 200px; padding: 15px !important; }
.gm-style .gm-style-iw-t::after { background: var(--primary-color) !important; }
.map-style-ttl { font-size: 18px; border-bottom: 1px solid #eee; padding: 8px 0; margin-bottom: 10px; }
.gm-style-iw-d { overflow: hidden !important; }

/* FAQ */
.section-title { font-size: 34px; line-height: normal; }
.faq_according .accordion .card { border: 0; border-bottom: 1px solid #B7B7B7; background: none; }
.faq_according .accordion .card .card-header { background: #fff; border: 0; border-radius: 0px !important; padding: 0px; box-shadow: none; position: relative; z-index: 1; }
.faq_according .accordion .card .card-header .btn-link { font-size: 16px; text-align: left; color: #707070; display: block; padding: 20px 0px; width: 100%; background: transparent; border: 0; border-radius: 0; font-weight: 600; }
.faq_according .accordion .card .card-header .btn-link:active, .faq_according .accordion .card .card-header .btn-link:focus, .faq_according .accordion .card .card-header .btn-link:hover { text-decoration: none; }
.faq_according .accordion .card .card-header::before { font-family: "Font Awesome 5 Pro"; font-weight: 400; color: #484848; content: "\f067"; float: right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin-right: 5px; margin-top: 0; position: absolute; top: 11px; right: 0; z-index: -1; font-weight: 300; font-size: 26px; }
.faq_according .accordion .card .card-header.active::before { content: "\f068"; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.faq_according .accordion .card .card-body { color: #484848; padding: 0 0 20px 0; }
.faq_according .accordion .card .card-body p { color: #484848; }
.faq_according .accordion .card .card-body p:last-child { margin-bottom: 0; }

/* Registration */
.reg-form .half_map_area { height: 250px; }
.input-group { border: 0px solid #c7c7c7; border-radius: 8px;    /* overflow: hidden; */  }
.input-group-prepend {	/*background: rgba(10, 28, 83, .22);*/ }

.iti__selected-flag { background: #e9ecef !important; outline: 0 !important;    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
.iti__flag-container { padding: 0 !important; outline: 0 !important; }
.iti input, .iti input[type=text], .iti input[type=tel] { padding-left: 100px !important;}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{

    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.iti { border: 0;}
.input-group .select2-container {
	margin-left: -50px;
	padding-left: 57px;
	width: 100% !important;
	height: 45px;
}
.form-control, .custom-select { background-color: #fff; /*border: 0;*/ height: 45px; font-size: 14px; border-radius: 8px; font-weight: 500; }
.form-control.active, .form-control.focus, .form-control:active, .form-control:focus { -webkit-box-shadow: none !important; box-shadow: none !important; }
.is_focused { box-shadow: 0 0 0 3px rgba(10, 28, 83, 0.4) !important; /*border: 1px solid var(--primary-color);*/ border-radius: 8px; }
.is_focused .input-group-text { background: var(--primary-color); color: #fff; }
input:focus { outline: 0 !important; }
.custom-control-label::before { background: #eee; border: 0; }
.custom-control-input:checked~.custom-control-label::before { border-color: var(--primary-color); background-color: var(--primary-color); }
.flagstrap { display: inline-block; position: relative; width: 100%; }
.flagstrap-icon { display: inline-block; width: 16px; height: 11px; background: url(../images/flags.png) no-repeat; margin-right: 30px !important; }
.flagstrap-icon.flagstrap-ma { background-position: -144px -88px }
.flagstrap-icon.flagstrap-ru { background-position: -224px -121px }
.flagstrap-icon.flagstrap-za { background-position: -128px -165px }
.flagstrap-icon.flagstrap-tn { background-position: -240px -143px }
.country-flags .btn { background: transparent !important; border: 0; color: #666 !important; font-size: 14px; font-weight: 500; width: 100%; text-align: left; padding: 5px 17px; height: 45px; box-shadow: none !important; outline: 0 !important; display: flex; align-items: center; justify-content: space-between; }
.country-flags .btn .caret { float: right; margin-right: 15px; }
.flagstrap .dropdown-menu { width: 100%; padding: 15px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); font-size: 14px; }
.flagstrap .dropdown-menu li { cursor: pointer; padding: 3px 0; }
.flag-drop:before { content: ""; background: #c9cdd9; width: 50px; height: 45px; position: absolute; border-radius: 8px 0 0px 8px; }

/* CONTACT US */
.contact-sect {
	margin-top: -8rem;
}

.contact .text-dark {
	color: #090911 !important;
}

.contact-form {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 1px 20px rgba(0, 0, 0, .15);
	padding: 50px;
}

/* ABOUT US */
.what-sect {
	background-size: 30%
}

.what-row [class*="col-"] {
	margin-bottom: 30px;
}

.what-block {
	padding: 40px;
	background: var(--primary-gradient-reverse);
	border-radius: 25px;
	height: 100%;
}

.white-block { 
	background: #fff; 
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.16); 
}

.w-icon {
	width: 80px;
	height: 80px;
	border: 2px solid #fff;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	color: #fff;
}

.white-block .w-icon {
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
}

.slider-block {
	background: #fff;
	padding: 50px;
	border-radius: 50px;
	box-shadow: 0 0 20px rgb(0 0 0 / 16%);
	margin-top: 65px;
}

.testimonial-slider .owl-stage-outer {
	margin-top: -110px;
}

.slider-block .t1 img {
	width: 120px;
	height: 120px;
	border-radius: 20px;
	margin: 0 auto 20px;
	position: relative;
	z-index: 5555;
}

.thumb-slider.owl-carousel .owl-item img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 10px;
	margin: 0 auto;
}

.thumb-slider.owl-carousel .owl-nav [class*="owl-"] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -15px;
	font-size: 20px;
}

.thumb-slider.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: -15px;
}



/* CART */
.summary {
	padding: 30px;
	border: .1rem dashed #d7d7d7;
	background-color: #f9f9f9;
	border-radius: .3rem;
}

.cart .table th, .cart .table td {
	padding-left: 0;
	padding-right: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}

button.btn-remove {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background: #f1f1f1;
	color: #555;
	padding: 4px;
}

.table.table-summary thead th:last-child, .table.table-summary tbody td:last-child {
	text-align: right;
}

.accordion-summary {
	margin-bottom: 3.2rem;
}

.accordion-summary .card {
	color: #999999;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.67;
	border: none;
	background-color: transparent;
}

.accordion-summary .card-header {
	position: relative;
	border: none;
	font-weight: 700;
	line-height: 1.5;
	background-color: transparent;
	margin: 0;
}

.accordion-summary .card-title {
	font-weight: 300;
	font-size: 1rem;
	color: #333333;
	letter-spacing: 0;
	margin: 0;
}

.accordion-summary .card-title a {
	color: inherit;
	padding: .7rem 0 .7rem 2rem;
	position: relative;
}

.accordion-summary .card-title a img {
	margin-top: 1rem;
}

.accordion-summary .card-title a:hover, .accordion-summary .card-title a:focus {
	color: inherit;
}

.accordion-summary .card-title a small {
	font-size: .8rem;
	color: var(--primary-color);
}

.accordion-summary .card-title a:before {
	content: '';
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	border: 0.1rem solid #c96;
	right: auto;
	left: 0;
	top: .7rem;
	transform: translateY(0);
	-ms-transform: translateY(0);
}

.accordion-summary .card-title a:after {
	content: '';
	display: block;
	width: .6rem;
	height: .6rem;
	position: absolute;
	left: .3rem;
	top: 1rem;
	border-radius: 50%;
	background-color: var(--primary-color);
	visibility: visible;
	opacity: 1;
	transition: all .3s;
}

.accordion-summary .card-title a.collapsed:before {
	border-color: #dadada;
}

.accordion-summary .card-title a.collapsed:after {
	opacity: 0;
	visibility: hidden;
}

.accordion-summary .card-body {
	padding: .4rem 0 .8rem 3rem;
	font-size: 14px;
}

.paypal-link {
	cursor: pointer;
	margin-top: .2rem;
}

.accordion-summary .card-title a:before {
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	border: 0.1rem solid var(--primary-color);
	right: auto;
	left: 0;
	top: .7rem;
	transform: translateY(0);
	-ms-transform: translateY(0);
	display: inline-block;
	position: absolute;
}

.accordion-summary .card-title a.collapsed:before {
	border-color: var(--primary-color);
}

@media screen and (min-width:992px) {
	.summary {
		margin-top: 0;
	}
}


/* ANIMATION */
.circle-anim { width: 100%; height: 100%; transform: scaleY(-1); }
.container { width: 100%; height: 100%; overflow: hidden; position: relative; }
.circle-container { position: absolute; transform: translateY(0vh); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; z-index: 1; top: 0; left: 0; right: 0; bottom: 0 }
.circle-container .circle { width: 100%; height: 100%; border-radius: 50%; mix-blend-mode: screen; /*background-image: radial-gradient(#99ffff, #99ffff 10%, rgba(153, 255, 255, 0) 56%);*/ -webkit-animation: fadein-frames 100ms infinite, scale-frames 2s infinite; animation: fadein-frames 100ms infinite, scale-frames 2s infinite; }
.circle-container .circle img { transform: scale(.4); }
@-webkit-keyframes fade-frames {
	0% { opacity: 1; }
	50% { opacity: 0.7; }
	100% { opacity: 1; }
}
@keyframes fade-frames {
	0% { opacity: 1; }
	50% { opacity: 0.7; }
	100% { opacity: 1; }
}

/*@-webkit-keyframes scale-frames {
	0% { transform: scale3d(0.4, 0.4, 1); }
	50% { transform: scale3d(2, 2, 1); }
	100% { transform: scale3d(0.4, 0.4, 1); }
}
@keyframes scale-frames {
	0% { transform: scale3d(0.4, 0.4, 1); }
	50% { transform: scale3d(2, 2, 1); }
	100% { transform: scale3d(0.4, 0.4, 1); }
}*/
.circle-container:nth-child(1) { width: 7px; height: 7px; -webkit-animation-name: move-frames-1; animation-name: move-frames-1; -webkit-animation-duration: 30020ms; animation-duration: 30020ms; -webkit-animation-delay: 876ms; animation-delay: 876ms; }
@-webkit-keyframes move-frames-1 {
	from { transform: translate3d(42vw, 103vh, 0); }
	to { transform: translate3d(25vw, -133vh, 0); }
}
@keyframes move-frames-1 {
	from { transform: translate3d(42vw, 103vh, 0); }
	to { transform: translate3d(25vw, -133vh, 0); }
}
.circle-container:nth-child(1) .circle { -webkit-animation-delay: 2001ms; animation-delay: 2001ms; }
.circle-container:nth-child(2) { width: 4px; height: 4px; -webkit-animation-name: move-frames-2; animation-name: move-frames-2; -webkit-animation-duration: 31690ms; animation-duration: 31690ms; -webkit-animation-delay: 481ms; animation-delay: 481ms; }
@-webkit-keyframes move-frames-2 {
	from { transform: translate3d(19vw, 106vh, 0); }
	to { transform: translate3d(1vw, -119vh, 0); }
}
@keyframes move-frames-2 {
	from { transform: translate3d(19vw, 106vh, 0); }
	to { transform: translate3d(1vw, -119vh, 0); }
}
.circle-container:nth-child(2) .circle { -webkit-animation-delay: 2487ms; animation-delay: 2487ms; }
.circle-container:nth-child(3) { width: 5px; height: 5px; -webkit-animation-name: move-frames-3; animation-name: move-frames-3; -webkit-animation-duration: 33622ms; animation-duration: 33622ms; -webkit-animation-delay: 11869ms; animation-delay: 11869ms; }
@-webkit-keyframes move-frames-3 {
	from { transform: translate3d(1vw, 110vh, 0); }
	to { transform: translate3d(94vw, -116vh, 0); }
}
@keyframes move-frames-3 {
	from { transform: translate3d(1vw, 110vh, 0); }
	to { transform: translate3d(94vw, -116vh, 0); }
}
.circle-container:nth-child(3) .circle { -webkit-animation-delay: 1453ms; animation-delay: 1453ms; }
.circle-container:nth-child(4) { width: 5px; height: 5px; -webkit-animation-name: move-frames-4; animation-name: move-frames-4; -webkit-animation-duration: 34081ms; animation-duration: 34081ms; -webkit-animation-delay: 24807ms; animation-delay: 24807ms; }
@-webkit-keyframes move-frames-4 {
	from { transform: translate3d(79vw, 109vh, 0); }
	to { transform: translate3d(85vw, -134vh, 0); }
}
@keyframes move-frames-4 {
	from { transform: translate3d(79vw, 109vh, 0); }
	to { transform: translate3d(85vw, -134vh, 0); }
}
.circle-container:nth-child(4) .circle { -webkit-animation-delay: 2012ms; animation-delay: 2012ms; }
.circle-container:nth-child(5) { width: 6px; height: 6px; -webkit-animation-name: move-frames-5; animation-name: move-frames-5; -webkit-animation-duration: 34609ms; animation-duration: 34609ms; -webkit-animation-delay: 25517ms; animation-delay: 25517ms; }
@-webkit-keyframes move-frames-5 {
	from { transform: translate3d(17vw, 110vh, 0); }
	to { transform: translate3d(24vw, -130vh, 0); }
}
@keyframes move-frames-5 {
	from { transform: translate3d(17vw, 110vh, 0); }
	to { transform: translate3d(24vw, -130vh, 0); }
}
.circle-container:nth-child(5) .circle { -webkit-animation-delay: 182ms; animation-delay: 182ms; }
.circle-container:nth-child(6) { width: 4px; height: 4px; -webkit-animation-name: move-frames-6; animation-name: move-frames-6; -webkit-animation-duration: 36790ms; animation-duration: 36790ms; -webkit-animation-delay: 15683ms; animation-delay: 15683ms; }
@-webkit-keyframes move-frames-6 {
	from { transform: translate3d(18vw, 108vh, 0); }
	to { transform: translate3d(14vw, -124vh, 0); }
}
@keyframes move-frames-6 {
	from { transform: translate3d(18vw, 108vh, 0); }
	to { transform: translate3d(14vw, -124vh, 0); }
}
.circle-container:nth-child(6) .circle { -webkit-animation-delay: 2630ms; animation-delay: 2630ms; }
.circle-container:nth-child(7) { width: 2px; height: 2px; -webkit-animation-name: move-frames-7; animation-name: move-frames-7; -webkit-animation-duration: 29450ms; animation-duration: 29450ms; -webkit-animation-delay: 2353ms; animation-delay: 2353ms; }
@-webkit-keyframes move-frames-7 {
	from { transform: translate3d(17vw, 103vh, 0); }
	to { transform: translate3d(81vw, -112vh, 0); }
}
@keyframes move-frames-7 {
	from { transform: translate3d(17vw, 103vh, 0); }
	to { transform: translate3d(81vw, -112vh, 0); }
}
.circle-container:nth-child(7) .circle { -webkit-animation-delay: 2262ms; animation-delay: 2262ms; }
.circle-container:nth-child(8) { width: 6px; height: 6px; -webkit-animation-name: move-frames-8; animation-name: move-frames-8; -webkit-animation-duration: 34722ms; animation-duration: 34722ms; -webkit-animation-delay: 4994ms; animation-delay: 4994ms; }
@-webkit-keyframes move-frames-8 {
	from { transform: translate3d(38vw, 103vh, 0); }
	to { transform: translate3d(99vw, -129vh, 0); }
}
@keyframes move-frames-8 {
	from { transform: translate3d(38vw, 103vh, 0); }
	to { transform: translate3d(99vw, -129vh, 0); }
}
.circle-container:nth-child(8) .circle { -webkit-animation-delay: 2590ms; animation-delay: 2590ms; }
.circle-container:nth-child(9) { width: 7px; height: 7px; -webkit-animation-name: move-frames-9; animation-name: move-frames-9; -webkit-animation-duration: 36844ms; animation-duration: 36844ms; -webkit-animation-delay: 28134ms; animation-delay: 28134ms; }
@-webkit-keyframes move-frames-9 {
	from { transform: translate3d(72vw, 101vh, 0); }
	to { transform: translate3d(87vw, -123vh, 0); }
}
@keyframes move-frames-9 {
	from { transform: translate3d(72vw, 101vh, 0); }
	to { transform: translate3d(87vw, -123vh, 0); }
}
.circle-container:nth-child(9) .circle { -webkit-animation-delay: 2174ms; animation-delay: 2174ms; }
.circle-container:nth-child(10) { width: 8px; height: 8px; -webkit-animation-name: move-frames-10; animation-name: move-frames-10; -webkit-animation-duration: 30904ms; animation-duration: 30904ms; -webkit-animation-delay: 14912ms; animation-delay: 14912ms; }
@-webkit-keyframes move-frames-10 {
	from { transform: translate3d(18vw, 104vh, 0); }
	to { transform: translate3d(66vw, -118vh, 0); }
}
@keyframes move-frames-10 {
	from { transform: translate3d(18vw, 104vh, 0); }
	to { transform: translate3d(66vw, -118vh, 0); }
}
.circle-container:nth-child(10) .circle { -webkit-animation-delay: 3246ms; animation-delay: 3246ms; }
.circle-container:nth-child(11) { width: 4px; height: 4px; -webkit-animation-name: move-frames-11; animation-name: move-frames-11; -webkit-animation-duration: 33962ms; animation-duration: 33962ms; -webkit-animation-delay: 16631ms; animation-delay: 16631ms; }
@-webkit-keyframes move-frames-11 {
	from { transform: translate3d(43vw, 107vh, 0); }
	to { transform: translate3d(98vw, -121vh, 0); }
}
@keyframes move-frames-11 {
	from { transform: translate3d(43vw, 107vh, 0); }
	to { transform: translate3d(98vw, -121vh, 0); }
}
.circle-container:nth-child(11) .circle { -webkit-animation-delay: 1019ms; animation-delay: 1019ms; }
.circle-container:nth-child(12) { width: 3px; height: 3px; -webkit-animation-name: move-frames-12; animation-name: move-frames-12; -webkit-animation-duration: 29288ms; animation-duration: 29288ms; -webkit-animation-delay: 27255ms; animation-delay: 27255ms; }
@-webkit-keyframes move-frames-12 {
	from { transform: translate3d(50vw, 105vh, 0); }
	to { transform: translate3d(2vw, -124vh, 0); }
}
@keyframes move-frames-12 {
	from { transform: translate3d(50vw, 105vh, 0); }
	to { transform: translate3d(2vw, -124vh, 0); }
}
.circle-container:nth-child(12) .circle { -webkit-animation-delay: 2916ms; animation-delay: 2916ms; }
.circle-container:nth-child(13) { width: 3px; height: 3px; -webkit-animation-name: move-frames-13; animation-name: move-frames-13; -webkit-animation-duration: 28351ms; animation-duration: 28351ms; -webkit-animation-delay: 3412ms; animation-delay: 3412ms; }
@-webkit-keyframes move-frames-13 {
	from { transform: translate3d(66vw, 106vh, 0); }
	to { transform: translate3d(32vw, -113vh, 0); }
}
@keyframes move-frames-13 {
	from { transform: translate3d(66vw, 106vh, 0); }
	to { transform: translate3d(32vw, -113vh, 0); }
}
.circle-container:nth-child(13) .circle { -webkit-animation-delay: 2387ms; animation-delay: 2387ms; }
.circle-container:nth-child(14) { width: 3px; height: 3px; -webkit-animation-name: move-frames-14; animation-name: move-frames-14; -webkit-animation-duration: 34332ms; animation-duration: 34332ms; -webkit-animation-delay: 673ms; animation-delay: 673ms; }
@-webkit-keyframes move-frames-14 {
	from { transform: translate3d(49vw, 101vh, 0); }
	to { transform: translate3d(59vw, -131vh, 0); }
}
@keyframes move-frames-14 {
	from { transform: translate3d(49vw, 101vh, 0); }
	to { transform: translate3d(59vw, -131vh, 0); }
}
.circle-container:nth-child(14) .circle { -webkit-animation-delay: 1871ms; animation-delay: 1871ms; }
.circle-container:nth-child(15) { width: 4px; height: 4px; -webkit-animation-name: move-frames-15; animation-name: move-frames-15; -webkit-animation-duration: 33032ms; animation-duration: 33032ms; -webkit-animation-delay: 12091ms; animation-delay: 12091ms; }
@-webkit-keyframes move-frames-15 {
	from { transform: translate3d(28vw, 103vh, 0); }
	to { transform: translate3d(11vw, -109vh, 0); }
}
@keyframes move-frames-15 {
	from { transform: translate3d(28vw, 103vh, 0); }
	to { transform: translate3d(11vw, -109vh, 0); }
}
.circle-container:nth-child(15) .circle { -webkit-animation-delay: 2735ms; animation-delay: 2735ms; }
.circle-container:nth-child(16) { width: 6px; height: 6px; -webkit-animation-name: move-frames-16; animation-name: move-frames-16; -webkit-animation-duration: 29879ms; animation-duration: 29879ms; -webkit-animation-delay: 17295ms; animation-delay: 17295ms; }
@-webkit-keyframes move-frames-16 {
	from { transform: translate3d(79vw, 106vh, 0); }
	to { transform: translate3d(34vw, -127vh, 0); }
}
@keyframes move-frames-16 {
	from { transform: translate3d(79vw, 106vh, 0); }
	to { transform: translate3d(34vw, -127vh, 0); }
}
.circle-container:nth-child(16) .circle { -webkit-animation-delay: 2148ms; animation-delay: 2148ms; }
.circle-container:nth-child(17) { width: 5px; height: 5px; -webkit-animation-name: move-frames-17; animation-name: move-frames-17; -webkit-animation-duration: 33913ms; animation-duration: 33913ms; -webkit-animation-delay: 4706ms; animation-delay: 4706ms; }
@-webkit-keyframes move-frames-17 {
	from { transform: translate3d(23vw, 102vh, 0); }
	to { transform: translate3d(68vw, -115vh, 0); }
}
@keyframes move-frames-17 {
	from { transform: translate3d(23vw, 102vh, 0); }
	to { transform: translate3d(68vw, -115vh, 0); }
}
.circle-container:nth-child(17) .circle { -webkit-animation-delay: 1731ms; animation-delay: 1731ms; }
.circle-container:nth-child(18) { width: 2px; height: 2px; -webkit-animation-name: move-frames-18; animation-name: move-frames-18; -webkit-animation-duration: 34059ms; animation-duration: 34059ms; -webkit-animation-delay: 4615ms; animation-delay: 4615ms; }
@-webkit-keyframes move-frames-18 {
	from { transform: translate3d(38vw, 105vh, 0); }
	to { transform: translate3d(20vw, -124vh, 0); }
}
@keyframes move-frames-18 {
	from { transform: translate3d(38vw, 105vh, 0); }
	to { transform: translate3d(20vw, -124vh, 0); }
}
.circle-container:nth-child(18) .circle { -webkit-animation-delay: 3587ms; animation-delay: 3587ms; }
.circle-container:nth-child(19) { width: 1px; height: 1px; -webkit-animation-name: move-frames-19; animation-name: move-frames-19; -webkit-animation-duration: 32923ms; animation-duration: 32923ms; -webkit-animation-delay: 9346ms; animation-delay: 9346ms; }
@-webkit-keyframes move-frames-19 {
	from { transform: translate3d(65vw, 108vh, 0); }
	to { transform: translate3d(67vw, -127vh, 0); }
}
@keyframes move-frames-19 {
	from { transform: translate3d(65vw, 108vh, 0); }
	to { transform: translate3d(67vw, -127vh, 0); }
}
.circle-container:nth-child(19) .circle { -webkit-animation-delay: 2791ms; animation-delay: 2791ms; }
.circle-container:nth-child(20) { width: 3px; height: 3px; -webkit-animation-name: move-frames-20; animation-name: move-frames-20; -webkit-animation-duration: 36150ms; animation-duration: 36150ms; -webkit-animation-delay: 3198ms; animation-delay: 3198ms; }
@-webkit-keyframes move-frames-20 {
	from { transform: translate3d(7vw, 110vh, 0); }
	to { transform: translate3d(69vw, -119vh, 0); }
}
@keyframes move-frames-20 {
	from { transform: translate3d(7vw, 110vh, 0); }
	to { transform: translate3d(69vw, -119vh, 0); }
}
.circle-container:nth-child(20) .circle { -webkit-animation-delay: 2532ms; animation-delay: 2532ms; }
.half_map_area .gm-style img[src^='images/map-marker.png?i='] { animation: pulse .5s infinite alternate; -webkit-animation: pulse .5s infinite alternate; transform-origin: center; -webkit-transform-origin: center; }
@keyframes pulse {
	to { transform: scale(0.7); -webkit-transform: scale(0.7); }
}
@-webkit-keyframes pulse {
	to { transform: scale(0.7); -webkit-transform: scale(0.7); }
}

/* MEDIA CSS */


@media (min-width:1400px) {
	.container { max-width: 1300px }
	.r-modal-content {
		border-radius: 35px !important;
	}
	.r-form-radio-label .checkmark:after{
		top:-3px;
	}
	.blog-section .blog-item picture img{
		height: 22vw;
	}
}
@media (min-width:1100px) {
	.large-margin { margin-left: -20px; margin-right: -20px; }
	.large-margin>[class*="col-"] { padding-left: 20px; padding-right: 20px; }
}
@media (min-width:768px) and (max-width:1025px) {
	.container { max-width: 100% }
	.sub-ttl {
		font-size: 14px;
	}
	
	.store-img img {
		height: 30px;
	}
	
	.carousel-item .banner-img {
		height: 500px;
		object-fit: cover;
		object-position: 60%;
	}
}
@media (max-width:1024px) {
	.menushow { overflow: hidden; }
	.menushow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .75); z-index: 99; }
	.mobile-toggle { width: auto; height: 38px; margin: 0px 0; cursor: pointer; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
	.mobile-toggle div { width: 22px; height: 2px; background: #FFF; margin: 2px 0; transition: all 0.3s; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 10px; }
	.mobile-toggle.show .one { transform: rotate(45deg) translate(5px, 5px); }
	.mobile-toggle .two { width: 16px; }
	.mobile-toggle.show .two { opacity: 0; }
	.mobile-toggle .three { width: 10px; }
	.mobile-toggle.show .three { transform: rotate(-45deg) translate(3px, -3.5px); width: 22px; }
	.main-menu { color: #fff; margin: auto; max-width: 100%; padding: 0px; position: fixed; background: url(../images/menu-bg.jpg); background-size: cover; z-index: 999; transition: all ease 0.5s; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; transform: translateX(100%); overflow-y: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-center; text-align: center; }
	.main-menu.show { transform: translateX(0); visibility: visible; -webkit-overflow-scrolling: touch; }
	.main-menu ul.navbar-nav { margin: 0px 0; flex-direction: column; width: 100%; align-items: flex-start !important; }
	ul.navbar-nav>li { padding: 0px 0px; }
	.navbar-nav .nav-link, .navbar-nav .nav-link:focus { color: #fff; font-size: 18px; }
	ul.navbar-nav li>a:after { margin-left: 38px; }
	ul.navbar-nav>li>a i { display: inline-block; width: 30px; }
	.carousel-indicators {
		left: 15px;
	}
	
	.main-menu .menu-brand {
		display: block !important;
	}
	
	.banner-ttl {
		font-size: 28px;
	}
	
	.sub-ttl {
		font-size: 16px;
	}
}
@media (max-width:992px) {
	body { font-size: 14px; }
	.h1, h1 { font-size: 1.7rem }
	.h2, h2 { font-size: 1.5rem }
	.h3, h3 { font-size: 1.3rem }
	.h4, h4 { font-size: 1.1rem }
	.h5, h5 { font-size: .95rem }
	.h6, h6 { font-size: .8rem }
	.carousel-indicators {
		left: 15px;
		bottom: 50px;
		top: auto;
		transform: none;
		flex-direction: row;
		opacity: 1;
	}
	
	.carousel-indicators li {
		margin: 3px;
		background: transparent;
		border-color: #ffffff;
	}
	
	.carousel-indicators li.active {
		background: #ffffff;
	}
	
	.main-slider .subscribe-form .form-control {
		height: 35px;
		font-size: 12px;
	}
	
	.text-box .btn {
		font-size: 12px !important;
		padding: 8px 20px;
	}
}
@media (max-width:767px) {
	.navbar-brand { padding: 0; margin: 0; }
	.navbar-brand img { height: 60px; }
	footer .navbar-brand img { height: 80px; }
	.banner-ttl { font-size: 20px; }
	.store-img img {
		height: 22px;
	}
	.main-slider .carousel-item > picture > img {
		height: 100%;
		object-fit: cover;
	}
	.section-title { font-size: 22px; }
	.faq_according .accordion .card .card-header .btn-link { font-size: 14px; }
	.faq_according .accordion .card .card-body p { font-size: 12px; }
	.faq_according .accordion .card .card-header::before { font-size: 20px; top: 15px; margin: 0; }
	footer, .copyright-text { font-size: 12px; }
	.f-contact { font-size: 14px; }
	.foot-menu { margin-bottom: 2rem; }
	.services-sect { background-position: right center; background-size: 100%; }
	.service-block { padding: 25px 15px; border-radius: 30px; margin: 0 0 20px; }
	.btn-lg { font-size: 14px; }
	.why-sect { background-position: left 28%; background-size: 70%; }
	.why-sect .nav-pills .nav-link { font-size: 12px; }
	.tab-icon { width: 45px; height: 45px; font-size: 18px; }
	.why-sect .tab-pane p { font-size: 12px; }
	.why-sect .tab-pane h5 { font-size: 14px; }
	.business-section-h4 {font-size: 14px;}
	.blog-block { display: flex; align-items: center; justify-content: space-between; }
	.blog-img { flex: 0 0 55%; max-width: 55%; margin-bottom: 0 }
	.blog-img img { height: 200px; }
	.blg h5 { font-size: 12px; }
	.blg p, .blog-link { font-size: 10px; }
	.blog-detail { padding-right: 0; }
	.blog-block.alt .blog-detail { padding-left: 0; padding-right: 15px; }
	.states-block { display: block; text-align: center; }
	.price-sect:after { background-position: left center; background-size: 76%; }
	.price-table>.row { flex-wrap: nowrap; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; flex-direction: row; justify-content: flex-start !important; padding: 25px 0; }
	.price-table ul li { font-size: 10px; padding: 8px 15px 0; }
	.price { font-size: 12px; top: 40%; }
	.bg:after { top: 60px; }
	.feature-img { height: 150px; }
	table.shop_table_responsive thead {
		display: none;
	}
	
	table.shop_table_responsive tr td {
		display: block;
		text-align: right !important;
	}
	
	table.shop_table_responsive tr td::before {
		content: attr(data-title) ": ";
		font-weight: 600;
		float: left;
	}
}
@media (max-width:480px) {
	/* .carousel-item .text-box {
		top: 52%;
	} */
	.text-box .sub-ttl {
		font-size: 8px;
	}
	
	.carousel-item .banner-img {
		height: 300px;
		object-fit: cover;
		object-position: 60%;
	}
	.carousel-indicators {
		bottom: 10px;
	}
	
	.main-slider .subscribe-form .form-control {
		height: 26px;
		font-size: 8px;
	}
	.banner-ttl { font-size: 14px; }
	.text-box h5 { font-size: 10px; }
	.text-box .btn { font-size: 8px !important; }
	.line { width: 30px; }
	.store-imgappstore {
		margin-left: -0.2rem !important;
	}
}
@media (max-width:320px) {
	.why-sect .nav-pills {
		
		padding: 0px;
	}
	.why-sect .nav-pills .nav-link {
		font-size: 11px;
	}
}


.owl-carousel .owl-item img {
	display: block;
	/* width: 100%; */
	float: none;
	margin: auto;
}



#form {
	max-width: 240px;
	margin: 25px auto 0;
}
input.mr-2 {
	margin: 0 5px;
	text-align: center;
	line-height: 66px;
	font-size: 30px;
	border: solid 1px #ccc;
	box-shadow: 0 0 5px #ccc inset;
	outline: none;
	width: 15%;
	transition: all .2s ease-in-out;
	border-radius: 3px;
}



/* 
RTL CSS
===================== */
html[dir="rtl"] .contact-form .input-group-prepend {
	border-radius: 0 50px 50px 0;
	padding: 0 0px 0 0;
}

html[dir="rtl"] .textarea-block .input-group-prepend {
	border-radius: 0 15px 15px 0;
}

html[dir="rtl"] .input-group-prepend {
	margin-left: 0;
}

html[dir="rtl"] .iti--allow-dropdown .iti__flag-container {
	right: 0;
	left: auto;
}

html[dir="rtl"] .iti__selected-flag {
	display: flex;
	align-items: center;
	margin: 10px 10px 0 0px;
}

html[dir="rtl"] .iti--allow-dropdown input, html[dir="rtl"] .iti--allow-dropdown input[type=text], html[dir="rtl"] .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, html[dir="rtl"] .iti--separate-dial-code input[type=text], html[dir="rtl"] .iti--separate-dial-code input[type=tel] {
	padding-right: 70px;
	padding-left: 0;
}

html[dir="rtl"] .team-arrow {
	justify-content: flex-end;
}

/* 
MEDIA CSS 
===================== */
@media (min-width:1100px) {
	.large-margin {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.large-margin > [class*="col-"] {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.amezing-team-sect .container {
		max-width: 100%;
	}
}

@media (min-width:1400px) {
	.container, .amezing-team-sect .container {
		max-width: 1300px
	}
}

@media (max-width:1100px) {
	.team-sect .container {
		max-width: 100%;
	}
}

@media (max-width:1024px) {
	.menushow {
		overflow: hidden;
	}
	
	.menushow:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .75);
		z-index: 99;
	}
	
	.mobile-toggle {
		width: auto;
		height: 38px;
		margin: 0px 0;
		cursor: pointer;
		z-index: 9999;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
	}
	
	.mobile-toggle div {
		width: 22px;
		height: 2px;
		background: white;
		margin: 2px 0;
		transition: all 0.3s;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		border-radius: 10px;
	}
	
	.mobile-toggle.show .one {
		transform: rotate(45deg) translate(5px, 5px);
	}
	
	.mobile-toggle .two {
		width: 16px;
	}
	
	.mobile-toggle.show .two {
		opacity: 0;
	}
	
	.mobile-toggle .three {
		width: 10px;
	}
	
	.mobile-toggle.show .three {
		transform: rotate(-45deg) translate(3px, -3.5px);
		width: 22px;
	}
	
	.main-menu {
		color: #fff;
		margin: auto;
		max-width: 100%;
		padding: 0px;
		position: fixed;
		background: var(--primary-gradient-reverse);
		background-size: cover;
		z-index: 999;
		transition: all ease 0.5s;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		transform: translateX(100%);
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-center;
		text-align: center;
	}
	
	.main-menu.show {
		transform: translateX(0);
		visibility: visible;
		-webkit-overflow-scrolling: touch;
	}
	
	.main-menu ul.navbar-nav {
		margin: 0px 0;
		flex-direction: column;
		width: 100%;
	}
	
	ul.navbar-nav > li {
		padding: 0px 0px;
	}
	
	.navbar-nav .nav-link, .navbar-nav .nav-link:focus {
		color: #fff;
		font-size: 18px;
	}
	
	ul.navbar-nav li.active > a.nav-link, ul.navbar-nav li > a.nav-link:hover {
		color: #fff;
	}
	
	ul.navbar-nav li.active > a:after, .navbar-nav .nav-link:hover:after {
		background: var(--secondary-color)
	}
	
	.carousel-indicators {
		left: 15px;
	}
	
	.main-menu .menu-brand {
		display: block !important;
		background: #fff;
		padding: 5px;
		border-radius: 10px;
	}
	
	.banner-ttl {
		font-size: 28px;
	}
	
	.sub-ttl {
		font-size: 16px;
	}
	.carousel-item .text-box .slider-para{
		display: none;
	}
}
.blog-sectionimage-alignmentlast {
	text-align: left;
	margin: 80px 0px 80px 0px;
	display: flex;
	flex-direction: column;
}

@media (min-width:768px) and (max-width:1023px) {
	
}

@media (max-width:992px) {
	body {
		font-size: 14px;
	}
	
	.h1, h1 {
		font-size: 1.7rem
	}
	
	.h2, h2 {
		font-size: 1.5rem
	}
	
	.h3, h3 {
		font-size: 1.3rem
	}
	
	.h4, h4 {
		font-size: 1.1rem
	}
	
	.h5, h5 {
		font-size: 1rem
	}
	
	.h6, h6 {
		font-size: .9rem
	}
	
	.carousel-indicators {
		left: 15px;
		bottom: 50px;
		top: auto;
		transform: none;
		flex-direction: row;
		opacity: 1;
	}
	
	.carousel-indicators li {
		margin: 3px;
		background: transparent;
		border-color: #ffffff;
	}
	
	.carousel-indicators li.active {
		background: #ffffff;
	}
	
	.main-slider .subscribe-form .form-control {
		height: 35px;
		font-size: 12px;
	}
	
	.text-box .btn {
		font-size: 14px !important;
		padding: 8px 20px;
	}
	
	.section-title {
		font-size: 30px;
	}
	
	.progress {
		width: 120px;
		height: 120px;
		margin-bottom: .5rem
	}
	
	.progress .progress-value {
		font-size: 26px;
	}
	
	.tab-ul li {
		font-size: 15px;
	}
}

@media only screen and (min-width:375px) and (max-width:896px) and (orientation:landscape) {
}

@media (max-width:767px) {
	header .container, .main-slider .container {
		max-width: 100%;
	}
	
	.navbar-brand {
		padding: 0;
		margin: 0;
	}
	
	.navbar-brand img {
		height: 40px;
	}
	
	footer .navbar-brand img {
		height: 80px;
	}
	
	/* .carousel-item .text-box {
		top: 100px
	} */
	
	.carousel-item .banner-img {
		height: 50vh;
		object-fit: cover;
		/*transform: scaleX(-1);*/
	}
	.main-carousel .banner-img {
		/* -webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		/*height: 105vh;
		width: 100%;*/
		/*transform: scaleX(-1);*/
		/*filter: fliph;*/
		/*float: right;*/
		/*margin-right: 0;
		margin-left: 16px;*/ 
	}
	.banner-ttl {
		font-size: 20px;
	}
	
	.sub-ttl, .banner-top {
		font-size: 14px;
	}
	
	.banner-top {
		letter-spacing: 5px;
		margin-bottom: 5px;
	}
	
	.section-title {
		font-size: 26px;
	}
	
	.small-ttl .section-title {
		font-size: 22px;
	}
	
	.team-sect {
		overflow: hidden;
	}
	
	.team-bg:after {
		left: -0px;
		right: 0px;
		width: auto;
	}
	
	.services-slider.owl-carousel .owl-item img {
		height: 100px;
	}
	
	.services-ttl, .ins-ttl {
		font-size: 14px;
		font-weight: 500;
		line-height: normal;
	}
	
	.ins-icon {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
	
	.expertise-sect .nav-pills .nav-link, .cbp-filter-item {
		font-size: 14px;
		padding: 5px 8px;
	}
	
	.col-block {
		flex: 0 0 25%;
		max-width: 25%;
		margin: 0 0 15px;
		padding: 0 5px;
	}
	
	.expertise-block {
		height: 70px;
		font-size: 36px;
	}
	
	.solution-blocks [class*="col"] {
		margin-bottom: 20px;
	}
	
	.progress-bar-block {
		margin-bottom: 1.5rem;
	}
	
	.contact-form {
		margin-top: 2rem;
		padding: 20px;
	}
	
	.contact-form .form-control {
		height: 50px;
		font-size: 14px;
	}
	
	.contact-form .input-group-text, .iti__selected-flag {
		/*width: 40px;
		height: 40px;*/
		font-size: 14px;
	}
	
	/*.iti__selected-flag {
		margin: 5px 0 0 5px;
	}*/
	
	.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
		padding-left: 60px;
	}
	
	.footer-ttl {
		margin: 20px 0;
	}
	
	.about-team .team-img, .amezing-team-sect .about-team .team-img {
		width: 130px;
	}
	
	.team-desc, .amezing-team-sect .team-desc {
		width: calc(100% - 140px);
		font-size: 12px;
	}
	
	.about-team {
		margin-bottom: 50px;
	}
	
	.amezing-team-sect .about-team {
		margin-bottom: 10px;
	}
	
	.team-type {
		font-size: 16px;
		position: absolute;
		top: -30px;
		left: 0;
		right: 0;
		color: var(--primary-color);
	}
	
	.about-blocks:after {
		display: none;
	}
	
	.about-img {
		margin-top: 30px;
	}
	
	.who-block {
		padding: 25px;
	}
	
	.inner-banner img {
		height: 250px;
		object-fit: cover;
	}
	
	.inner-banner-ttl {
		font-size: 26px;
	}
}

@media (max-width:675px) {
}

@media (max-width:480px) {
}

@media (max-width:320px) {
}


/*  Custom Modal */

.invalid-feedback {
	width: auto;
	margin-top: .25rem;
	font-size: 80%;
	color: #fff;
	background: red;
	margin: 0px;
	display: inline-block !important;
	padding: 0px 10px;
	border-radius: 5px;
	font-size: 9px;
	position: relative;
	top: -4px;
	font-weight:600;
}

.select2-search__field {
	height:30px;
}

/* .select2 {
	height: 45px;
} */

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #010a3e;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px;
	color: white;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
}

.input-group .select2-container {
	overflow:auto;
}

.custom-modal-body {
	padding: 0;
}

.custom-modal-close {
	width: 50px !important;
	height: 50px !important;
	background: #010a3e !important;
	position: absolute !important;
	top: 0 !important;
	right: 0px !important;
	display: block !important;
	z-index: 1 !important;
	opacity:1 !important;
}

.custom-modal-close span{
	color:#fff;
}

.theme-modal-detail {
	padding:20px;
}


.modal-title {
	font-size: 30px;
	color: #000;
	font-weight: 700;
	margin-bottom: 5px
}

.theme-modal-title {
	position: relative;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 25px
}

.theme-modal-title:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 2px;
	background: #ddd;
	bottom: 0
}

.theme-modal-title span {
	color: #000;
	font-size: 14px
}

.theme-modal .close {
	position: absolute;
	top: 0;
	right: 0;
	background: #333;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 44px;
	font-weight: 400;
	z-index: 9
}

.d-flex {
	display: flex;
}

.justify-content-center {
	justify-content: center;
}

.align-items-center {
	align-items: center;
}

/*---------signup-step-------------*/
.bg-color {
	background-color: #333;
}

.signup-step-container {
	padding: 0px 0px 50px 0px;
	padding-bottom: 60px;
	border-top: 1px solid #f9f9f9;
}




.wizard .nav-tabs {
	position: relative;
	margin-bottom: 0;
	border-bottom-color: transparent;
}

.wizard > div.wizard-inner {
	position: relative;
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: center;
}

.connecting-line {
	height: 2px;
	border: 2px dotted #e0e0e0;
	position: absolute;
	width: 75%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 18px;
	z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}

span.round-tab {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	border-radius: 5px;
	background: #fff;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 16px;
	color: #0e214b;
	font-weight: 500;
	border: 1px solid #ddd;
}

span.round-tab i {
	color: #555555;
}

.wizard li.active span.round-tab {
	background: #e40018;
	color: #fff;
	border-color: #e40018;
}

.wizard li.active span.round-tab i {
	color: #5bc0de;
}

.wizard .nav-tabs > li.active > a i {
	color: #e40018;
}

.wizard .nav-tabs > li {
	width: 25%;
}

.wizard li:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: red;
	transition: 0.1s ease-in-out;
}



.wizard .nav-tabs > li a {
	width: 30px;
	height: 30px;
	margin: 20px auto;
	border-radius: 100%;
	padding: 0;
	background-color: transparent;
	position: relative;
	top: 0;
}

.wizard .nav-tabs > li a i {
	position: absolute;
	top: -15px;
	font-style: normal;
	font-weight: 400;
	white-space: nowrap;
	transform: translate(-50%, -50%);
	font-size: 12px;
	font-weight: 700;
	color: #000;
	width: 250px;
	display: inline-block;
	text-align: center;
	height: 35px;
	left: 10px;
}

.wizard .nav-tabs > li a:hover {
	background: transparent;
}

.wizard .tab-pane {
	position: relative;
	padding-top: 20px;
}

.wizard h4 {
	font-size: 2rem;
	font-weight: 900;
	margin: 40px 0px;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px;
	line-height: 30px;
}

.wizard h3 {
	margin-top: 0;
}

.prev-step,
.next-step {
	background-color: #083879;
	color: #fff !important;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 50px;
	margin-top: 30px;
	border: none;
	min-width: 200px;
	padding: 20px 30px;
}

.next-step {
	background-color: #083879;
}

.skip-btn {
	background-color: #cec12d;
}

.step-head {
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 20px;
}

.term-check {
	font-size: 14px;
	font-weight: 400;
}

.custom-file {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 40px;
	margin-bottom: 0;
}

.custom-file-input {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 40px;
	margin: 0;
	opacity: 0;
}

.custom-file-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: 40px;
	padding: .375rem .75rem;
	font-weight: 400;
	line-height: 2;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: 38px;
	padding: .375rem .75rem;
	line-height: 2;
	color: #495057;
	content: "Browse";
	background-color: #e9ecef;
	border-left: inherit;
	border-radius: 0 .25rem .25rem 0;
}

.footer-link {
	margin-top: 30px;
}

.all-info-container {
}

.list-content {
	margin-bottom: 10px;
}

.list-content a {
	padding: 10px 15px;
	width: 100%;
	display: inline-block;
	background-color: #f5f5f5;
	position: relative;
	color: #565656;
	font-weight: 400;
	border-radius: 4px;
}

.list-content a[aria-expanded="true"] i {
	transform: rotate(180deg);
}

.list-content a i {
	text-align: right;
	position: absolute;
	top: 15px;
	right: 10px;
	transition: 0.5s;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #fdfdfd;
}

.list-box {
	padding: 10px;
}

.signup-logo-header .logo_area {
	width: 200px;
}

.signup-logo-header .nav > li {
	padding: 0;
}

.signup-logo-header .header-flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

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

.pull-right {
	float: right;
}
/*-----------custom-checkbox-----------*/
/*----------Custom-Checkbox---------*/
input[type="checkbox"] {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

input[type="checkbox"]::before,
input[type="checkbox"]::after {
	position: absolute;
	content: "";
	display: inline-block;
}

input[type="checkbox"]::before {
	height: 16px;
	width: 16px;
	border: 1px solid #999;
	left: 0px;
	top: 0px;
	background-color: #fff;
	border-radius: 2px;
}

input[type="checkbox"]::after {
	height: 5px;
	width: 9px;
	left: 4px;
	top: 4px;
}

input[type="checkbox"]:checked::after {
	content: "";
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
}

input[type="checkbox"]:checked::before {
	background-color: #18ba60;
	border-color: #18ba60;
}

@media (max-width: 767px) {
	.sign-content h3 {
		font-size: 40px;
	}
	
	.wizard .nav-tabs > li a i {
		display: none;
	}
	
	.signup-logo-header .navbar-toggle {
		margin: 0;
		margin-top: 8px;
	}
	
	.signup-logo-header .logo_area {
		margin-top: 0;
	}
	
	.signup-logo-header .header-flex {
		display: block;
	}
}


.packList {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	min-height: 20px;
	font-family: "Poppins", sans-serif;
}

.packList .packContainer {
	color: #fff;
	display: block;
	width: 38%;
	text-align: center;
	position: relative;
	float: none;
	margin: auto;
	border: 2px solid #0bc798;
	border-radius: 15px;
	min-height: 550px;
}

.packList .packContainer-danger {
	color: #fff;
	display: block;
	width: 38%;
	text-align: center;
	position: relative;
	float: none;
	margin: auto;
	border: 2px solid #d80000;
	border-radius: 15px;
	min-height: 550px;
}

.packList .packContainer .packRadio {
	position: absolute;
	opacity: 0;
	display: none;
}

.packList .packContainer .packRadio:checked + .pack {
	-webkit-box-shadow: 0px 0px 0px 3px #0090FF;
	-moz-box-shadow: 0px 0px 0px 3px #0090FF;
	box-shadow: 0px 0px 0px 3px #0090FF;
}

.packList .packContainer .packRadio:checked + .pack::before {
	content: url("data:image/svg+xml; utf8, <svg version='1.1'  fill='white' width='14px' id='Capa_1' xmlns='http://www.w3.org/2000/svg'  xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 236.988 236.988' style='enable-background:new 0 0 236.988 236.988;' xml:space='preserve'><polygon points='198.098,24.326 87.543,134.881 38.891,86.229 0,125.121 87.543,212.662 236.988,63.217 '/><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>");
	position: absolute;
	display: block;
	right: 33px;
	top: 29px;
	z-index: 10;
}

.packList .packContainer .packRadio:checked + .pack::after {
	background: #0090FF;
}

.packList .packContainer .packRadio:checked + .pack .price-box b {
	color: #0090FF;
}

.packList .packContainer .pack {
	display: block;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.4s ease-in;
	color: white;
}

.packList .packContainer .pack::before {
	transition: all 0.4s ease-in;
}

/*.packList .packContainer .pack::after {
	content: " ";
	background: white;
	position: absolute;
	border-radius: 4px;
	width: 20px;
	height: 20px;
	top: 30px;
	right: 30px;
	transition: all 0.4s ease-in;
}*/

.packList .packContainer .pack .header h2 {
	font-size: 1.2em;
	color: #fff;
}

.packList .packContainer .pack .price-box {
	margin-top: 4rem;
}

.packList .packContainer .pack .price-box b {
	font-size: 2em;
	display: block;
	color: #545454;
}

.packList .packContainer .pack .features p {
	padding: 3rem 3rem;
}

.packList .packContainer .pack .features ul {
	padding: 0 20px;
	text-align: left;
	list-style: none;
}

.packList .packContainer .pack .features ul li {
	position: relative;
	margin-left: 20px;
	color: #313131;
	list-style: circle;
	margin-bottom:5px;
}

.packList .packContainer .pack .features ul li.active {
	color: #545454;
}

.packList .packContainer .pack .features ul li.active::before {
	display: block;
	position: absolute;
	left: -20px;
	content: url("data:image/svg+xml; utf8, <svg version='1.1'  fill='rgb(0,144,255)' width='12px' id='Capa_1' xmlns='http://www.w3.org/2000/svg'  xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 236.988 236.988' style='enable-background:new 0 0 236.988 236.988;' xml:space='preserve'><polygon points='198.098,24.326 87.543,134.881 38.891,86.229 0,125.121 87.543,212.662 236.988,63.217 '/><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>");
}

/* Media Screen */
@media screen and (max-width: 1649px) {
	.packList .packContainer .pack {
		margin: 0.45rem;
		padding: 0.45rem;
	}
}

@media screen and (max-width: 1499px) {
	.packList {
		width: 100%;
	}
	
	.packList .packContainer .pack {
		margin: 0.25rem;
		padding: 0.25rem;
	}
}

@media screen and (max-width: 1210px) {
	.container {
		width: 95%;
	}
	
	.packList .packContainer {
		width: 50%;
	}
	
	.packList .packContainer:nth-child(2) {
		order: -1;
		width: 100%;
	}
	
	.packList .packContainer .pack .price-box {
		margin-top: 2rem;
	}
	
	.packList .packContainer .pack .features p {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.packList .packContainer {
		width: 100%;
	}
}


.tabset > input[type="radio"] {
	position: absolute;
	left: -200vw;
}

.tabset .tab-panel {
	display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
	display: block;
}

/*
Styling
*/
body {
	font: 14px/1.5em "Montserrat", Helvetica, sans-serif;
	color: #333;
	font-weight: 300;
}

.tabset > label {
	position: relative;
	display: inline-block;
	padding: 15px 15px 25px;
	border: 1px solid transparent;
	border-bottom: 0;
	cursor: pointer;
	font-weight: 600;
}

.tabset > label::after {
	content: "";
	position: absolute;
	left: 15px;
	bottom: 10px;
	width: 22px;
	height: 4px;
	background: #8d8d8d;
}

.tabset > label:hover,
.tabset > input:focus + label {
	color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
	background: #e40018;
}

.tabset > input:checked + label {
	border-color: #083879;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
	background-color: #083879;
	color: #fff;
}

.tab-panel {
	padding: 30px 0;
	border-top: 1px solid #ccc;
}

.tabset {
	/*max-width: 65em;*/
}

.header {
	background: #2ecc71;
	border-radius: 10px;
	padding: 15px;
}

.btn-package-1 {
	color: #168901;
	background-color: #fff;
	border-color: #168901;
	transition: all 0.5s ease;
}

.btn-package-1:hover {
	color: #fff;
	background-color: #168901;
	border-color: #168901;
}

.packcontainer-1 {
	border: 2px solid #168901 !important;
}

.header-1 {
	background-color: #168901 !important;
}

.btn-package-2 {
	color: #c30e21;
	background-color: #fff;
	border-color: #c30e21;
	transition:all 0.5s ease;
}

.btn-package-2:hover {
	color: #fff;
	background-color: #c30e21;
	border-color: #c30e21;
}

.packcontainer-2 {
	border: 2px solid #c30e21 !important;
}

.header-2 {
	background-color: #c30e21 !important;
}


.header > h4 > span.small {
	color: yellow;
	font-size: 0.8rem;
}

.header h4 {
	font-size: 25px;
	color: white;
	margin: 0px;
}

.tab-panel-Neeleez {
	border: 1px solid #e40018 !important;
	border-radius: 15px !important;
	color: #fff !important;
	padding:0px !important;
}

.tab-content-title {
	background-color: #e40018 !important;
	padding: 25px 12px !important;
	border-radius: 15px !important;
	margin-bottom: 25px;
}

.tab-panel-Neeleez h2 {
	color: #fff !important;
	font-size: 1.5rem;
	font-weight: 600;
}
.tab-panel-Neeleez p.duration {
	color: yellow !important;
	font-size: 1.0rem;
	font-weight: 400;
	text-align:right;
}

.tab-panel-Neeleez .content {
	padding:25px;
}

.tab-panel-Neeleez .content  p{
	color:#000 !important;
}

.tbl-payment-summary td {
	font-weight:600;
	color:#000;
}

.tab-title-white {
	color: #000 !important;
	margin: 60px 0px !important;
	font-size: 2.5rem !important;
	font-weight: 600 !important;
	text-align: center !important;
	text-transform: capitalize !important;
}

.tbl-payment-summary {
	border-radius: 40px;
	overflow:hidden;
}

.tbl-payment-summary > th {
	background-color: #e4e4e4;
	border-radius: 40px;
}

.tbl-payment-summary td:first-child {
	font-weight: 600;
	color: #000;
	background: #cacaca;
	padding:15px;
}

.tbl-payment-summary td:last-child {
	font-weight: 600;
	color: #000;
	background: #e8e8e8;
	padding: 15px;
}

.prev-step {
	background-color: #cacaca !important;
}


header .navbar-brand img{
	height: 60px;
}
.home header.is-scrolling {
	position: fixed !important;
	top: 0;
	width: 100%;
	background:linear-gradient(26deg, #053578, #034a94) !important
}

.home header.is-scrolling .navbar-brand img{
	height: 70px !important;
}
/* carousel Fade */
.carousel-fade {
	.carousel-inner {
		.item {
			transition-property: opacity;
		}
		
		.item,
		.active.left,
		.active.right {
			opacity: 0;
		}
		
		.active,
		.next.left,
		.prev.right {
			opacity: 1;
		}
		
		.next,
		.prev,
		.active.left,
		.active.right {
			left: 0;
			transform: translate3d(0, 0, 0);
		}
	}
	
	.carousel-control {
		z-index: 2;
	}
}
@media screen and (max-width : 1268px) {
	.carousel-item .text-box{
		top: 21vw;
		
	}
	.main-slider .carousel-item > picture > img{
		height: 100%;
	}
}

@media screen and (max-width : 1024px) {
	.home header{
		position: relative;
		background:linear-gradient(26deg, #053578, #034a94)
	}
	.carousel-item .text-box .slider-para{
		display: block;
	}
}
@media screen and (max-width : 830px) {
	.carousel-item .text-box{
		top: 21vw;
	}
}
@media screen and (max-width : 768px) {
	.main-slider .carousel-item > picture > img{
		height: 100%;
	}
	
	.banner-ttl{
		font-size: 28px;
		line-height: 1.2;
	}
}
@media screen and (max-width : 586px) {
	.banner-ttl{
		font-size: 26px;
	}
	.main-slider .carousel-item > picture > img{
		height: 100%;
	}
	.carousel-item .text-box .slider-para{
		display: none;
	}
}
@media screen and (max-width : 425px) {
	.banner-ttl{
		font-size: 20px;
	}
	.main-slider .carousel-item > picture > img{
		height: 100%;
	}
	.carousel-item .text-box .slider-para{
		display: none;
	}
}
@media screen and (max-width : 375px) {
	.carousel-item .text-box {
		top: 25vw;
	}
	.carousel-item .text-box .slider-para{
		display: none;
	}
	.main-slider .carousel-item > picture > img{
		height: 70vw;
	}
	.banner-ttl{
		font-size: 20px;
	}
	.carousel-indicators{
		bottom: 40px;
	}
}
@media screen and (max-width : 320px) {
	
	.banner-ttl{
		font-size: 16px;
	}
	
}

/* Registration Form Style */

button:focus {
	border-color: none;
	box-shadow: none;
	outline: none;
}
.form-control:focus {
	border-color: none;
	box-shadow: none;
}
.r-form-radio-label {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	padding-top:14px;
	padding-right: 0px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 500;
}

/* Hide the browser's default radio button */
.r-form-radio-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 35%;
	top: 15px;
}

/* On mouse-over, add a grey background color */
.r-form-radio-label:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.r-form-radio-label input:checked ~ .checkmark {
	background-image: linear-gradient(#186DBF, #091F57);
}
.r-form-radio-label img {
	width: 16px;
	margin-bottom: 4px;
	margin-right: 6px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	font-size: 14px;
	content: "\2713";
	position: absolute;
	padding-top: -17px;
	display: none;
	font-weight: 700;
	color: white;
	padding: 0px 4px;
}

/* Show the indicator (dot/circle) when checked */
.r-form-radio-label input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.r-form-radio-label .checkmark:after {
	
}
.r-btn-modal-close{
	position: absolute;
	display: flex;
	right: -10px;
	width: 30px;
	height: 30px;
	border: none;
	top: -10px;
	border-radius: 50%;
}
.r-btn-modal-close:hover {
	background-color: #9e0404;
}
.r-btn-modal-close:hover span{
	background: url('../images/registration-modal/cancel.png');
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.r-btn-modal-close span{
	background: url('../images/registration-modal/cancel-red.png');
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}
.r-modal-content{
	border-radius: 20px;
}
.r-modal-body{
	padding: 14px;
}
.r-form-label {
	color: #888888;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
.r-form-input {
	border:2px solid #d6d6d6;
	border-radius:10px;
	outline: none;
}
.r-form-input:focus {
	border:2px solid #035AA8;
	outline:none;
	
}
.r-radio-buttons-container{
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
.r-form-input-group{
	border:2px solid #d6d6d6;
	border-radius:10px;
	outline: none;
	overflow: hidden;
	box-shadow: none;
}
.r-form-input-group:focus-within{
	border:2px solid #035AA8;
}
.r-form-input-group img{
	width: 25px ;
}
.r-form-input-group .input-group-text{
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.r-form-input-group .r-form-input{
	border:none;
}
.r-form-input-group .r-form-input{
	height: 41px;
}
.r-form-button-group{box-shadow: none;}
.r-form-button-group button{
	display: flex;
	text-align: center;
	justify-content: space-between;
	align-items: center;
	border: none;
	background: rgb(136 136 136 / 40%);
	color: white;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 500;
	padding-left: 15px;
	width: 100%;
	height: 45px;
	padding-right: 0px;
}
.r-form-button-group button:hover{
	background: #d00000
}
.r-form-button-group button.btn-submit{
	background-image: linear-gradient(#186DBF, #091F57);
}
.r-form-button-group button.btn-submit:hover{
	background-image: linear-gradient(#2f5d8a, #021442);
}
.r-form-button-group button.btn-submit .r-form-button-group-append .input-group-text{
	background: #ffffff80
}
.r-form-button-group button.btn-submit:hover .r-form-button-group-append .input-group-text{
	background: #ffffff80
}


.r-form-button-group button:hover .r-form-button-group-append .input-group-text{
	background: #9e0404
}

.r-form-button-group button .r-form-button-group-append .input-group-text{
	height: 45px;
	border-radius: 10px;
	padding: 14px;
}
.r-form-button-group button img{
	width: 12px;
}
.modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 300px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: translate3d(0, -300px, 0);
	transform: translate3d(0, -300px, 0);
	opacity: 1;
}


@media (min-width: 992px){
	.modal-lg, .modal-xl {
		max-width: 80%;
	}
	.r-modal-content {
		border-radius: 25px;
	}
}
@media (max-width: 992px){
	.modal-lg, .modal-xl {
		max-width: 80%;
	}
	.r-modal-content {
		border-radius: 25px;
	}
}

@media (max-width: 768px){
	.m-content-reverse{
		flex-direction: row;
	}
	.mpr-1 {
		padding-right: 1rem!important;
	}
	.mpl-1 {
		padding-left: 1rem!important;
	}
	.why-sec-items{
		margin-top: 126px !important;
	}
	.why-sect {
		background-position: left 31%;
		background-size: 40%;
	}
}
@media (max-width: 850px){
	.why-sec-img{
		margin-top: 50px ;
	}
}
@media (max-width: 700px){
	.why-sec-img{
		margin-top: 0px ;
	}
	.why-sec-items{
		margin-top: 49px !important;
	}
}

@media (max-width: 575px){
	
	.modal-lg, .modal-xl {
		max-width: 95%;
		margin-top: 20px;
	}
	.why-sec-img{
		margin-top: 0px ;
	}
	.why-sect {
		background-position: left 26%;
		background-size: 70%;
	}
	
}
@media (max-width: 425px){
	.why-sect {
		background-position: left 26%;
		background-size: 65%;
	}
	.why-sec-img{
		margin-top: 0px ;
	}
	.why-sec-items{
		margin-top: 49px !important;
	}
}

.m-v-d-block{
	display: none;
}
@media (max-width: 425px){
	.mpx-1{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.m-content-reverse{
		flex-direction: column-reverse;
	}
	
	.blog-section .blog-item picture img{
		height: 200px;
		border-radius: 15px !important;
	}
	.blog-section .blog-item .blog-desc{
		font-size: 12px;
	}
	.blog-section .blog-item .blog-heading{
		font-size: 22px;
	}
	.blog-sectionimage-alignmentlast {
		text-align: left;
		margin: 0px 0px 0px 0px;
		display: flex;
		flex-direction: column;
	}
	.slide-in-left {
		transform: translateX(-300px);
		opacity: 0;
		animation: come-in 1s ease forwards;
	}
	.slide-in-right {
		transform: translateX(300px);
		animation: come-in 1s ease forwards;
	}
	.slide-in-bottom {
		transform: translateY(300px);
		animation: come-in-bottom 1s ease forwards;
	}
	
	
	@keyframes come-in-bottom {
		to { transform: translateY(0); }
	}
	@keyframes come-in {
		to { transform: translateX(0); opacity:1 }
	}
	
	.jsvmap-container{
		height: 250px !important;
	}
}

/* Index Blog Section */
.blog-section .blog-item picture img{
	width: 100%;
	object-fit: cover;
	border-radius: 40px;
}
.blog-section .blog-item .blog-desc{
	
}

.swal2-popup{
	border-radius: 40px !important;
}
.swal2-title{
	padding: 0px 7px;
}
.swal2-html-container{
	font-size: 0.8em !important;
	margin: 0.2em 0.2em .3em !important;
}
.swal2-actions {
	padding: 15px 0px 0px 0px !important;
	border-top: 1px solid #ccc;
}
.swal2-styled.swal2-confirm{
	background: linear-gradient(145deg, #3CBF16, #1C7B00) !important;
	padding: 10px 45px  !important;
	font-weight: 700  !important;
	border-radius: 2.25em  !important;
}

@media (min-width : 1400px) {
	.container {
		max-width: 85%;
	}
	
	body {
		font-size: 19px;
	}
	
	.service-block h5 {
		font-size: 19px;
	}
	
	.business-section-h4 {
		font-size: 26px;
	}
	
	.blog-heading {
		font-size: 30px;
	}
	
	.section-title {
		font-size: 38px;
	}
	
	.banner-ttl {
		font-size: 38px;
	}
	
	.f-14 {
		font-size: 18px !important;
	}
	
	.jsvmap-container {
		transform: scale(1.3);
	}
	
	header .navbar-brand img {
		height: 70px;
	}
	
	.home header.is-scrolling .navbar-brand img {
		height: 55px;
	}
	.custom-dropdown select {
		width: 100px;
		font-size:14px !important;
	}

	.custom-dropdown i {
		
		font-size: 14px !important;
	}
	}
@media (max-width : 1400px) {
	.blog-sectionimage-alignmentlast {
		/* margin: 0px 0px 80px 0px; */
	}
}

@media (min-width : 1024px) {
	#navbar .navlogo {
		display: none !important
	}
}
@media (max-width : 1024px) {
	#navbar .navlogo {
		display : block !important
	}
}


@media (max-width : 768px) {
	.blog-sectionimage-alignmentlast {
		margin: 0px 0px 80px 0px;
	}
}

.registration-modal-header-text {
	position: absolute;
	top: 3vw;
	left: 2.5vw;
}
.registration-modal-heading{
	color: #FFE561;
    font-weight: 700;
    font-size: 3.5vw;
	margin: 0;
}
.registration-modal-sub-heading{
	color: #fbfbfb;
    font-weight: 600;
	font-size: 2vw;
	margin: 0;
}

/* .r-form-input-group .select2.select2-container.select2-container--default,
.form-input .select2.select2-container.select2-container--default{
	width: 100% !important;
	width: 100% !important;
}
.r-form-input-group .select2-container--default .select2-selection--single,
.form-input .select2-container--default .select2-selection--single{
	border: none !important;
}
.r-form-input-group .select2-container .select2-selection--single .select2-selection__rendered,
.form-input .select2-container .select2-selection--single .select2-selection__rendered{
	padding-top: 6px;
}
.r-form-input-group .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-input .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 6px !important;
}
.r-form-input-group .select2-container--open .select2-dropdown,
.form-input .select2-container--open .select2-dropdown{
	top: 2px !important;
}
.select2-container--open .select2-dropdown{
	top: 7px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: #04519c !important;
}

.form-input .select2-container--open .select2-dropdown{
	top: 2px !important;
}
.form-input-select2 .select2-container--default .select2-selection--single{
	border: 2px solid #d6d6d6 !important;
	height: 45px;
	border-radius: 10px;
    outline: none;
}
.form-input-select2 .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 7px 10px;
} */


.form-input-i-t-i{
	border: 2px solid #d6d6d6;
	border-radius: 10px;
}
.form-input-i-t-i .r-form-input{
   height: 41px;
}

.image-flip-rtl {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.rtl-text{
	text-align:right !important
}


.rtl-select::after {
	display: none !important;
}
.rtl-border-radius {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

#font-arabic-body {
	font-family: 'Amiri', serif !important;
}
#global-loader {
	display: flex;
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	background: #dbdbdb;
}

#global-loader img{
	width:120px
}

.r-form-input-group .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 45px;
}

.r-form-input-group .select2-container--default .select2-selection--single {
	border: none;
}
	.r-form-input-group .select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 10px
	}
#city_select .select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 45px;
	line-height: 45px;
	
}


#city_select .select2-container--default .select2-selection--single {
	height: 45px;
	border: 2px solid #d6d6d6;
	border-radius: 10px;
	outline: none;
}

	#city_select .select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 10px;
	}

.rtl-i-t .iti__selected-flag {
	margin: 0px 0px 0px 0px !important;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

html[dir="rtl"] .r-form-button-group button.btn-submit {
	padding: 0px;
	padding-right: 10px;
}

html[dir="rtl"] [type=button]:not(:disabled), html[dir="rtl"] [type=reset]:not(:disabled), html[dir="rtl"] [type=submit]:not(:disabled), html[dir="rtl"] button:not(:disabled) {
	padding: 0px;
	padding-right: 10px;
}

html[dir="rtl"] #btnProject{
	padding: 12px 30px;
}
html[dir="rtl"] .input-group {
	flex-direction: row-reverse
}
html[dir="rtl"] .input-group {
	flex-direction: row-reverse
}

html[dir="rtl"] .r-btn-modal-close {
	padding-right: 0px !important`;
	z-index: 1;
}

.nav-mobile {
	background: #446CB3;
	color: #FFF;
	padding: 0;
	margin: 0;
	cursor: auto;
	font-size: 18px;
	list-style-type: none;
	box-shadow: 0 5px 5px -5px #333;
}
.nav-mobile:after {
	content: "";
	display: table;
	clear: both;
}
.nav-mobile svg {
	height: 40px;
	width: 69px;
	padding: 9px;
}
.nav-mobile svg path {
	fill: #fff;
}
.nav-mobile svg.icon-close {
	display: none;
}
.nav-mobile li {
	width: 100%;
	height: 45px;
	line-height: 46px;
	text-align: center;
	float: left;
}
.nav-mobile li a {
	display: block;
	color: #333;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.nav-mobile .menu-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
	display: block;
}
.nav-mobile .menu-button:after {
	opacity: 0;
	top: 0px;
	content: "";
	width: 100vw;
	display: block;
	position: fixed;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	content: "";
	pointer-events: none;
	transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1);
	transition-delay: 0.1s;
}
.nav-mobile #menu-toggle {
	display: none;
}
.nav-mobile #menu-toggle.active ~ .menu-button .icon-close, .nav-mobile #menu-toggle:checked ~ .menu-button .icon-close {
	display: block;
}
.nav-mobile #menu-toggle.active ~ .menu-button .icon-open, .nav-mobile #menu-toggle:checked ~ .menu-button .icon-open {
	display: none;
}
.nav-mobile #menu-toggle.active ~ .menu-button:after, .nav-mobile #menu-toggle:checked ~ .menu-button:after {
	opacity: 1;
	left: 0px;
	pointer-events: auto;
	z-index: -1;
	transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
}
.nav-mobile #menu-toggle.active ~ .menu-sidebar, .nav-mobile #menu-toggle:checked ~ .menu-sidebar {
	transform: translateX(0);
	transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
.nav-mobile .menu-container {
	width: 65px;
	float: left;
	cursor: pointer;
	position: absolute;
}
.nav-mobile .menu-container .menu-sidebar {
	box-shadow: 5px 0 5px -5px #333;
	display: block;
	width: 65vw;
	bottom: 0;
	left: 0px;
	padding-top:0px;
	background: white;
	color: #333;
	position: fixed;
	transform: translateX(-405px);
	transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
	top: 0px;
	z-index: 2;
	list-style-type: none;
	padding: 0;
	max-width: 400px;
}
.nav-mobile .menu-container .menu-sidebar .arrow {
	position: absolute;
	line-height: 50px;
	font-size: 32px;
	color: #555;
	top: 0;
	z-index: 0;
}
.nav-mobile .menu-container .menu-sidebar .arrow.left {
	left: 25px;
}
.nav-mobile .menu-container .menu-sidebar .arrow.right {
	right: 25px;
}
.nav-mobile .menu-container .menu-sidebar li {
	height: 55px;
	line-height: 40px;
	font-size: 16px;
	text-align: left;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
}
.nav-mobile .menu-container .menu-sidebar li:hover {
	background: #eee;
}
.nav-mobile .menu-container .menu-sidebar li .menu-sub {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0;
	overflow: hidden;
	background: white;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
	border-left: 1px solid #ccc;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 2;
	max-width: 400px;
}
.nav-mobile .menu-container .menu-sidebar li .menu-sub li {
	overflow: hidden;
}
.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title {
	padding-left: 50px;
}
.nav-mobile .menu-container .menu-sidebar li .submenu-label {
	cursor: pointer;
	width: 100%;
	height: 100%;
	display: block;
}
.nav-mobile .menu-container .menu-sidebar li .submenu-toggle {
	display: none;
}
.nav-mobile .menu-container .menu-sidebar li .submenu-toggle.active ~ .menu-sub, .nav-mobile .menu-container .menu-sidebar li .submenu-toggle:checked ~ .menu-sub {
	width: 65vw;
	visibility: visible;
	z-index: 1;
	transition: width 0.35s cubic-bezier(0, 0, 0.3, 1);
}

.nav-mobile .menu-container .menu-sidebar .mobile-language{
	line-height: 25px !important;
}

.nav-mobile .menu-container .menu-sidebar .mobile-language {
color: black !important;
	margin-left: 0px !important;
	padding: 0px;
}

.nav-mobile .menu-container .menu-sidebar .mobile-language .custom-dropdown select option{
	padding: 5px;
	color: black !important;
}

.nav-mobile .menu-container .menu-sidebar .mobile-language .custom-dropdown select{
	color: black !important;
}

.nav-mobile .menu-container .menu-sidebar .mobile-language .custom-dropdown::after {
	color: black;
}