fcountmbody{
	background: url(../img/Background25.png);
}.writing{
	font-weight: bold;
	font-size: 20px;
}
.writing a{
	line-height: 50px;
	padding: 10px;
	background-color: #ffffff85;
}
.writing a:hover{
        text-decoration: none;
}
#owl-demo .item{
  background: #3fbf79;
  padding: 30px 0px;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#category_section{
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	position: relative;
	padding: 50px 0;
}
#category_section .category_info{
	text-align: center;
	padding-bottom: 30px;
}
#increment_numbers{
	 background: linear-gradient( #34073ad1, #185ba5ad );
}
.orange-1-bk{
	background-color: #5edfff;
}
.orange-bk3{padding: 19%!important;
    /*background-color: #42024a!important;*/

}
.black-bk{
	background-color: #3c3c3c;
}
.no-padding{
	padding: 0;
	padding-left: 0;
	padding-right: 0;
}
.no-padding:hover{
	box-shadow: -8px 10px 24px -14px rgba(0,0,0,0.8);
}
#index_intro .item h3 ,

.carousel-item h5 ,

#our_services h2 ,

#we_are_de .title ,

#intro_page .intro h4,

#category_section .category_info h1,

#LIST h1,

#client h1,

#LIST h1,

#LIST .info-card h3,

#shiva h3,

#increment_numbers h1,

#LIST h1,

#contact_now .contact1 h4,

#float_box .float_content h3,

#float_box .float_content .con h4,

label,

#black .black_div .title h3,

.contact_list .item h4,

.slider_master_2 .title h3,

.master_page2_body .about .about_info h3,

.slider_master_3 .title h3,

#exp .exp-left h3,

.call-now p,

.about .about_info h3,

.card-middle h1,

.modal-title,

.s_n_title h1,

.writing,

.tabs_titel h1,

.blog_div a .content h1,

#story_succ .content h1,

#story .content h1,

#filter_by ul li,

.slider_master_2 .title h1,

.et-hero-tabs h1, .et-slide h1,

.serv-info h6,

.serv-info h5,

.products_header h1,

.text-left h2,

.text-left h4,

#services h2,

.product h1,

.product .front h5,

.product .back h5

{
	font-family: 'Exo', sans-serif;
}
.line-black{
	height: 3px;
	width: 46px;
	width: 100%;
   background: #42024a;
}
.base_color{
	color: #42024a!important;
}
.base_color2
{
	color: #4884a9!important;
}
.base_color2_hover:hover{
	color: #4884a9!important;
	transition: all .4s linear;
}
.base_color_hover:hover{
	color: #ffffff!important;
	transform: scale(1.1);
	transition: all .4s linear;
}
.base_color_hover , .base_color2_hover{
	transition: all .4s linear;
}
.form-control{
    border: none;
    height: 108px;
    border-bottom: 1px solid #267bdd38;
}
label{
	padding: 0;
	margin: 0;
	font-size: 13px;
}
.form-group {
	margin-bottom: 3rem!important;
text-align: left;}

/* Modal */
.modal-header{
	padding: 30px 3%;
}
.modal-title {
    display: block;
    text-align: center;
    width: 100%;
}
.bottom{
	transition: 1s linear all;
	transform: translateY(30px);
	opacity: 0.1;
}
.left{
	transition: 1s linear all;
	transform: translateX(-60px);
	opacity: 0.1;
}
.right{
	transition: 1s linear all;
	transform: translateX(60px);
	opacity: 0.1;
}
#serv_button{
	cursor: pointer;
	position: fixed;
	bottom: 10px;
	left: 20px;
	z-index: 999;
	background-color: #fff;
	border-radius: 50%;
	height: 50px;
	width: 50px;
}
#serv_button a{
	display: block;
    height: 100%;
    width: 100%;
    padding: 5px;
    font-size: 26px;
    text-align: center;
}
.section .menuBlock{
	transition: 0.4s linear all;
	position: fixed;
	z-index: 999;
	left: 5%;
	bottom: 70px;
	width: auto;
	max-width: 90%;
	height: auto;
	background-image: url('../img/Background.jpg');
	background-attachment: fixed;
	background-size: cover;
	box-shadow: 2px 2px 7px #00000061;
	border-radius: 4px;
}
.section .menuBlock a{
	color: #fff;
	transition: 0.4s linear all;
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 10px;
	border-bottom: 1px solid #ffffff36;
}
.section .menuBlock a:hover{
	background-color: #ffffff47;
	transition: 0.4s linear all;
}
.tr-left{
	transform: translateX(-900px);
	transition: 0.4s linear all;
}
.carousel-inner .btn-primary{
	background-color: #fff;
	border: none;
	color: #267bdd70;
	margin-top : 20px;
}
.vip{
	text-align: center;
}
.tabs_titel{
	padding: 5px 10px;
	cursor: pointer;
}
.tabs_titel h1{
	background-color: #fff;
    font-size: 15px;
    height: 100%;
    padding: 15px 5px 5px 5px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 15px 30px rgba(77,87,222,.3);
}
#tabs{
	padding: 40px 0;
}
.tabs_content{
	padding: 20px 3%;
	margin: auto;
	margin-top: 30px;
	width: 97%;
    box-shadow: 0 15px 30px rgba(77,87,222,.3);
    margin-top: 61px;
}
.tabs_content img{
	margin-bottom: 40px;
	width: auto;
	height: auto;
	max-height: 300px;
	max-width: 100%;
}
.btn-more:hover{
	   box-shadow: -2px 0px 9px #42024a5c;
    /* transform: translateY(10px); */
    background: #80808073;
    color: #42024a;
}
.btn-more{background: #4a024a;
    padding: 13px;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    /* margin-top: 35px; */
    justify-content: center;
    text-align: center;
	display: inline-block;
	

	
	border: none;
    color: #fff;
    font-size: 16px;
    font-style: inherit;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: normal;
    position: relative;
    white-space: normal;
    word-break: break-word;
}
.btn-more:hover{
	color: #4a024a;
	opacity: 0.8;
}
.count {text-align: center;
    height: 119px;
    font-size: 32px;
    width: 119px;
    background: #ffffff;
    border-radius: 50%;
    padding-top: 37px;
    font-weight: 900;
    margin: auto;
    margin-bottom: 31px;
    color: #42024a;
    box-shadow: 3px 1px 20px 7px rgba(221, 221, 221);
}
#shiva h3 {
	color: white;
	text-align: center;
    font-size: 20px;
}
#increment_numbers h1 {
	color: #fff;
	text-align: center;
    margin-bottom: 70px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ececec59;
}
.btn-more2{
	display: inline-block;
	padding: 15px 20px;
	background-color: transparent;
	border-radius: 45px;
	border: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    font-style: inherit;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: normal;
    position: relative;
    white-space: normal;
    word-break: break-word;
}
#story .btn-more2{
		display: inline-block;
		padding: 15px 20px;
		background-color: transparent;
		border-radius: 45px;
		border: 2px solid #6c757d;
	    color: #42034a;
		font-size: 16px;
		font-style: inherit;
		font-weight: 600;
		letter-spacing: .5px;
		line-height: normal;
		position: relative;
		white-space: normal;
		word-break: break-word;
	}
#story .btn-more2 .card-i:hover{
	color: grey;
}

.btn-more2:hover{
	color: #fff;
	opacity: 0.8;
}
#story .btn-more2:hover{
	color: #2a3e98;
	opacity: 0.8;
}
.products_header{
	padding: 120px 0 50px 0;
	background: linear-gradient(60deg, #c6ffff, #00b7ff 50%, #3F51B5);
}
.products_header .image{
	text-align: center;
	padding: 5%;
}
 .unique #bg {
    text-align: center!important;
    font-size: 26px;
    color: white;
    /* padding-left: 50%; */
    position: relative;
    width: 100%;
    /* margin: 6%; */
    background-color: #4b4b4b70;
    padding: 50px 15px;
    text-transform: uppercase;
    background: none;
    color: #42024a;    display: flex;
 justify-content: center;
}
.unique .column-first form {
    background: white;
    border-radius: 14px;
    padding: 1px;
    width: 65%;
    margin: auto;
    height: 400px;
    box-shadow: 1px 1px 12px 4px #0f02be33;
}
.products_header .info h1{

	font-weight: 900;

}
.column1 p{
	color: black;
}
.products_header .info{

	padding: 5%;

	color: #fff;

}
.serv-info svg{
	width: 13px!important;
}

/* Index */
body{
	overflow-x: hidden;
}


/*slider*/
/* .carousel{
	width: 70%;
	margin: auto;
	background-color: rgba(75, 75, 75, 0.44);
	height: auto;
	max-width: 1148px;
	padding: 23px 2%;
}
.carousel-item h5 span{
	font-size: 17px;
}
.carousel-item h5{
	font-size: 31px;
	color: #fff!important;
	font-weight: 700;
}
.carousel-item h6{
	font-size: 22px;
	color: #fff;
}
.slider_index{
	min-height: 100vh;
	background-image: url('../img/Participatory design.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
	padding: 205px 5% 160px 5%;
	position: relative;
} */
@media (max-width: 990px){
	.navbar-brand img{
		height: 80px!important;
	}
	
	.contact2 .button{
		width: 30%;
	}
	.content {
		width: 90%!important;}
	.main{
		padding: 0px!important;
	}
	.about {
		position: relative;
		top: 100px;
		margin: auto!important;}
	.about .about_img {
		height: 58vh;
	
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.about .about_img img {
		width: 80%!important;
		height: auto;
		justify-content: center;
		text-align: center;
	}
	.column-second{
		margin-top: 20px;
	}
	.slider_index {
		background-repeat: no-repeat;
	    margin-top: 13px;
		min-height: 30vh !important;
		padding: 10% 0 2% 0 !important;
	}
	.navbar-brand img {
		height: 28px;
	}
}
.scroll_icon{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.scroll_icon a{
	font-size: 54px;
	 animation-name: example;
    animation-duration: 2s;
    animation-play-state: running;
    animation-iteration-count: infinite;
}

@keyframes example {
  25% {opacity: 1;}
  50% {opacity: 0.3;}
  25% {opacity: 1;}
}
#intro_page .icon img{
	width: 50px;
	height: auto;
}
/* #our_services{
	text-align: center;
	padding: 100px 0;
	color: #fff;
	background-image: url("../img/s-1b.jpg");
	background-size: cover;
	background-attachment: fixed;
	background-position: center left;
}

#our_services .facts p{
	transition: all 0.5s linear;
}

#our_services .img img{
	height: 34px;
	width: auto;
}
#our_services .img{
	margin-bottom: 30px;
}
#our_services h2{
	margin-bottom: 30px;
}
#our_services .special{
	font-weight: 900;
	font-size: 19px;
	margin-bottom: 45px;
} */
/* #we_are_de{
	padding: 3% 5% 3% 5%;
}
#we_are_de .info{
	text-align: justify;
	transition: all 0.5s linear;
} */
.left{
	transition: 1s linear all;
	transform: translateX(-60px);
	opacity: 0.1;
}
.right{
	transition: 1s linear all;
		transform: translateX(60px);
		opacity: 0.1;
}

/* #intro_page{
	color: #fff;
}
#intro_page .intro{
	text-align: center;
	padding: 70px 7%;
}
#intro_page .container-fluid{

	width: 90%;
}
#intro_page .intro .icon{
	margin-bottom: 30px
}
#intro_page .intro h4{
	margin-bottom: 30px;
}
#intro_page .intro p{
	text-align: justify;
} */
#client{
	background-image: url("../img/intro-img2.jpg");
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	padding: 88px 5%;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 2px #fff;
	position: relative;
}

#client h1{

	font-size: 35px;

	margin-bottom: 35px;

}
 
#LIST{
	position: relative;
}

#LIST h1{
	margin-bottom: 100px;
	text-align: center;
}

#LIST .info-card p{

	margin-top: 30px;

}

#LIST .info-card h3{

	margin-bottom: 30px;

}

#LIST .card{

	position: relative;

	height: 100%;

}

#LIST .col-md-6{

	padding-bottom: 30px;

}

