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

/****
 create by :ashok shedge
 create date : 
 modified by :*****************/
 

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

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

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: absolute; z-index: 2;}
.logo img{ width:100%; transition: all 0.5s ease;}

.top-header{ background:transparent; padding:7px 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 10px; font-family: 'Product Sans'; color:#cb1d62!important;font-size:18px!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{ margin:0px; font-family: 'Product Sans'; color:#666!important; font-size:14px!important; font-weight:400; }


@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 a img{ width: auto;}
.logo a .logo-1{ width: 100%;} 
	
.top-strip{ margin-bottom: 0px; border-bottom: 0px; justify-content: center;}
.top_cont p, .top_cont a{ font-size:13px!important;}
.top-strip{margin-bottom: 0px; border-bottom: 0px; display: none; justify-content:center; flex-wrap: wrap;} 

}

@media only screen and (max-width : 575px) {
.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: 65%!important;}	
	 
}


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

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

.header-fixed { width: 100vw; min-height: 130px; background: url(../images/header-bg.png) repeat; 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: 70px!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: .5rem 0rem;;} 
.navbar-collapse {flex-direction:row-reverse!important;} 
.navbar-nav {margin: 0; padding:10px 0;}
.navbar-nav li{ position: relative; border-right:0px solid #ddd; }
.navbar-nav li:last-child{border-right:0px;} 
.nav-link {display: block;padding: 0 20px!important; font-family: 'ITC Avant Garde Gothic Std Demi'; font-size: 15px; color:#111111; font-weight: 600; letter-spacing: 0.25px;text-transform: uppercase;}
.nav-link:hover {color: #cb1d62; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;/*background: rgba(26,158,83,1);*/} 

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


			 
.dropdown-menu { background: rgba(0, 113, 187, 0.9); /*width:350px !important; max-width: 100%;*/ padding: 0px 0; margin-top:0px !important; border: 0px; border-radius: 0px;}
.dropdown-item {display: block;width: 100%;padding: 5px 10px;background-color: transparent;border-bottom: 1px dashed #2289cd;font-family: 'Montserrat', sans-serif; font-size: 14px; color:#fff; font-weight: 600;}
.dropdown-item:hover{background-color: #034978;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:#0071bb !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;}

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

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

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

.navbar{padding: .5rem 1rem;  width: auto;} 
.navbar-nav li{border-right:0px solid #ddd; border-bottom:1px dashed #de2a71;}
.nav-link { padding: 10px 15px!important; font-size: 14px; color:#f7cfdf;}
.nav-link:hover {color: #000;background: #fbcadd;}		
.nav-link::after{ display: none;} 

.navbar-collapse { background: #cc1d62; width: 280px;  position: absolute; right: 15px; top: 35px;z-index: 2;} 	
	
.dropdown-item {padding: 5px 10px; font-size: 13px; color:#fff; letter-spacing: 0.50px; font-weight: 500;}

/*------toggle nav bar-------*/	
.navbar-toggler-right {position: absolute;right: 1rem; z-index: 1;}
.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: #cc1d63; border: 1px solid transparent; border-radius: 0;}	
		
.navbar-toggler:focus,
.navbar-toggler:active {outline: 0; background: #cc1d63;}
.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;}	
	
}
/*--------------navbar end-------------------------------------------------*/



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

.slider{margin:0px 0 1px 0px;  border:0px solid #ddd;}
.carousel-indicators li {background-color: #cb1d62;}
.carousel-indicators .active {background-color: #030303;}
.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: 25%;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:19px; letter-spacing: 0.50px;font-family: 'ITC Avant Garde Gothic Std Demi';}
.carousel-caption h6{ margin:0px; color: #fff; font-size:40px;  letter-spacing: -0.50px; font-family: 'ITC Avant Garde Gothic Std';}
.carousel-caption p{ margin:5px 0; color: #fff; font-size: 17px;  letter-spacing: 0.25px; font-family: 'ITC Avant Garde Gothic Std Book'; 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;}


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

#slideshow > div {position: absolute; left: 20px; right: 0px; bottom: -35px;}

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

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

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

#slideshow > div {position: absolute; left: 20px; right: 0px; bottom: -45px;}
	
}

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

.carousel-caption { /*background: rgba(67, 72, 84, 0.8); */position: absolute;right: 30%;bottom: 15%;left: 5%; z-index: 10;padding: 15px; text-align: left;}	
.carousel-caption h5{ font-size:16px!important;}
.carousel-caption h6{ font-size:30px!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 { display: none;}
/*.carousel-caption { position: absolute;right: 20%;bottom: 10%;left: 5%; z-index: 10;padding: 15px; text-align: left;}	
.carousel-caption h5{ font-size:18px!important;}
.carousel-caption h6{ font-size:18px!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 { /*background: rgba(67, 72, 84, 0.8);*/ position: absolute;right: 0%;bottom: 0%;left: 0%; z-index: 10;padding: 10px; text-align: left;}	
.carousel-caption h5{ font-size:18px!important;}
.carousel-caption h6{ font-size:18px!important;}
.carousel-caption p{ font-size:13px!important;}	
	
.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: 30px 0 30px 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: 17px; font-weight:500; line-height: 28px; letter-spacing: 0.25px;}
.text-content h6 {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;}
.text-content ul{ list-style: none; padding: 0 0 0 15px;}
.text-content ul li{ list-style-image: url(../images/arrow-list.png); padding: 3px 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 .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;} 

.section-divider{ margin: 30px 0; padding-bottom: 10px; border-bottom: 1px solid #ddd;} 

.left-columns {display: flex;flex-direction: column; margin: 80px 0 0 10px;position: relative;} 
.left-columns a{ padding: 5px 10px; font-family: 'Product Sans';color: #333; font-size: 16px; font-weight:500; line-height: 28px; letter-spacing: 0.25px; text-decoration: none; border-bottom: 1px dashed#ddd;}
.left-columns a:before {content: "";  position: absolute; margin:7px 0 0 -12px; width: 0;height: 0;
border-style: solid;border-width: 4px 0 4px 4px;border-color: transparent transparent transparent #cb1d62;
 transition: all 0.5s ease;}
.left-columns a:hover{ color:#cb1d62;transition: all 0.5s ease;padding-left:15px;}

.left-columns-mini{position: fixed; top:50px; z-index: 9999;}

@media only screen and (max-width : 768px) {
	.left-columns { display: none;} 
}



/**-------------------------------------------------------**/
.section-1{ background:url(../images/Liasioning.jpg) no-repeat;  margin: 20px 0 0px 0!important; padding: 30px 0!important; border-top:0px solid #e31e24; width: 100%; min-height: 256px; position: relative;}

.section-2{ background:url(../images/Onshore-Offshore.jpg) no-repeat;  margin: 0px 0 30px 0!important; padding: 30px 0!important; border-top:0px solid #e31e24; width: 100%; min-height: 256px; position: relative;}

.section-3{ background:url(../images/HR-Consultancy.jpg) no-repeat;  margin: 30px 0 30px 0!important; padding: 30px 0!important; border-top:0px solid #e31e24; width: 100%; min-height: 256px; position: relative;}

.section-1, .section-2, .section-3, h1{text-align: center; font-family: 'ITC Avant Garde Gothic Std'; font-size: 50px; color: #fff;letter-spacing: -1px; margin: 0px 0; padding:0;}  
.section-1, .section-2, .section-3, p{ text-align: center;font-family: 'Product Sans'; font-size: 18px; color: #fff; font-weight:400; letter-spacing: 0.50px; line-height: 24px; margin: 10px 0; }

.section-5{ background: #cb1d62; width: 100%; padding: 30px 0; margin: 30px 0 0px 0!important;}

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



@media only screen and (min-width : 1420px) {	
.section-1{ background:url(../images/Liasioning.jpg) no-repeat; background-size: cover; background-position: 50% 50%;  width: 100%; min-height: 256px; }
	
.section-2{ background:url(../images/Onshore-Offshore.jpg) no-repeat; background-size: cover; background-position: 50% 50%;  width: 100%; min-height: 256px; }
	
.section-3{ background:url(../images/HR-Consultancy.jpg) no-repeat; background-size: cover; background-position: 50% 50%;  width: 100%; min-height: 256px; }
}

@media only screen and (max-width : 575px) {
.section-1{ background:url(../images/Liasioning.jpg) no-repeat; margin: 20px 0 0px 0; padding: 30px 0!important;width: 100%; min-height: 100%; }

.section-2{ background:url(../images/Onshore-Offshore.jpg) no-repeat; margin: 0px 0 80px 0; padding: 30px 0!important;width: 100%; min-height: 100%; }
	
.section-3{ background:url(../images/HR-Consultancy.jpg) no-repeat; margin: 20px 0 80px 0; padding: 30px 0!important;width: 100%; min-height: 100%; }
	
.section-1, .section-2, .section-3, h1{font-size: 30px;}  
.section-1, .section-2, .section-3, p{ font-size: 16px; }
}
@media only screen and (max-width : 480px) {
.section-1{ background:url(../images/Liasioning.jpg) no-repeat; background-attachment: fixed; background-size: cover; background-position: 30% 0%;  margin: 20px 0 0px 0; padding: 30px 0!important;width: 100%; min-height: 100%; }

.section-2{ background:url(../images/Onshore-Offshore.jpg) no-repeat; background-attachment: fixed; background-size: cover; background-position: 40% 0%;  margin: 0px 0 80px 0; padding: 30px 0!important;width: 100%; min-height: 100%; }
	
.section-3{ background:url(../images/HR-Consultancy.jpg) no-repeat; background-attachment: fixed; background-size: cover; background-position: 40% 0%;  margin: 20px 0 80px 0; padding: 30px 0!important;width: 100%; min-height: 100%; }
	
.section-1, .section-2, .section-3, h1{font-size: 30px;}  
.section-1, .section-2, .section-3, p{ font-size: 16px; }
}

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

.section-container{display: flex;}
.left-half {background-color: #ededed;flex: 1;padding: 16px;}
.left-half article{padding-left: 50px;}  
.right-half {background-color: #dbdbdb;flex: 1; padding: 16px;}
.right-half article{ padding-left: 20px; padding-right: 50px;}


.contact-container{display: flex;}
.left-side {background-color: #ededed;flex: 1;padding: 0px;}
.left-side article{padding-left: 0px;}  
.right-side {background-color: #fff;flex: 1; padding: 16px;}
.right-side article{ padding-left: 20px; padding-right: 50px;}

.listing-list{ list-style: none; padding: 0 0 0 15px;}
.listing-list li{ list-style-image: url(../images/list-arrow.png); padding: 5px 0; color: #666666;} 
.listing-list li a{ text-decoration: none;font-family: 'Product Sans';  font-size: 18px; color: #666666; font-weight:500; letter-spacing: 0.50px;} 
.listing-list li a:hover{ color:#cb1d62;-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} 

.link-btn{background: #cb1d62; padding: 7px 25px;font-family: 'Product Sans';  font-size: 18px; color: #fff!important; font-weight:500; display: inline-block; margin: 15px 0; text-decoration: none!important;} 
.link-btn:hover{ background: #000; -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; } 

.heading-text h1{position: relative; font-family: 'Product Sans';  font-size: 26px; color: #333; font-weight:900; letter-spacing: -0.50px; margin:15px 0; padding-left: 20px; transition: all 0.5s ease; text-align: left;} 
.heading-text h1:before {content: ""; width: 0px; height: 0px; position: absolute;
  left: 0; top:2px; border-left: 12px solid #cb1d62; border-right: 12px solid transparent; border-top: 12px solid transparent; border-bottom: 12px solid transparent; transition: all 0.5s ease;}

@media only screen and (max-width : 768px) {
.left-half article{padding-left: 0px;}  
.right-half article{ padding-left: 0px; padding-right: 0px;}	
}

@media only screen and (max-width : 575px) {
.heading-text h1{ font-size: 20px; }
.listing-list li a{ font-size: 16px;} 
	
.contact-container{display: flex; flex-direction: column;}	
.right-side article{ padding-left: 0px; padding-right: 0px;}	
	
}

@media only screen and (max-width : 375px) {
.section-container{display: flex; flex-direction: column;} 	
}

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

.hr-content{text-align:left;font-family: 'Product Sans';} 
.hr-content ul{list-style: none; padding: 0px; display: flex;flex-wrap: wrap;}  
.hr-content ul li{ width: 49%!important; padding: 10px 30px 10px 10px; } 
.hr-content ul li p {text-align: left;font-size: 16px; color: #666; font-weight:400; letter-spacing: 0.25px; line-height: 24px; margin: 0px 0;}
.hr-content ul li h4{position: relative; font-size: 17px; color: #333; font-weight:700; letter-spacing: 0.25px; margin:0px 0; padding-left: 12px; transition: all 0.5s ease; text-align: left;} 
.hr-content ul li 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;}

@media only screen and (max-width : 575px) {
.hr-content ul{ display: flex;flex-wrap: nowrap; flex-direction: column;} 	
.hr-content ul li{ width: 100%!important; padding: 10px 10px 10px 10px; } 
}

/*******************************************/

.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: 60px; 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: 50px; display: block; color: #fff; letter-spacing: -0.10px;margin: 0px; padding: 0 0 -10px 0;} 

.heading-title h3{text-align: left; font-family: 'ITC Avant Garde Gothic Std'; font-size: 60px; color: #1d1d1b;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: 50px; display: block; color: #ed2e29; letter-spacing: -0.10px;margin: 0px; padding: 0 0 -10px 0;}


@media only screen and (max-width : 1024px) {	
.heading-title h2{ font-size: 45px; margin: 20px 0; padding:0;}
.heading-title h2 small{font-size: 40px; margin: 0px; padding: 0 0 -10px 0;} 
	
.heading-title h3{ font-size: 45px; margin: 20px 0; padding:0;}
.heading-title h3 small{font-size: 40px; margin: 0px; padding: 0 0 -10px 0;} 
	
}

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

@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: 30px!important; margin: 20px 0; padding:0;}
.heading-title h2 small{font-size: 25px!important; margin: 0px; padding: 0 0 -10px 0;} 	

.heading-title h3{ font-size: 30px!important; margin: 20px 0; padding:0;}
.heading-title h3 small{font-size: 25px!important; margin: 0px; padding: 0 0 -10px 0;} 		

}



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

.footer{ background:#000 url(../images/footer-bk.jpg) no-repeat; margin: 10px 0 0 0; padding: 10px 0; border-top:0px solid #e31e24;font-family: 'Product Sans'; 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 15px;} 
.footer-col .ft-col-2{width:36%;} 
/*.footer-col .ft-col-3{width:22%;} */

.footer h4{font-family: 'ITC Avant Garde Gothic Std Demi';color:#d4d4d4; font-size:20px;  margin:20px 0; text-transform:uppercase;}
.footer p{ font-weight:400; color:#d4d4d4; font-size: 16px;  text-decoration:none;}
.footer p a{ color:#d4d4d4;}
.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:2px 0 ; margin:0px; border-bottom: 0px dashed #1374bb;}
.footer_links li a{font-weight:400; color:#d4d4d4; font-size: 16px!important; text-decoration:none;}
.footer_links li a:hover{ color:#ed2e29;-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: 30px 0 0 0; padding:10px 0px;  background-color:#dbdbdb; border-top:1px solid #ddd;}
.footer_bottom p{ text-align: left;font-family: 'Product Sans'; font-size:14px; font-weight:400; color:#666;  text-decoration:none; margin: 0px;}
.footer_bottom p a{ color:#666;}


@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-2{width:auto;} 
.footer-col .ft-col-3{width:22%;}	
.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{background: url(../images/footer-bk.jpg) no-repeat; background-attachment: fixed; background-size: cover; margin: 10px 0 0 0; padding: 10px 0; border-top:0px solid #e31e24;font-family: 'Product Sans';}	
.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-2{width:auto;} 
.footer-col .ft-col-3{width:40%;} 	
}

@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 15px;} 
.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:#ed2e29; color:#fff;}
.social-icon li a:hover{border-radius:0px; background:#ffd600; color:#000 !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:28px; 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;}
.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:#ed2e29 !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(203, 29, 98, 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:center;font-family: 'Product Sans'; margin:0px 0 0 0;}
.contact-info h2{text-align: center; font-family: 'ITC Avant Garde Gothic Std'; font-size: 50px; color: #fff;letter-spacing: -1px; margin: 0px 0; padding:0;}
.contact-info h3{ font-size:26px; font-weight: 700; color:#fff; margin:10px 0 0px 0; letter-spacing: 0.25px;}
.contact-info p{ color:#fff; font-size:18px; font-weight:400; margin:0px 0; padding: 0px 0; letter-spacing: 0.20px; }
.contact-info p a{ color:#fff; margin:0 0 15px 0;}

@media only screen and (max-width : 480px) { 
.contact-info h2{ font-size: 32px;}
.contact-info h3{ font-size:22px; }
.contact-info p{ font-size:16px;} 
}

/*---------------------------------------------------*/
.contact-form  h3{ text-align:left;font-family: 'Montserrat', sans-serif;font-size:22px; 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: 700; letter-spacing: 0.20px; line-height: 1.42857143;color: #555; border: 1px solid #ddd;}
.form-group {margin-bottom: 20px;}
.form-group label{ font-family: 'Product Sans'; font-size: 15px; font-weight:700; display: none;} 
.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:#cb1d62; 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) {
}

 .mandatory{
     color:red;
 }
 .enq-btn{
     color:white!important;
     cursor:pointer;
 }
 .help-block{
     color:red!important;
 }
.successmsg1{
    font-size: 20px;
    font-weight: bold;
}
.successmsg2{
    font-size: 15px;
    font-weight: 600;
}
.btn-plswait{
     font-size: 15px;
    font-weight: 600;
    margin-left: 15px;
}