@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



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

	margin: 0;

	padding: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box

}




h1, h2, h3, h4, h5, h6{font-family: "Inter", sans-serif; color:#000000;}



body {

	margin: 0;

	padding: 0;

	font: 400 16px/24px "Inter", sans-serif;

	color: #777;

	background: #fff;

}

.mt-0 {

	margin-top: 0 !important

}

.transEff {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out

}

.container {

	max-width: 1200px;

	padding-right: 15px;

	padding-left: 15px;

	margin-right: auto;

	margin-left: auto

}

.display-3 {

	font-size: 20px;

	line-height: 30px;

	color: #000;

	font-weight: 600; font-family: "Inter", sans-serif; 

}

.display-3:after {

	position: static;

	width: 90px;

	height: 3px;

	content: '';

	background: #000;

	margin-top: 5px;

	display: block

}

.secondTxt {

	font-size: 16px;

	font-weight: 300;

	line-height: 26px;

	padding: 0 15%; 

}

.btn1 {

	height: 45px;

	line-height: 45px;

	border-radius:0;

	padding: 0 30px;

	font-family: "Inter", sans-serif; 

	font-size: 16px; font-weight: 700; text-transform: uppercase;

}

.btn2 {

	height: 55px; font-family: "Inter", sans-serif; 

	line-height: 55px;

	border-radius:0;

	padding: 0 45px;

	border: 0; font-weight: 600;

	font-size: 16px; font-weight: 700; text-transform: uppercase;

}

 

.btn-border {

	background: #fff !important;

	color: #012B4F !important; 

	border: 2px solid #012B4F !important;

	box-shadow: none !important

}

.btn-border:hover {

	background: #012B4F !important; color:#fff !important;

}





.btn-border2 {

	background: none !important;

	color: #fff !important; 

	border: 2px solid #fff !important;

	box-shadow: none !important

}

.btn-border2:hover {

	background: #fff !important; color:#012B4F !important;

}

 

.btn-warning {

	background: #FDCD18 !important;

	color: #000 !important;

	border: 0 !important;

	box-shadow: none !important

}

.btn-warning:hover {

	background: #FFD538 !important

}


.btn-info {

	background: #0083C8 !important;

	color: #fff !important;

	border: 0 !important;

	box-shadow: none !important

}

.btn-info:hover {

	background: #0083C8 !important

}






.btn-light {

	background: #f5f5f5 !important;

	color: #000 !important;

	border: 0 !important;

	box-shadow: none !important

}

.btn-light:hover {

	background: #f9f9f9 !important

}



.sbtn {

	width: 50px;

	height: 50px;

	background: #273456;

	text-align: center;

	font-size: 20px;

	color: #fff;

	padding: 14px 0;

	display: inline-block

}

.form-control {

	height: 56px;

	box-shadow: none;

	border-radius: 0;

	font-size: 16px; 

	color:#012B4F; font-family: "Inter", sans-serif; 

}

.form-control:focus {

	box-shadow: none !important;

	border-color: #000

}

select {

	height: 44px !important

}

.form-group {

	margin-bottom: 10px

}









#back-top {

	position: fixed;

	bottom: 30px;

	right: 20px;

	z-index: 9;

	display: block;

}

#back-top .btn-warning {

	display: inline-block;

 	overflow: hidden;

	padding: 12px 0;

 	line-height: inherit !important;

	color: #fff;

	width: 48px;

	height: 48px;

	box-shadow: 0 0 20px 0 rgba(112, 130, 148, 0.2);

	border: 0;

	font-size: 18px;

	transition: all linear .3s;

	cursor: pointer;

}

 

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

.secondTxt {

	font-size: 16px;

	font-weight: 300;

	line-height: 26px;

	padding: 0 5%

}

}

.tooltip-inner {

	line-height: 18px;

	font-size: 13px;

	padding: 10px

}

.commanBox {

	border: 1px solid #eee;

	box-shadow: 0 5px 15px rgba(0,0,0,0.02);

	padding: 40px;

	background: #fff;

	margin: 30px 0

}



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

.commanBox {

	margin: 0;

	padding: 20px

}

}









header {

	height: auto;

	position: static; background: #fff;

	width: 100%;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out

}



