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

/****
 create by :ashok shedge
 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/ITCAvantGardeStd.css');

@import url('../fonts/Google-Sans-css.css');
/* font-family: 'Product Sans'; 300,400,500,700,900*/
@import url('https://fonts.googleapis.com/css?family=Arvo:700');
/*font-family: 'Arvo', serif;*/

body{ background:#fff; font-family: 'Product Sans';font-size:14px;color:#333;font-weight:400;}

.container{ max-width:1280px;}


/*.header{ margin:0px 0 40px 0; }*/
.logo{ text-align:left;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; position: relative; z-index: 2;}
.logo img{ width:55%; transition: all 0.5s ease;}

.top-header{ background:transparent; padding:0px 0 0 0; }

.top-strip{ display: flex; justify-content: flex-end; flex-wrap: wrap;border-bottom:0px solid #ddd;-webkit-transition: all 0.3s;  transition: all 0.3s;} 
.top-strip div{ margin: 5px 0; padding: 0 15px; border-right: 1px solid #ddd; } 
.top-strip div:last-child{border: none!important;} 

.top_cont{ padding:5px 0 7px 0; margin-top:0px; text-align:left; /*display: flex; flex-direction:row;*/}
.top_cont a{ text-decoration:none; padding:0 0px; font-family: 'Product Sans'; color:#666;font-size:17px!important; font-weight:400;  }
.top_cont a:hover{ color:#666;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.top_cont p{ display: block; margin:0 0 5px 0; font-family: 'Product Sans'; color:#89991e!important; font-size:17px!important; font-weight:400; text-transform: uppercase;}



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

@media only screen and (max-width : 768px){ 	
/*.logo{ text-align:left;display: flex;flex-direction: column;}*/
.logo a{ justify-content: center;} 
.logo img{ width:auto!important;}
.logo a .logo-1{ width: 100%;} 
	
.top-strip{margin-bottom: 0px; border-bottom: 0px; display: none; justify-content:center; flex-wrap: wrap;} 
.top_cont p, .top_cont a{ font-size:13px!important;}


}

@media only screen and (max-width : 575px) {
.logo img{ width:60%!important;}
.top-strip{margin-bottom: 0px; border-bottom: 0px; display: none; justify-content:center; flex-wrap: wrap;} 
.top-strip div{ margin: 0px 0!important; padding: 0 5px!important; border-right: 0px solid #ddd; } 

.top_cont{ display: flex; flex-direction:row!important; justify-content:center;flex-wrap: wrap;}
.top_cont p, .top_cont a{ font-size:12px!important;}
}

 @media only screen and (max-width : 480px) { 
.logo img{ width: 70%!important;}	
	 
}

@media only screen and (max-width : 360px) { 
.logo img{ width: 80%!important;}	
	 
}


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

header {width: 100vw;/*min-height: 93px;*/background: #fff;margin:0px 0 0px 0;}

.header-fixed { width: 100vw; min-height:inherit; background:#fff; position: fixed; z-index: 9999;  -webkit-transition: all 0.3s;  transition: all 0.3s;}

.header-fixed.header-mini {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: 85px!important;}

.header-mini .top-strip{ display: none;} 
/*.header-mini .top_cont{ display: none;}
.header-mini .social-icon{ display: none;}*/
.header-mini .logo img{ width: 60%!important;}
.header-mini .navbar-custom{border-top: 0px solid #ddd; }

@media only screen and (max-width : 768px){
	
/*.header-fixed { position: relative; height:100%;}	*/
header {height: 100%;margin:0px 0 0px 0;}	
	
}

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

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


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

.navbar-custom{padding:0px 0; margin:0px 0 0 0; background:transparent!important; /*min-height: 45px;*/border-top: 0px solid #ddd; }
.navbar{padding: 0rem 0rem;;} 
.navbar-collapse {flex-direction:row-reverse!important;} 
.navbar-nav {margin: 0; padding:0px 0;}
.navbar-nav li{ position: relative; border-bottom:1px solid #3786b9; }
.navbar-nav li:last-child{border-bottom:0px;} 
.nav-link {display: block;padding: 10px 25px!important; font-family: 'Roboto', sans-serif; font-size: 15px; color:#c0e3fa; font-weight:500; letter-spacing: 0.50px;text-transform: uppercase;}
.nav-link:hover {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;background: #065182;} 


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


			 
.dropdown-menu { background: rgba(158, 179, 20, 0.9); min-width:250px !important; /*max-width: 100%;*/ padding: 0px 0; margin-top:1px !important; border: 0px; border-radius: 0px;}
.dropdown-item {display: block;width: 100%;padding: 5px 10px;background-color: transparent;border-bottom: 1px dashed #7b8c0e;font-family: 'Roboto', sans-serif; font-size: 15px; color:#313800; text-transform:inherit; letter-spacing: 0.25px;}
.dropdown-item:hover{background-color: #81930d;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;} 
.dropdown.open>a:focus, .dropdown.open>a:hover { color: #fff; background-color:#9eb314 !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: 300px; opacity: 1;}
.dropdown-toggle::after{ display: none;} 
 
/*mouse hover toggle*/
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown>.dropdown-toggle:active {pointer-events: none;}



.navbar-collapse { background: #0071bb; width:300px;   position: absolute; right: -50px; top: 70px;z-index: 2;}

/*------toggle nav bar-------*/	
.navbar-toggler-right {position: absolute; top:15px; right:0px; z-index: 1; }
.navbar-toggler { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;
    padding: 1rem ;font-size: 1.25rem; line-height: 1;   background: #0071bb; border: 1px solid transparent; border-radius: 0;}			
.navbar-toggler:focus,
.navbar-toggler:active {outline: 0; background: #0071bb;}
.navbar-toggler span { display: block; background-color: #fff;height: 4px;width: 35px; 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: 15px;top: 20px; -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: 15px;top: 20px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);
opacity: 0.9;  background-color: #fff;}	


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


	
}

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

.navbar-collapse {  width:300px;   position: absolute; right: -50px; top: 50px;z-index: 2;}
.navbar-toggler-right {position: absolute; top:5px; right:0px; z-index: 1; }
	
.navbar-toggler { padding: 0.70rem ;font-size: 1.25rem; }
.navbar-toggler span { display: block; background-color: #fff;height: 4px;width: 35px; margin-top: 4px; margin-bottom: 4px; }
.navbar-toggler:not(.collapsed) span:nth-child(1) {position: absolute;left: 10px;top: 15px; }
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 10px;top: 15px;}	
	
}

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



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

.navbar{padding: 0rem!important;  width: auto;} 
.nav-link { font-size: 14px;}


.dropdown-item {padding: 5px 10px; font-size: 14px; color:#2f3604; letter-spacing: 0.25px;}
.dropdown-item:hover{background-color: #81930d;color:#fff;}	

	
.navbar-collapse {  width:300px;   position: absolute; right: -50px; top: -35px;z-index: 2;}
.navbar-toggler-right {position: absolute; top:-80px;  right:0px; z-index: 1; }
	
.navbar-toggler { padding: 0.70rem ;font-size: 1.25rem; }
.navbar-toggler span { display: block; background-color: #fff;height: 4px;width: 35px; margin-top: 4px; margin-bottom: 4px; }
.navbar-toggler:not(.collapsed) span:nth-child(1) {position: absolute;left: 10px;top: 15px; }
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 10px;top: 15px;}	
	
/*------toggle nav bar-------*/	
/*.navbar-toggler-right {position: absolute;right: 1rem; z-index: 1; bottom:45px;}
	
.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: #6e7e06; border: 1px solid transparent; border-radius: 0;}			
.navbar-toggler:focus,
.navbar-toggler:active {outline: 0; background: #6e7e06;}
.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){	
.navbar-collapse {  width:300px;   position: absolute; right: -50px; top: -30px;z-index: 2;}
.navbar-toggler-right {position: absolute; top:-60px;  right:0px; z-index: 1; }
	
.navbar-toggler { padding: 0.25rem 0.50rem ;font-size: 1.25rem; }
.navbar-toggler span { display: block; background-color: #fff;height: 3px;width: 25px; margin-top: 4px; margin-bottom: 4px; }
.navbar-toggler:not(.collapsed) span:nth-child(1) {position: absolute;left: 10px;top: 7px; }
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 10px;top: 7px;}
}

@media only screen and (max-width : 480px){	
.navbar-collapse {  width:300px;   position: absolute; right: -50px; top: 0px;z-index: 2;}
.navbar-toggler-right {position: absolute; top:-40px;  right:0px; z-index: 1; }

}

@media only screen and (max-width : 375px){	
.navbar-collapse {  width:300px;   position: absolute; right: -50px; top: 0px;z-index: 2;}
.navbar-toggler-right {position: absolute; top:-35px;  right:0px; z-index: 1; }

}

@media only screen and (max-width : 320px){	
.navbar-collapse {  width:300px;   position: absolute; right: -50px; top: 0px;z-index: 2;}
.navbar-toggler-right {position: absolute; top:-35px;  right:0px; z-index: 1; }
}

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


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

.slider{margin:0px 0 0px 0px;  border:0px solid #ddd;}
.carousel-indicators li {background-color: #fff;}
.carousel-indicators .active {background-color: #0077bd;}
.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: rgba(67, 72, 84, 0.8);*/ position: absolute;right: 50%;bottom: 15%;left: 5%; z-index: 10;padding: 15px; text-align: left;}
.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: 20px; letter-spacing: 1px;font-family: 'Roboto', sans-serif; font-weight: 400;text-transform: uppercase;}
.carousel-caption h6{ margin:0px; color: #fff; font-size: 40px;  letter-spacing:0.50px; font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase;}
.carousel-caption p{ margin:0px 0; color: #fff; font-size: 18px;  letter-spacing: 0.25px; font-family: 'Roboto', sans-serif; font-weight: 400; 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;}

/**full screen fixed**/
.carousel-item {height: 100vh;min-height: 300px;background: no-repeat /*center center*/ scroll; background-position:top center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
  background-size: cover;}


.triangular-right-shape-section {border-bottom: 120px solid #ffd600; border-left: 100px solid transparent;
    margin-top: 5px; opacity: .8;position: absolute; right: 0px; bottom: 0px;}

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

@media only screen and (max-width : 1024px) {
.carousel-caption h5{ font-size:20px!important;}
.carousel-caption h6{ font-size:35px!important;}

}

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

.carousel-caption {position: absolute;right: 30%;bottom: 15%;left: 5%; z-index: 10;padding: 15px; text-align: left;}	
.carousel-caption h5{ font-size:20px!important;}
.carousel-caption h6{ font-size:25px!important;}
.carousel-caption p{ font-size: 16px!important;;}	
}

@media only screen and (max-width : 575px) {
.carousel-control-prev-icon { display: none;}
.carousel-control-next-icon { display: none;}


.carousel-caption { /*background: rgba(67, 72, 84, 0.8);*/ position: absolute;right: 20%;bottom: 15%;left: 5%; z-index: 10;padding: 15px; text-align: left;}	
.carousel-caption h5{ font-size:16px!important; letter-spacing: -0.50px;}
.carousel-caption h6{ font-size:20px!important;}
.carousel-caption p{ font-size: 15px!important;;}
	
	
}


@media only screen and (max-width : 480px) {
.slider{/*padding-top: 80px;*/ margin:0px 0 1px 0px;  border:0px solid #ddd;}	


	
.triangular-right-shape-section {border-bottom: 50px solid #ffd600; border-left: 50px solid transparent;
    margin-top: 5px; opacity: .8;position: absolute; right: 0px; bottom: 0px;}
	
}

@media only screen and (max-width :320px) {
	
/*.carousel-caption { display: none;}*/
	
}

/*------------inner page banner----------------*/

.carousel-caption-1 {position: absolute;right:inherit;bottom: 25%;left: 5%; z-index: 10;padding:3px 0px; color: #333; text-align: left;}
.carousel-caption-1 h2{ margin:0px!important; font-family: 'ITC Avant Garde Gothic Std'; color: #fff; font-size:40px; padding: 0px;}
.carousel-caption-1 h2 small{font-family: 'ITC Avant Garde Gothic Std Demi';}

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

@media only screen and (max-width : 768px) {
.carousel-caption-1 {position: absolute;right:inherit;bottom: 5%;left: 5%; z-index: 10;padding:3px 0px;}	
.carousel-caption-1 h2{ font-size:30px!important;}	
}

@media only screen and (max-width : 575px) {
.carousel-caption-1 { display: none;}
.carousel-caption-1 h2{ font-size:26px!important; color: #333;z-index: 99999!important;}		
	
}


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


.wel-section{background: #fff;  width: 100%; position: relative; padding: 20px 0 40px 0;}
.wel-section h1{text-align: center; font-family: 'ITC Avant Garde Gothic Std'; font-size: 50px; color: #333;letter-spacing: -1px; margin: 0px 0; padding:0;} 
 .wel-section h2{text-align: center; font-family: 'ITC Avant Garde Gothic Std Demi'; font-size: 25px; color: #cb1d62;letter-spacing: -0.50px; margin: 0 0 20px 0; padding:0;}
.wel-section p{ text-align: center;font-family: 'Product Sans'; font-size: 16px; color: #666; font-weight:400; letter-spacing: 0.25px; line-height: 24px; margin: 10px 0; }


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

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

}

@media only screen and (max-width : 575px) {
.wel-section{ padding: 10px 0 20px 0;} 
.wel-section h1{ font-size: 30px;} 
.wel-section h2{ font-size: 20px;}

}


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

.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.25px; line-height: 24px; margin: 10px 0;}
.text-content h2 {margin: 3px 0; color: #333; font-size:30px; font-weight:700; line-height: 28px; letter-spacing: 0.25px;}
.text-content h2:after {background: #0077bd; content: ""; display: block;
   height: 3px; width: 40px; left: 0; position: relative; bottom:-5px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.text-content h6 {text-align: left;font-family: 'Product Sans'; font-size: 16px; color: #666; font-weight:700; letter-spacing: 0.25px; line-height: 24px; margin: 10px 0;}
.text-content h6 small{font-size: 16px;font-family: 'Arvo', serif; font-weight: 700; color:#0077bd;} 
.text-content ul{ list-style: none; padding: 0 0 0 15px;}
.text-content ul li{ list-style-image: url(../images/list-arrow.png); padding: 15px 0;color: #666!important; font-size: 16px; font-weight:400; line-height: 22px; letter-spacing: 0.25px;} 

.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:2px; border-left: 7px solid #cb1d62; border-right: 7px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; transition: all 0.5s ease;}

.text-content .listing-flex{ display: flex; flex-direction: row; flex-wrap: wrap;}
.text-content .listing-flex li{ width: 48%; padding:0 15px 10px 0px; } 




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

@media only screen and (max-width : 575px) {
.text-content .listing-flex{ display: flex; flex-direction: column;}
.text-content .listing-flex li{ width: 100%; padding:0 5px 10px 0px; } 
}

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



.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 h2{text-align: left; font-family: 'ITC Avant Garde Gothic Std'; font-size: 36px; color: #1d1d1b;letter-spacing: -0.10px; /*line-height: 50px;*/ margin: 20px 0; padding:0;}
.heading-title h2 small{font-family: 'ITC Avant Garde Gothic Std Book'; font-size: 36px; color: #323232; display: inline-block; letter-spacing: -0.10px;margin: 0px; padding: 0 0 -10px 0;} 

.heading-title h2 small:after {background: #80910d; content: ""; display: block;
   height: 4px; width: 70%; left: 0; position: relative; bottom:1px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.heading-title h3{text-align: left; font-family: 'ITC Avant Garde Gothic Std'; font-size: 36px; color: #131601;letter-spacing: -0.10px; /*line-height: 50px;*/ margin: 20px 0; padding:0;}
.heading-title h3 small{font-family: 'ITC Avant Garde Gothic Std Book'; font-size: 36px; color: #131601; display: inline-block; letter-spacing: -0.10px;margin: 0px; padding: 0 0 -10px 0;} 

.heading-title h3 small:after {background: #fff; content: ""; display: block;
   height: 4px; width: 70%; left: 0; position: relative; bottom:1px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.heading-title h4{text-align: center; font-family: 'ITC Avant Garde Gothic Std'; font-size: 36px; color: #1d1d1b;letter-spacing: -0.10px; /*line-height: 50px;*/ margin: 20px 0; padding:0;}
.heading-title h4 small{font-family: 'ITC Avant Garde Gothic Std Book'; font-size: 36px; color: #323232; display: inline-block; letter-spacing: -0.10px;margin: 0px; padding: 0 0 -10px 0;}

.heading-title h5{text-align: left; font-family: 'Roboto', sans-serif; font-weight: 700; font-size:30px; color: #1d1d1b;letter-spacing: -0.10px; /*line-height: 50px;*/ margin: 30px 0 20px 0; padding:0;}
.heading-title h5 small{font-family: 'ITC Avant Garde Gothic Std Book'; font-size: 36px; color: #323232; display: inline-block; letter-spacing: -0.10px;margin: 0px; padding: 0 0 -10px 0;}



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

.heading-title h4{ font-size: 30px;}
.heading-title h4 small{font-size: 30px;} 	

.heading-title h5{ font-size: 24px;}
.heading-title h5 small{font-size: 24px;} 
	
}

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

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

.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 h2{ font-size: 26px;}
.heading-title h2 small{font-size:26px;} 

.heading-title h3{ font-size: 26px;}
.heading-title h3 small{font-size:26px;} 
	
.heading-title h4{ font-size: 26px;}
.heading-title h4 small{font-size: 26px;} 

.heading-title h5{ font-size: 22px;}
.heading-title h5 small{font-size: 22px;} 	

}

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

.heading-title h2{ font-size: 24px;}
.heading-title h2 small{font-size:24px;} 
	
.heading-title h3{ font-size: 24px;}
.heading-title h3 small{font-size:24px;}

.heading-title h4{ font-size: 24px;}
.heading-title h4 small{font-size:24px;}
 	
	
}
/*--------------------------------------------*/

.top-padding{ padding: 90px 0 0 0;}

.page-heading{ background: #d0dae0; padding: 0px; width: 100%;height: 80px; display: flex;} 
.page-heading .skew{ width:calc(15% + 0px); height: 100%; background: #0077bd; box-sizing: border-box;}
.page-heading .page-title{width:calc(100% + 10px); height: 100%; background: #d0dae0; box-sizing: border-box; border-left: 80px solid #0077bd; border-bottom: 80px solid transparent;padding: 0px 0 0 0;}

.page-heading .page-title h4{font-family: 'Roboto', sans-serif;  color: #0a3955; font-size: 40px; font-weight: 900;  margin: 0px; padding: 25px  0; text-transform: inherit; letter-spacing: -0.50px;} 

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

}

@media only screen and (max-width : 575px) {
.page-heading{ width: 100%;height: 50px; } 
.page-heading .skew{ width:calc(15% + 0px); height: 100%;}
.page-heading .page-title{width:calc(100% + 10px); height: 100%; border-left: 50px solid #0077bd; border-bottom: 50px solid transparent;}
.page-heading .page-title h4{ font-size: 24px;padding: 12px  0;}	

}

@media only screen and (max-width : 480px) {
.top-padding{ padding:75px 0 0 0;}	
.page-heading{ width: 100%;height: 40px; } 
.page-heading .skew{ width:calc(10% + 0px); height: 100%;}
.page-heading .page-title{width:calc(100% + 10px); height: 100%; border-left: 40px solid #0077bd; border-bottom: 40px solid transparent;}
.page-heading .page-title h4{ font-size: 24px;padding: 10px  0;}	

}

@media only screen and (max-width : 375px) {
	.top-padding{ padding:60px 0 0 0;}	
}

@media only screen and (max-width : 32px) {
	.top-padding{ padding:50px 0 0 0;}	
}
/*---------------------------------------------------*/

.section-row{ background:#fff; width: 100%;display: flex; flex-direction: row; margin: 0 0 0px 0;} 
.section-row .r-col-1{ width: 50%; padding: 2rem 2rem 0 3rem; } 
.section-row .r-col-2{ width: 50%;  position: relative;} 
.section-row .r-col-2 img{ width: 100%;  clip-path: polygon(0 0, 100% 0, 100% 500%);} 


@media only screen and (min-width: 1440px){
.section-row {max-width: 1280px;margin-right: auto;margin-left: auto;}
}

@media only screen and (max-width : 768px) {
.section-row{ width: 100%;display: flex; flex-direction:column-reverse; flex-wrap: wrap; margin: 0 0 0px 0;} 
.section-row .r-col-1{ width:100%; padding: 1rem 2rem 0 2rem; } 
.section-row .r-col-2{ width:100%;  position: relative;} 
.section-row .r-col-2 img{ width: 100%;  clip-path: polygon(0 0, 500% 0, 0% 500%);} 

}


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

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

.gallery-section{ margin: 20px 0;} 
.gallery-section h4{font-family: 'Product Sans'; font-size: 17px; color: #1d1d1b; font-weight:700; letter-spacing: 0.25px; margin: 10px 0;}
.gallery-section h4:after {background: #80910d; content: ""; display: block;
   height: 3px; width: 60px; left: 0; position: relative; bottom:-5px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.gallery-list{ margin: 0px 0; font-family: 'Product Sans'; }
.gallery-list ul { list-style: none; padding: 0px; display: flex; flex-wrap: wrap;} 
.gallery-list ul li { flex-basis: 18%; margin: 10px 10px; border: 1px solid #ddd; transition: all 0.5s ease; background-color: transparent;}
.gallery-list ul li a{ display:block;height:100%; overflow: hidden;position: relative; text-decoration: none; text-align: center;transition: all 0.5s ease;}
.gallery-list ul li a figure{ height: 140px; overflow: hidden;  margin: 0px;  transition: all 0.5s ease;}
.gallery-list ul li a figure img { max-width:100%; min-height:100% !important; border:0px solid #ddd !important; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.gallery-list ul li a figure img:hover { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);	-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;	transition: all 0.5s ease-in-out; border: 1px solid #ddd;}


@media only screen and (max-width : 1024px) {
.gallery-list ul li { flex-basis: 22%;}		
}

@media only screen and (max-width : 768px) {
.gallery-list ul li { flex-basis: 22%; margin: 7px 7px; }
.gallery-list ul li a figure{ height:120px;}		
}

@media only screen and (max-width : 575px) {
.gallery-list ul li { flex-basis: 22%; margin: 7px 7px; }
.gallery-list ul li a figure{ height:80px;}		
}

@media only screen and (max-width : 480px) {
.gallery-list ul li { flex-basis: 45%; margin: 7px 7px; }
.gallery-list ul li a figure{ height: 110px; }		
}


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

.mobile-footer{ display: none;} 

@media only screen and (max-width : 650px) {
.mobile-footer {display:inherit; position: fixed; bottom: 0; background: #0077bd; z-index: 999; width: 100%;    border-top: 1px solid #1987c7; }

.mobile-footer-col{ display: flex; flex-direction: row;height: 40px; justify-content: center;  text-align: center;} 
.mobile-footer-col a {width:50%; border-right: 1px solid #1987c7; font-family: 'Product Sans';  color: #fff; font-weight: 700; font-size: 14px; padding: 10px;}
.mobile-footer-col a:last-child{border: 0px;} 
}

@media only screen and (max-width : 480px) {
/*.mobile-footer-col a {width:auto!important; padding: 10px;}*/
}

#loader {position: fixed; left: 0; top: 0; width: 100%;  height: 100%;
    background: url(../images/loader.gif) center no-repeat #fefcfe;
    background-size: 20% auto; z-index: 999999;}


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



.footer{ background:#032437; margin: 30px 0 0 0; padding: 10px 0; border-top:0px solid #e31e24;font-family: 'Product Sans'; width: 100%; position: relative;}

.footer:before { content: " ";   position: absolute; border-bottom: 50px solid #032437;	border-left: 98.7vw solid transparent; top: -50px;  }
@media only screen and (max-width : 1160px) {	
.footer:before { content: " ";   position: absolute; border-bottom: 50px solid #032437;	border-left: 99.9vw solid transparent; top: -50px; }	
}

@media only screen and (max-width : 575px) {
.footer:before { content: " ";   position: absolute; border-bottom: 20px solid #032437;	border-left: 99.9vw solid transparent; top: -20px; }
}


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

.footer h4{font-family: 'Roboto', sans-serif; color:#a7d2ea; font-size:18px; font-weight:700;  margin:20px 0; text-transform:uppercase; letter-spacing: 0.50px;}
.footer h4:after {background: #a7d2ea; content: ""; display: block;
   height: 3px; width: 40px; left: 0; position: relative; bottom:-5px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.footer p{ font-weight:400; color:#a7d2ea; font-size: 16px;  text-decoration:none;}
.footer p a{ color:#a7d2ea;}
.footer p strong{ font-size: 18px;font-weight:500;}

.footer_links { padding:0px 0 0 0; font-family: 'Product Sans';}
.footer_links ul { list-style:none; padding:0px 0 0px 15px; text-align:left;}
.footer_links li{ list-style: url(../images/arrow-w.png); padding:4px 0 ; margin:0px; border-bottom: 1px dashed #07334c;}
.footer_links li a{font-weight:400; color:#a7d2ea; font-size: 16px!important; text-decoration:none;}
.footer_links li a:hover{ color:#0072bc;-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:40%; margin: 0 30px 0 0;}

.footer_bottom { margin: 10px 0 0 0; padding:10px 0px; /* background-color:#dbdbdb;*/ border-top:1px solid #07334c;}
.footer_bottom p{ text-align: left;font-family: 'Product Sans'; font-size:14px; font-weight:500; color:#0072bc;  text-decoration:none; margin: 0px;}
.footer_bottom p a{ color:#0072bc;}


@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-col .ft-col-1{width:auto;} 	
.footer-col .ft-col-2{width:auto;} 
.footer-col .ft-col-3{width:auto;}	
.footer_links .links-list li{ float:none; width:100%;}
}

@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:22%;} 
}

@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: 2; margin: 0 15px;} 
.footer-col .ft-col-1{width:auto;} 
.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%;}
}

 @media only screen and (max-width : 480px) { 	 
.footer-col{ display: flex;flex-wrap: wrap!important;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 2; margin: 0 10px;} 
.footer-col .ft-col-1{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:0px;}
.social-icon:after { content:""; clear:both; display: block}
.social-icon li {padding:1px; display:inline-block; text-align:right; margin-top:0px;color:#515964; line-height:20px; border-right: 0px solid #ddd;}
.social-icon li a { display:inline-block; width:30px; height:30px; line-height:20px !important; text-align:center; text-decoration:none; font-size:18px; margin-right:1px !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:#80910d;}
.social-icon li a:hover{border-radius:10px; background:#80910d; color:#fff !important;}

.social-icon-1 { text-align:left; margin:0px 0 0 0; padding:0px;}
.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:#515964; line-height:20px;}
.social-icon-1 li a { display:inline-block; width:30px; height:30px; line-height:20px !important; text-align:center; text-decoration:none; font-size:22px; margin-right:5px !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:20px; /*background:#15a0be;*/ color:#fff!important;}
.social-icon-1 li a:hover{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:6px; /*background:#09778f;*/ color:#1192e7 !important;}


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


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

 /*-------------------------------------------*/
 
.contact-info{ text-align:left;font-family: 'Product Sans'; margin:0px 0 0 0;}
.contact-info ul{list-style: none; padding: 0px;}
.contact-info ul li{ display: flex; margin: 0 0 20px 0;}
.contact-info ul li div{ padding: 0 15px 0 0;} 
.contact-info ul li h3{font-size: 22px; color: #333; font-weight: 500; margin: 0px 0; padding:0;}
.contact-info ul li h4{ font-size:18px; font-weight: 500; color:#333; margin:10px 0 0px 0; letter-spacing: 0.25px;}
.contact-info ul li p{ color:#666; font-size:17px; font-weight:400; margin:0px 0; padding: 0px 0; letter-spacing: 0.20px;}
.contact-info ul li p a{ color:#666; margin:0 0 15px 0;}


@media only screen and (max-width : 480px) { 
.contact-info ul li div{ padding: 0 10px 0 0;} 
	.contact-info ul li div img{width: 35px;} 	
.contact-info ul li h3{font-size: 18px; }
.contact-info ul li h4{ font-size:16px;}
.contact-info ul li p{ font-size:15px;}
}

/*---------------------------------------------------*/
.contact-form  h3{ text-align:left;font-family: 'Product Sans'; font-size:16px; font-weight:700; color:#333; margin:10px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px; position: relative;}

.form-control {display: block;width: 100%; height: 40px; padding: 6px 12px;font-family: 'Product Sans'; font-size: 14px; font-weight:500; letter-spacing: 0.20px; line-height: 1.42857143;color: #555; border: 1px solid #ddd;}
.form-group {margin-bottom: 10px;}
.form-group label{ font-family: 'Product Sans'; font-size: 15px; font-weight:700; 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: 1px dashed #ddd; } 
.radio label{ font-weight: 400!important; font-size: 14px;}
.submit-link{ background:#0077bd; padding:5px 25px;font-family: 'Product Sans';font-weight:700; 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: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: 800;}



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




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

.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) {

}