/*
Theme Name: covenant
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
*/

html {
	font-family:'Conv_SFUIDisplay-Regular',Sans-Serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-weight:400;
	background:url(images/footerbg.png);
	background-repeat:no-repeat;
	background-position:bottom;
	    background-size: 100%;
}

body {
	font-weight:400;margin: 0;padding:0;
	background:url(images/headerImage.png);
	background-repeat:no-repeat;
	background-size:100%;
	font-family:'Conv_SFUIDisplay-Regular',Sans-Serif;
}

@font-face {
	font-family: 'Conv_SFUIDisplay-Bold';
	src: url('fonts/SFUIDisplay-Bold.eot');
	src: url('fonts/SFUIDisplay-Bold.woff') format('woff'), url('fonts/SFUIDisplay-Bold.ttf') format('truetype'), url('fonts/SFUIDisplay-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SFUIDisplay-Light';
	src: url('fonts/SFUIDisplay-Light.eot');
	src: url('fonts/SFUIDisplay-Light.woff') format('woff'), url('fonts/SFUIDisplay-Light.ttf') format('truetype'), url('fonts/SFUIDisplay-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SFUIDisplay-Medium';
	src: url('fonts/SFUIDisplay-Medium.eot');
	src: url('fonts/SFUIDisplay-Medium.woff') format('woff'), url('fonts/SFUIDisplay-Medium.ttf') format('truetype'), url('fonts/SFUIDisplay-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SFUIDisplay-Regular';
	src: url('fonts/SFUIDisplay-Regular.eot');
	src: url('fonts/SFUIDisplay-Regular.woff') format('woff'), url('fonts/SFUIDisplay-Regular.ttf') format('truetype'), url('fonts/SFUIDisplay-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clearfix{clear:both;}

/*Common Class*/
*, *::after, *::before {box-sizing: border-box;}
*::selection{background:#00b2e7 none repeat scroll 0 0;color:#fff;}
*::-moz-selection {background:#00b2e7 none repeat scroll 0 0; color: #fff;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}

a{transition: all linear .3s;}
a:hover{transition: all linear .3s;}

p{padding-bottom:10px;margin:0;}
p:last-child,p:last-of-type{margin-bottom:0px;}
p:only-child,p:only-of-type{margin-bottom:0px;}
p:empty{display:none;}
.clear {clear: both;}
.flLeft {float: left;}
.flRight {float: right;}
.sectionarea{margin:0px; padding:0px; width:100%; clear:both;}
.sectionarea::after{clear:both; content:""; display:table; margin:0; padding:0; width:100%;}
.sitewrapper{max-width:1200px; margin:0 auto; clear:both;}
.sitewrapper::after {clear: both; content: ""; display: table; margin: 0; padding: 0;width: 100%;}

/*fonts*/
.fBold{font-family:'Conv_SFUIDisplay-Bold',Sans-Serif;}
.fLight{font-family:'Conv_SFUIDisplay-Light',Sans-Serif;}	
.fMedium{font-family:'Conv_SFUIDisplay-Medium',Sans-Serif;}
.fRegular{font-family:'Conv_SFUIDisplay-Regular',Sans-Serif;}

/*header start*/
.headerImage{background-repeat:no-repeat; background-size:cover; background-position:top center;padding: 1px 0 0 0;}
.headerLogo{text-align:center;}
.headerLogo .easylogo{margin:39px 0 47px 0;}
.navMenuWrapper{background:#0f277f;height:52px;}
.navMenuWrapper button.menu-toggle{display:none;}
.navMenuWrapper a.menu-scroll-down{display:none;}

.navMenuWrapper ul#top-menu{margin:0;padding:0;list-style:none;text-align:center;}
.navMenuWrapper ul#top-menu li{display:inline-block;padding:15px 0px;}
.navMenuWrapper ul#top-menu li a{color:#fff;text-decoration:none;font-size:22px;border-right: solid 1px #fff;padding:0 32px}
.navMenuWrapper ul#top-menu li a:hover, .navMenuWrapper ul#top-menu li.current-menu-item a{color:#7ecaf6;}
.navMenuWrapper ul#top-menu li#menu-item-14 a{border-right:0;}

.americaCovenantWrapper{clear:both;}
.siteConent{/* position: absolute;top: 0;right: 0;left: 0;width: 100%; */clear:both;text-align:center;color:#ffffff;} 
.siteConent .headerTitle{font-size:36px;color:#7ecaf6;padding:67px 0 35px 0;line-height: 1;} 
.siteConent .headerTitleContent{font-size:16px;width: 960px; line-height: 28px; margin: auto;} 
.siteConent .headerBockquote{font-size:20px;width: 1002px; line-height: 28px; margin: auto;} 
.siteConent .headerBockquote blockquote{background-repeat:no-repeat;position:relative;padding: 20px 100px 0 100px;margin: 50px 0 75px 0;line-height: 33px;} 
.siteConent .headerBockquote blockquote:before{background:url(images/quoate1.png); background-repeat:no-repeat;position:absolute;left:0;top:0;content:''; width:77px; height:70px;} 
.siteConent .headerBockquote blockquote:after{background:url(images/quoate2.png); background-repeat:no-repeat;position:absolute;right:0;bottom:-25px;content:''; width:77px; height:70px;} 

.whySignificant{background:url(images/why-significant.png); background-repeat:no-repeat; width:1214px; margin:auto;padding:57px 57px 40px 455px;font-size:16px; color:#384b5a;}
h2.redTitle{font-size:32px;color:#ea0101;padding-bottom:27px;}
.whySignificant .whySignificantContent{line-height: 28px;}

.whatCanDo{padding:50px 0 0px 50px;background:url(images/skyImage.png); background-repeat:no-repeat;background-position:right 20px bottom 40px;}
.whatCanDo ul{margin:0;padding:0;list-style:none;color:#384b5a;width:640px;}
.whatCanDo ul li{padding:0 0 25px 49px;background:url(images/cross.png); background-repeat:no-repeat;background-position:top left;line-height:28px;}
/* .whatCanDo ul li:last-child {padding-bottom: 0;} */
.borderLine{background:url(images/border-img.png); background-repeat:repeat-x;height:6px;}

.whatCharterWrapper .siteConent .colrblu{color:#384b5a;line-height:30px}
body.page-id-37 .whatCharterWrapper .siteConent.whiteText .colrblu{color:#fff;}
.whatCharterWrapper .siteConent .colrblu blockquote{margin: 0px 0 70px 0;padding: 20px 120px 0 120px;}
body.page-id-37 .whatCharterWrapper .siteConent.whiteText .colrblu2{color:#fff;}
.blue2 p{color:#384b5a}

.whatCharterWrapper .siteConent .headerTitle{padding: 81px 0 30px 0;}
.whatCharterWrapper .siteConent .blueTitle{color:#7ecaf6;}

.contactBox{width:837px; margin:auto;}
.contactBox input.name, .contactBox input.emaddress, .contactBox input.phnNumber{width:100%;background:#d3e1ec;border:solid 1px rgba(183, 198, 210, 0.54);height: 44px;box-shadow:inset 1px 1px 9px 2px rgba(183, 198, 210, 0.54); padding:5px 10px;outline:none;color:#7b8d9c;font-size:14px;font-family:'Conv_SFUIDisplay-Regular',Sans-Serif;}
.contactBox input:focus{border:solid 1px rgba(255, 0, 0, 0.42)}
.contactBox .Name{width:32%;float:left;}
.contactBox .EmailAddress{width:33%;float:left;margin:0 12px;}
.contactBox .PhoneNumber{width:32%;float:left;}
.contactBox .Message{width:100%;float:left;margin-top:12px}
.contactBox .Message .message{width:100%;background:#d3e1ec;border:solid 1px rgba(183, 198, 210, 0.54);box-shadow:inset 1px 1px 9px 2px rgba(183, 198, 210, 0.54);height:114px;padding:5px 10px;outline:none;font-family:'Conv_SFUIDisplay-Regular',Sans-Serif;color:#7b8d9c;font-size:14px}
.contactBox .Message .message:focus{border:solid 1px rgba(255, 0, 0, 0.42)}
.contactBox .submitbtn{width:270px;background:#0f277f;border:0;height: 44px; font-size:18px;color:#fff;text-transform:uppercase;margin-top:17px;outline:none;cursor:pointer;}
.contactBox .submitbtn:hover{background:#ea0101;}
.contactBox .submitbtn:focus{border:solid 1px #0f277f}
.contactWrapper .siteConent .headerTitle{padding: 73px 0 25px 0;}
.brdrtop{border-top:solid 1px #a9b4c7;margin-top: 65px;}

.sidebar{background:#fff;border-radius: 25px;font-size:14px;color:#7a7a7a;width:835px;margin:87px auto 48px;text-align:center;padding: 19px 5px}
.sidebar p{margin:0;padding:0;}
.sidebar a{text-decoration:none;color:#7a7a7a;}
.sidebar a:hover{text-decoration:none;color:#ea0101;}

.page-id-52 .brdrtop{margin-bottom: 225px;border: none;}
.page-id-52 .contactWrapper .siteConent .headerTitle {padding: 30px 0 25px 0;}
.page-id-52 .contactBox input.name, .page-id-52 .contactBox input.emaddress, .page-id-52 .contactBox input.phnNumber{background: #ffffff;}
.page-id-52 .contactBox .Message .message{background: #ffffff;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border:0; color: red;}
span.wpcf7-not-valid-tip{text-align:left;font-size:13px;padding:2px 0 0 0}

@media (max-width: 1220px){
	.sitewrapper{width:100%;padding:0 15px;}
	.whySignificant{width:100%;background-size: 100%;padding: 27px 57px 50px 355px;}
	.siteConent .headerTitle{padding: 30px 0 30px 0;}
	.siteConent .headerBockquote{font-size:18px;}
	.siteConent .headerBockquote blockquote{line-height: 30px;padding: 10px 100px 0 100px;}
}

@media (max-width: 1024px){
	.headerLogo .easylogo {margin: 20px 0 20px 0;}
	.siteConent .headerBockquote {width: 100%;}
	.siteConent .headerTitleContent {width: 100%;}
	.whySignificant h2.redTitle {    color: #fff;}
	.whySignificant {    background-size: inherit;    background-position: left -21px top;padding: 15px 0;    position: relative;    min-height: 220px;}
	.whySignificant:before {position: absolute;background: rgba(255, 0, 0, 0.56);content: '';left: 0;right: 0;top: 0;bottom: 0;}
	h2.redTitle {padding-top: 20px;padding-bottom: 0;position:relative;/* color:#fff; */}
	.whySignificant .whySignificantContent {position:relative;color:#fff;    line-height: 23px;}
	.whySignificantContent {margin-top: 20px;}
}
@media (max-width: 980px){
	.headerLogo .easylogo {width: 250px;margin: 10px auto 10px;}
	.headerLogo .easylogo img { max-width: 100%;}

	.siteConent .headerBockquote blockquote { padding: 10px 50px 0 50px;line-height:28px;margin: 30px 0 50px 0;}
	.siteConent .headerBockquote blockquote:before{background-size: 30px;width: 35px; height: 35px;}
	.siteConent .headerBockquote blockquote:after{background-size: 30px;width: 35px; height: 35px;}
	.siteConent .headerTitle { padding: 20px 0 20px 0;}
	.siteConent .headerTitleContent { line-height: 24px;}
	
	.whatCharterWrapper .siteConent .colrblu blockquote { padding: 0px 50px 0 50px;}
}
@media (max-width: 900px){
.contactBox { width: 100%;}
.sidebar{ width: 100%;line-height:24px;}
.contactBox .EmailAddress { width: 32%;margin: 0 16px;}
.contactBox .Message { margin-top: 16px;}
}
@media (max-width: 850px){
	.siteConent .headerBockquote {font-size: 16px;}
	.siteConent .headerBockquote blockquote{padding: 10px 35px 0 35px;line-height: 24px;}
}
@media (max-width: 830px){
.contactBox .EmailAddress {margin: 0 18px;width: 31.5%;}
.contactBox .Name { width: 31.5%;}
.whatCanDo {background-size: 100%;background-position: right 0px bottom 4px; padding: 50px 0 0px 0px;}
.whatCanDo ul{ width: 100%;}
.whatCanDo ul li {padding: 0 0 10px 35px;    background-position: top 7px left;}
.whatCharterWrapper .siteConent .headerTitle { padding: 40px 0 20px 0;}
}
@media (max-width: 767px){
body{background-size: 130%;}
.navMenuWrapper ul#top-menu li a { font-size: 18px;padding: 0 25px;}


.headerImage .sitewrapper {padding: 0;}
.contactBox .EmailAddress {margin: 0 16px;width: 31.4%;}
.contactBox .Name { width: 31.4%;}
.siteConent .headerTitle{ font-size: 24px;}
h2.redTitle { font-size: 20px;    padding-top: 0;}
.whatCharterWrapper .siteConent .headerTitle{ font-size: 24px;}
.contactWrapper .siteConent .headerTitle{ font-size: 24px;padding: 30px 0 25px 0;}
}


@media (max-width: 680px){
body{background-size: 150%;}
.contactBox .EmailAddress {width:100%;margin:16px 0;}
.contactBox .Name { width:100%;}
.contactBox .PhoneNumber{ width:100%;}

.whatCharterWrapper .siteConent .colrblu blockquote { padding: 0px 35px 0 35px;    margin: 0px 0 50px 0;}
.brdrtop {margin-top: 25px;}
}
@media (max-width: 590px){
body{background-size: 180%;}
}

@media (max-width: 570px){
/* nav#site-navigation {display: none;} */
.navMenuWrapper ul#top-menu li a {font-size: 13px;padding: 0 5px;}
}
@media (max-width: 520px){
body{background-size: 200%;}
}

@media (max-width: 490px){
body{background-size: 220%;}

.siteConent .headerTitle { font-size: 20px;}
.contactBox .submitbtn {margin-top: 12px; width: 100%;}
.sidebar{margin: 20px auto 20px;font-size:11px;}
}

@media (max-width: 460px){
body{background-size: 240%;}
}
@media (max-width: 430px){
body{background-size: 270%;}
}
@media (max-width: 390px){
body{background-size: 300%;}
}
@media (max-width: 370px){
body{background-size: 350%;}
.whySignificant .whySignificantContent {margin-top: 5px;line-height: 22px;}
}
@media (max-width: 350px){
body{background-size: 380%;}
}
@media (max-width: 330px){
body{background-size: 420%;}
}