header .topBar{background: #238CD4; padding: 5px 0;}



header .topContact{float: left; margin-left: 250px; margin-top: 1px;}

header .topContact a{font-size: 14px; font-weight:400; line-height: 28px; color:#fff; text-decoration: none; padding:0 10px; border-right:1px solid rgba(255,255,255,.3);}

header .topContact a:nth-child(2){border:0;}

 



header .socialConTop{float: right; margin-top: 3px;}



header .socialConTop a{width: 33px; height: auto; display: inline-block; color: #fff; text-align: center; font-size:18px; margin: 0 7px; text-decoration: none; position: relative;}





header .socialConTop a:after{height: 15px; width: 1px; background:rgba(255,255,255,.3); content: ""; position: absolute; right: -5px; top:5px;}

header .topBar .btn-danger{margin:0 10px 0 5px; float:left;}



header .socialConTop a:last-child:after{display: none;}







header .navbar {

	padding: 0;  

}

header .navbar .navbar-collapse {

	flex-grow:1 !important;

	margin-left: 10px;

}

header .navbar .navbar-nav {

	float: left !important; margin-left: 20px;

}

header .navbar .navbar-nav li {

	padding: 0;

	margin: 0;

	position: relative !important

}

header .navbar .navbar-nav li a {

	font-size: 16px;

	color: #000;

	margin: 0 20px;

	font-weight: 400;

	height: 65px;

	line-height: 65px;

	text-decoration: none;

	display: block;  

	position: relative; 

	background:none;

}



 header .navbar .navbar-nav li a:after {

	position: absolute; content: ""; width: 0; height: 2px; background: #FDCD18; left: 0; top: 45px; -webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

}



header .navbar .navbar-nav li:hover a:after{width: 100%;}



header .navbar .navbar-nav li.active a:after{width: 100%;}





header .navbar .navbar-nav li a i {

	font-size: 13px;

	margin-left: 3px;

	margin-top: 2px;

}

  



header .navbar .navbar-nav li > .subLinks {

	width: 330px;

	left: 20px;

	z-index: 999;

	height: auto;

	background: #fff;

	position: absolute;

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

	display: none;

}

header .navbar .navbar-nav li:last-child .subLinks {

	left: auto;

	right: 0;

}

header .navbar .navbar-nav li .subLinks li {

	list-style: none

}

header .navbar .navbar-nav li .subLinks li a {

	display: block;

	border-bottom: 1px solid #eee;

	color: #000;

	font-size: 14px;

	padding: 0;

	line-height: 40px;

	height: 40px;

	font-weight: 400

}

header .navbar .navbar-nav li .subLinks li a:after {

	display: none;

}

header .navbar .navbar-nav li .subLinks li a:hover {

	color: #666;

}

header .navbar .navbar-nav li .subLinks li a i {

	position: absolute;

	right: 5px;

	top: 50%;

	transform: translate(0, -50%);

	font-size: 10px

}

header .navbar .navbar-nav li .subLinks li .subLinksx {

	width: 230px;

	left: 230px;

	height: auto;

	background: #fff;

	position: absolute;

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

	display: none;

	top: 0

}

header .navbar .navbar-nav li .subLinks li:hover .subLinksx {

	display: block

}

header .navbar .navbar-nav li:hover .subLinks {

	display: block

}

header .navbar-brand {

	max-width: 300px;

	height: auto;  

	padding:0;

	margin: 5px 0 5px 0; 

}

header .navbar-brand .logo1 {

	width: 100%;

	height: auto;

	display: block

}

header .navbar-brand .logo2 {

	display: none;

	width: 100%;

	height: auto

}

header .iconNav {

	margin-top: 16px

}

header .iconNav li {

	float: left;

	list-style: none

}

header .iconNav li a {

	text-align: center;

	display: block;

	color: #000;

	font-size: 13px;

	border-right: 1px solid #eee;

	padding: 0 10px;

	text-decoration: none

}

header .iconNav li a i {

	font-size: 16px;

	margin-right: 3px;

	color: #000

}

header .iconsNav {

	border-left: 1px solid rgba(255,255,255,0.5);

	height: 18px;

	padding-left: 10px

}

header .iconsNav a {

	color: #fff;

	font-size: 18px;

	margin-left: 12px;

	text-decoration: none

}

header .iconsNav .search {

	font-size: 16px

}

header .iconsNavMob {

	display: none

}

.header_fixer {

	background: #fff;

	position: fixed;

	z-index: 97;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	box-shadow: 0 5px 30px -5px rgba(0,0,0,0.3)

}

.header_fixer .navbar .navbar-nav li a {

	height: 65px;

	line-height: 65px;

}

.header_fixer .navbar-brand {

	max-width: 100px; padding: 0;

	margin:5px 0; background: none;

}

.header_fixer .navbar-brand .logo1 {

	display: none

}

.header_fixer .navbar-brand .logo2 {

	display: block

}

.header_fixer .iconsNav {

	border-left: 1px solid rgba(39,52,86,0.2)

}

.header_fixer .iconsNav a {

	color: #fff

}

.header_fixer .topBar{display: none;}



.header_fixer .navbar .navbar-collapse{margin-top: 0;}





.rightBtn a {margin: 0 5px;}

.rightBtn a i{display: none;}



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

header .navbar .navbar-nav li a {

	 padding:0 10px;

}



.rightBtn .btn1{padding:0 20px;}



	

header .topContact{margin-left: 240px;}	

}



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

	.rightBtn a i{display: inline-block;}

	.rightBtn a span{display: none;}

	.rightBtn a{padding: 2px 0; width:44px; font-size: 21px;}

	 .rightBtn .btn1{padding:0;}





	

}



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

	.rightBtn{display: none;}

	header .topBar{display: none;}

header { padding:15px 0;

	 

	box-shadow: 0 5px 10px -10px rgba(0,0,0,0.6)

}

header .navbar {

	display: block

}

 





header .navbar-brand, .header_fixer .navbar-brand {

	max-width: 140px;

	height: auto; background: none;

	padding:0;

	margin:0 15px;  border-radius:0;

}

header .navbar-brand .logo1 {

	width: 100%;

	height: auto;

	display: none;

}

header .navbar-brand .logo2 {

	display: block;

	width: 100%;

	height: auto

}	

 	

	

 

header .iconsNav {

	border-left: 0;

	height: auto;

	padding-left: 0;

	position: absolute;

	right: 15px

}

header .iconsNav a {

	color: #fff;

	font-size: 21px;

	margin-left:10px; width: 44px; height: 44px; display: inline-block; border-radius:0;

	text-decoration: none; text-align: center; padding:0; 

	 

}

	

	 

	

header .iconsNav .search {

	font-size: 18px

}

header .iconsNavMob {

	display: block

}



.header_fixer {

	position: fixed;

}

.header_fixer .iconsNav {

	border: 0 !important

}

}


@media screen and (max-width: 767px) {
    
    
    header, .header_fixer{position:static;}
}





.searchCon {

	position: fixed;

	height: 100%;

	width: 100%;

	z-index: 17;

	background: rgba(39,52,86,0.99);

	padding: 15px;

	text-align: center;

	display: none

}

.searchCon .searchBox {

	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(0, -50%);

	display: block;

	width: 100%;

	padding: 0 15%

}

.searchCon .searchBox .form-control {

	background: none;

	height: 100px;

	width: 100%;

	border: 0 !important;

	border-bottom: 2px solid #fff !important;

	box-shadow: none !important;

	outline: 0 !important;

	font-size: 30px;

	color: #fff;

	font-weight: 300;

	padding-right: 60px

}

.searchCon .searchBox .cursor {

	position: relative

}

.searchCon .searchBox .cursor i {

	position: absolute;

	width: 1px;

	height: 45%;

	background-color: #b12841;

	left: 12px;

	top: 26%;

	animation-name: blink;

	animation-duration: 800ms;

	animation-iteration-count: infinite;

	opacity: 1

}

.searchCon .searchBox input:focus+i {

	display: none

}

.searchCon .searchBox .searchBtn {

	font-size: 30px;

	position: absolute;

	color: #fff;

	right: 0;

	background: none;

	outline: none;

	border: 0;

	margin-top: -80px;

	padding: 15px;

	cursor: pointer

}

.searchCon .close {

	color: #fff !important;

	opacity: 1;

	font-size: 30px;

	text-shadow: none !important;

	font-weight: 300

}

@keyframes blink {

from {

opacity:1

}

to {

opacity:0

}

}



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

.searchCon .searchBox {

	padding: 0 5%

}

}

.bodyOverlay {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(255,255,255,0.8);

	z-index: 98

}

.sidenav {

	height: 100%;

	width: 230px;

	position: fixed;

	z-index: 99;

	top: 0;

	left: -320px;

	background: #0083C8;

	transition: 0.5s;

	display: none

}

.sidenav .navbarHeader {

	background: #000;

	padding: 10px 15px;

	min-height: 58px;

	position: relative

}

.sidenav .navbarHeader .userLogin {

	color: #fff;

	font-size: 13px

}

.sidenav .navbarHeader .userLogin span {

	display: inline-block;

	margin: 0 0 0 5px;

	vertical-align: super

}

.sidenav .navbarHeader .userLogin figure {

	width: 40px;

	height: 40px;

	border-radius: 100%;

	display: inline-block;

	margin: 0;

	background: #f5f5f5;

	text-align: center;

	font-size: 20px;

	color: #273456;

	padding: 9px 0;

	border: 2px solid #fff;

	box-shadow: inset 0 5px 5px rgba(0,0,0,0.1)

}

.sidenav ul.navList {

	padding: 0;

	height: 100%;

}

.sidenav ul.navList li a i {

	font-size: 17px;

	margin-right: 5px

}

.sidenav ul.navList a:hover, .sidenav ul.navList li a.active {

	background: #0083C8;

}

.sidenav .logo {

	width: 120px;

	display: block;

	float: left

}

.sidenav .logo img {

	width: 100%;

	height: auto;

	display: block

}

.sidenav .closebtn {

	position: absolute;

	top: 14px;

	cursor: pointer;

	right: -23px;

	color: #000;

	font-size: 16px

}

.sidenav .navbarFooter {

	position: absolute;

	bottom: 0;

	width: 100%

}

.subLinkMob {

	background: #000;

	padding: 7px 0;

	display: none

}

.subLinkMob a {

	border: 0 !important;

	background: #333 !important;

	line-height: 25px !important;

	height: auto;

	padding: 0 0 0 40px !important;

	text-transform: inherit !important;

	position: relative;

	font-weight: 300 !important;

	font-size: 13px

}