#LIST .card{

	padding: 30px 5%;

	background-color: #f9f9fd;

}
 


#LIST .card:hover{

	box-shadow: 0 15px 30px rgba(130, 130, 130, 0.3);

    background: #fff;

}

#LIST .card:hover .num{

	    background: linear-gradient(30deg, #4a024a 0%,#be1fd9 50%,#431c87 50%,#be1fd9 50%,#4a024a 100%);

}

#LIST .card .num{

	position: absolute;

	top: -25px;

	left: -25px;

	padding-top: 10px;

	text-align: center;

	color: #fff;

	font-size: 19px;

	font-weight: 900;

	background-color: red;

	border-radius: 50%;

	width: 50px;

	height: 50px;

}


@media  (max-width: 767px) {
	.form-group svg {
		position: relative;
		color: #0f02be99;
		width: 15px!important;
		top: 67px;}
	.column-first form {
		background: white;
		border-radius: 14px;
		padding: 1px;
		height: 100%!important;
		box-shadow: 1px 1px 12px 4px #0f02be33;
	}
	.img-center img{
		margin-bottom: 50px!important;
	}
	#black .black_div{
		height: 100%;
	}
	#LIST .card{
		width: 100%;
	}}
	/* .we_are_de .de_image{
		width: 100%!important;
		height: 100%!important;

	}

	.no_padding_r{

	padding-right: 0!important;

	}

	.no_padding_l{

		padding-left: 0!important;

	}

	#we_are_de .title{

		text-align: right;

		border-right: 1px solid #4884a9;

		width: 100%;

		height: 100%;
		background: none;
		color: black;
		font-family: 'Exo', sans-serif;
		padding: 0 30px 0 0 ;
		text-transform: none;
	}



	#intro_page .intro_1 {


		padding: 58px 7%;

	}


	#intro_page .intro_2{


		padding: 70px 7%;

	}
} */
@media only screen and (max-width: 767px) {

		#LIST .card{

		width: 90%;

		margin: auto;

		margin-bottom: 55px;
	}
	.we_are_de .de_image{

		width: 100%!important;

		height: 300px!important;

	}

	#we_are_de .title {
		text-align: center;
		border-right: none;
		margin: 0;
		background: none;
		color: black;
	}

	#shiva{

		margin-bottom: 60px;

	}

}

#shiva{

	text-align: center;

	color: #fff;

}

#shiva h3{

	font-size: 20px;

}

.count{



    height: 119px;

    font-size: 32px;

    width: 119px;

    background: #ffffff;

    border-radius: 50%;

    padding-top: 37px;

    font-weight: 900;

    margin: auto;

    margin-bottom: 31px;

	color:  #42024a;
    box-shadow: 3px 1px 20px 7px rgba(221, 221, 221);
}

#talkbubble{

   width: 120px;

   height: 80px;

   background: red;

   position: relative;

   -moz-border-radius:    10px;

   -webkit-border-radius: 10px;

   border-radius:         10px;

  float:left;

  margin:20px;

}

#talkbubble:before {

   content:"";

   position: absolute;

   right: 100%;

   top: 26px;

   width: 0;

   height: 0;

   border-top: 13px solid transparent;

   border-right: 26px solid red;

   border-bottom: 13px solid transparent;

}



.linker

{

  font-size : 20px;

  color: black;

}



#increment_numbers{

	padding: 50px 0;

	text-align: center;

}

#increment_numbers h1{

	color: #fff;

    margin-bottom: 70px;

    padding-bottom: 30px;

    border-bottom: 1px solid #ececec59;



}

#float_box{    padding-top: 130px;
	padding-bottom: 100px;
}

#float_box .float_content{

	padding: 110px 60px;

    background: #fff;

    margin-top: 70px;

	transform: translateX(-10%);
    z-index: 2;

	box-shadow: 0 15px 30px rgba(77,87,222,.3);

}

#float_box .float_content h3{
	font-size: 35px;
	margin-bottom: 30px;
	font-weight: 900;
}

#float_box .float_content .con{
	margin-top: 30px;
	transition: all 0.5s linear;
}
#float_box .float .con{
	font-size: 16px;
	transition: all 0.5s linear;
}

#float_box .float_content .con h4{
	position: relative;
	padding-left: 30px;
}

#float_box .float_content .con h4::before{
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 8px;
	left: 0px;
	clip-path: polygon(0px 0px , 100% 0px , 100% 100%);
	background-color: #267bdd!important;
}

#float_box .float_img img{
	width: 100%;
	height: auto;
}

#contact_now .contact1{
	color: #fff;
	padding-top: 70px;
	padding-bottom: 200px;
	text-align: center;
	background: linear-gradient(30deg, #267bdd 0%,#84bdff 50%,#31629a 50%,#6fb2ff 50%,#0076ff 100%);
}
#contact_now{
	max-width: 2000px;
	margin: 0 auto;
}
#contact_now .contact1 h4{
    font-size: 25px;
    margin-bottom: 30px;
}
#contact_now .contact1 h3{
    font-size: 30px;
    font-weight: 900;
}

.contact2 button{
	background-color: #267bdd;
}
#black{
	color: #fff;
	margin-bottom: 50px;
}
#black .icon{
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 50px;
}
#black .icon img{
	width: 60px;
	height: auto;
}
#black .black_div{
	padding: 50px 2%;
	border-radius: 5px;
	box-shadow: 0 15px 30px rgba(77,87,222,.3);
	margin-bottom: 30px;
}
#black .black_div .info h5{
	font-weight: 900;
}
#black .black_div .title h3{
	font-size: 20px;
	font-weight: 900;
}
#black .black_div .title , #black .black_div .info{
	display: inline-block;
	width: 46%;
}
#ff{
	background-image: url(../img/Background.jpg);
	background-size: cover;
	padding: 40px 0;
}
#ff .imgdiv img{
	width: 100%;
	height: auto;
}

#row{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#no-margin{
	margin: 0;
}
.blue-line{
	border-top: #4e93e3;
	border-top-style: solid;
	width: 40%;
	margin: 22px 0;
}
#font{
	font-size: 20px;
}
#image{
	text-align: right;
}
@media (max-width: 990px){
	.card-img img {
		width: 100%!important;
	}
	#image{
	text-align: left;
    padding-top: 32px;
}
.carousel {
    width: 90% !important;
    margin: 20% auto !important;
}
.carousel-item h5 {
    font-size: 20px !important;
}
.carousel-item h6 {
    font-size: 13px !important;
}
}

.animationwith{
	transition: .6s linear all;
	transform: translateX(35px);
	opacity: 0;
}
#contact_now .contact2 {
    margin: auto;
    display: flex;
    align-items: center;
}

#contact_now .contact1, #contact_now .contact2 {
    color: #fff;
    text-align: center;
}
#contact_now .column-first {
    padding: 0px 33px;
}
.form-group {
    margin-bottom: 1rem!important;
}
#contact_now input {
    height: 48px;
}
.wrapper-inner-tab-backgrounds-first {

    width: auto;
    padding: 5px 10px;}
	.contact2 button {
		background-color: #2727ad;
	}
	/* .button-send {
		padding-right: 40px;
		padding-left: 40px;
		display: inline-block;
		color: rgba(255,255,255,1);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		position: relative;
		border: 1px solid rgba(255,255,255,0.5);
		overflow: hidden;
	}
	.sim-button {
		line-height: 35px;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		cursor: pointer;
		border-radius: 6px;
	} */
	.button-send span {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.button-send::after {
		content: attr(data-text);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		-webkit-transform: translate(-30%, 0);
		transform: translate(-30%, 0);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#contact_now .column-second {
		padding: 0;
	}
	#footer {
		/*background-image: url(../img/Background.jpg);*/
		background-size: cover;
		color: #e0e0e0;
		padding-top: 50px;
		background: linear-gradient( #34073ad1, #185ba5ad );
	}
	.orange-bk1 {
		background-color: transparent;
	}
	.container-footer {
		max-width: 1180px;
		margin: 0 auto;
	}
	.container-footer div[class*='col-'] {
		padding-left: 0 !important;
	}
	#footer .contact {
		margin-bottom: 50px;
		text-align: left;
	}
	#footer .contact h6 {

		color: #fff;
		font-size: 16px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		line-height: 1.5;
	}
	#footer .contact h6 span {
		padding-right: 5px;
	}
	#footer .company_social span {
		display: inline-block;
	}
	#footer .company_social span a {
		width: 36px;
		height: 36px;
		border-radius: 5px;
		color: #cacaca;
		font-size: 20px;
		padding-top: 2px;
		padding-left: 10px;
		margin-right: 12px;
		display: inline-block;
	}
	.base_color_hover, .base_color2_hover {
		transition: all .4s linear;
	}

	#footer .contact h6:hover {
		transform: translateX(9px);
		transition: .3s linear transform;
	}
	@media only screen and (max-width: 991px){
		
#footer .company, #footer .pages, #footer .contact {
    text-align: center;
}}
.userDetail1, .userDetail2, .userDetail3, .userDetail4{
	display: none;
}
#category_section {
    max-width: 1282px;
    margin: 0 auto;
}
/* #center-service{
	text-align: center;
	width: 100%;
} */

 #category_section .slick-prev:before {
    background: url(../img/left-arrow.svg);
}
#category_section .slick-next:before{
	background: url(../img/right-arrow.svg);
}
#category_section .slick-prev:before, #category_section .slick-next:before {
    content: "" !important;

    padding: 8px;
    width: 20px;
    height: 20px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
#category_section .slide-client .slick-slide-inner img {
    width: 90%;
    margin: 0 auto;
}
.slick-slide-inner{
	width: 214px !important;
	padding: 10px;
}
@media (max-width: 1300px){
	#category_section{
		max-width: 90%;
		margin: 0 auto;
	}
}
.grid-content{
	display: grid;
	grid-template-columns: 40% 60%;
	grid-gap: 2px;

}
.section-char{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 10px 0 20px 0;

}
/* #grid-image img{
	max-height: 600px;

	max-width: 94%;
} */
#grid-image {


	/* padding: 10px;
	max-height: 400px; */
    margin: auto 0;

}
.ul{

	text-align: left;
	color: #a9a9a9;
}
.ul li{
	padding: 10px 0;
	font-size: 14px;
	position: relative;
}/*
.ul li:first-child{
	right: 62px;
}
.ul li:nth-child(2){
	right: 92px;
}
.ul li:nth-child(3){
	right: 134px;
}
.ul li:nth-child(4){
	right: 142px;
}
.ul li:nth-child(5){
	right:112px;
} */

@media (max-width: 1200px){
	.sp-contact-info li a {
		font-size: 13px!important;}
		.sp-contact-email {
			border: 1px solid white;
			border-radius: 27px;
			width: 292px;
			height: 27px;
			font-size: 13px!important;}
	.nav1 {
		width: 62%!important;}
	.sp-contact-info li a {
		font-size: 14px!important;
		font-weight: 500;
	}
	.li1, .li2, .li3, .li4, .li5{
		display: none;
	}
	.ul li:first-child, .ul li:nth-child(2), .ul li:nth-child(3) ,.ul li:nth-child(4) ,.ul li:nth-child(5){
		right: 0 !important;
	}
	.grid-static .serv-info{
		padding: 22px;
		text-align: left !important;
	}
	.ul{
		text-align: left;
	}
	.grid-content{

		max-width: 90%;
		margin: 0 auto;
	}

}
.li1{
	position: relative;
	width: 7%;
	right: 50px;
	max-height: 50px;
	margin: auto 0;
}
.li2{
	position: relative;
	width: 7%;
	right: 50px;
}.li3{
	position: relative;
	width: 7%;
	right: 50px;
}.li4{
	position: relative;
	width: 7%;
	right: 50px;
}.li5{
	position: relative;
	width: 7%;
	right: 50px;
}
@media(max-width:1100px){
	.about {
		padding: 0%!important;}
}
/* Baisc	 */
@media only screen and (max-width: 768px) {
    #LIST {
    position: relative;
    margin-top: 20px;
}
    
	.ftco-degree-bg .title{
		font-size: 10px;

	}
	.BODY{
		padding: 30px 5%;
	}
	.flyinginside{
		padding: 49px 3%;
	}
}

