@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:#011D32; font-weight: 700;}

body {
	margin: 0;
	padding: 0;
	font: 400 18px/28px 'Titillium Web', sans-serif;
	color: #333333;
	background: #fff;
}
.mt-0 {
	margin-top: 0 !important
}

.mt10{margin-top:10px;}
.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: 1240px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
.container-fluid{padding-left: 30px; padding-right: 30px;}

.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: 42px;
	line-height: 42px;
	border-radius:1px;
	padding: 0 30px;
	font-family: 'Titillium Web', sans-serif; 
	font-size: 15px; font-weight: 700; text-transform: uppercase;
}
.btn2 {
	height: 50px; font-family: 'Titillium Web', sans-serif; 
	line-height: 48px;
	border-radius:1px;
	padding: 0 40px;
	border: 0; font-weight: 700;
	font-size: 15px; 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: #E03F15 !important;
	color: #fff !important;
	border: 0 !important;
	box-shadow: none !important
}
.btn-warning:hover {
	background: #D63A12 !important
}


.btn-light {
	background: #f5f5f5 !important;
	color: #E03F15 !important;
	border: 0 !important;
	box-shadow: none !important
}
.btn-light:hover {
	background: #f9f9f9 !important
}


.text-warning{color:#E03F15 !important;}
.text-light{color:#fff !important;}
.btn-link{color:#E03F15; font-weight: 700; text-transform: uppercase;}
.btn-link:hover, .btn-link:focus{color:#E03F15;}

.sbtn {
	width: 50px;
	height: 50px;
	background: #273456;
	text-align: center;
	font-size: 20px;
	color: #fff;
	padding: 14px 0;
	display: inline-block
}

.form-control {
	height: 50px;
	box-shadow: none;
	border-radius: 0;
	font-size: 18px; border:2px solid #011D32;
	color:#333; font-family: 'Titillium Web', sans-serif; 
}
.form-control:focus {
	box-shadow: none !important;
	color: #E03F15; border:2px solid #E03F15;
}

label{font-size: 20px; font-weight:600;}

select {
	height: 50px !important
}
.form-group {
	margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .form-group {
	margin-bottom: 15px
}


.form-control {
	height: 40px;
	box-shadow: none;
	border-radius: 0;
	font-size: 16px; border:2px solid #011D32;
	color:#333; font-family: 'Titillium Web', sans-serif; 
}

label{font-size: 16px; font-weight:600;}

select {
	height: 40px !important
}

.mb-5, .my-5{margin-bottom:1.5rem !important;}
    
}


#back-top {
	position: fixed;
	bottom: 15px;
	left: 15px;
	z-index: 9;
	display: block;
}
#back-top .btn-warning {
	display: inline-block;
 	overflow: hidden;
	padding: 8px 0;
 	line-height: inherit !important;
	color: #fff;
	width: 40px;
	height: 40px;
	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: 1279px) {
    
    .container-fluid{padding-left: 15px; padding-right: 15px;}

}

 
@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; padding: 5px 0;
	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
}

 .topBar{background: #E03F15; padding: 10px 0;}

.topBar p, .topBar p a{color:#fff; font-size: 14px;}
.topBar .left{float: left;}
.topBar .right{float: right;}
.topBar .right span{padding:0 10px;}
.topBar .right span:nth-child(1){border-right:1px solid rgba(255,255,255,.5);}
.topBar p img{margin-right: 3px;}

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: #011D32;
	padding: 0 15px;
	font-weight: 600;
	height: 48px;
	line-height: 48px;
	text-decoration: none;
	display: block; text-transform: uppercase;
	position: relative; background: none !important;
}

 header .navbar .navbar-nav li a:hover {
	color: #E03F15; 
}

header .navbar .navbar-nav li.active a{color: #E03F15;}


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: 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: 110px;
	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; top:0;
	-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); padding: 5px 0;
}
.header_fixer .navbar .navbar-nav li a {
	height: 48px;
	line-height: 48px;
}
.header_fixer .navbar-brand {
	max-width: 78px; padding: 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: 1359px) {
    header .navbar .navbar-nav li a{padding:0 10px;}
}

@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;}
	 header .navbar .navbar-nav li a{font-size:14px; padding:0 6px;}
 


	
}