.subLinkMob a:after {

	position: absolute;

	left: 25px;

	content: '-'

}

.subLinkMob p {

	line-height: 25px !important;

	font-size: 14px;

	color: #fff;

	border-bottom: 1px solid #be314b;

	margin: 10px 20px

}

a.mob_link_dd b {

	width: 16px;

	height: 16px;

	float: right;

	display: block;

	background-image: url(../images/plus.png);

	background-repeat: no-repeat;

	margin: 14px 0 0 0

}

a.mob_link_dd_act b {

	width: 16px;

	height: 16px;

	float: right;

	display: block;

	background-image: url(../images/minus.png);

	background-repeat: no-repeat;

	margin: 14px 0 0 0

}



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

.sidenav {

	display: block

}

}

.sliderCon {

	overflow: hidden;

	height: auto; position: relative;

	background: #012B4F;

}



.sliderCon .carousel, .sliderCon .carousel-item, .sliderCon .active {

	height: auto;

}

.sliderCon .carousel-inner {

	height: auto;

}

.sliderCon .carousel-indicators {

 

	width: auto; bottom:120px;  

  	  

}

.sliderCon .carousel-indicators li {

 	height: 19px; background: rgba(255,255,255,.4);

	width: 19px; padding: 0;

	border-radius: 100%;

	opacity: .8;  position: relative; margin:0 5px;

}

.sliderCon .carousel-indicators li.active {

	 opacity: 1; height: 19px; 

	width: 19px;

}



.carousel-indicators li::before{display: none;}



.sliderCon .carousel-indicators li.active:after{content:""; width: 8px; height: 8px; position: absolute; background: #fff; border-radius: 100%; top:50%; left:51.5%; transform: translate(-50%, -50%);}



.sliderCon .carousel-caption {

 background:rgba(0, 131, 200, .9);

	z-index: 10; top:auto; bottom:0;

 	text-align: left; padding:40px;

	left: 11%; max-width:620px;	 

}

.sliderCon .carousel-caption h3 {

	font-size: 20px;

 	line-height: 28px;  

	font-weight: 700;

 	color:#fff;  

 }

 

 

.sliderCon .carousel-caption p {

 	color: #fff;

	font-size: 16px;

	font-weight: 400; margin-top: 20px;

	line-height: 22px;    

 }

.sliderCon .carousel-caption .btn {

	margin-top: 35px;

	 

}

 

.sliderCon .carousel .carousel-item {

	background-color: #777

}

.sliderCon .carousel .carousel-inner .bg {

	background-repeat: no-repeat;

	background-size: cover

}

.sliderCon .carousel .carousel-inner .bg1 {

	background-image: url("../images/slider/1.jpg");

	background-position: center top

}

.sliderCon .carousel .carousel-inner .bg2 {

	background-image: url("../images/slider/2.jpg");

	background-position: center top

}

.sliderCon .carousel .carousel-inner .bg3 {

	background-image: url("../images/slider/3.jpg");

	background-position: center top

}

.sliderCon .carousel .carousel-inner .bg4 {

	background-image: url("../images/slider/4.jpg");

	background-position: center top

}



 



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

	.sliderCon .carousel-caption{left: 0;

    right:0;}

}



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

 .sliderCon .carousel-indicators {

    

    bottom: 20px;

}

 

	

}



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

.sliderCon .carousel-caption h2 {

	font-size: 32px;

	line-height: 40px;
 
}

 

 

}



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

.sliderCon .carousel-caption p {
    display:none;
}


.sliderCon .carousel-caption h3 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #fff;
}

	 
.sliderCon .carousel-caption{background:none; max-width:100%; text-align:center; padding: 30px 15px;}
	 

}


 






.sectionOne .inner{background: #fff; border-radius:30px; box-shadow: 0 5px 20px -10px rgba(0,0,0,0.3); padding:40px 20px; margin-top: -90px; position: relative; z-index: 9;}

.sectionOne .inner ul{display:table; margin: 0; }

.sectionOne .inner ul li{width: 33.3333333%; list-style: none; border-right: 1px solid #B2BFCA;   padding: 0 15px; display: table-cell; overflow: hidden;}

  

.sectionOne .inner ul li:nth-child(3){border:0;}



.sectionOne .inner ul li .left{text-align: left; display: block; position: relative;}

.sectionOne .inner ul li .left img{height: 60px; position: absolute; left: 0;} 

.sectionOne .inner ul li figcaption{float: left; padding-left: 80px;}



.sectionOne .inner ul li h3{color:#012B4F; font-weight: 700; text-transform: uppercase; font-size: 18px; line-height: 26px;}

.sectionOne .inner ul li p{margin-top: 5px;}

 

 



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

 .sectionOne .inner{margin-top:60px; border:1px solid #ddd;}

}

 



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

 	  .sectionOne .inner ul li figcaption {

    float: left;

    padding-left: 50px;

}



.sectionOne .inner ul li .left img {

    height: 44px;

    position: absolute;

    left: 0;

}



}



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

    .sectionOne .inner ul{display:block;}

  	 .sectionOne .inner ul li, .sectionOne .inner ul li:nth-child(3){width: 100%; min-height: auto; display:block; border:0; border-radius:15px; padding:30px; border:1px solid #ddd; margin:15px 0;}

.sectionOne .inner ul li .left{text-align:center; float:none;}

.sectionOne .inner ul li .left img{position:static;}

.sectionOne .inner ul li figcaption{padding-left: 0; float:none;}

.sectionOne .inner{padding:10px 20px;}









}







/*Welcome*/

.welcomeCon {

 	padding: 70px 0 70px ;

}





.welcomeCon .right{float: left; width: 50%;}

.welcomeCon .left{float: right; width:50%; padding-left: 40px; margin-top: 12px;}





.welcomeCon h2 {

 	line-height: 52px; font-size: 46px; font-weight: 700; width: 90%;

}

.welcomeCon h2 span {

	display: block; line-height: 28px; text-transform: uppercase;

	font-weight: 500; position: relative;

 	font-size: 18px; color:#3BBFAA; margin-bottom: 10px;

}



.welcomeCon p{margin-top: 25px; }

.welcomeCon .btn{margin-top: 30px;}



.welcomeCon h2 span:after{position:absolute; width: 40px; height: 2px; top:12px; left: 135px; content:""; background: #3BBFAA;}

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

	.welcomeCon h2 {

 	width: 100%;

}

}



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

	.welcomeCon .left{float: right; width:50%; padding-left: 20px;} 

	

	.welcomeCon h2 {

 	line-height: 44px; font-size: 36px; width: 100%;

}

	 

		

}



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

	

	.welcomeCon{text-align: center;}

.welcomeCon .right{  width:100%; margin-top: 30px}

.welcomeCon .left{ width:100%; padding-left: 0;}

	 

.welcomeCon h2 span:after{display: none;}

.welcomeCon h2 {

 	line-height: 38px; font-size: 28px; width: 100%;

}

	

	.welcomeCon p{padding: 0; margin-top: 20px;} 

}





/*service clasess*/

  .sectionTwo{padding: 60px 0 0 0;}

  .serviceCon{margin-top: 30px;}

.serviceCon .cols{width: 100%; float: left;}