@media only screen and (min-width: 768px) {
	

	.BODY{

		padding: 30px 10%;

	}

	.flyinginside{

		padding: 49px 5%;

	}

	.s_n_col{

		height: 100%;

	}



}


#margin-top{
	margin: 10px 0;
}


@media only screen and (max-width: 992px) {

	.none-992{

		display: none;

	}

}
.col-sm-2{
	padding: 10px 5px;
	max-width: 100% !important;
	border-bottom: 0.5px solid rgba(0,0,0,0.5);
	background-color: #fff;
}
.col-sm-2:hover{
	cursor: pointer;
}

/* #services_nav_bar{ pointer-events: none;
	padding: 0;
	border-top: 2px solid #0f02be;
	position: fixed;
	top: 57px;
	z-index: 9999;
	font-family: 'Exo';
	height: auto;
	max-height: 400px;
	left: 5%;
	width: 90%;
	background-color: #fff;
	transition: all 0.3s linear;
	box-shadow: 0 15px 30px rgba(77,87,222,.3);
}
.display_none{
	display: none;
	transition: transform 0.3s linear;
} */

.s_n_title h1{
	font-size: 14px;
	text-align: center;

}
.s_n_list{
	width: 100%;
	margin: 24px 0 0 0 ;
}
.s_n_list ul{
	list-style: none;
	padding: 0;
}
#container-fluid{
	display: inline-grid;
}

.s_n_list ul.menu-col{
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	text-align: center;
}
/* .col-md-10{
	position: relative;
	left: -160px;

} */

.s_n_list ul.menu-col li a{

	color: #267bdd;

	font-size: 14px;

	display: inline-block;

	width: 100%;

	padding: 10px;
	min-height: 70px;
	border-radius: 5px;

	transition: all 0.3s linear;

}

.s_n_list ul.menu-col li{

	border-radius: 5px;

	position: relative;

	margin-bottom: 5px;

}

.s_n_list ul.menu-col li:hover a{

	transition: all 0.3s linear;

	background-color: #ececec;

}

.BODY{

	width: 100%;

	height: auto;

	display: block;

}





.flyinginside{

	background-color: #fff;

	box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);

	height: auto;

	width: 100%;

	margin-bottom: 30px;

	border-radius: 4px;

}


body{


	font-family: 'Muli', sans-serif;



}

a , a:hover{

	text-decoration: none;

	color: #000;

}



.myBtn{

	background-color: #ffaaaa;

	border-color: #bb7e7e;

}



.basiccolor{

	color: #ffaaaa;

	cursor: pointer;

	transform: all 1s linear;

}

.basiccolor:hover{

	color: #bb7e7e;

}



h1 , h2 , h3 , h4 , h5 , h6{

	font-weight: normal;

}



.lession-more .im{

	font-size: 11px;

	margin-right: 5px;

}


@media only screen and (max-width: 450px) {

	.col-450-100{

		width: 100%!important;

		flex: none;

		max-width: none;

	}

}

.tag{

	background-color: #fff;

	border: 1px solid #02baea;

	color: #02baea;

	padding: 3px 5px;

	font-size: 13px;

	margin-bottom: 10px;

	margin-right: 5px;

	border-radius: 7px;

	display: inline-block;

}

/* Slider1 */
	.et-main .serv-info{

		text-align: left;

	}



	a {

		text-decoration: none;

	}





	.et-main .et-slide:nth-child(odd) .serv-img{

	  text-align: left;
		padding-bottom: 30px;
	}

	.et-main .et-slide:nth-child(even) .serv-img{

	  text-align: left;

	}

	.et-slide{

		height: auto;

		padding: 50px 2em;

	}

	.et-hero-tabs{

		height: auto;

		padding: 50px 5%;

	}



	.et-hero-tabs h3{


	}

	.et-hero-tabs,

	.et-slide {

		display: flex;

		flex-direction: column;

		justify-content: center;

		align-items: center;



		position: relative;


			text-align: center;

		}

	.et-hero-tabs h1, .et-slide h1 {

			font-size: 2rem;

			margin: 0;

		}

	  .et-hero-tabs h1{

		margin-bottom: 20px;

	  }



	.et-slide h1{

		margin-bottom: 20px;

		color: #4e93e3;

	}

	.et-slide ul{

		list-style-type: circle;

	}

	.et-slide p , .et-slide ul li{

		color: #a9a9a9;

		line-height: 30px;
		font-size: 13px;
	}



	.et-hero-tabs-container {

		display: flex;

		flex-direction: row;

		position: absolute;

		bottom: 0;

		width: 100%;

		height: 70px;

		box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

		background: #fff;

		z-index: 10;

	}

		.et-hero-tabs-container--top {

			position: fixed;

			top: 0;

		}





	.et-hero-tab {

		border-right: 1px solid #dbdbdb;

		display: flex;

		justify-content: center;

		align-items: center;

		flex: 1;

		color: #000;

		letter-spacing: 0.1rem;

			transition: all 0.5s ease;

			font-size: 0.8rem;}



	.et-hero-tab:hover {

				color:white;

		  background: rgba(102,177,241,0.8);

				transition: all 0.5s ease;

		}





	.et-hero-tab-slider {

		position: absolute;

		bottom: 0;

		width: 0;

		height: 6px;

		background: #66B1F1;

		transition: left 0.3s ease;

	}



	@media (min-width: 800px) {
		.hum {
			margin-right: 19px;
			}
		.et-hero-tabs h1, .et-slide h1{

			font-size: 30px;

			font-weight: 600;

		}

		.et-hero-tabs h3, .et-slide h3 {

			font-size: 16px;

		}



		.et-hero-tab {

			font-size: 1rem;

		}

	}




	.serv-img img{

		width: 100%;

		height: auto;

		max-width: 385px;

	}



	.serv-info h5{

		font-size: 15px;



	}

	.serv-info h5 i{

		margin-right: 10px;

	}

	.serv-info h6{

		position: relative;

		padding-left: 20px;

		margin: 25px 0;



	}



	/* .serv-info h6::before{

		content: "";

		width: 8px;

		height: 8px;

		display: block;

		position: absolute;

		top: 8px;

		left: 0px;

		clip-path: polygon(0px 0px , 100% 0px , 100% 100%);

		background-color: #267bdd!important;

	} */



	.hr_wow{

		height: 2px;

		width: 80%;

		color: red;

	}



	.others-ff img{

		height: 200px;

		width: auto;

	}



	.others-ff{

		text-align: center;

	}

	/* Master2 */
	.slider_master_2 {

		color: #fff;

		background-image: linear-gradient( #dee2e687, #adb5bd0f ) ,url(../images/side-view-cropped-unrecognizable-business-people-working-common-desk_1098-20474.jpg);

		background-size: cover;

		background-attachment: fixed;

		background-position: center center;

		padding: 150px 5% 60px 5%;

		text-align: center;

	}
	.slider_master_2{

			height: 450px;


	}

	.slider_master_2 .title h3 , .slider_master_3 .title h3{

		font-size: 37px;

		margin-bottom: 20px;

	}



.about{
		transform: translateY(-120px);
	}

	.slider_master_3{
		min-height: 90vh;
	color: #fff;
	justify-content: center;
    background-image: linear-gradient( #dee2e687, #adb5bd0f ) ,url(../images/81.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 5% 60px 5%;
    text-align: center;
    align-items: center;
    display: flex;
	bottom: 53px;
    position: relative;
	}

	.carousel-inner .wrapper-inner-tab-backgrounds-first{
		margin-top: 20px!important;
	}

/* NavBar */

#ss .nav-item{

	text-align: center;

	padding-top: 10px;
	width: 100px;

}



#ss .nav-item a{

	margin-right: 8px;
	font-weight: bold;

}



#ss .nav-ln img{

	width: 20px;

	height: 20px;

}



#ss .navbar-light .navbar-toggler{
	color: #fff;
	border-color: #fff;
}
#ss{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 40px 0px;
	z-index: 999;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 56px;
	align-items: center;
	padding-top: 0!important;
	padding-bottom: 0!important;
	transition: all 1s ease;
}
#ss .navbar-brand img{
	height: 40px;
	width: auto;
}

#ss .navbar-language{
	display: inline-block;
}
#ss .navbar-language .item{
	display: inline-block;
}

#ss .navbar-language .item img{

	width: 24px;

	height: 24px;

	border-radius: 50%;

}

#ss .navbar-language .item a{

	margin-left: 16px;

}




@media only screen and (max-width: 991px) {
	

	#filter_by {





	    background-color: white;

	    border-radius: 6px;

	    box-shadow: 0 15px 30px rgba(130, 130, 130, 0.3);

	}



	#filter_by .navbar-toggler{

		width: 100%;



	    border-color: #fff;

	}

	#filter_by .navbar-toggler i{

		margin-right: 13px;

	}



}


@media only screen and (min-width: 992px) {
	#ss .collapse{
		height: 57px;
	}
	#ss .none-min-991{
		display: none;
	}
	#ss .navbar-nav{
		margin: auto;
		height: 100%;
	}
	#ss .nav-right{
		margin-left: 60px;
	}
	#ss .nav-link{
		font-size: 12px;
		font-family: 'Exo';
	}
	#ss .navbar{
	padding-left: 5%;
	padding-right: 5%;
	}
}
#ss .nav-link{

}
#ss .nav-ln{
	padding-right: .5rem!important;
	display: inline-block;
}
#ss .no{
	height: 500px;
}
#ss .navbar-light .navbar-nav .nav-link,#ss  .navbar-light .navbar-nav .nav-link{
	transition: all .3s linear;
}
#ss .navbar-light .navbar-toggler{
	border: none;
}

/* Master-page1 */


.head_title{

	height: auto;

	padding: 100px 0 20px 0;

	background-color: #eee;

	font-weight: 700;

	font-size: 25px;

}



#footer{

	background-attachment: fixed;

	background-size: cover;

	color: #e0e0e0;

	padding-top: 50px;
	background: linear-gradient( #34073ad1, #185ba5ad );

}

#footer .company , #footer .pages , #footer .contact{

	margin-bottom: 50px;

}

#footer .company{

	text-align: left!important;

}

#footer h4{

	color: #fff;

	margin-bottom: 30px;

}

#footer .company_social span{

	display: inline-block;

}

#footer .company_social span a:hover{

	color: #f24500;

}

#footer .company_social span a{

	width: 36px;

	height: 36px;

	border-radius: 5px;

	color: #cacaca;

	font-size: 20px;

	padding-top: 2px;

	padding-left: 10px;

	margin-right: 12px;

	display: inline-block;

}

#footer .company .company_logo{

	margin-bottom: 20px;

}

#footer .company .company_logo img{

	width: 100%;

	max-width: 150px;

	height: auto;

}

#footer .contact h6{

	color: #fff;

	font-size: 16px;

}

#footer .contact p{

	font-size: 15px;

	color: #fff;

}

#footer .pages{

	text-align: center;

}



#footer .pages h6 a{

	color: #e0e0e0;

	display: block;

	width: 100%;

	padding-bottom: 4px;

	transition: 0.5s linear transform;

}

#footer .pages h6 a:hover{

	color: #fff;

	transform: translateX(9px);

	transition: .5s linear transform;

}
/* About */
.about{

    position: relative;
    top: 50px;
    margin: auto;
    padding: 45px 2%;
    /* background-color: #fff; */
    /* box-shadow: 0 5px 40px rgba(153, 153, 153, 0.48); */
    border-radius: 5px;

}
.about .about_img{   height: 58vh;

    display: flex;
    align-items: center;
}
.about .about_img img{
	width: 100%;
	height: auto;
}
.about .about_info{
	width: 100%;
    border-radius: 20px;
    text-align: center;
    padding: 23px;
    box-shadow: 0px 9px 30px 6px rgba(77, 87, 222, 0.35);
    background: white;
}
.about .about_info:hover{
transform: scale(1.1);
    transition-duration: 0.8s;
}
.about .about_info:hover h3{
	color: black;
}
.about .about_info:hover p{

}

