@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;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: 'Titillium Web', sans-serif; color:#012B4F;}

body {
	margin: 0;
	padding: 0;
	font: 400 16px/24px 'Titillium Web', sans-serif;
	color: #4C6A83;
	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: 'Titillium Web', 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: 10px 10px 10px 0;
	padding: 0 35px;
	font-family: 'Titillium Web', sans-serif; 
	font-size: 16px; font-weight: 600; text-transform: uppercase;
}
.btn2 {
	height: 55px; font-family: 'Titillium Web', sans-serif; 
	line-height: 55px;
	border-radius: 10px 10px 10px 0;
	padding: 0 45px;
	border: 0; font-weight: 600;
	font-size: 16px; 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-success {
	background: #3BBFAA !important;
	color: #fff !important;
	border: 0 !important;
	box-shadow: none !important
}
.btn-success:hover {
	background: #4BCFBA !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: 10px;
	font-size: 16px; 
	color:#012B4F; font-family: 'Titillium Web', 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-success {
	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: relative; 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; box-shadow: 0 5px 30px -5px rgba(0,0,0,0.3); z-index:97;
}

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: #012B4F;
	padding: 0 20px;
	font-weight: 400;
	height: 65px;
	line-height: 65px;
	text-decoration: none;
	display: block; text-transform: uppercase;
	position: relative; 
}

 header .navbar .navbar-nav li a:hover {
	color: #fff; background:#3BBFAA;
}

header .navbar .navbar-nav li.active a{color: #fff; background:#3BBFAA;}


header .navbar .navbar-nav li a i {
	font-size: 13px;
	margin-left: 3px;
	margin-top: 2px;
}
  

header .navbar .navbar-nav li > .subLinks {
	width: 290px;
	left: 0;
	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 20px;
	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: #fff;
}
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: 175px;
	height: auto;  
	padding:0;
	margin: 0 0 0 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: 50px; padding: 0;
	margin: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:30px;
	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:5px;
	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
}
}
.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: #012B4F;
	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: #3BBFAA;
}
.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 {
 
	z-index: 10; bottom:170px;
 	text-align: center;  
	 
}


.sliderCon .carousel-caption h2 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    display: inline-block;
    border-radius: 10px;
    padding: 8px 25px;
    color: #fff;
    background: rgba(1, 43, 79, .8);
}
 
 
.sliderCon .carousel-caption p {
 	color: #fff;
	font-size: 24px;
	font-weight: 300; margin-top: 25px;
	line-height: 34px;   padding: 0 12%;
 }
.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 h2 {
	font-size: 24px;
	line-height: 32px;  
 
}
	 
	 .sliderCon .carousel-caption .btn, .sliderCon .carousel-caption p {
	display:none;
	 
}
	 
	 
.sliderCon .carousel-caption{top:18%;}	
	
	
 
}


@media screen and (max-width: 599px) {
.sliderCon .carousel-caption h2 {
	font-size: 20px;
	line-height: 28px;  
 
}

.sliderCon .carousel-indicators{bottom:0;}
	 
 
}

@media screen and (max-width: 479px) {
    
    .sliderCon .carousel-caption h2 br{display:none;}
    .sliderCon .carousel-caption{top:8%;}
    .sliderCon .carousel-caption h2 {
	font-size: 16px;
	line-height: 24px;  
 
}
	
}



.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; vertical-align:top;}
  
.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; text-align:justify; }
.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*/
  
 
.serviceCon .cols{width: 100%; float: left;}