@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 {
 
	margin:0 10px; 
}
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: 16px;
	margin-left:10px; width: auto; height: 44px; display: inline-block; border-radius:5px;
	text-decoration: none; text-align: center; padding:0 15px;  line-height:44px;
	 
}
	
	 
	
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: #000;
	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: #E03F15;
}
.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:10px;  
  	  
}
.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; top:0; bottom:auto;
 	text-align: center; padding:10% 0;
	 
}
.sliderCon .carousel-caption h2 {
	font-size: 48px;
 	line-height: 60px;  
	font-weight: 700;
 	color:#fff;  
 }
 
 
.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;  
 
}
	
}

 
 


/*Welcome*/
.welcomeCon {
 	padding: 80px 0;
}


 .welcomeCon .left{width:100%;}


.welcomeCon h2 {
 	line-height: 52px; font-size: 46px; font-weight: 400; text-transform: uppercase;
		
}
.welcomeCon h2 strong{font-weight: 700;} 

.welcomeCon p{margin-top: 35px; }
.welcomeCon .btnCon{margin-top: 35px; text-align: right;}

 


 @media only screen and (max-width:1151px) {
	.welcomeCon h2 {
 	width: 100%;
}
}

@media only screen and (max-width:991px) {
    
    .welcomeCon {
 	padding: 50px 0;
}
	.welcomeCon .left{float: none; text-align:left; width:100%; padding-left: 0;} 
	
.welcomeCon h2 {
 	line-height: 38px; font-size: 28px; width: 100%;
}
	

.welcomeCon .btnCon{text-align:left;}
	 
		
}

@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 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: #E03F15; padding:80px; }

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



.serviceCon .cols .text-title{line-height: 52px; font-size: 44px; font-weight: 700; color:#fff; text-transform: uppercase;}
.serviceCon .cols ul{margin:30px 0 0 0; padding: 0 0 0 20px;}
.serviceCon .cols ul li{font-weight: 600; width: 48%; float: left; margin: 3px 0;}

.serviceCon .cols .btn{margin-top: 40px;}
 .serviceCon .cols p{ margin-top: 25px; overflow: hidden;
     font-weight: 400;
    color: #fff;  }


.serviceCon .cols:nth-child(1) .flexBox, .serviceCon .cols:nth-child(3) .flexBox{flex-direction: row-reverse;}
 
.serviceCon .cols:nth-child(1) .textCon p{padding-right: 20%;}


@media only screen and (max-width: 1499px) {
 .serviceCon .cols:nth-child(1) .textCon, .serviceCon .cols:nth-child(3) .textCon{padding-left:30px;}
	.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 {margin-left: -15px; margin-right: -15px;}

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

}

 
@media only screen and (max-width: 1151px) {
	.serviceCon .cols .text-title br{display: none;}
	.serviceCon .cols ul li{width:100%; float:none;}
	.serviceCon .cols:nth-child(1) .textCon p{padding-right:0;}
}

@media only screen and (max-width: 991px) {
	.serviceCon .cols .text-title {
 	line-height: 44px; font-size: 36px; 
}
.serviceCon .cols .flexBox{flex-wrap:wrap;}
.serviceCon .cols .flexBox .box{width:100%; min-height:auto;}
.serviceCon .cols .flexBox .imgCon {background-position:0 0 ; height:400px;}
 
}


@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: left;}
 .serviceCon .cols .text-title {
 	line-height: 38px;
    font-size: 28px; 
}
}



/*profile*/

.profile{padding:0;}
.profile h4{font-size:38px; line-height: 50px; font-weight:700; margin-top: 20px;}
.profile .left{float: right; width: 50%; padding-left: 50px; margin-top: 30px;}
.profile .right{float: left; width: 50%; padding-right: 10px; margin-top: 30px;}
.profile .right p{line-height: 30px;}

@media only screen and (max-width: 767px) {
    .profile h4{font-size:32px; line-height: 42px;}
    .profile .left, .profile .right{width:100%; float:none; margin-top:30px;}
    .profile .left{padding:0;}

}

/*profile end*/