.about .about_info h3{
	font-size: 27px;
    margin-bottom: 20px;
color: #42024a; ;
    font-weight: 900;
    margin-bottom: 30px;
}
#exp{
	margin-bottom: 100px;
	padding: 0 10%;
}
#exp .exp-left h3{
	margin-bottom: 25px;
}
.exp-left{
	text-align: center;
}
#exp .exp-left p{
	margin-top: 25px;
}
#exp .exp-right{
	border-radius: 5px;
    padding: 25px 30px;
    background: #f7f7f7;
    text-align: center;
    position: relative;
    margin-top: 25px;
}
#exp .exp-right::before{
	content: '';
    position: absolute;
    top: -25px;
    left: -50px;
    background: url("https://colorlib.com/preview/theme/satner/img/client-info-bg.png") no-repeat;
    height: 175px;
    width: 175px;
}

.exp-right .lage {

    background: -webkit-gradient(linear,left top,right top,from(#5471ff),to(#00ffdd));

  background: linear-gradient(to right,#42024a,#4055ca8f);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-box-decoration-break: clone;

    box-decoration-break: clone;

    text-shadow: none;

    font-family: rubik,sans-serif;

    font-size: 100px;

    font-weight: 700;

    line-height: 85px;

    position: relative;

    z-index: 9;

}



.exp-right .smll {

    text-align: left;

    color: #000;

    font-family: rubik,sans-serif;

    font-size: 20px;

    margin-left: 20px;

}

.fa-phone:before {

    content: "\f095";

}

.ml-15 {

    margin-left: 15px;

}



.call-now h3{

	font-size: 18px;

	font-weight: 900;

}

.call-now p {

	color: #343a40;

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 5px;

}

.call-now {

    padding-top: 50px;

    text-align: left;

    margin-bottom: 40px;

}
.call-now a{
	color: #495057;
}



.call-now span {

    font-size: 60px;

    font-weight: 700;

   color: #42024abf;

}

@media only screen and (min-width: 767px) {

	#exp .exp-left{

		padding-top: 80px;

	}

	.about{

		width: 80%;

	}


}



@media only screen and (max-width: 767px) {

	#exp .exp-left {
		padding-bottom: 80px;
		padding-top: 59px;
	}
	.about{

		width: 90%;

	}

}
.about-center #bg{font-weight: 600;
    font-size: 15px;
	padding: 15px;
    border-bottom: 2px solid;
    width: 145px;
    text-align: center;
    color: #42024a;}
.section-first {
	
    /* box-shadow: 4px 0px 14px 3px #0f02be33; */
    padding-top: 45px;
    /* width: 83%; */
    /* background: linear-gradient(0deg, rgba(255, 255, 255, 0), #0040851c ,#004085a6);    padding: 50px; */
    margin: auto;
}
.section-first>.row {
    max-width: 1106px;
    margin: 0 auto;
}
/* .title {
	font-size: 26px;
    color: white;
    width: 100%;
    background-color: #4b4b4b70;
    padding: 50px 15px;
    text-transform: uppercase;
} */
.our_location, .our_hours {
    width: 100%;
    justify-content: center;
    padding-bottom: 38px;
}
.our_location div[class*='column'], .contact_info div[class*='col-md'] p {
    margin-bottom: 20px;
}
.our_location h4 {
    position: relative;
       color: #050708;   font-weight: 600;
    font-size: 15px!important;
}
.our_location span.base_color.base_color_icon {
    
}
.master_page2_body{
	position: relative;
	bottom: 109px;
}
.our_hours div[class*='column'] p {
    display: inline-block;
    margin-bottom: 0px;
}
 #bg .contact_info{
	margin-top: 25px;
}
#bg .our_hours{
	margin-top: 25px;
}
#bg .our_location{
	margin-top: 25px;
}

/* #contact_now .contact1, #contact_now .contact2 {
    color: #fff;
    text-align: center;
}
.master_page2_body .contact2 {
    padding: 0 15px 45px;
    background-color: #fff !important;
    max-width: 1106px;
    display: block !important;
}
#contact_now .form-control {
    border: 1px solid #0f02be;
    background: transparent;
    border-radius: 0;
    background: none;
    box-shadow: 1px 1px 6px 1px rgba(196, 196, 196, 0.5);
    border-radius: 6px;
}
#contact_now input {
    height: 48px;
}
.master_page2_body .contact2 .title {
    justify-content: center;
}
.form-group {
	margin-bottom: 1rem!important;
	width: 90%;
	margin: 0 auto;
}# */
/* Blog */
.blog{
	padding: 15px 0 40px 0;
	background: url('../img/Background25.png');
}

.blog_div{

	margin-bottom: 30px;



}

.blog_div:hover{

	transform: translate(-5px , -5px);

	transition: all 0.2s linear;

}

.blog_div a{

	transition: all 0.2s linear;

	display: block;

	width: 100%;

	height: 100%;

	background-color: #fff;

}

.blog_div a .img img{

	width: 100%;

	height: auto;

}

.blog_div a .content{

	padding: 35px 40px;

}

.blog_div a .content h1{

	    font-size: 31px;

    line-height: 28px;

    color: #000;

    font-weight: bold;

    padding: 12px 0;

}

.blog_div a .content h4{

	color: #666;

	font-size: 17px;

	    letter-spacing: .5px;

    margin-bottom: 20px;

}

.blog_div a .content h4 span{

	color: #ccc;

}

.blog_div a .content p{

	    color: #999;

    letter-spacing: .5px;

        font-size: 12px;

}



#story_succ{

	height: 100vh;

	background-image: url(../img/intro-img2.jpg);

	background-size: cover;

	background-attachment: fixed;

	align-items: center;

    display: flex;justify-content: center;

}



#story_succ .content{
	color: white;

    text-align: center;

    margin: 0 auto;

    max-width: 550px;

}



#story_succ .content h1{

	margin-bottom: 20px;

	    font-size: 37px;

      line-height: 34px;

          font-weight: bold;

    letter-spacing: .5px;
       color: #4a0240;

}



#story_succ .content p{

	margin-bottom: 30px;

	    font-weight: normal;

    line-height: 1.63;

    font-size: 17px;

}











#story{

	height: auto;

	padding: 130px 5%;

	/* background: linear-gradient(60deg, #c6ffff, #00b7ff 50%, #3F51B5); */

	background-size: cover;

	background-attachment: fixed;

	align-items: center;

    display: flex;justify-content: center;

}



#story .content{

	color: #2a3e98;

    text-align: center;

    margin: 0 auto;

    max-width: 550px;

}



#story .content h1{

	margin-bottom: 20px;

	    font-size: 37px;

      line-height: 34px;

          font-weight: bold;

    letter-spacing: .5px;
    color: #42034a;
}



#story .content p{
color: #050708;
	margin-bottom: 30px;

	    font-weight: normal;

    line-height: 1.63;

    font-size: 17px;

}







#filter_by{

	margin-bottom: 30px;

}

#filter_by ul{

	text-align: center;

	margin: auto;

	max-width: 800px;

	margin-top: 20px;

}



#filter_by ul li{

	color: #666;

	font-weight: bold;

	display: inline-table;

    margin: 0 25px;

    text-align: center;

}









.pulse {
    background: #cacaca!important;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    position: absolute;
    left: -3px;
    margin: 23px 0 0 40px;
    transform: rotateX(55deg);
    z-index: 3;
    margin: 0;
    display: block;
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse 2s infinite;
    bottom: -12px;
}
.our_location h4 {
    position: relative;
        color: #050708;   font-weight: 600;
    font-size: 20px;
}
@keyframes pulse{
	0% {
		-moz-box-shadow: 0 0 0 0 #0b95ce;
		box-shadow: 0 0 0 0 #0b95ce91;
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
		box-shadow: 0 0 0 10px rgba(204,169,44, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}
.our_location div[class*='column'] p, .contact_info div[class*='col-md'] p, .contact_info div[class*='col-md'] a {
    font-size: 16px;
}
.our_location div[class*='column'] p {
    margin-bottom: 0;
}
.base_color {
	/*color: #2727ad!important;*/
	margin-right: 10px;
}
span.base_color.base_color_icon {
    font-size: 20px;
    margin-right: 2px;
}
.wrapper-inner-tab-backgrounds-first {
	margin: 0 auto;
	
    width: auto;
	padding: 5px 10px;}
	.contact2 button {
		
		line-height: 36px;
	}
	.contact2 button {
		background-color: #2727ad;
	}
	.button-send-c {
		padding-right: 40px;
		padding-left: 40px;
		display: inline-block;
		color: rgba(255,255,255,1);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		position: relative;
		border: 1px solid rgba(255,255,255,0.5);
		overflow: hidden;
	}
	.sim-button {
		line-height: 35px;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		cursor: pointer;
		border-radius: 6px;
	}

/* One product */
#services{
	max-width: 1282px;
    margin: 0 auto;
	padding-top: 50px!important;

}





.section-title {

    text-align: left;

    line-height: 1.3;

    font-size: 30px;

    color: #4a494a;

    font-weight: 500;

    padding: 10px 0;

}



.lineleft, .linemiddleleft {

    width: 48px;

    height: 4px;

    background: #f26923;

    background: -webkit-linear-gradient(60deg, #c6ffff, #00b7ff 50%, #3F51B5);

    background: linear-gradient(60deg, #c6ffff, #00b7ff 50%, #3F51B5);

    background-size: cover;

    margin-top: 5px;

    margin-bottom: 30px;

    float: left;

    clear: both;

}

@media(max-width:500px){
	.blog_div{
		text-align: center;
	}
	.text-center{
		margin: 0 auto;
	}
}



@media only screen and (min-width: 767px)

{

	#top-bar-wrap{

		left: 0;

	    position: fixed;

	    width: 100%;

	    top: 0;

	    z-index: 99;

	}

		#site-header{

		position: fixed;

	    top: 49px;

	    left: 0;

	    width: 100%;

	    z-index: 99;

	}

}


@media only screen and (max-width: 767px){

	#site-header{

		position: fixed;

	    top: 0;

	    left: 0;

	    width: 100%;

	    z-index: 99;

	}

}
.product{

	padding: 50px 0;

}


.product .col-md-4{

	padding: 0;

}

.product .col-12{

	padding: 0;

}

.product h1{
color: #42024a;
	text-align: center;

	font-size: 28px;

	margin-bottom: 50px;

}

.my_card{

	position: relative;

}

.product .back h5{

	font-size: 28px;

}
.product .back p{
	color: #495057;
}

.my_card .back{

	background-color: #fff;

	height: 100%;

	z-index: 33;

	padding: 50px 5%;

	opacity: 0;

	text-align: center;

	position: absolute;

	top: 0;

	left: 0;

	transition: all 0.2s linear;

}

.my_card .back a{

	display: inline-block;

	width: 100%;

	height: 100%;

}

.my_card .back:hover{

	opacity: 0.9;

	transition: all 0.2s linear;

}

.my_card .front img{

	width: 80%;

	margin: auto;

	height: auto;

}

.my_card .front .image{
	padding: 0 3%;
    width: 100%;
    min-height: 200px;
}

.my_card .front h5{
color: #42024a;
	font-size: 24px;

	margin-top: 20px;

	text-align: center;

}

.my_card .front{



	text-align: center;

	z-index: 22;

	padding: 50px 18%;

}

.my_card .back{

	z-index: 11;

}
.container_products_header {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    height: 300px;
}
.container_products_header, .container_services, .maintitle {
    max-width: 1282px;
    margin: 0 auto;
}
.container_products_header .column2 {
    display: flex;
    justify-content: flex-start;
    padding-left: 16.5% !important;
}
@media only screen and (min-width: 991px){
.container_products_header .column1 {
    padding-right: 16.5% !important;
}}
#product-cont{
	max-width: 832px;
}

/* Services */
.index-header{

	padding: 161px 0 148px 0;

	background-color: #ff6b6b7d;

}