.serviceCon .cols .flexBox{ display: flex; justify-content: center; flex-wrap: nowrap; overflow: hidden; color:#fff;}
.serviceCon .cols .flexBox .box { width: 50%; min-height: 300px;}
.serviceCon .cols .imgCon img{width: 100% }
.serviceCon .cols .textCon{background: #012B4F; padding: 60px 80px 75px; }

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



.serviceCon .cols .text-title{line-height: 52px; font-size: 44px; font-weight: 700; color:#fff;}
 

.serviceCon .cols .btn{margin-top: 30px;}
 .serviceCon .cols p{ margin-top: 20px; height: 120px; overflow: hidden;
     font-weight: 400;
    color: #fff; line-height: 24px; padding-right: 7%;}


.serviceCon .cols:nth-child(1) .flexBox, .serviceCon .cols:nth-child(3) .flexBox{flex-direction: row-reverse;}
.serviceCon .cols:nth-child(1) .textCon{padding-left:175px;}
 .serviceCon .cols:nth-child(3) .textCon{padding-left:175px;}
 
.serviceCon .cols:nth-child(2) p, .serviceCon .cols:nth-child(4) p{padding-right: 21%;}




@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; color:#fff;}

	.serviceCon .cols .flexBox .box { width: 100%; min-height: 300px; text-align: center;}
 .serviceCon .cols .text-title {
 	line-height: 38px;
    font-size: 28px; 
}
}


/*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;
	 
}

.section4 .welcomeCon{padding:50px 0 0 0;}
.section4 .welcomeCon .left{margin-top:30px;}
.section4 .right img{border-radius:30px;}



.commanTitle {
	line-height: 50px;  font-size:42px; font-weight: 700;
}
  

.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: #012B4F 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: 40px; font-size: 26px; padding: 0 4%;}
.sectionSix h3{margin-top: 50px; color:#3BBFAA; font-weight: 700; font-size: 40px; line-height: 50px;}
.sectionSix .form-con{margin-top: 25px;}
.sectionSix .form-con .form-control{background: none !important; border:2px solid #3BBFAA; color:#3BBFAA; 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: #3BBFAA !important;
}
.sectionSix .form-con ::-moz-placeholder { /* Firefox 19+ */
  color: #3BBFAA !important;
}
.sectionSix .form-con :-ms-input-placeholder { /* IE 10+ */
  color: #3BBFAA !important;
}
.sectionSix .form-con :-moz-placeholder { /* Firefox 18- */
  color: #3BBFAA !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:300px;}
.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: 100%; position:static; text-align:center; background:#f2f2f2;}

}
/*gmap end*/ 








/*footer clasess*/
 

.footer .btn-danger{padding: 0;}

.sitemap {
	float: left;
	width: 72%;  
	padding-right: 30px;
}
.sitemap .col-md-4 {
	width: 25%; flex: auto; max-width: inherit;
}

.sitemap .col-md-4.contactInfo{width: 50%; padding-left:40px; }
.sitemap .contactInfo p{position: relative; padding-left: 30px; margin-bottom: 15px;}
.sitemap .contactInfo p:before{content:"\e919"; position: absolute; font-family: 'icomoon'; left: 0; color:#666; font-size: 20px; width: 30px;}
.sitemap .contactInfo p:nth-child(2):before{content:"\e91b"; margin-right: 3px;}
.sitemap .contactInfo p:nth-child(3):before{content:"\e911"; font-size: 18px;}
.sitemap .contactInfo p:nth-child(2) a, .sitemap .contactInfo p:nth-child(3) a{color:#000; text-decoration: underline;}

.footer h4 {
	font-size: 18px; line-height: 28px;
	font-weight: 800;
	margin-bottom: 10px;
	color: #000;
	position: relative;
	z-index: 2;
}
 
.sitemap .links2 {
	margin-top: 66px;
}
.sitemap .links a {
	display: block;
	color: #666;
	margin-top: 2px;
	font-size: 15px;
	text-decoration: none;
}
.sitemap .links a:hover {
	text-decoration: underline;
}

 


.fRight {
 	width: 28%;
	padding-left: 30px;
 	float: right;  
}
 
.social{float: left; margin-left: -17px; margin-top: 15px;}
 

.social a{width: auto; height: auto; display: inline-block; color: #3BBFAA; text-align: center; font-size:20px; margin: 0 15px; text-decoration: none; position: relative;}


.social a:after{height: 15px; width: 1px; background:rgba(0,0,0,.2); content: ""; position: absolute; right: -15px; top:5px;}
.social a:nth-child(4):after{display:none;}
 
 
.copyrightText{padding: 40px 0;}
.fLogo{float: left; width: 150px; margin-top: 10px;}
.fLogo img{width:100%; height: auto;}

.copyrightText2 {
	font-size: 14px;
  	color:#4C6A83; text-transform: uppercase;
	margin: 0; float: right;
	margin-top: 0; text-align: right;
}
.copyrightText2 strong{color:#4C6A83;}
.copyrightText2 a{color:#4C6A83;}


@media only screen and (max-width: 1151px) {
	.sitemap {
 	width: 72%;  
	padding-right: 0;
}
.sitemap .col-md-4 {
	width: 20%; 
}
	
 
}


@media only screen and (max-width: 991px) {
.sitemap {
	width: 100%;
	padding-left: 0px;
	float: none;
	 
}
.fRight {
	width: 100%; text-align: center;
	  float: none; padding: 40px; background: #eee; border-radius: 16px; margin-top: 30px;
}
 
}


@media only screen and (max-width: 767px) {
	
	.sitemap .col-md-4.contactInfo{padding: 0;}
	
		.sitemap {
 	width: 100%;  
	padding-right: 0; text-align: center;
}
	
.sitemap .col-md-4 {
	width: 100%; margin-bottom: 30px;
}
	
.fRight {
	margin-top: 0;
}	
	
	
	
	.sitemap .links a {
 	margin: 2px 5px !important; display: inline-block; 
}
	.fLogo{float:none; margin:auto;}
	 
	.copyrightText2{float: none; text-align: center; margin-top: 10px;}
	
	.sitemap .contactInfo p:before{display: none;}
	.sitemap .contactInfo p{padding-left: 0;}
	 
	 
}

/*footer clasess ends*/


.mybannerinside {
	min-height: auto;
	display: flex;
	width: 100%;
	justify-content: center;
	position: relative;
	align-items: center;
	padding:50px 0;
}


.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;
	text-shadow: 0 2px 1px rgba(0,0,0,.5);
}
.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';
}




.modal-content {
	border-radius: 16px;
	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; text-align:justify;
}
.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: #000
}
.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; vertical-align:middle;}
.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: 18px;
	line-height: 28px;
	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 {
 	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{overflow:hidden; border-radius:10px; 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*/

.productListCon{margin-top:40px;}