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

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700');

@font-face {
    font-family: 'eb_garamondregular';
    src: url('..fonts/ebgaramond-regular-webfont.eot');
    src: url('..fonts/ebgaramond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('..fonts/ebgaramond-regular-webfont.woff2') format('woff2'),
         url('..fonts/ebgaramond-regular-webfont.woff') format('woff'),
         url('..fonts/ebgaramond-regular-webfont.svg#eb_garamondregular') format('svg');
    font-weight: normal;
    font-style: normal;}



body, html { font-size: 100%;  padding: 0;  margin: 0 auto;  height: 100%;   font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color:#fff; line-height:1.4; font-weight:300; }
h1, h2, h3, h4, h5, h6{/*margin:0 0 17px;*/ margin:50px 0 50px 0; padding:0;line-height:normal;  font-family:'eb_garamondregular';}
h1{font-size:42px;}
h2{font-size:40px; color:#012530; }
h3{font-size:27px;}
h4{font-size:19px;}
h5{font-size:15px;}
h6{font-size:14px;}
.pos-static { position:static !important;}
.pos-relative { position:relative !important;}
.pos-absolute { position:absolute !important;}


a{text-decoration:none; outline:none;}
a:hover{text-decoration:none; outline:none; color:#000; transition: all 0.3s ease 0s;}

p { margin:0; padding:0 0 15px;}
img{/*display: block;*/max-width:100%; height:auto;}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
img{max-width:100%;}
.form-control::-webkit-input-placeholder { /* WebKit browsers color:#8c8e93;*/ color:#fff;}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 color:#8c8e93; opacity:1;*/ color:#fff;}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ color:#8c8e93; opacity:1;*/ color:#fff; }
.form-control:-ms-input-placeholder { /* Internet Explorer 10+  color:#8c8e93;*/ color:#fff;}



header { padding:14px 0;}
.click { display:none;}
.menu { text-align:right; margin-top:40px;}
.menu ul { padding:0; margin:0; list-style:none;}
.menu ul li { display:inline-block; margin-left: -4px;}
.menu ul li a { font-family: 'eb_garamondregular'; color: #000; padding: 10px 10px;  text-transform: uppercase;}
.menu ul li.current-menu-item a { background:#18baeb; color:#fff; }
.menu ul li a:hover { background:#555757;  color:#fff;}

.banner_box {}
.banner_box .banner_infobox { text-align:center; top: 50%; }
.slider_img { position: relative; padding: 50px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner_box .banner_infobox h1 { color:#18baeb; /*margin: 0 0 20px;*/ font-size:34px;}
.banner_box .banner_infobox p {    padding: 0 50px; font-family: 'eb_garamondregular'; line-height:25px;}
.about_sctn { margin:57px 0; background: #f7f5f6;}
.about_sctn .left_abt { text-align:center; padding:0 30px;}
.page_cntnt h2 { color:#18baeb; text-transform:uppercase; position:relative; margin:0 0 40px; }
.page_cntnt h2:after { content:""; background:#18baeb; width:63px; height:3px; position:absolute; left:0; right:0; margin:0 auto; top:54px; }
.page_cntnt h3 { color:#000;}
.page_cntnt h3 a { color:#000;}
.page_cntnt p { color:#737373; line-height: 27px; font-weight:400; /*padding: 0 20px 35px 0;*/}
.page_cntnt a.read_btn { padding: 9px 29px 10px; color:#fff; background:#18baeb; font-size:23px; margin-top:20px; font-weight:600; white-space: nowrap;}
.page_cntnt a.read_btn:hover { background:#555757; color:#fff;}

.about_sctn .right_abt { position:relative;}
 section.about_sctn.resource {
    text-align: center;
}
.resource .page_cntnt p {
    font-size: 20px;
    line-height: 41px;
}
.about_sctn .right_abt .abt_img_bg { position: absolute;left: 25px; right: 25px; top: 25px; bottom: 25px; background: transparent; border: 8px solid rgba(255,255,255,0.4); padding: 20px; }

.work_sctn { background:#f7f6f6; padding:47px 0 42px; text-align:center;}

.bottom_footer { background:url(../images/footer_bg.jpg) top; background-size:cover; padding:67px 0 100px;}

.contact_details h3 {font-family: 'Source Sans Pro', sans-serif; font-weight:600;}
.contact_details p {font-family: 'Source Sans Pro', sans-serif;  font-weight:400; padding:0 0 30px; margin:0;}
ul.email { padding:0; margin:0; list-style:none; }
ul.email li { }
ul.email li a { color:#fff;  font-family: 'Source Sans Pro', sans-serif;}
ul.email li i { color:#fff; margin-right:10px; font-size: 17px;}
ul.email li a:hover { color:#18baeb;}

/*.contact_details .contact_form .contact_row { margin: 0 0 20px;}*/
.contact_form {
    overflow: hidden;
	position: relative;
}
#form-validation-field-1 {
	border: 1px solid #f00;
}
.contact_details input[type="text"] {  background-color: transparent; height: 47px; color: #fff; border-radius: 0; border: 1px solid #fff; display: block; width: 100%; padding: 6px 12px; box-sizing: border-box;}
.contact_form input[type="submit"] { width: 100%; background: #18baeb; border: 0; font-weight: normal; font-size: 21px; padding: 10px 0; text-transform: uppercase; color: #fff; cursor: pointer; margin-top: 0 !important;}
.contact_form input[type="submit"]:hover {background:#555757; color:#fff;  transition: all 0.3s ease 0s;}

.main_footer { background:#001421; padding:20px 0; text-align:center;}
.main_footer p { padding:0; }




.page_cntnt h4 { color:#18baeb; margin: 0 0 5px; }
ul.listing { padding:0; margin:0; list-style:none; }
ul.listing li { color:#000; font-weight:400; padding:5px 30px 5px 20px; display: inline-block; position: relative;}
ul.listing li img { position: absolute; left: 0; display: inline-block; top: 11px;}

.inner_cntnt { padding:67px 0 30px;}
.inner_cntnt h3 { color:#18baeb; margin: 0 0 10px;}
.page_cntnt h5 { color:#000; font-weight:600;font-family: 'Source Sans Pro', sans-serif; margin: 0 0 5px;}
.inner_cntnt p { color:#737373; line-height: 27px; font-weight:400; padding: 0 0 20px; text-align: justify;}
.team_sctn .inner_cntnt p { text-align: justify;}
.light_bg { background:#f7f5f6;}
.work_inner {padding:40px 0 20px;}
.work_inner p { color:#737373; line-height: 27px; font-weight:400; padding: 0 0 17px; text-align: justify;}
.team_sctn .work_inner p {text-align: justify;}
.work_inner h3 {color:#18baeb; margin: 0 0 10px;}

.team_sctn { background:#f7f6f6; margin:0 0 25px;}
.work_inner .team_heading h3 {color:#18baeb; margin: 0 0 10px; position:relative;}
.work_inner .team_heading h3:after { content:""; position:absolute; margin-left: 20px; background:#18baeb; width:62px; height:2px; top: 16px;}

.left_img { float:left; margin:0 20px 0 0;}

.contact { text-align:center; padding:80px 0;}
.contact .contact_form .contact_row { margin: 0 0 20px;}
.contact .contact_form  {  width: 669px; margin: 0 auto; max-width: 90%;  }
.contact .contact_form .contact_row label { color:#4d4d4d; width:100%; }
.contact .contact_row .form-control { background-color: transparent; height: 40px; color: #000; border-radius: 0; }
.contact .contact_row textarea.form-control { background-color: transparent; height: 143px; color: #000; border-radius: 0; resize:none;}

div.wpcf7-validation-errors { border: 2px solid #f00; color: #f00;}

/*-- New_work_add(30-01-2018) --*/
.download_link a{
    background: #18baeb;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 10px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
}
.download_link a:hover{
    background: #555757;
    color: #fff;
}

ul.ypoc-list {
    color: #737373;
    line-height: 27px;
    font-weight: 400;
    padding-left: 35px;
}

.video_inner .page_cntnt .col-sm-4 p {
    min-height: 90px;
}

.video_sctn {/*margin: 57px 0;*/ text-align: center;}

section.abt_sctn {
    background: #f7f5f6;
    padding: 0 0 40px;
    text-align: center;
    margin-top: 30px;
}


@media only screen and ( max-width:1600px ) {}
@media only screen and ( max-width:1366px ) {}
@media only screen and ( max-width:1199px ) {
.page_cntnt h3 a { font-size: 22px;	}
.banner_box .banner_infobox h1 { font-size: 31px; margin: 0 0 10px; }
.banner_box .banner_infobox p { line-height:22px;}	
}

@media only screen and ( min-width:1025px ) {}
@media only screen and ( max-width:1024px ) {}
@media only screen and ( max-width: 991px ) {
header{ padding:14px 0 0;}
.logo { padding-bottom: 10px;}
.click {z-index: 9;cursor:pointer; display:block; position:absolute; font-size: 32px;  color:#18baeb; right: 15px; top: -65px;}
.menu { display:none; margin:0 0 10px;;}
.menu ul li {display: block;text-align: left; line-height:40px; margin:0; background: #555757;}	
.menu ul li a{text-align: center; padding:0; line-height:40px; margin:0;display: block;font-size: 16px; color: #fff;}
.menu ul {margin: 0;  padding: 0;}	
.page_cntnt h3 a { font-size: 22px;	}
.banner_box .banner_infobox h1 { font-size: 27px; margin: 0 0 10px; }
.banner_box .banner_infobox p { line-height:18px;}	
.abt_img img { width: 100%;}
.page_cntnt p {padding:0 20px 35px;;}
.col-md-5.contact_details { text-align:center;}
.col-md-7.contact_details { text-align:center;margin: 20px 0;}
.contact_details p { padding: 0 0 12px;}


.inner_cntnt h3 { font-size: 24px;}


}
@media only screen and ( min-width: 768px ) {
.click {    top: -78px;}
.work_inner .right_abt img { margin-bottom: 20px;width:100%;}
.inner_cntnt .right_abt img { margin-bottom: 20px;width:100%;}

.team_sctn .inner_cntnt p { text-align:center;}
.team_sctn .work_inner p { text-align:center;}
}
@media only screen and ( max-width: 767px ) {

.inner_cntnt .right_abt img { margin-bottom: 20px;width:100%;}
.abt_inner { text-align: center;}
.inner_cntnt p { text-align:center;}
.work_inner p { text-align:center;}
.inner_cntnt h3 { font-size: 33px;}
.work_inner .right_abt img { margin-bottom: 20px; width:100%;}
.click { top: -79px;}
.inner_cntnt { padding: 36px 0 30px;}
.board .abt_inner { text-align: left;}
.board .work_inner p { text-align: justify;}	
.about .abt_inner { text-align:left;}
ul.listing li {padding: 5px 85px 5px 20px;}
.work_inner .team_heading h3:after  { display:none;}
}
@media only screen and ( max-width: 667px ) {
.inner_cntnt h3 { font-size: 29px;}
.banner_box .banner_infobox h1 { font-size: 24px;}
.banner_box .banner_infobox p { font-size: 13px; padding:0;}
.slider_img { padding: 30px 0;}

}
@media only screen and ( max-width: 568px ) {}
@media only screen and ( max-width: 567px ) {}
@media only screen and ( max-width: 479px ) {
.logo img { width:40%;}
ul.listing li { padding: 5px 0 5px 20px;}
.click {top: -64px;}	
}
@media only screen and ( max-width: 414px ) {}
@media only screen and ( max-width: 380px ) {
.page_cntnt h2 { font-size:35px;}
.board .left_img { width:100%;}
.board .left_img img { display: block; margin:0 auto 20px;}	
.board .abt_inner { text-align:center;}
.board .work_inner p { text-align: center;}



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