.header-content{

	max-width: 850px;

	width: 80%;

	margin: auto;

	text-align: center;

}



.header-content h3{

	font-size: 42px;

    font-style: italic;

    font-weight: 600;

    color: #fff;

}



.header-content{

	color: #fff3f3;

}

.search{

	margin-bottom: 80px;

	padding: 60px 15%;

	border-top: 1px solid #ececec;

	border-bottom: 1px solid #ececec;

	background-color: #fff;



}



.search-inside{

	margin: auto;

}



.search-inside form{

	position: relative;

}



.search-inside .form-control{

	border-radius: 40px;

	width: 100%;

}



.search-inside button{

	position: absolute;

	z-index: 99;

	right: 10px;

	top: 2px;

	background: none;

	border: none;

	padding: 10px;

}



.filter-sidebar{

	width: 100%;

	border-right: 1px solid #dddddd;

}



.card{

	    border: 1px solid transparent;

    box-shadow: 0px 5px 50px rgba(129, 74, 255, 0.2);

}



.card-top{

	margin-bottom: 5px;

}



.card-top a{

	position: relative;
    overflow: hidden;
    padding: 20px;
	display: inline-block;
	width: 100%;
	text-align: center;

}



.card-top img{

	width: 100%;

	height: auto;

	max-width: 220px;

}



.card-cover{

	margin-bottom: 30px;

}





.card-middle{

	padding: 0 10px;

	text-align: center;

}



.card-middle h1{

	font-size: 27px;

}



.card-middle p{

	font-size: 14px;

}



.card-middle hr{

	margin-bottom: 0;

}



.card-bottom-info{

	display: none;

	padding: 15px 5px;

	margin-bottom: 20px;

}

.card-bottom-info ul.menu-col{

	list-style: none;

	padding: 0;

}

.card-bottom-info ul.menu-col li a{

	color: #267bdd;

	display: inline-block;

	width: 100%;

	padding: 25px 10px 25px 40px;

	transition: all 0.3s linear;

}

.card-bottom-info ul.menu-col li{

	background-color: #f5f5f5;

	border-radius: 5px;

	position: relative;

	margin-bottom: 20px;

}

.card-bottom-info ul.menu-col li:hover a{

	transform: translateX(15px);

	transition: all 0.3s linear;

}

.card-bottom-info ul.menu-col li::before{

	content: "";

	width: 8px;

	height: 8px;

	display: block;

	position: absolute;

	top: 32px;

	left: 16px;

	clip-path: polygon(0px 0px , 100% 0px , 100% 100%);

	background-color: #267bdd!important;

}
.card-bottom{
	padding-left: 20px;
}
.card-bottom-cover{
	padding: 20px 10px;
}
.card-bottom i{
	font-size: 12px;card-body
	margin-right: 10px;
}
.info-date{
	font-size: 12px;
	margin-top: 15px;
}
.info-date .col-6{
	padding: 0;
}
.services{
	padding-top: 100px;
}
.details-more{    background: #42024a;
    padding: 13px;
    border-radius: 10px;
       color: white!important;
    font-weight: 500;
    width: 112px;
    /* margin-top: 35px; */
    justify-content: center;
    text-align: center;
	cursor: pointer;
}
.details-more:hover{
	
   box-shadow: -2px 0px 9px #42024a5c;
    /* transform: translateY(10px); */
    background: #80808073;
    color: #42024a;
}
.details-more:active{
	
    box-shadow: -6px 4px 19px #0f02beb8;
    transform: translateY(10px);
    background: #80808073;
    color: #004085;
}
.card-body h1{
    color: #42024a;}
/* .item1 {
    display: block;
    clear: both;
    padding-bottom: 1rem;
    font-size: 16px !important;
    line-height: 1.375;
    position: relative;
}
.item1:before {
    content: "";
    width: 1rem;
    height: 1rem;
    float: left;
    margin: 0.7rem 1.5rem 0.75rem 0;
    background: linear-gradient(to bottom right, #00b7ff 25%, white);
    text-shadow: 0 0 2px black;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    shape-outside: ellipse();
    z-index: 1;
}
.item1:after {
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 21px;
    left: 0;
    content: "";
    background: #00b7ff;
    z-index: -1;
    border-top-left-radius: 3px;
} */

/* About */
.slider_master_2{
	position: relative;
    min-height: 90vh;
	bottom: 109px;
    
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 56px;
    background-image: linear-gradient( #dee2e6b5, #adb5bd0f ) ,url(../images/81.jpg);	color: #fff;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    text-align: center;
}
.slider_master_2 .title h1{
        color: #4a024a;
}
/* Services */
.card{
	border: none!important;
	box-shadow: none!important;
}
.card-i:hover{
	transform: translateY(15px);
    transition-duration: 0.5s;
}
.card-i{
	border-radius: 15px;

    background: white;
    box-shadow: 0px 5px 50px rgba(129, 74, 255, 0.2);
    text-align: center;
}
.card-img img {
    width: 90%;
}
.card-img {
    text-align: center;
}
.card > .row {
    align-items: center;
}
.card {
    /* border: 1px solid transparent;
	box-shadow: 0px 0px 5px rgba(129, 74, 255, 0.2); */
	
}
.card-cover {
    margin-bottom: 30px;
}
.services {
    padding-top: 100px;
    padding-bottom: 50px;
    background: url(../img/back-service.png);
}
.card-bottom-cover {
	padding: 0 19px;
	display: flex;
    margin-bottom: 15px;
    margin-top: 10px;
    justify-content: center;
    text-align: center;
}
.card-bottom-info {
    display: none;
    padding: 40px 5px;
    margin-bottom: 20px;
}
.card-bottom-info ul.menu-col-ser {
    list-style: none;
    padding: 0;
}
.card-bottom-info ul.menu-col-ser li {
    position: relative;
    margin-bottom: 20px;
    align-items: center;
    display: flex;
    height: 60px;
}
.card-bottom-info ul.menu-col-ser li a:hover{
	text-decoration: none;
    transform: translateX(10px);
    transition: .3s linear transform;
background: rgba(96, 28, 114, 0.28);
}






.card-bottom-info ul.menu-col-ser li a {
   color: #090e14;
    width: 90%;
    padding: 0 20px;
    transition: all 0.3s linear;
    align-items: center;
    font-size: 13px;
    background-color: #f5f5f5;
    border-radius: 5px;
    height: 54px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 auto;
    text-align: center;
}

/* Career */
.page-category-title {
	position: fixed;}
.page-category-title {
    margin: 0;
    padding: 0.49em 0em;
    display: inline;
    font-family: 'Faktum-Bold';
    -webkit-text-fill-color: #ffffff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #0f02be;
    text-transform: uppercase;
    opacity: 0.25;
    z-index: 999;
    line-height: 0.82;
    right: 0;
    transform-origin: 100% 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

@media (max-width: 1100px){
	.page-category-title{
		padding: 0 !important;
	}
	.photo{
		max-width: 80%;
		text-align: left;
	}
	.container-career{
		padding: 0 !important;
	}
	.align-items-center h2{
		font-size: 3em !important;
		text-align: center;
	}
	.container-career{
		max-width: 96% !important;
		margin: 0 auto;
	}
	.description{
		text-align: center;
	}
	.center{
		text-align: center;
	}
	.container-footer{
		max-width: 90%;
	}

}
.container-nav{
	max-width: 2000px;
	margin: 0 auto;
}
.container-fluid{
	max-width: 2000px;
}
.container-career{
	padding-right: 65px;
	max-width: 1140px;
	margin: 0 auto;
}
/* .align-items-center{
	align-items: center!important;
	display: flex!important;
}
.align-items-center h2{
	font-size: 3.353em;
	color: #0f02be;
	z-index: 100;
	font-weight: 500;
} */
.page-intro h2 {
	padding-bottom: 0.25em;

}
.description {
    color: #0f02be;
    font-size: 1.9em;
}
.page-intro-career{
	position: relative;
	padding: 80px 0 0 0;
}
.join-us{
	position: relative;
	font-size: 3.353em;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	top: 10%;
	text-shadow: -1px 6px 15px rgba(0,0,0,0.75);
}
.text-center {
    text-align: center!important;
}
.text-head-c{
	padding: 12% 30% 12% 1%;
	color: black;
	font-family: Exo;
	text-shadow: -1px 6px 15px rgba(0,0,0,0.75);
}
.text-head-p{
	text-align: center;
	max-width: 60%;
	margin: 0 auto;
	padding: 20% 4%;
	text-shadow: -1px 6px 15px rgba(0,0,0,0.75);
}
.text-port{
	display: inline-flex;
	text-align: center;
	font-size: 3em;
	color: #fff;
	font-weight: bold;
}
#portfolio{
	background: url(../img/Digital-Transformation-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
    position: relative;
	top: 0;
	opacity: 1;

}
#Layer_1{
	position: absolute;
    width: 60%;
    left: -34%;
    z-index: -1;
    top: -110px;
}
.text-left-port{
	font-size: 3em;
	color: #0f02be;
	font-weight: bold;
	line-height: 3rem;
	z-index: 999999999;
	display: inline-block;
    background-image: linear-gradient(90deg,#6861c9,#0f02be 50%,#000 0);
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .5s;
}
.text-left-port:hover{
	background-position: 0;
}
.ourclients{
	position: relative;
	width: 100%;
	padding: 4% 0;
}
.text-top-port{
	padding: 2% 0;
	font-size: 14px;
	color: #424242;
	font-weight: 500;
}
.text-top-port:before{
	content: '';
	position: absolute;
	width: 90%;
	margin: 0 auto;
	top: 0;
	height: 4px;
	background-image: linear-gradient(90deg,#6861c9,#0f02be);
}
.text-port p{
	margin-right: 20px;
}
.tab-p {
	overflow: hidden;
    text-align: center;
    justify-content: center;
    display: flex;
    border-radius: 50px;
    background: beige;
	width: auto;
	max-width: 34%;
	margin: 0;
    margin: 6% auto;
}
  .tab-p-wrapper{
	  position: relative;
	  width: 100%;
	  padding: 4% 0;
  }
  
  @media (max-width: 842px){
	#portfolio{
		background-size: cover !important;
	}
  }
  @media (max-width: 767px){
	.tab-p{
		max-width: 100%;
		margin: 0;
	}
	.ul{
		padding: 0;
	}
	.grid-p{
		grid-template-columns: 1fr 1fr !important;
	}

	.text-head-p{
		padding: 0;
	}
  }
  @media (max-width: 500px){
	.social-icons ul {
		/* padding-right: 10%!important; */
	}
	#float_box .float .con {
		transition: example ease;
		font-size: 14px!important;}
	.grid-p{
		grid-template-columns: 1fr !important;
	}
  }
  /* Style the buttons inside the tab */
  .tab-p button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 1em;
	font-weight: bold;
	transition: all 0.5s ease-in-out;
  }

  /* Change background color of buttons on hover */
  .tab-p button:hover {
	color: rgba(0, 0, 200, 0.7);
  }

  /* Create an active/current tablink class */
  .tab-p button.active {
	transform: scale(1.1);
	color: rgba(0, 0, 200, 0.7);
	text-decoration: underline;
  }
  .grid-pitem img{
	  width: 70%;
	  cursor: pointer;
  }
  .grid-p{
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	  grid-gap: 2px;
  }
  .load-wrap{
	  padding: 2%;
	  position: relative;
	  width: 100%;
	  text-align: center;
  }
  .load-textp{
	  margin: 0 auto;
	  text-align: center;
	  padding: 0.5% 2%;
	  font-weight: bold;
	  border-radius: 70px;
	  background: none;
	  font-size: 20px;
	  border: 2px solid #0f02be;
	  color: #000;
	  display: inline-block;
	  background-image: linear-gradient(90deg,#6861c9,#0f02be 50%,#fff 0);
	  background-size: 200% 100%;
	  background-position: 100%;
	  -webkit-background-clip: border-box;
	  transition: all .5s;
  }
  .load-textp:hover{
	background-position: 0;
  }
  /* Style the tab content */
  .tabcontent-p {
	display: none;
	padding: 6px 12px;
	text-align: center;
	border-top: none;
  }
.case-item{
	position: relative;
	padding: 4% 0;
}
.image-case {
	text-align: center;
	width: 100%;
}
.image-case img{
	padding: 2%;
}
.text-case{
	font-size: 24px;
	color: #4a494a;
	font-weight: 600;
}
.case-title{
	font-size: 30px;
	font-weight: bold;
}
.line-white{
	position: relative;
	width: 40%;
	text-align: center;
	border-bottom: 4px solid rgba(255,255,255,0.7);
	margin: 0 auto;
}
.text-center .cta-container {
	display: inline-block;
	margin: 4.5em auto 3.5em auto;
	width: fit-content;
	font-size: 1.15em;
	color: #0f02be;
}
 .cta-container .cta:hover {
    text-decoration: none;
}

 .cta-container .hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
	overflow: hidden;
	color: #0f02be !important;
}
 .cta-container .cta {
    background-color: transparent;
    font-size: 1.294em;
    line-height: 1.2;
    padding-bottom: 2px;
    color: #0f02be !important;
}
.cta-container a{
	color: #0f02be !important;
	font-weight: 700;
	font-size: 1.294em;
}
.arrow {
   opacity: 0;
    position: relative;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-weight: 700;
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0f02be;
    height: 3px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ribbon {
  height: 188px;
  position: relative;
  margin-bottom: 30px;
  background: url(https://html5book.ru/wp-content/uploads/2015/10/snow-road.jpg);
  background-size: contain;
  text-transform: uppercase;
  color: white;
}
.ribbon2 {
	width: 60px;
	padding: 10px 0;
	position: absolute;
	top: -6px;
	left: 25px;
	text-align: center;
	border-top-left-radius: 3px;
	background: #0f02be ;
   }
   .ribbon2:before {
	height: 0;
	width: 0;
	right: -5.5px;
	top: 0.1px;
	border-bottom: 6px solid #0f02be ;
	border-right: 6px solid transparent;
   }
   .ribbon2:before, .ribbon2:after {
	 content: "";
	 position: absolute;
   }
   .ribbon2:after {
	 height: 0;
	 width: 0;
	 bottom: -29.5px;
	 left: 0;
	 border-left: 30px solid #0f02be ;
	 border-right: 30px solid #0f02be ;
	 border-bottom: 30px solid transparent;
   }

.white-popup {
	position: relative;
	background: #FFF;
	padding: 40px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	transition: 1s all;
  }

  .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
  }


  /* overlay animate in */

  .mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
  }


  /* overlay animate out */

  .mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
  }

  .mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.4s ease-out;
  }

  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
  }

  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
  }
  @media  (max-width: 990px) {
	  .column-first{
		margin-bottom: 81px;
	  }
  
	.img-center img{
		margin-bottom: 50px!important;
	}
}
  @media (max-width: 900px){
	#float_box .float_content{
		transform: none;
	}
  }

  @media (min-width: 640px){
	.top-bar-header {
		height: auto;
	}}
	.top-bar-header {
		background-color: #05bae7;
		color: #f9f9f9;
		position: fixed;
		top: 0;
		z-index: 999;
		width: 100%;
	}
	

	#primary-sidebar .col-sm-6 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.sp-contact-info {
		float: left;
	}
	.primary-sidebar li {
		display: inline;
		padding-right: 15px;
	}
	/* .sp-contact-info li {
		font-size: 15px;
		font-weight: 500;
	}
	.sp-contact-info li {
		line-height: 40px;
		border-left: 0px solid #eee;
		margin-right: 0;
	} */
	.sp-contact-info li {
		display: inline-block;
	}
	svg:not(:root).svg-inline--fa {
		overflow: visible;
	}

	.svg-inline--fa.fa-w-16 {
		width: 1em;
	}

	.svg-inline--fa {
		display: inline-block;
		font-size: inherit;
		height: 1em;
		overflow: visible;
		vertical-align: -.125em;
	}
	.sp-contact-info li a {
		font-size: 15px;
		font-weight: 500;
	} 
	/*.top-bar-header a {
		color: #f9f9f9;
	}
	.primary-sidebar li {
		display: inline;
		padding-right: 15px;
	}
	/* .sp-contact-info li {
		font-size: 15px;
		font-weight: 500;
	}
	.sp-contact-info li {
		line-height: 40px;
		border-left: 0px solid #eee;
		margin-right: 0;
	} */
	/* .social-icons {
		float: right;
		height: 100%;
		overflow: hidden;
	} */
	.primary-sidebar li {
		display: inline;
		padding-right: 15px;
	}
	/* .social-icons li {
		border-left: 0px solid #eee;
		text-align: center;
		display: inline;
	}
	.social-icons li a {
		border-radius: 0;
		font-size: 15px;
		height: 40px;
		line-height: 40px;
		margin: 0;
		overflow: hidden;
		text-align: center;
	} */


	@media (max-width: 703px){
	.social-icons li {
		text-align: center;
		float: none!important;
	}
	.sp-contact-info{
		display: inline-grid;
	 text-align: center;
		width: 100%;
	}}
	@media (max-width: 584px){
	.social-icons {
		float: none!important;
		text-align: center!important;
	
	}}
	.social-icons ul li:hover:nth-child(1) a{
		color: blue !important;
	}
	.social-icons ul li:hover:nth-child(2) a{
		color: rgb(0, 195, 255) !important;
	}
	.social-icons ul li:hover:nth-child(3) a{
		color: rgb(253, 85, 150) !important;
	}
	.social-icons ul li:hover:nth-child(4) a{
		color: rgb(251, 255, 0) !important;
	}
	.social-icons ul li:hover:nth-child(5) a{
		color: rgb(0, 110, 255) !important;
	}
	.social-icons ul li:hover:nth-child(6) a{
		color: rgb(255, 0, 157) !important;
	}
	.calltoaction-box::after {
		background: url(../../assets/images/tarbt.png) center left no-repeat;
		width: 134px;
		height: 43px;
		content: "";
		display: block;
		margin-bottom: 0px;
		bottom: 0;
		position: absolute;
	}

