*{ box-sizing:border-box}
.respContainer img {max-width: 100%;}
.colrow:after, .colrow:before{ display:table;  content:""}
.colrow:after{ clear:both }
body{ font-family:"Open Sans",Arial,Helvetica,sans-serif !important; padding:0px; margin:0px; }
.InnerWrapper{ max-width:1280px; margin: 0 auto;}

.pageBtn,
#PostsWrap .SinglePost .ReadMoreBtn,
.WhitePaperForm .wpcf7-submit{ -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }

.respContainer{ position:relative;  width:100%;  max-width:1280px;  margin:0 auto;  padding:0 15px}
.respContainer .pullRight{ float:right !important; }
.respContainer .pullLeft{ float:left !important; }

.floatright{ float:right !important}
.floatleft{ float:left !important}
.textright{ text-align:right}
.textleft{ text-align:left}
.textcenter{ text-align:center}

.pageBtn{ position:relative;  padding:8px 12px;  line-height:1.42857143;  text-align:center;  white-space:nowrap;  vertical-align:middle;  -ms-touch-action:manipulation;  touch-action:manipulation;  cursor:pointer;  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none;  background-image:none;  display:block;  text-transform:uppercase;  background:#1ca766;  color:#fff;  max-width:300px;  font-size:18px;  margin:30px auto 40px auto; text-decoration: none;  border-radius:8px; outline:0px; 
}

