@charset "utf-8";
body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 27px;
	font-weight: normal;
	color: #11151E;
	text-decoration: none;
	margin: 0;
	padding: 0
}
::selection {
	color: #fff;
	background-color: #082a53;
}
::-moz-selection {
background:#082a53;
color:#fff
}
.noleftmargine {
	padding-left: 1%;
	float: left;
	width: 40%;
	text-align: left;
}
.yellowround {
	background-color: #eca003;
	text-align: center;
	position: absolute;
	width: 30vw;
	height: 30vw;
	border-radius: 50%;
	top: 0px;
	right: 10%;
	z-index: 3;
	box-shadow: 0 0 21px 0 #999999;
}
.yellowround span {
	padding-right: 15%;
	padding-left: 15%;
	text-align: center;
	display: block;
}

.yellowround h1 {
	font-size: 1.5vw;
	color: #FFFFFF;
	margin-top: 35%;
	background-image: none;
	padding: 0px;
	margin-bottom: 11px;
	font-weight: bold;
	text-transform: uppercase;
}


.blueround {
	background-color: #0967ba;
	text-align: center;
	position: absolute;
	width: 30vw;
	height: 30vw;
	border-radius: 50%;
	right: 10%;
	z-index: 4;
	bottom: -85px;
	background-image: url(../images/fbs-it-solution.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-shadow: 0 0 21px 0 #999999;
}

.fwidthwrap {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
}

.fwidthwrap2 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1500px;
}


.free {
	float: left;
	width: 100%;
	margin-top: 5%;
	position: relative;
	z-index: 11;
}

.h-c {
	display: inline-block;
	width: 220px;
	margin-right: 2%;
	margin-bottom: 4%;
	margin-left: 2%;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	z-index: 99;
}
.homemainicons {
	width: 200px;
	height: 200px;
	padding: 11px;
	border: 9px solid #FFFFFF;
	border-radius: 50%;
	margin-bottom: 7px;
}