.gallery {
	height: 100vh;
	width: 100%;
	flex-wrap: wrap;
	z-index: 100;
	background: url(../img/4702.jpg); background-size: cover;background-repeat: no-repeat; background-attachment: fixed; max-height: 90vh;  opacity: .7;
  }


.pages-cont{
	max-width: 90%;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
/* .text-pad{
	text-align: left;
	padding: 300px 200px 300px 0px;
	margin: 0;
	max-width: 85%;
	font-family: 'exo';
	margin: 0 auto;
} */
.head-pad{
	text-align: left;
	margin: 0;
	font-size: 50px;
	color: rgb(0, 0, 0);
	font-family: 'Exo';
	font-weight: bold;
}
.new-p{
	font-weight: 200;
	font-size: 18px;
	width: 80%;
	font-family: 'Exo';
}


#wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.content {

  width: 100%;
  min-width: 260px;
	font-family: 'Exo';
  margin-top: 7%;
  transition: 0.3s ease;
}
@media screen and (max-width: 512px) {
  .content {
    margin: 0 4%;
    margin-top: 5%;
  }
}

/* Tabs menu */
.tabs {
  margin: 0;
  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  border-radius: 2px 2px 0px 0px;
}
@media screen and (max-width: 512px) {
  .tabs {
    height: 40px;
  }
}

/* Tab Links */
.tablinks {
  background: transparent;
  background-image: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.2) 100%);
  border: none;
  outline: none;
  cursor: pointer;
  width: 25%;
  height: 80px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;

  overflow: hidden;
  transition: 0.3s ease;
}
@media screen and (max-width: 512px) {
  .tablinks {
    height: 40px;
    font-size: 12px;
  }
}