.serviceCon .cols .flexBox{ display: flex; justify-content: center; flex-wrap: nowrap; overflow: hidden; color:#777;}

.serviceCon .cols .flexBox .box { width: 50%; min-height: 300px;}

.serviceCon .cols .imgCon img{width: 100% }

.serviceCon .cols .textCon{background: #F5F5F5; padding:50px; }



.serviceCon {margin-left: -15px; margin-right: -15px;}

.serviceCon .cols .imgCon {border: 1px solid #eee; overflow: hidden;}





.serviceCon .cols .text-title{line-height: 32px; font-size: 26px; font-weight: 700; color:#0083C8;}

 





.serviceCon .cols .btn{margin-top: 30px;}

 .serviceCon .cols p{ margin-top: 20px; overflow: hidden;

     font-weight: 400;  line-height: 24px; padding-right: 7%;}





	 .arrowBnt{float: right; margin-top: 20px;}

	 .arrowBnt img{width: 42px;}



.serviceCon .cols:nth-child(2) .flexBox{flex-direction: row-reverse;}

 

 







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

 .serviceCon .cols:nth-child(1) .textCon, .serviceCon .cols:nth-child(3) .textCon{padding-left:80px;}

	.serviceCon .cols p, .serviceCon .cols:nth-child(2) p, .serviceCon .cols:nth-child(4) p{padding-right: 0;}

}



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

	

	 .serviceCon .cols .textCon, .serviceCon .cols:nth-child(1) .textCon, .serviceCon .cols:nth-child(3) .textCon{padding: 60px 30px;}



}



 

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

	.serviceCon .cols .text-title br{display: none;}

}



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

	.serviceCon .cols .text-title {

 	line-height: 44px; font-size: 36px; 

}

}





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

	.serviceCon .cols .flexBox{ display: flex; justify-content: center; flex-wrap: wrap; overflow: hidden;}



	.serviceCon .cols .flexBox .box { width: 100%; min-height: 300px; text-align: center;  border: 1px solid #ddd; overflow: hidden;}

 .serviceCon .cols .text-title {

 	line-height: 38px;

    font-size: 28px; 

}

.serviceCon .cols .textCon, .serviceCon .cols:nth-child(1) .textCon, .serviceCon .cols:nth-child(3) .textCon {padding: 40px 15px;}



}





/*section five*/