.pageBtn:focus, .pageBtn:hover{ color:#fff; opacity: .8;}

.pageHeader{ background:#fff}

.pagePhone{ padding:10px 0 0;  font-family:'Open Sans',arial,helvetica,sans-serif;  font-weight:700;  font-size:21px}

.pagePhone a{ color:#7e7e7e; text-decoration:none; }
.pagePhone a:hover,
.pagePhone a:focus{ text-decoration:underline; }

.pagePhone img{ vertical-align:middle;  margin:0 2px 0 0}

.pageBanner{ position:relative;  padding:30px 0}

.pageBanner h1{ font-size:36px;  margin:0 0 10px;  color: #024c7d;  line-height:50px}

.pageBanner p{ font-size:28px;  margin:0 0 10px;  color:#010101}

.pageBanner .respContainer{ z-index:10}

.pageBanner .respContainer .bannerContent{ margin-top:50px; }

.bannerBg{ position:absolute;  left:0;  top:0;  width:100%;  height:92%;  z-index:0;  background-color:#ccc; background-repeat:no-repeat;  background-position:center;  -webkit-background-size:cover;  -moz-background-size:cover;  -ms-background-size:cover;  -o-background-size:cover;  background-size:cover}

.bannerBg:before{ content:'';  /*background:rgba(4,145,188,0.3);*/  position:absolute;  left:0;  top:0;  width:100%;  height:100%;  z-index:0}

.bannerform{ max-width:370px;  background:#fff;  padding:20px;  border-radius:10px;  border:2px solid #003f6a}



.bannerform h4{ font-size:20px;  margin:0 0 10px;  color:#8d0102}

.bannerform p{font-size: 14px;color:#343434;  margin:0 0 10px;}

/**/
.postHeader{ padding:0 0 20px}
.phTop{ background:#e3e3e3;  padding:10px}
.phTop h6{ font-size:42px;  margin:0 0 10px;  color:#010101;  line-height:50px}
.phTop p{ font-size:14px;  margin:0 0 10px;  color:#010101}
.phBtm{ background:#fff;  padding:0 15px 30px}
.phBtm h4{ font-size:24px;  margin:10px 0 15px;  color:#000}
.phBtm p{ font-size:14px;  padding:0 0 15px;  color:#333}
.phBtm ul {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 20px 0;
}
.phBtm ul li{ font-size:14px; line-height: 23px;  margin:0 0 5px 2px;  color:#333}
.phBtm ul li:before {
	content: "\2714";
	margin-left: -21px;
	margin-right: 9px;
}

/**/
.predictSect{ background:#f4f4f4;  padding:50px 0}
.predictSect h2{ font-size:36px;  margin:0 0 25px;  color:#000; font-weight:600; }
.psItem{ padding:25px 0}
.predictSect h4{ font-size:22px;  margin:15px 0;  color:#000}
.predictSect a{ text-decoration:none; color:#000; }
.predictSect a:hover,
.predictSect a:focus{ text-decoration:underline; color:#235791; }
.predictSect p{ font-size:16px;  display:inline-block;  color:#010101;  max-width: 253px;  margin:0}

/**/
.customersSect{ background:#fff;  padding:50px 0 10px 0;  text-align:center}
.customersSect h3{ font-size:36px;  margin:0 0 25px;  color:#000; font-weight:600;}
.customersSect .owl-carousel{ padding:30px 0 15px}
.customersSect .owl-carousel .owl-item{ padding-bottom:5px}
.customersSect .owl-carousel .owl-item img{ width:auto;  display:inline-block}

/**/
.postSlider{ position: relative;padding:0 15px}
.postSlider .colrow .item{position: static;color: #fff;padding: 35px 15px !important;text-align: center;z-index: 10;background-color: #ccc;}
.postSlider .bg{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
}	
.postSlider .bg:before{
    content: '';
    background: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.postSlider .bg.last {
    border-left: 1px solid #fff;
    left: auto;
    right: 0;
}
.postSlider h4{ font-size:28px;  line-height:40px;  margin:30px 0 0 0;  color:#fff; font-weight:600; z-index:2; position:relative; }
.postSlider h5{ font-size:28px;  line-height:40px;  margin:0 0 10px 0;  color:#fff; font-weight:400;  z-index:2; position:relative;}
.postSlider p{ font-size:20px;  color:#fff;  line-height:30px;  margin:0;  z-index:2; position:relative;}

/**/
.BannerSection .ContentWrap p span.Buttons a:hover {
	background-color:#378cc7 !important;
}
.BannerSection .ContentWrap {
	width: 57%;
	max-width:729px;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	text-align:center;
}
.BannerSection .ContentWrap p {
	font-size: 26px;
	color: #000;
	line-height: 23px;
	font-weight: 400 !important;
	margin:15px 0 0 0;
}
.BannerSection .ContentWrap span.heading {
	display: block;
	font-size: 26px;
	line-height: 26px;
	color: #000;
	margin: 0 0 0 0;
	font-weight: 700;
}
.BannerSection .ContentWrap span.grcLogo{ float:left; margin-right: 10px; }
.BannerSection {
	margin: 0 auto;
	min-height: 301px;
	padding: 50px 0 50px 0;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	margin-top:30px;
}
.BannerSection .pageBtn{ left: 70px; }
/*Other Adjustments */
.avada-row.NoMargin{ margin:0px; max-width:100% !important;}
.NoPadding{ padding:0px !important; max-width:100% !important;}
.NoMargin{ margin:0px !important;}
.avada-row.NoMargin .InnerWrapper{ max-width:1280px !important; margin:0 auto; overflow:hidden;}

/*latestUpdates*/
.latestUpdates{ width:100%; padding:50px 10px 20px 10px; overflow:hidden; box-sizing: border-box;}
.latestUpdates.Gray{ background-color:#f8f8f8;}
.latestUpdates img{ max-width:100%;}
.latestUpdates span.hd2{ display:block; font-size:28px; line-height:30px; margin:0 0 15px 0; font-weight: 600;}
.latestUpdates p{ font-size:24px; line-height:35px; font-weight:400 !important;}
.latestUpdates p.StandPara{ font-size:15px; line-height:24px;}
.latestUpdates p:last-child{ margin: 0;}
.latestUpdates p.TxtCenter{ text-align:center !important;}
.latestUpdates span.hd{ display:block; font-size:24px !important; line-height:30px; font-weight:700 !important; text-align:left;}


/*Blog Posts*/
#PostsWrap{ overflow:hidden;}
#PostsWrap .SinglePost{ float:left; width:47%; margin:0 5% 60px 0;}
#PostsWrap .SinglePost:nth-child(even){ margin:0px;}
#PostsWrap .SinglePost .FeaturedImage{ display:block; width:100%; height:275px; background-size:cover; background-position:center center; margin:0 0 20px 0;}
#PostsWrap .SinglePost .PostTitle{ font-size:24px; line-height:30px;}
#PostsWrap .SinglePost .PostContent{}
#PostsWrap .SinglePost .ReadMoreBtn{ display:inline; float:left; padding:8px 30px; background-color:#1ca766; margin:30px 0 0 0; border-radius: 8px;}
#PostsWrap .SinglePost .ReadMoreBtn a{ color:#fff !important; text-transform: uppercase; font-weight:400; text-decoration:none; }
#PostsWrap .SinglePost .ReadMoreBtn:focus,
#PostsWrap .SinglePost .ReadMoreBtn:hover{ color:#fff; opacity: .8;}

#PostsWrap.Version2{ margin-top:30px;}
#PostsWrap.Version2 .SinglePost{ width:31%; margin:0 3% 20px 0;}
#PostsWrap.Version2 .SinglePost:nth-child(3n){ margin-right:0px;}
#PostsWrap.Version2 .SinglePost .FeaturedImage{}
#PostsWrap.Version2 .SinglePost .PostTitle{ font-size: 24px !important; line-height: 32px !important; overflow:hidden !important;}
#PostsWrap.Version2 .SinglePost .PostTitle a{ color:#258bc9; text-decoration:none; }
#PostsWrap.Version2 .SinglePost .PostContent{}
#PostsWrap.Version2 .SinglePost p{ font-size: 15px; line-height: 24px !important;}

#PostsWrap .hovereffect{width:100%; height:275px; margin-bottom:10px; overflow:hidden; position:relative; text-align:center; cursor:default}
#PostsWrap .hovereffect .overlay{width:100%; height:275px; position:absolute; overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(0,0,0,0.5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out}
#PostsWrap .hovereffect img{display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear}
#PostsWrap .hovereffect h2{text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; background:rgba(0,0,0,0.6); -webkit-transform:translatey(-100px); -ms-transform:translatey(-100px); transform:translatey(-100px); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; padding:10px}
#PostsWrap .hovereffect a.info{text-decoration:none; display:inline-block; text-transform:uppercase; color:#fff; border:1px solid #fff; background-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin:50px 0 0; padding:7px 14px}
#PostsWrap .hovereffect a.info:hover{box-shadow:0 0 5px #fff}
#PostsWrap .hovereffect:hover img{-ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2)}
#PostsWrap .hovereffect:hover .overlay{opacity:1; filter:alpha(opacity=100)}
#PostsWrap .hovereffect:hover h2, #PostsWrap .hovereffect:hover a.info{opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0)}
#PostsWrap .hovereffect:hover a.info{-webkit-transition-delay:.2s; transition-delay:.2s}
#PostsWrap .hovereffect:hover .overlay h2, #PostsWrap .hovereffect .overlay h2{color:#fff !important; text-align:center; font-weight:normal !important; margin:0px; font-size: 23px;}
#PostsWrap .hovereffect:hover .overlay p, #PostsWrap .hovereffect .overlay p{text-align:center !important}
#PostsWrap .hovereffect:hover .FeaturedImage{height:100%; width:100%; background-size:cover; background-position:center; transition:all 0.5s ease}
#PostsWrap .hovereffect:hover .FeaturedImage{transform:scale(1.2)}


/*WhitePaperForm*/
.pageBtn:focus, .pageBtn:hover{ color:#fff; opacity: .8;}

.WhitePaperForm input.ErrField {
	border:solid 1px red !important;
}
.WhitePaperForm input {
	box-shadow:none;
	border-radius:10px;
	height:45px;
	background-color:#f7f7f7 !important;
	font-size:16px;
	border:solid 1px #cbcbcb !important;
	padding: 10px;
	width: 100%;
}
.WhitePaperForm .wpcf7-submit {
	width:100%;
	background-color:#1ca766 !important;
	color:#fff;
	font-size: 20px;
	cursor:pointer;
	text-transform:uppercase;
}
.WhitePaperForm .wpcf7-submit:focus,
.WhitePaperForm .wpcf7-submit:hover{ color:#fff; opacity: .8;}

/**/
.pageFooter{ background:#413f40;  padding:20px}
.pageFooter p{ font-size:16px;  margin:0;  color:#fff}
.pageFooter a{ color:#fff; text-decoration:none; }

/*  Media Queries */


@media(min-width:768px){
.colrow{ margin:0 -15px}
.colrow .col12, .colrow .col11, .colrow .col10, .colrow .col9, .colrow .col8, .colrow .col7, .colrow .col6, .colrow .col5, .colrow .col4, .colrow .col3, .colrow .col2, .colrow .col1{ position:relative;  min-height:1px;  padding:0 15px;  float:left}
.colrow .col12{ width:100%}
.colrow .col11{ width:91.66666667%}
.colrow .col10{ width:83.33333333%}
.colrow .col9{ width:75%}
.colrow .col8{ width:66.66666667%}
.colrow .col7{ width:58.33333333%}
.colrow .col6{ width:50%}
.colrow .col5{ width:41.66666667%}
.colrow .col4{ width:33.33333333%}
.colrow .col3{ width:25%}
.colrow .col2{ width:16.66666667%}
.colrow .col1{ width:8.33333333%}

/**/
.pageBanner .colrow>div:first-child{ padding-left:25%}

/**/
.phBtmImg{ float:right}
.phBtmImg img{ margin-top:80px; }

/**/
/*.predictSect .colrow>div:first-child{ margin-left:16.66666667%}*/

/**/
.customersSect .colrow>div{ margin-left:16.66666667%}
}

@media(max-width:1024px){
.pageBanner .colrow>div:first-child {
    /*padding-left: 15px;*/
}

}
@media(max-width:991px){
.pageBanner .colrow > .col8{
	width: 60%;
	}
.pageBanner .colrow > .col4{
	width:40%;
	}
/**/
.phTop .colrow .colrow>div{ width:100%}

/*Blog Posts*/
#PostsWrap.Version2 .SinglePost{ width:48%; margin:0 4% 4% 0;}
#PostsWrap.Version2 .SinglePost:nth-child(2n){ margin-right:0px;}
#PostsWrap.Version2 .SinglePost:nth-child(3n){ margin-right:inherit;}
}



@media(min-width:570px) and (max-width: 767px){
.predictSect .colrow> div {
	position:relative;
	width: 49%;
	display: inline-block;
	}
	

}

@media(max-width:768px){

/**/
.pageBanner .respContainer .bannerContent{ margin-top: 35px;}
.pageBanner h1{ font-size: 33px; line-height: 45px; }
.pageBanner p{ font-size: 18px; }


}

@media(max-width:767px){
.pageBanner .colrow > .col8,
.pageBanner .colrow > .col4{
	width:100%;
	}
/**/	
.pageBanner h1{ font-size:24px;  line-height:initial;}
.pageBanner p {
    font-size: 20px;
}



.pageBanner .respContainer .bannerContent {
    margin-top: 0px;
}
.phBtmImg {
	float: none !important;
	}
.pageHeader .colrow > div {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
}
.postSlider .colrow .item{
    position: relative;
    }
.postSlider .bg {
	width: 100%;
	
}
.psItem {
    padding: 15px 0;
}
.pageFooter {
    padding: 5px;
}
.pageFooter p {
    font-size: 11px;
    text-align: center;
}
.bannerBg{ height:100%; }
.bannerform {
    max-width: 100%;
	margin-top:20px;
}
.pageLogo img {
    width: 200px;
}
.pagePhone {
padding:0;
    font-size: 15px;
}
.pagePhone img {
    width: 12px;
}

.pageBanner h1{ color:#fff; }
.pageBanner p{ color:#fff; }
.frmtxt{color:#000 !important;font-size: 14px !important;}
.customersSect h3 {font-size: 26px !important;}

.respContainer .pullRight{ float:none !important; }
.respContainer .pullLeft{ float:none !important; }

.phBtm{ padding: 30px 15px 30px 15px; }

.postSlider .colrow .item{ background-color:#fff; }
.postSlider .bg{ margin-top:15px;}

.BannerSection .ContentWrap{ min-width: 500px; }
.BannerSection .ContentWrap p{ line-height:30px; }


}


@media(max-width:600px){

/*Blog Posts*/
#PostsWrap.Version2 .SinglePost{ width:100%; margin:0 0 8% 0; text-align:center;}
#PostsWrap.Version2 .SinglePost p{ text-align:center !important;}
#PostsWrap.Version2 .SinglePost:nth-child(2n){ margin-right:inherit;}
#PostsWrap.Version2 .SinglePost:last-child{ margin-bottom:3%;}
#PostsWrap .SinglePost .ReadMoreBtn{ float:none; display:inline-block;}

/**/
.BannerSection{ min-height:inherit; padding:50px 0 0px 0; }
.BannerSection .ContentWrap{ min-width: inherit; width:90%; margin:0 auto; float: none; }
.BannerSection .ContentWrap span.grcLogo{ float:none; display:block; margin: 0 0 20px 0;}
.BannerSection .pageBtn{ left: inherit; }

/**/
.predictSect h2{ font-size: 30px; }

}