/*section five*/
.sectionFive{background: #E03F15; padding:80px 0; text-align: center;}

.sectionFive .commanTitle{ color:#fff; font-weight: 400;}
.sectionFive .commanTitle strong{ font-weight: 700;}
.sectionFive p{color:#fff; margin-top: 25px; padding: 0 8%;}

.sectionFive ul, .sectionFive ul li, .sectionFive ul li strong{list-style:none; color:#fff;}

@media only screen and (max-width: 991px) {
 .sectionFive p{padding: 0;}  
 
}

@media only screen and (max-width: 991px) {
 .sectionFive{padding:60px 0; text-align:left;}  
 .sectionFive p{padding: 0; text-align:left !important;} 
 .sectionFive .commanTitle{text-align:left !important;}
}



/*section five end*/






/*welcoming*/
.welcoming{background: #011D32 url(../images/bg1.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding: 130px 0;}
.welcoming .contentCon{width: 58%;}
.welcoming p{background: rgba(0,0,0,.15); padding: 50px; color:#fff; margin-top: 40px;}
@media only screen and (max-width: 991px) {
    .welcoming{padding:70px 0;}
    .welcoming .contentCon{width: 100%; text-align:left;}
}

 @media only screen and (max-width: 767px) {
     .welcoming p{padding:30px;}
 }
/*welcoming end*/









/*why choose*/

.section4 {
	padding: 80px 0;
	 
}
.commanTitle {
	line-height: 52px;  font-size:44px; font-weight: 700;
}

@media only screen and (max-width: 767px) {
   .commanTitle {
	line-height: 32px;
        font-size: 28px;
} 
}
  

.section4 .card {
  	display: block;  border: 0; background: #f5f5f5;
	text-decoration: none; padding: 0; min-height: 100px; 
	text-align: left !important; margin:30px 0 0 0;
}
.section4 .card .cardIcon {
 	width: 100%; background: #ccc;
	min-height:auto;  margin: 0; display: flex; align-items: center; justify-content: center;
  overflow: hidden;  
}

.resourcesCat .card {min-height: 100px;}



.section4 .card .cardIcon img {
	max-width: 100%;
	display: inline-block;
}
 
.section4 .card .cardItems {
	display:block; padding:30px;
	 
}

.section4 .card .cardItems h5{height:auto; overflow: hidden;}
.section4 .card .cardItems h5 a {  
	font-weight: 700; font-size: 20px;line-height: 28px; color:#011D32;
}
.section4 .card .cardItems p {
 	margin: 17px 0 0 0; height: auto; overflow: hidden;
}
  
  .section4 .card:hover .cardItems h5 a{color:#E03F15; text-decoration: underline;
}
.section4 .card .cardItems .time i{margin-right: 3px;}
.section4 .card .cardItems .time{font-size:16px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #777; height: auto; margin:0 0 15px 0; }


.resources{background: #f5f5f5; padding: 80px 0; margin: 0;}
.resources .card{background: #fff;}

/*testimonials classess*/

.tsCon{padding:80px 0; background:#011D32 url(../images/bg4.jpg) no-repeat center top; background-attachment: fixed; background-size: cover;}

.tsCon .commanTitle {color:#fff;}

.tsBox {
 margin: 40px 0 0 0; position: relative; padding: 0 30px;
}
.tsBox .owl-prev{left:-40px; }
.tsBox .owl-next{right:-40px;}
.tsBox .owl-prev img, .tsBox .owl-next img{width: 14px; opacity: .6}
.tsBox .owl-prev, .tsBox .owl-next{width: 72px; height: 72px; background: rgba(255,255,255,.7); border-radius: 100%; border:1px solid #eee; text-align: center; padding: 20px; box-shadow:0 5px 13px 0 rgba(0,0,0,0.1); opacity: 1;}

/*.tsBox:before{background:url(../images/tsQuote.svg) no-repeat left center; position: absolute; content:""; width:100%; height: 100%; top:67px;}*/

.tsBox .inner{text-align: center; background:rgba(255,255,255,.9); border-radius: 10px; padding:40px 40px;}
.tsBox h3  {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-top: 0;
}
.tsBox p{ font-style: italic; font-size: 18px; line-height: 28px; font-weight: 500; margin-top: 25px;}
.tsBox .clientName{font-size: 16px; font-weight: 700; margin-top: 20px;}
  
 


.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;}


.tsBoxinside{padding: 0; background: none;}
.tsBoxinside .tsBox {
	margin:0; padding:0;}
 
.tsBoxinside .tsBox .inner{border:2px solid #ddd; padding: 40px; margin: 25px 0; position: relative;}
.tsBoxinside .tsBox h3{margin: 0;}

.tsBoxinside .tsBox .inner:before{background:url(../images/tsQuote2.svg) no-repeat left top; position: absolute; content:""; width:150px; height: 100px; left: 50px; top:35px; }




@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{padding:60px 0;}
.tsBoxinside{padding: 0;}
	.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;}
}



/*clinical service*/
.clinicalService{background: #f5f5f5; padding: 80px 0;}
.clinicalService h2{font-size: 48px;}
.clinicalService p{margin-top: 30px;}

@media only screen and (max-width: 767px) {
    .clinicalService{padding: 60px 0; text-align:left;}
    .clinicalService h2{line-height: 32px;
        font-size: 28px;}
}

/*clinical service end*/




/*welcoming*/
.servicesOffered{background: #011D32 url(../images/bg2.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding: 130px 0;}
.servicesOffered .contentCon{width: 55%;}
.servicesOffered .contentCon .inner{background: rgba(0,0,0,.3); padding: 50px; margin-top: 40px;}
.servicesOffered p{ color:#fff; margin-top: 40px;}

.servicesOffered .inner ul{margin:30px 0 0 0; padding: 0;}
.servicesOffered .inner ul li{font-weight: 600; width: 48%; float: left; margin: 3px 0; color:#fff; list-style: none; position: relative; padding-left: 20px;}
.servicesOffered .inner ul li:before{content:""; background: url(../images/disc.svg) no-repeat left; width: 8px; height: 8px; position: absolute; top:9px;  left: 0; }

.servicesOffered .btnCon{text-align: right; margin-top: -44px;}

@media only screen and (max-width: 1279px) {
    .servicesOffered .contentCon{width:60%;}
}

@media only screen and (max-width: 1151px) {
    .servicesOffered .contentCon{width:70%;}
}

@media only screen and (max-width: 991px) {
    .servicesOffered{padding: 70px 0;}

    .servicesOffered .inner ul li{width: 100%; float: none;}

}

@media only screen and (max-width: 767px) {
    .servicesOffered .contentCon{width: 100%;}
    .servicesOffered .btnCon{text-align: left; margin-top: 40px;}
    .servicesOffered .contentCon .inner{padding:30px;}
}

/*welcoming end*/



/*org services*/
.orgServices{background:#f2f2f2; padding: 80px 0;}
.orgServices p{margin-top: 30px;}
.orgServices .btnCon{text-align: right; margin-top:40px;}
.orgServices ul{list-style:inside !important;}

@media only screen and (max-width: 767px) {.orgServices{padding: 60px 0; text-align:left;}
    .orgServices .btnCon{text-align: left;}
    
}
/*org services end*/


/*how does he do it*/

.howDoes{background: #011D32 url(../images/bg2.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding: 130px 0;}
.howDoes .contentCon{width: 100%;}
.howDoes .contentCon .inner{background: rgba(0,0,0,.3); padding: 50px; margin-top: 40px;}
.howDoes p{ color:#fff; margin-top: 40px;}

.howDoes .inner ul{margin:30px 0 0 0; padding: 0;}
.howDoes .inner ul li{font-weight: 600; width: 48%; float: left; margin: 3px 0; color:#fff; list-style: none; position: relative; padding-left: 20px;}
.howDoes .inner ul li:before{content:""; background: url(../images/disc.svg) no-repeat left; width: 8px; height: 8px; position: absolute; top:9px;  left: 0; }

.howDoes .btnCon{text-align: right; margin-top: -44px;}

 
 
@media only screen and (max-width: 991px) {
    .howDoes{padding: 70px 0;}

    .howDoes .inner ul li{width: 100%; float: none;}
 .howDoes .contentCon .inner {margin-top: 20px;}
 
 .howDoes{ padding: 60px 0;}
}

@media only screen and (max-width: 767px) {
     .howDoes .contentCon .inner {padding: 30px;}
      .howDoes{ padding: 40px 0;}
}


/*how does he do it end*/



/*section five clasess*/
.sectionSix{background: #fff; padding: 80px 0 80px;  }
.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: 40px;}
.sectionSix .form-con .btn-warning{height: 60px; line-height: 60px;} 


 


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999 !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;}
 }



/*footer*/

.footer {
	background:#011D32;
	padding: 70px 0 90px;
	margin-top: 0;
	position: relative; color:#fff;
}


.footer .row1{display: block; border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 60px;}

 .footer .row1 .col{float: left; width: 25%; padding: 0;}

 .footer .row1 .col:nth-child(1){padding-left: 0; width: 20%;}
 .footer .row1 .col:nth-child(2){margin-top: 30px;}

.footer .row1 .col:nth-child(3){width: 27%; margin-top: 30px;}

.footer .row1 .col:nth-child(4){padding-right: 0; float: right; width: auto; margin-top: 35px;}
 


.footer .contact{color:#fff; font-weight: 400; margin: 0;}
 .footer .contact a{color:#fff; font-weight: 700;}
.footer .row1 span{padding-right: 10px;}

 .social a {
	display: inline-block;
  text-align: center;
  	margin: 5px;  
	 
}

 
 
.copyrightText {
	padding: 30px 0 0 0;
 	color: #fff; font-weight: 300;  text-transform: uppercase; 
	 
}

.copyrightText a{color:#fff;}
.copyrightText1{float: left; font-size: 14px; color:#fff; line-height:24px;}
.copyrightText1 a:nth-child(1){padding-left: 0;}
.copyrightText span{margin: 0 5px;}

.copyrightText2 {
	font-size: 14px; text-align: right;
 	color: #fff; float: right; line-height:24px;
  } 

@media only screen and (max-width: 1279px) {
    
     .footer .row1 .col:nth-child(1){width: 12%; margin-top:10px;}
     .footer .row1 .col:nth-child(1) img{width: 100px !important;}
     .footer .row1 .col .social span{margin-left:5px;}
     .footer .row1 .col .social span, .footer .row1 .col .payment span{display:block;}
     .footer .row1 .col:nth-child(3){margin-top:10px;}
     .footer .row1 .col:nth-child(4){margin-top:15px;}
    
}

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

}
 
 @media only screen and (max-width: 991px) { 
    .footer .row1 .col{width:100% !important; text-align:center; padding:0 !important; margin:15px 0;}
    
.footer {
 
	padding: 40px 0 40px;
 
}

.footer .row1{padding-bottom:40px;}
}
 
 @media only screen and (max-width: 599px) {
     
     .copyrightText1, .copyrightText2{float:none; display:block; text-align:center; margin:5px 0;}
 }
 
 

/*footer end*/

.mybannerinside {
	min-height: auto;
	display: flex;
	width: 100%;
	justify-content: center;
	position: relative;
	align-items: center;
	padding: 30px 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; font-weight: 700; text-transform: uppercase; font-size: 36px; line-height: 44px;
	 
}
.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: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
}

 @media only screen and (max-width: 767px) {
     .modal-content .modal-body .form-con, .modal-content .modal-body2 .form-{overflow-y:scroll;}
     .modal-content .modal-body .form-con form, .modal-content .modal-body2 .form-con form{height:500px;}
 }

@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:30px 0 70px 0;}


.middleCon .display-3 {
	text-align: center
}
.middleCon .display-3:after {
	display: block;
	margin: auto
}

.cmsArea{margin-top: 30px;}

.cmsArea h2 {
	font-size: 30px;
	line-height: 40px;
 	margin: 0;
	font-weight: 700;
 }
 
.cmsArea h3 {
	font-size: 24px;
	line-height: 34px;
 	margin: 0;
	font-weight: 700;
 }


 
 
.cmsArea hr {
	border-color: #eee;
	margin: 25px 0
}
.cmsArea .btn-link {
	color: #E03F15;
}
.cmsArea ul {
	margin: 0 0 0 60px; overflow:hidden;
}
.cmsArea ul li {
	font-size: 18px;
	font-weight: 400;
	color:#333333;
	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: #333333;
}
.cmsArea ol {
	margin:0 0 0 20px;
}
.cmsArea ol li {
	font-size: 18px;
	line-height: 28px;
	list-style: decimal;
	position: relative;
	padding: 0 0 0 18px
}
.cmsImg {
	margin: 40px auto;
	text-align: center; max-width: 100%;
	 
}
.cmsImg img {
	display: inline-block !important
}

.cmsbtn{float:right;}

.table-striped tbody tr:nth-of-type(odd){background-color: rgba(59,191,170,.1);}
.table td, .table th{border-top: 1px solid #dddddd !important;}
.table-bordered td, .table-bordered th{border-top: 1px solid #dddddd !important;}
.table-bordered td, .table-bordered th{border: 1px solid #dddddd !important;}





.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 h3 {
	color: #011D32;
	font-weight: 700;
}
.contactCon figcaption p {
	font-size: 24px;
	line-height: 34px;
 	padding: 0 40% 0 0
}
.contactCon figcaption .careerTxt {
	padding: 0 30% 0 0
}

.contactCon figcaption .contactTxt{font-size: 20px;}
.contactCon figcaption a {
	font-size: 20px; font-weight: 700;
	color: #E03F15;
	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 .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 0 0; text-align:center;
}

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

.mapCon iframe {
	border:0;
	margin: 0;
	padding: 0;
}

.mapCon .map{height:450px; 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 .left{text-align:center;  width:100%;}
.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*/

/*filter*/


.filter {
 	padding: 15px 15px; border:1px solid #ddd; margin-top: 10px;
 }
.filter .available {
	font-size: 14px;
	float: left;
	margin:5px 0 0 0;
}
.filter .btn-group {
	float: right;
}
.filter .btn-group .form-control {
	float: right; height: 36px !important; padding: 3px 10px; width: 200px;
 
}

.filter .btn-group .search{position: relative; margin-left: 10px; display: inline-block;}
.filter .btn-group .search .searchBtn{position: absolute; right: 0; border: 0; top:0; background: none;}
 
.filter .btn{height: 36px; line-height: 36px; margin-left: 10px;}

.reviewDetails{background: #f5f5f5; padding: 40px;}

@media screen and (max-width: 767px) {
    .filter .btn-group, .filter .available, .filter .btn-group .search, .filter .btn{
	float: none;  display:block !important; margin:5px 0;
}

.filter .btn-group .form-control {
	float: none;  padding: 3px 10px; width: 100%;
 
}
}

/*filter end*/


 

/*payment*/
.selectPayment{display: flex; flex-wrap: wrap;}
.selectPayment .cols{width:100%; border: 1px solid #ddd; padding: 10px 15px; margin-bottom: 10px;}
.selectPayment .cols input[type=checkbox], input[type=radio] {
      line-height: normal;  display: inline-block; margin-top: 4px;
}

.selectPayment .cols:hover{background: #f5f5f5;}

.selectPayment .cols label{margin-bottom: 0;}

.selectPayment input[type=radio]{margin-top: 3px;}

.thankYou{text-align: center; margin: 60px 0}
.thankYou h3{margin: 10px 0;}

/*payment end*/

.cmsArea ul.serviceList{margin: 20px -.5% 0 -.5% !important;}
.cmsArea ul.serviceList li{width: 48%; float: left; border:1px solid #ddd; padding: 10px 15px 10px 30px !important; margin: 5px .5%; font-weight: 600 ;}

.cmsArea ul.serviceList li:hover{background: #f5f5f5; border-left: 3px solid #E03F15;}

.cmsArea ul.serviceList li:before {
   content: "";
    background: url(../images/disc.svg) no-repeat left;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 18px;
    left: 15px;
}

@media screen and (max-width: 991px) {
    .cmsArea ul.serviceList li{width: 100%; float: left; border:1px solid #ddd; padding: 10px 15px 10px 30px !important; margin: 5px 0; font-weight: 600 ;}

}


.mediaObject{background: #fff; padding: 20px;}
.mediaObject h4{font-size:20px;}
.mediaObject p{font-size:16px; line-height: 22px; margin-top: 10px;}

.videoCon {
    margin-top: 40px;
}


.ui-widget-header{background:none !important; border:0 !important;}
.ui-datepicker{width:27em !important;}
.ui-widget.ui-widget-content{border:0 !important; box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.3); padding:15px !important;}

/* sitemap */
.sitemap{padding: 20px 0 0 0;}
.sitemap li{float: left; width: 49%; padding: 10px; list-style: none;
}

.sitemap li a{background-color: #fff; border: 2px solid #011D32; padding: 10px 15px; display: block; color: #011D32; text-decoration: none; -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}
.sitemap li a:hover{color:#fff; background: #E03F15; border-color: #E03F15;}


@media screen and (max-width: 991px) {
    .sitemap li{float: left; width: 50%; padding: 10px; list-style: none;
}}

@media screen and (max-width: 767px) {
    .sitemap li{float: left; width: 100%; padding: 10px 0; list-style: none;
}
}