.sectionFive{background: #3BBFAA url(../images/bg1.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding: 100px 0; text-align: center;}



.sectionFive h4{ color:#fff; line-height: 38px; font-size: 26px; padding: 0 3%;}

.sectionFive .btn{margin-top: 50px;}

/*section five end*/







/*why choose*/



.section4 {

	padding: 70px 0 70px;

	 

}

.commanTitle {

	line-height: 40px;  font-size:32px; font-weight: 700; text-transform: uppercase;

}

  



.section4 .card {

  	display: block;  border: 0;

	text-decoration: none; padding: 0;

	text-align: left !important; margin:30px 0 0 0;

}

.section4 .card .cardIcon {

 	width: 100%;

	max-height:300px; 

 	display:block; overflow: hidden; border-radius: 30px;

}









.section4 .card .cardIcon img {

	width: 100%;

	height: 100%;

	display: inline-block;

}

 

.section4 .card .cardItems {

	display:block; text-align: center; padding:10px;

	 

}

.section4 .card .cardItems h5 { text-transform: uppercase;

	font-weight: 700; font-size: 20px;line-height: 28px;

}

.section4 .card .cardItems p {

 	margin: 10px 0 0 0;

}

.section4 .card .cardItems .btn{margin-top: 20px;}



.section4 .card:hover .btn-border{background: #012B4F !important; color:#fff !important;}

 

  .teamCom .card .cardIcon {

 	width: 100%;

	max-height:500px !important; 

 	display:block; overflow: hidden; border-radius: 30px;

}



  







/*testimonials classess*/



.tsCon{ background: #000 url(../images/tsBg.jpg) no-repeat center center; background-size: cover; padding:70px 0 80px; background-attachment: fixed;}



.tsBox {

  border-radius:16px; border:5px solid #fff;  padding:40px; position: relative; margin: 60px 0 0 0;

}



.tsBox p{color:#fff;}

.tsBox p.clientName{font-size: 20px; font-weight: 700; margin-top: 20px;}

.tsBox p.clientName span{font-size:14px; font-weight: 400; display: block; color:#238CD4;}

 

.tsBox:before{content:""; position: absolute; width:36px; height:36px; background: url(../images/tsQuote.svg) no-repeat; background-size: contain; left:20px; top:-16px;}



.tsBoxinside {border-radius:16px; border:5px solid #eee;  padding:30px 35px; position: relative; margin: 50px 0 0 0;}

.tsBoxinside p{color:#666;}

.tsBoxinside p.clientName{font-size: 20px; color:#000; font-weight: 700; margin-top: 15px;}







.tsCon .rows{display: flex;  align-items:flex-end; flex-wrap: wrap;}

.tsCon .rows div{width: 40%;}

.tsCon .rows div.right{width: 60%; text-align: right;}

.tsCon .padding{padding-top:60px; padding-bottom: 70px;}

.tsCon .btn-link{color:#fff; font-weight: 600;}

.tsCon .btn-link i{font-size: 24px; vertical-align: middle; margin-left: 5px;}



.tsCon .commanTitle{color:#fff;}

.tsCon p{color:#fff; font-size: 16px; line-height: 24px; }

 



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

	

	.tsCon .rows div{width: 45%;}

.tsCon .rows div.right{width: 55%; text-align: right;}

}



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

	

	.tsCon .rows div{width: 50%;}

.tsCon .rows div.right{width: 50%; text-align: right;}

}



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

	.tsCon .rows{text-align: center;}

	.tsCon .rows div{width: 100%;}

.tsCon .rows div.right{width: 100%; text-align: center; margin-top: 20px;}

	.tsCon h2{width: 100%; font-size: 32px; line-height: 40px;}

	.tsCon h2 span:after{display: none;}

}



/*section five clasess*/

.sectionSix{background: #0083C8 url(../images/bg2.jpg) no-repeat center top; text-align: center; background-attachment: fixed; background-size: cover; padding: 80px 0 90px;  }

.sectionSix h4{ color:#fff; line-height: 32px; font-size: 22px; font-weight: 400; margin-top: 15px;}

.sectionSix .commanTitle{ color:#fff;}

.sectionSix .form-con{margin-top: 25px;}

.sectionSix .form-con .form-control{background: none !important; border:2px solid #fff; border-radius:0; color:#fff; padding: 10px 20px; font-size: 18px; margin: 15px 0;}

.sectionSix .form-con .btn{margin-top: 15px;} 





.sectionSix .form-con ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #fff !important;

}

.sectionSix .form-con ::-moz-placeholder { /* Firefox 19+ */

  color: #fff !important;

}

.sectionSix .form-con :-ms-input-placeholder { /* IE 10+ */

  color: #fff !important;

}

.sectionSix .form-con :-moz-placeholder { /* Firefox 18- */

  color: #fff !important;

}





.contactCon ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #012B4F !important;

}

.contactCon  ::-moz-placeholder { /* Firefox 19+ */

  color: #012B4F !important;

}

.contactCon  :-ms-input-placeholder { /* IE 10+ */

  color: #012B4F !important;

}

.contactCon  :-moz-placeholder { /* Firefox 18- */

  color: #012B4F !important;

}







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

	.sectionSix .inner p{width:80%; }

	

}



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

	

	.sectionSix .inner h3{width:100%; text-align: center; padding: 0; border: 0;}

	.sectionSix .inner p{color:#fff; font-size: 16px; padding:0; line-height: 24px; margin-top: 20px; width: 100%;}

.sectionSix{padding: 60px 0;  }

	.sectionSix .inner{ flex-wrap: wrap; text-align: center;} 

	.sectionSix .inner .btn{margin-top: 30px;}

 }









/*gmap*/

.gmapCon{background: #f1f1f1;  width: 100%; overflow: hidden; position: relative;

}

  .map{-webkit-filter: grayscale(100%);

filter: grayscale(100%); height:340px;}

.gmapCon iframe{opacity: 1;}







.gmapCon .contentBox{width: 380px; color:#012B4F; z-index: 9; padding: 50px 40px; height: 100%; background: rgba(255,255,255,.9); position: absolute; top:0; right:165px;}

.gmapCon .contentBox h5{font-size: 20px; font-weight: 700; text-transform: uppercase; position: relative; display: inline-block; margin-bottom: 20px;}



.gmapCon .contentBox p{font-size: 16px;}

 .gmapCon .contentBox p a{color:#012B4F; font-weight: 600;}

.gmapCon .contentBox p img{width: 20px;}

 

.gmapCon .contentBox .btn-line{margin-top: 30px; padding: 0 35px;}

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

    

    .gmapCon .contentBox{width: 380px; right:15px;}



}



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

    

    .gmapCon .contentBox{width: 320px;}



}

/*gmap end*/ 















/*footer*/



.footer {

	background:#fff;

	padding: 65px 0 35px;

	margin-top: 0;

	position: relative; color:#000;

}





.footer .row1{display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; border-bottom: 1px solid rgba(255,255,255,.16); padding-bottom: 60px;}

.footer .row1 .cols{padding:  0 30px;}

.footer .row1 .cols:nth-child(1){padding-left: 0;}

.footer .row1 .cols:nth-child(2){padding-left: 0;}

.footer .row1 .cols:nth-child(4){padding-right: 0;}



.footer .row1 .cols:nth-child(4) a{color:#000; text-transform: uppercase; font-size: 13px;}





.footer .contact{color:#777; font-weight: 400; margin: 0;}

 .footer .contact a{color:#000; font-weight: 700;}

.footer .row1 span{padding-right: 10px; font-weight: 600;}



 .social a {

	display: inline-block;

	width: 32px;

	height: 32px;

	border-radius: 8px;

	padding:4px 0;

	text-align: center;

	color: #0083C8; 

	font-size: 18px;

	margin: 5px; border:2px solid #0083C8;

	background: #fff; text-decoration: none;

}

.social a:hover, .social a:focus { background: #0083C8; color:#fff; border-color:#0083C8;

	 

}

 

 

.copyrightText {

	padding: 30px 0 0 0;

	text-align: center;

	color: #000; font-weight: 300;  text-transform: uppercase;  border-top: 1px solid #ddd;

	 

}



.copyrightText p{font-size: 14px;}

 

.copyrightText a, .copyrightText strong{font-weight: 600; color:#000;}



@media only screen and (max-width: 1279px) {.sitemap {

	float: left;

	width: 55%;

	}}
	
	
	
	@media only screen and (max-width: 1151px) {
	    .footer .row1 .cols:nth-child(1){display:none;}
	  

	}



@media only screen and (max-width: 991px) { 
    .footer {
     padding: 40px 0 30px;
 }
.footer .row1{flex-wrap:wrap; text-align:center;}
 .footer .row1 .cols{width:100% !important; padding: 8px 0;}
 .footer .row1 span {
    padding-right: 0;
    font-weight: 600;
    display: block;
}

.footer .row1 {padding-bottom:30px;}

}




 

/*footer end*/





.mybannerinside {

	min-height: auto;

	display: flex;

	width: 100%;

	justify-content: center;

	position: relative;

	align-items: center;

	padding: 80px 0 80px;

}





.mybannerinside .leftBar{text-align: center; width: 100% !important;}

 

 

.bannerContentInside {

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

}

.bannerContentInside .leftBar, .bannerContent .rightBar {

	width: 100%;

}

.bannerContentInside .leftBar {

	padding-right: 0;

}

.bannerContentInside .leftBar h1 {

	color: #fff; line-height: 40px;

    font-size: 32px;

    font-weight: 700;

    text-transform: uppercase;

}

.bannerContentInside p {

	color: #fff;

	font-size: 18px;

	line-height: 32px;

	margin-top: 30px;

}



/*breadcrumb*/





.breadcrumb {

	text-align: center;

	display: block;

	width: auto;

	background: none;

	font-size: 14px;

	font-weight: 400;

	margin: 10px 0 0 0;

	padding: 0;

	color: #fff;

}

.breadcrumb li {

	display: inline-block;

}

.breadcrumb li a {

	font-weight: 400;

	text-decoration: underline;

	color: #fff;

}

.breadcrumb li a:hover {

	text-decoration: none;

}

.breadcrumb > li + li:before {

	color: #fff;

	font-size: 10px;

	margin: 0 5px;

	content: "\e90c";

	font-family: 'icomoon';

}



.mt20{margin-top: 20px;}





.modal-content {

	border-radius: 0;

	border: 0

}

.modal-content .modal-content {

	border: 0

}

.modal-content .modal-header {

	text-align: center;

	display: block;

	padding: 15px

}

.modal-content .modal-title {

	color: #000;

	font-size: 20px; font-weight: 700;

}

.modal-content .modal-title2 {

	color: #000;

	font-size: 20px

}

.modal-content .modal-title2 small {

	font-size: 14px;

	color: #777

}

.modal-content .modal-body {

	padding: 30px; background: #f5f5f5;

 }

.modal-content .modal-body2 {

	background: #eee;

	padding: 25px 30px

}

.modal-content .close {

	outline: 0;

	position: absolute;

	z-index: 999;

	top: -25px;

	right: -15px;

	color: #EC0D10 !important;

	opacity: 1; font-size: 40px;

	text-shadow: none

}

.modal {

	background: rgba(0,0,0,0.7);

	padding: 0 !important

}



label{font-size:15px; font-weight: 500; color:#000;}.red{color:#f00;}





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

.modal-dialog {

	margin: 1rem

}

}

.popupTable {

	background: #fff

}

.popupTable table {

	margin: 0

}

.popupTable table td {

	font-size: 13px

}

.popupTable table td strong {

	color: #000

}

.formTitle {

	color: #000;

	text-transform: uppercase;

	font-size: 20px;

	font-weight: 600;

	line-height: 24px

}

.formBox h4 {

	font-size: 20px;

	font-weight: 400;

	line-height: 28px;

	color: #b12841

}

.formBox .col-form-label {

	font-size: 13px;

	font-weight: 500;

	color: #273456

}

.formBox .col-form-label .red {

	color: #b12841

}

.formBox input[type='checkbox'] {

	vertical-align: sub

}



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

.formBox {

	padding: 25px 25px 0 25px

}

.form-horizontal .col-form-label {

	text-align: left

}

}



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

.formBox {

	padding: 0;

	border: 0

}

.form-horizontal .col-form-label {

	text-align: left

}

}

.messageCon h1 {

	color: #273456;

	font-weight: 300

}

.messageCon h6 {

	font-size: 20px;

	font-weight: 400;

	color: #000

}

.messageCon p {

	font-size: 14px;

	line-height: 22px

}



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

.messageCon h1 {

	font-size: 30px

}

.messageCon h6 {

	font-size: 16px;

	margin-bottom: 10px

}

.messageCon p {

	font-size: 13px;

	line-height: 20px

}

}



.middleCon{padding-bottom: 60px;}





.middleCon .display-3 {

	text-align: center

}

.middleCon .display-3:after {

	display: block;

	margin: auto

}

.cmsArea h2 {

	font-size: 20px;

	line-height: 24px;

	color: #000;

	position: relative

}

.cmsArea h2:after {

	position: static;

	margin-top: 10px;

	display: block;

	content: '';

	width: 50px;

	height: 1px;

	background: #273456

}

.cmsArea h3 {

	font-size: 30px;

	line-height: 40px;

	color: #012B4F;

	margin: 0;

	font-weight: 300;

	position: relative

}





.cmsArea h4 {

	font-size: 24px;

	line-height: 36px;

	color: #012B4F;

	margin: 0;

	font-weight: 700;

	position: relative

}



.cmsArea h5 {

	font-size: 20px;

	line-height: 38px;

	color: #012B4F;

	margin: 0;

	font-weight: 600;

	position: relative

}



.cmsArea p {

	font-size: 16px;

	line-height: 28px

}

.cmsArea .centerTxt {

	font-size: 18px;

	margin: 0;

	line-height: 30px;

	padding: 15px 4%

}

.cmsArea hr {

	border-color: #eee;

	margin: 25px 0

}

.cmsArea .btn-link {

	color: #0083C8; text-decoration: underline;

}



.cmsArea .btn-link:hover{text-decoration: none;}

.cmsArea ul {

	margin: 40px 0 0 60px

}

.cmsArea ul li {

	font-size: 16px;

	font-weight: 400;

	color:#4C6A83;

	line-height: 24px;

	list-style: none;

	position: relative;

	padding: 3px 0 3px 18px

}

.cmsArea ul li:before {

	content: '\e902';

	font-family: 'icomoon';

	width: 10px;

	height: 10px;

	top: 3px;

	left: 0;

	position: absolute;

	font-size: 12px;

	color: #666;

}

.cmsArea ol {

	margin: 20px 0 0 80px

}

.cmsArea ol li {

	font-size: 14px;

	line-height: 24px;

	list-style: decimal;

	position: relative;

	padding: 0 0 0 18px

}

.cmsImg {

	margin: 40px auto;

	text-align: center;

	padding: 15px

}

.cmsImg img {

	display: inline-block !important

}





.table-striped tbody tr:nth-of-type(odd){background-color: rgba(59,191,170,.1);}

.table td, .table th{border-top: 1px solid #3BBFAA;}

.table-bordered td, .table-bordered th{border-top: 1px solid #3BBFAA;}

.table-bordered td, .table-bordered th{border: 1px solid #3BBFAA;}

.blue{color:#3BBFAA;}



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

.cmsArea h3:after {

	width: 50px;

	margin: 25px 0 0 0;

	background: #b12841

}

}



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

.cmsArea p {

	text-align: left !important

}

.cmsArea ul {

	margin: 30px 0 0 20px

}

}

.aboutSCLcon {

	display: flex;

	height: auto

}

.aboutSCLcon figcaption {

	width: 50%;

	height: auto;

	padding: 100px 50px 100px 50px;

	background: #273456

}

.aboutSCLcon figcaption h2 {

	color: #fff;

	font-weight: 600;

	font-size: 40px

}

.aboutSCLcon figcaption p {

	color: rgba(255,255,255,0.7);

	font-size: 15px;

	line-height: 26px;

	margin-top: 25px

}

.aboutSCLcon figure {

	width: 50%;

	display: flex;

	margin: 0;

	background: url(../images/insidePageBanner/aboutImg.jpg) no-repeat 500px center;

	background-attachment: fixed

}

.aboutSCLcon .figure2 {

	width: 50%;

	display: flex;

	margin: 0;

	background: url(../images/insidePageBanner/whyUs.jpg) no-repeat right center;

	background-attachment: fixed

}



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

.aboutSCLcon figure {

	background-size: cover;

	background: url(../images/insidePageBanner/aboutImg.jpg) no-repeat -150px center

}

.aboutSCLcon .figure2 {

	background-size: cover;

	background: url(../images/insidePageBanner/whyUs.jpg) no-repeat -150px center

}

}



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

.aboutSCLcon figcaption {

	width: 50%;

	height: auto;

	float: left;

	padding: 60px 30px 60px 15px

}

}



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

.aboutSCLcon {

	display: block;

	height: auto

}

.aboutSCLcon figcaption {

	width: 100%;

	height: auto;

	padding: 40px 15px;

	background: #273456;

	display: block;

	float: left

}

.aboutSCLcon figcaption h2 {

	color: #fff;

	font-weight: 600;

	font-size: 40px

}

.aboutSCLcon figcaption p {

	color: rgba(255,255,255,0.7);

	font-size: 15px;

	line-height: 26px;

	margin-top: 25px

}

.aboutSCLcon figure {

	width: 100%;

	display: block;

	height: 400px;

	margin: 0;

	background: url(../images/insidePageBanner/aboutImg.jpg) no-repeat center center;

	background-attachment: fixed;

	float: left

}

.aboutSCLcon .figure2 {

	width: 100%;

	display: block;

	height: 400px;

	margin: 0;

	background: url(../images/insidePageBanner/whyUs.jpg) no-repeat center center;

	background-attachment: fixed;

	float: left

}

}

.productPageCon {

	padding: 20px 0 70px

}

.productPageCon .contectSec {

	padding: 20% 0 0

}

.productPageCon .contectSec h2 {

	font-size: 50px;

	line-height: 55px;

	color: #273456;

	position: relative;

	font-weight: 600

}

.productPageCon .contectSec h2:after {

	position: static;

	content: '';

	width: 100px;

	height: 2px;

	margin: 25px 0 0 0;

	background: #b12841;

	display: block

}

.productPageCon .contectSec h3 {

	font-size: 30px;

	line-height: 40px;

	color: #b12841;

	margin: 0;

	font-weight: 300;

	position: relative

}

.productPageCon .contectSec h3:after {

	position: static;

	content: '';

	width: 100px;

	height: 2px;

	margin: 25px 0 0 -50px;

	background: #b12841;

	display: block

}

.productPageCon .contectSec p {

	font-size: 15px;

	line-height: 26px

}

.productPageCon .contectSec .centerTxt {

	font-size: 18px;

	margin: 0;

	line-height: 30px;

	padding: 15px 4%

}

.productPageCon .contectSec hr {

	border-color: #eee;

	margin: 25px 0

}

.productPageCon .contectSec .btn-link {

	color: #273456

}

.productPageCon .contectSec ul {

	margin: 40px 0 0 60px

}

.productPageCon .contectSec ul li {

	font-size: 15px;

	font-weight: 500;

	color: #273456;

	line-height: 24px;

	list-style: none;

	position: relative;

	padding: 3px 0 3px 18px

}

.productPageCon .contectSec ul li:before {

	content: '\e902';

	font-family: 'icomoon';

	width: 10px;

	height: 10px;

	top: 3px;

	left: 0;

	position: absolute;

	font-size: 12px;

	color: #273456

}

.productPageCon .productsImgCon {

	padding-right: 10%

}

.productPageCon .productsImgCon .sbtn {

	background: #fff;

	color: #273456;

	box-shadow: 0 10px 30px 5px rgba(0,0,0,0.1)

}

.productPageCon .productsImgCon .item figure {

	width: 100%;

	height: auto;

	display: block;

	margin: 0

}

.productPageCon .productsImgCon .item figure img {

	width: 100%;

	height: auto;

	display: block

}







.pPortfolioImg{max-width: 50%;  margin: auto; margin-bottom: 40px;} 



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

.productPageCon .contectSec {

	padding: 10% 0 0

}

.productPageCon .contectSec h2 {

	font-size: 36px;

	line-height: 45px

}

.productPageCon .contectSec h2:after {

	margin: 25px 0 0 0

}

.productPageCon .productsImgCon {

	padding-right: 5%

}

}



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

.productPageCon {

	text-align: center

}

.productPageCon .contectSec {

	padding: 40px 30px 0 30px

}

.productPageCon .contectSec h2 {

	font-size: 36px;

	line-height: 45px

}

.productPageCon .contectSec h2:after {

	margin: 25px auto 0 auto

}

.productPageCon .productsImgCon {

	padding: 0 15%

}

}



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

.productPageCon {

	text-align: center

}

.productPageCon .contectSec {

	padding: 40px 0 0 0

}

.productPageCon .contectSec h2 {

	font-size: 26px;

	line-height: 34px

}

.productPageCon .contectSec h2:after {

	margin: 25px auto 0 auto

}

.productPageCon .productsImgCon {

	padding: 0 5%

}

	

.pPortfolioImg{max-width: 90%;  margin: auto; margin-bottom: 40px;} 

	

	

	

}



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

.productPageCon .productsImgCon {

	padding: 0

}

}

.profileProperties {

	background: #273456;

	padding: 140px 0

}

.profileProperties .propertiesBox {

	text-align: center;

	color: #fff

}

.profileProperties .propertiesBox figure {

	width: 130px;

	height: 130px;

	padding: 25px;

	margin: auto;

	display: block;

	border: 2px solid rgba(255,255,255,0.1);

	border-radius: 100%;

	margin-bottom: 20px

}

.profileProperties .propertiesBox figure img {

	width: 100%;

	height: auto;

	display: block

}

.profileProperties .propertiesBox h4 {

	font-size: 36px;

	line-height: 40px;

	font-weight: 600

}

.profileProperties .propertiesBox p {

	color: rgba(255,255,255,0.5);

	font-size: 15px;

	font-weight: 300;

	margin-top: 10px

}

.profileProperties2 .propertiesBox h4 {

	font-size: 24px;

	line-height: 30px

}

.profileProperties2 .propertiesBox p {

	font-size: 22px;

	font-weight: 300;

	margin-top: 5px

}



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

.profileProperties .propertiesBox h4 {

	font-size: 24px;

	line-height: 30px

}

.profileProperties .propertiesBox p {

	margin-top: 5px

}

}



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

.profileProperties {

	padding: 50px 0

}

.profileProperties .propertiesBox {

	margin: 15px 0

}

.profileProperties .propertiesBox h4 {

	font-size: 24px;

	line-height: 30px

}

.profileProperties .propertiesBox p {

	margin-top: 5px

}

}



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

.profileProperties {

	padding: 50px 0

}

.profileProperties .propertiesBox {

	margin: 15px 0

}

.profileProperties .propertiesBox figure {

	width: 110px;

	height: 110px;

	padding: 25px;

	margin: auto;

	display: block;

	border: 2px solid rgba(255,255,255,0.1);

	border-radius: 100%;

	margin-bottom: 20px

}

.profileProperties .propertiesBox figure img {

	width: 100%;

	height: auto;

	display: block

}

.profileProperties .propertiesBox h4 {

	font-size: 20px;

	line-height: 26px

}

.profileProperties .propertiesBox p {

	margin-top: 5px

}

}

.techDetail {

	padding: 70px 0

}

.techDetail h2 {

	font-size: 40px;

	line-height: 50px;

	color: #b12841;

	font-weight: 600

}

.techDetail ul {

	margin-top: 25px

}

.techDetail ul li {

	width: 20%;

	float: left;

	list-style: none;

	padding: 10px

}

.techDetail ul li .box {

	padding: 25px;

	box-shadow: 0 0 25px 5px rgba(0,0,0,0.05);

	min-height: 180px;

	font-size: 16px;

	line-height: 26px;

	color: #273456

}

.techDetail ul li .box:hover {

	transform: scale(1.05)

}

.techDetail ul li:nth-child(even) .box {

	background: #eee;

	box-shadow: 0 0 25px 5px rgba(0,0,0,0.01)

}



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

.techDetail {

	padding: 70px 0

}

.techDetail ul li {

	width: 25%

}

}



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

.techDetail {

	padding: 50px 0

}

.techDetail ul li {

	width: 25%

}

.techDetail ul li .box {

	padding: 20px 15px;

	box-shadow: 0 0 25px 5px rgba(0,0,0,0.05);

	font-size: 14px;

	line-height: 24px;

	color: #273456

}

}



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

.techDetail h2 {

	font-size: 24px;

	line-height: 36px

}

.techDetail ul li {

	width: 33.3333333%

}

.techDetail ul li .box {

	min-height: 160px

}

}



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

