ul, li{list-style: none; padding: 0; margin: 0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color: #000;}
p{color: #000;}
a{color: #e74c3c;}
a:hover{color: #ff0015;}
body{background: #f2f2f2;}
.fs-20{font-size:20px !important;}
.hompg .static-header header{position: absolute;background: #fff;}
header {
	position: relative;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	padding: 0px 20px 0 30px;
}
.btn-primary.focus, .btn-primary:focus {
    background-color: #c53a2b;
    border-color: #c53a2b;
    box-shadow: none;
}
.msform .action-button{border:none;}
.sticky header:before {
    content: "";
	background: #fff;
    /* background: #fffbf; */
    backdrop-filter: blur(4px);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.shadow-span{
    font-size:16px;
    font-weight:600;
}

.header-wrap {
	display: none
}
.headerUp .left{width: 45%;
    display: inline-block;
    float: left;}
.headerUp .right{width: 55%;
    display: inline-block;
  }

.logo-wrap {
	display: inline-flex;
	vertical-align: top;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: space-around;
	padding: 8px 0px 0 30px;
}

.logo {
	/* display: inline-block; */
	/* width: 14.0625em; */
	/* height: 5.375em; */
	/* margin-right:2.875em; */
	padding-top: 5px;
}

.line-sep {
	width: 1px;
	background: rgba(7, 23, 56, .2)
}

.doh-logo {
	width: 14.25em;
	height: 5.0625em;
	margin-left: 2em
}

.nav-align {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.mainNavigation > ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.mainNavigation > ul > li {
	list-style: none;
	display: inline-block;
	margin: 0 3px;
	position: relative;
	z-index: 99;
}

.mainNavigation > ul > li > a {
	display: block;
	color: #000;
	font-size: 16px;
	padding: 28px 14px;
	position: relative;
	font-family: "Noto Sans", sans-serif;
	font-weight: 500;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


.mainNavigation ul li a:focus,
.mainNavigation ul li a:hover {
	text-decoration: none
}

.mainNavigation ul li.active a {
	color: #000;
	font-family: "Noto Sans", sans-serif;
	padding-left: 1.5625em;
	padding-right: 1.5625em;
	font-weight: 700
}

.langNav {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	float: right;
}
.langNav ul{font-size: 0;display: inline-flex;position: relative;}
.langNav li{}
.langNav li a{
    color: #000;
    display: block;
    font-size: 16px;
    padding: 25px 14px;
    position: relative;
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
    /*-webkit-transition: all .5s ease-in-out;*/
    /*-moz-transition: all .5s ease-in-out;*/
    /*-o-transition: all .5s ease-in-out;*/
    transition: 0s;
}

.langNav li a i{margin-right: 5px;font-size: 16px;}
.langNav li a::after{content: '';
    position: absolute;
    height: 22px;
   width: 1px;
    background: #b7b6b6;
    margin: 0 10px;}
.langNav li:last-child a::after{content: none;}
/*body.hompg .langNav li a{color: #2d2d2d;}
body.hompg .langNav li a::after{background:#fff;}
body.hompg .fixed-header.sticky .langNav li a{color: #4c4c4c;}
.fixed-header.sticky .langNav li a::after{background:#b7b6b6;}
.langNav li:hover a,
body.hompg .fixed-header.sticky .langNav li:hover a{color: #e548b6;}
body.hompg .langNav li:hover a{color: #e548b6;}*/

.register-btn {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	padding: 10px 20px;
	color: #fff;
	border-radius: 8px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-transform: capitalize;
}


.register-btn i {
	font-size: 18px;
    margin-right: 5px;
}

.register-btn span {
	display: inline-block
}

.register-btn:focus,
.register-btn:hover {
	text-decoration: none;
	/*color: #2d2d2d*/
}

.globe-icon {
	width: .8125em;
	height: .8125em;
	margin: 0 .5em 0 0
}

.globe-icon img {
	vertical-align: top
}

.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	font-size: .75em;
	box-shadow: 0px 10px 23px #0000000d;
}

.fixed-header.sticky {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.fixed-header header {
	
}


.header-back-bg {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	position: absolute;
	left: 0;
	top: 0;
	z-index:1;
}

.mobile-follow-us {
	display: none;
	position: absolute;
	left: 1.875em;
	top: 2.5em
}

.mobile-follow-us a {
	display: block;
	font-size: 1.375em;
	color: #3c3c3c;
	position: relative;
	padding: 0 0 0 2.5em
}

.mobile-follow-us a i {
	width: 1.6875em;
	height: 1.4375em;
	position: absolute;
	left: 0;
	top: 0
}

.mobile-follow-us a:focus,
.mobile-follow-us a:hover {
	text-decoration: none
}

.mobile-lang {
	display: none;
	position: absolute;
	right: 6.25em;
	top: 2.1875em
}

.mobile-lang a {
	font-size: 1em;
	background: #ff00d3;
	background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%);
	background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%);
	background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);
	height: 3.4375em;
	padding: .1875em 1.875em;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	display: block;
	color: #2d2d2d
}

.mobile-lang a span {
	display: block;
	font-size: 1.75em
}

.doh-logo-mobile {
	width: 14.25em;
	height: 5.0625em;
	display: none;
	margin: 0 0 0 1.875em
}
@media(min-width:992px) and (max-width:1399px){
    .processSlider .slick-dots li{width:20% !important;height:230px !important;}
}
@media(min-width:768px) and (max-width:991px){
    .processSlider .slick-dots li{width:25% !important;height:210px !important;}
}
.processSlider .slick-dots{position:relative;}
.processSlider .slick-dots li{position:relative;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;padding:0px 50px 0 !important;text-align:center;width:16%;margin:0px;height:250px;vertical-align:top;}
.processSlider .slick-dots li.slick-active:before{}
.processSlider .slick-dots li:before{    right: 0;
	left: -70px;
	margin: auto;}   

	.working-slide-text p {
		font-size: 16px;
		font-weight: 400;
	}
.processSlider .slick-dots li:before{filter: grayscale(200%);transition: all .2s;opacity: .8;}
.processSlider .slick-dots li.slick-active:before{filter: grayscale(0)}
.processSlider .slick-dots li:nth-child(1):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/5.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(2):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/4.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(3):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/11.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(4):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/3.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(5):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/2.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(6):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/1.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(7):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/10.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(8):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/9.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(9):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/8.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(10):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/7.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li:nth-child(11):before{content:"";background:url(../images/process-icon/Process-3d-modeling/pink/6.svg);width:160px;height:160px;position:absolute;}
.processSlider .slick-dots li button{    position: relative;
    margin-top: 130px;
    text-align: center;
    width: 100%;
}

.processSlider .slick-dots li button:before{background: transparent;
    height: auto;
    opacity: 1;
    width: 100%;
	text-align: center;}
.processSlider .slick-dots li:nth-child(1) button:before{content:"Step: 1";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(2) button:before{content:"Step: 2";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(3) button:before{content:"Step: 3";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(4) button:before{content:"Step: 4";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(5) button:before{content:"Step: 5";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(6) button:before{content:"Step: 6";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(7) button:before{content:"Step: 7";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(8) button:before{content:"Step: 8";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(9) button:before{content:"Step: 9";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(10) button:before{content:"Step: 10";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}
.processSlider .slick-dots li:nth-child(11) button:before{content:"Step: 11";position:absolute;left:0;    font-size: 18px;
    color: #2b2b2b;
    display: block;
    font-weight: 900;font-family: "Noto Sans",sans-serif;}

.processSlider .slick-dots li::after{top: 5px;position: relative;color: #2d2d2d; font-size: 15px;}
.processSlider .slick-dots li:nth-child(1):after{content:"Concept And Storyboards";}
.processSlider .slick-dots li:nth-child(2):after{content:"3D Modeling";}
.processSlider .slick-dots li:nth-child(3):after{content:"Texturing";}
.processSlider .slick-dots li:nth-child(4):after{content:"Rigging";}
.processSlider .slick-dots li:nth-child(5):after{content:"Animation";}
.processSlider .slick-dots li:nth-child(6):after{content:"Lighting";}
.processSlider .slick-dots li:nth-child(7):after{content:"Camera Setting";}
.processSlider .slick-dots li:nth-child(8):after{content:"Rendering";}
.processSlider .slick-dots li:nth-child(9):after{content:"Compositing And Special VFX";}
.processSlider .slick-dots li:nth-child(10):after{content:"Music And Foley";}
.processSlider .slick-dots li:nth-child(11):after{content:"Editing And Final Output";}
@media(max-width:991px){
    .mod-working .working-circle {
        position: absolute;
        left: -45% !important;
        top: -30% !important;
        width: 65% !important;
        height: 65% !important;
    }
}
.mod-working .working-circle {
    position: absolute;
    left: -45%;
    top: -30%;
    width: 80%;
    height: 80%;
}
.working-slide-text p {
    width: 70%;
    margin: auto !important;
}
@media (min-width:1700px) and (max-width:1799.98px) {
	.mainNavigation ul li a span {
		font-size: 1.1875em
	}
}

@media (min-width:1600px) and (max-width:1699.98px) {
	div .register-btn {
	}
	div .register-btn span {
		padding: 0
	}
	
}

@media (min-width:1400px) and (max-width:1599.98px) {
	.register-btn {
		
	}
	.register-btn span {
		padding: 0
	}
	.fixed-header .register-btn {

	}
	.fixed-header .register-btn span {
		padding: 0
	}
	.fixed-header .register-btn i {
		position: relative;
	}
	.mainNavigation ul li a {

	}
	.portfolio #portfolio-flters li, .packagesec .packagewrap .tab-custom .tabbing-links li
	{padding: 14px !important;}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	header .dropDown ul li a img {width: 90px !important; height:90px ;}
	header .dropDown ul li a span.head {font-size: 13px !important;}
	div .register-btn {
	}
	div .register-btn span {
		padding: 0 0 .1875em
	}
	div .register-btn i {
		top: -.0625em
	}
	header .dropDown ul li{padding:0 !important;}
	.fixed-header .register-btn {
	}
	.fixed-header .register-btn i {
		position: relative;
		top: -.125em
	}
	.mainNavigation ul li a {
		padding: 22px 10px
	}
	.mac .benefits-content {
		padding-right: 5%
	}
	.packwrap-slider .slick-list{width: 80% !important;}
	.service-banner{height: 800px !important;}
	.portfolio #portfolio-flters li,.packagesec .packagewrap .tab-custom .tabbing-links li{padding: 14px !important; font-size: 14px !important;}
}

@media (min-width:1024px) {
	.register-btn {
		/* -webkit-border-radius: 50px;*/
		/*-moz-border-radius: 50px;*/
		/*-o-border-radius: 50px;*/
		-ms-border-radius: 50px;
		/* border-radius: 50px; */
		/* margin-left: 1.125em; */
		/* padding: .4375em 1.125em; */
	}
	/*.register-btn i {
		position: relative;
		top: 0px;
	}*/
	.register-btn:focus,
	.register-btn:hover {
		text-decoration: none;
		/*color: #2d2d2d*/
	}
	.header-wrap {
		display: block
	}
	.header-wrap header {
		position: relative
	}
	.header-wrap .mainNavigation ul li a {
		/*color: #e548b6*/
	}
	.header-wrap .mainNavigation ul li.active a {
		color: #2d2d2d;
		padding-left: 1.5625em;
		padding-right: 1.5625em
	}
	.header-wrap .lang-arabic {
		color: #e74c3c
	}
	.header-wrap .lang-arabic:after {
		background: #e74c3c
	}
	.header-wrap .lang-sep {
		color: #e74c3c
	}
	.header-wrap .lang-english {
		color: #e74c3c
	}
	.header-wrap .lang-english:after {
		background: #e74c3c
	}
	.mainNavigation ul li a:hover, .langNav li a:hover{
		color: #e74c3c;
	}
	.mainNavigation ul li a:hover:after {
		width: 100%
	}
	.lang-arabic:hover,
	.lang-english:hover {
		color: #000
	}
	.lang-arabic:hover:after,
	.lang-english:hover:after {
		width: 60%
	}
	.header-wrap .lang-arabic:hover,
	.header-wrap .lang-english:hover {
		color: #e74c3c
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	/*.register-btn {*/
	/*	padding: 11px 20px;*/
	/*}*/
	.register-btn span {
		padding: 0 0 .1875em
	}
	.logo-wrap{padding: 0 0px 0 40px;}
	#menuTrigger{top: 35px !important;}
	ul.keyFeatures li{padding: 35px 10px 30px !important;}
	.ctasec .ctawrap .figcta img {width: 100%;}

.hero-text-slider h2{font-size: 42px !important;}
.hero-text-slider p{font-size: 16px!important;
    /*padding: 0;*/}
    .social-list{top: 65%!important;}
  
	.packwrap-slider .slick-list{}
	header {
		/*padding: 1.25em;*/
		/*background: #fff;*/
		position: relative
	}
	.globe-icon,
	.lang-english,
	.lang-sep {
		display: none
	}
	.lang-arabic {
		font-size: 1em;
		background: #e74c3c;
		/* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);
		height: 3.5625em;
		padding: .375em 1.875em;
		text-align: center;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		-ms-border-radius: 8px;
		border-radius: 30px
	}
	.lang-arabic span {
		font-size: 1.5em;
		display: block
	}
	.mainNavigation {
		position: fixed;
		right: 0;
		top: 0;
		background: #fff;
		width: 0%;
		height: 100vh;
		overflow-y: scroll;
		z-index: 99;
		padding: 9.375em 0 0 0;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		visibility: hidden;
		opacity: 0
	}
	.mainNavigation ul {
		display: block
	}
	.mainNavigation ul li {
		display: block;
		margin: 0
	}
	.mainNavigation ul li a {
		font-size: 1.5em;
		padding: .9375em;
		white-space: nowrap;
		color: #3c3c3c;
		border-bottom: solid 1px #e6e6e6
	}
	.mainNavigation ul li a:after {
		background: #e74c3c;
		/* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0
	}
	.mainNavigation ul li.active a {
		color: #2d2d2d
	}
	.mainNavigation ul li.active a:after {
		width: 100%
	}
	.nav-align {
		justify-content: flex-end
	}
	.open-html .mainNavigation {
		width: 40%;
		opacity: 1;
		visibility: visible
	}
	.mobile-follow-us {
		display: block
	}
}
@media (min-width:992px) and (max-width:1200px) {
  	.mainNavigation {
		position: fixed;
		right: 0;
		top: 0;
		background: #fff;
		width: 0%;
		height: 100vh;
		overflow-y: scroll;
		z-index: 99;
		padding: 9.375em 0 0 0;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		visibility: hidden;
		opacity: 0
	}
	.mainNavigation ul {
		display: block
	}
	.mainNavigation ul li {
		display: block;
		margin: 0
	}
	.mainNavigation ul li a {
		font-size: 1.5em;
		padding: .9375em;
		white-space: nowrap;
		color: #3c3c3c;
		border-bottom: solid 1px #e6e6e6
	}
	.mainNavigation ul li a:after {
		background: #e74c3c;
		/* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0
	}
	.mainNavigation ul li.active a {
		color: #2d2d2d
	}
	.mainNavigation ul li.active a:after {
		width: 100%
	}
	.nav-align {
		justify-content: flex-end
	}
	.open-html .mainNavigation {
		width: 40%;
		opacity: 1;
		visibility: visible
	}
	.mobile-follow-us {
		display: block
	}  
}

@media (min-width:768px) and (max-width:991.98px) {
	.register-btn {
		margin-top: 12px;
	}
	.hero-image-slider video{width:100%;}
	.whylist{width:50%;}
	.whychooseus .midfigure img{display:none;}
	.register-btn span {
		padding: 0 0 .1875em
	}
	.langNav ul{display: none;}
	.logo-wrap{padding: 0 0px 0 60px;}
	.packagesec .packagewrap .tab-custom .tabs .packwrap .item h3{font-size: 22px !important;}
	header {
		padding: 0 0 5px 0;
		/*background: #fff;*/
		position: relative
	}
	.globe-icon,
	.lang-english,
	.lang-sep {
		display: none
	}
	.lang-arabic {
		font-size: 1em;
		background: #e74c3c;
		/* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);
		height: 3.5625em;
		padding: .375em 1.875em;
		text-align: center;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		-ms-border-radius: 8px;
		border-radius: 30px
	}
	.lang-arabic span {
		font-size: 1.5em;
		display: block
	}
	.mainNavigation {
		position: fixed;
		right: 0;
		top: 0;
		background: #fff;
		width: 0%;
		height: 100vh;
		overflow-y: scroll;
		z-index: 99;
		padding: 9.375em 0 0 0;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		opacity: 0;
		visibility: hidden
	}
	.mainNavigation ul {
		display: block
	}
	.mainNavigation ul li {
		display: block;
		margin: 0
	}
	.mainNavigation ul li a {
		font-size: 1.5em;
		padding: .9375em;
		white-space: nowrap;
		color: #3c3c3c;
		border-bottom: solid 1px #e6e6e6
	}
	.mainNavigation ul li a:after {
		background: #e74c3c;
		/* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0
	}
	.mainNavigation ul li.active a {
		color: #2d2d2d
	}
	.mainNavigation ul li.active a:after {
		width: 100%
	}
	.nav-align {
		justify-content: flex-end
	}
	.open-html .mainNavigation {
		width: 40%;
		opacity: 1;
		visibility: visible
	}
	.mobile-follow-us {
		display: block
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.register-btn {
		padding-top: .5625em;
		margin-left: .9375em
	}
	.register-btn span {
		padding: 0 0 .1875em
	}
	header {
		position: relative;
		padding: 1.25em;
		background: #fff
	}
	.doh-logo,
	.globe-icon,
	.lang-english,
	.lang-sep,
	.line-sep {
		display: none
	}
	.lang-arabic {
		display: none
	}
	.mobile-follow-us {
		display: block
	}
	.mobile-lang {
		display: block
	}
	.mainNavigation {
		position: fixed;
		right: 0;
		top: 0;
		background: #fff;
		width: 0%;
		height: 100vh;
		overflow-y: scroll;
		z-index: 99;
		padding: 7.5em 0 0 0;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		opacity: 0;
		visibility: hidden
	}
	.mainNavigation ul {
		display: block;
		margin: 0 0 3.125em 0
	}
	.mainNavigation ul li {
		display: block;
		margin: 0
	}
	.mainNavigation ul li a {
		font-size: 1.5em;
		padding: .9375em;
		white-space: nowrap;
		color: #3c3c3c;
		border-bottom: solid 1px #e6e6e6
	}
	.mainNavigation ul li a:after {
		background: #ff00d3;
		background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%);
		background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%);
		background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0
	}
	.mainNavigation ul li.active a {
		color: #2d2d2d
	}
	.mainNavigation ul li.active a:after {
		width: 100%
	}
	.nav-align {
		justify-content: flex-end
	}
	.open-html .mainNavigation {
		width: 100%;
		opacity: 1;
		visibility: visible
	}
	.doh-logo-mobile {
		display: block
	}
}

@media (max-width:575.98px) {
	.register-btn {
		margin-left: 0;
		/*padding: .625em*/
	}
	.register-btn span {
		padding: 0 0 .1875em
	}
	header {
		position: relative;
		padding: 1.25em;
		background: #fff
	}
	.doh-logo,
	.globe-icon,
	.lang-english,
	.lang-sep,
	.line-sep {
		display: none
	}
	.lang-arabic {
		display: none
	}
	.mobile-follow-us {
		display: block
	}
	.mobile-lang {
		display: block
	}
	.mainNavigation {
		position: fixed;
		right: 0;
		top: 0;
		background: #fff;
		width: 0%;
		height: 100vh;
		overflow-y: scroll;
		z-index: 99;
		padding: 7.5em 0 0 0;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		opacity: 0;
		visibility: hidden
	}
	.mainNavigation ul {
		display: block;
		margin: 0 0 3.125em 0
	}
	.mainNavigation ul li {
		display: block;
		margin: 0
	}
	.mainNavigation ul li a {
		font-size: 1.5em;
		padding: .9375em;
		white-space: nowrap;
		color: #3c3c3c;
		border-bottom: solid 1px #e6e6e6
	}
	.mainNavigation ul li a:after {
		background: #ff00d3;
		background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%);
		background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%);
		background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0
	}
	.mainNavigation ul li.active a {
		color: #2d2d2d
	}
	.mainNavigation ul li.active a:after {
		width: 100%
	}
	.nav-align {
		justify-content: flex-end
	}
	.open-html .mainNavigation {
		width: 100%;
		opacity: 1;
		visibility: visible
	}
	.doh-logo-mobile {
		display: block
	}
}

@media (max-width:320px) {
	/*.register-btn {*/
	/*	padding: .625em .125em*/
	/*}*/
}

.hero-banner {
	/*height: 100vh;*/
    position: relative;
    padding: 10.9375em 0 1.3125em 0;
    /*background: url(../images/hero-banner2.jpg) no-repeat top center;*/
    background-size: cover;
}


.hero-banner .slide-date,
.hero-banner h1,
.hero-banner h2,
.hero-banner h3,
.hero-banner h4,
.hero-banner h5,
.hero-banner h6,
.hero-banner p {
	color: #000;
}

.hero-image-slider {
	overflow: hidden
}

.hero-image-slider img {

	width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 9;
}
.hero-banner .video-overlay{
    position: absolute;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.hero-image-slider .slick-slide {
	position: relative;
}

.hero-image-slider .slick-slide .play-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: 0 0;
	overflow: hidden;
	border: 5px solid #fff;
	width: 6.25em;
	height: 6.25em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%
}

.hero-image-slider .slick-slide .play-icon:before {
	content: '';
	background: #e74c3c;
	/* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
	/* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
	/* background: linear-gradien t(90deg, #ff1313 0, #ff00d3 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.hero-image-slider .slick-slide .play-icon img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .3125em;
	right: 0;
	z-index: 1;
	width: 1.875em;
	height: 1.875em;
	margin: auto
}

.hero-text-slider .slide-date {
	font-size: 1.25em;
	font-weight: 700;
	display: block;
	margin: 0 0 .3125em 0;
	letter-spacing: .0625em
}

.hero-text-slider .text-slide {
	padding: 0 12% 5.25em 10%;
}
.hero-text-slider .text-slide a{display: inline-block; vertical-align: middle;margin-right: 10px;}
.hero-text-slider .text-slide a.mb-display{display: none;}

.hero-text-slider .text-slide.download-btns {
	padding-top: 0
}

.hero-text-slider .text-slide.download-btns a img {
	display: inline-block;
	max-width: 30%
}

.hero-text-slider .text-slide.download-btns a+a {
	margin-left: 1.875em
}

.hero-text-slider p {
	font-size: 16px;
    letter-spacing: 1px;
}

.hero-text-slider h1 {
	font-size: 25px;
	margin: 0 0 20px 0;
	font-weight: 500;
    line-height: 1.1;
    letter-spacing: -1px;
}

.hero-text-slider h6 {
	margin: 0 0 .625em 0;
	text-transform: uppercase
}

.hero-text-slider h6.featured-event-label {
	margin-bottom: 2.8125em
}

.hero-text-slider .slick-dots {
	text-align: left;
	bottom: 0;
	padding-left: 12%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(0, 30px);
	-moz-transform: translate(0, 30px);
	-o-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px)
}

.hero-text-slider .slick-dots li {
	margin: 0 0 0 .625em;
	width: auto;
	height: auto
}

.hero-text-slider .slick-dots li.slick-active button {
	width: 3.75em;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-o-border-radius: 26px;
	-ms-border-radius: 26px;
	border-radius: 26px;
	-webkit-box-shadow: 3px 4px 5px 0 rgba(255, 11, 100, .36);
	-moz-box-shadow: 3px 4px 5px 0 rgba(255, 11, 100, .36);
	box-shadow: 3px 4px 5px 0 hwb(0deg 4% 0% / 64%);
}

.hero-text-slider .slick-dots li button {
	font-size: 1em;
	padding: 0;
	width: .375em;
	height: .375em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background: #e74c3c;
}

.hero-text-slider .slick-dots li button:before {
	display: none
}

.hero-text-slider .slick-dots li:only-child {
	display: none
}
.follow-us{
	position: absolute;
	right: auto;
	left: -75px;
	top: 45%;
	color: #000;
	white-space: nowrap;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: right top;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: right top;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: right top;
	-o-transform: rotate(270deg);
	-o-transform-origin: right top;
	transform: rotate(270deg);
	transform-origin: right top;
	padding-right: 30px;
}
.social-list {
	position: absolute;
	right: auto;
	left: -115px;
	top: 45%;
	color: #000;
	white-space: nowrap;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: right top;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: right top;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: right top;
	-o-transform: rotate(270deg);
	-o-transform-origin: right top;
	transform: rotate(-270deg);
	transform-origin: right top;
}
.social-list a{position: relative;display: inline-block;color: #000;padding: 0px 12px;top: -18px;}
.social-list a i {
	width: 20px;
	height: 16px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	transform: rotate(-90deg);
}
.social-list a.facebook:hover{color: #4267B2;}
.social-list a.instagram:hover{color: #fd5949;}
.social-list a.twitter:hover{color: #1DA1F2;}
.social-list a.linkedin:hover{color: #2867B2;}
.social-list a.pinterest:hover{color: #BD081C;}
.social-list a.youtube:hover{color: #FF0000;}

.scroll-to-see-more {
	width: 5em;
	height: 15.75em;
	position: absolute;
	right: 4%;
	bottom: 1.875em
}

.line-dot {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: .4375em;
	height: 100%
}

.line-dot span {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, .5)
}

.line-dot i {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: .4375em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: #fff
}

.scroll-text {
	display: block;
	position: absolute;
	right: 1.875em;
	top: 1.25em;
	white-space: nowrap;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: right top;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: right top;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: right top;
	-o-transform: rotate(270deg);
	-o-transform-origin: right top;
	transform: rotate(270deg);
	transform-origin: right top;
	color: #2d2d2d
}

.scroll-text span {
	position: relative;
	display: block
}

.mouse-circle {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 5em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	z-index: 3;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.mouse-circle i {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1.5625em;
	height: 2.25em
}

.banner-animate {
	position: relative;
	overflow: hidden;
	top: 50%;
	right:50px;
    transform: translateY(-50%);
}

.left-bg-effect {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: #fff;*/
	z-index: 8
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.hero-text-slider .text-slide {
		padding: 3.75em 18% 3.75em 8%
	}
	/*.banner-animate {
		height: 80%;
	}*/
	 .hero-banner{padding:104px 0 20px;}
    .hero-image-slider .slick-slide video{width:100%;}
    .bannerlogos .trustlogos{margin-top: 20px !important;}
    .mainNavigation ul li.hasmenu:hover .dropDown{padding: 15px 10px !important;}
    .service-banner .bannertext .bannerlist li{width:45% !important;}
    .ctasec .ctawrap .figcta img {/* width: 100%; */}
    .contc-info ul li.cntc-box1{padding: 0 30px !important;}
    .contc-info{padding: 40px 0px !important;}
    #hum-burgur-menu nav.side{padding: 4% 5% 5% !important;}
    .mainNavigation > ul > li > a{padding: 25px 8px !important;}
    .langNav li a{padding: 25px 8px;}
}

@media (min-width:1200px) {
	.hero-image-slider .slick-slide a:hover .play-icon:before {
		opacity: 1
	}
	.follow-us:hover {
		color: #2d2d2d
	}
	.follow-us:hover span:after {
		left: 0;
		right: auto;
		width: 100%
	}
	.mouse-circle:hover {
		-webkit-box-shadow: 0 0 45px 5px rgba(0, 0, 0, .19);
		-moz-box-shadow: 0 0 45px 5px rgba(0, 0, 0, .19);
		box-shadow: 0 0 45px 5px rgba(0, 0, 0, .19)
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.hero-banner {
		padding: 150px 0 50px 0;
    /*height: 100vh;*/
	}
	.hero-text-slider .text-slide {
		padding: 3.125em 8%
	}
	.hero-text-slider .slick-dots {
		padding-left: 8%
	}
	.scroll-to-see-more {
		display: none
	}
	.follow-us {
		display: none
	}
	.left-bg-effect {
		display: none
	}
	/*.banner-animate{height: 500px;}*/
}

@media (min-width:768px) and (max-width:991.98px) {
	.hero-banner {
		padding: 80px 0; 
		height: auto
	}
	.hero-text-slider .text-slide {
		padding: 3.125em 8%
	}
	.hero-text-slider .text-slide.download-btns a img {
		max-width: 14.0625em
	}
	.hero-text-slider .slick-dots {
		padding-left: 8%
	}
	.scroll-to-see-more {
		display: none
	}
	.follow-us {
		display: none
	}
	.left-bg-effect {
		display: none
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.hero-banner {
		padding: 60px 0;
		height: auto
	}
	.scroll-to-see-more {
		display: none
	}
	.hero-text-slider .text-slide {
		padding: 3.125em 4.375em 3.125em 3.125em
	}
	.hero-text-slider .slick-dots {
		padding-left: 3.125em
	}
	.follow-us {
		display: none
	}
	.left-bg-effect {
		display: none
	}
}

@media (max-width:575.98px) {
	.hero-banner {
		padding: 60px 0;
		height: auto
	}
	.scroll-to-see-more {
		display: none
	}
	.hero-text-slider .text-slide {
		padding: 50px 30px;
	}
	.hero-text-slider .text-slide.download-btns a img {
		max-width: 40%
	}
	.hero-text-slider .slick-dots {
		padding-left: 3.125em
	}
	.follow-us {
		display: none
	}
	.left-bg-effect {
		display: none
	}
}

.our-working {
	padding: 80px 0 80px 0;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.servicespg .our-working { background-color: #f2f2f2;}

.working-text-slider {
	margin: 3.125em 0
}

.working-tabs-slider {
	margin: auto;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	width: 84%;
	position: relative;
	left: 8%
}

.working-tabs-slider li {
	list-style: none;
	text-align: center;
	cursor: pointer;
	position: relative;
	padding: 0;
	width: 16.677%;
	border-top: solid 2px #2c2c2c;
}

.working-tabs-slider li .dot {
	position: absolute;
	left: -.3125em;
	top: -.625em;
	width: 1.1875em;
	height: 1.1875em;
	background: #e74c3c;
	/* background: #6281c6; Old browsers */
	/* background: -moz-linear-gradient(-45deg,  #6281c6 0%, #f441b4 100%); FF3.6-15 */
	/* background: -webkit-linear-gradient(-45deg,  #6281c6 0%,#f441b4 100%); Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(135deg,  #6281c6 0%,#f441b4 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c3c', endColorstr='#e74c3c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	z-index: 3;
}

.working-tabs-slider li.active .dot {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	background: #e74c3c; /* Old browsers */
	/* background: -moz-linear-gradient(-45deg,  #6281c6 0%, #f441b4 100%); FF3.6-15 */
	/* background: -webkit-linear-gradient(-45deg,  #6281c6 0%,#f441b4 100%); Chrome10-25,Safari5.1-6 */
	/* background: linear-gradien t(135deg,  #6281c6 0%,#f441b4 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c3c', endColorstr='#e74c3c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.working-tabs-slider li.active .working-slide-icon img.normal-img {
	opacity: 0
}

.working-tabs-slider li.active .working-slide-icon img.selected-img {
	opacity: 1;
	transition-delay: .5s
}

/*.working-tabs-slider li.active .working-slide-text {
	color: #3c3c3c
}*/

.working-tabs-slider li:last-child {
	border: none
}

.working-tabs-slider li:last-child .nav-progressbar {
	display: none
}

.working-slide-icon {
	position: relative;
	text-align: center;
	width: 4.6875em;
	height: 4.6875em;
	display: block;
	margin: 0 auto 1.875em auto
}

.working-slide-icon img {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	width: 100%;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}

.working-slide-icon img.selected-img {
	opacity: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.working-slide-text {
	font-size: 18px;
	color: #2b2b2b;
	display: block;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.working-slide-text p{font-size: 16px;font-weight: 400;color: #2b2b2b;}
.nav-progressbar {
	width: 100%;
	height: 2px;
	position: relative;
	display: block;
	top: -1px
}

.nav-progressbar .inProgress {
	background-image: -moz-linear-gradient(0deg, #55faa1 26%, #53ddf6 91%);
	background-image: #e74c3c;
	background-image: -ms-linear-gradient(0deg, #55faa1 26%, #53ddf6 91%);
	width: 0%;
	height: 100%;
}

.working-slide-content {
	position: relative;
	width: auto;
	text-align: center;
	left: -49%;
	padding: 1.875em 0 0 0
}

.working-circle {
	position: absolute;
	left: -55%;
	top: -30%;
	width: 100%;
	height: 100%;
}

@media (min-width:992px) and (max-width:1199.98px) {
	.our-working {
		padding: 7.5em 0
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.our-working {
		padding: 7.5em 0
	}
	.working-tabs-slider {
		width: 90%;
		left: 5%
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.our-working {
		padding: 4.375em 0
	}
	.working-tabs-slider {
		width: 100%;
		left: 0;
		margin: 3.125em 0!important
	}
	.working-tabs-slider li {
		width: 100%
	}
	.working-tabs-slider li .dot {
		left: 0;
		top: 0;
		right: 0;
		margin: auto;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		background: #e74c3c;
		/* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e74c3c", endColorstr="#e74c3c", GradientType=1)
	}
	.working-tabs-slider .slick-dots {
		bottom: -3.125em
	}
	.working-tabs-slider .slick-dots li {
		margin: 0 0 0 .625em;
		width: auto;
		height: auto
	}
	.working-tabs-slider .slick-dots li.slick-active button {
		width: 3.75em;
		-webkit-border-radius: 26px;
		-moz-border-radius: 26px;
		-o-border-radius: 26px;
		-ms-border-radius: 26px;
		border-radius: 26px;
		-webkit-box-shadow: 3px 4px 5px 0 rgba(255, 11, 100, .36);
		-moz-box-shadow: 3px 4px 5px 0 rgba(255, 11, 100, .36);
		box-shadow: 3px 4px 5px 0 rgba(255, 11, 100, .36)
	}
	.working-tabs-slider .slick-dots li button {
		font-size: 1em;
		padding: 0;
		width: .375em;
		height: .375em;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		background: #e74c3c;
		/* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e74c3c", endColorstr="#e74c3c", GradientType=1)
	}
	.working-tabs-slider .slick-dots li button:before {
		display: none
	}
	.working-slide-content {
		width: 100%;
		left: initial
	}
	.nav-progressbar {
		width: 100%;
		height: 2px;
		position: relative;
		display: block;
		top: .375em;
		background-image: -moz-linear-gradient(0deg, #55faa1 26%, #53ddf6 91%);
		background-image: -webkit-linear-gradient(0deg, #55faa1 26%, #53ddf6 91%);
		background-image: -ms-linear-gradient(0deg, #55faa1 26%, #53ddf6 91%)
	}
	.working-slide-icon img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
	.working-slide-icon img.normal-img {
		opacity: 0
	}
	.working-slide-icon img.selected-img {
		opacity: 1
	}
	.working-tabs-desktop {
		display: none
	}
}

@media (max-width:575.98px) {
	.our-working {
		padding: 60px 0 
	}
	.working-tabs-slider {
		width: 100%;
		left: 0;
		margin: 0 0 3.125em 0!important
	}
	.working-tabs-slider li {
		width: 100%
	}
	.working-tabs-slider li .dot {
		left: 0;
		top: 0;
		right: 0;
		margin: auto;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		background: #e74c3c;
		/* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
		/* background: linear-gradien t(90deg, #ff1313 0, #ff00d3 100%); */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e74c3c", endColorstr="#e74c3c", GradientType=1);
		display: none;
	}
	.working-tabs-slider .slick-dots {
		bottom: -3.125em
	}
	.working-tabs-slider .slick-dots li {
		margin: 0 0 0 .625em;
		width: auto;
		height: auto;
		border: none;
	}
	.working-tabs-slider .slick-dots li.slick-active button {
		opacity: 1;
		-webkit-border-radius: 26px;
		-moz-border-radius: 26px;
		-o-border-radius: 26px;
		-ms-border-radius: 26px;
		border-radius: 26px;
		-webkit-box-shadow: 3px 4px 5px 0 rgba(255, 11, 100, .36);
		-moz-box-shadow: 3px 4px 5px 0 rgba(255, 11, 100, .36);
		box-shadow: 3px 4px 5px 0 rgba(255, 11, 100, .36)
	}
	.working-tabs-slider .slick-dots li button {
		font-size: 1em;
		padding: 0;
		width: 15px;
		height: 15px;
		opacity: .25;;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		background: #e74c3c;
    /* background: -moz-linear-gradient(-45deg, #6281c6 0%, #f441b4 100%); */
    /* background: -webkit-linear-gradient(-45deg, #6281c6 0%,#f441b4 100%); */
    /* background: linear-gradient(135deg, #6281c6 0%,#f441b4 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c3c', endColorstr='#e74c3c',GradientType=1 );
	}
	.working-tabs-slider .slick-dots li button:before {
		display: none
	}
	.working-slide-content {
		width: 100%;
		left: initial
	}
	.nav-progressbar {
		width: 100%;
		height: 2px;
		position: relative;
		display: none;
		top: .375em;
		background-image: -moz-linear-gradient(0deg, #55faa1 26%, #53ddf6 91%);
		background-image: -webkit-linear-gradient(0deg, #55faa1 26%, #53ddf6 91%);
		background-image: -ms-linear-gradient(0deg, #55faa1 26%, #53ddf6 91%);
	
	}
	.working-slide-icon img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
	.working-slide-icon img.normal-img {
		opacity: 0
	}
	.working-slide-icon img.selected-img {
		opacity: 1
	}
	.working-tabs-desktop {
		display: none
	}
}


.video-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 43.75em;
	height: 31.25em
}

.video-wrap video {
	position: absolute;
	left: 0;
	bottom: -.625em;
	border: none;
	width: 100%
}

.video-wrap img {
	display: none
}



@media (min-width:992px) and (max-width:1199.98px) {
	
	.video-wrap {
		display: block
	}
	.video-wrap video {
		display: none
	}
	.video-wrap img {
		display: block
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	
	.video-wrap {
		display: block
	}
	.video-wrap video {
		display: none
	}
	.video-wrap img {
		display: block
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	
	.video-wrap {
		display: none
	}
	.video-wrap video {
		display: none
	}
	.video-wrap img {
		display: block
	}
}

@media (max-width:575.98px) {
	
	.video-wrap {
		display: none
	}
	.video-wrap video {
		display: block
	}
	.video-wrap img {
		display: none
	}
}


.rotating-circle {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.rotating-circle .rotating-round {
	position: absolute;
	height: 100%;
	width: 100%
}

.rotating-circle .rotating-round img {
	width: 100%;
	height: 100%
}

@media (min-width:576px) and (max-width:767.98px) {
	.rotating-circle {
		display: none
	}
}

@media (max-width:575.98px) {
	.rotating-circle {
		display: none
	}
}

.close-form-btn {width: 3.5625em;height: 3.5625em;z-index: 101;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;color: #2d2d2d;margin: 0 0 0 3.125em;position: fixed;top: 3.4375em;right: 4.375em;background: #e74c3c;text-align: center;}

.close-form-btn i {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1.625em;
	height: 1.625em
}
.close-form-btn i img{width:100%;height:auto;}
.close-form-btn:before {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	top: 0;
	content: '';
	border: solid 2px #e74c3c;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	height: 100%;
	width: 100%;
	opacity: 0
}

.close-form-btn:focus,
.close-form-btn:hover {
	text-decoration: none
}
.idea-form-opened:before {
    content: "";
    background: #0000009c;
    backdrop-filter: blur(4px);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all .9s;
}
.idea-form-sec {
	position: fixed;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 11;
	background: #fff;
	z-index: 100;
	transform: translate(100%, 0px);
	-moz-transform: translate(100%, 0px);
	-webkit-transform: translate(100%, 0px);
	-ms-transform: translate(100%, 0px);
}

.idea-form-sec .form-scroll {
    height: 100%;
    width: 100%;
	overflow: auto
}

.idea-form-sec .form-scroll .form-wrapper {
	padding: 100px 80px 40px 60px;
}

.ie .idea-form-sec .form-scroll .form-wrapper,
.ie11 .idea-form-sec .form-scroll .form-wrapper {
	height: 100vh;
	overflow: auto
}

@media (min-width:1200px) {
	.close-form-btn:hover:before {
		-webkit-transform: scale(1.25);
		-moz-transform: scale(1.25);
		-ms-transform: scale(1.25);
		-o-transform: scale(1.25);
		transform: scale(1.25);
		opacity: 1
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.close-form-btn {
		/*top: 30px*/
	}
	.idea-form-sec {
		padding: 0
	}
	.idea-form-sec .form-scroll .form-wrapper {
		padding: 7.5em 3.125em
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.idea-form-sec {
		width: 100%;
		padding: 0
	}
	.idea-form-sec .form-scroll .form-wrapper {
		padding: 7.5em 3.125em
	}
	.close-form-btn {
		top: 30px
	}
}

@media (max-width:575.98px) {
	.idea-form-sec {
		width: 100%;
		padding: 7.5em 1.875em 0
	}
	.idea-form-sec .form-scroll .form-wrapper {
		padding: 7.5em 3.125em
	}
	.close-form-btn {
		top: 30px
	}
}



.back-top {
	display: inline-block;
	position: relative;
	cursor: pointer
}

.back-top i {
	width: 4.375em;
	height: 4.375em;
	margin: 0 auto .3125em;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: #5dd1fd;
	background: -moz-linear-gradient(left, #5dd1fd 0, #a095fb 100%);
	background: -webkit-linear-gradient(left, #5dd1fd 0, #a095fb 100%);
	background: linear-gradient(to right, #5dd1fd 0, #a095fb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dd1fd', endColorstr='#a095fb', GradientType=1)
}

.back-top i img {
	position: relative;
	top: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}

.back-top span {
	color: #2d2d2d;
	text-transform: uppercase;
	display: inline-block;
	font-size: .8125em;
	letter-spacing: .1875em;
	margin: .9375em 0 3.4375em
}

.back-top:focus,
.back-top:hover {
	text-decoration: none
}

@-webkit-keyframes reverse-forward {
	0% {
		top: 0
	}
	50% {
		top: -.625em
	}
	100% {
		top: 0
	}
}

@keyframes reverse-forward {
	0% {
		top: 0
	}
	50% {
		top: -.625em
	}
	100% {
		top: 0
	}
}

@-webkit-keyframes footer-animation {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@-moz-keyframes footer-animation {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@-o-keyframes footer-animation {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes footer-animation {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@media (min-width:1200px) {
	
	.back-top:hover i img {
		-webkit-animation: reverse-forward 1.5s infinite;
		-o-animation: reverse-forward 1.5s infinite;
		animation: reverse-forward 1.5s infinite
	}
}

.top-bg-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.top-bg-wrapper .left-bg-white {
	position: absolute;
	left: 0;
	top: 0;
	width: 38%;
	height: 100%;

}

.top-bg-wrapper .right-bg-primary {
	position: absolute;
	right: 0;
	top: 0;
	width: 62%;
	height: 100%;
	background: #e74c3c;
	/* background: -moz-linear-gradient(-31deg, #61a6d9 0, #bd77b0 100%); */
	/* background: -webkit-linear-gradient(-31deg, #61a6d9 0, #bd77b0 100%); */
	/* background: linear-gradient(-31deg, #61a6d9 0, #bd77b0 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#AF86FF", endColorstr="#4ADBFF", GradientType=1);
	overflow: hidden;
}

.top-bg-wrapper .right-bg-primary .rotating-circle {
	width: 100%;
	height: 130%;
	top: auto;
	bottom: -10%;
	right: 0
}

@media (min-width:768px) and (max-width:991.98px) {
	.top-bg-wrapper .left-bg-white {
		display: none
	}
	.top-bg-wrapper .right-bg-primary {
		width: 100%
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.top-bg-wrapper .left-bg-white {
		display: none
	}
	.top-bg-wrapper .right-bg-primary {
		width: 100%
	}
}

@media (max-width:575.98px) {
	.top-bg-wrapper .left-bg-white {
		display: none
	}
	.top-bg-wrapper .right-bg-primary {
		width: 100%
	}
}

.menu-btn {
	width: 3.5625em;
	height: 3.5625em;
	position: relative;
	display: block
}

.menu-open {
	width: 100%;
	height: 100%;
	z-index: 9999999;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	background: #e74c3c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0
}

.menu-open span {
	display: block;
	position: absolute;
	width: 60%;
	height: 2px;
	background: #fff;
	opacity: 1;
	left: 20%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out
}

.menu-open span:nth-child(1) {
	top: 1.125em
}

.menu-open span:nth-child(2),
.menu-open span:nth-child(3) {
	top: 1.6875em
}

.menu-open span:nth-child(4) {
	top: 2.25em
}

.menu-open.click span:nth-child(1) {
	top: 1.3125em;
	width: 0%;
	left: 50%
}

.menu-open.click span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.menu-open.click span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.menu-open.click span:nth-child(4) {
	top: 1.875em;
	width: 0%;
	left: 50%
}

@media (min-width:992px) and (max-width:1199.98px) {
	.menu-btn {
		display: block;
		margin-left: .9375em
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.menu-btn {
		display: block;
		margin-left: .9375em
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.menu-btn {
		display: block;
		margin-left: .9375em
	}
}

@media (max-width:575.98px) {
	.menu-btn {
		display: block;
		margin-left: .9375em
	}
}

@media (max-width:320px) {
	.menu-btn {
		display: block;
		margin-left: .3125em
	}
}

.form-wrapper {
	position: relative
}

.form-wrapper h3 {
	font-size: 2em;
	color: #2d2d2d;
	font-weight: 400;
}

.form-wrapper h5 {
	font-family: "Noto Sans", sans-serif;
	font-weight: 500
}

.form-wrapper .legend {
	color: #4c4c4c;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 10px;
}

.form-wrapper .with-sterik {
	padding-left: .625em;
	position: relative
}

.form-wrapper .with-sterik:before {
	content: '*';
	color: #e74c3c;
	position: absolute;
	left: 0
}

.form-wrapper ::placeholder {
	font-style: italic
}

.form-wrapper :-ms-input-placeholder {
	font-style: italic
}

.form-wrapper ::-ms-input-placeholder {
	font-style: italic
}

.form-wrapper .thanks {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #fff;
	text-align: center
}

.form-wrapper .thanks .thanks-inner {
	position: absolute;
	top: 13.75em;
	height: 110px;
	width: 100%;
	margin: auto 0
}

.form-wrapper .thanks .thanks-inner h3 {
	margin: 0 0 10px 0
}

.form-wrapper .thanks .thanks-inner p {
	margin: 0
}

.form-wrapper .loader {
	top: 14.375em
}

.form-wrapper .loading:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #fff
}

.form-wrapper .form-control-feedback {
	right: 1px
}

textarea {
	resize: none
}

textarea.form-control,
textarea.inputfile {
	height: 170px !important;
	resize: none;padding-top: 10px;
}

.loader-box {
	height: 9.375em;
	position: relative
}

.loader {
	min-width: 100px;
	padding-top: 60px;
	color: #2d2d2d;
	width: auto!important;
	height: auto!important;
	text-align: center;
	font-style: normal;
	display: block;
	font-size: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	z-index: 1000;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.loader:before {
	content: '';
	width: 50px;
	height: 50px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, .66)
}

.loader:after {
	content: '';
	width: 50px;
	height: 50px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	-webkit-animation: loader .6s linear;
	animation: loader .6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: #e74c3c transparent transparent;
	border-style: solid;
	border-width: .2em;
	box-shadow: 0 0 0 1px transparent
}

@-webkit-keyframes loader {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loader {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.form-control,
.inputfile {
	width: 100%;
	height: 60px;
	border-radius: 10px;
	border: none;
	background-color: #f2f2f2;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.09);
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0 0 25px;
	font-size: 15px;
	border: 1px solid #f2f2f2;
	color: #2b2b2b;
}

.form-control:focus,
.inputfile:focus {
	box-shadow: none;
	background: #f2f2f2;
	border-color: #f2f2f2;
}

.form-group {
	position: relative;
	margin: 0 5px;
	/* width: 93%; */
	margin: 0 48px 0 5px;
}
.form-group.col6{width: 45%;display: inline-block;margin: 0 5px;vertical-align: top;}
.form-group .select-dropdown {
    position: relative;
    background: transparent;
    /* z-index: 2; */
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
.form-group .select-dropdown:after {
    position: absolute;
    content: "\e951";
    font-family: 'icomoon' !important;
    font-size: 12px;
    bottom: 18px;
    right: 10px;
    color: #717171;
    font-weight: 100;
}


.form-group fieldset {
	position: relative
}

.form-group fieldset[data-scrollbar] {
	border: 1px solid #ced4da;
	background: #fff;
	-webkit-border-radius: 1.25em;
	-moz-border-radius: 1.25em;
	border-radius: 1.25em;
	height: 13.125em;
	margin-bottom: 1.875em
}

.form-group fieldset[data-scrollbar] .autogrow-mirror {
	top: 0;
	padding: 0!important
}

.form-group fieldset[data-scrollbar] textarea {
	margin-bottom: 0;
	border: transparent
}

.form-group fieldset.active label {
	display: none
}

.form-group fieldset.active label+textarea {
	padding-top: .9375em
}

.form-group fieldset.active[data-scrollbar] .autogrow-mirror {
	top: 0;
	padding: .9375em!important
}

.form-group fieldset label {
	position: absolute;
	top: 20px;
	left: .9375em;
	z-index: 1;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.form-group fieldset label+textarea {
	padding-top: 3.75em;
	font-size: 1.125em;
	min-height: 11.25em;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.form-group label {
	color: #2b2b2b;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 10px;
}

.form-group .submit-btn {
	min-width: 180px;
}

.form-group .submit-btn span {
	font-weight: 700;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	font-size: 16px;
}

.form-group .submit-btn .form-btn-icon {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	position: absolute;
	right: .9375em;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1.625em;
	height: .8125em
}

.form-group .submit-btn .form-btn-icon img {
	vertical-align: top
}

.form-group.has-error .form-control,
.form-group.has-error .inputfile,
.form-group.has-error fieldset[data-scrollbar] {
	border-color: #dc3545
}

.form-group.has-error fieldset[data-scrollbar] .form-control,
.form-group.has-error fieldset[data-scrollbar] .inputfile {
	border-color: transparent
}

.form-group.has-error .checkbox label {
	color: #e74c3c
}

.form-group.has-error .checkbox label:before {
	border-color: #e74c3c
}

.form-group.has-error .radio label {
	color: #e74c3c
}

.form-group.has-error .radio label:before {
	border-color: #e74c3c
}

.form-group.has-error .radio label:after {
	color: #e74c3c
}

.form-group.has-error .bootstrap-select>.dropdown-toggle {
	background: rgba(255, 8, 140, .37)
}

.form-group.has-success .form-control,
.form-group.has-success .inputfile,
.form-group.has-success fieldset[data-scrollbar] {
	border-color: #af86ff
}

.form-group.has-success fieldset[data-scrollbar] .form-control,
.form-group.has-success fieldset[data-scrollbar] .inputfile {
	border-color: transparent
}

.form-group.has-success .bootstrap-select>.dropdown-toggle {
	background: rgba(0, 128, 0, .37)
}

.form-group.has-success .checkbox label {
	color: green
}

.form-group.has-success .checkbox label:before {
	border-color: green
}

.form-group.has-success .checkbox label:after {
	background: 0 0
}

.form-group.has-success .radio label {
	color: green
}

.form-group.has-success .radio label:before {
	border-color: green
}

.form-group.has-success .radio label:after {
	background: green
}

.file-box {
	position: relative
}

.file-input-wrapper {
	padding-right: 7.1875em
}

.file-input-name {
	position: absolute;
	left: .5em;
	top: 2.375em;
	z-index: 999
}

@media (min-width:1200px) {
	.form-group .submit-btn:hover .form-btn-icon {
		right: .625em
	}
}

@media (max-width:1199.98px) {
	.close-form-btn {
		/*margin-left: .9375em;*/
		/*top: 24px;*/
		/*right: 63px*/
	}
	.idea-form-sec {
		width: 70%;
		padding: 4em 6.5em 0
	}
	.idea-form-sec .form-scroll .form-wrapper {
		padding: 0 0 1.875em
	}
}

@media (max-width:767.98px) {
	.idea-form-sec {
		width: 80%;
		padding: 7.5em 4.375em
	}
	.idea-form-sec .form-scroll .form-wrapper {
		padding: 0
	}
	.close-form-btn {
		top: 30px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.form-group {
		padding: 0
	}
	.form-control,
	.inputfile {
		padding: 0 .9375em
	}
}

@media (max-width:575.98px) {
	.form-group fieldset label {
		left: .8125em
	}
	.form-wrapper h3 {
		font-size: 2em
	}
	.form-group {
		padding: 0
	}
	.form-control,
	.inputfile {
		padding: 0 .9375em
	}
}

.mobileText {
	display: none
}

@media screen and (min-width:500px) and (max-width:767px) and (orientation:landscape) {
	body {
		overflow: hidden!important
	}
	body .mobileText {
		margin: 0;
		padding: 0;
		color: #2d2d2d;
		text-align: center;
		font-size: 1.25em;
		line-height: 1.375em;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 999999;
		height: 100vh;
		overflow: hidden;
		background: #e74c3c;
		display: table
	}
	body .mobileText i {
		position: absolute;
		left: 0;
		top: auto;
		right: 0;
		margin: auto;
		font-size: 3em;
		bottom: 5%;
		height: 1.875em;
		width: 1.875em
	}
	body .mobileText p {
		vertical-align: middle;
		display: table-cell;
		color: #2d2d2d
	}
	body .mobileText a.logo {
		position: absolute;
		top: 3.125em;
		left: 0;
		right: 0;
		text-align: center;
		margin: auto;
		width: 10em
	}
	body .mobileText a.logo img {
		margin: 0 auto
	}
	body #nav-icon3 {
		display: none
	}
}

@media screen and (max-device-width:767px) and (orientation:landscape) {
	.safari.orientation_landscape {
		overflow: hidden!important
	}
	.safari.orientation_landscape .mbileText {
		margin: 0;
		padding: 0;
		color: #2d2d2d;
		text-align: center;
		font-size: 1.5em;
		line-height: 1.25em;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 99999;
		height: 100vh;
		overflow: hidden;
		background: #e74c3c;
		display: table
	}
	.safari.orientation_landscape .mbileText i {
		position: absolute;
		left: 0;
		top: auto;
		right: 0;
		margin: auto;
		font-size: 3em;
		bottom: 5%;
		height: 1.875em;
		width: 1.875em
	}
	.safari.orientation_landscape .mbileText p {
		vertical-align: middle;
		display: table-cell;
		color: #2d2d2d
	}
	.safari.orientation_landscape .mbileText a.logo {
		position: absolute;
		top: 3.125em;
		left: 0;
		right: 0;
		text-align: center;
		margin: auto;
		width: 10em
	}
	.safari.orientation_landscape .mbileText a.logo img {
		margin: 0 auto
	}
	.safari.orientation_landscape #nav-icon3 {
		display: none
	}
}

@media (max-width:480px) and (orientation:portrait) {
	.mobileText {
		display: none
	}
}

.inputfile {
	display: block;
	position: relative
}

.inputfile .form-control-feedback {
	display: none!important
}

.inputfile .btn {
	font-size: .6875em;
	padding: .9375em 1.875em
}

.inputfile .upload-button {
	display: inline-block;
	position: absolute;
	right: .625em;
	cursor: pointer;
	top: .375em
}

.inputfile .upload-button input[type=file] {
	left: 0;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	cursor: pointer
}

.inputfile .previous-file {
	display: inline-block;
	width: 65%;
	overflow: hidden
}

.inputfile .previous-file .upload-button-link {
	margin-right: .25em;
	display: inline-block;
	direction: rtl;
	overflow: visible;
	height: 1.5em;
	text-align: left;
	white-space: nowrap;
	padding-top: 0;
	color: #000
}

.inputfile .previous-file .upload-button-link[href="#"] {
	cursor: default;
	text-decoration: none
}

.inputfile .previous-file .upload-button-remove {
	margin-right: .9375em;
	position: absolute;
	right: 8.4375em;
	top: 1.9375em;
	display: none
}

.inputfile .previous-file .upload-button-remove .remove-icon {
	display: inline-block
}

.inputfile .previous-file .upload-button-remove .restore-icon {
	display: none
}

.inputfile .previous-file.deleted .upload-button-link {
	color: #999;
	text-decoration: line-through
}

.inputfile .previous-file.deleted .upload-button-remove .remove-icon {
	display: none
}

.inputfile .previous-file.deleted .upload-button-remove .restore-icon {
	display: inline-block
}

@media (min-width:1600px) and (max-width:1699.98px) {
	.inputfile .upload-button {
		top: .5em
	}
}

@media (min-width:1400px) and (max-width:1599.98px) {
	.inputfile .upload-button {
		top: .625em
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.inputfile .upload-button {
		top: .6875em
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.inputfile .upload-button {
		top: .8125em
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.inputfile .upload-button {
		top: .8125em
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.inputfile {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.inputfile .upload-button {
		top: .6875em
	}
}

@media (max-width:575.98px) {
	.inputfile {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.inputfile .upload-button {
		top: .75em
	}
}

.logo img{width: 100px;}
.fixed-header .logo-wrap .logo img{width: 100px;}

.bannerlogos{ position: relative;z-index:999;}
.bannerlogos .trustlogos{
    font-size: 0;
    width: 100%;
    margin: 30px auto;
    text-align: center;

}
.bannerlogos .trustlogos li{
    padding: 0 5px;
    display: inline-block;
}
.bannerlogos .trustlogos li .tlogos{width: 150px;height: 50px;background: url(../images/sprite.png);display: inline-block;}
.bannerlogos .trustlogos li .tlogos.one{background-position: -6px 186px;}
.bannerlogos .trustlogos li .tlogos.two{background-position: -208px 186px;width: 125px;}
.bannerlogos .trustlogos li .tlogos.three{
    background-position: -378px 186px;
    width: 144px;
}
.bannerlogos .trustlogos li .tlogos.four{background-position: -596px 186px;width: 69px;}
.bannerlogos .trustlogos li .tlogos.five{background-position: -684px 186px;
    width: 130px;}
.bannerlogos .trustlogos li .tlogos.six{background-position: -832px 186px;
    width: 120px;}
.bannerlogos .trustlogos li .tlogos.seven{background-position: -964px 186px;
    width: 142px;}
.bannerlogos .trustlogos li .tlogos.eight{background-position: -1104px 186px;
    width: 142px;}

.clientelesec{padding: 60px 0;}
.clientlogos{
    display: inline-block;
    width: 100%;
    font-size: 0;
    margin-bottom: 0;
    margin-top: 40px;
    text-align: center;
}
.clientlogos li{
    display: inline-block;
    width: 20%;
}
.clientlogos li .clientss{
    width: 130px;
    height: 60px;
    background: url(../images/sprite.png);
    display: inline-block;
}
.clientlogos li .clientss.one{
    background-position: 6px 0;
}
.clientlogos li .clientss.two{
    background-position: -113px 0;
}
.clientlogos li .clientss.three{
    background-position: -238px 0;
}
.clientlogos li .clientss.four{
    background-position: -362px 0;
}
.clientlogos li .clientss.five{
    background-position: -728px 0;
}


.clientlogos.inner{margin-top: 0px;}
.clientelesec.inner{padding: 40px 0;background: #f2f2f2;}




.testisec{padding:60px 0;overflow:  hidden;background-color: #fff; position: relative;}

.testisec .testimonialswrap{display: inline-block;width: 100%;margin-bottom: 0;padding-top: 30px;}
/*.testisec .testimonialswrap .twoColumns{overflow:  hidden;}*/
.testisec .testimonialswrap .twoColumns .twoColumnItem{padding-top: 0;}
.testisec .testimonialswrap .twoColumns .twoColumnImage{}
.testimonialswrap .twoColumns .container .row { justify-content: center; }
.testisec .testimonialswrap .twoColumns .twoColumnItem{position: relative;width: 40%;float: left;padding: 30px;align-self:center;background: #f2f2f2;border-radius: 10px;}
.testisec .testimonialswrap .twoColumns .twoColumnImage{position: relative;width: 45%;float: right;padding-left: 0px;/* padding-right: 30px; */align-self:center;}

.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote{position: relative;border: none;/* padding-left: 60px; */margin-bottom: 35px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote:before{position: absolute;display: block;content: none;font-family: 'icomoon' !important;top: -11px;left: 0;color: #2e2e2e;font-weight: 400;font-size: 40px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote h3{font-size: 40px;padding-bottom: 0;margin-top: 0;color: #000;margin-bottom: 20px;line-height: 1.1;letter-spacing: -1px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote p{margin-left: 20px;max-width: 430px;letter-spacing: -.025em;padding-bottom: 0;color: #000;font-size: 16px;line-height: 1.4;}

.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo{display: inline-block;width: 100%;padding-bottom: 30px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .infohalf{position: relative;width: 100%;padding-top: 15px;float: left;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .infohalf h4{color: #e74c3c;font-weight: 400;font-size: 20px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .infohalf h4 span{margin-top: 3px;color: #000;display: block;font-size: 15px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .signhalf{display: none; position: relative;width: 50%;float: left;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .signhalf figure{margin-bottom:  0px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .signhalf figure img{width: 150px;margin: 0 auto;display: table;}

.testisec .testimonialswrap .twoColumns .twoColumnImage figure{margin-bottom: 0;}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure .designImage{}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure .designImage img{    
    margin: 0;
    height: 450px;
    transition: .5s;
    object-fit: contain;
    border-radius: 20px;
    margin-left: auto;
    
}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure .designImage img:hover{transform:scale(1.1);}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure .designImage{}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure figcaption{padding-left: 10%;margin-top: 5px;}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure figcaption .attribution{font-family: Georgia,serif;color: #999;font-style: italic;font-size:  14px;}


.testisec .testimonialswrap .slick-dots{text-align: left;max-width: 1140px;margin:0 0 auto;width: 1140px;display: table;left: 12%;right: 0;bottom: -35px;}
.testisec .testimonialswrap .slick-dots li{}
.testisec .testimonialswrap .slick-dots li button{}
.testisec .testimonialswrap .slick-dots li button:before{background: #e74c3c;border-radius: 50px;width: 15px;height: 15px;}
.testisec .testimonialswrap .slick-prev,.aboutslider .slick-prev{left: 20px;}
.testisec .testimonialswrap .slick-next,.aboutslider .slick-next{right: 20px;}
.testisec .testimonialswrap .slick-prev,.testisec .testimonialswrap .slick-next,.aboutslider .slick-prev,.aboutslider .slick-next{z-index: 9;top: 48%; background: #e74c3c; /* IE6-9 fallback on horizontal gradient */width: 50px;height: 50px;border-radius: 50%;transition-duration: .15s;transition-timing-function: ease-out;transition-proprty: opacity,visibility;}
.testisec .testimonialswrap .slick-prev:hover,.testisec .testimonialswrap .slick-next:hover,.aboutslider .slick-prev:hover,.aboutslider .slick-next:hover{opacity: 0.8;transition-duration: .15s;transition-timing-function: ease-out;transition-proprty: opacity,visibility;}
.testisec .testimonialswrap .slick-prev:before,.testisec .testimonialswrap .slick-next:before,.aboutslider .slick-prev:before,.aboutslider .slick-next:before{font-size: 26px;}
.testisec .testimonialswrap .slick-prev:before,.aboutslider .slick-prev:before{content: "\e958";font-family: 'icomoon' !important;}
.testisec .testimonialswrap .slick-next:before,.aboutslider .slick-next:before{content: "\e957";font-family: 'icomoon' !important;}
.testimonialswrap .slick-list {
    overflow: revert;
}


/*3d modeling*/
.gif-slider .slick-slide img {
    display: inline-block;
}
.gif-slider{
    height:100%;
    margin-top:-35px;
}
.aboutsec .container .col-lg-6 .vid img {
    width: 100%;
}
.aboutsec .gif-slider figure.vid{
    margin:0;
}

.aboutslider-inner .slick-prev {
    left: 20px;
}
.aboutslider-inner .slick-next {
    right: 20px;
}

/*--------------------------------------------------------------
# Destination Section
--------------------------------------------------------------*/
.portfolio .portfolio-item {margin-bottom: 0px;padding: 15px !important;}
.portfolio #portfolio-flters {padding: 0;list-style: none;text-align: center;margin-bottom: 15px;}
.portfolio #portfolio-flters li{position: relative;line-height: 1;text-align: center;border-radius: 8px;text-transform: capitalize;font-size: 15px;padding: 14px 20px;font-weight: 500;color: #565656;border: 1px solid #d3d3d3;cursor: pointer;display: inline-block;margin: 0 3px 20px 3px;z-index: 9;background: #f2f2f2;}
.portfolio #portfolio-flters li:after{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    width: 0%;
    height: 100%;
    content: '';
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: #e74c3c; 
    /* background: -moz-linear-gradient(-45deg,  #6281c6 0%, #f441b4 100%); FF3.6-15 */
    /* background: -webkit-linear-gradient(-45deg,  #6281c6 0%,#f441b4 100%); Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(135deg,  #6281c6 0%,#f441b4 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6281c6', endColorstr='#f441b4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.portfolio #portfolio-flters li:hover:after{width: 100%;z-index: -2;}
/*.portfolio #portfolio-flters li:after:hover{color: #2d2d2d;}
*/.portfolio #portfolio-flters li.filter-active {
    background: #e74c3c; /* Old browsers */
    /* background: -moz-linear-gradient(-45deg,  #6281c6 0%, #f441b4 100%); FF3.6-15 */
    /* background: -webkit-linear-gradient(-45deg,  #6281c6 0%,#f441b4 100%); Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(135deg,  #6281c6 0%,#f441b4 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6281c6', endColorstr='#f441b4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
.portfolio #portfolio-flters li:last-child {margin-right: 0;}
.portfolio .portfolio-wrap {transition: 0.3s;position: relative;overflow: hidden;z-index: 1;border-radius: 10px;height: 100%;}
.portfolio .portfolio-wrap::before {content: "";background: rgba(36, 135, 206, 0.6);position: absolute;left: 30px;right: 30px;top: 30px;bottom: 30px;transition: all ease-in-out 0.3s;z-index: 2;opacity: 0;}
.portfolio .portfolio-wrap .portfolio-info {opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;z-index: 3;transition: all ease-in-out 0.3s;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.portfolio .portfolio-wrap .portfolio-info::before {display: block;content: "";width: 48px;height: 48px;position: absolute;top: 35px;left: 35px;border-top: 3px solid #fff;border-left: 3px solid #fff;transition: all 0.5s ease 0s;z-index: 9994;}
.portfolio .portfolio-wrap .portfolio-info::after {display: block;content: "";width: 48px;height: 48px;position: absolute;bottom: 35px;right: 35px;border-bottom: 3px solid #fff;border-right: 3px solid #fff;transition: all 0.5s ease 0s;z-index: 9994;}
.portfolio .portfolio-wrap .portfolio-info h4 {font-size: 20px;color: #2d2d2d;font-weight: 600;}
.portfolio .portfolio-wrap .portfolio-info p {color: #2d2d2d;font-size: 14px;text-transform: uppercase;padding: 0;margin: 0;}
.portfolio .portfolio-wrap .portfolio-links {text-align: center;z-index: 4;}
.portfolio .portfolio-wrap .portfolio-links a {color: rgba(255, 255, 255, 0.6);margin: 0 2px;font-size: 28px;display: inline-block;transition: 0.3s;}
.portfolio .portfolio-wrap .portfolio-links a:hover {color: #2d2d2d;}
/*.portfolio .portfolio-wrap:hover::before {top: 0;left: 0;right: 0;bottom: 0;opacity: 1;}*/
.portfolio .portfolio-wrap:hover .portfolio-info {opacity: 1;}
.portfolio .portfolio-wrap:hover .portfolio-info::before {top: 15px;left: 15px;}
.portfolio .portfolio-wrap:hover .portfolio-info::after {bottom: 15px;right: 15px;}
.no-pad{padding: 0px;}
.destination-sec h2{}

.portfolio #portfolio-flters li.filter-active{color: #fff;}
.portfolio #portfolio-flters li:hover{
    color: #fff;
    }
.destination-location{text-align: center;position: absolute;bottom: 28px;right: 0;left: 0;}
.destination-location h6{font-size: 18px; font-weight: 300; color: #2d2d2d; text-transform: uppercase; }
.destination-location h4{font-size: 36px; font-weight: 500; color: #2d2d2d;}
.destination-sec{padding: 60px 0;}
.destination-sec .seeMoreBtn{margin-top: 50px;}
@media (max-width: 768px){
  /*.destination-sec{padding: 90px 0 50px;}
  .destination-sec h2{font-size: 28px; margin: 0 0 30px;}
  .no-pad-right{padding-right: 15px;}*/
  /*.destination-sec #portfolio-flters li{width: 40%; height: 46px; line-height: 46px; font-size: 16px;}*/
  /*.portfolio #portfolio-flters{margin: 0 auto 15px auto;}
  .destination-location h4{font-size: 30px;}
  .portfolio-wrap img{width: 100%;/* height: 460px; }*/
}
.packagesec{background-size: cover;
    background-position: top center;

    width: 100%;
    /* margin-top: 84px; */
    background-repeat: no-repeat;
    position: relative;}
.packagesec video{width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
    background-size: cover}
.packagesec .video-overlay{position: absolute;
    z-index: 2; 
    top: 0;
    left: 0;
    background: rgba(242, 242, 242, 0.65);
    width: 100%;
    height: 100%;}
.packagesec .outer-wrapper{z-index: 3;width: 100%;}    
.packagesec {
	padding: 60px 0;
    background: #f2f2f2;
}

.servicespg .packagesec { background-color: #fff;} 
.packagback {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
.servicespg .packagesec .packagewrap .tab-custom .tabs .packwrap .item {
	background-color: #f2f2f2;
}
.form-wrapper .checkbox{font-size:13px;}
#contactForm .checkbox{font-size:13px;margin-top:20px;}
.form-wrapper .checkbox span{margin-left:5px;}
#contactForm .checkbox span{margin-left:5px;font-size:13px;display:inline;}
.packagesec .mheading{}
.packagesec .mparagraph{margin-bottom: 30px;}
.packagesec .packagewrap{}
.packagesec .packagewrap .tab-custom{}
.packagesec .packagewrap .tab-custom .tabbing-links{display: inline-block;width: 100%;text-align: center;margin: 0px 0 45px;}
.packagesec .packagewrap .tab-custom .tabbing-links li{
    position: relative;
    line-height: 1;
    text-align: center;
    border-radius: 8px;
    text-transform: capitalize;
    font-size: 15px;
    padding: 14px 20px;
    font-weight: 500;
    color: #787878;
    border: 1px solid #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 3px 20px 3px;
    z-index: 9;
    background: #fff;
    }
.packagesec .packagewrap .tab-custom .tabbing-links li:after{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	width: 0%;
	height: 100%;
	content: '';
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background: #e74c3c; /* Old browsers */
	/* background: -moz-linear-gradient(-45deg,  #6281c6 0%, #f441b4 100%); FF3.6-15 */
	/* background: -webkit-linear-gradient(-45deg,  #6281c6 0%,#f441b4 100%); Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(135deg,  #6281c6 0%,#f441b4 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6281c6', endColorstr='#f441b4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
.packagesec .packagewrap .tab-custom .tabbing-links li:hover{ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */color: #fff;}
.packagesec .packagewrap .tab-custom .tabbing-links li:hover:after{width: 100%;z-index: -2;}
/*.packagesec .packagewrap .tab-custom .tabbing-links li:after:hover{color: #2d2d2d;}*/
.packagesec .packagewrap .tab-custom .tabbing-links li.current{
    background: #e74c3c; /* Old browsers */
    /* background: -moz-linear-gradient(-45deg,  #6281c6 0%, #f441b4 100%); FF3.6-15 */
    /* background: -webkit-linear-gradient(-45deg,  #6281c6 0%,#f441b4 100%); Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(135deg,  #6281c6 0%,#f441b4 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6281c6', endColorstr='#f441b4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;

    }
.packagesec .packagewrap .tab-custom .tabs.current{display:inline-block;width:100%}
.packagesec .packagewrap .tab-custom .tabs{display: none;}
.packagesec .packagewrap .tab-custom .tabs .packwrap{position: relative;display: inline-block;width: 100%;font-size: 0;text-align:center;z-index:9; padding:0 0 60px 0;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item{border: 1px solid #aaaaaa;width: 30%;margin: 0px 12px;vertical-align: top;display: inline-block;text-align: center;padding: 30px 30px 30px;background: #fff;border-radius: 10px;/*box-shadow: 0px 0px 40px -5px #00000020;*/}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item figure{text-align: center;margin-bottom: 15px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item figure img{}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item h3{margin: 0;color: #000;padding-bottom: 15px;font-size: 22px;font-weight: 700;text-align: center;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .stars{display: inline-block;width: 100%;text-align: center;margin-bottom: 10px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .stars i{color: #e74c3c;font-size: 16px;margin: 0 4px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .pricing{text-align:center;position: relative;margin-bottom: 10px;padding-bottom: 10px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .pricing:after{position:absolute;width: 60%;height:1px;background: #000;content:"";left:0;bottom:0;right:0;margin:0 auto;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .pricing .cross{position: relative;color: #000;font-size: 24px;font-weight: 400;margin-right:10px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .pricing .cross:before{transform: skewY(-20deg);content:"";position:absolute;border-bottom: 2px solid #000;height:20px;width:120%;top:-3px;right:-5px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .pricing .cross:after{content:"";position:absolute;border-right: 1px solid #000;height:20px;top:5px;right:-12px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .pricing .discounted{margin-left:10px;color: #000;font-size: 40px;font-weight: 700;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .ticklist{height: 215px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .ticklist li{color: #000;position: relative;font-size: 15px;line-height: 1.4;text-align: left;padding: 7px 0;font-weight: 500;padding-left: 35px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .ticklist li:before{color: #e74c3c;content: "\e916";font-size: 16px;position: absolute;font-family: 'icomoon' !important;left: 5px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .ticklist li.heading:before{display:none;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .ticklist li.heading{padding: 10px 0 10px;padding-left: 0px;color: #000;font-weight: 700;text-transform: uppercase;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .btn-wrap{text-align: center;margin: 25px 0 15px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .btn-wrap .btn-pack{color: #fff;background: #e74c3c;pointer-events: none;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6281c6', endColorstr='#f441b4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */text-transform: capitalize;font-family: 'Muli', sans-serif;
border-radius: 8px;padding: 15px 40px;font-size: 14px;font-weight: 700;display: inline-block;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .viewdetails span{margin-right:10px}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .viewdetails{color: #000;font-size: 14px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular{background: #e74c3c;
    /* background: -moz-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
    /* background: -webkit-linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
    /* background: linear-gradient(90deg, #ff1313 0, #ff00d3 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1313", endColorstr="#FF00D3", GradientType=1);}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular h3{color: #2d2d2d;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular .stars i{color: #2d2d2d;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular .pricing .cross{color: #2d2d2d;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular .pricing .cross:before{border-color: #fdfdfd;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular .pricing .cross:after{border-color: #fdfdfd;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular .pricing .discounted{color: #000;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular .ticklist li{color: #2d2d2d;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular .ticklist li:before{color: #2d2d2d;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular{position: relative;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular:after{content: "";background:url(../images/popularbadge.png);width: 45px;height:94px;left: 40px;top: 0;position: absolute;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular .btn-wrap .btn-pack{color: #e74c3c;background: #ffffff;border: 1px solid #ffffff;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item.popular .viewdetails{color: #2d2d2d;}
.packwrap .slick-prev, .packwrap .slick-next {
    z-index: 9;
    top: 48%;
    background: #e74c3c; /* Old browsers */
    /* background: -moz-linear-gradient(-45deg,  #6281c6 0%, #f441b4 100%); FF3.6-15 */
    /* background: -webkit-linear-gradient(-45deg,  #6281c6 0%,#f441b4 100%); Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(135deg,  #6281c6 0%,#f441b4 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6281c6', endColorstr='#f441b4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    transition-proprty: opacity,visibility;
}
.packwrap .slick-prev {left: 20px;}
.packwrap .slick-prev:before {content: "\e958";font-family: 'icomoon' !important;}
.packwrap .slick-next:before {content: "\e957";font-family: 'icomoon' !important;}
.packwrap .slick-prev:before, .packwrap .slick-next:before {color: #2d2d2d;font-size: 26px;}
.packwrap-slider .slick-list {width: 70%;margin: auto;}
@media (min-width:768px) and (max-width:991px){
    .packwrap-slider .slick-list {width: 90% !important;}
}
.slick-next {
	z-index: 9;
	top: 48%;
	background: #0984e382;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transition-duration: .15s;
	transition-timing-function: ease-out;
	transition-proprty: opacity,visibility;}
.packwrap .slick-next {right: 20px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item figure img { margin: auto;height: 100px;}
.packwrap .item.popular .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff;}

.packwidth .item{margin-bottom:30px!important;}
	@media(min-width:767px){
		.pricingwrap .boddy .list-boddy {
			min-height: 400px;
			height: 400px;
			overflow: auto;
		}
	}
	.pricingwrap .container {
		max-width: 1140px;
	}
	.pricingwrap .slidersec {
		text-align: left;
		padding: 0px 40px 0 0;
		border-right: 2px solid #e74c3c;
	}
	.pricingwrap .slidersec figure {
		margin: 0 0 0;
	}
	.pricingwrap{
		padding: 80px 0 60px 0;
		background: #f2f2f2;
	}
	.pricingwrap .leftwrap{
		background: #e74c3c;
		border-radius: 10px;
		padding: 35px 40px;
		height: 1100px;
		box-shadow: 1px 1px 30px #0000001f;
	}
	.pricingwrap .leftwrap .mheading{
		color: #000;
		line-height: 1;
		font-size: 42px;
		text-align: left;
		padding-bottom: 10px;
		font-weight: 400;
	}
	.pricingwrap .leftwrap .mheading strong{
		display: block;
	}
	.pricingwrap .leftwrap .mparagraph{
		color: #000;
		padding-bottom: 40px;
	}
	.pricingwrap .leftwrap .boxes{
		text-align: center;
		padding: 15px 15px;
		border-radius: 10px;
		background: #fff;
		margin: 0px 0 30px;
	}
	.pricingwrap .leftwrap .boxes .headd{
		padding-bottom: 10px;
		font-size: 0;
	}
	.pricingwrap .leftwrap .boxes .headd h5{
		text-align: left;
		display: inline-block;
		color: #2e2e2e;
		font-size: 20px;
		font-weight: 700;
		padding-bottom: 0;
		vertical-align: middle;
		width: 60%;
	}
	.pricingwrap .leftwrap .boxes .headd h4{
		font-size: 42px;
		font-weight: 700;
		padding-bottom: 0;
		vertical-align: middle;
		display: inline-block;
		width: 40%;
	}
	.pricingwrap .leftwrap .boxes .bodyp{
		text-align: left;
		color: #8c8c8c;
		font-size: 16px;
		padding-bottom: 15px;
	}
	.pricingwrap .leftwrap .boxes a{
		color: #2d2d2d;
		background: #e74c3c;
		border-color: #e74c3c;
		text-transform: capitalize;
		font-family: 'Muli', sans-serif;
		border-radius: 8px;
		padding: 14px 30px;
		font-size: 14px;
		font-weight: 700;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border: 1px solid transparent;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		}
	
	
	.pricingwrap .detailsec{
		padding: 15px 40px;
	}
	.pricingwrap .detailsec .headd{
		font-size: 0;
	}
	.pricingwrap .detailsec .headd figure{
		/* margin-bottom: 0; */
	}
	.pricingwrap .detailsec .headd figure img{}
	.pricingwrap .detailsec .headd .mheading{
		font-size: 42px;
		width: 60%;
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.pricingwrap .detailsec .headd .dollar{
		padding-bottom: 0;
		display: inline-block;
		width: 40%;
		font-size: 60px;
		text-align: right;
		font-weight: 900;
		color: #2e2e2e;
		vertical-align: middle;
	}
	.pricingwrap .detailsec .boddy{
    padding-bottom: 40px;
}
	.pricingwrap .detailsec .boddy ul{margin-top: 20px;}
	.pricingwrap .detailsec .boddy ul li{
		color: #2b2b2b;
		font-size: 18px;
		padding: 8px 0;
		line-height: 1.2;
		position: relative;
		padding-left: 30px;
	}
	.pricingwrap .detailsec .boddy ul li:before{color: #e74c3c;content: "\e916";font-size: 18px;position: absolute;font-family: 'icomoon' !important;left: 0;}
	.pricingwrap .detailsec .boddy ul.addons-checkboxes li:before{content: "";}
	.pricingwrap .detailsec .boddy ul.addons-checkboxes li{padding-left: 0px;}
	.pricingwrap .detailsec .boddy ul.addons-checkboxes li.grand-total p {
		font-size: 25px;
		font-weight: 700;
	}
	.pricingwrap .detailsec .boddy ul li.boldheading{
		font-size: 22px;
		font-weight: 700;
		padding-left: 0;
		color: #2b2b2b;
		margin-top: 10px;
	}
	.pricingwrap .detailsec .boddy ul li.boldheading:before{content: "";}
	
	.pricingwrap .detailsec .boddy .btnwrap{
		vertical-align: middle;
		display: inline-block;
		width: 100%;position: absolute;
    bottom: 0;
	}
	.pricingwrap .detailsec .boddy .btnwrap .btn {
	    pointer-events: none;
	}
	.pricingwrap .detailsec .boddy .btnwrap .call{
	margin-left: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #2d2d2d;
    display: inline-block;
    vertical-align: middle;
	}
	.pricingwrap .detailsec .boddy .btnwrap .call i{font-size: 22px;
    color: #e74c3c;
    margin-right: 5px;
    vertical-align: inherit;
    display: inline-block;}
	.pricingwrap .detailsec .headd .mheading {
		font-size: 34px;
		width: 50%;
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.pricingwrap .detailsec .headd .pricing {
		width: 50%;
		position: relative;
		text-align: right;
		display: inline-block;vertical-align: middle;
	}
	@media(max-width:767px){
		.pricingwrap .detailsec .headd .pricing .discounted {
		   
			font-size: 25px !important;
		  
		}
		.pricingwrap .detailsec .headd .pricing .cross {
		   
			font-size: 18px !important;
		 
		}
	}
	.pricingwrap .detailsec .headd .pricing .cross {
		position: relative;
		color: #2b2b2b;
		font-size: 22px;
		font-weight: 400;
		margin-right: 10px;
	}
	.pricingwrap .detailsec .headd .pricing .cross:before {
		transform: skewY(-20deg);
		content: "";
		position: absolute;
		border-bottom: 2px solid #2b2b2b;
		height: 20px;
		width: 120%;
		top: -3px;
		right: -5px;
	}
	.pricingwrap .detailsec .headd .pricing .cross:after {
		content: "";
		position: absolute;
		border-right: 1px solid #2b2b2b;
		height: 20px;
		top: 5px;
		right: -12px;
	}
	.pricingwrap .detailsec .headd .pricing .discounted {
		margin-left: 10px;
		color: #2d2d2d;
		font-size: 35px;
		font-weight: 700;
	}
	@media(min-width:520px) and (max-width:767px){
   ul.keyFeatures{padding:0 50px !important;}
}
@media(max-width:420px){
   ul.keyFeatures{padding:0 50px !important;}
}
.keyFeatures .slick-dots li {
    height: 10px !important;
    width: 10px !important;
    background:transparent;
    box-shadow:none;
    cursor: pointer;
    padding:0;
}
.keyFeatures .slick-dots {
        z-index: 9;
    position: absolute;
    bottom: -30px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    left: 0;
    right: 0;
}
.keyFeatures-sec{padding:60px 0;position: relative;background: #f3f3f3;overflow: hidden;}
ul.keyFeatures{position: relative;
    font-size: 0;
    margin: 0;
    width: 100%;
    float: left;
    text-align: center;
    
    padding:0 100px;
}
ul.keyFeatures li{
    position: relative;
    width: 12%;
    text-align: center;
    background: #fff;
    padding: 35px 15px 30px;
    box-shadow: 0 0 20px 0px #0000001f;
    border-radius: 20px;
    margin: 15px 11px;
    height: 200px;
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    }
ul.keyFeatures li figure{ margin-bottom: 20px;}
ul.keyFeatures li figure img{margin: 0 auto;}
ul.keyFeatures li h3{
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #787878;
    }  
ul.keyFeatures li h3 span{display: block;   
    font-size: 12px;    
    color: #2c2c2c;}

ul.keyFeatures li .featureicon {
    background: url(../images/sprite.png);
    width: 88px;
    height: 58px;
    display: inline-block;margin-bottom: 20px;
}    
ul.keyFeatures li .featureicon.one{background-position: -14px 71px;}
ul.keyFeatures li .featureicon.two{background-position: -706px 71px;}
ul.keyFeatures li .featureicon.three{background-position: -348px 71px;}
ul.keyFeatures li .featureicon.four{background-position: -460px 71px;}
ul.keyFeatures li .featureicon.five{background-position: -235px 71px;}
ul.keyFeatures li .featureicon.six{background-position: -130px 71px;}
ul.keyFeatures li .featureicon.seven{background-position: -575px 71px;}


.whylist{display: inline-block;width: 100%;margin-bottom: 0;margin-top: 50px;}
.whylist li:last-child{padding-bottom:0px;}
.whylist li{display: inline-block;width: 100%;font-size: 0;vertical-align: top;padding-bottom: 40px;}
.whylist li .figsec{margin-bottom: 0;width: 30%;vertical-align: top;display: inline-block;}
.whylist li .figsec img{}
.whylist li .text{display: inline-block;width: 65%;padding: 15px;background: #fff;border-radius: 10px;margin-left: 15px;}
.whylist li .text h4{font-size: 18px;font-weight: 700;color: #2b2b2b;margin-bottom: 10px;}
.whylist li .text p{font-size: 14px;color: #2b2b2b;margin: 0;padding: 0;}
.whychooseus{padding: 60px 0;background: #f2f2f2;}
.whychooseus .midfigure{margin-bottom: 0;/* margin-top: 25%; */}
.whychooseus .midfigure img{
    margin: 0 auto 14px;
    display: block;
     width: 100%; 
    }
 .whychooseus a{margin: 0 auto;}   
.whylist.right li{}
.whylist.right li .figsec{text-align: right;}
.whylist.right li .figsec img{}
.whylist.right li .text{text-align: right;margin-left: 0;}
.whylist.right li .text h4{}
.whylist.right li .text p{}


.ctasec{padding: 130px 0;background: #fff;position: relative;}
.servicespg .ctasec{background: #f2f2f2;}
.ctasec .ctawrap{background: #f2f2f2;border-radius: 10px;padding: 50px 60px;}
.servicespg .ctasec .ctawrap{background: #fff;}
.ctasec .ctawrap .textwrap{width: 65%;text-align: left;}
.ctasec .ctawrap .textwrap .mheading{line-height: 1.1;text-align: left;font-weight: 700;}
.ctasec .ctawrap .textwrap .mparagraph{text-align: left;color: #000;}
.ctasec .ctawrap .textwrap .btn-wrap{display: inline-block;}
.ctasec .ctawrap .textwrap .btn-wrap a{margin-right: 10px;}
.ctasec .ctawrap .figcta{
    position: absolute;
    bottom: -100px;
    right: 0;
    height: 473px;
    min-height: 473px;
    width:44%;
    }
.ctasec .ctawrap .figcta img{position: absolute;right: 0;}

.questionsec{padding: 60px 0;background: #f2f2f2;position: relative;}
.clientpg .questionsec{;background: #fff;}

/*.questionsec .textwrap{padding-top: 60px;}*/
.questionsec .textwrap .mheading{text-align: left;}
.questionsec .textwrap .mparagraph{font-size: 18px;text-align: left;color: #2b2b2b;}
.questionsec .textwrap .mparagraph a{color: #e74c3c;text-decoration: underline;font-weight: 700;}
.questionsec .textwrap .btnswrap{margin-bottom: 0;margin-top: 30px;}
.questionsec .textwrap .btnswrap li{padding: 10px 0;line-height: 1;}
.questionsec .textwrap .btnswrap li a{color: #2d2d2d;font-size: 18px;font-weight: 600;width: auto;}
.questionsec .textwrap .btnswrap li a i{color: #e74c3c;margin-right: 10px;}
.questionsec .textwrap .btnswrap li a i.right{font-size: 16px;margin-left: 10px;margin-right: 0;}
.questionsec .quesfig{width: 100%;margin: 0 auto;}
.questionsec .quesfig img{width: 100%;}

/*Footer start*/
.footer-container {padding-bottom: 5px;background-size: 100%;background-repeat: no-repeat;background-size: cover;position: relative;}
.servicespg .footer-container {
	background-color: #fff;
}
.footer-info {margin-top: 52px;}
.footer-info img{ width: 200px; }
.footer-info p{color: #2d2d2d;font-size: 15px;line-height: 30px;padding-bottom: 0;text-transform: capitalize;}
.para-info{margin: 18px 0;}
.contact-info {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin-top: 10px;}
.contact-info span{margin-right: 18px;}
.contact-info span a {color: #2d2d2d;text-decoration: none;font-weight: 500;font-family: var(--primary-font-family);transition: .15s all ease-in-out;}
.footer-column{width: 100%;display: inline-flex;padding-top: 150px;}
.menu-column{ width: 33%; color: #2d2d2d; padding: 0 18px;}
.menu-column span {margin-bottom: 18px;padding-bottom: 9px;display: block;color: #2d2d2d;font-size: 15px;font-weight: 700;letter-spacing: 2px;line-height: 1.5;text-align: left;text-transform: uppercase;border-bottom: solid 2px #ffffff57;}
.menu-column .menu li{ padding: 6px 0;}
.menu-column .menu li a {display: inline-block;color: #2d2d2d;font-family: var(--primary-font-family);font-size: 15px;font-weight: 400;text-decoration: none;transition: .15s all ease-in-out;}
.btm-footer{padding: 0px 0 0 0;}
.btm-footer hr {border-top: 1px solid #ffffff4f;width: 100%;}
.btm-footer .item{margin-right: 30px;margin-top: 10px;display: inline-block;}
.btm-footer .item.c-plus{/* width:20%; */}
.btm-footer .item.gold-500{/* width:10%; */}
.btm-footer .item.social{width:40%;margin-top: 20px;}
.btm-footer .item img{width: auto;}
.btm-footer .item.social span{background: #ffffff;border-radius: 50%;font-size: 20px;padding: 5px 10px;text-align: center;margin: auto 5px;}
.btm-footer .item.social span a{color: #3b50e4;}        
.fpayment{text-align: right;margin-bottom: 0;}
.ftr-security{margin: 15px 0;}
.ftr-security img{width: unset !important;}
.social{
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}
.social li{
    display: inline-block;
    padding: 0 10px;
}
.social li a{
    color: #2d2d2d;
    font-size: 16px;
}
.social li a i{}
.portfolio .mparagraph{margin-bottom:35px; }

.copy{}
.copy p{
    margin-bottom: 0;
    color: #2d2d2d;
    font-size: 12px;
}
.copy p span{color:#fff;}
.policyanchors{text-align: right;display: inline-block;width:100%;margin-bottom: 0;}
.policyanchors li{display: inline-block;/* padding: 0 15px; */}
.policyanchors li a{color: #2d2d2d;font-size: 14px;}
.policyanchors li.terms{position: relative;padding-right: 15px;margin-right: 15px;}
.policyanchors li.terms:after{position: absolute;content: "";border-right: 1px solid #ffffff4f;right: 0;top: 4px;height: 14px;}


/* delay and animation */

.my-element {
    display: inline-block;
    margin: 0 0.5rem;
    animation: zoomIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
    -webkit-animation-name: backInLeft;
      animation-name: backInLeft;
    
  }
  
   .delay-dot1s {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
  }
  .delay-dot2s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
  }
  .delay-dot3s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
  }
  .delay-dot4s {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
  }
  .delay-dot5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
  }
  .delay-dot6s {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
  }
  .delay-dot7s {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
  }
  .delay-dot8s {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
  }
  .delay-dot9s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
  }
  .delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  .delay-1dot1s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
  }
  .delay-1dot2s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  .delay-1dot3s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    
  }
  @-webkit-keyframes backInLeft {
      0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translate(-2000px, -400px ) scale(0.1);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
  }
  @keyframes backInLeft {
      0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translate(-2000px, -400px ) scale(0.1);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
  }
/*back-to-top*/
.back-top {
	display: inline-block;
	position: relative;
	cursor: pointer;float: right;top: 40px;
}

.back-top i {
	width: 4.375em;
	height: 4.375em;
	margin: 0 auto .3125em;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: #5f5f5f;
}

.back-top i img {
	position: relative;
	top: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}

.back-top span {
	color: #2d2d2d;
	text-transform: uppercase;
	display: inline-block;
	font-size: .8125em;
	letter-spacing: .1875em;
	margin: .9375em 0 3.4375em
}

.back-top:focus,
.back-top:hover {
	text-decoration: none
}

@-webkit-keyframes reverse-forward {
	0% {
		top: 0
	}
	50% {
		top: -.625em
	}
	100% {
		top: 0
	}
}

@keyframes reverse-forward {
	0% {
		top: 0
	}
	50% {
		top: -.625em
	}
	100% {
		top: 0
	}
}

@-webkit-keyframes footer-animation {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@-moz-keyframes footer-animation {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@-o-keyframes footer-animation {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes footer-animation {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@media (min-width:1200px) {
	
	.back-top:hover i img {
		-webkit-animation: reverse-forward 1.5s infinite;
		-o-animation: reverse-forward 1.5s infinite;
		animation: reverse-forward 1.5s infinite
	}
}



.mparagraph{
    font-size: 18px;
    color: #000;
    line-height: 1.4;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 0px auto;
    padding: 0 0 20px 0;
    }
.mheading {
    text-transform: capitalize;
    line-height: 1.1;
    text-align: center;
    color: #000;
    font-size: 40px;
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto 20px auto;
}    
/*header*/
.mobile-menu-hover{
  display: none;
}
li input.dropdown-trigger{
  display: none;
}

@media screen and (max-width:1010px){
  li input.dropdown-trigger{
    display: inline-block !important;
    position: relative;
    left: 11px;
    transform: scale(1);
    margin: 0 !important;
    top: 4px;
    width: 0px;

  }

  li input.dropdown-trigger:after{
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    animation: colorchange 20s ease infinite;
    left: 0px;
    right: 0;
    top: 0;
    border: 7px solid transparent;
    border-top: 7px solid white !important;
    transition: all 0.3s ease;
    transform: rotate(0deg);
    transform-origin: 7px 6px;
  }
  li input.dropdown-trigger:checked:after {
    transform: rotate(180deg) !important;
  }

  li input.dropdown-trigger:checked + div.mobile-menu-hover{
    display: block !important;
    max-height: 90px;
    overflow-y: auto;
    margin-bottom: 8px;margin-top: 8px;
  }
}
.mainNavigation ul li.hasmenu span{font-size: 10px;/* margin-left: 5px; */}
.mainNavigation ul li.hasmenu:hover .dropDown {height: auto;padding: 40px 30px;opacity: 1;visibility: visible;}
.fixed-header .mainNavigation ul li.hasmenu:hover .dropDown {z-index: 999;}
.sticky header .dropDown {background: #fff;backdrop-filter: blur(4px);text-align: center;position: fixed;left:0;display: -ms-flexbox;display: flex;top: 71px;width: 100%;z-index: 9;padding: 0px 40px;border-top: solid 1px #2c2c2c;height: 0;overflow: hidden;-moz-transition: height 1s ease;-webkit-transition: height 1s ease;-o-transition: height 1s ease;transition: height 1s ease;opacity: 0;visibility: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;background-position: top right;background-size: contain;background-repeat: no-repeat;box-shadow: 0px 10px 23px #0000000d;}

header .dropDown {background: #fff;text-align: center;position: fixed;left:0;display: -ms-flexbox;display: flex;top: 80px;width: 100%;z-index: 9;padding: 0px 40px;border-top: solid 1px #2c2c2c;height: 0;overflow: hidden;-moz-transition: height 1s ease;-webkit-transition: height 1s ease;-o-transition: height 1s ease;transition: height 1s ease;opacity: 0;visibility: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;background-position: top right;background-size: contain;background-repeat: no-repeat;box-shadow: 0px 10px 23px #0000000d;}
header .dropDown ul {
    width: 100%;
    font-size: 0;
}
header .dropDown ul li {width: 15%;display: inline-block;padding: 0 15px;vertical-align: top;text-align: center;}
header .dropDown ul li a {color: #333;display: block;line-height: 17px;}
header .dropDown ul li a img {width: 100px;transition: transform .2s;}
header .dropDown ul li a span.head {font-size: 14px;line-height: 1.2;letter-spacing: 0.5px;font-weight: 700;display: block;/* padding-left: 10px; */color: #000000;margin: 15px 0 10px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
header .dropDown ul li a span.discp {font-size: 14px;font-weight: 400;/* padding-left: 10px; */}
header .dropDown ul li a:hover span.discp{color: #2c2c2c;}
header .dropDown ul li a.link {font-size: 14px;font-weight: 700;margin: 0 0 15px;color: #2e2e2e;}
header .dropDown ul li.last {padding: 5px 0px 0;}
header .dropDown ul li a:hover{-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color:#2c2c2c;}
header .dropDown ul li:hover a span.head{
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #e74c3c;
}
header .dropDown ul li:hover a img{
    transition: transform .2s;
    transform: scale(1.1);
}


/* accordion
------------------------------------*/
.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion {overflow: hidden;background: none;}
.quest-title {font-size: 20px;font-weight: 700;text-transform: capitalize;position: relative;width: 100%;display: inline-block;transition: all linear 0.15s;text-decoration: none;padding: 25px 50px 25px 10px;color: #2d2d2d;border-color: #484848;border-style: solid;border-width: 1px 0 0;font-family: var(--secondary-font-family);}
.quest-title:before {position: absolute;content: "\e908";width: 20px;height: 20px;right: 15px;font-weight: 300;top: 12px;font-family: 'icomoon' !important;color: #ccc;font-size: 28px;}
.quest-title.active, .quest-title:hover {color: #e74c3c;content: "\e907";}
.quest-title:after { width: 60px; height: 1px; left: -60px; bottom: -1px; background: #dbdbdb; position: absolute; content: ""; }
.quest-title.active:before { content: "\e907"; }
.quest-content {padding: 0px 10px 15px 10px;display: none;/* background: #ffffff; */margin-bottom: 0px;float: left;padding-bottom: 0;width: 100%;}
.quest-content p {line-height: 1.6;font-size: 18px;font-weight: 400;margin: 0px;font-family: var(--secondary-font-family);color: #2b2b2b;padding-bottom: 30px;}
.accordion{margin-bottom: 30px;border-color: #484848;border-style: solid;border-width: 0px 0 1px;}
.quest-content p a{color: #e74c3c;text-decoration:  underline;}
.quest-content ul li {
    line-height: 1.6;
    font-size: 18px;
    font-weight: 400;
    margin: 0px;
    font-family: var(--secondary-font-family);
    color: #2b2b2b;
    position: relative;
    padding-left: 33px;
    padding-bottom: 5px;
}
.quest-content ul li:before {
    color: #e74c3c;
    content: "\e916";
    font-size: 18px;
    position: absolute;
    font-family: 'icomoon' !important;
    left: 5px;
}

.faq{position: relative; padding: 60px 0 30px;}
.faq:before {
    position: absolute;
    content: url(../images/faq-round.png);
    right: -190px;
    top: -160px;
}
.faq .accordwrap{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 60px 25px;
}
.accordion .quest-section:nth-child(1) .quest-title {
    border-top: 0;
}

/*service-inner*/

.service-banner{
    background-size: cover;
    background-position: top center;
    height: 700px;
    width: 100%;
   /* margin-top: 84px;*/
    background-repeat: no-repeat;
    position: relative;
}
.service-banner .video-overlay {
    position: absolute;
    /*z-index: -1;*/
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
}
.mainvideo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
    object-fit: cover;
    background-size: cover;
}
@media(max-width:992px){
    .service-banner .bannertext{
    text-align: left !important;
}
.service-banner .bannertext .bannerlist {
    margin-bottom: 20px;
    text-align: left !important;
    width: 100%;
}
}
.service-banner .bannertext{
    text-align: center;
}
.service-banner .bannertext .banner-heading{color: #fff;
    font-weight: 800;
    font-size: 54px;
    margin-bottom: 20px;
    text-transform: capitalize;
    line-height: 1.1;}
.service-banner .bannertext .banner-paragraph{
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 15px;
   
    }
.service-banner .bannertext .bannerlist{margin-bottom: 20px;text-align: center;width: 100%;font-size: 0;}
.service-banner .bannertext .bannerlist li{position: relative;color: #fff;font-size: 18px;padding-left: 33px;padding-bottom: 5px;width: 35%;display: inline-block;text-align: left;vertical-align: top;}
.service-banner .bannertext .bannerlist li:before{color: #e74c3c;content: "\e916";font-size: 18px;position: absolute;font-family: 'icomoon' !important;left: 5px;}
.service-banner .bannertext .trustlogos{
    margin-bottom: 0;
    font-size: 0;
    padding-top: 20px;
}
.service-banner .bannertext .trustlogos li{
    padding: 0 5px;
    display: inline-block;
}
.service-banner .bannertext .trustlogos li .tlogos{width: 150px;height: 50px;background: url(../images/sprite.png);display: inline-block;}
.service-banner .bannertext .trustlogos li .tlogos.one{background-position: -6px 128px;}
.service-banner .bannertext .trustlogos li .tlogos.two{background-position: -208px 128px;width: 125px;}
.service-banner .bannertext .trustlogos li .tlogos.three{
    background-position: -378px 128px;
    width: 144px;
}
.service-banner .bannertext .trustlogos li .tlogos.four{background-position: -540px  128px;}
.service-banner .bannertext .trustlogos li .tlogos.five{background-position: -684px 128px;
    width: 130px;}
.service-banner .bannertext .trustlogos li .tlogos.six{background-position: -832px 128px;
    width: 120px;}
.service-banner .bannertext .trustlogos li .tlogos.seven{background-position: -964px 128px;
    width: 142px;}
    .service-banner .bannertext .trustlogos li .tlogos.eight{background-position: -1104px 128px;
    width: 142px;}

.mybanform{}
.mybanform form{}
.mybanform form .wrap{}
.mybanform form .wrap h2{
    font-size: 26px;
    color: #2d2d2d;
    font-weight: 400;
    text-align: center;
}
.mybanform form .wrap h2 span{
    display: block;
    font-size: 38px;
    font-weight: 700;
    color: #2d2d2d;
}
.mybanform form .wrap .dtf{
    text-align: center;
    margin-bottom: 20px;
}

.mybanform form .wrap .dtf input[type="text"],.mybanform form .wrap .dtf input[type="email"],.mybanform form .wrap .dtf textarea,.mybanform form .wrap .dtf input[type="number"]{
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 10px;
    height: 50px;
    font-weight: 400;
    outline: none !important;
    /* margin: 0 0 15px 0; */
}
.mybanform form .wrap .dtf textarea{height: 120px;}
.mybanform form .wrap .dtf input[type="submit"]{
    color: #2d2d2d;
    background-color: #00b2b2;
    border: 1px solid #00b2b2;
    text-transform: capitalize;
    font-family: 'Muli', sans-serif;
    border-radius: 8px;
    padding: 16px 30px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

input.error {
    border: 1px solid red !important;
}

label.error {
   display: none!important;
}


.service-banner .bannertext .btnwrap{}
.service-banner .bannertext .banneranchor{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-left: 15px;
}
.service-banner .bannertext .banneranchor span{
    margin-right: 5px;
    color: #f8be4a;
    font-weight: 600;
}
.servicespg .aboutsec{
    background:#f2f2f2;
}



.aboutsec {
    padding: 60px 0;
}
.aboutsec .textwrap {
    padding-right: 20px;
}
.aboutsec .btn-box{padding-top: 20px;}
.aboutsec .textwrap h2{color: #2d2d2d;}
.aboutsec .textwrap p{
    padding-bottom: 10px;
    text-align: left;
    font-size: 18px;
    color: #2b2b2b;
}
.content-list {
    margin-bottom: 0;
    font-size: 0;
    width: 100%;
    display: inline-block;
}
.content-list li {
    position: relative;
    width: 50%;
    vertical-align: top;
    display: inline-block;
    font-size: 18px;
    padding-bottom: 10px;
    color: #2b2b2b;
    padding-left: 35px;
}
.content-list li:before {
    color: #e74c3c;
    content: "\e916";
    font-size: 16px;
    position: absolute;
    top: 1px;
    font-family: 'icomoon' !important;
    left: 5px;
}
@media(min-width:1150px){
    .content-list {min-width:570px;}
}
.aboutsec figure.vid {
    margin-top: -40px;
}
.aboutsec figure {
    margin-bottom: 0;
}

/*about-pg*/
.inner-banner{position: relative;}
.inner-banner {
    background-size: cover;
    background-position: top center;
    height: 400px;
    width: 100%;
}
.inner-banner .overlay{
    position: absolute;
    /*z-index: 1;*/
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
}
.inner-banner .bannertext {
    position: relative;
    z-index: 9;
}
.inner-banner .bannertext .banner-heading {
    color: #fff;
    font-weight: 800;
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-align: center;
}

.ourStory{
    background: #fff;
    padding: 60px 0;
}
.ourStory .mheading{}
.ourStory .mparagraph{
    padding-bottom: 50px;
}
.ourStory .figpart{}
.ourStory .figpart li{}
.ourStory .figpart li figure{}
.ourStory .figpart li figure img{
    width: 100%;
}

.ourStory .textwrap{}
.ourStory .textwrap .mheading{
    text-align: left;
}
.ourStory .textwrap .mparagraph{
    text-align: left;
    padding-bottom: 20px;
}
.ourStory .textwrap .mparagraph strong{
    display: block;
    margin-top: 20px;
    color: #0984e3;
}
.ourStory .textwrap blockquote{
    font-style: italic;
    font-size: 24px;
    font-weight: 500;
    color: #0984e3;
    margin-bottom: 30px;
    margin-top: 10px;
}

.mycount{padding: 60px 0;background: #f2f2f2;width: 100%;}
.mycount .countwrap{}
.mycount .countwrap .countlist{
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 0;
}
.mycount .countwrap .countlist li{
    width: 33.33%;
    display: inline-block;
    padding: 0 40px;
}
.mycount .countwrap .countlist li h3{
    color: #2d2d2d;
    font-size: 54px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 3.2px;margin-bottom: 10px;
}
.mycount .countwrap .countlist li p{
    color: #e74c3c;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 0;
    margin: 0;
}

/*contact-pg*/
.contactsec{padding:60px 0;}
.contc-info{padding: 40px 30px;border: 1px solid #2c2c2c;border-radius: 10px;margin-top: 60px;background: #f2f2f2;}
.contc-info ul{font-size: 0;margin: 0;}
.contc-info ul li{display: inline-block;width: 33.3%;position: relative;transition: all .2s ease-in-out;}
.contc-info ul li.cntc-box1{padding: 0 40px;}
.contc-info ul li.cntc-box1.cnts-users{padding: 0 30px;}
.contc-info ul li.cntc-box1.pnh-num{padding: 0 0px 0 100px;}
.contc-info ul li p{color: #535353;font-size: 16px;position: relative;padding: 0px 0 0 55px;;margin: 0px;}
.cntc-box1 p span{display: block;color: #2d2d2d;text-transform: uppercase;font-size: 16px;font-weight: 600;transition: all .2s ease-in-out;}
.cntc-box1 p a{color: #2b2b2b;}
.cntc-box1 p:before{content: "\e947";font-family: 'icomoon' !important;position: absolute;left: 0px;top: -8px;font-size: 40px;color: #e74c3c;transition: all .2s ease-in-out;}
.cntc-box1.cnts-users p:before{content: "\e92c";}
.cntc-box1.pnh-num p:before{content: "\e946";}
.contc-info ul li.cntc-box1.cnts-users:before{content: "";position: absolute;width: 1px;height: 126px;top: -41px;left: 0px;background-color: #2c2c2c;}
.contc-info ul li.cntc-box1.cnts-users:after{content: "";position: absolute;width: 1px;height: 126px;top: -41px;right: 0px;background-color: #2c2c2c;}
/*.contc-info ul li:hover p:before{color: #589ed4;transition: all .2s ease-in-out;}
.contc-info ul li:hover p span{color: #589ed4;transition: all .2s ease-in-out;}*/

.consultancysec {width: 100%;padding: 60px 20px;position: relative;overflow-x: hidden;}
.contactsec .consultancysec{background: #f2f2f2;border-radius: 20px;/*box-shadow: 0px 12px 20px #0000001f;*/}
.contactsec .map{overflow: hidden;}
.contactsec .btnswrap {margin-bottom: 0;margin-top: 50px;}
.contactsec .btnswrap li {padding: 10px 0;line-height: 1;}
.contactsec .btnswrap li a {color: #2b2b2b;font-size: 18px;font-weight: 600;}
.contactsec .btnswrap li a i {color: #e74c3c; margin-right: 10px;}
.pt-60{padding-top: 60px;}

.form input {width: 100%;height: 50px;border-radius: 10px;border: none;background-color: #f2f2f2;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.09);text-decoration: none;padding: 0 10px;margin: 0 0 20px;font-size: 15px;border: 1px solid #f2f2f2;color: #2b2b2b;}
/*form input:focus , .form select:focus , .form textarea:focus {box-shadow: 0px 0px 12px 0px rgba(0, 178, 178, 0.26);}*/
.bform input:focus , .bform select:focus, .bform textarea:focus {outline:none !important;}
.form label {width: 100%;text-align: left;margin: 0;display: inline-block;text-transform: capitalize;color: #2d2d2d;font-weight: 400;font-size: 16px;margin-bottom: 8px;}
.form select {position: relative;width: 100%;height: 50px;margin: 0 0 20px;border-radius: 10px;padding: 0 20px;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.09);position: relative;font-size: 15px;color: #aba9a9;background: white;border: 1px solid #d4d4d4;    -webkit-appearance: none;}
.form .fa-caret-down {position: absolute;top: 45px;right: 35px;display: inline-block;z-index: 1;color: #aba9a9;}
.consultancysec .form select:after {content: "\f107"; position: absolute; width: 15px; height: 15px; top: 0; display: block; background: #080808; font-size: 15px; }
.intl-tel-input.separate-dial-code .selected-dial-code {font-size: 12px;color: #2b2b2b;}
.form textarea {width: 100%;height: 50px;padding: 10px 0 0 10px;resize: unset;margin: 0 0 20px;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.09);border-radius: 7px;font-size: 13px;border: 1px solid #d4d4d4;}
.form textarea.adres {height: 50px;}
.consultancysec .form .frmbtn [type=submit] {}
/*.consultancysec .form .frmbtn [type=submit]:hover {color: #0984e3;}
*/.consultancysec .form .frmbtn {text-align: center;width: 100%;padding: 0;}
.consultancysec.bannerform .form .frmbtn [type=submit]{width: 100%;}
.main-banner-from-sec .consultancysec:after, .consultancysec.bannerform:after{display: none;}
.consultancysec .intl-tel-input.allow-dropdown.separate-dial-code{width: 100%;}
.bform textarea:focus,.bform select:focus{    outline: 0;}
.form input#phone-country{}
.form input[type=number]::-webkit-inner-spin-button, 
.form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.bform .select-dropdown:after {
    position: absolute;
    content: "\e951";
    font-family: 'icomoon' !important;
    font-size: 10px;
    bottom: 36px;
    right: 38px;
    color: #717171;
    font-weight: 100;
}


.reviewsec{background: #fff;padding:60px 0;}
.reviewsec .mheading{}
.reviewsec .mparagraph{padding-bottom:40px;}
.reviewsec .reviewbox:hover{ position: relative;transform:translateY(-0.625rem);-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.reviewsec .reviewbox{
    display: inline-block;
    -webkit-backface-visibility: hidden;
    width: 100%;
    float: left;
    padding:30px;
    border-radius:10px;
    margin-bottom:30px;
    background: #f2f2f2;
    box-shadow:1px 1px 30px #75757520;
    transform:translateY(0rem);
    -webkit-transition:0.4s;
    -moz-transition:0.4s;
    -o-transition:0.4s;
    transition:0.4s;
    }
.reviewsec .reviewbox h3{font-size: 20px;font-weight:700;color: #2d2d2d;text-transform:capitalize;padding-bottom: 0;margin: 0;}
.reviewsec .reviewbox span{font-size:16px;color: #9c9a9a;font-style: italic;}
.reviewsec .reviewbox .truststars{
    width: auto;
    display: inline-block;
    padding: 0;
    }
.reviewsec .reviewbox .truststars i{font-size:20px;padding-right:2px;}
.reviewsec .reviewbox blockquote{color: #2b2b2b;font-size:18px;margin: 20px 0 0;}
.reviewsec .reviewbox .clinfo{display:inline-block;width:100%;font-size:0;margin-bottom: 20px;}
.reviewbox .clinfo .cliimg{display: inline-block;width: auto;position: relative;}
.reviewbox .clinfo .cliimg img{width: 80px;height: 80px;border-radius: 50%;}
.reviewbox .clinfo .cliratings{display: inline-block;vertical-align: middle;padding-left: 15px;}
.reviewbox .clinfo .cliratings span{
    color: #2b2b2b;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    display: block;
}

.reviewbox .clireview{position: relative;display: block;}
.reviewbox .clireview h3 span{color: #b1afaf;font-style: italic;}
.reviewbox .clireview h2{
    font-size: 22px;
    font-weight: 700;
    color: #2d2d2d;
    padding-bottom: 0;
    text-transform: capitalize;
}


.open-html nav.side{
		width: 100%;
		opacity: 1;
		visibility: visible
	}

.nav-overlay{z-index: 9999;
    top: 0;
    width: 100%;
    position: fixed;}
#menuTrigger{
  left:20px;
  top: 24px;
  position:absolute;
 z-index: 999;
  cursor: pointer;
  display: inline-block;
  width:fit-content;
  height:fit-content;
  padding: 10px 0px;
  -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 9999;
}
.normalmenu.expandedMenu > button.toggleline:before {
    transform-origin: 5px 3px;
    transform: rotate(-45deg);
    transition: all 0.3s ease;
    background: white !important;
    border: 1px solid #fff;
}
.normalmenu.expandedMenu > button.toggleline:after {
    transform-origin: 0 2px;
    transform: rotate(45deg);
    transition: all 0.3s ease;
    background: white !important;
    border: 1px solid #fff;
}
.normalmenu.expandedMenu > button.toggleline {
    background: transparent !important;
    transition: all 0.3s ease;
}
@media screen and (max-width:1010px){
  #menuTrigger{
   top: 30px;
    left: 14px;
  }
}
@media screen and (max-width:767px){
  #menuTrigger{
   top: 30px !important;
    right: 30px;
    left:auto !important;
  }
  .btn-wrap .btn-secondary{
      margin-top:10px;
  }
}
li input.dropdown-trigger{
  display: none;
}


  li input.dropdown-trigger{
    display: inline-block !important;
    position: relative;
    left: 11px;
    transform: scale(1);
    margin: 0 !important;
    top: -3px;
    width: 0px;
  }

  li input.dropdown-trigger:after{
    content: "\e951";
    position: absolute;
    font-family: 'icomoon';
    width: 0px;
    height: 0px;
    animation: colorchange 20s ease infinite;
    left: 0px;
    right: 0;
    top: 0;
    border: 7px solid transparent;
    border-top: 7px solid white !important;
    transition: all 0.3s ease;
    transform: rotate(0deg);
    transform-origin: 7px 6px;
  }
  li input.dropdown-trigger:checked:after {
    transform: rotate(180deg) !important;
  }

  li input.dropdown-trigger:checked + div.mobile-menu-hover{
    display: block !important;

    overflow-y: auto;
    margin-bottom: 8px;margin-top: 8px;
  }

#hum-burgur-menu{display: none;}
#hum-burgur-menu nav.side {
    position: fixed;
    left: 0;
    right: 0;
    font-size: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
    width: 100%;
    margin: auto;
    padding: 0;
    background: #000000eb;
    animation: colorchange 20s ease infinite;
    padding: 7% 5% 5%;overflow-y: scroll;
}
.normalmenu > button.toggleline {
    cursor: pointer;
    position: relative;
    display: block;
    width: 18px;
    height: 2px;
    background: #000;
    border: none !important;
    z-index: 99;
    transition: all 0.3s ease;
}
.normalmenu > button.toggleline:before {
    content: " ";
    position: absolute;
    top: 7px;
    height: 2px;
    width: 25px;
    background: #000;
    left: 0px;
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
.normalmenu > button.toggleline:after {
    content: " ";
    position: absolute;
    top: -7px;
    height: 2px;
    width: 25px;
    background: #000;
    left: 0px;
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
ul.nav-line {
    text-align: left;
    display: inline-block;
        width: 100%;
    vertical-align: middle;
    margin-bottom: 0;
    margin-top: 30px;
}
ul.nav-line li {
    position: relative;
}
ul.nav-line li a {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
}
ul.nav-line li span {
    font-size: 16px;margin-left: 10px;
}
.left-area {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
}
.right-area {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}
.right-area .navfig {
    margin-bottom: 30px;
}
.right-area .headdd {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding-bottom: 10px;
}
.right-area .social-info .msocial {
    margin-bottom: 15px;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.right-area .social-info .msocial li:first-child {
    padding-left: 0px;
}
.right-area .social-info .msocial li {
    font-size: 14px;
    padding: 0 5px;
}
.right-area .social-info .msocial li {
    font-size: 18px;
    display: inline-block;
    padding: 0 10px;
    color: #fff;
}
.right-area .social-info .msocial li a i {
    color: #fff;
}
.right-area .social-info .cominfo {
    color: #fff;
    font-size: 16px;
    padding-right: 30px;
}
.right-area .contact-info .info {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    line-height: 1;
}
li input.dropdown-trigger:checked + div.mobile-menu-hover {
    margin-left: 100px;
}
li input.dropdown-trigger:checked + div.mobile-menu-hover {
    display: block !important;
    overflow-y: auto;
    margin-bottom: 8px;
    margin-top: 8px;
}
.mobile-menu-hover {
    display: none;
    position: absolute;
    top: 20px;
    transition: all .3s;
    z-index: 999;
    text-align: left;
    left: 310px;
    width: 100%;
    transition: dispaly .3s;
}
.mobile-menu-hover ul li a {
    font-size: 22px;
    font-weight: 400;
}
.fixed-header header #menuTrigger{z-index: 999;}


/*body.hompg .destination-sec {
    padding: 40px 0 60px 0;
}*/

body.hompg .faq{padding: 0;background: #fff;}
/*.servicespg .packagesec{margin-top: 60px;}
*/
.custom-qt form{width: 100%; margin: 0 auto;}
header.mobile{display: none;}
.custom-video{
	overflow: hidden;
    width: 100%;
}
.custom-video img{
	height: 700px;
    width: 100%;
   
}
@media(max-width:991px){
	.custom-video video{
    	display:none;
	}
}

#menuTrigger.fixed {position: fixed;}

.policysec{padding:60px 0 0;}
.policysec h3{font-size: 24px;
    line-height: 28px;
    margin: 0 0 20px 0;}
.policylisy{padding: 0 0 20px 0;}   

.portfolio .portfolio-item .portfolio-wrap:hover {
    transform: scale(1.2);
    z-index: 9;
}

.thankyousec .btnwrap{text-align:center;}

video::-webkit-media-controls {
    display:none !important;
}
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}


/*.addons-checkboxes{display:none;}*/
.whatsapp {
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 30px;
    line-height: 52px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    /* box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71); */
    padding: 0px;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #00e676;
    background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);
    /* background: -webkit-linear-gradient(left, #ea018e 0%,#9b2c92 100%); */
    /* background: linear-gradient(to right, #ea018e 0%,#9b2c92 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );
}
.whatsapp:hover{color: #fff;}
.whatsapp:focus{color: #fff;}
.whatsapp i{
    padding-top: 8px;
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}

.ftr-chat {
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 30px;
    line-height: 52px;
    position: fixed;
    bottom: 100px;
    left: 20px;
    z-index: 9999;
    /* box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71); */
    padding: 0px;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: linear-gradient(to right, #5dd1fd 0, #a095fb 100%);
    background: -moz-linear-gradient(to right, #5dd1fd 0, #a095fb 100%);
    background: -webkit-linear-gradient(to right, #5dd1fd 0, #a095fb 100%); 
     background: linear-gradient(to right, #5dd1fd 0, #a095fb 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );
}
.ftr-chat:hover{color: #fff;}
.ftr-chat:focus{color: #fff;}
.ftr-chat i{
    padding-top: 8px;
}


.thankyousec{padding: 80px 0 60px 0;text-align: center;}
.policysec,.termsec{padding:60px 0;}
.policysec h3, .termsec h3{font-size: 24px;
    line-height: 28px;
    margin: 0 0 20px 0;}
.policylisy{padding: 0 0 20px 0;} 
.termsec ul li{position: relative;
    font-size: 14px;
    padding-left: 24px;
    padding-bottom: 5px;
    text-align: left;color: #2b2b2b;}
.termsec ul li:before {
    color: #e548b6;
    content: "\e916";
    font-size: 12px;
    position: absolute;
    font-family: 'icomoon' !important;
    left: 5px;
}
.policysec p.address{margin-left: 34px;}
.policysec ul li span{color: #e548b6;}
.form.brief-form input{margin: 0 0 40px;}

.btmform input[type=text],.btmform input[type=email],.btmform input[type=number]
{
    width: 100%;
    padding: 0 5px;
    border: none;
    font-size: 18px;
    color: #2b2b2b;
    outline: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 2px solid #2b2b2b;
    height: 50px;
    border-radius:0;
   }
.btmform input[type=number]{padding: 0 5px 0 55px;}   
.btmform input[type=checkbox]{width:auto; height:auto;margin:0;}
.btmform .select-dropdown {
    position: relative;
    background: transparent;
    /* z-index: 2; */
}
.btmform .select-dropdown:after {
    position: absolute;
    content: "\e951";
    font-family: 'icomoon' !important;
    font-size: 12px;
    top: 16px;
    right: 10px;
    color: #2b2b2b;
    font-weight: 100;
}
.btmform select {
    width: 100%;
    padding: 0 5px;
    border: none;
    font-size: 18px;
    color: #2b2b2b;
    outline: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 2px solid #e5e9f1;
    height: 50px;
    margin: 0;
    border-radius: 0px;
}    
.servicesField>div{float:left;}
.servicesField ul{list-style: none;text-align: left;}
.servicesField{width: 100%; font-size: 0;}   
.servicesField .mainservices{width: 100%;}

input[type="radio"][class="subservices"]:checked + label{color: #e548b6;}
.red {color:#e548b6 !important;}

input[type="radio"]:before {
    content: "";
    display: inline-block;
    font-family: icomoon!important;
    color: #6c6c6c;
    font-size: 15px;
    border: 2px solid grey;
    border-radius: 50%;
    padding: 7px;
    top: 3px;
    position: relative;
   }

input[type="radio"]:checked:after
 {
        content: "";
    font-family: icomoon!important;
    position: absolute;
    left: 4px;
    font-size: 13px;
    top: 8px;
    color: #6c6c6c;
    width: 10px;
    border-radius: 50%;
    height: 10px;
    background-color: #e548b6;
    }

input[type="radio"] {
   position: relative;
    margin: 0px 10px 0 0;
    display: inline;
    font-size: 18px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #2c2c2c;
    padding: 0;
    height: 0;
    box-shadow: none;
    border: none;

}
input[type="radio"]:focus{outline: none;}

.btmform label {
	width: 100%;
	text-align: left;
	margin: 0;
	display: inline-block;
	text-transform: capitalize;
	color: #2b2b2b;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 8px;
	}
.btmform span {
	width: 100%;
	text-align: left;
	margin: 0;
	display: inline-block;
	text-transform: capitalize;
	color: #2d2d2d;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 15px;
	}	


.voiceOver li{display: inline-block;width: 80px;}
.btmform .form-group{margin: 0 0 25px;width: 100%;float: left;}
.mainservices{display: none;}

.custom-qt .consultancysec .mheading,.custom-qt .consultancysec .mparagraph{text-align: left;}

.btmform ::placeholder {color: #2b2b2b}
.btmform :-ms-input-placeholder {color: #2b2b2b}
.btmform ::-ms-input-placeholder {color: #2b2b2b}
input:-webkit-autofill, input:-internal-autofill-selected {
 
    background-color: transparent !important;
}
.bg-video-wrap {
  overflow: hidden;
    height: 400px;
/*    background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover;
*/    background-size: cover;
    background-position: top center;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    display: flex;}
.bg-video-wrap video {
  z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    background-size: cover;
}
.bg-video-wrap .overlay {
  background-size: 3px 3px;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
}
.bg-video-wrap .textwrap {
  text-align: center;
    width: 800px;
    margin: auto;
    z-index: 3;
}
.bg-video-wrap .btn-box a.chat,.bg-video-wrap .btn-box a.call {color: #fff;}
.bg-video-wrap .textwrap h2,.bg-video-wrap .textwrap p{color: #fff;}

.working-circle.right-circle {
	position: absolute;
	left: 55%;
	top: 30%;
	width: 100%;
	height: 100%;
}
.servicespg.service-3d .packagesec,
.servicespg.modeling .packagesec
{margin-top: 0;}
@media(max-width:991px){
    .packagesec .packagewrap .tab-custom .tabs-3dmodel .packwrap:before,.packagesec .packagewrap .tab-custom .tabs-3dmodel .packwrap:after,.service-logo .packagesec .packagewrap .tab-custom .tabs-logo .packwrap:after,.service-logo .packagesec .packagewrap .tab-custom .tabs-logo .packwrap:before{
        display:none;
    }
}

.packagesec .packagewrap .tab-custom .tabs-3dmodel .packwrap:before{content: '';
    position: absolute;
    background: url(../../assets/images/3d-mod1.png) no-repeat bottom center;
    background-size: cover;
    bottom: 0;
    top: 0;
    left: -80px;
    width: 600px;
    height: 100%;
    z-index: -1;}
.packagesec .packagewrap .tab-custom .tabs-3dmodel .packwrap:after{
	content: '';
    position: absolute;
    background: url(../../assets/images/3d-mod2.png) no-repeat bottom center;
    background-size: cover;
    top: 0;
    right: -30px;
    width: 400px;
    height: 100%;z-index: -1;
}
.packagesec .packagewrap .tab-custom .tabs-2d-logo .packwrap:before,
.packagesec .packagewrap .tab-custom .tabs-3d-logo .packwrap:before{content: '';
    position: absolute;
    background: url(../../assets/images/logo-1.png) no-repeat bottom center;
    background-size: cover;
    bottom: 0;
    top: 0;
    left: 0;
    width: 400px;
    height: 100%;z-index: -1;}
.packagesec .packagewrap .tab-custom .tabs-2d-logo .packwrap:after,
.packagesec .packagewrap .tab-custom .tabs-3	d-logo .packwrap:after{
	content: '';
    position: absolute;
    background: url(../../assets/images/logo-2.png) no-repeat bottom center;
    background-size: cover;
    top: 0;
    right: -30px;
    width: 400px;
    height: 100%;z-index: -1;
}
.servicespg .destination-sec {
   /* padding: 0px 0 60px 0;*/
}
body.custom-qt .contactsec{padding: 60px 0;}

.pricingpg .pricingwrap .detailsec .headd figure img {
    height: auto;
}

/* landing page  */
@media(min-width:992px){
    .black-landing .testisec{
        padding:90px 0 60px;
    }
      .black-landing .client-box{
          position:relative;
      }
    /* .black-landing .client-box:before{*/
    /*   content: "";*/
    /*    background: url(../../assets/images/client-left.gif);*/
    /*    background-size: 100% 100%;*/
    /*    width: 300px;*/
    /*    height: 220px;*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: -10px;*/
    /*    z-index:1;*/
        
    /*}*/
    
    /*.black-landing .client-box:after{*/
    /*    content: "";*/
    /*    background: url(../../assets/images/client-right.gif);*/
    /*    background-size: 100% 100%;*/
    /*    width: 280px;*/
    /*    height: 260px;*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*}*/
.black-landing.christmas .black-banner:before{background: url(../../assets/images/christmas-badge.png);
background: url(../../assets/images/christmas-badge.png);
    width: 222px;
    height: 230px;
    background-size: 100% 100%;}
.christmas .client-box:before {
    content: "";
    background: url(../images/christmas-01.gif);
    background-size: 100% 100%;
    width: 217px;
    height: 250px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
}
.christmas .client-box:after {
    content: "";
    background: url(../images/christmas-02.gif);
    background-size: 100% 100%;
    width: 270px;
    height: 270px;
    position: absolute;
    top: 0;
    right: 0;
}

    .black-landing .black-banner:before{
         content: "";
        background: url(../../assets/images/tag-black.png);
        background-size: 100% 100%;
        width: 179px;
        height: 191px;
        position: absolute;
        top: 0;
        left: 50%;
        z-index:1;
        transform: translate(-50%, 0);
    }
}
.black-landing .snowflake {
  color: #e7faff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
.black-landing .form-black::before{
    display:none;   
}

.christmasForm{position: relative;}
.black-landing .service-banner{
	height: auto !important;
	padding: 120px 0 80px !important;
}

.black-landing .ctawrap {
    background: transparent;
}
.black-landing .ctasec {
    position:relative;
}
.black-landing .ctasec .video-overlay{
    position: absolute;
    background: #000000a6;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.black-landing .ctasec .ctawrap .textwrap .mparagraph {
    color: #000;
     max-width: 100%;
    text-align:center;
}
.black-landing .ctasec .ctawrap .textwrap .mheading {
    color: #2d2d2d;
    max-width: 100%;
    text-align:center;
}
@media(min-width:992px){
    .black-landing .ctasec .ctawrap .textwrap {
        width: 70% !important;
        text-align: center;
        min-height: auto;
        height: auto;
        margin:auto;
    }
    .black-landing .ctasec .ctawrap {
        padding: 30px 60px !important;
        min-height: auto;
    }
}
.black-landing .ctasec .ctawrap .textwrap {
    width: 100%;
    text-align: center;
    min-height: auto;
    height: auto;
}
.black-landing .ctasec .ctawrap {
    padding: 30px 0;
    min-height: auto;
}

.black-landing .rate,.black-landing .mycounterwrap .countter #timer .dig,.black-landing .packagesec .packagewrap .tab-custom .tabbing-links li.current,.black-landing .packagesec .packagewrap .tab-custom .tabs .packwrap .item .btn-wrap .btn-pack,.black-landing .portfolio #portfolio-flters li.filter-active{
      position:relative;
  }
  
  .black-landing .rate:before,.black-landing .btn-primary:before,.black-landing ul.keyFeatures li:before,.black-landing .packagesec .packagewrap .tab-custom .tabbing-links li.current:before,.black-landing .packagesec .packagewrap .tab-custom .tabs .packwrap .item .btn-wrap .btn-pack:before,.black-landing .portfolio #portfolio-flters li.filter-active:before,.black-landing .mycounterwrap .countter #timer .dig:before{
          content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: -10px;
    right: 0;
    height: 23px;
    width: 100%;
    width: 95%;
    margin: auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAXCAYAAABOHMIhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiZJREFUeNrsWMtPlFcUvzPMwIDysLyRR4uATDHWCiVgSmRlios2DeiiXUFs0nRBd6arxqQhJDapkYXhP4BqDKTQhZaFNQSCaBEVJjwdHsNr5DUMDDPDzPT3u7nTDEgRKrKgc5KT+z3uufec33de99P4fD4RpL2RNgjB3kn35MkTeRERESFiYmLkGBoaKnQ6nWSNRvPPZFxr+vv7k6KioiIdDsfa8vLyQkFBgcP3Bnel3MDAQArWI0eFhISE87nb7bZ7PJ4VvLYuLi5O5+fnu9+kMNfq6+tLjIyMzMY6KeBEbK/XarXReI3lPDZMWcc4v7GxYV1dXR3Jy8ub2E5HPvJ6vRSSDH0ku1wuAfsEZOV1IEFHoeNFdHS0yMrK2knR0Lm5uR+hxLdQMjbwHTZbB41h8RGwCdc9MzMzneHh4bGJiYlf4SN8ijkfwqiIncCAAR7Iz2GPSShudjqdfeCeqampvwBQfFxc3JdYqwTv8gB8/F48A8BgKecE14V+L7ju2tpae05OzkuCCZvkPOj8mizmC6vVKtmPu+bx48cC3qI1mUyFUOyywWD4SHlELBaLJmCHNcwAghuAOujtuF4FqHO4nsX4EsAS3I4TJ04ME1h8PDE9PS09TYZoY2Pj1729vd6lpSVfkDYTPG0UkfNDRUWFgQ5Gb2Mh0N29e9eG/GQfHh4W8/PzwUy/ObQ/gMfVVlZW1iAiZdQxp3nv3LljRoL/5erVq1UIxzSiiVD9X4EDYATynCwAzGO858hCQRoaGmJFZNJz8YIcBc4BF966dau6sLAwBxVSJCUlCSThQwuU3W6XkYUok1Vzm5znQx5bbm9v77p+/frPeNSNRzZ/ISBwrG4ZR48eLamtrf2+uLjYSEG9Xi/wTISFhQlWGXohyzO/CJlVl23KQRLbABoaHx+/Z1lUZ/Hq1SsJFj3JT3hmHx8fnydPTEzMj46OziHPW2w22wxeD4Kfgadh/4YEzU8Az4DhffAn5eXlX1y6dKkEoCTspAQ9Mjs7+0BBo8Fms1lkZGTsOo0QLLRNkvnR+fEJzIMHD0xtbW39CL8JTFtSbAOvBIyLHIGVm9VzE2gKuDAMSSpcT6KXyT137lx2cnLyMXhcGDb3wq3XuWF3d/fCzZs3P0c4v5eSknJQbYLo7Ox0gC2lpaVZ3Be67Th/dnZWoAJKsJC3XA8fPhxoamp6hMb+BaaMgWcUMGtszZjiFDNmvcDI91pzG0iY4ARwkwrxkcHBwUdgNrRMbnrqoRbkVzDcvn3bl5qaWsmcgFH4G8XdEGUWFhak51AuISFBnkoCTyFbyWKxCJwIxlC0fq2rq7tcVFRkRKskjh8/Lr0+kBjCCDV/knfdv3//WX19/R8IRRNemxlu4AXwKqM+EJwdj1HbPYSwh3sCPAJDABm2LLchCjS+5/kirKGhwWk0GrMuXrxYQuX9hm/XXTMXMY+srKwI5ApZrbYmZh7deEJhAUKjLe/pLTzSsCuHrK+1tbUJVe3P6upq87Vr174rKysrYHVj/uW+OH3IfEuw4F3ee/fuPQfAvwOs5yyE4CnlFOu7BWrTCWlreO6FACpBZGwUw4BvkANLobReHb3kGZYGsGzTq/zlO8AT1ru6uoZbWlqeA6gINJAfnz59OlVLoX8Jtebm5raampqfcMvQYgTknz9//sKVK1c+y83NTdIEuCnaKMuNGzd+6+np6cCtSTkAw9D9X8Dyh+dbgaaAC1XAnUlPTy+qqqq6cPbs2UzkmWjNljiDJzpwHFnCkW2yo6NjCKW8H54wjlezKvRT09LSTsJrz5w6dSoN+Yp51ADAPUj8VoDbDq9pxrwuJcNIYQllJTIi/xopBw/VA7DJp0+f9hA78CgL5F5C8J2CpoCj8sfA6WCe/FPRhsRlZmbGIs8Y4FFO5CJgtrSsvrRVGW1V93b1myoGnKAKEcHgnwsWpg1lNI0fphwrmdqbckeU18WrnlOjqp5/j7W3BWvfQVPKa5SBkcrYCNVB65TRTlWZ1lXiXVU5xbtlDb2SPaLWYwrgHIcqPg6Vc7fbX69Yoyqfa7/AeiegbWOEVhmsVcWDwPn224iDJgla8Hd38Hd3ELQgaIeI/hZgAIPEp0vmQJdoAAAAAElFTkSuQmCC) no-repeat 50% 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
  }
  .black-landing .keyFeatures .slick-dots li:before{
      display:none;
  }
.custom-animation .fheading {
    font-size: 22px;
    text-align: center;
    line-height: 1.4;
	text-transform: none;
	
}
.custom-animation .mobile .btn{
	float: right;
	margin: 6px;
}
@media (max-width: 991.98px) and (min-width: 768px){
	.custom-animation .langNav ul {
		display: flex;
	}
}
@media(max-width:991.98px){
	body.custom-animation .langNav li a {
		color: #545454;
	}
	.custom-animation .form-custom{
	    top:100px !important;
	}
	.black-landing .form-custom{
	    top:20px !important;
	}
	.black-landing .service-banner {
        padding: 150px 0 80px !important;
    }
    body.black-landing .our-working{
        padding:60px 0  !important;
    }
}
@media(max-width:480px){
    .custom-animation .form-custom{
        padding:30px 15px !important;
    }
}
.custom-animation form h3, .custom-animation form h5, .custom-animation form label{
	color: #4c4c4c;
}
.custom-animation .form-custom::before{
	content: "";
	background-image: url("../images/bedge.png");
    background-size: 100% 100%;
	height: 110px;
    width: 220px;
    background-repeat: no-repeat;
    position: absolute;
    right: -53px;
    top: -60px;
}
.christmasForm:after{
	content:"";
	background:url("../images/christmasForm1.PNG");
	width: 264px;
	height: 347px;
	background-size: 100% 100%;
	position: absolute;
	right: -145px;
	bottom: -55px;
	z-index: -1;
}
.form-custom.christmasForm:before{
	content: '';
	background:url("../images/christmasForm2.PNG");
	width: 136px;
	height: 279px;
	background-size: 100% 100%;
	position: absolute;
	right: -50px;
	bottom: -30px;
	top: auto;
}
.custom-animation .form-custom {
    background-color: #fff;
    padding: 30px;
	border-radius: 20px;
	position: relative;
}
.custom-animation .form-group{
	margin:0 0 20px;

}
.custom-animation .form-control,.custom-animation .inputfile, .custom-animation select{
	width: 100%;
	margin: 0 0 0 0;
	border: 1px solid #e5e5e5;
	background: white;
	padding: 10px 15px;
	color: gray;
	font-size: 14px;
	border-radius: 10px;
	height: 50px;
	font-weight: 400;
	outline: none !important;
}
.custom-animation .form-group textarea {
	height: 120px !important;
}
.custom-animation .bannertext {
	text-align: left;
}
.custom-animation .logo-wrap{
	padding: 0;
}
.custom-animation .menu-column {
    width: 50%;
}
.custom-animation .menu-column p{
    color:white;
}
.custom-animation .footer-info {
    margin-top: 82px;
}
.custom-animation .contact-info span {
    margin-bottom: 8px;
    padding-bottom: 0;
    display: block;
    color: #2d2d2d;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
    text-align: left;
    text-transform: lowercase;
    border-bottom: none;
}
.custom-animation .bannertext .bannerlist li {
	position: relative;
	color: #2d2d2d;
	font-size: 18px;
	padding-left: 33px;
	padding-bottom: 5px;
	width: 100% !important;
	display: inline-block;
	text-align: left;
}
.custom-animation .term label{
    font-size: 14px;
}
.custom-animation .service-banner{
	height: auto !important;
	padding: 150px 0 80px;
}
.custom-animation .banner-heading-2 {
        font-size: 36px;
    line-height: 1.6;
    color: white;
    margin-bottom: 25px;text-transform: capitalize;
}
.custom-animation .footer-container{
    padding-top:0 !important;
}
.custom-animation .service-banner .bannertext .banner-paragraph {
    color: #2d2d2d;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0;
}
.custom-animation .service-banner .bannertext .banner-heading {
    color: #2d2d2d;
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 6px;
    text-transform: capitalize;
    line-height: 1.1;
}
.custom-animation .rate{
        color: #2d2d2d;
    background: linear-gradient(to right,#ff1126 0,#ff03c3 88%);
    border-color: #d40071;
    border-radius: 10px;
    padding: 5px 15px;
    line-height:1.2;
    display:inline-block;
}
.custom-animation .service-banner .bannertext .banneranchor{
    position:relative;
    top:15px;
}
@media (max-width: 767.98px) {
    .custom-animation .form-group {
         padding: 0 30px; 
    }
    .mycounterwrap .countter {
        text-align: left !important;
    }
    .custom-animation .banner-heading-2 {
        font-size: 24px !important;
        
    }
    .custom-animation .service-banner .bannertext .banneranchor{
        top:0 !important;
    }
    .custom-animation .service-banner {
      
        padding: 50px 0 150px  !important;
    }
}
@media(min-width:992px){
    .custom-animation .form-custom {
        min-width: 350px;
        max-width: 400px;
        float: right;
    }
    
    .black-landing.custom-animation .bannertext {
        width: 100%;
    }
}
.mycounterwrap {
    margin-bottom: 20px;
}
.mycounterwrap .countter {
    background: #fff0;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    z-index: 9;
}
.mycounterwrap .countter #timer #days{
    display:none;
}
.mycounterwrap .countter #timer .dig span{
    font-size:15px;
}
.mycounterwrap .countter #timer .dig {
    display: inline-block;
    width: 100px;
    line-height: 1;
    padding: 15px;
    font-size: 30px;
    font-weight: 700;
    background-color: white;
    margin: 6px 6px 0 0;
    border-radius: 10px;
	color: #e548b6;
	text-align: center;
}
.mycounterwrap .countter #timer span {
    display: block;
    font-size: 16px;
    margin-top: 8px;
    color: #868585;
    font-weight: 400;
}
@media (max-width: 991px) and (min-width: 768px){
	.custom-animation .headerUp .right {
		padding-top: 10px;
	}
}


.brief-form .consultancysec {
    width: 70%;
    padding: 60px 0;
    margin: 0 auto;
    background: #fff;
}

/*exit popup*/
@media(max-width:991px){
    .ys-layer,.ys-container,.left-img{
        display:none !important;
    }
}
.ys-layer {
    display: none;
    background-image: url(../images/pattern.png);
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.ys-container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    overflow: auto;
}

.ys-container.visible, .ys-layer.visible {
    display: block;
}

.ys-box {
    background-color: #fff;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px 20px 20px 20px;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,.8);
    transition: height .2s ease-in-out;
    overflow:hidden;
}

.ys-popup-close{position: absolute; color: #000; text-align: center; font-size: 17px; text-decoration: none; display: block; right: 20px; top: 20px; font-weight: 700;}
.ys-container.finished .ys-popup-close {width: 40px;
    height: 40px;
    text-indent: 0;
    z-index: 999;
    background: linear-gradient(to right,#ff03c3 0,#ff1126 88%);
    border-radius: 50%;
    padding: 4px 0;
    font-size: 20px;
    color: #2d2d2d;}

.ys-popup-content {display: none;padding: 80px 60px 30px;}

.ys-container.finished .ys-popup-content {display: block;}

.ys-popup-close:hover {text-decoration: none;color: #f00;}
@media(min-width:992px){
	.ys-box{
		width: 80% !important;
	}
}
@media(max-width:991px){
	.ys-box{
		width: 90% !important;
	}
}
.ys-box{
   height: auto;
    margin: 0px auto;
    position: relative;
    top: 50%;
    background-color: #fff;
    transform: translateY(-50%);
}
	.popupform h3{color: #4c4c4c;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;
    text-align: left !important;
    margin: 0 0 20px 0;}
 .popupform h2{text-transform: capitalize;
    line-height: 1.1;
    color: #2e2e2e;
    font-size: 40px;
    font-weight: 700;
    margin: 0 auto 20px auto;}   
.popupform p {color: #000;padding: 0 0 8px;font-size: 14px; text-align: left;}
.popupform form p{color: #000;font-size: 14px;font-weight: 500;}
.popupform form p span{color: #0c71f4;}
p.small{font-size: 14px;color: #000;text-align: center;display: block;}
.popupform form{font-size: 0;}
.popupform form .fldst{margin: 0 20px 20px 0; display: inline-block; width: 100%;}
.popupform form .fldst.fldstrght {margin: 0 0 20px 0;}

.popupform form input[type=text], .popupform form input[type=email], 
.popupform form input[type=number],.popupform form select {
   width: 100%;
    height: 50px;
    border-radius: 10px;
    border: none;
    background-color: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.09);
    text-decoration: none;
    padding: 0 0 0 10px;
    margin: 0 0 0px;
    font-size: 15px;
    border: 1px solid #d4d4d4;
    color: #495057;
}
.popupform form .select-dropdown{position: relative;}
.popupform form .select-dropdown:after {
    position: absolute;
    content: "\e951";
    font-family: 'icomoon' !important;
    font-size: 11px;
    bottom: 18px;
    right: 12px;
    color: #717171;
    font-weight: 100;
}
.ys-box .head-img{
	position: absolute;
    top: -50px;
    z-index:-1;
    height:150px;
    object-fit:cover;
    
}
.ys-box .left-img{
	width: 100%;
    position: relative;
    
}
.tabform form .fldst.btnattach {
    position: relative;
    width: 100%;
}
.popupform form textarea {
    height: 100px;
    width: 100%;
    border-radius: 10px;
    color: #495057;
    padding: 12px 16px;
    border: 1px solid #d4d4d4;
    font-size: 15px;
}
.tabform form .fldst.btnattach button span {
    color: #2d2d2d;
    font-size: 20px;
}
.popupform form .fldst.btnattach button { position: absolute; bottom: -15px;
 border: 0; display: inline-block; right: -25px;
  background: linear-gradient(to right,#ff03c3 0,#ff1126 88%); width: 50px; height: 50px;
   border-radius: 50%; cursor: pointer; }
.popupform form input:focus,.popupform form select:focus,.popupform form textarea:focus{outline: none;}

.mb-display{display: none;}
 /*.mb-none{display: block;}*/
 
.portfolio .portfolio-item .portfolio-wrap:hover .active{display:block ; }
.portfolio .portfolio-item .portfolio-wrap:hover .static{ display: none ;}
.portfolio .portfolio-item .portfolio-wrap .active{ display:none;position: relative;}
.portfolio .portfolio-item .portfolio-wrap .static{ display:block;position: relative;z-index: 2;}

/*.portfolio .portfolio-item .portfolio-wrap .static:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    content: '';
    opacity: 0;
     background-color: #000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 99;
  }
  
.portfolio .portfolio-item .portfolio-wrap .active:before {
      content: '';
      background-color:#000;
      background-size:cover;
      left: 0;
    right: 0;
    top: 0;
    bottom: 0;
      position: absolute;
      opacity: 0;z-index: 99;
      
 
  }*/
#notfound a.logo{    position: absolute;
    left: 50%;
    top: 15%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
#notfound a.logo img{width: 200px;}
#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}

.notfound .notfound-404 {
  position: relative;
  height: 200px;
  margin: 0px auto 20px;
  z-index: -1;
}

.notfound .notfound-404 h1 {
  font-size: 236px;
  font-weight: 200;
  margin: 0px;
  background: linear-gradient(-31deg, #727cc6 0,#f841b7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notfound .notfound-404 h2 {
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
  color: #2d2d2d;
  background: #f2f2f2;
  padding: 10px 5px;
  margin: 0 0 20px 0;
  display: inline-block;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
}


/*.notfound a {
 padding: 14px;
 cursor: pointer;
 border: 1px solid #e5e5e5;
 text-align: center;
 width: 210px;
 color: #3a3e54 !important;
 font-size: 18px !important;
 background: #e5e5e5;
 display: table-cell;
 border-radius: 6px;
 -webkit-transition: 0.4s;
 -moz-transition: 0.4s;
 -o-transition: 0.4s;
 transition: 0.4s;
 height: 57px;
 display: inline-block;
}*/


@media only screen and (max-width: 767px) {
  .notfound .notfound-404 h1 {
    font-size: 148px;
  }
}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    height: 148px;
    margin: 0px auto 10px;
  }
  .notfound .notfound-404 h1 {
    font-size: 90px;
  }
  .notfound .notfound-404 h2 {
    font-size: 16px;
  }
  
}


/*Responsive CSS*/
@media only screen and (max-width: 768px){
header.mobile{display: block;
    position: fixed;
    padding: 5px 10px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    box-shadow: 0px 10px 23px #0000000d;
    background: #fff;
}
header.mobile a.logo{padding-left:10px;}
.fixed-header, .static-header header{display: none;}


.right-area .contact-info .info {
    line-height: 2 !important;
}
ul.nav-line li{margin-bottom: 10px;}
ul.nav-line li span {
    font-size: 12px;}
ul.nav-line{width:100%;display:block;position:relative;}
.right-area{width:100%;display:block;position:relative;padding-top:30px;}
.right-area .navfig{display:none;}
.right-area .social-info .cominfo,.right-area .contact-info .info{font-size:12px;padding-right:0;margin: 0;}
#hum-burgur-menu nav.side{padding-top:100px;overflow: auto;}
.whitelogonav{left:20px;}
li input.dropdown-trigger:after{border:4px solid transparent;border-top:4px solid white !important;}
li input.dropdown-trigger{top:6px;}
li input.dropdown-trigger:checked:after{top:-8px;}
li input.dropdown-trigger:checked + div.mobile-menu-hover{margin-left:20px;}
.right-area .social-info .msocial{margin-top:0;}
ul.nav-line li a{font-size:16px;}
.right-area .headdd{margin-bottom: 0;}
.mobile-menu-hover {    position: relative;
    left: 0;
    margin: 0 0 0 20px !important;
    padding-bottom: 20px;}

.left-area{width: 100%;}


header, .hompg .static-header header{position: fixed;top: 0;}
.logo-wrap{padding: 0;}
.langNav{display: none;}
.bannerlogos .trustlogos{padding: 0 15px;}
.social-list{display: none;}

.slick-dots li button:before {
    width: 15px;
    height: 15px;
}

.mheading{font-size: 28px !important;}
.mparagraph{font-size: 16px !important;
    margin: 0 !important;}
.hero-text-slider h2,.service-banner .bannertext .banner-heading{font-size: 40px;}

/*.testisec{padding: 0 0 60px 0;}*/
.testisec .testimonialswrap .twoColumns .twoColumnItem{width: 100%;margin: 0 20px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .infohalf{width: 100%;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .signhalf{width: 40%;}
.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote h3{font-size: 26px;margin-bottom: 15px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .infohalf h4{font-size: 15px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .infohalf h4 span{font-size: 12px;}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure .designImage img{display: none;}
.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote p{margin-left: 0;}
.testisec .testimonialswrap .slick-dots{left: 20px;}
.serv-sec .container .services-tab-cont .tabs-inner-img video {height: 400px !important; }
.services-tab-cont { padding-bottom: 0px; }

.destination-sec #portfolio-flters li,
.packagesec .packagewrap .tab-custom .tabbing-links li, 
.pricetablesec .tab-custom .tabbing-links li {
    padding: 5px 20px;
    line-height: 30px;
    font-size: 12px;
    margin: 0 3px 15px;
}
.typesslider .slick-prev,
.typesslider .slick-next,
.packwrap .slick-prev,
.packwrap .slick-next,
.hiw-items .slick-next,
.hiw-items .slick-prev,
.industry-list .slick-prev,
.industry-list .slick-next,
ul.keyFeatures .slick-prev,
ul.keyFeatures .slick-next{
    width: 28px;
    height: 28px;
}
.typesslider .slick-prev:before,
.typesslider .slick-next:before,
.packwrap .slick-prev:before,
.packwrap .slick-next:before,
.industry-list .slick-next:before,
.industry-list .slick-prev:before,
ul.keyFeatures .slick-prev:before,
ul.keyFeatures .slick-next:before{
    font-size: 18px;
}
.packagesec .packagewrap .tab-custom .tabbing-links {margin: 0px 0 30px;}
.packwrap-slider .slick-list{width: 100%;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item{width:100%;margin: 0;}
.packagesec .packagewrap .tab-custom .tabs .packwrap{}
.packwrap .slick-prev {
    left: 5px!important;
}
.packwrap .slick-next {
    right: 5px !important;
}
.packwrap .slick-prev:before, .packwrap .slick-next:before{font-size: 18px;
    line-height: 10px;
    font-weight: 700;}

.keyFeatures-sec .container-fluid{padding: 0 15px;}
ul.keyFeatures{padding: 30px 0;}
ul.keyFeatures li{}
ul.keyFeatures li[role="presentation"]{height:200px;}
ul.keyFeatures .slick-dots{position: relative;}
ul.keyFeatures ul.slick-dots >li {
    margin: 0 6px;
    position: relative;
    padding: 0px !important;
    overflow: visible;
    width: 15px !important;
    height: 15px !important;
}

.whychooseus .midfigure,
.ctasec .ctawrap .figcta,
.questionsec .quesfig,
.ctasec .ctawrap .figcta
{display:none;}

.whychooseus .text-center{margin-top: 20px;}
.whylist.right li .figsec{order: 1;}
.whylist.right li .text{text-align: left;order: 2;margin-left: 15px;}
.whylist.right li{display: inline-flex;}

.ctasec .ctawrap .textwrap{width:100%;}
.ctasec .ctawrap{padding: 50px 15px;
    min-height: 0;}
.ctasec .ctawrap .textwrap .btn-wrap a{padding: 14px 15px;}
.ctasec .ctawrap .textwrap .btn-wrap a:nth-child(1){margin-right: 8px;}

.faq .accordwrap{padding:60px 0 0;}
.quest-content p,.quest-content ul li{font-size: 16px;}
.quest-title{font-size: 18px;padding: 25px 40px 25px 10px;}

.footer-container{padding-bottom:20px;padding-top:80px;background-position: top right 5%;}
.copy p,.policyanchors{text-align: center;}
.footer-column{padding-top: 60px;}
.menu-column{padding: 0 10px;}
.footer-info {margin-top: 0px;}
.back-top{top: 40px;}
.fpayment img{width:100%;}

.working-text-slider{margin: 30px 0 0;}
.text-info{font-size: 24px;}
.working-slide-text p{margin: 0;}


.service-banner{margin-top: 75px;height: 750px;}
.service-banner .bannertext .btnwrap a{display: block;margin-bottom: 20px;width: fit-content;}
.content-list li{font-size: 16px;width:100%;}

.aboutsec figure.vid{margin-top: 0;display:none;}
.aboutsec figure.vid img{width: 100%;}
.servicespg .ctasec{padding: 0;}
.servicespg .questionsec{padding: 60px 0 0;}
.servicespg .destination-sec,.servicespg .our-working {padding: 60px 0;}

.mycount .countwrap .countlist li{padding:0 15px;}
.mycount .countwrap .countlist li p{font-size:16px;}
.mycount .countwrap .countlist li h3{font-size:30px;}
.contc-info{padding:0px;margin: 0;}
.contc-info ul li.cntc-box1{width:100%;display:block;padding:20px;}
.contc-info ul li.cntc-box1.pnh-num{padding:20px;}
.contc-info ul li.cntc-box1.cnts-users{border-top:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c;padding:20px;}
.contc-info ul li p{}
.cntc-box1 p:before{}
.contc-info ul li.cntc-box1.cnts-users:before,
.contc-info ul li.cntc-box1.cnts-users:after{content:none;}

.ourStory .mheading{text-align:left;}
.ourStory .mparagraph{text-align:left; }
.ourStory img{width: 100%;}
/*body.hompg .our-working{padding: 0;}*/
.custom-qt form{width: 100%;}
body.pkgs .ctasec, .port-pg .ctasec{padding-bottom: 0;}

.service-banner .bannertext .bannerlist li{width: 100%;}
.service-banner .bannertext{text-align: left;}

body.howitpg .whychooseus{padding:0 0 60px 0}
body.nobanner, .inner-banner{margin-top: 75px;}


.questionsec video{display:none;}
/*.testisec{padding: 0 0 60px 0;}*/
.packagesec .mparagraph{/*margin-bottom: 30px !important;*/}
body.pkgs .testisec {padding: 60px 0;}
.consultancysec .form .frmbtn{text-align: left;}
.contactsec .consultancysec{margin-bottom: 60px;}
.custom-video img{display: none;}

.packagesec .packagewrap .tab-custom .tabs-logo .packwrap:after,
.packagesec .packagewrap .tab-custom .tabs-logo .packwrap:before
{content:none;}

.hero-text-slider .text-slide a{margin-bottom: 10px;}
.hero-text-slider .text-slide a.mb-display{display: block;width: 180px;} 
.hero-text-slider .text-slide a.mb-none{display: none;}

#pkg-scroller .mTSButtonLeft, #port-scroller .mTSButtonLeft{left: 82%;top: -8px;width: 30px;
    height: 30px;}
#pkg-scroller .mTSButtonRight, #port-scroller .mTSButtonRight{right: 0;top: -8px;width: 30px;
    height: 30px;}
#pkg-scroller{padding: 50px 0px 0;
    width: 100% !important;
    overflow: hidden;}
.packagesec .packagewrap .tab-custom{}
#pkg-scroller, #port-scroller{padding: 50px 0 0;}    
.mb-display{display: inline-block;}
.mb-none{display: none;}
.services-tab-cont .tabs-inner-img{display: none!important;}
.services-tab-cont .tabs-inner-cont{width: 100% !important;}

/*.serv-wrap .serv-tabs .slick-list{height: 300px !important;}*/
.packagback{display: none;}
.portfolio-box-wrap .left-sec, .portfolio-box-wrap .right-sec{width: 100%!important;}
.portfolio-box-wrap .full-bx, .portfolio-box-wrap .twohalf-bx, .portfolio-box-wrap .half-bx,
.portfolio-box-wrap .bottom-sec .twohalf-bx, .portfolio-box-wrap .bottom-sec .half-bx{width: 100%!important;
    height: 270px!important;
    padding: 15px 0 !important;}
.ctasec{padding: 0;
    background: transparent;} 
.service-sec img,.service-sec video{display: none;}       
.service-sec{padding: 40px 0!important;}
.testisec{padding: 60px 0 80px 0;}


}

@media (min-width: 320px) and (max-width: 480px) {
   .ctasec .ctawrap .textwrap .btn-wrap a{margin-bottom: 10px!important;
    margin-right: 0px !important;
    margin-top: 0px;
   }
   .hero-text-slider h1 {
        font-size: 40px;
        margin: 0 0 20px 0;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -1px;
    }
   /*.ctasec .
     {padding: 100px 20px 150px 20px;}*/
   #menuTrigger{position: fixed;left: 90% !important;top: 30px;}
   header.mobile a.logo {
    padding-left: 0px;
}
   .pricingwrap .slidersec{display:none;}
   .pricingwrap .detailsec .boddy .btnwrap{bottom: -20px;}
   .pricingwrap .detailsec {
    padding: 35px 0px;}
    .hero-image-slider .video-center{margin-left: auto;
   margin-right: auto; margin-top:75px;
    max-width: 100%;max-height:594px;
 
    }
    .hero-image-slider .video-center video{max-width:100%;}
    .service-banner .bannertext .trustlogos li{text-align:center;}
.custom-animation .form-custom::before{right: -10px;
    top: -70px;}    
   .btn-box a.chat, .btn-box a.call{font-size: 14px !important;padding: 0 0 0 8px !important;}
.btn-box a.btn{padding: 12px 14px!important;}

}

@media (width: 320px){
    ul.keyFeatures li{padding: 35px 10px 30px;}
    .testisec .testimonialswrap .twoColumns .twoColumnItem{padding: 0px 15px;}
    .destination-sec #portfolio-flters li,
    .packagesec .packagewrap .tab-custom .tabbing-links li,
    .pricetablesec .tab-custom .tabbing-links li{padding: 5px 10px;}
    .whylist li .figsec img {width: 100%;}
    .testisec .testimonialswrap .twoColumns .twoColumnItem blockquote{padding-left:50px;}
    .ctasec .ctawrap{padding:50px 20px 120px;}
    .policyanchors li a{font-size:12px;}
    .hero-text-slider h2,
    .service-banner .bannertext .banner-heading{font-size:34px;}
    /*.service-banner{height:1000px;}*/
    .pricingwrap .detailsec .boddy .btnwrap a.btn{padding: 14px 20px;}
    .pricingwrap .detailsec .boddy .btnwrap .call{font-size: 16px; margin-left: 10px;}
    .questionsec .textwrap .btnswrap li a{font-size: 16px;}
    
}

@media (min-width: 940px) and (max-width: 1024px){
.header-wrap{display: block;}  

.whychooseus .midfigure img{}
.whylist li .text p{font-size: 14px;}
.aboutsec figure.vid img{width: 100%;margin-top: 0 !important;}
.aboutsec figure.vid{margin-top: 0 !important;}
.working-circle{left: -62%;}
.langNav li a{font-size: 13px;}
.hero-image-slider .video-center video {
    max-width: 100%;
}

.packagesec .packagewrap .tab-custom .tabs-logo .packwrap:after,
.packagesec .packagewrap .tab-custom .tabs-logo .packwrap:before,
.packagesec .packagewrap .tab-custom .tabs-3dmodel .packwrap:after,
.packagesec .packagewrap .tab-custom .tabs-3dmodel .packwrap:before
{content:none;}


}
@media (min-width: 768px) and (max-width: 990px){
  .aboutsec figure.vid,.aboutsec figure.vid img{margin-top: 0 !important;}
  .msform{width: 680px;}
  .msform fieldset.time_fieldset {
    max-width: 400px;}
    .ctasec .ctawrap .textwrap{width:100%;}
}
@media (max-width: 1399.98px) and (min-width: 1200px){
    
}

@media (max-width: 1600px) and (min-width: 1400px){
  .service-banner .bannertext .bannerlist li{width:40%;}  
  
}

@media (min-width:768px) and (max-width:1200px){

ul.keyFeatures .slick-prev,
ul.keyFeatures .slick-next{
    width: 28px;
    height: 28px;
}
ul.keyFeatures .slick-prev:before,
ul.keyFeatures .slick-next:before{
    font-size: 18px;
}
ul.keyFeatures{padding: 30px 0;}
ul.keyFeatures li{}
ul.keyFeatures li[role="presentation"]{height:200px;}
ul.keyFeatures .slick-dots{position: relative;}
ul.keyFeatures ul.slick-dots >li {
    margin: 0 6px;
    position: relative;
    padding: 0px !important;
    overflow: visible;
    width: 15px !important;
    height: 15px !important;
}
.headerUp .right{width: 70%;}
.headerUp .left{width: 30%;}
.hero-image-slider .video-center video{max-width: 100%;}


}


@media (max-width: 375px) and (min-width: 0px){
  .ctasec .ctawrap .textwrap .btn-wrap a {
    padding: 14px 12px;
}
  
}

@media (min-width:990px) and (max-width:1200px){
.ctasec .packagback {
    object-fit: cover;
    object-position: right;
}
.langNav li a,.mainNavigation > ul > li > a{font-size:14px;padding: 25px 8px;}
/*.register-btn{padding: 11px 8px;}*/
.service-banner .bannertext .bannerlist li{width:50%;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .pricing .cross{font-size: 22px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item .pricing .discounted{font-size: 30px;}
.packagesec .packagewrap .tab-custom .tabs .packwrap .item p{font-size: 14px;}
.packagback{object-fit: cover;
    object-position: left;}
.testisec .testimonialswrap .twoColumns .twoColumnItem{width: 50%;}
.testisec .testimonialswrap .twoColumns .twoColumnImage{padding-left: 50px;width: 50%;}
.whylist.left li .text{float: right;margin-left: 0;}
.whylist li .figsec img{width: 100px;}

.ctasec .ctawrap .figcta {right: -68px;}
.whylist li .figsec{}
}

 @media screen and (width: 1200px){

.headerUp .left{width: 40%;display: inline-block;float: left;}
.headerUp .right{width: 60%;display: inline-block;}
.langNav li a,.mainNavigation > ul > li > a{font-size:14px;}
/*.register-btn{padding: 11px 8px;}*/


}

@media screen and (min-width: 1201px) and (max-width:1410px){
.headerUp .left{width: 45%;display: inline-block;float: left;}
.headerUp .right{width: 55%;display: inline-block;}

/*.register-btn{padding: 11px 8px;}*/

}
@media screen and (min-width: 1201px) and (max-width:1429px){
    .langNav li a,.mainNavigation > ul > li > a{font-size:14px;}
}

/*christmas bar css*/
 .countdown-bar{background:#9C1E1E;padding: 10px 0;position:absolute;left: 0;right: 0;margin-top:74px;z-index: -1;}
.marry-img{width:280px;margin-right:30px;}
.get-img{width:240px;margin-top:5px}

.chriscounterwrap {text-align:center;margin-top:5px}
.chriscounterwrap .countter {
    background: #fff0;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    z-index: 9;
}

.chriscounterwrap .countter #timer .dig {
    display: inline-block;
    line-height: 1;
    font-size: 22px;
    font-weight: 700;
    margin-left:25px;
    color: #2d2d2d;
    text-align: center;
}

.chriscounterwrap .countter #timer span {
    display: block;
    font-size: 11px;
    color: #2d2d2d;
    font-weight: 400;
}
@media(max-width:991px){
    .countdown-bar{display:none;}
}



@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(1);
        transform: translateY(-1200px) scale(1);
        /* opacity: 0.7; */
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        /* opacity: 0.7; */
    }
}
@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(1);
        transform: translateY(-1200px) scale(1);
        /* opacity: 0.7; */
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        /* opacity: 0.7; */
    }
    
}
.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown;
}
 @media(min-width:992px) and (max-width:1440px){
    
    .banner-animate {
    	position: relative;
    	overflow: hidden;
    	top: 50px;
		right: 50px;
        transform: none;
    }
  }
  @media(min-width:1439px) and (max-width:1599px){
     
  }
/*revamp-css*/
.portfolio{/*background: url('../images/portfolio-bg.jpg') no-repeat top center;background-size: cover; */ background-color: #fff;}
.portfolio .mheading,.portfolio .mparagraph{color: #000;}
.slide-left-on{}
.slide-left-on .video-cente{}
.slide-left-on{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 25px;
}
.slide-left-on .video-cente{}
.slide-left-on video{
	width: 100%;
    object-fit: cover;
}
.ipad{
	width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.portfolio-box-wrap{width: 100%; display: block;position: relative;font-size: 0;}
.portfolio-box-wrap .left-sec{    width: 50%;
    display: inline-block;}
.portfolio-box-wrap .right-sec{
    width: 50%;
    display: inline-block;
    }

.portfolio-box-wrap .half-bx{
    width: 50%;
    display: inline-block;
}
.portfolio-box-wrap .twohalf-bx{
   
}
.portfolio-box-wrap .full-bx{
    
}
.portfolio-box-wrap .bottom-sec{}
.portfolio-box-wrap .bottom-sec .half-bx{width: 25%;
    display: inline-block;}
.portfolio-box-wrap .bottom-sec .twohalf-bx{width: 50%;
    display: inline-block;}
.portfolio-item .img-fluid{
    width: 100%;
    height: 100%;
    }

.packagesec .mheading,.packagesec .mparagraph{color: #000;}    


.hero-text-slider .bannerlist {
    margin-bottom: 40px;
    margin-top: 20px;
    width: 100%;
    font-size: 0;
}
.hero-text-slider .bannerlist li {
    position: relative;
    color: #000;
    font-size: 16px;
    padding-left: 33px;
    padding-bottom: 5px;
    width:100%;
    display: block;
    text-align: left;
    vertical-align: top;
    font-weight:600;
    /*text-shadow: 1px 2px 1px #b1378d, 3px 3px 0px #3a3a3a;*/
}
.hero-text-slider .bannerlist li:before {
    color: #e74c3c;
    content: "\e916";
    font-size: 18px;
    position: absolute;
    font-family: 'icomoon' !important;
    left: 5px;
    text-shadow:none;
}
.hero-text-slider .text-slide .banner-cta{ width: 100%;
   }

.hero-text-slider .text-slide .banner-cta a.chat,
.hero-text-slider .text-slide .banner-cta a.book-call-now
{
    color: #000;
    font-size: 18px;
    vertical-align: middle;
    padding: 0 0 0 10px;
    font-weight:600;
}
.hero-text-slider .text-slide .banner-cta a i {
    margin-right: 5px;
    font-size: 16px;
}
.hero-text-slider .text-slide .banner-cta a.chat:after{content: '';
    position: absolute;
    height: 22px;
    width: 1px;
    background: #b7b6b6;
    margin:0 10px;
    text-shadow: 1px 2px 1px #ff03c3, 3px 3px 0px #3a3a3a;
    }
.serv-sec{
    background: #f2f2f2;
    padding: 60px 0;
}

.serv-wrap{
	width: 100%;
	position: relative;
	display: block;
	background-color: #fff;
	padding: 40px 15px 20px;
	border-radius: 5px;
	font-size: 0;
}
.musicpg .serv-wrap{
    padding: 20px 15px 20px;
}
.serv-wrap .serv-tabs{width: 100%;display: inline-block;padding: 0 0 20px;vertical-align: middle;}

.serv-wrap .serv-tabs h3{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid #000;
    margin-bottom: 25px;
    display: inline-block;
    position: relative;width: auto;
}
@media(max-width:991px){
    .slide-left-on {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		right: 0;
		overflow: hidden;
		width: 80%;
		border-radius: 25px;
	}
	.ipad {
		width: 80%;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	.banner-animate{right:0;}
    .serv-wrap .tab-content-wrapper{width:100% !important;padding: 0 0px !important;}
   .serv-wrap .slick-vertical .slick-slide,.serv-wrap .serv-tabs{width:100% !important;text-align:center;}
   .serv-wrap .serv-tabs h3{display:inline-block;margin-bottom: 15px;}
}
@media(max-width:767px){
    .serv-wrap .tab-content-wrapper{text-align:center;}
    
}
@media(max-width:1190px) and (min-width: 768px){
    .services-tab-cont .tabs-inner-cont{width:60% !important;}
    .services-tab-cont .tabs-inner-img{width:40% !important;}
     .btn-box a.btn{width:155px;display: block;    margin-bottom:20px;}
.service-3d .bg-video-wrap .btn-box a.btn{width:auto;margin-bottom:0px;display: inline-block;}
    .services-tab-cont .tabs-inner-cont .btn-box a{ }
    .services-tab-cont .tabs-inner-cont .btn-box a.chat, .services-tab-cont .tabs-inner-cont .btn-box a.call{}
}
.serv-wrap .tab-content-wrapper{width: 100%;display: inline-block;vertical-align: middle;padding: 0 20px;}
.services-tab-cont{width: 100%; position: relative;display: block;}
.services-tab-cont .tabs-inner-cont{width: 55%;display: inline-block;vertical-align: middle;padding: 0 0px;}
.services-tab-cont .tabs-inner-cont h3{
    margin: 0;
    color: #2d2d2d;
    padding-bottom: 15px;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    transition: color .3s;
    
}
.services-tab-cont .tabs-inner-cont p{padding-bottom: 20px;}

.services-tab-cont .tabs-inner-cont .btn-box a.btn{padding: 12px 14px;}

.btn-box a.chat, .btn-box a.call {
    color: #000;
    font-size: 16px;
     display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
    font-weight: 600;
    position: relative;
    margin-right: 10px;
}
.btn-box a.call{ margin-right: 0px;}
.btn-box a.chat:after {
    content: '';
    position: absolute;
    height: 22px;
    width: 1px;
    background: #000;
    margin: 0 10px;
    text-shadow: 1px 2px 1px #ff03c3, 3px 3px 0px #3a3a3a;
}
.btn-box a i{margin-right: 5px;}
.services-tab-cont .tabs-inner-cont .btn-wrap a i{margin-right:5px;}

.services-tab-cont .tabs-inner-img{width: 45%;display: inline-block;vertical-align: middle;padding: 0 15px;border-radius: 20px;    
   }
.services-tab-cont .tabs-inner-img video{width: 100%; height: 400px !important; border-radius: 10px;object-fit: cover; border: 2px solid #000;}
.services-tab-cont { padding-bottom: 0px; }
.serv-wrap .serv-tabs .slick-list{/* height: 300px !important; */}
.serv-wrap .serv-tabs .slick-slide.slick-current h3{color: #e74c3c; border-bottom: 2px solid #e74c3c; font-weight: 700;transition: color .3s;}    
.serv-wrap .serv-tabs .slick-slide{text-align: center;}
.service-sec{width: 100%;position: relative;padding: 60px 0;background: #090909;}
.service-sec:nth-child(even){background: #f2f2f2;}
.service-sec img {width: 100%;}
.service-sec a{margin-right: 10px;}
.service-sec a.sec-btn{border: 1px solid #e548b6;}
ul.nav-line li:hover .mobile-menu-hover{display: block;} 

.hero-text-slider h3{ font-size: 18px;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 0px;
    width: auto;
    display: inline-block;
    color: #2d2d2d;
    font-weight: 600;
    border-bottom: 2px solid #fff;
    margin-bottom: 10px;}
    
.service-sec .btn-wrap{padding-top: 15px;}    
.serv-sec p{padding-bottom: 40px;}



select option {
    background: #f2f2f2;
}
.intl-tel-input .selected-flag { border-radius: 10px 0px 0 10px;}
.msform .intl-tel-input.separate-dial-code .selected-dial-code{padding-left: 10px;}

.packagesec.spritepkg{    position: relative;}
.packagesec .circle{
    /* background-image: url(../images/pkg-sprite.png); */
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    display: inline-block;
    width: 380px;
    height: 390px;
    }
.packagesec .circle.one{
    background-position: -440px -35px;
    z-index: 2;
    top: 0;
    }    

.packagesec .circle.two{
    background-position: -845px 0;
    z-index: 2;
    bottom: 250px;
    }    
.packagesec .circle.three{
    background-position: 0px 0;
    z-index: 0;
    right: 0;
    bottom: 140px;
    } 
    
    
    .otp__fld{
    /*
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;*/
    display: none;
    padding-left : 15px !important;
}


.bannwizerd{
    position: relative;
    overflow: hidden;
  }
  .bannwizerd .movable{
    display: flex;
    transition: transform 0.4s;
  }
  .bannwizerd .movable > div {
    flex:1;
    min-width:100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  
  
  .bannwizerd2{
    position: relative;
    overflow: hidden;
  }
  .bannwizerd2 .movable2{
    display: flex;
    transition: transform 0.4s;
  }
  .bannwizerd2 .movable2 > div {
    flex:1;
    min-width:100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  
  #resend-otp {
    color: #0095ff;
    float: left;
    margin: 5px 0 10px;
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: underline;

}
.otp-error {
    text-align: left;
    color: red !important;
    font-weight: 500;
}