/* for new lading page css */ 
@font-face {
    font-family: 'gothammedium';
    src: url('../fonts/gotham-medium-webfont.eot');
    src: url('../fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-medium-webfont.woff2') format('woff2'),
         url('../fonts/gotham-medium-webfont.woff') format('woff'),
         url('../fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('../fonts/gotham-medium-webfont.svg#gothammedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gotham-book-webfont.woff2') format('woff2'),
         url('../fonts/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.banner-landing-page{
	background-size: 100% 100%;
	height: 332px;
}

.banner-landing-page h1{
	font-size: 67px !important;
	line-height: 75px;
	font-family:"gothammedium" !important;
	color: #fff !important;
	padding: 25px 0 5px 75px;
	font-weight: bold;
}

.banner-landing-page .content-box{
  float: left;
  margin: 0 0 0 75px;
}

.banner-landing-page .content-box p{
  background-color: #f68b1f;
  padding: 0 18px 0 18px !important;

  font-size: 25px !important;
  text-transform: uppercase;	
  text-align: center;
  font-weight: 300;
  line-height: 50px;
  height: 50px;
  color: #fff !important;
  font-family:"gothammedium" !important;
  font-weight: bold;
  transition: all ease 1s;
}

/*.banner-landing-page a:hover{
	background-color: #182958;
}*/

.land-bg-white-area{
	background-color: #fff;
	padding: 65px 0;
}

.land-bg-white-area h2{
	color: #808284 !important;
	font-size: 35px !important;
	line-height: 36px !important;
	font-weight: normal;
	padding: 0 0 5px 0;
}

.land-bg-white-area p{
	font-family:"gothambook" !important;
	color: #808284;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	padding: 0 30px 0 0;
}



.land-content-grey{
	background-color: #f4f4f4;
	padding: 65px 0 0 0;
}

.land-content-grey .row-spac{
	margin-bottom: 50px;
}


.land-content-grey .circle-box-ar{
  width: 120px;	
  height: 120px;
  line-height: 120px;
  border-radius: 76%;
  background: #00bbd2;
  padding: 0;
  text-align: center !important;
}

.sub-box-spac{
 line-height: 115px !important;
}

.fist-col-wrap{
	width: 12%;
}

.lst-col-wrap{
	width: 86%;
	float: right;
}

.lst-col-wrap h3{
	color: #f68b1f;
	font-size: 30px;
	line-height: 28px;
	font-family:"gothammedium" !important;
	font-weight: bold;
	padding: 0;
	margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.lst-col-wrap p{
	font-family:"gothambook" !important;
	color: #808284;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	padding: 0;
}

.land-bot-col-1{
	width: 65%;
}

.land-bot-col-1 p{
	font-family:"gothambook" !important;
	color: #808284 !important;
	font-size: 30px;
	line-height: 36px;
	font-weight: normal;
	padding: 0 40px 15px 0;
	margin: 0;

}

.land-bot-col-1 p span {
	color: #f68b1f;
	font-size: 22px;
	line-height: 28px !important;
	font-weight: bold;
}

.land-bot-col-1 .btn-group, .btn-group-vertical{
	margin: 15px 0 0 0;
}

.land-bot-col-1 .cus-btn{
  font-size: 20px !important;
  background-color: #00bbd1;
  padding: 18px 45px 15px 45px !important;
  margin: 0 15px 15px 0;
  border-radius: 7px;
  border: 0;
  font-weight: 300;
  line-height: 1.18em;
  color: #fff !important;
  font-family:"gothambook" !important;
  font-weight: normal;
  transition: all ease 1s;
  text-transform: uppercase;
}


.land-bot-col-1 .cus-btn:hover, .cus-btn:focus{
	background-color: #182958;
}

.land-bot-col-2{
	width: 35%;
}

/* Responsive */

@media(max-width:1200px){

}

@media(max-width:990px){
 .land-bg-white-area{text-align: center;}	
 .pull-right {float: none !important; margin: 10px 0 0 0; text-align: center;}
 .fist-col-wrap{width: 15%;}
 .lst-col-wrap{width: 85%;}
 .land-bot-col-1{width: 100%; text-align: center;}
 .land-bot-col-2{width: 100%; text-align: center;}
}

@media(max-width:950px){
 .fist-col-wrap{width: 100% !important; text-align: center;}
 .lst-col-wrap{width: 100%; text-align: center;}	
 .land-content-grey .circle-box-ar{margin: 0 auto 15px auto;}
}


@media(max-width:767px){
.banner-landing-page{text-align: center;}	
.banner-landing-page h1{font-size: 59px !important; line-height: 59px; text-align: center; padding: 40px 0 15px 0;}
.banner-landing-page .content-box{margin: 0 auto; text-align: center; float: none; display: flex; justify-content: center;}	
.land-content-grey{text-align: center; background-size: cover; align-content: center;}	
.land-content-grey .row-spac{margin-bottom: 45px;}
.fist-col-wrap,.lst-col-wrap{width: 100%;}
.land-content-grey .circle-box-ar{margin: 0 auto 15px auto; float: none;}
.land-bg-white-area p span{font-size: 24px; line-height: 33px;}
.land-bot-col-1 .cus-btn{padding: 15px 15px 15px 15px !important; float: none;}
}

@media(max-width:640px){
.banner-landing-page h1{font-size: 50px !important; line-height: 46px !important;}
.land-bot-col-1 p{padding: 0 0 15px 0; font-size: 20px; line-height: 28px;}
.banner-landing-page {min-height: 250px;}
.lst-col-wrap h3{font-size: 24px; line-height: 26px;}
.land-bot-col-1 .cus-btn{font-size: 18px !important;}
.banner-landing-page{background-size: cover; height: 250px; padding: 0 0 15px 0; display: flex; align-items: center;}
.banner-landing-page h1{padding: 0 0 10px 0;}
.land-bg-white-area{padding: 30px 0;}
.land-bg-white-area h2{font-size: 20px !important; line-height: 25px !important; padding: 0}
.land-bg-white-area p{padding: 0; margin-bottom: 15px;}
.land-content-grey{padding: 30px 0 0 0;}
.land-content-grey .row-spac{margin-bottom: 30px;}
.land-content-grey .circle-box-ar{margin: 0 auto 10px auto;}
.land-bg-white-area p span{font-size: 19px;}
.land-bot-col-1 .cus-btn{margin: 0 5px 15px 0; font-size: 14px !important; padding: 10px !important;}
.banner-landing-page .content-box p{font-size: 18px !important;}
}	

@media(max-width:480px){
  .banner-landing-page .content-box p{font-size: 15px !important;  line-height: 33px;
  height: 33px;}	
}

@media(max-width:400px){
 .banner-landing-page h1 {font-size: 34px !important;line-height: 38px !important;}
 .banner-landing-page .content-box p{font-size: 13px !important;}
 .land-bg-white-area p{padding: 0;}
 .lst-col-wrap h3{font-size: 20px; line-height: 25px;}
 p{font-size: 16px;}
 .land-bot-col-1 p,.land-bg-white-area p span{font-size: 16px; line-height: 25px !important;}
 .lst-col-wrap p,.land-bg-white-area p{font-size: 16px}
 .land-bg-white-area h2{font-size: 18px !important}
 .land-bot-col-1 .cus-btn{font-size: 13px !important; padding: 5px !important;}
 .banner-landing-page{height: 150px;}
}