.techDetail ul li {

	width: 50%

}

.techDetail ul li .box {

	min-height: 140px

}

}



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

.techDetail ul li {

	width: 100%;

	padding: 7px 0

}

.techDetail ul li .box {

	min-height: auto

}

}

.contactCon {

	margin: 0 0 0 0

}

.contactCon figcaption h5 {

	color: #012B4F;

	font-size: 16px; font-weight: 600;

}

.contactCon figcaption p {

	font-size: 24px;

	line-height: 34px;

	color: #4C6A83;

	padding: 0 50% 0 0

}

.contactCon figcaption .careerTxt {

	padding: 0 30% 0 0

}

.contactCon figcaption a {

	font-size: 20px;

	color: #012B4F;

	display: inline-block;

	text-decoration: underline

}

.contactCon figcaption a:hover {

	text-decoration: none

}

.formCon p {

	color: rgba(255,255,255,0.5);

	line-height: 24px;

	font-size: 16px;

	font-weight: 300;

	margin-top: 10px;

	text-align: center

}

.formCon .form-control {

	margin: 7px 0;

	padding: 7px 15px;

	font-size: 16px; border:2px solid #4C6A83;

	background: rgba(255,255,255,0.8)

}

.formCon .form-control:focus {

	border-color:  #012B4F;

	color:  #012B4F;

	background: #fff

}