.homemainicons:hover {border: 11px solid #f8aa08;}

.homemainicons:hover img {
	width: 60%;
	margin-top: 18%;
}
.homemainicons  img {
	width: 70%;
	max-width: 119px;
	height: auto;
	margin-top: 16%;
	transition:all ease 211ms;
}


.bluebg {
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 100%;
	color: #FFFFFF;
}
.fbs-right {
	float: right;
	width: 67%;
	height: auto;
	padding-left: 2.5%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E8E8E8;
	margin-left: 3%;
}

.fbs-left {
	float: left;
	width: 30%;
	height: auto;
}
.fbs-left img {
	height: auto;
	width: 100%;
	margin-bottom: 33px;
	border: 11px solid #e4e6ef;
	border-radius:11px;
}


.banner-text {
	width: 50%;
	position: absolute;
	left: 15%;
	bottom: 36%;
	z-index: 11;
	color: #FFFFFF;
	font-size: 27px;
	line-height: normal;
	display: none;
}
.banner-text h1 {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 60px;
	background-image: none;
}
.inner-c-wrap {
	width: 100%;
	float: left;
}
.pics { column-count:2; column-gap:21px;
}
.pics img {
	height: auto;
	width: 100%;
	vertical-align: top;
	margin-bottom: 21px;
}


.clients { column-count:6; column-gap:50px;
}
.clients img {
	height: auto;
	width: 100%;
	vertical-align: top;
	margin-bottom: 55px;
}


.products img{
	float: right;
	height: auto;
	width: 35%;
	margin-bottom: 5%;
	margin-left: 5%;
	border: 2px solid #D6D6D6;
}


.ufonix-contact:hover { transform:scale(1.05);box-shadow: 0 11px 11px 0 #D6D6D6;
	
	
}
.ufonix-contact {
	float: left;
	width: 23%;
	min-height: 353px;
	background-color: #F0F3F9;
	padding: 2.5%;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 1%;
	transition:all ease 222ms;
}
.ufonix-contact span {
	position: relative;
	display: block;
	margin-bottom: 11px;
}
.ufonix-contact span:after {
	background-color: #0c9fe3;
	position: absolute;
	height: 2px;
	width: 50px;
	content: '';
	bottom: 50%;
	margin-left: 11px;
}

.sep2col {
	float: left;
	width: 100%;
	column-count: 2;
	column-gap:22px;
	margin-bottom: 5px;
}
.s-u-c-col {
	float: left;
	width: 31%;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 1%;
	background-color: #EEF3F9;
	min-height: 500px;
	padding: 3%;
	font-size: 15px;
	line-height: 27px;
}
.inner-c-wrap.products .s-u-c-col img {
	float: left;
	height: auto;
	width: auto;
	margin-left: 0px;
	margin-right: 21px;
	border:none;
	
	margin-bottom: 11px;
	margin-top: 9px;
	max-width:165px;
	width:30%;
}

.s-u-c-col strong {
	display: block;
	margin-bottom: 11px;
	font-size: 21px;
	color: #102E68;
	font-weight: 600;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0c9fe3;
	padding-bottom: 21px;
}





* {
	box-sizing: border-box;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.p-colleft {
	float: left;
	width: 50%;
	position: relative;
	padding-top: 2%;
}
.p-colleft:before {
	position: absolute;
	left: 50%;
	top: -3%;
	height: 110%;
	width: 360px;
	margin-left: -200px;
	content: '';
	background-image: url(../images/dots.png);
}
.u-call {
	float: left;
	width: 90%;
	margin-right: 2%;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 21px;
	font-weight: 600;
	line-height: 21px;
	font-size: 15px;
	border-radius: 25px;
	background-color: #202b73; padding-left: 11%;
}
.u-call:hover {
	background-color: #f89508;
}
.cc {
	background-color: #f89508;
}


.u-call i {
	margin-right: 11px;
	margin-top:4px;
    display: inline-block;
        color:#eca303
}


a .u-call {
	color: #FFFFFF;
}

.u-call img {
	float: left;
	margin-right: 11px;
	margin-top: 7px;
}
.topmargin {
	margin-top: 33px;
}
.text-col-right {
	float: left;
	width: 50%;
	padding-left: 3%;
	padding-right: 5%;
	padding-top: 3%;
}
.bluebg2 {
	background-color: #015ab3;
	float: left;
	height: auto;
	width: 100%;
	padding-right: 7%;
	padding-left: 7%;
	padding-top: 7%;
	padding-bottom: 5%;
	min-height: 500px;
	background-image: url(../images/techbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background-attachment: fixed;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	position: relative;
	min-height: 100vh;
}
#particles-js {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.6;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 7;	
}
.bluebg2 h2 {
	font-size: 45px;
	color: #FFFFFF;
	margin-bottom: 21px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
.topleftgreen {
	float: left;
	width: 155px;
	background-color: #0c9fe3;
	height: 55px;
}
.ufonix-wrap1 {
	float: left;
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	padding-right: 7%;
	padding-left: 7%;
}
.darkbluebox {
	background-color: #142c5e;
	float: left;
	width: 100%;
	color: #FFFFFF;
	position: relative;
	top: -230px;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 8%;
	padding-left: 5%;
}
.photocubes:hover {
	transform: scale(0.9);
}
.photocubes {
	position: relative;
	float: left;
	height: auto;
	width: 45%;
	margin-right: 3%;
	margin-bottom: 3%;
	transition: all 222ms ease;
}
.cube-text {
	position: absolute;
	right: 0px;
	bottom: 55px;
	color: #FFFFFF;
	background-color: #0379d4;
	font-size: 18px;
	text-align: right;
	padding-top: 9px;
	padding-right: 21px;
	padding-bottom: 9px;
	width: 75%;
	font-weight: normal;
	transition: all 222ms ease;
}
.photocubes:hover .cube-text {
	font-size: 23px;
	font-weight: 600;
}
.photocubes img {
	height: auto;
	width: 100%;
}
.whitewrapwithwatermark {
	background-color: #FFFFFF;
	float: left;
	width: 100%;
	padding-right: 7%;
	padding-left: 7%;
	position: relative;
	background-image: url(../images/x.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	top: -120px;
	padding-bottom: 2%;
	background-size: 60%;
}
.what-we-do-cells {
	float: left;
	width: 24%;
	margin-right: 1%;
	margin-bottom: 1%;
	position: relative;
	transition: all 222ms ease;
}
.what-we-do-cells:hover {
	transform: translateY(-9px);
}
.what-we-do-cells:hover .w-w-d-text {
	color: #FFFFFF;
	background-color: #0d76c7;
}
.what-we-do-cells section {
	width: 95%;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
}
.what-we-do-cells img {
	position: relative;
	z-index: 0;
	height: auto;
	width: 100%;
	margin-bottom: 21px;
}
.w-w-d-text {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #142c5e;
	background-color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 21px;
	z-index: 2;
	width: 75%;
	transition: all 222ms ease;
}
.aligncentre {
	text-align: center;
}
.bluepicbg {
	background-color: #FFFFFF;
	height: auto;
	width: 100%;
	padding-right: 7%;
	padding-left: 7%;
	background-size: cover;
	float: left;
	min-height: 700px;
	padding-top: 6%;
	padding-bottom: 4%;
}
.b-line {
	float: left;
	width: 100%;
	
	margin-top: 33px;
}

.bluepicbg h2 {
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 45px;
}
.services-tagline {
	width: 50%;
	color: #FFFFFF;
	position: absolute;
	z-index: 9;
	left: 50%;
	bottom: 21%;
	text-align: center;
	margin-left: -25%;
}
.services-tagline h1 {
	font-size: 40px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: none;
	text-shadow: 1px 1px 0 #474747;
}
.serv-header-blue-top2:before {
	position: absolute;
	content: '';
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(255,255,255,1) 11%, rgba(255,255,255,0) 77%);
	height: 100%;
	width: 100%;
	left: 0px;
	bottom: 0px;
}

.why-cells:hover {
	background-color: #F5A90A;
	color: #FFFFFF;
	
}

.why-cells:nth-child(3) { border-right:none;}
.why-cells:nth-child(5) { border-right:none;}
.why-cells:last-child { border:none;}
.why-cells:hover:last-child{ background-color:#FFF;}
.why-cells:hover:last-child strong{ color:#fe9908; font-size:33px;}


.why-cells {
	width: 48.5%;
	min-height: 246px;
	text-align: left;
	font-size: 14px;
	line-height: 23px;
	position: relative;
	display: inline-block;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	padding-right: 2%;
	padding-bottom: 4%;
	padding-left: 3%;
	padding-top: 3%;
	transition:all ease 345ms;
	border-radius:11px;
}

.why-cells:hover strong{ color:#fff; font-size:21px;
	
}

.why-cells:hover img{filter: brightness(0%); opacity:0.8;
	
}

.why-cells img {
	margin-bottom: 11px;
}

.why-cells strong {
	font-size: 19px;
	font-weight: 600;
	display: block;
	margin-bottom: 7px;
	color: #0c2c7d;
	transition:all ease 111ms;
	
}






.yellowbg {
	background-color: #eca303;
	background-image: url(../images/yellowbg.png);
	float: left;
	height: auto;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFFFFF;
	padding: 5%;
	text-align: center;
}

.title99 {
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: 100%;
	font-size: 40px;
}
.y-2-cell {
	display: inline-block;
	width: 45%;
	padding-right: 2%;
	padding-left: 2%;
	text-align: left;
}
.y-2-cell span {
	display: block;
	float: left;
	width: 90%;
	margin-bottom: 45px;
	transition:all ease-out 222ms;
}
.y-2-cell span:hover strong {
	color: #000;
}

.y-2-cell span:hover{ padding-left:1%;
	
}

.y-2-cell span:hover section {
	color: #fff;
}

.y-2-cell span section {
	color: #000000;
	font-size: 33px;
}

.y-2-cell span strong {
	margin-bottom: 9px;
	font-weight: bold;
	font-size: 21px;
	margin-top: 9px;
	position: relative;
	z-index: 1;
	display: block;
}
.y-2-cell span strong:after {
	background-color: #FFFFFF;
	position: absolute;
	bottom: 50%;
	height: 2px;
	width: 100px;
	margin-bottom: -1px;
	margin-left: 21px;
	content: '';
	z-index: 0;
}



.y-2-cell img {
	width: 100%;
	height: auto;
	margin-top: -5%;
}





.ayyans {
	background-color: #D6D6D6;
	height: 100vh;
	width: 100%;
	position: relative;
}
.banner-social {
	left: 3%;
	top: 45%;
	width: 55px;
	position: absolute;
	z-index: 999;
}
.inner-header-banner .banner-social {
	top: auto;
	bottom: 7%;
}
.banner-social i {
	color: #FFFFFF;
	background-color: #eca003;
	display: block;
	margin-bottom: 11px;
	border-radius: 50%;
	height: 33px;
	width: 33px;
	padding-top: 8px;
	padding-bottom: 11px;
	text-align: center;
	transition: all ease 250ms;
}
.banner-social i:hover {
	background-color: #284999;
	transform: rotate(360deg);
}
.phonenumbers a {
	color: #172a57;
}
.phonenumbers a:hover {
	color: #284999;
}
.phonenumbers {
	float: right;
	width: auto;
	margin-top: 2.8%;
	letter-spacing: 0.5px;
	font-size: 15px;
	text-align: left;
	font-weight: 600;
	min-width: 180px;
    line-height: normal;
}
.phonenumbers i {
	margin-right: 7px;
	color: #FFFFFF;
	background-color: #eca003;
	padding: 7px;
	border-radius: 50%;
	margin-left: 7px;
	font-size: 15px;
    margin-top: -3px;
    display: inline-block
}
.head-wrap {
	float: left;
	width: 100%;
	padding-top: 8%;
	padding-right: 7.5%;
	padding-left: 35%;
	background-image: url(../images/head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	min-height: 751px;
	position: relative;
}
.head-wrap h1 {
	color: #0a2a34;
	background-image: none;
	padding: 0px;
	margin-top: 21px;
	margin-bottom: 21px;
}
.services-wrap {
	float: left;
	width: 100%;
}
.twocols {
	column-count: 2;
	column-gap: 33px;
}
.colorgray ul li {
	list-style-type: none;
	list-style-image: url(../images/arrow-green.png);
	padding-left: 11px;
	padding-bottom: 9px;
	line-height: normal;
	margin-top: 0px;
	padding-top: 0px;
}
.colorgray ul {
	margin: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 33px;
}
.inpicwrap {
	float: right;
	width: 45%;
	background-color: #FFFFFF;
	margin-bottom: 5%;
	margin-left: 5%;
	position: relative;
}
.inpicwrap:before {
	position: absolute;
	height: 80%;
	width: 200px;
	content: '';
	background-image: url(../images/dots.png);
	z-index: 0;
	top: 55px;
	right: -50px;
}
.inpicwrap:after {
	position: absolute;
	height: 200px;
	width: 50px;
	content: '';
	z-index: 2;
	right: -15px;
	bottom: 50px;
	background: linear-gradient(129deg, rgba(3,103,173,1) 26%, rgba(50,177,106,1) 61%);
}
.inpicwrap img {
	height: auto;
	width: 100%;
	position: relative;
	z-index: 1;
	outline: solid 5px #FFFFFF;
	outline-offset: -20px;
}
.picleft {
}
.picleft img {
	float: left;
	margin-right: 5%;
	margin-top: 3%;
	box-shadow: 21px 21px 1px 0 #CCCCCC;
}
.picright {
}
.picright img {
	float: right;
	margin-left: 5%;
	margin-top: 3%;
	box-shadow: -21px 21px 1px 0 #CCCCCC;
}
.services-cells-inner-page:hover h2 {
	color: #F3BC14;
}
.services-cells-inner-page h2 {
	color: #0F3168;
	font-size: 25px;
	text-align: left;
	padding: 0px;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-left: 0px;
}
#keen-wrap1 {
	width: 100%;
	line-height: normal;
	float: left;
	position: relative;
	
	overflow: hidden;
}
.keenwrap2 {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
}
.keen-wrap {
	padding: 5%;
	float: left;
	width: 100%;
	position: relative;
}
.ufonix-wrap-company {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 5%;
	padding-right: 7%;
	padding-bottom: 5%;
	padding-left: 7%;
}
.inner-2-col-big {
	float: left;
	width: 50%;
	text-align: left;
	padding-left: 5%;
}
.inner-2-col-big img {
	height: auto;
	width: 100%;
	max-width: 823px;
}
.inner-2-col {
	float: left;
	width: 50%;
	text-align: left;
	padding-right: 5%;
}

.inner-2-col strong {
	color: #122f85;
}
	
	
.inner-2-col img {
	height: auto;
	width:  auto;
	
}
.inner-2-col-company {
	float: right;
	width: 45%;
	text-align: left;
	position: relative;
}
.inner-2-col-company img {
	height: auto;
	width: 100%;
    border-radius: 5px;
	
	
	
}
.inner-2-col-company:after {
	position: absolute;
	height: 285px;
	width: 250px;
	content: '';
	bottom: 100px;
	background-image: url(../images/logo-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	left: -100px;
    display: none
}


.inner-2-col h2 {
	color: #244494;
}
.title1 {
	display: block;
	font-size: 21px;
	color: #041539;
	line-height: normal;
	margin-bottom: 33px;
	font-weight: bold;
}
.title2 {
	font-size: 45px;
	color: #fff;
	display: block;
	line-height: normal;
	text-transform: uppercase;
}
.title3 {
	color: #175D5B;
	padding-top: 21;
	display: block;
	line-height: normal;
	padding-bottom: 33px;
	text-align: center;
	margin-bottom: 45px;
	font-weight: bold;
	font-size: 45px;
	margin-top: 111px;
}
.title4 {
	line-height: normal;
	font-size: 17px;
	display: block;
	color: rgba(255,255,255,1);
	background-color: #0d3c8a;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 11px;
	margin-top: 21px;
	border-radius: 7px;
	text-transform: none;
	font-weight: bold;
}
.title6 {
	font-size: 15px;
	color: #333333;
	line-height: normal;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 55px;
	width: 100%;
	position: relative;
	font-weight: bold;
}
.title7 {
	font-size: 25px;
	color: #003366;
	max-width: 900px;
	display: inline-block;
	margin-top: 21px;
	margin-bottom: 55px;
	line-height: 40px;
	font-weight: bold;
}
.title-company-values {
	float: left;
	width: 100%;
	font-size: 1.7vw;
	font-weight: bold;
	position: relative;
	margin-bottom: 4%;
}
.title-company-values span {
	background-color: #FFFFFF;
	height: 2px;
	width: 75%;
	position: absolute;
	padding-left: 21px;
	bottom: 50%;
	right: 0px;
	opacity: 0.5;
}
.inner-title {
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 33px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #eca303;
	margin-bottom: 5%;
}
.inner-title h2 {
	color: #244494;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	background-image: none;
	font-size: 27px;
	text-transform: uppercase;
}
.subheading {
	color: #FFFFFF;
	font-size: 37px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 66px;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-left: 0px;
	font-weight: bold;
	line-height: normal;
}
.subheading:after {
	width: 60px;
	height: 2px;
	background-color: #0b9fa4;
	position: absolute;
	content: '';
	bottom: 55%;
	margin-left: 20px;
}
.subheading:before {
	width: 60px;
	height: 2px;
	background-color: #0b9fa4;
	position: absolute;
	content: '';
	bottom: 55%;
	margin-left: -80px;
}
.wrap22 .inner-bg-wrap .c-v-cells strong {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 11px;
}
.btn {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #0d80d8;
	padding-top: 9px;
	padding-right: 21px;
	padding-bottom: 9px;
	padding-left: 21px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 9px;
	border-radius: 2px;
}
.btn:hover {
	background-color: #102E68;
}
#menu {
	width: auto;
	position: relative;
	z-index: 999;
	margin-top: 2.7%;
	float: left;
	padding-left: 5%;
}
.edu-services-wrap {
	float: left;
	width: 100%;
	margin-top: 70px;
}
.teamwrap {
	float: left;
	width: 100%;
}
.gallerycol li {
	text-align: center;
	color: #fff;
	position: relative;
	width: 23%;
	float: left;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 1%;
	overflow: hidden;
	border-radius: 7px;
}
.gallerycol li:hover .t-name {
	background-color: #009933;
	padding-left: 27px;
	color: #FFFFFF;
	min-width: 275px;
}
.t-name {
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 21;
	border-radius: 0px 7px 0px 7px;
	color: #000000;
	font-size: 18px;
	min-width: 270px;
	font-weight: bold;
	transition: all ease 522ms;
	padding: 21px;
}
.gallerycol img {
	width: 100%;
	display: block;
	height: 240px;
	transition: all 555ms ease-in-out;
	object-fit: cover;
}
.gallerycol {
	padding-top: 33px;
}
.gallerycol li:hover img {
	transform: scale(1.2);
}
.inner-header-blue-top {
	float: left;
	width: 100%;
	padding-right: 7.5%;
	padding-left: 7.5%;
	background: rgb(35,50,84);
	background: linear-gradient(145deg, rgba(218,240,249,1)0%, rgba(238,231,211,1) 100%);
	min-height: 600px;
	padding-top: 1.5%;
	position: relative;
}
.inner-header-blue-top:after {
	position: absolute;
	content: '';
	height: 310px;
	width: 25%;
	background-image: url(../images/trans2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	right: 3%;
	bottom: 18%;
}


/**************************
*
*	whats app pulse start
*
**************************/


 @keyframes pulse {
 0% {
 box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
}
 80% {
 box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
}
}
.inner-whatsapp {
	position: absolute;
	z-index: 9;
	bottom: 5%;
	right: 4%;
}
.inner-whatsapp i {
	font-size: 33px;
	background-color: #00CC66;
	border-radius: 50%;
	padding-top: 7px;
	padding-right: 9px;
	padding-bottom: 7px;
	padding-left: 9px;
	color: #FFFFFF;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
.inner-whatsapp:hover i {
	color: #00CC66;
	background-color: #FFFFFF;
}
.arrow {
	height: 76px;
	width: 76px;
	position: absolute;
	left: 0px;
	margin-left: -38px;
	bottom: 50%;
	z-index: 9;
	margin-bottom: -38px;
}
.inner-header-blue-top .logowrap {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0.1);
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2%;
}
.serv-header-blue-top .logowrap {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0.1);
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2%;
}
.serv-header-blue-top2 .logowrap {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1%;
	padding-top: 3%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.3);
}
.inner-header-banner {
	width: 100%;
	position: relative;
	height: 47vh;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	font-size: 21px;
	z-index:1;
}

.inner-header-banner:after {
	height: 100%;
	width: 100%;
	position: absolute;
	background: linear-gradient(90deg, rgba(236,163,03,0.7) 17%, rgba(0,48,116,0.5) 71%);
	content: '';
	top: -1px;
	z-index: 2;
	left: 0px;
}
.pic-company {
	background-image: url(../images/company.jpg);
}
.pic-contact {
	background-image: url(../images/contact.jpg);
	height: 30vh;
}
.inner-header-banner img {
	height: auto;
	width: 100%;
}
.inner-header-wrap {
	width: 100%;
	float: left;
	background-color: #666666;
	height: 15vh;
	background-image: url(../images/testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.inner-matter-wrap {
	text-align: left;
	background-color: #FFFFFF;
	float: left;
	width: 100%;
	padding-bottom:5%;
	
}
.inner-matter-wrap img { width: 100%; height: auto; max-width: 600px; float: right; margin-left: 5%; margin-bottom: 5%;border-radius: 5px; 
	
}

.gridwrap{width: 100%;display: flex; flex-wrap:wrap; float: left; gap:2em; margin-bottom: 75px;}

.gridcells{flex:1 1 44%; border: solid 2px #244594; padding: 2em; position: relative; border-radius: 5px;}
.gridcells:hover{ border-color: #eca003}


.gridcells strong{
    color: #1e48b1;
    font-weight: 600;
    font-size: 21px;
    display: block;
    margin-bottom: 8px;
}

.gridcells ul{}
.gridcells ul li{ list-style: none; list-style-position: inside; margin-top: 21px; }

.gridcells:before{
    position: absolute;
    width: 50px;
    height: 29px;
    content: '';
    top: -15px;
    font-family: icofont;
    color: #dc9905;
    font-size: 21px;
    background-image: url(../images/fbs-small.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: center 0%;
}




.nobrdr {
	border: none
}
.inner-bg-wrap {
	text-align: left;
	background-color: #0b9aa3;
	float: left;
	width: 100%;
	color: #FFFFFF;
	background-image: url(../images/greenbg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 5%;
	padding-right: 7%;
	padding-bottom: 1%;
	padding-left: 7%;
	margin-top: -333px;
}
.inner-matter-wrap table {
	float: left;
}
.inner-matter-wrap table tr td {
}
.services-banner img {
	height: auto;
	width: 100%;
}
.s-tile {
	left: 5.5%;
	bottom: 21px;
	z-index: 9;
	width: 100%;
	float: left;
}
.s-tile h2 {
	font-size: 40px;
	font-weight: bold;
	background-image: url(../images/yellow.png);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 33px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 33px;
	padding-left: 0px;
	text-align: left;
	color: #324A7C;
}
.s-tile2 {
	position: static;
	left: 5.5%;
	bottom: 5%;
	font-size: 36px;
	font-weight: bold;
	color: #243b65;
	text-align: center;
}
#noborder {
}
#noborder .services-banner {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	color: #353535;
	text-decoration: none;
	-webkit-transition: all 222ms ease;
	-moz-transition: all 222ms ease;
	-ms-transition: all 222ms ease;
	-o-transition: all 222ms ease;
	transition: all 222ms ease
}
a:hover {
	color: #0c4487
}
a.b {
	color: #FFFFFF;
	transition: all 211ms ease;
	font-size: 16px;
	letter-spacing: 1px;
	background-color: #f8aa08;
	text-align: center;
	width: 270px;
	padding-top: 11px;
	padding-bottom: 11px;
	display: inline-block;
	border-radius: 25px;
	margin-right: 0.5%;
	margin-left: 0.5%;
	font-weight: normal;
	position: relative;
	margin-bottom: 11px;
}
a.b:after {
	border-top-width: 3px;
	border-right-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	position: absolute;
	height: 10px;
	width: 10px;
	content: '';
	transform: rotate(45deg);
	bottom: 50%;
	margin-bottom: -5px;
	right: 10%;
}
a.b:hover {
	color: #333333;
	background-color: #FFFFFF;
}
a.b:hover:after {border-top-color: #f8aa08;
	border-right-color: #f8aa08;}

a.bb {
	color: #333333;
	transition: all 211ms ease;
	font-size: 16px;
	letter-spacing: 1px;
	background-color: #FFFFFF;
	text-align: center;
	width: 270px;
	padding-top: 11px;
	padding-bottom: 11px;
	display: inline-block;
	border-radius: 25px;
	margin-right: 0.5%;
	margin-left: 0.5%;
	font-weight: normal;
	position: relative;
}
a.bb:hover {
	color: #FFFFFF;
	background-color: #122258;
}

a.bb:after {
	border-top-width: 3px;
	border-right-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #f8aa08;
	border-right-color: #f8aa08;
	position: absolute;
	height: 10px;
	width: 10px;
	content: '';
	transform: rotate(45deg);
	bottom: 50%;
	margin-bottom: -5px;
	right: 10%;
}
a.bb:hover:after {border-top-color: #fff;
	border-right-color: #fff;}












a.cx {
	width: 100%;
	color: #F4F4F4;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 21px;
	line-height: normal;
	background-color: #23325F;
	text-align: left;
	float: left;
	padding-left: 33px;
	border-radius: 3px;
}
a.cx i {
	margin-right: 11px;
	margin-top: 3px;
	font-size: 21px;
}
a.cx:hover {
	color: #D80101;
	background-color: #FFFFFF;
	border-top-color: #20357d;
	border-right-color: #20357d;
	border-bottom-color: #20357d;
	border-left-color: #20357d
}
a.d {
	color: #CCCCCC;
	font-size: 15px;
}
a.d:hover {
	color: #FFCC00;
}
a.k {
	color: #FFFFFF;
	text-align: center;
	width: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	transition: all 211ms ease;
	background-color: #0364a8;
	margin-top: 21px;
	float: left;
	padding-right: 21px;
	padding-left: 21px;
	font-size: 14px;
	border-radius: 3px;
}
a.k:hover {
	color: #FFFFFF;
	background-color: #2ca673;
}
a.aa {
	color: #FFFFFF;
	padding-top: 9px;
	position: relative;
	overflow: hidden;
	width: 222px;
	height: 45px;
	text-align: center;
	background-color: #0c90f5;
	border-radius: 25px;
	letter-spacing: 1px;
	margin-top: 33px;
	display: block;
	float: left;
	font-size: 17px;
	line-height: normal;
	margin-right: 11px;
}
a.aa:hover {
	color: #000000;
	z-index: 1;
	background-color: #00aeff;
}
a.aa::before {
	position: absolute;
	content: '';
	background-color: #FFFFFF;
	height: 55px;
	width: 1px;
	left: -1px;
	top: 0px;
	-webkit-transition: all 222ms ease-in;
	-moz-transition: all 222ms ease-in;
	-ms-transition: all 222ms ease-in;
	-o-transition: all 222ms ease-in;
	transition: all 222ms ease-in;
}
a.aa:hover::before {
	width: 100%;
	z-index: -1;
	left: 0px;
}
a.ww {
	color: #FFFFFF;
	padding-top: 9px;
	position: relative;
	overflow: hidden;
	width: 222px;
	height: 45px;
	text-align: center;
	background-color: #1c4491;
	border-radius: 25px;
	letter-spacing: 1px;
	margin-top: 33px;
	display: block;
	float: left;
	font-size: 17px;
	line-height: normal;
}
a.ww:hover {
	color: #000000;
	z-index: 1;
	background-color: #00aeff;
}
a.ww::before {
	position: absolute;
	content: '';
	background-color: #FFFFFF;
	height: 55px;
	width: 1px;
	left: -1px;
	top: 0px;
	-webkit-transition: all 222ms ease-in;
	-moz-transition: all 222ms ease-in;
	-ms-transition: all 222ms ease-in;
	-o-transition: all 222ms ease-in;
	transition: all 222ms ease-in;
}
a.ww:hover::before {
	width: 100%;
	z-index: -1;
	left: 0px;
}
.small {
}
.small.why-list li i {
	margin-bottom: 0px;
}
.small.why-list li strong {
	padding-top: 15px;
}
.wrap2 {
	float: left;
	width: 100%;
	padding-right: 7.5%;
	padding-left: 7.5%;
	text-align: center;
	padding-top: 7%;
	padding-bottom: 9%;
	vertical-align: top;
	height: auto;
	background-color: #FFFFFF;
}
.maxwidthwrap {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
}
.maxwidthwrap h3 {
	position: relative;
	padding-bottom: 21px;
	padding-top: 21px;
	margin-bottom: 33px;
	background: linear-gradient(100deg, rgba(38,121,196,1) 14%, rgba(42,173,85,1) 67%);
	color: transparent;
	-webkit-background-clip: text;
	font-weight: bold;
	font-size: 40px;
}
.maxwidthwrap h3:before {
	position: absolute;
	content: '';
	height: 1px;
	width: 100%;
	bottom: 0%;
	left: 0%;
	background-color: rgba(193,193,193,1);
}
.maxwidthwrap ul li {
	list-style-type: none;
	list-style-image: url(../images/arrow-green.png);
	padding-left: 11px;
	padding-bottom: 9px;
	line-height: normal;
	margin-top: 0px;
	padding-top: 0px;
}
.maxwidthwrap ul {
	margin: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 33px;
}
.maxwidthwrap2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1540px;
}
.graywrap {
	background-color: #E3E6E8;
	float: left;
	width: 100%;
	padding-right: 7.5%;
	padding-left: 7.5%;
	height: auto;
}
.home-c2a {
	width: 100%;
	margin-top: 3%;
	text-align: center;
	float: left;
	font-size: 33px;
}
.wrap222 {
	float: left;
	width: 100%;
	padding-right: 7.5%;
	padding-left: 7.5%;
	padding-bottom: 7%;
	height: auto;
	background-color: #075267;
	line-height: 31px;
	position: relative;
	color: #FFFFFF;
}
.c2:hover {
	background-color: #091937;
	background-position: 35px center;
}
.c3:hover {
	background-color: #091937;
	background-position: 35px center;
}
.height {
	float: left;
	height: 90px;
	width: 100%;
}
.two-col {
	float: left;
	width: 50%;
	font-size: 31px;
	line-height: normal;
}
.two-col img {
	height: auto;
	width: 100%;
}
.mapimg {
	float: right;
	height: auto;
	width: 100%;
	margin-top: 7%;
	text-align: center;
}
.mapimg img {
	height: auto;
	width: 100%;
	max-width: 679px;
	float: right;
	margin-top: -4%;
}
.aboutpic {
	float: right;
	margin-bottom: 5%;
	width: 45%;
	position: relative;
	margin-left: 5%;
}
.aboutpic img {
	height: auto;
	width: 100%;
}
.wrap3 {
	float: left;
	width: 100%;
	padding-top: 0%;
	padding-bottom: 0%;
	height: auto;
	color: #FFFFFF;
	background-color: #0c7fb2;
	text-align: center;
	padding-right: 5%;
	background-image: url(../images/testi.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	padding-left: 5%;
}
.wrap3 .news1 {
	float: left;
	width: 25%;
	text-align: left;
	font-size: 18px;
	line-height: 27px;
	min-height: 600px;
	margin-right: 5%;
	padding-top: 7%;
	padding-right: 4%;
	padding-bottom: 7%;
	padding-left: 2%;
}
.wrap3 .testi-2-col {
	float: left;
	width: 70%;
	padding-right: 3%;
	text-align: left;
	font-size: 21px;
	line-height: 30px;
	padding-top: 5%;
}
.wrap3 .testi-2-col:last-child {
	padding-right: 0px;
}
.wrap4 {
	float: left;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 11%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-color: #a80700;
	padding-right: 7.5%;
	padding-left: 7.5%;
}
.wrap5 {
	float: left;
	width: 80%;
	padding-top: 11%;
	padding-right: 10%;
	padding-left: 10%;
	font-size: 1.2vw;
	color: #ccc;
	height: auto;
	position: absolute;
	z-index: 44;
	left: 0;
	top: 0
}
.wrap6 {
	float: left;
	width: 80%;
	padding-top: 7%;
	padding-right: 10%;
	padding-bottom: 7%;
	padding-left: 10%;
	font-size: 1.2vw;
	background-color: #f2f2f7
}
.wrap7 {
	float: left;
	width: 80%;
	padding-top: 11%;
	padding-right: 10%;
	padding-bottom: 11%;
	padding-left: 10%;
	font-size: 1.2vw;
	left: 0;
	top: 0;
	background-color: #1a2761;
	color: #ccc;
	background-image: url(../images/testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	height: auto
}
.div100 {
	float: left;
	width: 100%
}
.div90 {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 55px;
	text-align: left;
}
.logowrap {
	width: 100%;
	position: absolute;
	z-index: 21;
	text-align: center;
	float: left;
	padding-right: 10%;
	top: 0.2px;
	background-color: #FFFFFF;
	padding-left: 10%;
	box-shadow: 0 3px 21px -11px #C2C2C2;
	left: 0px;
}
.logowrap:after {
	background-color: #034fa9;
	height:9px;
	width: 50%;
	position: absolute;
	right: 0px;
	content: '';
}

.logowrap:before {
	background-color: #eca003;
	height: 9px;
	width: 50%;
	position: absolute;
	left: 0px;
	content: '';
}




.topleft-col {
	float: left;
	text-align: left;
	font-size: 17px;
	font-weight: 700;
	padding-left: 5px;
}
.topleft-col a {
	color: #DCE0E4;
	font-weight: normal;
}
.topleft-col a:hover {
	color: #FFFFFF;
}
.topleft-col i {
	color: #FFFFFF;
	margin-right: 11px;
	margin-top: 2px;
}
.topleft-col i:hover {
	color: #FF0000;
}
.top-right-col {
	float: right;
	width: auto;
	text-align: right;
}
.top-right-col a {
	color: #B6BFD3;
}
.top-right-col a:hover {
	color: #FFFFFF;
}
.top-right-col i {
	color: #FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
}

.logowrap.fixed .phonenumbers {
	margin-top:5px;
}

.logowrap.fixed {
	position: fixed;
	top: 0px;
	-webkit-transition: all 533ms ease;
	-moz-transition: all 533ms ease;
	-ms-transition: all 533ms ease;
	-o-transition: all 533ms ease;
	transition: all 533ms ease;
	border-top-style: none;
	border-bottom-style: none;
	z-index: 999999;
	background-color: #FFFFFF;
	left: 0;
	box-shadow: 0 11px 21px -15px #000;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
}

.logowrap.fixed:after,.logowrap.fixed:before { display:none;}



.logowrap.fixed #menu {
	margin-top: 2px;
	padding-left: 195px;
}
.logowrap.fixed .topleftgreen {
	display: none
}
.logowrap.fixed .booknow {
	display: inherit;
}
.logowrap.fixed .logo {
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.logowrap.fixed .topright-contact {
	margin-top: 3px;
}
.logo-gap {
}
.logo {
	width: 180px;
	display: inline-block;
	float: left;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
}
.logo img {
	height: auto;
	width: 100%;
}
.flogo {
	float: left;
	width: auto;
	display: none;
	position: absolute;
	left: 0px;
	top: 1px;
}
.flogo img {
}
.sliderwrap {
	height: 100vh;
	width: 100%;
	position: relative;
	float: left;
	z-index: 2;
	overflow: hidden;	
}
.sliderwrap:before {
	height: 100vh;
	width: 443px;
	position: absolute;
	content: '';
	top: 0px;
	z-index: 99;
	left: 0px;
	background-image: url(../images/left-round-mask.png);
	background-repeat: no-repeat;
	background-position: left -55px;
}
.conwrap {
	text-align: left;
	float: left;
	width: 48%;
	border-radius: 3px;
	padding: 3%;
	margin-bottom: 2%;
	margin-right: 1%;
	border: 1px solid #E5E5E5;
	min-height: 720px;
	margin-left: 1%;
}
.conlast {
	width: 33.99%;
	margin-right: 0px;
}
.con-3 {
	float: left;
	width: 100%;
	margin-bottom: 21px;
}
.nopad {
	padding: 0px;
	margin-top: 31px;
}
.con-3 i {
	margin-right: 11px;
	color: #f1b806;
	font-size: 14px;
	line-height: normal;
	margin-top: 9px;
}
.contitle {
	float: left;
	width: 100%;
	margin-bottom: 31px;
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/eduwing-line2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 55px;
	color: #EA0000;
}
.contact-header-wrap {
	width: 100%;
	float: left;
	background-color: #A8CAE3;
	height: 222px;
	background-image: url(../images/contactus.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.contact-2-col {
	float: left;
	width: 49%;
	padding: 5%;
	margin-bottom: 2%;
	color: #333333;
	box-sizing: border-box;
	min-height: 430px;
	margin-right: 7px;
	background-color: #FFFFFF;
}
.contact-2-col strong {
	color: #FF0000;
	font-weight: bold;
}
.input1 {
	font-size: 15px;
	width: 100%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 3%;
	padding-left: 33px;
	font-family: 'Poppins', sans-serif;
	background-color: #FFFFFF;
	color: #333333;
	margin-top: 7px;
	margin-bottom: 7px;
	border: 1px solid #7896AB;
}
.input2 {
	border: 2px solid #b0bcea;
	font-family: Raleway, sans-serif;
	font-size: 16px;
	width: 92.8%;
	padding: 3%;
	margin-right: 0;
	margin-top: 11px
}
.split {
	column-count: 2;
	column-gap: 21px;
}
.conpicbg {
	background-image: url(../images/contactus.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.last {
	margin-right: 0;
	padding-top: 3%;
	padding-bottom: 7%
}
.amits-2-col {
	float: left;
	width: 50%;
	padding-right: 2%;
	text-align: left;
}
.text-col-right h2 strong {
	font-weight: 300;
	font-size: 27px;
}
.toppad {
	padding-top: 5%;
}
.no-top-pad {
	padding-top: 0px;
}
h1 {
	line-height: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #a1424d;
	font-size: 2.5vw;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 21px;
	padding-left: 0px;
	font-weight: normal;
	background-image: url(../images/grayline.png);
}
h1 strong {
	color: #333333;
}
h2 {
	font-size: 40px;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	line-height: 50px;
	margin-bottom: 21px;
	font-weight: 600;
}
h3 {
	font-size: 30px;
	color: #e09804;
	position: relative;
	line-height: normal;
	margin-bottom: 11px;
	text-align: left;
}
h4 {
	font-size: 25px;
	font-weight: bold;
	line-height: normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 11px;
	padding-left: 0;
	background-image: url(../images/eduwing-line2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #245E97;
	margin-bottom: 11px;
}
h4 span {
	font-size: 15px;
	font-weight: normal;
	display: block;
	margin-bottom: 7px;
	margin-top: 11px;
	color: #000000;
}
h5 {
	font-size: 18px;
	color: #fff;
	margin-top: 11px;
	display: block;
	margin-bottom: 11px;
	padding-bottom: 0
}
h6 {
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-size: 21px;
	color: red
}
.subtitle {
	position: relative;
	color: #FFFFFF;
	text-align: left;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 21px;
	margin-bottom: 33px;
}
.inputsmall {
	background-color: transparent;
	color: #999999;
	border: 1px solid #c3e6f1;
	padding: 7px;
	float: left;
	width: 48%;
	margin-right: 2px;
	font-size: 14px;
	font-family: 'Manrope', sans-serif;
	border-radius: 2PX;
}
.inputbig {
	background-color: transparent;
	color: #999999;
	padding: 7px;
	float: left;
	width: 96.6%;
	margin-top: 5px;
	font-size: 14px;
	font-family: 'Manrope', sans-serif;
	border-radius: 2PX;
	border: 1px solid #c3e6f1;
}
.subtitle:after {
	width: 30%;
	height: 2px;
	background-color: #0b81db;
	position: absolute;
	content: '';
	bottom: 50%;
	margin-left: 20px;
}
.subtitle2 {
	position: relative;
	color: #23328d;
	text-align: left;
	display: block;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 55px;
}
.subtitle2:after {
	width:56%;
	height:3px;
	background-color: #f8aa08;
	position: absolute;
	content: '';
	bottom: 50%;
	margin-left: 20px;
}


.subtitle22 {
	position: relative;
	color: #23328d;
	text-align: left;
	display: block;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 55px;
	padding-left: 2.5%;
}
.subtitle22:after {
	width:70%;
	height:3px;
	background-color: #f8aa08;
	position: absolute;
	content: '';
	bottom: 50%;
	margin-left: 20px;
}



.subhead {
	position: relative;
	padding: 0px;
	font-size: 21px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 55px;
	margin-left: 0px;
	display: block;
	font-weight: bold;
}
.subhead:after {
	width: 60%;
	height: 3px;
	background-color: #61b02f;
	position: absolute;
	content: '';
	bottom: 50%;
	margin-left: 20px;
}
.subtitle7 {
	font-size: 45px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: normal;
	padding: 0px;
	display: inline-block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.subtitle8 {
	font-weight: bold;
	color: #142c5e;
	position: relative;
	line-height: normal;
	padding: 0px;
	display: inline-block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 45px;
	margin-left: 0px;
}
.subtitle8:after {
	width: 100px;
	height: 2px;
	background-color: #0d76c7;
	position: absolute;
	content: '';
	bottom: 50%;
	margin-left: 20px;
}
.subtitle8:before {
	position: absolute;
	background-color: #0d76c7;
	bottom: 50%;
	height: 2px;
	width: 100px;
	content: '';
	margin-left: -120px;
}
.social {
	width: auto;
	float: right;
	margin-top: 5px;
}
.social i {
	color: #eca303;
	font-size: 18px;
	background-color: #FFFFFF;
	border-radius: 50%;
	padding: 7px;
	height: 33px;
	width: 33px;
	text-align: center;
	margin-left: 14px;
}
.social i:hover {
	color: #FFFFFF;
	background-color: #eca303;
}
.db-policy {
	float: left;
	width: 100%;
	padding-top: 2%;
	font-size: 14px;
	line-height: normal;
	color: #FFFFFF;
	margin-top: 65px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.1);
}
.db-policy a {
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.db-policy a:hover {
	color: #eca303;
}
.credits {
	float: right;
}
.footer {
	width: 100%;
	padding-top: 5%;
	padding-right: 7.5%;
	padding-bottom: 5%;
	padding-left: 7.5%;
	color: #a3afc9;
	background-color:#093468;
	float: left;
	font-size: 14px;
	line-height: 23px;
	background-image: url(../images/footer-pic.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	border-top-width: 9px;
	border-top-style: solid;
	border-top-color: #fff;
}
.footer-cells {
	float: left;
	width: 26%;
	padding-right: 3%;
	line-height: 25px;
}
.footterlogo {
	float: left;
	width: 100%;
	margin-bottom: 45px;
}
.footer-cells:nth-child(4) i {
	color: #093468;
	font-size: 12px;
	line-height: normal;
	background-color: #FFFFFF;
	border-radius: 50%;
	padding: 7px;
	margin-right: 11px;
	margin-top:2px;
    display: inline-block
}
.footer-cells:nth-child(4) {
	font-size: 19px;
	color: #FFFFFF;
	line-height: 33px;
}
	
	
.footer-cells:nth-child(5) {
	width: 18%;
	padding-right: 0px;
	padding-left: 5%;
	float: right;
	text-align: right;
}
.footer-cells a {
	color: #CCCCCC;
}
.footer-cells a:hover {
	text-decoration: underline;
	color: #FAAA03;
}
.footer-cells strong {
	font-size: 18px;
	display: block;
	margin-bottom: 11px;
	color: #FFFFFF;
	font-weight: 600;
}
.footer-cells section {
	font-size: 18px;
	font-weight: bold;
	padding-top: 3px;
}
.copywrite {
	float: left;
	width: 100%;
	border-top: solid 1px rgba(255,255,255,.2);
	padding-top: 2%;
	margin-top: 4%
}
#back-top {
	position: fixed;
	bottom: 1px;
	right: 1px;
	float: right
}
#back-top a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	font-size: 11px;
	line-height: normal;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #0394f9;
	width: 33px;
	padding-top: 5px;
	padding-bottom: 5px
}
#back-top a:hover {
	background-color: #333333
}
.--------------mediastart------------------------------------------ > {
}
 @media(max-width:1600px) {
	 
.blueround,.yellowround {width: 33vw;
	height: 33vw; right:8%;}	 


.sliderwrap:before {
	
	width: 443px;
	position: absolute;
	content: '';
	top: -1px;
	
	left: -35px;
	
	background-position: left -105px;
}
	 

}
 @media(max-width:1440px) {
	 
	 
	 
		 
.logo{ width:130px;} 
	 
	 
	 
	 
	 
.blueround,.yellowround {width: 36vw;
	height: 36vw; right:8%;}	 
	 

.yellowround h1 {
    font-size: 1.9vw;}	 
	 
	 
.wrap22 {
	line-height: 24px;
	font-size: 16px;
}
.serv-header-blue-top2 {
	min-height: 400px;
}
.head-wrap {
	background-size: cover;
	min-height: 650px;
	background-position: 14% top;
	padding-left: 38%;
}
.c-v-cells i {
	padding-top: 11%;
}
.serv-header-blue-top {
	min-height: 500px;
}
.wrap22 .services-banner .arrow {
	margin-bottom: -110px;
}
.footer-cells a {
	font-size: 13px;
}
.s-tile h2 {
	font-size: 30px;
	margin-top: 20px;
}
.s-tile2 {
	margin-top: 50px;
}
.service-boxes-amt {
	height: 340px;
}
.s-left {
	min-height: 1020px;
}
.why20 img {
	margin-top: 13%;
}
.service-boxes-amt strong {
	font-size: 15px;
}
.services-cells-inner-page ul li {
	font-size: 16px;
}
.subtitle:after {
	width: 65%;
}
.benefits-wrap ul li {
	font-size: 17px;
}
.bluebg2, .ufonix-wrap1,.ufonix-wrap-company {
	padding-right: 5%;
	padding-left: 5%;
}
}
 @media(max-width:1366px) {
	
	
.logo{ width:100px;} 	

#menu {

    margin-top: 2%;
    
}
	 
	 
.blueround,.yellowround {width: 35vw;
	height: 35vw; right:8%;} 
	 
	 
.sliderwrap:before {background-position: left -170px;}
	 	 
	 
.yellowround h1 {


	margin-top: 30%;
	
}	 
	 
	 
	 
	 
	 
	 
	 
	 
.why-list li {
	font-size: 13px;
}
.homepic:after {
	height: 225px;
	width: 96px;
	right: -35px;
}
.head-wrap {
	padding-left: 40%;
}
.keen-wrap {
	padding: 2%;
}
.bluebg2, .ufonix-wrap1 {
	padding-right: 3%;
	padding-left: 3%;
}
.text-col-right h2 strong {
	font-size: 20px;
}
.text-col-right h2 {
	font-size: 25px;
	line-height: normal;
}
.text-col-right {
	font-size: 13px;
	width: 60%;
}
.p-colleft {
	width: 40%;
}
.u-call {
	font-size: 16px;
}
}


/*zoom mode 125 */

@media (min-width: 767px) and (max-width:1600px) {

.yellowround h1 {
    font-size: 1.5vw;
   
    margin-top: 25%;
    
}



.u-call {
	font-size: 15px;
	width: 47%;
}
.u-call img {
	width: 27px;
	height: auto;
}
.s-u-c-col {

	min-height: 450px;
	
	font-size: 12px;
	line-height:23px;
}



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

 
.blueround,.yellowround {width: 36vw;
	height: 36vw; right:8%;} 	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
.footer-cells a {
	font-size: 12px;
}
.inner-matter-wrap {
	padding-bottom: 37%;
}
.c-v-cells i {
	padding-top: 13%;
}
.inner-header-blue-top {
	min-height: 550px;
}
.serv-header-blue-top {
	min-height: 450px;
}
.wrap22 .services-banner .arrow {
	margin-bottom: -110px;
}
.s-tile2 {
	margin-top: 90px;
}
.why20 img {
	margin-top: 24%;
}




.s-u-c-col {
	
	width:48%;
	
}


}

 @media(max-width:840px) {

.inner-2-col-company {
   
    width:100%;
	margin-bottom:55px;
   
}

.inner-2-col-company:after { display:none;
   
}

	 
	 
.blueround, .yellowround {
    width: 46vw;
    height:46vw;
    right: 5%;
}	 
	 
.bluebg2 h2 {
    font-size:33px;
    
}	 
.fbs-left {
  
    width:100%;
   
}

.fbs-right {

    width:100%;
    height: auto;
    padding-left:0%;
   
    margin-left:0%;
	border:none;
	margin-top:45px;
}


.u-call {
 
    width:90%;
	margin-bottom:11px;
}
	 

.y-2-cell{ width:100%; text-align:center;}	 

.y-2-cell img {
	width: 50%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;   
}


.y-2-cell span { text-align:left; width:100%;
   
}


.footer-cells:nth-child(5) { text-align:inherit; border-bottom:none;
    
}
 
	 
.banner-text {
	width: 70%;
	left: 25%;
	bottom: 36%;
	font-size: 27px;
}
.banner-text h1 {
	font-size: 36px;
	line-height: 42px;
}
.p-colleft {
	width: 100%;
	margin-bottom: 107px;
}
.text-col-right {
	width: 100%;
}
.what-we-do-cells {
	width: 48%;
	margin-bottom: 45px;
}
.why-cells {
	width: 47%;
	padding-left: 0px;
}

.subtitle22 {
   
    padding-left:0%;
}

.subtitle22:after {
    width: 56%;
   
}




.b-line {
	text-align: center;
}
.darkbluebox {
	top: -200px;
}
.photocubes {
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 3%;
}
.subtitle:after {
	width: 40%;
}

.home-desc {
	padding-top: 65px;
	top: 22%;
	float: left;
	width: 100%;
	position: static;
	margin-bottom: 21px;
	padding-right: 9%;
	padding-left: 9%;
	padding-bottom: 15%;
}
.why20 img {
	margin-top: 0%;
}
.sliderwrap {
	height: 50vh
}
.topleft-col {
}
.phonenumbers { margin-right:5%;
	
}

.yellowround h1 { font-size:2.5vw;
    
}

.yellowround span { font-size:14px;
    
}



.topgray {
	background-position: -80px top;
}
.top-right-col {
	width: 100%;
	text-align: left;
	float: left;
	padding-top: 30px;
}
.logowrap.fixed .phonenumbers {
	margin-right: 11%;
}
.logowrap.fixed {
	padding-bottom: 11px;
}
.logowrap.fixed .booknow {
	display: none;
}
.highlight-4-cols {
	width: 50%;
	padding-bottom: 13PX;
}
.footer-cells {
	float: left;
	width: 100%;
	padding-right: 3%;
	margin-bottom: 43px;
	min-height: auto;
	display: inline-block;
}
.footer {
	padding-top: 11%;
	text-align: center;
}
.wrap22 {
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 11%;
}
h2 {
	font-size: 5vw;
}
.gallerycol li {
	width: 47%;
}
.conwrap {
	width: 100%;
	padding: 7%;
	margin-right: 0%;
}
.amits {
	top: 77px;
}
.scrolldown {
	display: none
}
.sliderwrap:before { display:none;
}
.s-left {
	width: 100%;
	height: auto;
	min-height: auto;
	padding-bottom: 7%;
	padding-left: 9%;
	padding-right: 9%;
}
.s-right {
	width: 100%;
}
.wrap3 .news1 {
	float: left;
	width: 100%;
	min-height: auto;
	margin-right: 0px;
	padding-left: 5%;
}
.wrap3 {
	padding-right: 7%;
	padding-bottom: 55px;
	padding-left: 5%;
	padding-top: 5%;
}
.wrap3 .testi-2-col {
	width: 100%;
	padding-right: 5%;
	padding-left: 5%;
}
.social {
	width: auto;
	float: none;
}
.head-wrap h1 {
	font-size: 27px;
	font-weight: bold;
}
.head-wrap {
	min-height: 650px;
	background-position: 30% top;
	padding-left: 38%;
	padding-bottom: 77px;
}
.footer-cells:last-child {
	padding-right: 0px;
	width: 100%;
	border: none;
	padding-left: 0px;
}
.footer-cells:nth-child(4) {
	width: 100%;
}
.footer-cells:nth-child(1) {
	width: 100%;
}

.footer-cells:nth-child(5) {
   width: 100%;
}

.credits {
   width: 100%;  
}


.news-updates-3-col {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 2%;
	margin-left: 0%;
	min-height: auto;
	padding: 3%;
}
#mypicheight img {
	height: auto;
	object-fit: cover;
}
.banner-social {
	left: 5.2%;
	top: 38%;
}
.gradient2 {
	padding-top: 9%;
	padding-bottom: 9%;
	padding-right: 5%;
	padding-left: 5%;
}
.subhead:after {
	width: 50%;
}
.subtitle2:after {
	width: 69%;
}



.inputsmall {
	width: 49.5%;
}
.inputbig {
	width: 100%;
	margin-top: 11px;
}
.logo, .banner-social {
	z-index: 11;
}
#l1 {
	bottom: 35%;
	width: 70%;
	margin-left: -35%;
}
.inner-2-col {
	width: 100%;
	padding-right: 5%;
	padding-left: 5%;
}
.inner-2-col img {
	max-width: 566px;
	float: none;
	margin-top: 5%;
	margin-left: 0%;
	width: 100%;
}
.skyline {
	column-count: 1;
	column-gap: 11px;
}
.inner-2-col-big {
	width: 100%;
	padding-left: 5%;
}
.noleftmargine {
	padding-left: 0%;
	width: 100%;
}
.why-list li i {
	color: #FFFFFF;
	float: left;
	margin-bottom: 11px;
}
.benefits-wrap {
	min-height: 800px;
	padding-right: 5%;
	padding-top: 11%;
}
.benefits-wrap ul {
	padding-left: 0%;
}
.con-3-col-new {
	width: 47%;
	min-height: 300px;
}
.con-3-col-new:last-child {
	width: 96.5%;
	min-height: 300px;
	margin-top: 32px;
}
}
 @media screen and (max-width:930px) and (orientation: landscape) {


.sliderwrap:before {
	background-position: left -90px;
	background-size:60%;
}


.blueround { display:none
    
}

 .yellowround {
    width: 45vw;
    height:45vw;
    right: 11%;
	top:5%;
}


.inner-header-blue-top {
	min-height: 450px;
	padding-top: 1.5%;
	position: relative;
}
.inner-matter-wrap {
	padding-bottom: 55%;
}
.subtitle:after {
	width: 20%;
}
.subhead:after {
	width: 50%;
}
.subtitle2:after {
	width: 20%;
}

.subtitle22:after {
	width: 60%;
}
.subtitle2,.subtitle22  {
	font-size: 25px;
	margin-top: 33px;
	margin-bottom: 33px;
}








.logo, .banner-social {
	z-index: 11;
}
.banner-social {
	display: none
}
.inner-header-banner {
	height: 100vh;
}

.inner-2-col-company:after{ display:none}

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


.blueround { display:none;
   
}

.yellowround {
	width: 100%;
	height: auto;
	background-color: transparent;
	box-shadow: none;
	left: 18%;
	top: 25%;
	text-align: left;
}

.yellowround span { display:none;
    
}

.yellowround h1 {
    font-size:6vw;
}




.bluebg2 h2 {
	font-size:33px;
	margin-top:44px;
	
}
.darkbluebox {
	top: -73px;
	height: auto;
	min-height: auto;
}
.p-colleft:before {
	left: 50%;
	top: -3%;
	height: 110%;
	width: 160px;
	margin-left: 30px;
}
.whitewrapwithwatermark {
	background-color: #FFFFFF;
	top: -20px;
}
.cube-text {
	font-size: 14px;
	width: 90%;
	bottom: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.u-call {
	float: left;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
}
.what-we-do-cells {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}
.why-cells {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	border-right:none;
	margin-bottom:33px;
}
.b-line img {
	margin-right: 0%;
	display: inline-block;
	margin-bottom: 11px;
}


.bluebg2 {
	padding-bottom: 111px;
}
.input1 {
	padding-left: 14px;
}
.split {
	column-count: 1;
}
.inner-header-banner:before {
	display: none
}
.maxwidthwrap {
	padding-right: 2%;
	padding-left: 2%;
}
.sliderwrap {
	height: 70vh;
}
.social {
	width: 75%;
	margin-bottom: 21px;
	margin-left: auto;
	margin-right: auto
}
#menu {
	margin-left: 0;
	margin-top: 0
}
.contact-2-col {
	width: 99%;
	margin-right: 0;
	height: auto;
	margin-bottom: 35px;
	min-height: auto;
}
.why-list {
	column-count: 1;
}
.wrap2 {
	padding-right: 2.5%;
	padding-left: 2.5%;
	padding-top: 11px;
}
.div90 {
	margin-top: 11px;
}
.footer-cells {
	float: left;
	width: 100%;
	padding-right: 0%;
}
.highlight-4-cols {
	width: 100%;
	padding-bottom: 21px;
	padding-top: 21px;
}
h3 {
	font-size: 21px;
	margin-bottom: 33px;
}
.phonenumbers { display:none;
	
}
.inner-header-blue-top .phonenumbers {
	border-top-color: rgba(65,65,65,0.1);
}
.top-right-col {
	font-size: 12px;
	padding-top: 18px;
}
.footer {
	padding-left: 9%;
	padding-right: 9%;
}
.wrap22 {
	padding-bottom: 65px;
}
.gallerycol li {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 5%;
	margin-left: 0%;
}
.inner-matter-wrap table tr td {
	float: left;
	width: 100%;
}
.conwrap {
	padding-top: 55px;
	margin-bottom: 21px;
}
.sliderwrap:after, .sliderwrap:before, .scrolldown, .amits {
	display: none;
}
.service-boxes-amt {
	float: left;
	height: auto;
	width: 100%;
	padding: 7%;
	border-right: none;
}
.title1 {
	font-size: 21px;
}
.wrap3 .news1 {
	float: left;
	width: 100%;
	min-height: auto;
	margin-right: 0px;
	padding-left: 11%;
	padding-top: 18%;
	padding-bottom: 18%;
}

.footer-cells {
	min-height: auto;
	margin-bottom: 21px;
	padding-bottom: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.2);
}
.inner-caption {
	font-size: 5.2vw;
	text-align: center;
}
.inner-header-blue-top {
	min-height: 450px;
	padding-top: 1.5%;
	position: relative;
}
.wrap22 strong {
	font-size: 21px;
}
.inner-matter-wrap {
	padding-bottom: 90%;
}
.subheading {
	font-size: 21px;
}
.aboutpic {
	margin-bottom: 7%;
	margin-right: 0%;
	width: 100%;
}
.services-banner img {
	height: 300px;
	object-fit: cover;
}
.serv-header-blue-top2 .services-banner .arrow img {
	height: 66px;
	width: 66px;
}
.picleft img, .picright img {
	float: left;
	margin-right: 0%;
	margin-bottom: 11%;
	width: 100%;
	margin-left: 0%;
	object-fit: inherit;
	height: auto;
}
.inner-data-wrap2 {
	margin-top: 11%;
}
.s-tile2 {
	margin-top: 90px;
}
.logowrap {
	padding-left: 7%;
}
.logowrap.fixed {
	padding-bottom: 0px;
}
.subtitle:after {
	width: 50%;
	left: 50%;
	bottom: 0px;
	margin-left: -25%;
}
.subtitle {
	padding-bottom: 33px;
	font-size: 25px;
	text-align: center;
	display: block;
	margin-left: 0px;
	padding-left: 0px;
}
.subhead:after {
	width: 50%;
}
.subtitle2:after {
	width: 20%;
}
.subtitle2 {
	font-size: 25px;
	margin-top: 33px;
	margin-bottom: 33px;
}


.logo {
	padding-bottom: 5%;
	padding-top: 5%;
	width: 130px;
}
.topleftgreen {
	display: none;
}
.inputsmall {
	width: 100%;
	margin-top: 11px;
}

.logo img {
	width: 90%;
}
.logowrap.fixed .flogo {
	display: none;
}
.subtitle8:after {
	width: 50px;
	height: 2px;
	margin-left: 20px;
}
.subtitle8:before {
	bottom: 50%;
	height: 2px;
	width: 50px;
	margin-left: -70px;
}
.subtitle7:after {
	width: 50px;
	height: 2px;
	margin-left: 20px;
}
.subtitle7:before {
	bottom: 50%;
	height: 2px;
	width: 50px;
	margin-left: -70px;
}
.services-tagline h1 {
	font-size: 20px;
}

.inner-header-banner.pic-sponsor .banner-social {
	display: none
}
.inner-header-banner {
	height: 45vh;
	background-size: cover;
}
.twocols {
	column-count: 1
}

.inner-2-col-company {
	width: 100%;
	text-align: left;
	padding-right: 0%;
	padding-left: 0%;
	margin-top: 21px;
	margin-bottom: 21px;
}

.inner-2-col h2 { line-height:normal; font-size:25px;
	
}

.products img{

	width:100%;
	margin-bottom: 5%;
	margin-left: 0%;
	
}


.clients { column-count:2; column-gap:50px;
}

.pics { column-count:1; column-gap:21px;
}

.ufonix-contact {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 9%;
	padding-left: 9%;


}

.sep2col {
	
	column-count:1;
	column-gap:11px;
	
}

.s-u-c-col {
	width: 100%;
	height: auto;
	margin-right: 0px;
	margin-left: 0px;
	padding: 9%;
	margin-bottom: 7%;
}


.subtitle22:after {
    width:20%;
}

.subtitle2:after {
    width:52%;
}

.fbs-left { margin-bottom:45px;
   
}


}
 @media(max-width:360px) {
	 
	
	.subtitle22:after {
    width:10%;
}
	 
	 


.subtitle7:before {
	display: none;
}
.bluebg2 h2 {
	font-size: 33px;
	margin-bottom: 33px;
}
}
<title>Ufonix</title>