.tablinks:before {
  background-image: linear-gradient(135deg, #667eea 0%, #0f02be 100%);
  content: "";
  width: 100%;
  height: 0px;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s ease-in-out;
  z-index: 2;
}

/*tab buttons hover*/
.tablinks:hover::before {
  height: 100%;
  z-index: 2;
  bottom: 0;
}
@media screen and (max-width: 512px) {
  .tablinks:hover::before {
    height: 0;
  }
}

/* Tab active */
.tablinks.active {
  background-color: white;
  z-index: 0;
  border-right: 0px;
  border-left: 0px;
  height: 110px;
  bottom: 0px;
  overflow: hidden;
}
@media screen and (max-width: 512px) {
  .tablinks.active {
    height: 60px;
  }
}

.tablinks.active:before {
  content: "";
  width: 100%;
  height: 5px;
  top: 0;
  left: 0;
}

/* Tabs text */
.tablinks.active p,
.tablinks.active:hover p {
  opacity: 1;
  background: -webkit-linear-gradient(135deg, #667eea 0%, #0f02be 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tablinks p {
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: 0.5s ease;
  padding: 0;
  margin: 0;
  color: #686868;
  backface-visibility: hidden;
  font-weight: 400;
}

.tablinks:hover p {
  color: white;
  opacity: 1;
}
@media screen and (max-width: 512px) {
  .tablinks:hover p {
    color: #686868;
    opacity: 0.6;
  }
}

/* Tabs text bigger */
.tablinks p:before {
  content: attr(data-title);
  position: absolute;
  height: auto;
  width: auto;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.1;
  font-size: 40px;
  transition: 1s ease-out;
  z-index: -1;
  font-weight: 600;
  top: 110%;
}
@media screen and (max-width: 512px) {
  .tablinks p:before {
    display: none;
  }
}

.tablinks:hover p:before {
  opacity: 0.1;
  font-size: 40px;
  top: -80%;
}

/* tab content */
.wrapper_tabcontent {
  background-color: white;
  margin-top: 0px;
  z-index: -3;
  position: relative;
  opacity: 1;
  padding: 40px 60px;
  overflow: hidden;
  transition: all 1s ease;
  top: 0;
  width: 94%;
  margin: 0 auto;
}

.tabcontent {
  display: none;
  min-height: 180px;
}

@keyframes tabEffect {
  from {
    top: -40px;
  }
  to {
    top: 0px;
  }
}
.tabcontent.active {
  transition: all 1s ease;
  display: block;
}

/* Title */
.tabcontent h3 {
  font-size: 40px;
  top: 120px;
  transform: rotate(90deg);
  position: absolute;
  left: -90px;
  opacity: 0.2;
  width: 238px;
  height: 60px;
  background: -webkit-linear-gradient(135deg, #667eea 0%, #0f02be 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
  animation: city 1s ease;
}
@media screen and (max-width: 512px) {
  .tabcontent h3 {
    top: 65px;
  }
}

@keyframes city {
  from {
    left: -150px;
  }
  to {
    left: -90px;
  }
}
/* Text*/
.tabcontent p {
  color: #686868;
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-weight: 100;
  transition: all 1s ease;
  animation: fadeEffect 0.6s ease;
  width: 70%;
  font-size: 16px;
  font-family: "IBM Plex Sans", sans-serif;
}
@media screen and (max-width: 512px) {
  .tabcontent p {
    font-size: 14px;
    line-height: 26px;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
    margin-left: 30px;
  }
  to {
    opacity: 1;
    margin-left: 0;
  }
}

.content{
	background: url(../img/Background25.png);
}

.button{
	margin: 40px 0;
    background: #0f02be;
    border-radius: .27rem;
    border: none;
    color: #fff;
    font: 1rem/1rem "pfDinTextMed","Helvetica Neue","Arial";
    padding: 0.6rem .75rem;
	vertical-align: middle;

}
.button a{
	color: #fff;
	cursor: pointer;
}
.button a:hover{
	cursor: pointer;
}
.new-title{
	font-size: 30px;
	font-weight: 400;
	margin: 20px 0;
}
.gc-list {
    list-style: none;
    padding: 0;
	margin: 0;
	width: 60%;
}
.gc-list li{
	margin: 2px 0;
}
.af-section{
	position: relative;
	top: 0;
	padding: 20px 0 0 0;
}
/* .af-section::after{
	background: url(../img/tarbt.png) center left no-repeat;
    width: 134px;
    height: 43px;
    content: "";
    display: block;
    margin-bottom: 0px;
    bottom: 0;
    position: absolute;
} */
.af-section{
max-width: 85%;
margin: 0 auto;
}
.grid-item{
    border: 1px solid #ddd;
    height: 216px;
    text-align: center;
    margin-left: -1px;
	margin-bottom: -1px;
	width: 90%;
	margin:  0 auto;
	background: #fff;
	border-radius: 5px;
}
.grid-card{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;

}
.service_icon {
    padding-top: 55px;
}
.service_icon_info .service-overlay, .service_icon_info_top .service-overlay {
	box-shadow: 0 15px 45px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    overflow: hidden;
    padding-top: 45px;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translate(-14px, 162px);
    width: 24%;
    z-index: 1;
    background:  -webkit-linear-gradient(135deg, #667eea 0%, #0f02be 100%);
    transition: all 0.5s ease 0s;
    border-radius: 5px;
}
.service_icon_info:hover .service-overlay:hover, .service-overlay span, .service_icon_info_top:hover .service-overlay span {
    color: #fff;
}
.service-overlay span {
    font-size: 48px;
}
.service_icon img{
	margin-bottom: 30px;
}
.service-overlay h5 {
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
}
.service-overlay p {
    color: #eee;
    margin: 25px auto 0;
    max-width: 230px;
    padding-bottom: 45px;
}
.grid-item:hover .service_icon_info_top .service-overlay{
	opacity: 1;
}
 .content .how-work {
    padding-top: 50px;
    margin-bottom: 50px;
}
.gc-h2 {
    font-family: "pfDinTextLight","Helvetica Neue","Arial";
    color: #000;
    font-size: 36px;
	line-height: 36px;
	width: 100%;
    font-weight: 300;
    margin-bottom: 50px;
}
.gc-steps {
    list-style: none;
	margin: 0;
	width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.gc-steps__item {
    display: flex;
    position: relative;
	max-width: 33% !important;
	margin-right: 40px;
}
.gc-steps__icon {
    max-width: 40px;
    min-width: 40px;
    width: 100%;
    margin-right: 20px;
}
.gc-steps__name {
    font-family: "pfDinTextLight","Helvetica Neue","Arial";
    font-size: 18px;
    line-height: 22px;
    color: #000;
    max-width: 265px;
}
.gc-steps__item::after {
    content: '';
    width: 34px;
    height: 15px;
    background: url(../img/icon/right-arrow.svg) center/cover no-repeat;
    position: absolute;
    right: -26px;
    top: 10px;
}
.gc-steps__item:last-child::after{
	background: none !important;
}
 .content .multilevel-partner__image {
    width: 235px;
    height: 162px;
    background: url(/img/icon/multilevel.svg) center/cover no-repeat;
}
.multilevel-partner__scheme{
	display: flex;
	top: 16%;
	position: relative;
}
.examples {
    background: rgba(255,255,255,0.8);
    border-radius: 3px;
    padding: 30px 0 0 60px;
	position: relative;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.5) !important;
}
.examples::before {
    content: '';
    width: 37px;
    height: 36px;
    background: url(../img/icon/building.svg) center/cover no-repeat;
    position: absolute;
    left: 8px;
    top: 25px;
}
 .examples p .green {
    color: #0f02be;
}
@media (max-width: 850px){
.gallery{
    background-repeat: no-repeat;
	background-size: contain !important;
    max-height: 66vh !important;
    padding: 10% 0 2% 0 !important;
}
.text-head-c p{
	font-size: 20px !important;
}
.text-head-c h1{
	font-size: 30px !important;
}
.text-head-c{
padding: 12% 0% 12% 8%;
}
}


@media (max-width: 600px){
	
	.navbar-brand img {
		height: 75px!important;
	}
	.text-head-c p{
		display: none;
	}
	.social-icons ul{
		/* padding-right: 5%; */
	}
}
@media (max-width: 700px){
	.et-hero-tabs h3 {
		padding: 0px;
	}
	.grid-card{
		grid-template-columns: 1fr !important;
	}

	.tabcontent h3 ,.service_icon_info_top .service-overlay {
		 display: none;
	 }
	 .wrapper_tabcontent{
		 padding: 10px 0 0 0;
	 }
	 .content{
		 margin: 4% 0 0 0;
	 }
	 .gc-list ,.tabcontent p {
		 width: 96%;
	 }
	 .gc-steps{
		 display: inline-grid;
	 }
	 .gc-steps__item{
		 max-width: 100% !important;
		 margin-bottom: 10px;
	 }
	 .gc-steps__icon{
		 margin-left: 16px;
	 }

}

.primary-sidebar ul{
	margin-bottom: 0 !important;
}
.arrow::after{
	content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    right: 10px;
    top: 51%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #29c9ff;

}
.arrow{
	opacity: 1;
}
.menu_l1{
	display: inline-grid;
	border-right: 1px solid #4884a9;
	margin: 20px 0;
}
/* .menu_l1 a{
	font-size: 14px;
	margin: 8px 0;
	padding: 10px;
	border-radius: 14px;
} */
.menu_l1 a img{
width: 40px;
    margin-right: 5px;
}
.menu_l1 a:hover{
	transform: translateX(10px);
	transition: .3s linear transform;
}
@media(max-width: 894px){
	#primary-sidebar{
		display: none;

	}
	#ss{
		top: 0;
	}
}
.h1:hover .media_kit-bg{
	transform: translate(-10px, 10px);
}

.our-mission-item{
	padding: 3%;
	text-align: center;
}
.our-mission-item .big-1 {
	font-family: Exo;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 20px;
    margin: 0;
    letter-spacing: 1.25px;
    color: #262C3A;
    line-height: 2;
}

.textwidget1{
	max-width: 100%;
}
.block {margin-top: 100px;
    margin-bottom: 120px;
    overflow: hidden;
}
.h2 {
    margin: 0;
    font: 800 46px/1.618em Gilroy;
    color: #252a37;
    text-align: center;
}
.index p.sub-h2, .playbook p.sub-h2 {
    width: 640px;
    text-align: center;
}
.sub-h2.out-clients {
    font: normal 18px/28px Asap;
    letter-spacing: 0.4px;
}
.sub-h2 {
    margin: 15px auto 60px auto;
    font: 400 18px/1.618em Asap;
    color: #626c84;
    text-align: center;
    letter-spacing: 0.4px;
}
.slide-client {
    margin-top: 120px;
}
 .slide-client {
    margin: 0 auto;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

 .slide-client .content-slide {
    margin-bottom: 25px;
    position: relative;
    width: 100%;
    padding: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;

    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.text_color-cyan {
    color: #29c9ff;
}
.words_from_clients .words_wrap-item {
    position: relative;
    margin: auto;
    padding: 100px;
    width: 550px;
    max-width: 100%;
    -webkit-box-shadow: 0 2px 30px 0 #e0e5f0;
    box-shadow: 0 2px 30px 0 #e0e5f0;
    text-align: center;
}
.words_from_clients .photo_user {
    display: block;
    position: absolute;
    height: 96px;
    width: 96px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
 .words_from_clients .photo_user img {
    height: 100%;
    min-width: 100%;
}
.words_from_clients .headline {
    display: inline-block;
    padding-left: 85px;
    margin-bottom: 60px;
    text-align: left;
    background: url(../img/icon/icon-quote.svg) center left no-repeat;
}
 .words_from_clients .words_wrap-item p {
    margin-top: 0;
    margin-bottom: 0;
}
.text_color-dark_blu {
    color: #252A37;
    font: normal 18px/38px Asap;
} .words_from_clients .headline p.text_color-cyan {
    font: 700 15px/14px Gilroy;
    letter-spacing: 0.08px;
}
.words_from_clients .words_wrap-item p {
    margin-top: 0;
    margin-bottom: 0;
}
 .words_from_clients .words_wrap-item p {
    margin-top: 0;
    margin-bottom: 0;
}
.words_from_clients .words_text {
    font-family: Gilroy;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    line-height: 1.618em;
    letter-spacing: 1px;
    color: #0c2050;
}

.words_from_clients .words_wrap-item{
	margin-top: 50px;
}

.slick-next:before {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    font-size: 35px !important;
}
.slick-prev:before {
    content: "\f104" !important;
    font-family: FontAwesome !important;
    font-size: 35px !important;
}

.slick-next{
	right: 10px !important;
}
.slick-prev{
	left: 10px !important;
}
.slick-prev:before, .slick-next:before{
	font-size: 42px !important;
	color: gray !important;
}
.slick-prev, .slick-next{
	width: 40px !important;
	height: 40px !important;
	top: 42% !important;
}

@media screen and (max-width: 1440px) and (min-width: 900px){
.site-triangles {
    padding-top: 265px;
    padding-bottom: 350px;
}}
.site-triangles {
    margin-top: -60px;
    margin-bottom: -140px;
    position: relative;
}
.site-triangles__inner {
    position: relative;
    z-index: 15;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
 .site-triangles__inner {
    max-width: 1100px;
}
 .site-triangles__inner{
    width: 92%;
    margin: 0 auto;
}
@media(max-width:1250px){
	.s1::after {left: 50%!important;}
}
@media(max-width:1170px){
	#grid-image{
		margin: 0px!important;
	}
	#LIST .card .num {
		position: absolute;
		top: -25px;
		left: -8px;}
}
@media screen and (min-width: 1025px){
.animate.animate-slide-right {
	right: 0px;
	opacity: 1;
}}
.heading {
    font-family: "brandon-grotesque",Arial,Sans-Serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
@media(max-width:1000px){
    .navbar-sec.stick .hum{
            top: 35px;
    }
	.navbar-brand {
		float: left;
		position: absolute;
		display: inline-block;
		padding-top: .3125rem;
		padding-bottom: .3125rem;
		margin-right: 1rem;
		font-size: 1.25rem;
		line-height: inherit;
		white-space: nowrap;
		left: 0px;
	}
	
	.social-icons{
		display: flex;
		justify-content: center!important;
		width: 100%!important;
		/* right: unset!important; */
	}
	.nav2{
		margin-top: 62px;
	}
	.sp-contact-info{
		display: none!important;
	}
	.navbar2
	{ 
		justify-content: center!important
		;
		display: flex;
	} 
	.nav1{
		display: none!important;
	} 
	.hum{margin-right: 19px;
		right: 33px;
		top: 52px;
		display: block!important;
	   z-index: 2000;
	   position: fixed;
	   cursor: pointer;
	   
   }
	.nav-open{top: 2px;
        right: 3px;
        
        z-index: 1990!important;
	}
	.nav-open .s1::after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		left: 89%!important;
		top: 59%;}
	.nav-open .navbar-brand{
		left: 10px;
    position: absolute;
    top: 16px;
	}
	
}
@media (max-width: 991px) {

	

	#ss .none{

		display: none;

	}
	#ss .navbar-brand{

		position: absolute;

		left: 50%;

		top: 5px;

		margin-left: -55px;

	}

	#ss .navbar-language{

	display: inline-block;

	position: absolute;

    top: 18px;

    right: 5%;

	}

	.arrow::after{
		display: none;
	}

	#ss li.nav-item{

		text-align: left;

		padding: 2px 5%;

	}

	#ss .navbar{

		padding-left: 0;

		padding-right: 0;

	}

}

@media screen and (min-width: 769px){
.site-triangles__section--first .site-triangles__subtitle, .site-triangles__section--first .site-triangles__title, .site-triangles__section--first .site-triangles__txt {
    max-width: 345px;
}}
.site-triangles__section .site-triangles__subtitle, .site-triangles__section .site-triangles__title, .site-triangles__section .site-triangles__txt {
    display: block;
}
@media screen and (max-width: 1440px) and (min-width: 681px){
.heading--small {
    font-size: 16px;
    font-size: 24px;
}}
@media screen and (min-width: 769px){
.site-triangles__section--first .site-triangles__subtitle, .site-triangles__section--first .site-triangles__title, .site-triangles__section--first .site-triangles__txt {
    max-width: 345px;
}}
.site-triangles__section .site-triangles__subtitle, .site-triangles__section .site-triangles__title, .site-triangles__section .site-triangles__txt {
    display: block;
}