.formCon .contactForm .row {

	margin: 30px -7px 0 -7px

}

.formCon .contactForm .row .col-sm-6, .formCon .contactForm .row .col-sm-12 {

	padding: 0 7px

}

.formCon .contactForm label {

	color: #fff;

	text-align: center;

	display: block;

	font-size: 18px;

	line-height: 24px;

	margin: 15px 0 10px 0

}

.mapCon {

	height: auto;

	overflow: hidden; margin:30px 0 60px; text-align:center;

}



.mapCon .col-md-4{margin-top:30px;}



.mapCon iframe {

	border:0;

	margin: 0;

	padding: 0;

}



.mapCon .map{height:450px; border: 3px solid #ddd; overflow:hidden;}

.mapCon p{margin-bottom:25px; font-weight:600;}



.mapCon h5{text-transform: uppercase;

    font-weight: 700;

    font-size: 18px;

    line-height: 24px; }







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

.contactCon .innerBox {

	margin-top: 30px

}

.contactCon .officeBox {

	margin: 20px 0 0 0;

	padding: 30px 20px

}

.contactCon .officeBox h4 {

	font-size: 18px

}

.contactCon .officeBox figure {

	margin: 15px 0

}

.contactCon .officeBox figcaption {

	padding: 10px 0 10px 0

}

.contactCon .officeBox figcaption h5 {

	color: #273456;

	font-size: 18px;

	line-height: 22px

}

.contactCon .officeBox figcaption p {

	font-size: 14px;

	line-height: 22px;

	padding: 0 5%;

	margin: 15px 0 25px

}

.contactCon .officeBox figcaption a {

	font-size: 14px;

	padding: 7px 10px

}

	.contactCon figcaption p {

	font-size: 24px;

	line-height: 34px;

	color: #4C6A83;

	padding: 0 0 0 0;

}

	

	

}



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

