@charset "utf-8";
/* CSS Document */

/****
 create by : 
 create date : 
 modified by :*****************/
 

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');
/*font-family: 'Roboto', sans-serif;*/

@import url('../fonts/geomanist-font.css');
/* font-family: 'Geomanist'; 100, 200, 300, 500, 900, bold,normal,
font-family: 'Geomanist Book';, font-family: 'Geomanist Ultra';*/ 

@import url('../fonts/Google-Sans-css.css');
/* font-family: 'Product Sans'; 300,400,500,700,900*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
 /*font-family: 'Montserrat', sans-serif;*/


body{ background:#fff; font-family: 'Geomanist';font-size:14px;color:#333;font-weight:normal;}

.container{ max-width:1280px;} 
@media only screen and (max-width : 1024px) {
.container{ width:100%!important;}	
	
}


.header-top-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-end; align-items: center; margin: 0px 0 0 0; font-family: 'Geomanist';} 
.header-top-row a{ padding: 0 10px; font-size: 13px; color: #fff; font-weight:normal; text-decoration: none; letter-spacing: 0.25px;} 
.header-top-row a:hover{color: #c8c8c8;} 
.header-top-row .top-col-1, .top-col-2{ padding: 2px 15px;} 

@media only screen and (max-width : 768px){ 		
.header-top-row{ display: none;}  	
}



.header-middle-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: center; margin: 0px 0 0 0; font-family: 'Product Sans';} 	

.header-nav{ background: transparent; padding: 5px 0;}  
.header-nav .border-line{ border-top: 0px dashed #dbdbdb; border-bottom: 0px dashed #dbdbdb;} 

.logo{ text-align:left; position: absolute; top:1px; z-index: 2; transition: top .25s ease-out;-webkit-transition: top .25s ease-out;}
.logo img{ width:auto; transition: top .25s ease-out; -webkit-transition: top .25s ease-out;}
 
@media only screen and (max-width : 1100px){
.logo{ text-align:left; position: absolute; top:26px; z-index: 2; transition: top .25s ease-out;-webkit-transition: top .25s ease-out;}	
.logo img{ width:70%!important;}  
}

@media only screen and (max-width : 960px){
.logo{ text-align:left; position: absolute; top:26px; z-index: 2; transition: top .25s ease-out;-webkit-transition: top .25s ease-out;}	
.logo img{ width:60%!important;}  
}


@media only screen and (max-width : 768px){
.logo{ text-align:right; position: relative; left: 0px;  top:0px; display: block;margin-left: auto; margin-right: auto;}	
.logo a{ justify-content: center;} 
.logo img{ width:70%!important;} 
.m-col-2:nth-of-type(2) { order: -1; }

.header-middle-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin: 0px 0 0 0; }
	
.header-nav{ background: #242a3a; padding: 0px 0;}  
.header-nav .border-line{ border-top: 0px dashed #dbdbdb; border-bottom:0px dashed #dbdbdb;} 
	
  	
}

@media only screen and (max-width : 575px) {
 .m-col-2:nth-of-type(2) { order: -1; }	
 .m-col-1:nth-of-type(1) { order: 2; }
 .m-col-3:nth-of-type(3) {display: none;}	
}

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

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

	 
}


/*--------------------------------------------------*/

.header-fixed { width: 100%; min-height: 120px;  z-index: 999;  transition: top .25s ease-out; border-bottom: 0px solid #ddd; border-top:0px solid #9b1b6a; position: fixed;}

.header-fixed.header-mini {position: fixed; top: 0; /*background: #fff;*/ -webkit-box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); min-height: auto; transition: top .25s ease-out; -webkit-transition: top .25s ease-out;}

.header-mini .header-top-row{ display: none;} 
.header-mini .header-nav{ background: #242a3a; padding: 0px 0;} 
.header-mini .header-nav .border-line{ border-top: none; border-bottom: none;}

.header-mini .logo{ position: relative; top:1px;}
.header-mini .logo img{ width: 70%!important; transition: top .25s ease-out;}
.header-mini .navbar-custom{ margin-top: 0px; border-bottom: 0px solid #ddd; }
.header-mini .nav-link { font-size: 17px;}
.header-mini .nav-link span{ font-size: 13px; } 

@media only screen and (max-width : 768px){
	
.header-fixed { position: relative; min-height:100%;}
.header-mini .logo img{ width: 60%!important; transition: top .25s ease-out;}	
	
}

@media only screen and (max-width :575px){
/*.header-fixed { width: 100vw; min-height: 85px;}*/
.header-fixed.header-mini { min-height: 50px!important;}
/*.header-mini .logo img{ width: 15%!important;}*/
	
}

/*---------------------------------------------------*/


/*-----------top navbar-----------------------------------------*/

.navbar-custom{padding:0px 0; margin:0px 0 0 0px; background:transparent!important; border-bottom: 0px solid #c8c8c8; position: relative;}
.navbar{padding: 0rem 0rem;;} 
.navbar-collapse {flex-direction:row-reverse!important;} 
.navbar-nav {margin: 0; padding:10px 0;}
.navbar-nav li{ position: relative; border-right:0px solid #c2c2c2;}
.navbar-nav li:last-child{border-right:0px;} 
.nav-link {display: block;padding: 5px 35px!important; font-family: 'Geomanist Book'; font-weight:normal; font-size: 18px; color:#fff; letter-spacing: -0.25px;text-transform: inherit; text-align: center;}
.nav-link:hover {color: #c8c8c8; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;background: transparent;} 
.nav-link span{ display: block; font-family: 'Geomanist'; font-weight:300; font-size: 14px; letter-spacing: -0.25px;margin-top: -5px;} 

.nav-link::after {background: transparent none repeat scroll 0 0; content: ""; display: block;
   height: 4px; width: 0; left: 0; position: absolute; bottom: -10px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scaleX(0); transform: scaleX(0); }
.nav-link:hover::after{background: #fff none repeat scroll 0 0; width: 100%;  transform: scaleX(1);}

 			 
.dropdown-menu { background: rgba(255, 255, 255, 0.9); min-width:250px !important; padding: 0px 0; margin-top:5px !important; border: 0px; border-top:4px solid #fff; border-radius: 0px;  }
.dropdown-item {display: block;width: 100%;padding: 10px 10px;background-color: transparent;border-bottom: 1px dashed #c8c8c8; font-family: 'Geomanist'; font-weight:500; font-size: 14px; color:#242a3a; text-transform:inherit; letter-spacing: 0.25px; }
.dropdown-item:hover{background-color: #242a3a;color:#fff;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; border-radius: 0px;} 
.dropdown.open>a:focus, .dropdown.open>a:hover { color: #c8c8c8; background-color:transparent !important;background-image:none;}


.dropdown .dropdown-menu {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;
 -o-transition: all 0.5s; transition: all 0.5s;  max-height: 0; display: block;  overflow: hidden;opacity: 0; }
.dropdown:hover .dropdown-menu { max-height: 400px; opacity: 1;}
.dropdown-toggle::after{ display: none;} 
 
/*mouse hover toggle*/
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown>.dropdown-toggle:active {pointer-events: none;}

@media only screen and (max-width : 1160px) {
.nav-link {padding: 0 30px!important; }	
}

@media only screen and (max-width : 1024px) {
.nav-link {padding: 0 20px!important; }	
}

@media (min-width: 800px) and (max-width: 960px) {
.nav-link { padding: 0px 15px!important;  font-size: 16px;}
.nav-link span{  font-size: 13px;} 	
}

@media only screen and (max-width : 768px){	
.navbar-custom{position: relative; left: 15px!important; border-bottom: 0px;}
.navbar{padding: 0rem!important;  width: auto;} 
.navbar-nav li{border-right:0px solid #ddd; border-bottom:1px solid #ddd;}
.nav-link { padding: 10px 15px!important; font-size: 18px; color:#242a3a;}
.nav-link:hover {color: #c8c8c8;}		
.nav-link::after{ display: none;} 
.nav-link span{  font-weight:normal; font-size: 14px; } 
	
.navbar-collapse { background: #fff; width: 99vw; height: 99vh;  position: absolute; left: -30px; right:0px; top: 50px;z-index: 2;} 		
.dropdown-item {padding: 7px 10px; text-align: center; color:#242a3a;}


/*------toggle nav bar-------*/	
.navbar-toggler-right {position: relative;right: 1rem; z-index: 1; bottom:0px;}
.navbar-toggler { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;
    padding: .15rem .55rem;font-size: 1.25rem; line-height: 1;   background: #242a3a; border: 1px solid transparent; border-radius: 0;}	
		
.navbar-toggler:focus,
.navbar-toggler:active {outline: 0; background: #242a3a;}
.navbar-toggler span { display: block; background-color: #fff;height: 3px;width: 25px; margin-top: 4px; margin-bottom: 4px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg); position: relative; left: 0;  opacity: 1;}	
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) {-webkit-transition: transform .35s ease-in-out;-moz-transition: transform .35s ease-in-out;-o-transition: transform .35s ease-in-out;transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) {position: absolute;left: 12px;top: 10px; -webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);    opacity: 0.9; background-color: #fff;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px;visibility: hidden;background-color: transparent; }
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);
opacity: 0.9;  background-color: #fff;}

	
.no-gutters-padding{ padding-right: 0px!important;  padding-left: 0px!important;}	
	
}

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

}

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

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

/*--------------navbar end-------------------------------------------------*/


/*-------------carousel-----------------------------------------------------*/

.slider{margin:0px 0 0px 0px;  border:0px solid #ddd;}
.carousel-indicators li {background-color: #131f37;}
.carousel-indicators .active {background-color: #131f37;}
.carousel-control-prev-icon { background-image: url(../images/left-arrow-bk.png);}
.carousel-control-next-icon { background-image: url(../images/right-arrow-bk.png);}
.carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block; width: 23px;  height: 42px; }

.carousel-caption {/*background: #fdd215;*/ position: absolute;right: 0%;bottom: 15%;left: 0%; z-index: 10;padding: 10px; text-align: center; border-left:0px solid #ffcd00;}
.carousel-caption h3{ margin:0px; color: #09454e; font-size: 30px; font-weight: 400;}
.carousel-caption h4{ margin:0px; color: #09454e; font-size: 50px; font-weight:800; letter-spacing: 1px; text-transform: uppercase;}
.carousel-caption h5{ margin:0px; color: #fff; font-size: 50px; letter-spacing: 0.50px; font-family: 'Geomanist'; font-weight:500; text-transform: inherit; line-height: 45px;}
.carousel-caption h5 span{  font-size: 50px; font-weight:normal; text-transform: inherit; display: block;}
.carousel-caption h6{ margin:0px; color: #fff; font-size: 26px; letter-spacing: 0.50px; font-family: 'Geomanist';  font-weight: normal; line-height: 33px; }
.carousel-caption p{ margin:5px 0; color: #fff; font-size: 17px;  letter-spacing: 0.25px; font-family: 'Merriweather Sans', sans-serif; text-align: left;}
.carousel-caption h3, h4, h5, h6, p{-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}

 

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

@media only screen and (max-width : 1024px) {
.carousel-caption h5{ font-size:40px!important;}
.carousel-caption h5 span{ font-size:40px!important;}	
.carousel-caption h6{ font-size:22px!important;}
.carousel-caption p{ font-size: 15px!important;;}
}

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

/*.carousel-caption { background: rgba(253, 210, 21, 0.6); position: absolute;right: 0%;bottom: 0%;left: 0%; z-index: 10;padding: 10px; text-align: center;}*/	
.carousel-caption h5{ font-size:30px!important;line-height: 30px;}
.carousel-caption h5 span{ font-size:30px!important;}	
.carousel-caption h6{ font-size:20px!important;}
.carousel-caption p{ font-size: 14px!important;;}	
}

@media only screen and (max-width : 575px) {
.carousel-control-prev-icon { display: none;}
.carousel-control-next-icon { display: none;}
.carousel-indicators li { display: none;} 
/*.carousel-caption {bottom: 0%;}	*/

.carousel-caption h5{ font-size:30px!important;line-height: 30px;}
.carousel-caption h5 span{ font-size:30px!important;}	
.carousel-caption h6{ font-size:20px!important;}
.carousel-caption p{ font-size: 13px!important;;}
	
	
}


@media only screen and (max-width : 480px) {
.slider{/*padding-top: 80px;*/ margin:0px 0 1px 0px;  border:0px solid #ddd;}
.carousel-caption {  position: absolute;right: 0%;bottom: 0%;left: 0%; z-index: 10;padding: 10px; text-align: center; border: 0px;}		
.carousel-caption h5{ font-size:26px!important;line-height: 28px;}
.carousel-caption h5 span{ font-size:26px!important;}	
.carousel-caption h6{ font-size:16px!important;}
.carousel-caption p{ font-size:13px!important;}	
 
	
}

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

 	
}



/*------------inner page banner----------------*/
/*.slider-1{margin:0px 0 0px 0px;  border:0px solid #ddd; max-height: 300px; overflow: hidden;}*/

.carousel-caption-1 {position: absolute; bottom: 15%;left:5%; right: 0%; z-index: 10;padding:3px 0px; color: #333; text-align: left;}
.carousel-caption-1 h2{ margin:0px!important; font-family: 'Geomanist'; font-weight: 500; color: #fff; font-size:30px; padding: 0px; text-transform: uppercase; }
.carousel-caption-1 h2 small { display: block; font-size: 22px;}
/*.carousel-caption-1 h2:after { content: ""; position: absolute; bottom:0px; left: 0%;  width:5%; height: 6px; background:#ffc90d;}*/
 

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

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

@media only screen and (max-width : 575px) { 
.carousel-caption-1 h2{ font-size:20px!important;}	
.carousel-caption-1 h2 small { font-size: 18px;}	
	
}


/*-------------------end carousel--------------------------------------------------*/
 
.section-1{ background: #e5e5e5;  margin:0px 0; padding: 60px 0px;}

.wel-section{display: flex; flex-direction: row; flex-wrap: nowrap; margin:0px 0; padding: 0 120px;} 

.wel-section .wel-col-1{ width: 50%; position: relative; padding: 0 20px;} 
.wel-section .wel-col-2{ width: 50%; position: relative; padding: 0 20px;} 

.wel-section .wel-col-1 img { width: 100%;}
.wel-outer-max{ max-height: 500px!important; overflow: hidden; }
.wel-img-max{ position: relative; width: 100%; height: 100%; overflow: hidden; transition: all 2s ease;} 
.wel-img-max:hover{transform: scale(1.2);}
 
.wel-text{padding:0px;} 
.wel-text p{font-family: 'Geomanist Book'; color: #666; font-size: 16px; font-weight:normal; letter-spacing:0.25px; line-height: 24px;  margin: 5px 0; text-align: left;}
.wel-text p strong {font-weight: 500;}


@media only screen and (max-width :1080px) {
.wel-section{display: flex; flex-direction: row; flex-wrap: nowrap; margin:0px 0; padding: 0 10px;}   
	
}

@media only screen and (max-width :800px) {
.section-1{ background: #e5e5e5;  margin:0px 0; padding:20px 0px;}	
.wel-section{  display: flex; flex-direction: column-reverse; flex-wrap: nowrap; margin:0px 0 0 0; padding: 10px;} 
.wel-section .wel-col-1{ width: 100%; padding: 5px 0;} 
.wel-section .wel-col-2{ width: 100%; padding: 5px 0;} 
}

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

@media only screen and (max-width :480px) {
 .wel-text p{ font-size: 15px; }
}


/*-------------------------------------------------------*/

.section-row{margin: 30px 0; display: flex; flex-direction: row; flex-wrap: nowrap; } 
.section-row .section-col-1 { width: 100%;} 
.section-row .section-col-2 { width: 45%;} 

.section-col-1{position: relative; padding:0px; } 

.section-col-2{ background: #242a3a; position: relative; padding: 40px 100px 40px 180px; }  
.section-col-2 p{ color: #fff; font-size: 15px; font-weight:normal; letter-spacing:0.25px; line-height: 24px;  margin: 10px 0;  text-align: justify;}

@media only screen and (max-width :1160px) {
.section-col-2{ background: #242a3a; position: relative; padding: 40px 20px 40px 180px; }
}

@media only screen and (max-width :1080px) {
.section-col-2{ background: #242a3a; position: relative; padding: 40px 20px 40px 130px; }
}

@media only screen and (max-width :800px) {
.section-row{margin:30px 0; display: flex; flex-direction: column-reverse; flex-wrap: wrap; } 
.section-row .section-col-1 { width: 100%;} 
.section-row .section-col-2 { width: 100%; min-height: 100%;}
.section-col-2{ background: #242a3a; position: relative; padding: 20px; }	
.section-col-1{position: relative; padding:0px; } 
.section-col-1-text{position: relative; left: 0%; right: 0%; padding:15px 0; z-index:1; }
	
}


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

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

 
	
}

/*-------------------------------------------------------*/

/*.owl-carousel .owl-item{min-height: 335px;}*/
.item-list{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 30px 0; font-family: 'Geomanist'; } 
.item-list .item{ margin: 0 10px;} 
.item-list .item-box{border: 0px solid #ddd!important; background: #fff; padding:0px;} 
.item-list .item-box a{ text-decoration: none; } 
.item-list .item-box h3{  text-align: center;color: #242a3a; font-size: 16px; font-weight:500; letter-spacing: -0.50px; text-transform: uppercase; margin: 15px 0 0 0;}
.item-list .item-box p{ text-align: justify;color: #666; font-size: 15px; font-weight: normal; line-height: 22px; letter-spacing: 0.25px; text-transform: inherit; margin: 4px 0;} 

/*.pro-box-img{height:300px; color: #fff; position: relative; overflow:hidden; border: 1px solid #ddd; } 
.pro-box-img img {position:absolute;text-align: center;padding: 0px; width: 100%; height: 100%;}
.pro-box-img figure img{width: 100%; height: 100%;position: absolute; transition: ease-in-out .5s;
-webkit-transition: ease-in-out .5s;-moz-transition: ease-in-out .5s;  -o-transition: ease-in-out .5s; }
.pro-box-img:hover figure img{transform: scale(3);-webkit-transform: scale(3);  -moz-transform: scale(3); -o-transform: scale(3); opacity: 0; }*/

.pro-box-img{/*max-height:300px;*/ color: #fff; position: relative; overflow:hidden; border: 0px solid #ddd; } 
/*.pro-box-img img {position:absolute;text-align: center;padding: 0px; width: 100%; height: 100%;}*/
.pro-box-img figure {padding: 0px;margin: 0px;} 
.pro-box-img figure img{width: 100%; height: 100%;position:relative; transition:all 2s ease;
-webkit-transition: all 2s ease;-moz-transition: all 2s ease;  -o-transition: all 2s ease; }
.pro-box-img-:hover figure img{transform: scale(1.5);-webkit-transform: scale(1.5);  -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 1; }
  
@media only screen and (max-width :800px) {
.item-list { margin: 0 0px;} 	
}

@media only screen and (max-width :575px) {
.item-list .item-box h3{font-size: 15px; }
}

@media only screen and (max-width :480px) {
.item-list div{ margin: 0 0px;} 	
/*.pro-box-img{ height: 400px;}*/
	
}

@media only screen and (max-width :375px) {
/*.pro-box-img{ height: 300px;}*/
	
}

@media only screen and (max-width :320px) {
/*.pro-box-img{ height: 300px;}*/
	
}
 
/* Float Shadow */
.hvr-float-shadow { display: inline-block; vertical-align: middle;
  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;
  position: relative;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform;  transition-property: transform;}
.hvr-float-shadow:before { pointer-events: none; position: absolute;  z-index: -1;  content: '';  top: 100%;
  left: 5%;  height: 10px;  width: 90%;  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform, opacity;  transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);  transform: translateY(-5px);  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;  -webkit-transform: translateY(5px);  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/*-------------------------------------------------------*/
.core-section{margin: 30px 0; width: 100%;  min-height:350px; position: relative; overflow: hidden;}

.core-section .core-inner{ position: absolute;  height: 100%; width: 100%;  -moz-transition: all 30s;
    -webkit-transition: all 30s;  transition: all 30s;  -moz-transform: scale(1,1);   -webkit-transform: scale(1,1);   transform: scale(1,1);	background:url(../images/bk-img-2.jpg) no-repeat;  background-attachment: fixed; background-size: cover;  background-position: center top;  z-index: -1;}

.core-section:hover .core-inner { -moz-transform: scale(2,2);  -webkit-transform: scale(2,2);transform: scale(2,2);} 

.core-row{ display: flex; flex-direction: row; flex-wrap: nowrap; font-family: 'Geomanist'; padding: 20px 0;} 
.core-row .core-col-1{ width: 100%;}  
/*.core-row .core-col-2{ width: 70%;margin-left: 20px;} */

.core-col-1 p{ color: #fff; font-size: 15px; font-weight:normal; letter-spacing:0.50px;  margin: 10px 0; }
.core-col-1 ul{list-style: none; padding: 0px;} 
.core-col-1 ul li{ color: #fff; font-size: 15px; font-weight:normal; letter-spacing:0.50px;  margin: 10px 0;}

.core-box{list-style: none; margin:0px 0; padding: 0 0 0 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  text-align: center; font-family: 'Geomanist'; } 
.core-box li{width: 25%;  margin: 10px 7px;}  
.core-box li h4{ margin: 7px 0; font-size: 20px; color: #fff; font-weight: 500; text-transform: uppercase;} 
.core-box li p{ margin: 2px 0 0 0; font-size: 16px; color: #fff; font-weight:normal; line-height:20px; letter-spacing: 0.50px;}
 
@media only screen and (max-width :1024px) {
.core-box li{width: 25%;  margin: 10px 7px;} 
}

@media only screen and (max-width :860px) {
.core-row{ display: flex; flex-direction: row; flex-wrap: wrap; padding: 20px 0;} 
.core-row .core-col-1{ width: 100%;}  
.core-row .core-col-2{ width: 100%;margin-left:0px;}
.core-box li{width: 50%;  margin: 10px 7px;} 	
}

@media only screen and (max-width :575px) {
.core-box li{width: 50%;  margin: 10px 7px;} 	
}


@media only screen and (max-width :480px) { 
 .core-box li{width: 100%;  margin: 10px 7px;} 
}


/*----------------------------------------------*/



.section-3{ margin: 20px 0 0 0; padding: 50px 0; display: flex; flex-direction: row; flex-wrap: nowrap;} 
.section-3 .article-1{ width: 60%; position: relative;} 
.section-3 .article-2{ width: 40%;} 

.section-3 h3{  font-family: 'Geomanist';font-size: 50px; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; margin:20px 0 30px 0;} 

.article-1 .contact-no{position: relative; text-align: center;} 
.article-1 .contact-no a{ text-decoration: none; display: block; font-family: 'Geomanist'; font-size: 32px; color: #fff; font-weight: normal;} 
.article-1 .contact-no a:hover{ color: #fff;} 
.article-1 img{ position: absolute; bottom: -10%;} 

@media only screen and (max-width :1024px) { 
.section-3 h3{ font-size: 35px; margin:20px 0 30px 0;} 	
.article-1 .contact-no a{  font-size: 24px;} 
}

@media only screen and (max-width :768px) {
 .section-3{ margin: 20px 0 0 0; padding: 30px 0; display: flex; flex-direction: row; flex-wrap: wrap;} 
.section-3 .article-1{ width: 100%; position: relative; margin-bottom: 30px;} 
.section-3 .article-2{ width: 100%; }
 .section-3 h3{ font-size: 35px; margin:0px 0 10px 0;} 	
.article-1 .contact-no a{  font-size: 24px;} 
 .article-1 img{ display: none;} 
	
}

@media only screen and (max-width :480px) {
  
 .section-3 h3{ font-size: 30px; margin:0px 0 10px 0;} 	
.article-1 .contact-no a{  font-size: 18px;} 
 
	
}


.any-query .form-control {display: block;width: 100%; height: 40px; padding: 6px 12px;font-family: 'Geomanist';font-size: 15px; font-weight: normal; letter-spacing: 0.20px; line-height: 1.42857143; color: #fff!important; border: 1px solid #fff; background:transparent;}
.any-query .form-group {margin-bottom: 20px;}
.any-query .form-control::-webkit-input-placeholder {color: #fff!important; font-size: 15px;}
.any-query .form-group label{ display: none;} 

.submit-link-1{ background:#f22020; padding:7px 35px;font-family: 'Geomanist';font-weight:500; font-size:20px;color:#fff; letter-spacing:0.5px; text-transform:uppercase; text-decoration:none; margin: 0px 0 0 0; display: inline-block;}
.submit-link-1:hover{ background:#131f37; color:#fff; text-decoration:none; -moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}

/*-----------------------------------------------------*/

.breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;padding: 10px 15px; margin: 10px 0; list-style: none; background-color: #fff;border-radius: 0; width:100%;}
.breadcrumb-item { text-decoration: none; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight:900; color: #333; text-transform: uppercase;}
.breadcrumb-item a{ text-decoration: none;  color: #333;} 

@media only screen and (max-width : 380px) {
 .breadcrumb-item { font-size: 11px; font-weight:700; }
 	
}

/*-------------------------------------------------------*/

.client-section{ display: flex; flex-direction: row; flex-wrap: nowrap;  align-items: center; font-family: 'Geomanist';}
.client-section .client-col-1{ width: 60%;}
.client-section .client-col-2{ width: 40%;}
 

@media only screen and (max-width : 768px) { 
.client-section{ display: flex; flex-direction: column-reverse; flex-wrap: wrap;}
.client-section .client-col-1{ width: 100%;}
.client-section .client-col-2{ width: 100%;} 	
}
 
@media only screen and (max-width : 575px) { 
 
}


.client-list{list-style: none; padding: 0px; display: flex; flex-direction:row; flex-wrap: wrap;} 
.client-list li{ width: 100%; margin: 0 2px; text-align: center;} 
.client-list li img{border: 1px solid #ddd; } 

@media only screen and (max-width : 768px) { 
.client-list{ margin: 20px 0;}  
}

@media only screen and (max-width : 480px) { 
.client-list li{ width: 100%;} 
}



.client-listing{list-style: none; padding: 0px; display: flex; flex-direction:row; flex-wrap: wrap; align-items: center!important;} 
.client-listing li{margin: 5px;   border: 1px solid #ddd;  } 
.client-listing li img{ } 

@media only screen and (max-width : 600px) { 
.client-listing li img{ height: 60px; } 
}

@media only screen and (max-width : 425px) {
.client-listing{list-style: none; padding: 0px; display: flex; flex-direction:row; flex-wrap:wrap; justify-content: space-around;  align-items: center!important;}
.client-listing li img{ height: 90px; } 
}

@media only screen and (max-width : 400px) { 
.client-listing li img{ height: 60px; } 
}


/*--------------------------------------------------------------*/

.about-box{ display: flex; flex-direction: row; flex-wrap: nowrap; margin: 10px 0 30px 0;transition: all 2s ease;} 
.about-box article{ width: 50%; position: relative;} 
.about-box article img { width: 100%;}
.about-outer-max{ max-height: 480px!important; overflow: hidden; }
.about-img-max{ position: relative; width: 100%; height: 100%; overflow: hidden; transition: all 2s ease;} 
.about-img-max:hover{transform: scale(1.2);}


.about-box .order-col-1{ order: 2} 
.about-box .order-col-2{ order: 1}
.about-box-left{ padding: 0 20px 0 50px;}  
.about-box-right{ padding: 0 50px 0 30px;}  
 
@media only screen and (max-width :900px) { 	
.about-box{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px 0;} 
.about-box article{ width: 100%!important; position: relative;}  
.about-outer-max{ max-height: 480px!important; overflow: hidden; }
.about-img-max{ position: relative; width: 100%; height: 100%; overflow: hidden; transition: all 2s ease;}   
.about-box .order-col-1{ order: 1} 
.about-box .order-col-2{ order: 2} 
	
.about-box-left{ padding: 15px;}  
.about-box-right{ padding: 15px;} 
	
}


.timeline {list-style: none; padding-left: 0; margin: 0; margin-bottom: 22.4px;  position: relative;
  padding-top: 5px; margin-left: 5px; }
.timeline:before, ul.timeline:after { content: " "; display: table; }
.timeline:after { clear: both; }
.timeline:before {  content: "";  position: absolute; display: block; width: 6px; right: 0; top: 0; bottom: 0;
    left: 0px; margin-left: -3px; background: #efefef; border-radius: 4px; }
.timeline li { position: relative; padding-left: 20px; margin: 30px 0; font-family: 'Product Sans'; font-size: 16px; color: #666!important; font-weight:400; letter-spacing: 0.50px;}
/*.timeline li:before {content: ""; display: block; width: 16px; height: 16px;border-radius: 100%; background: #136dd3; position: absolute; top: 10px; left: -8px; margin-top: -8px; border: 3px solid #fff; }*/
.timeline li:before {content: ""; display: block; width: 30px; height: 30px;  background:url(../images/anchor-icon.png) no-repeat; position: absolute; top: 10px; left: -15px; margin-top: -10px; border: 0px solid #fff; }
.timeline li strong {display: block; position: absolute; font-size: 17px; color: #333; }
.timeline li em { display: block; font-style: normal; padding-left: 90px; }



/*---------------------------------------------------------------*/

.section-2{ margin: 30px 0; } 

.text-content { text-align: left!important;font-family: 'Product Sans'; transition: all 0.5s ease;} 
.text-content p { text-align: left;font-size: 16px; color: #666!important; font-weight:400; letter-spacing: 0.50px; line-height: 24px; margin: 10px 0;}
.text-content p strong{ font-weight: 500;} 
 
.text-content ul{ list-style: none; padding: 0 0 0 15px; /*display: flex; flex-direction: row; flex-wrap: wrap;*/}
.text-content ul li{position: relative; padding-left: 20px; padding-bottom: 12px; color: #666!important; font-size: 16px; font-weight:400; line-height: 20px; letter-spacing: 0.25px;}
.text-content ul li:before {content: ""; display: block; width: 20px; height:20px;  background:url(../images/anchor-sm.png) no-repeat; position: absolute; top: 12px; left: -15px; margin-top: -8px; }

.text-content .onshore-list{position: relative; padding-left: 20px; padding-bottom: 12px; color: #666!important; font-size: 16px; font-weight:400; line-height: 20px; letter-spacing: 0.25px;}
.text-content .onshore-list li:before {content: ""; display: block; width: 20px; height:20px;  background:url(../images/star.png) no-repeat; position: absolute; top: 12px; left: -15px; margin-top: -8px; }

.text-content .li-list li{ width: 100%;}

.text-content h5{text-align: left;  font-size:20px; color: #242a3a; font-weight:500; line-height: 22px; letter-spacing: -0.25px;  text-transform: inherit; margin: 10px 0 10px 0; padding:0; position: relative;} 

.text-content h3{text-align: left;  font-family: 'Geomanist'; font-size:32px; color: #242a3a; font-weight:500; letter-spacing: -0.50px;  text-transform: inherit; margin:30px 0 20px 0; padding:0; position: relative;} 
 /*.text-content h3:after { content: ""; position: absolute; bottom:50%; left:0%;  width:100%;  height:1px; background:#ffb10b;} 
.text-content h3 span{background: #fff!important; padding: 0 20px 0 0; position: relative; z-index: 1;}*/ 


.text-content h4{position: relative; font-size:18px; color: #333; font-weight:700; letter-spacing: 0.25px; margin:0px 0; padding-left: 12px; transition: all 0.5s ease; text-align: left;} 
.text-content h4:before {content: ""; width: 0px; height: 0px; position: absolute;
 left: 0; top:4px; border-left: 7px solid #80910d; border-right: 7px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; transition: all 0.5s ease;}



@media only screen and (max-width : 575px) { 
 .text-content h3{  font-size: 22px;letter-spacing:inherit; } 
 .text-content h3:after { content: ""; position: absolute; bottom:-7px; left:0%;  width:100%;}  
	
}



.text-content .img-wrap-left{ float: left; margin:0 20px 20px 0;transition: all 0.5s ease;} 
.text-content .img-wrap-right{ float: right; margin:0 0px 20px 20px;transition: all 0.5s ease;} 

@media only screen and (max-width : 768px) {  
.text-content .img-wrap-left{ float: none; margin:0 0px 20px 0; width: 100%;} 
.text-content .img-wrap-right{ float: none; margin:0 0px 20px 0px; width: 100%;} 	
	
}

/*----------------------------------------------*/


.page-title{background-image: url(../images/page-title-01.jpg); background-position: center right;
    background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; min-height: 100px; display: flex; align-items: center; margin: 0 0 30px 0;} 

.page-title-1{background-image: url(../images/page-title-02.jpg); background-position: center right;
    background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; min-height: 100px; display: flex; align-items: center; margin: 0 0 30px 0;} 

.page-title-tx h2{text-align: left; font-family: 'Geomanist';  font-size: 30px; color: #242a3a; font-weight:500; letter-spacing: -0.50px; text-transform: inherit;margin: 0px 0; padding:0; position: relative; }
.page-title-tx h2 small{font-size: 30px; font-weight:normal; color: #20305a; display: block;} 

@media only screen and (max-width :480px) {  
.page-title{ padding: 7px; min-height: 100%;margin: 0 0 30px 0;} 
.page-title-1{ padding: 7px; min-height: 100%;margin: 0 0 30px 0;} 	
.page-title-tx h2{font-size:24px; }
.page-title-tx h2 small{font-size: 24px; display: block;}
}


/*-----------------------------------------------------------------*/

 .listing-link ul{ margin: 30px 0; list-style: none; padding: 0 0 0 15px; display: flex; flex-direction: row; flex-wrap: wrap;}
.listing-link ul li{ width: 50%; position: relative; padding-left: 15px; padding-right:30px; padding-bottom: 15px; font-family: 'Product Sans'; color: #666!important; font-size: 16px; font-weight:400; line-height: 22px; letter-spacing: 0.25px;}
.listing-link ul li:before {content: ""; display: block; width: 20px; height:20px;  background:url(../images/anchor-sm.png) no-repeat; position: absolute; top: 12px; left: -15px; margin-top: -8px; }
.listing-link ul li a{ text-decoration: none; color: #666!important; transition: all 0.5s ease;}
.listing-link ul li a:hover{color:#000;}
.listing-link ul li:hover{-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s; padding-left:20px;}

@media only screen and (max-width :575px) {  
.listing-link ul{ margin: 30px 0; list-style: none; padding: 0 0 0 15px; display: flex; flex-direction: column; flex-wrap: wrap;}
.listing-link ul li{ width:100%; position: relative; padding-left: 15px; padding-right:30px; padding-bottom: 15px; font-family: 'Product Sans'; color: #666!important; font-size: 16px; font-weight:400; line-height: 22px; letter-spacing: 0.25px;}
}


/*-----------------------------------------------------*/

.section-4{margin:10px 0 50px 0;} 

.pro-listing{display: flex; flex-direction: row; flex-wrap: nowrap; margin:0px 0; padding: 0px;} 

.pro-listing .pl-col-1{ width: 50%; position: relative; padding: 0 20px;} 
.pro-listing .pl-col-2{ width: 50%; position: relative; padding: 0 20px;} 

.pro-listing .pl-col-2 img { width: 100%;}
.pl-outer-max{ max-height: 500px!important; overflow: hidden; border: 0px solid #ddd;}
.pl-img-max{ position: relative; width: 100%; height: 100%; overflow: hidden; transition: all 2s ease;} 
.pl-img-max:hover{transform: scale(1.2);}

.pro-img-list{}  


.pro-title-1{ text-align: left; font-family: 'Geomanist';} 
.pro-title-1 h3{text-align: left;   font-size: 26px; color: #242a3a; font-weight:500; letter-spacing: -0.25px; text-transform: inherit;margin: 0px 0; padding:0; position: relative;} 
.pro-title-1 h3:after { content: ""; position: absolute; bottom:15px; right: 0%; left: 0%; width:60%; height: 1px; background:#b4b4b4;}
.pro-title-1 span{ position: relative; padding:0 20px 0 0; background: #fff!important;z-index: 2;}


@media only screen and (max-width :768px) {  
.pro-title-1 h3{text-align: left;   font-size: 26px; color: #242a3a; font-weight:500; letter-spacing: -0.25px; text-transform: inherit;margin: 0px 0; padding:0; position: relative;} 
.pro-title-1 h3:after { content: ""; position: absolute; bottom:15px; right: 0%; left: 0%; width:100%; height: 1px; background:#b4b4b4;}
	
.pro-listing{display: flex; flex-direction: column; flex-wrap: nowrap; margin:0px 0; padding: 0px;} 
.pro-listing .pl-col-1{ width: 100%; position: relative; padding: 0 0px;} 
.pro-listing .pl-col-2{ width: 100%; position: relative; padding: 0 0px;} 	
	
 
}


@media only screen and (max-width :575px) {  
.pro-title-1 h3{ font-size: 22px; margin-bottom:15px;} 
.pro-title-1 h3:after { content: ""; position: absolute; bottom:-7px; right: 0%; left: 0%; width:100%; height: 1px; background:#ddd;}
 
}




/*----------------------------------------------------*/
.outer-max{height: 480px!important; overflow: hidden;  border-radius: 10px; margin: 0 0 30px 0;}
.img-max{ position: relative; width: 100%; height: 480px; overflow: hidden; background-repeat: no-repeat!important; background-position: center center!important;  background-size: cover!important; transition: all 2s ease;} 
.img-max:hover{transform: scale(1.2);}

.outer-min{height: 220px!important; overflow: hidden;  border-radius: 10px; margin: 0 0 30px 0;}
.img-min{ position: relative; width: 100%;  height: 250px; background-repeat: no-repeat!important; background-position: center center!important;  background-size: cover!important; transition: all 2s ease;} 
.img-min:hover{transform: scale(1.2);}

 
.gallery{padding: 30px 0 0 5px; display: flex; flex-direction: row; flex-wrap: wrap;}
.gallery  li{  margin:0 10px 10px 10px; list-style:none; position: relative;  width: 40.33% !important;  border:1px solid #ddd;} 
.gallery  li a{ text-decoration:none;}
.gallery  li a img{ max-width: 100%; }
.gallery  li a img:hover{transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;   opacity:0.5;}


  
/*-------------------------------------------------------------*/

.pro-item-list{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 30px 0;  font-family: 'Product Sans'; } 
.pro-item-list .pro-item-col{ margin: 0 30px 60px 0; width: 30%;} 
.pro-item-list .pro-item-box{border: 0px solid #ddd!important; background: #fff; padding:0px;} 
.pro-item-list .pro-item-box a{ text-decoration: none; } 
.pro-item-list .pro-item-box h3{font-family: 'Geomanist';   text-align: left;color: #242a3a; font-size: 16px; font-weight:500; letter-spacing: -0.10px; text-transform: inherit; margin:0px 0 0 0; width: 60%;}
.pro-item-list .pro-item-box p{ text-align: left;color: #666; font-size: 15px; font-weight: normal; line-height: 20px; letter-spacing: 0.25px; text-transform: inherit; margin: 4px 0;} 
.pro-item-list .pro-item-box span{ text-align: left;color: #ff5a00; font-size: 16px; font-weight: 700;  margin: 4px 0;} 
.pro-item-list .pro-item-box span:after{ content: url(../images/arrow-1.jpg); padding-left: 7px; }
.pro-item-list .pro-item-box span:hover{padding-left: 10px; transition: all 0.5s ease;}

.pro-item-img{/*max-height:300px;*/ color: #fff; position: relative; overflow:hidden; border: 0px solid #ddd; } 
/*.pro-box-img img {position:absolute;text-align: center;padding: 0px; width: 100%; height: 100%;}*/
.pro-item-img figure {padding: 0px;margin: 0px;} 
.pro-item-img figure img{width: 100%; height: 100%;position:relative; transition:all 2s ease;
-webkit-transition: all 2s ease;-moz-transition: all 2s ease;  -o-transition: all 2s ease; }
.pro-item-img:hover figure img{transform: scale(1.5);-webkit-transform: scale(1.5);  -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 1; }


.imgWrapper { position: relative;}
.imgWrapper:before { content: ''; position: absolute; left: 0; bottom: 0; width: 70%; height: 20px;  background: #fff;}
.imgWrapper:after { display: block; content: ""; position: absolute; width:20px; height: 20px; background: #fff;  transform: skew(30deg);  bottom: 0; left: calc(70% - 7px);}

@media only screen and (max-width :920px) {  
.pro-item-list .pro-item-col{ margin: 0 20px 40px 0; width: 30%;} 
}

@media only screen and (max-width :768px) {  
.pro-item-list .pro-item-col{ margin: 0 20px 40px 0; width: 46%;} 
}

@media only screen and (max-width :768px) {  
.pro-item-list .pro-item-col{ margin: 0 0px 40px 0; width: 100%;} 
}




/**-------------------------------------------------------**/

  
.heading-title h1{position: relative; font-family: 'Bree Serif', serif; font-size: 24px; color: #333; font-weight:400; text-transform: uppercase; letter-spacing: 0.20px; margin:15px 0; padding-left: 22px; transition: all 0.5s ease; text-align: left;} 
.heading-title h1:before {content: ""; width: 0px; height: 0px; margin:5px 0 0 0; position: absolute;
  left: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 11px solid #15a0be; border-bottom: 11px solid #15a0be; transition: all 0.5s ease;}
 

.heading-title h3{text-align: left;  font-family: 'Geomanist'; font-size: 36px; color: #242a3a; font-weight:bold; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 30px 0; padding:0; position: relative;} 
.heading-title h3 small{font-size: 36px; font-weight: 400; }
.heading-title h3:after { content: ""; position: absolute; bottom:-7px; left: 0%;  width:10%;  height:4px; background:#242a3a;} 

.heading-title h4{text-align: left; font-size:36px; color: #242a3a; font-weight:500; letter-spacing: -0.25px; text-transform: inherit;margin: 40px 0; padding:0; position: relative;} 
 


.heading-title-1{ text-align: left; font-family: 'Geomanist'; margin-bottom: 10px;} 
.heading-title-1 h2{text-align: left;   font-size: 50px; color: #242a3a; font-weight:bold; letter-spacing: 0.25px; text-transform: uppercase;margin: 0px 0; padding:0; position: relative; }
.heading-title-1 h2 small{font-size: 36px; font-weight:normal; display: block; margin-bottom: -10px;}  
 

.heading-title-2{ text-align: center; font-family: 'Geomanist'; margin-bottom: 10px;} 
.heading-title-2 h2{text-align: center;   font-size: 50px; color: #242a3a; font-weight:bold; letter-spacing: -1px; text-transform: uppercase;margin: 0px 0; padding:0; position: relative; }
.heading-title-2 h2 small{font-size: 36px; font-weight:normal; display: block; margin-bottom: -10px;}    
.heading-title-2 span{ position: relative; padding: 0px; text-align: center;  font-size:30px; color: #242a3a; font-weight:normal; letter-spacing: -0.50px; text-transform: inherit; background: transparent;}




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

@media only screen and (max-width : 768px) {	
 
  
.heading-title-1 h2{font-size: 40px; }
.heading-title-1 h2 small{font-size: 30px;}  	

.heading-title-2 h2{ font-size: 30px;}
.heading-title-2 h2 small{ font-size: 30px;}  
/*.heading-title-2 h2:after { content: ""; position: absolute; bottom:-10px; right: 0%; left: 0%; width:100%; height: 1px; background:#b4b4b4;}*/
.heading-title-2 span{  font-size: 18px; }	
	
	
.heading-title h4{ font-size:30px;  margin: 20px 0;} 	
	
}

@media only screen and (max-width : 575px) {	
	
.heading-title-1 h2{font-size: 35px; }
.heading-title-1 h2 small{font-size: 30px;}  
	
	
.heading-title-2 h2{font-size: 26px; }
.heading-title-2 h2 small{font-size: 26px;} 
.heading-title-2 span{  font-size: 18px;} 


.heading-title h1:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #15a0be; border-bottom: 8px solid #15a0be;}	
.heading-title h1{  font-size: 20px;padding-left: 18px;}  	
	
.heading-title h3{  font-size: 30px;} 
.heading-title h3 small{font-size: 30px;}
.heading-title h3:after { content: ""; position: absolute; bottom:-7px; left: 0%;  width:30%;  height:3px; background:#242a3a;} 
	
.heading-title h4{ font-size:32px;  margin: 40px 0 30px 0;} 	
 
	
}

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

.heading-title-1 h2{font-size: 30px; }
.heading-title-1 h2 small{font-size: 30px;} 	
 
.heading-title h3{  font-size: 26px;} 
.heading-title h3 small{font-size: 26px;}	
 
}
 

/*------------------------------------------------------*/

.sub-links{ margin: 20px 0 60px 0;} 
.sub-links a{ display: block; text-align: right; padding: 7px 12px 7px 0px;  font-family: 'Geomanist'; font-size:16px; color: #242a3a; font-weight:500; letter-spacing: -0.25px;  text-transform: uppercase; text-decoration:none;  border-right: 1px solid #242a3a;} 
.sub-links a:after{ content: ""; position: absolute;  padding:12px 10px 12px 0;}
.sub-links a:hover:after{content: ""; border-right: 4px solid #242a3a; } 
.sub-links a:hover{ color: #024d9e;transition: all 0.5s ease;} 
.sub-links .active{color:#ff0000;} 

@media only screen and (max-width :768px) {
.sub-links{ margin: 20px 0 30px 0;} 
.sub-links a{ display: block; text-align: left; padding: 7px 0px;   font-size:15px;  border-right: 0px solid #242a3a; border-bottom: 1px solid #ddd;} 
.sub-links a:after{ display: none;}	
}

/*-----------------------------------------------------------------*/
 
 
.contact-info{ text-align:center;font-family: 'Geomanist'; margin:0px 0 10px 0; padding: 15px; border: 0px solid #ddd;}
.contact-info ul{list-style: none; padding: 0px;}
.contact-info ul li{ /*display: flex;*/ margin: 0 0 0px 0; padding:15px 0; border-bottom: 1px solid #ddd;}
.contact-info ul li div{ padding: 0 15px;} 
.contact-info ul li h3{font-size: 18px; color: #242a3a; font-weight: 500; margin: 10px 0 0 0; padding:0;  }
.contact-info ul li h4{ font-size:21px; font-weight: 500; color:#242a3a; margin:0px 0 10px 0; letter-spacing: 0.25px; text-transform: uppercase;}
.contact-info ul li p{ font-family: 'Product Sans';  color:#666; font-size:16px; font-weight:normal; margin:0px 0; padding: 0px 0; letter-spacing: 0.20px;}
.contact-info ul li p a{ color:#666; margin:0 0 15px 0;}

.contact-info h4{ font-size:22px; font-weight:500; color:#242a3a; margin:15px 0; letter-spacing: 0.25px;}

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

@media only screen and (max-width : 480px) { 
 .contact-info{ padding: 0px;}
.contact-info ul li div{ padding: 0 0px;} 	
}


/*---------------------------------------------------*/ 

.form-control {display: block;width: 100%; height: 40px; padding: 6px 12px;font-family: 'Geomanist'; font-size: 14px; font-weight:normal; letter-spacing: 0.20px; line-height: 1.42857143;color: #525151; border: 1px solid #ddd;}
.form-group {margin-bottom: 10px;}
.form-group label{ font-family: 'Geomanist'; font-size: 15px; font-weight:500; margin-bottom: 5px;} 
.checkbox-inline, .radio-inline{ font-weight: 400!important; font-size: 15px!important;} 
.form-group a{ font-weight: 400!important; font-size: 14px; text-decoration: underline; color: #333;} 
.form-group img{border: 0px dashed #ddd; } 
.radio label{ font-weight: 400!important; font-size: 14px;}
.submit-link{ background:#131f37; padding:7px 25px; font-family: 'Geomanist';font-weight:500; font-size:20px;color:#fff; letter-spacing:0.50px; text-transform:uppercase; text-decoration:none; margin: 5px 0 0 0; display:inline-block; width: auto; border-radius: 0px;}
.submit-link:hover{ background:#000; color:#fff; text-decoration:none; -moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}
.red-color{ color: #fb2104; font-weight: 700;}

/*--------------------------------------------------------------------*/


.modal-content { width: 100%;pointer-events: auto; background-color: #fff; background-clip: padding-box;
  border: 0px;  border-radius: 0; outline: 0;padding: 10px;}
.modal-header {padding: 2px; border-bottom: 0px solid #e9ecef;}
.modal-body {padding: 0px 10px 10px 10px;}
.close {font-size: 2rem; font-weight: 700; line-height: 1; color: #000;opacity: .9;}

 .message { text-align: center;font-family: 'Product Sans'; color: #666;} 
.message h2{ font-size: 28px; padding: 40px;}
.message a{ font-size: 16px; color: #666; border: 1px solid #ddd; border-radius: 4px; padding: 7px 15px; text-decoration: none;}

 
/*----------------------------------------------------------*/  

.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto ;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0);transform: translate(100%,0);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);flex-flow: column;}
.modal-dialog-slideout .modal-content{border: 0;}
@media (max-width: 576px){
.modal-dialog.modal-dialog-slideout {width: 80%}
}
@media (max-width: 425px){
.modal-dialog.modal-dialog-slideout {width: 100%}
}


/*---------------------------------------------------*/
.table{font-family: 'Product Sans';} 
.table thead th{ font-size: 15px; color: #666; text-transform: uppercase;}
.table td{ font-size: 15px; color: #666!important; font-weight: 400;  letter-spacing: 0.25px;}
.table td, .table th {padding: .50rem;}

.anchor{display: block;height: 60px;margin-top: -60px; visibility: hidden;}


/*------------------------------------------------------------*/

.footer{ background:#131f37; margin: 30px 0 0 0; padding:30px 0 0 0; border-top:0px solid #ffcd00;font-family: 'Geomanist'; width: 100%; position: relative;}

.footer-col{ display: flex;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 2; margin: 0 20px;} 
.footer-col .ft-col-2{width:15%;}
 

.footer h4{ font-family: 'Geomanist';  font-weight:500; color:#fff; font-size:19px;  margin:10px 0; text-transform:uppercase; letter-spacing: 0.50px;}
 
.footer p{ font-weight:400; color:#fff; font-size: 15px!important; text-decoration:none; letter-spacing: 0.50px;}
.footer p a{ color:#fff;}
.footer p strong{ font-size: 18px;font-weight:500;}

.footer_links { padding:0px 0 0 0; font-family: 'Geomanist Book';}
.footer_links ul { list-style:none; padding:0px 0 0px 0px; text-align:left;}
.footer_links li{ padding:5px 0 ; margin:0px; border-bottom: 1px dashed #24365b;}
.footer_links li a{font-weight:normal; color:#fff; font-size: 14px!important;  text-decoration:none; letter-spacing: 0.50px;}
.footer_links li a:hover{ color:#c8c8c8;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s; padding-left:5px;}
.border-right{ border-right:1px dashed #19406f; min-height:280px;}

.footer_links .links-list li{ float:left; width:48%;}

.footer_bottom { margin: 10px 0 0 0; padding:10px 0px;  background-color:#0f1b32; border-top:0px solid #922367;}
.footer_bottom-in{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} 
.footer_bottom p{ text-align: right;font-family: 'Geomanist'; font-size:13px!important; font-weight:300; color:#fff!important;  text-decoration:none; margin: 0px;}
.footer_bottom p a{ color:#fff!important;}


@media only screen and (max-width : 1024px) {
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 2; margin: 0 15px;} 	
.footer_links .links-list li{ float:none; width:100%;}
.footer-col .ft-col-2{width:auto;}	
}

@media (min-width: 768px) and (max-width: 991.98px) {
.footer-col{ display: flex;flex-wrap: wrap;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 2; margin: 0 15px;} 
.footer-col .ft-col-2{width:auto;} 
.footer-col .ft-col-3{width:auto;} 
}

@media only screen and (max-width : 768px){ 	
.footer-col{ display: flex;flex-wrap: wrap!important;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 3; margin: 0 15px;} 
.footer-col .ft-col-2{width:auto;} 
.footer-col .ft-col-3{width:auto;} 	
}

@media only screen and (max-width : 575px) {
.footer_links .links-list li{ float:none; width:100%;}
.footer_bottom p{ text-align: center;}	
}

 @media only screen and (max-width : 480px) { 	 
.footer-col{ display: flex; flex-direction: column;flex-wrap: wrap!important; align-items: flex-start;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 0; margin: 0 0px; width: 100%; } 
.footer-col .ft-col-2{width:100%;} 
.footer-col .ft-col-3{width:100%;} 
 
	 
}
 

/*-------------------------------------------*/

.social-icon { text-align:right; margin:0px 0 0 0; padding:2px 0; border-bottom: 0px solid #d4d1d1;}
.social-icon:after { content:""; clear:both; display: block}
.social-icon li {padding:2px; display:inline-block; text-align:right; margin-top:0px;color:#7d7d7d; line-height:20px; border-right: 0px solid #ddd;}
.social-icon li a { display:inline-block; width:25px; height:25px; line-height:20px !important; text-align:center; text-decoration:none; font-size:14px; font-weight: 400;  padding:4px; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:30px; color:#fff; background: transparent;}
.social-icon li a:hover{border-radius:30px; background:#000; color:#fff !important;}
.social-icon small{ font-family: 'Product Sans'; font-size: 12px;  color: #505b6c; font-weight: 900; text-transform: uppercase;} 


.social-icon-1 { text-align:left; margin:0px 0 0 0; padding:0px; border-bottom: 0px solid #d4d1d1;}
.social-icon-1:after { content:""; clear:both; display: block}
.social-icon-1 li {padding:1px; display:inline-block; text-align:right; margin-top:0px;color:#7d7d7d; line-height:20px; border-right: 0px solid #ddd;}
.social-icon-1 li a { display:inline-block; width:30px; height:30px; line-height:20px !important; text-align:center; text-decoration:none; font-size:20px; margin-right:0px !important; padding-top:4px; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:0px; /*background:#fff;*/ color:#fff;}
.social-icon-1 li a:hover{border-radius:30px; background:#000; color:#fff !important;}


@media only screen and (max-width : 1024px) {	
.social-icon li {padding:0px; }
.social-icon li a { width:22px; height:22px;font-size:15px;}
	
}

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


/***back to top ------------------------*/
.cd-top { display: inline-block; height: 30px; width: 30px; position: fixed;  bottom: 40px;  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background: rgba(158, 179, 20, 8)  url(../images/cd-top-arrow.png) no-repeat center 50%;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;}  
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}  
.cd-top.cd-is-visible { visibility: visible;  opacity: 1;}
.cd-top.cd-fade-out { opacity: .8;}  
.no-touch .cd-top:hover {  background-color: #223369;  opacity: 1;}

 /*-------------------------------------------*/
 
 




/*--------------------------------------*/

.mg-both{ margin:30px 0 30px 0;}
.mg-top-20{ margin-top:20px;}
.mg-top-30{ margin-top:30px;}
.mg-top-50{ margin-top:50px;}
.mg-bottom-30{ margin-bottom:30px;}
.mg-bottom-20{ margin-bottom:20px;}
.divider10{ height:10px;}
.divider20{ height:20px;}
.divider30{ height:30px;}
.divider50{ height:50px;}
.divider80{ height:80px;}
.divider120{ height:120px;}






/* Large Devices, Wide Screens */
@media only screen and (min-width : 1460px) {
	
}

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

}

 
 /* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
	
}

/* Small Devices, Tablets */ 
@media only screen and (max-width : 768px){

}


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

}

/* Extra Small Devices, Phones */ 
 @media only screen and (max-width : 480px) { 
	 
}
/* Custom, iPhone Retina */ 
 @media only screen and (max-width : 320px) {
 
}
/* Custom, */ 
 @media only screen and (max-width : 360px) {

}