.site-triangles__title {

    font-size: 18px;
}
.site-triangles__subtitle, .site-triangles__title, .site-triangles__txt {
    color: #fff;
}
.site-triangles__section .btn{
    margin-top: 30px;
}
.site-triangles__faux__section--first {
    clip-path: url(#triangle-left-clip);
}
@media screen and (min-width: 769px){
.site-triangles__faux__section--first {
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}}
.site-triangles__faux__section--first {
    width: 58.5%;
    height: 68.10035842293907%;
    top: 0;
    left: 0;
    background-color: #07d1e2;
}
.site-triangles__faux__section {
    position: absolute;
    z-index: -1 !important;
    content: '';
    background-size: cover;
}

@media screen and (min-width: 769px){
.site-triangles__faux__section--last {
    -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}}
.site-triangles__faux__section--last {
    width: 77.5%;
    height: 90%;
    bottom: 0;
    right: 0;
}
.site-triangles__faux__section {
    position: absolute;
    z-index: 5;
    content: '';
    background-size: cover;
}
@media screen and (max-width: 1440px) and (min-width: 769px){
.site-triangles__shapes:before {
    width: 138px;
    height: 112px;
    top: 53%;
    background-size: 138px;
}}
.site-triangles__shapes:before {
    width: 272px;
    height: 219px;
    left: 0;
    background-size: 140px;
    background-image: url(../img/icon/shapes-14.svg);
}
.site-triangles__shapes:before, .site-triangles__shapes:after {
    display: block;
    position: absolute;
    content: '';
    background-repeat: no-repeat;
}
.site-triangles__shapes {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.btn--light{
	transition: all ease .25s;
	margin-top: 30px;
	padding: 15px 21px;
    font-size: 16px;
	font-size: 1rem;
	border-color: #fff;
	color: #fff;
	display: inline-block;
    cursor: pointer;
    border: 3px solid #222326;
    background: none;
    font-family: "brandon-grotesque",Arial,Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    line-height: 100%;
}
.btn--light:hover{
	color: #000;
	border: 3px solid #fff;
}
@media screen and (min-width: 769px) {
.site-triangles__section--last {
	width: 77.5%;
	z-index: 99;
}}

.site-triangles__section {
    background-image: none !important;
}
.site-triangles__section--last {
    margin-top: 0%;
    margin-left: auto;
	text-align: right;
	margin-right: 10%;
	max-width: 600px;
}
.site-triangles__inner {
    position: relative;
    z-index: 15;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 900px){
	.sp-contact-email {
		border: 1px solid white;
		border-radius: 27px;
		width: 500px!important;}
	
	
	.sp-contact-phone svg{
		width: 11px!important;
	}
	.sp-contact-email svg{
		width: 11px!important;
	}
	.social-icons li a svg {
		overflow: visible;
		z-index: 1300;
		position: absolute;
		width: 15px!important;}
	.tri {
    background: #007acd !important;
}
.site-triangles__section--last{
	text-align: left;
}
.site-triangles{
	margin: 10% auto;
}}
@media(max-width:800px){
	.social-icons {
		right: 0;
		position: absolute;
		padding-right: 10;
		width: 30%;}
}
@media screen and (max-width: 768px) {
	.nav-open .navbar-brand {
		
		position: absolute;
		top: 16px;
	}
	.hum{
		right: 20px!important;
	}
	
	
	
.site-triangles__section {
    width: 100%;
    padding: 60px 4%;
    position: relative;
    background-size: cover;
}
}
@media screen and (max-width: 768px){
.site-triangles__inner {
    width: 100%;
}
.site-triangles__shapes{
	display: none;
}}

.tri{
	max-width: 2000px;
	margin: 0 auto;
	width: 100%;
}
.floating-sec{
display: inline;
    position: fixed;
    width: 140px;
    height: 60px;
    z-index: 100;
    top: 159px;
    left: 0px;
}
.whats-text{
    padding: 5% 6%;
    background: beige;
    font-weight: bold;
    font-size: 18px;
    border-radius: 14px;
    transition: all .4s linear;
    opacity: 0;
    position: relative;
    top: 30%;
}
.float-whats{
	width:60px;
	position: fixed;
	height:60px;

	z-index:100;
	background-color:#47e782;
	color:#FFF;
	border-radius:10px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;
	transition: all .4s linear;
}
.floating-sec:hover .whats-text{
opacity: 1;
}
.floating-sec:hover .float-whats{
	transform: translateX(136px);
	}
.my-float{
	margin-top:16px;
}
.case-bg{
	background: beige;
	padding: 2% 0;
	width: 100%;
	margin: 0 15px;
	display: flex;
}
.case-study-text{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #0c2050;
}
.case-study-text p{
	font-size: 24px;
}@media (max-width: 767px){
	.sp-contact-phone svg{
		width: 11px!important;
	}
	.sp-contact-email svg{
		width: 11px!important;
	}
	.social-icons li a svg {
		overflow: visible;
		z-index: 1300;
		position: absolute;
		width: 15px!important;}
	.case-bg{
		display: inline-grid;
	}
}
@media (max-width: 600px){

	.unique .column-first form {margin: 0px!important;
	width: 100%;}
	#contact_now .column-first {
	
	}
	.main{
		padding: 0px;
	}
	.slider_master_2 .title h1{
		font-size: 25px;
	}
	.card-img{
		margin-bottom: 25px;
	}
	.services .container{
		max-width: 420px;
	}
	.card-img img {
		width: 80%!important;
	}
	.about .about_img {
		height: 44vh!important;}
	.nav-open{
		top: 24px;
	}
	
	.with-caption img {       
	}
	
	.hum {
		margin-right: 19px;
		
	}
	.with-caption img {
		width: 350px!important;
	}
	

	
		
}
.form-group input:hover .label-form{
	font-size:14px;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	color:#5264AE;
	transform: translateY(-50px) !important;
}
.label-form{
	padding: 2%;
	z-index: -1;
	position: absolute;
}
input{
	  display:block;
}

.our-mission-item:hover{
	transform: translateY(-10px);
	box-shadow: 0 0 30px 0px rgba(0,0,0,0.18);
	transition: all 1s ease;
	background: rgba(255,255,255,0.7);
}
.hum{
    display: none;
}
.nav2{position: relative;
    

    justify-content: center;
    align-items: center;
}
.nav2 li a{

    color:  #2D94C1!important;
    font-size: 20px;
    
}
.nav2 li a:hover {border-radius: 50px;
    background: #7babe0ba;
    color: white;
    transform: scale(1.2);
    
}
.nav-open{
    
	justify-content: center;
	text-align: center;
	display: flex;
position: fixed;
	top: 0px;
left: 1px;
	width: 100%;
    height: 60vh;	background: white;
	z-index: 1101;
	color: #2D94C1;
	padding: 15px;
	/* justify-items: center; */
	align-items: center;
	text-align: center;

	
	
	box-shadow: 0px 3px 9px 3px #8a87873b;
	transform: translateY(-169%);

}
@media (max-width: 500px){
	.navbar-brand img {
		height: 65px!important;
	}
	.navbar-sec {
		top: 5px;
		position: relative;
		z-index: 1200;
	}
	.navbar2 {
		height: 89px;
		align-items: center;
		display: flex;
		z-index: 999;
		width: 100%;
		position: relative;
		top: 0;
		justify-content: space-between;
	}
	.hum {
		margin-right: 19px;
		right: 33px;
		top: 32px;
		display: block!important;
		z-index: 2000;
	    position: fixed;
		cursor: pointer;
	}
	.slider_index {
		align-items: center;
		display: flex;
		bottom: 102px;
		min-height: 100vh;
		/* height: 60vh; */

		background-size: cover;
		background-attachment: fixed;
		background-position: center top;
		position: relative;
	}
	.carousel {    margin: 15% auto!important;
		width: 50%;
		text-align: center;
		position: relative;
		margin: auto;
		background-color: rgba(75, 75, 75, 0.3);
		height: auto;
		border-top-right-radius: 47px;
		border-bottom-left-radius: 47px;
		max-width: 1148px;
		padding: 15px 2%;
		/* float: left; */
		justify-content: center;
		align-items: center;
		/* box-shadow: 1px 1px 20px 11px #f8f9fa3d; */
		display: flex;
	}
	.navbar1{
		display: none!important;
	}
	#float_box {
		padding-top: 75px;}
	.card-body p{
font-size: 14px;
	}
	.card-body h1 {
		font-size: 25px;
		color: #004085b8;
	}
	.about .about_info h3 {
		font-size: 20px;}
	.hum {    right: 0px!important;
		margin-right: 10px;
		width: 30px;
	}
	.exp-right .smll {
		text-align: left;
		color: #000;
		font-family: rubik,sans-serif;
		font-size: 18px!important;}
	.exp-right .lage{
		font-size: 80px!important;
	}
	.call-now span {
		font-size: 50px!important;}
	.serv-info p {
		color: black;
		font-size: 14px!important;}
	.hum {
		right: 8px!important;
	}
	.google-map{
		height: auto!important;
	}
	.google-map a img{
		height: auto!important;
	}
	
	
	#imp{
		width: 220px!important;
	}
	.img-center img {
		position: relative;
		width: 220px!important;
		top: 25%;
	}
	
	
	.gallery{
		background-size: cover !important;
		max-height: 44vh !important;
		background-position-x: 50% !important;
		padding: 10% 0 2% 0 !important;
	}
	.head-pad{
		font-size: 40px;
	}
	}
	@media (max-width: 450px){.services .container {
		max-width: 375px;
	}}
	@media(max-width:400px){
	    #intro_page .container-fluid {
    width: 90%;
    position: relative;
    bottom: 103px!important;
}
	    .google-map {
    margin: 20px;
    border-radius: 27px;
    bottom: 21px;}
		.serv-info h6 {
			padding-left: 0px!important;
		}
		#LIST text{
			font-size: 100px;
		}
		.float {
			padding: 15px!important;}
		.navbar-brand img {
		
		}
		.floating-sec{
			display: none;
		}
		.services .container {
			max-width: 310px;
		}
		.about .about_info {font-size: 14px!important;}
		.google-map a img {
			width: 315px;
			height: auto!important;
		}
		.google-map {
			width: 315px;
			height: auto!important;
		}
		.google-map {
			margin: auto!important;
			border-radius: 27px;
		bottom: 15px!important;
		
			display: flex;
			justify-content: center;}
		#our_services .special {
			font-weight: 900;
			font-size: 15px!important;}
		#increment_numbers h1 {
			color: #fff;
			font-size: 23px!important;}
		.with-caption img {
			width: 300px!important;
		}
		.ftco-degree-bg .title {
			font-size: 8px;
		}
		.ftco-degree-bg .info {
			font-size: 15px!important;
			padding: 10px;}
			.img-center img {
				position: relative;
				width: 200px!important;}
				#imp {
					width: 200px!important;
				}
				#imsm{
					height: 140px!important;
    visibility: visible;
    width: 200px!important;
				}
				.et-hero-tabs h3 {
					font-size: 14px!important;}
					.serv-info h1 {
						font-size: 25px!important;}
						#font {
							font-size: 23px!important;
						}
	}

@media(max-width:1024px){
	/* .sp-contact-email {
		border: 1px solid white;
		border-radius: 27px;
		width: 612px!important;} */
}
.titlec{
	color:#42024a!important;
    display: flex;
    text-align: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 30px;
    background: white;
}
.titlec i{font-size: 35px;
    margin-left: 9px;
}
.column-second{
	margin-top: 21px;
}
.titlec h3{
	font-size: 30px;
    font-weight: 600;
}
#imp{
	width: 300px;
}
#imsm{
	height: 180px;
}
#imm{
	width: 100%;
}
.facts{padding-bottom: 7%;
	font-size: 20px!important;
}
.navbar-sec.stick {    height: 100px;
box-shadow: 12px 0px 20px 1px #8080808f;
        background: white;
        position: fixed;
    top: 0;
    width: 100%;
}