.contactCon .officeBox h4 {

	font-size: 18px

}

.contactCon .officeBox figcaption {

	padding: 10px 0 10px 0

}

.contactCon .officeBox figcaption h5 {

	color: #273456;

	font-size: 18px;

	line-height: 22px

}

.contactCon .officeBox figcaption p {

	font-size: 14px;

	line-height: 22px;

	padding: 0

}

.contactCon .officeBox figcaption a {

	font-size: 14px

}

}

.rightFormBox h3 {

	font-size: 18px;

	color: #000;

	text-transform: uppercase;

	font-weight: 600;

	line-height: 24px



}

.rightFormBox .inner {

	background: #eee;

	padding: 25px;

	margin-top: 5px

}



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

.rightFormBox .inner {

	padding: 15px

}

.rightFormBox .inner .btn2 {

	padding: 0 20px

}

}



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

.rightFormBox {

	margin-top: 25px

}

}

.newsList .media {

	border: 1px solid #eee;

	padding: 30px;

	box-shadow: 0 0 15px 5px rgba(0,0,0,0.02);

	margin: 15px 0px

}

.newsList .media figure {

	width: 30%;

	margin: 0;

	margin-right: 25px

}

.newsList .media figure img {

	width: 100%;

	height: auto

}

.newsList .media .media-body .title {

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

	font-size: 28px;

	line-height: 34px;

	font-weight: 600;

	color: #273456

}

.newsList .media .media-body p {

	margin-top: 15px;

	font-size: 14px;

	line-height: 24px;

	font-family: 'Poppins', sans-serif

}

.newsList .media .media-body .posted-date {

	margin-top: 15px;

	font-weight: 600;

	display: block;

	font-size: 12px;

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

	color: #888

}

.newsList .media .media-body .posted-date span {

	color: #b12841

}

.newsList .media:hover .media-body .title {

	text-decoration: underline;

	color: #b12841

}



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

.newsList .media {

	display: block

}

.newsList .media figure {

	width: 100%;

	margin: 0 0 25px 0

}

}



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

.newsList .media {

	display: block;

	padding: 15px

}

}

.newsDetail {

	border-bottom: 1px solid #eee;

	padding-bottom: 30px

}

.newsDetail figure {

	display: block;

	width: 100%;

	text-align: center

}

.newsDetail figcaption {

	padding: 30px 0

}

.newsDetail h4 {

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

	font-size: 28px;

	line-height: 34px;

	font-weight: 600;

	color: #273456

}

.newsDetail p {

	margin-top: 15px;

	font-size: 14px;

	line-height: 24px

}

.newsDetail .posted-date {

	margin-top: 15px;

	display: block;

	font-size: 12px;

	font-weight: 600;

	color: #888

}

.newsDetail .posted-date span {

	color: #b12841

}

.mouse-icon {

	position: absolute;

	left: 50%;

	bottom: 50px;

	border: 2px solid #fff;

	border-radius: 16px;

	height: 50px;

	width: 30px;

	margin-left: -16px;

	display: block;

	z-index: 4

}

.mouse-icon .wheel {

	-webkit-animation-name: drop;

	-webkit-animation-duration: 1s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-delay: 0s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-play-state: running;

	-webkit-animation-name: drop;

	animation-name: drop;

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-delay: 0s;

	animation-delay: 0s;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-play-state: running;

	animation-play-state: running

}

.mouse-icon .wheel {

	position: relative;

	border-radius: 10px;

	background: #fff;

	width: 4px;

	height: 8px;

	top: 4px;

	display: block;

	margin-left: auto;

	margin-right: auto

}

@-webkit-keyframes drop {

0% {

top:5px;

opacity:0

}

30% {

top:15px;

opacity:1

}

100% {

top:35px;

opacity:1

}

}

@keyframes drop {

0% {

top:5px;

opacity:0

}

30% {

top:15px;

opacity:1

}

100% {

top:35px;

opacity:0

}

}



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

.mouse-icon {

	display: none

}

}







/*faq*/



.faqCon {padding: 40px 0;}

.faq-content {

	padding: 30px 30px 15px 30px;

	margin: 0;

}

.faq-content .card {

 	min-height: auto;

	padding: 0;

	border-radius: 5px;

}

.faq-content .card:hover {

	transform: translate(0)

}

.faq-content .card > .card-header {

	background-color: #fff;

	border-color: none !important;

	border: none !important;

	-webkit-box-shadow: 0 !important;

	box-shadow: 0 !important;

}

.faq-content .more-less {

	float: right;

	margin-top: 2px;

	color: #ccc;

	font-size: 20px;

}

.faq-content .card {

	border-color: #ddd;

	border: 1px solid #ddd;

	border-radius: 10px;

	margin-bottom: 10px;

	text-decoration: none;

}

.faq-content .card-body {

	padding: 20px 20px 20px 20px !important;

	border: none !important;

}

.faq-content .card-header {

	border-bottom: 1px solid transparent;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	padding: 0px;

	border-radius: 0px;

}

a.card-link {

	text-decoration: none;

	display: block; background: #f5f5f5;

	font-size: 16px;

	line-height: 24px;

	padding: 20px;

	color: #000;

	font-weight: 600;

}

a.card-link i {

	font-size: 14px;

}

.faq-content .card:hover {

	border-bottom: 1px solid #dbd6d2;

}

.faq-content .card-body ul {

	margin-top: 30px;

	margin-left: 30px;

}

 



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

.faq-content {

	padding: 20px;

}

a.card-link {

	font-size: 16px;

	line-height: 20px;

	padding: 13px 15px 15px 15px;

}

.faq-content .card-body ul {

	margin-left: 30px;

}

}



.videoSection{padding:60px 0; background:#f5f5f5;}

.videoSection .embed-responsive{background:#000; overflow:hidden; border-radius:10px; border:10px solid #000; border-top:0; border-bottom:0; margin-top:20px;}





/*team clasess*/

.teamCom .card .cardItems {

	display:block; text-align: left; padding:10px;

	 

}

.teamCom .card .cardItems p {

 	margin: 0 0 0 0;

}



.teamCom .card .cardItems .left{float: left;}

.teamCom .card .cardItems .social {float:right;}

.teamCom .card .cardItems .social a:nth-child(3):after{display: none;}

.teamCom .card .cardItems .social a:nth-child(3){margin-right: 0;}



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

	

	.teamCom .card .cardItems .left, .teamCom .card .cardItems .social {float:none; text-align: center;}

	.teamCom .card .cardItems .social{margin:20px 0 0 0 !important; }

	.teamCom .card .cardItems .social a:nth-child(3){margin-right: 17px;}

  

}

/*team clasess end*/