/*
Theme Name: Open Polytechnic iQualify School
Author: the Open Polytechnic team
Description: Theme for iQualify school build by Open Polytechnic.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


/*Nav bar sticky */
/* To mantain the navbar at the top once it is affixed */
.affix {
	top: 0;
	width: 100%;
}

/* Padding for a smoth affix */
.affix + .container-fluid {
	padding-top: 72px;
}
/*End nav sticky */

.body-container {
	padding: 50px 0 0px 0;
}

.error-404{
	font-size: 120px;
	color: #0085CA;
	text-align: center;
}


/**
BLOG POST PAGE
*/
.blog-post-category {
	margin: 0 20px 0 0;
}

/**
End blog post
*/

/** Flex stuff https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height*/

.row.is-flex {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
}
.row.is-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}


/*** end flex */




body{
	font-size:18px !important;
	font-family: "Open Sans", sans-serif !important;
	color:#4e4f56 !important;
}

.page-introduction {
	font-size: 30px;
	padding: 20px 0px;
}

ol, ul {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.site-font-bold{
	font-family: Open Sans, sans-serif;
	/*font-weight: 700;*/
	color: #0085CA;
	font-weight: bold;
}

/***********************************
Navigation bar
************************************/
.navbar-default .navbar-brand {
	color: #5FCF80;
}
.navbar-default {
	background-color: #ffffff;
}
.course-text{
	padding: 84px;
}
.navbar-default .navbar-nav > li > a {
	/*color: #717f86;*/
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
}
.navbar-nav > li > a{
	padding: 0px;
	margin: 10px 5px;
	padding: 10px 15px;
}

.navbar-default .navbar-brand {
	font-family: 'Dosis', sans-serif !important;
	font-weight: 700;
	/*text-transform: uppercase;*/
	padding: 0px;
	height: inherit;
	font-size: 36px;
	margin: 20px 0px;
}
.navbar-default .navbar-brand span{
	font-weight: 100 !important;
}
.navbar {
	margin-bottom: 0px;
}
.padding-zero{
	padding: 0px;
}
.mart20{
	margin-top: 20px;
}
/***********************************
Banner
************************************/
.homepage_banner_text {
	margin-top: 150px;
}

.homepage_banner {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}

.banner{
	/*background: url('img/homepage-bg-banner_1.jpg') no-repeat center top;*/
	background: url('img/homepage-bg-banner_1.png') no-repeat center top;
	background-size: cover;
	/*min-height: 580px;*/
	position: relative;
}
.bg-color{
	/*background-color: RGBA(12, 11, 11, 0.82);*/
	min-height: 580px;
}
.text-dec{
	font-size: 24px;
	padding: 10px 20px;
	margin: 15px 0;
	text-transform: uppercase;
	color: #fff;
}
.text-border{
	border: 5px solid #5FCF80;
	display: inline-block;
	margin-top: 150px;
}
.intro-para{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 45px;
	color: #fff;
	/*margin-top: 30px;*/
	float: left;
}
.modal-dialog {
	width: 600px;
	margin: 150px auto;
}
.mouse {
	width: 25px;
	height: 45px;
	border: 2px solid #fff;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -12.5px;
	border-radius: 12px;
}
@-webkit-keyframes rotateplane {
	0%   {top:10px;}
	25%  {top:14px;}
	50%  {top:19px;}
	75%  {top:24px;}
	100% {top:28px;}
}
@-moz-keyframes rotateplane {
	0%   {top:10px;}
	25%  {top:14px;}
	50%  {top:19px;}
	75%  {top:24px;}
	100% {top:28px;}
}
@-o-keyframes rotateplane {
	0%   {top:10px;}
	25%  {top:14px;}
	50%  {top:19px;}
	75%  {top:24px;}
	100% {top:28px;}
}
.mouse::after {
	content: "";
	position: absolute;
	height: 5px;
	width: 5px;
	background-color: #fff;
	border-radius: 100%;
	left: 50%;
	top:10px;
	margin-left: -2.5px;
	transition:all 0.3s ease-in;

	-webkit-animation-name: rotateplane; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	animation-name: rotateplane;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.modal-content h4 {
	font-size: 1.5em;
	font-weight: 700;
}
.login-box-body {
	padding: 15px 30px;
}
.login-box-msg, .register-box-msg {
	margin: 0px;
	text-align: center;
	padding: 0px 20px 20px;
}
.modal-sm {
	width: 400px;
}
.padleft-right{
	padding-left: 5px;
	padding-right: 0px;
}
.big-text{
	font-size: 35px;
}
.small-text{
	font-size: 16px;
}
.quote .btn{
	background-color: #5fcf80;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-top: 10px;
}
.quote .btn:hover, .quote .btn:focus{
	background-color: #fff;
	color: #5fcf80;
	border-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/***********************************
Features
************************************/
h2{
	font-size: 24px;
	padding-bottom: 15px;
}
.bottom-line{
	width: 25px;
	height: 3px;
	background-color: rgb(99, 122, 145);
}
.fea{
	margin-top: 25px;
}
.fea-img {
	width: 20%;
}

.fea i {
	font-size: 39px;
	/*color: #5FCF80;*/
	color: #129BFB;
	margin-top: 7px;
}
.heading h4 {
	font-size: 25px;
	line-height: 1.25;
	font-weight: 700;
	color: #0085CA;
	margin: 10px 0px;
}

.feature-icons {
	font-size: 25px;
}

#section-nav-feature {
	border-bottom: solid 1px silver;
}



/***********************************
 Organisations
************************************/
#organisations{
	/*background-color: rgb(247, 247, 247);*/
	background-color: #0D2387;
}
.orga-stru
{
	background-color: #5FCF80;
	width: 109px;
	height: auto;
	padding: 10px 10px 25px 10px;
	text-align: center;
	border-radius: 0px 80px 99px 99px;
	-moz-border-radius: 0px 80px 99px 99px;
	-webkit-border-radius: 0px 80px 99px 99px;
	-o-border-radius: 0px 80px 99px 99px;
}
.orga-stru h3 {
	font-size: 36px;
	color: white;
	font-weight: bold;
}
.orga-stru p {
	font-size: 14px;
	color: white;
	font-weight: normal;
	line-height: 20px;
	padding-top: 15px;
}
.orga-stru i
{
	font-size: 150px;
	margin-top: 35px;
	color: rgb(255, 255, 255);
}
h3.det-txt {
	font-size: 40px;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
h4.sm-txt {
	color: #5FCF80;
	font-size: 24px;
}
p.det-p {
	/*padding: 40px 0px;*/
}

#pricing{
	background: rgb(247, 247, 247);
}

/***********************************
Cta
************************************/
#cta-2{
	padding: 140px 0;
}
.cta-2-txt {
	font-size: 24px;
	padding-bottom: 15px;
	text-align: center;
	margin: 0 auto;
	line-height: 34px !important;
}
.cta-2-form input[type="email"] {
	border: 0px solid #CCC;
	padding: 13px 40px;
	font-size: 18px;
	color: #2b5d83;
	font-weight: 100;
	min-width: 280px;
	margin-left: -4px;
	margin-bottom: 2px;
	border: 1px solid #5fcf80;
	background-color: rgb(247, 247, 247);
	border-radius: 30px 0px 0px 30px;
}
.cta-2-form-submit-btn {
	font-size: 18px;
	text-transform: capitalize;
	color: #fff;
	background-color: #5fcf80;
	border: 2px solid #fff;
	padding: 14px 30px;
	margin-left: -4px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	border-width: 1px 1px 1px 0px;
	border-radius: 0px 30px 30px 0px;
}
/***********************************
Work Shop
************************************/
#work-shop {
	background-color: rgb(247, 247, 247);
}
.service-box{
	background: #fff;
	padding: 60px 30px 80px;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
}
.icon-box i {
	color: #5FCF80;
	font-size: 65px;
}
.ser-text {
	font-size: 24px;
}
.icon-box, .icon-text {
	padding: 20px 0px 0px;
}
/***********************************
Mentor Team
************************************/
.pm-staff-profile-image{
	width: 150px;
	height: 150px;
	background-color: #C6C6C6;
	border-radius: 50%;
	display: inline-block;
}
.pm-staff-profile-details {
	padding: 20px 20px;
	text-align: left;
}
.pm-staff-profile-name {
	/*font-size: 24px;*/
	font-size: 20px;
	/*text-transform: capitalize;*/
	color: #2b5d83;
}
.pm-staff-profile-title {
	text-transform: capitalize;
	color: #4b4b4b;
	font-weight: 500;
	padding: 12px 0px;
}
.pm-staff-profile-bio {
	text-transform: capitalize;
	color: #4b4b4b;
	font-weight: 100;
	text-align: left;
}
/***********************************
Testimonial
************************************/
#testimonial{
	background-color: #111;
}
.bg-white{
	background-color: #fff !important;
}
.text-comment{
	background-color: rgb(255, 255, 255);
	padding: 20px;
}
.text-par{
	font-size: 20px;
	padding-bottom: 15px;
}
/***********************************
Course
************************************/
[class*=" imghvr-"] figcaption, [class^="imghvr-"] figcaption {
	background-color: #5FCF80;
}
[class*=" imghvr-"], [class^="imghvr-"] {
	background-color: #5FCF80;
	color: #fff;
}
/***********************************
Price Table
************************************/
.price-table {
	box-shadow: 0px 0px 1px 0px RGBA(0, 0, 0, 0.4);
	position: relative;
}
.price-table .pricing-head {
	background: #fff;
	padding: 40px;
	text-align: center;
}
.price-table .pricing-head h4 {
	font-size: 22px;
	color: #232c3b;
	margin-top: 0px;
	letter-spacing: 1px;
	border-bottom: 1px solid #232c3b;
	padding-bottom: 20px;
}
.pricing-head .amount {
	font-size: 60px;
	font-weight: bold;
}
.pricing-head .curency {
	display: inline-block;
	position: relative;
	top: -30px;
	font-size: 20px;
}
.price-in {
	background: #fff;
	text-align: center;
}
.btn-bg {
	border: 0px;
	border-radius: 0px;
	color: #fff !important;
	padding: 20px 0px;
	font-weight: bold !important;
	font-size: 14px;
	background-color: #5fcf80;
}
/***********************************
Contact Us
************************************/
.contact form .form {
	width: 100%;
	height: auto;
	padding: 15px 15px 12px;
	font-size: 18px;
	margin-bottom: 18px;
	color: #7f7f7f;
	letter-spacing: 0.5px;
}
#contact .form-control {
	background: #fafafa;
	border: 1px solid rgba(119, 81, 81, 0.34);
	width: 100%;
	margin-bottom: 15px;
	border-radius: 0;

}
.textarea {
	height: 228px;
	max-width: 100%;
	max-height: 229px;
}
.light {
	font-weight: 100;
}
.white{
	color: #fff !important;
}

.validation {
	color: red;
	display:none;
	margin: 0 0 20px;
	font-weight:400;
	font-size:13px;
}

#sendmessage {
	color: green;
	border:1px solid green;
	display:none;
	text-align:center;
	padding:15px;
	font-weight:600;
	margin-bottom:15px;
}

#errormessage {
	color: red;
	display:none;
	border:1px solid red;
	text-align:center;
	padding:15px;
	font-weight:600;
	margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}
/***********************************
Footer
************************************/
.footer {
	padding: 60px 0 20px;
	background: #4E4F56;
	color: #ccc;
}
.footer a {
	color: #fff;
}

.footer h3{
	font-weight: 300;
	letter-spacing: 0.05em;
	margin: 0 0 40px;
	font-size: 24px;
}
.footer .form-control {
	border-radius: 30px;
	border: none;
	background: rgba(255,255,255,.1);
	padding-left: 30px;
	color: #e5e6e7;
	margin-bottom: 0;
	height: 48px;
}
.footer .social-links li a {
	color: #fff;
	font-size: 32px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.footer .social-links li {
	display: inline-block;
	margin: 0 10px 25px 10px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.footer .mc-trial {
	margin: 20px 0;
}
.footer .social-links {
	font-size: 12px;
	list-style: none;
	padding: 0;
	margin: 30px 0 40px;
	padding: 40px 0 0;
	/*border-bottom: 1px solid rgba(255,255,255,0.2);*/
}
.btn-submit:hover, .btn-submit:focus{
	background-color: #5fcf80;
	color: #fff;
}
.btn-submit{
	padding: 14px 12px;
	border-radius: 50px;
	text-transform: uppercase;
	background-color: #5fcf80;
	color: #fff;
}
.btn-submit i{
	padding-left: 8px;
}

.btn-sec {
	margin-top: 20px;
}
.ser-btn {
	padding: 10px 18px;
	border: 0px;
	background-color: #222935;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 20px;
}
.mem-info{
	padding: 45px 10px 0px;
	background-color: #eee;
}
.mem-info h4 {
	font-size: 18px;
	padding: 10px 0px;
}
.mem-info h3{
	font-size: 24px;
	padding: 15px 0px;
}
.mem-info h5
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mem-info p {
	margin: 0 0 10px;
}
.agent-social li {
	display: inline-block;
	padding: 0px 10px 0px 0px;
	margin-bottom: 10px;
}
.btn {
	padding: 10px 20px;
}
.light-form-button{
	background: #5fcf80;
	border: 1px solid rgba(119, 81, 81, 0.34);
	width: 24%;
	padding: 10px 10px;
	margin-bottom: 15px;
	color: #fff;: #fafafa;
	border: 1px solid rgba(119, 81, 81, 0.34);
	width: 24%;
	margin-bottom: 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-green, .btn-green:hover{
	background-color: #5fcf80;
	color: #fff;
}
.footer .form-control:focus{
	box-shadow: none;
}
/***********************************
************************************
Responsive media queries
************************************
***********************************/
@media (min-width: 769px) and (max-width: 980px) {
	.ser-text {
		font-size: 20px;
	}
	.service-box, .feature-info, .orga-stru{
		margin-bottom: 30px;
	}
	.pricing-head .amount {
		font-size: 51px;
	}
	.price-table .pricing-head h4 {
		font-size: 18px;
	}
}
@media (min-width: 451px) and (max-width: 991px) {
	p.button-p {
		margin: 0 0 30px 0px;
	}
	.ser-text {
		font-size: 20px;
	}
	.service-box, .feature-info{
		margin-bottom: 30px;
	}

	.pricing-head .amount {
		font-size: 51px;
	}
	.price-table .pricing-head h4 {
		font-size: 18px;
	}
	.logo-holder {
		background: url('img/Logo_blue.png') no-repeat center top;
		width: 215px;
		height: 75px;
	}
	.svgpattern {
		position: absolute;
		left: 0px;
		top: 0px;
		background: url('img/pattern-iq4s-small.png') repeat-y;
		background-size: contain;
		width: 25%;
		height: 100%;
	}

	.org-row {
		padding-top: 0px;
		/*padding-bottom: 20px;*/
		position: relative;
		z-index: 3;
	}

	#banner-top .caption-holder {
		font-size: 40px;
	}
	h1.bigtext{
		font-size: 45px;
		font-family: "Montserrat";
		font-weight: bold;
		line-height: 1.042;
		color: #fff;
	}
	.iqual-block-head{
		font-size: 45px;
		color: #0085CA;
		font-weight: bold;
		font-family: "Montserrat";
	}
	a.learnmore {
		padding: 10px 20px;
		-webkit-border-radius:20px;
		-moz-border-radius: 20px;
		border-radius: 40px;
		/*background: #129BFB;*/
		background-color: #0085CA;
		font-size: 20px;
		font-weight: bold;
		color: #FFF;
	}
	.small-banner {
		background-color: #0085CA;
		background-size: contain;
		position: relative;
	}
	#footer .footer-site-icon,
	#footer .social-links {
		width: 100%;
	}
}
@media (min-width: 20px) and (max-width: 450px) {

	.subpage-banner-text-new > p {
		font-size: 1.4em;
		font-weight: bold;
		/*width: 70%;*/
	}

	.subpage-banner-text-new > h1 {
		font-size: 25px;
	}

	#blogpage-video-popup-model {
		width: 300px;
	}
	/*.rounded-button {
		padding: 10px 35px;
	}*/
	.rounded-button,
	.rounded-button-whitebg{
		padding: 10px 35px;
	}
	.rounded-button:hover {
		background-color: #0072ad;;
	}
	p.button-p {
		margin: 30px 0px;
	}
	.text-dec {
		font-size: 20px;
	}
	.big-text {
		font-size: 30px;
	}
	.small-text {
		font-size: 14px;
	}
	.intro-para {
		font-size: 30px;
	}
	.header-section p{
		font-size: 14px;
	}
	.heading {
		margin-bottom: 20px;
	}
	.orga-stru i {
		font-size: 92px;
	}
	.orga-stru {
		padding: 5px 5px 15px 5px;
		width: 75px;
		margin-bottom: 20px;
	}
	.orga-stru h3 {
		font-size: 28px;
	}
	.orga-stru p {
		font-size: 13px;
	}
	h3.det-txt {
		font-size: 28px;
	}
	.cta-2-txt {
		font-size: 20px;
	}
	.service-box, .text-comment, .price-table{
		margin-bottom: 30px;
	}
	.contact-form-button{
		width: 40%;
	}
	.footer .social-links li {
		margin: 0 5px 25px;
	}
	.cta-2-form-submit-btn {
		font-size: 10px;
	}
	.cta-2-form input[type="email"] {
		padding: 13px 10px;
		font-size: 10px;
		min-width: 187px;
	}
	.modal-sm {
		width: 300px;
	}
	.login-box-body {
		padding: 15px 20px;
	}
	.navbar-default .navbar-brand{
		margin-left: 10px;
	}
	.navbar-default .navbar-nav > li > a{
		text-align: center;
	}
	.logo-holder {
		background: url('img/Logo_blue.png') no-repeat center top;
		width: 215px;
		height: 75px;
	}

	#banner-top .caption-holder {
		font-size: 40px;
	}
	#feature .heading p {
		font-size: 12px;
		color: #4e4f56;
		font-family: "Open Sans", sans-serif;
	}
	.heading h4{
		font-size: 20px;
		font-family: "Montserrat";
		font-weight: bold;
		line-height: 1.6;
	}
	#feature .heading img {
		width: 40%;
	}
	h1.bigtext{
		font-size: 40px;
		font-family: "Montserrat";
		font-weight: bold;
		line-height: 1.042;
		color: #fff;
	}
	.iqual-block-head{
		font-size: 40px;
		color: #0085CA;
		font-weight: bold;
		font-family: "Montserrat";
	}
	a.learnmore {
		padding: 10px 20px;
		-webkit-border-radius:20px;
		-moz-border-radius: 20px;
		border-radius: 40px;
		/*background: #129BFB;*/
		background-color: #0085CA;
		font-size: 20px;
		font-weight: bold;
		color: #FFF;
	}
	.small-banner {
		background-color: #0085CA;
		background-size: contain;
		position: relative;
	}
	#footer .footer-site-icon,
	#footer .social-links {
		width: 100%;
	}
}


/*Raghu*/
@media (min-width: 406px) {

	.subpage-banner-text-new > p {
		font-size: 40px;
		font-weight: bold;
		/*width: 70%;*/
	}
	.subpage-banner-text-new > h1 {
		font-size: 25px;
	}
	.rounded-button,
	.rounded-button-whitebg,
	a.learnmore {
		padding: 10px 35px;
	}

	.rounded-button-whitebg:hover {
		background-color: #0085CA;
		color: #fff;
		text-decoration: none;
	}
}
@media (min-width: 991px) {
	.subpage-banner-text-new > p {
		font-size: 40px;
		font-weight: bold;
		width: 70%;
	}

	.detail-info {
		text-align: center;
		margin-top: 107px;
		margin-left: 30px;
	}
	.iqual-row, .faq-row, .whatsnew {
		padding: 50px 0px 70px 0px;
	}
	.comsblock {
		padding: 100px 0px;
		background: #EBEBEB;
	}
	.comms-text {
		width: 38%;
		margin: 0px auto;
		/*text-align: center;*/
		text-align: justify;
	}
	/*column divider*/
	.row.vdivide [class*='col-']:not(:last-child):after {
		background: #bdbdbd;
		width: 1px;
		content: "";
		display:block;
		position: absolute;
		top:0;
		bottom: 0;
		right: 0;
		min-height: 70px;
	}
}


@media (max-width: 991px) {

	.comsblock {
		padding: 20px 0px;
		background: #EBEBEB;
	}
	.comms-text {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	.col-content-center {
		/*margin: 0px 20%;*/
		margin: 0px 5%;
	}
	#quote-image-holder {
		display: none;
	}
	.org-row {
		/*padding-bottom: 20px;*/
	}
}

@media (max-width: 992px) {

	section {
		/*background-color: #4E4F56;*/
	}
	.my-custom-container{
		width:970px;
		margin: 0px auto;
	}
	.banner{
		/*background: url('img/homepage-bg-banner_1.jpg') no-repeat center top;*/
		background: url('img/homepage-bg-banner_1.png') no-repeat center top;
		background-size: cover;
		min-height: 580px;
		position: relative;
		width: 100%;
	}

	.mynavbar,
	#change .mynavbar,
	.section-with-overlay .mynavbar {
		/*background: transparent;*/
		padding: 50px 0px 20px 0px;
		z-index: 2;
		top: 0px;
		width: 100%;
		border: none;
	}
}
@media screen and (min-width: 768px) {

	.ncea-container {
		width: 800px !important;
	}

	.readmore-whatsnew-link {
		position: absolute;
		display: block;
		text-align: left;
		bottom: 20px;
		margin: 0px 20px;
		font-weight: bold;
		color: #0085CA;
		z-index: 9;
	}

	.post-wrapper {
		position: relative;
		margin-bottom: 80px;
		z-index: 2;
		padding: 0px 20px;
		text-align: left;
	}

	.post:before {
		position: absolute;
		bottom: -30px;
		left: 0;
		content: '';
		height: 90px;
		width: 52%;
		background-color: #fff;
		transform: skewY(-15deg);
		border-radius: 0 0 0 30px;
		z-index: 0;
	}

	.post:after {
		position: absolute;
		bottom: -30px;
		right: 0;
		content: '';
		height: 90px;
		width: 54%;
		background-color: #fff;
		transform: skewY(15deg);
		border-radius: 0 0 30px 0;
	}

	.curved-image {
		border-radius: 30px 30px 0 0;
		width: 100%;
		height: 208px;
	}

	.post {
		flex: 1;
		background-color: #fff;
		margin: 10px;
		text-align: center;
		position: relative;
		width: 360px;
		z-index: 1;
		border-radius: 30px 30px 0 0;
	}

	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		margin-bottom: 130px;
	}

	.subpage-banner-text {
		color: #fff;
		position: absolute;
		bottom: 50px;
		font-size: 60px;
		font-family: Montserrat;
	}

	blockquote > p.quote-text {
		color: #0085CA;
		font-size: 24px;
		font-weight: bold;
	}
	.heading {
		width: 80%;
		padding: 20px;
		margin: auto;
	}
	.feature-text {
		/*text-align: justify;*/
	}

	/* New sub-banner- */
	.generic {
		padding-top: 175px;
	}
	#subpage-banner-new {
		/*background: #0E2387;
		background: url('img/bg-banner.jpg');
		background-size: cover;*/
	}

	.small-banner-new {
		position: relative;
		background: url('img/bg-banner.jpg');
		background-size: cover;
	}

	.small-banner-pattern-holder-new {
		background: url('img/iq4s-banner.png') repeat-y;
		background-size: 75%;
		height: 400px;
	}
	.subpage-banner-text-new{
		color: #fff;
		/*position: absolute;///*/
		/*bottom: 70px;*/
		top: 10%;
		/*font-family: Montserrat;*/
		padding: 40px 0px;
	}
	.subpage-banner-text-new > p {
		/*font-size: 60px;*/
		font-size: 4vw;
		font-weight: bold;
		/*width: 70%;*/
	}
	/* End New sub banner */

	.small-banner-pattern-holder {
		background: url('img/pattern-iq4s.png') repeat-y;
		background-size: cover;
		width:70%;
		height: 350px;
		/*height: 530px;*/
		/*position: relative;*/
	}

	#blogpage-video-popup-model {
		width: 700px;
	}
	/**Navigation */
	#myNavbar > ul.navbar-nav > li.menu-item > a {
		color: #FFFFFF;
	}
	#myNavbar > ul.navbar-nav > li.last > a {
		color: #FFFFFF;
		background: #0085CA;
		border-radius: 30px;
	}
	#myNavbar > ul.navbar-nav > li.last > a:hover{
		/*background: #0D2387;*/
		background: #041252;
		/*border: solid 2px #0085CA;*/
	}
	.mynavbar > #myNavbar > ul.navbar-nav > li.menu-item > a {
		color: #FFFFFF;
		background-color: #0D2387;
		/*border: solid 2px #0085CA;*/
		border-radius: 30px;
	}
	.mynavbar > #myNavbar > ul.navbar-nav > li.last > a {
		color: #FFFFFF;
		background-color: #0D2387;
		border: solid 2px #0085CA;
		border-radius: 30px;
	}
	.mynavbar > #myNavbar > ul.navbar-nav > li.menu-item > a:hover {
		color: #FFFFFF;
		background-color: #0085CA;
		/*border: solid 2px #0D2387;*/
		border-radius: 30px;
	}
	.mynavbar > #myNavbar > ul.navbar-nav > li.last > a:hover {
		color: #FFFFFF;
		background-color: #0085CA;
		border: solid 2px #0D2387;
		border-radius: 30px;
	}

	.navbar-wrapper > .mynavbar-black {
		background-color: #FFFFFF;
	}

	.mynavbar-black > .container > #myNavbar > ul.navbar-nav > li.menu-item > a {
		color: #4e4f56;
		/*font-weight: 400;*/
	}

	#change > .mynavbar-black {
		background-color: #FFFFFF;
		border: solid 1px #E7E7E7;
	}

	/*.mynavbar-black > .container > #myNavbar > ul.navbar-nav > li.last > a {
		border: solid 2px #0085CA;
	}*/
	.mynavbar-black > .container > #myNavbar > ul.navbar-nav > li.last > a {
		border: solid 2px #0085CA;
		border-radius: 30px;
		background-color: #FFFFFF;
		color: #0085CA;
	}
	.mynavbar-black > .container > #myNavbar > ul.navbar-nav > li.last > a:hover {
		border: solid 1px #0085CA;
		border-radius: 30px;
		background-color: #0085ca;
		color:#fff;
	}


	/** End Navigation */

	.banner-top-fixed-nav {
		background: #fff !important;
	}
	.banner-top-fixed-feature-nav {
		background: #fff !important;
	}
	.banner-top-fixed-org-nav {
		background: #5b149e !important;
	}
	.banner-top-fixed-iqual-nav {
		background: #9A1E26 !important;
	}
	.transparent-nav {
		background: transparent !important;
	}


	.small-banner {
		/*background-color: #0085CA;*/
		background: url('img/banner-bg.png') repeat-y;
		background-size: contain;
		position: relative;
	}

	.iqual-block-head{
		font-size: 60px;
		color: #0085CA;
		font-weight: bold;
		font-family: "Montserrat";
	}
	#feature .container h2 {
		font-size: 28px;
	}
	.heading h4{
		font-size: 25px;
		font-family: "Montserrat";
		font-weight: bold;
		line-height: 1.6;
	}
	#feature .heading p {
		font-size: 18px;
		color: #4e4f56;
		font-family: "Open Sans", sans-serif;
	}
	a.learnmore {
		/*padding: 10px 20px;*/
		-webkit-border-radius:20px;
		-moz-border-radius: 20px;
		border-radius: 40px;
		/*background: #129BFB;*/
		background-color: #0085CA;
		font-size: 25px;
		font-weight: bold;
		color: #FFF;
	}
	.contactbuttons > a.learnmore:hover {
		background-color: #0072AD;
	}

	#iQualify .det-p{
		font-size: 18px;
	}
	.iqual-block-head{
		/*font-size: 72px;*/
		font-size: 52px;
		color: #0085CA;
		font-weight: bold;
		font-family: "Montserrat";
	}

	h1.bigtext{
		/*font-size: 72px;*/
		font-size: 52px;
		font-family: "Montserrat";
		font-weight: bold;
		line-height: 1.042;
		color: #fff;
	}

	.org-row, .iqual-row, .faq-row {
		/*padding: 180px 0px 70px 0px;*/
		position: relative;
		z-index: 3;
	}
	.svgpattern {
		position: absolute;
		left: 0px;
		top: 0px;
		background: url('img/pattern-iq4s.png') repeat-y;
		background-size: contain;
		width: 55%;
		height: 100%;
	}

	.logo-holder {
		background: url('img/Logo.png') no-repeat center top;
		width: 215px;
		height: 75px;
	}
	.detail-info {
		text-align: left;
		/*margin-top: 107px;
		margin-left: 30px;*/
	}
	.iqual-content {
		text-align: left;
	}
	section {
		/*background-color: #4E4F56;*/
	}
	.my-custom-container{
		width:1366px !important;
		margin: 0px auto;
		padding: 0px 50px;
	}
	.banner{
		/*background: url('img/homepage-bg-banner_1.jpg') no-repeat center top;*/
		background: url('img/homepage-bg-banner_4.png') no-repeat center top;
		background-size: cover;
		min-height: 777px;
		position: relative;
		width: 100%;
	}

	.mynavbar,
	#change .mynavbar,
	.section-with-overlay .mynavbar {
		/*background: transparent;*/
		padding: 50px 0px 50px 0px;
		z-index: 9;
		top: 0px;
		width: 100%;
		border: none;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	#navigation {
		/*position: absolute;*/
	}
	#feature {
		position: relative;
	}
	#feature .navbar-nav li a {
		color: black !important;
		font-weight: normal;
	}

	.rounded-button,
	.rounded-button-whitebg	{
		font-size: 23px;
	}


	.quote-blockquote {
		padding: 70px 0px;
		margin-bottom: 0px;
	}
	.quote-content {
		color: #0072ad;
		font-weight: bold;
		font-size: 27px;
		padding: 15px 0px;
	}
	.quote-author {
		font-weight: bold;
		padding: 20px 0px;
		font-size: 18px;
	}
	.quote-readmore-button-holder {
		font-weight: bold;
	}
	.quote-readmore-button {
		padding: 10px 20px;
		border: solid 2px;
		border-radius: 23px;
	}
	.quote-readmore-button {
		background: #0085CA;
		color: #FFF;
	}
	.quote-readmore-button:hover {
		background: #FFF;
		color: #0085CA;
		border: none;
		text-decoration: none;
	}

	.casestudy-metadata {
		padding: 20px 0px 20px 0px;
		font-size: 17px;
	}

	#quote-image-holder img {
		float: left;
		margin-right: 40px;
	}

	.remove-bottom-padding {
		padding-bottom: 0px;
	}
	/*.quote-blockquote > .container > .quote-image-holder {
		display: block;
	}*/

}
@media (max-width: 768px) {

	.readmore-whatsnew-link {
		position: relative;
		display: block;
		text-align: left;
		bottom: 20px;
		font-weight: bold;
		color: #0085CA;
		margin-left: 5%;
		padding-left: 15px;

	}

	.post-wrapper {
		position: relative;
		margin-bottom: 40px;
		z-index: 2;
		padding: 0px 15px;
		text-align: left;
		margin-left: 5%;
		margin-right: 5%;
	}

	.post:before {
		position: absolute;
		bottom: -30px;
		left: 0;
		content: '';
		height: 90px;
		width: 52%;
		background-color: #fff;
		/*border-radius: 0 0 0 30px;*/
		z-index: 0;
	}

	.post:after {
		position: absolute;
		bottom: -30px;
		right: 0;
		content: '';
		height: 90px;
		width: 54%;
		background-color: #fff;
		/*border-radius: 0 0 30px 0;*/
	}

	.curved-image {
		/*border-radius: 30px 30px 0 0;*/
		width: 100%;
	}

	.post {
		flex: 1;
		background-color: #fff;
		text-align: center;
		position: relative;
		z-index: 1;
		border-radius: 30px 30px 0 0;
	}
	.row-eq-height {
		display: block;
	}

	.subpage-banner-text {
		color: #fff;
		position: absolute;
		bottom: 70px;
		font-size: 40px;
		font-family: Montserrat;
	}

	.small-banner-pattern-holder {
		background: url('img/pattern-iq4s.png') repeat-y;
		background-size: cover;
		width:70%;
		height: 190px;
		/*position: relative;*/
	}

	/* New sub-banner- */
	#subpage-banner-new {
		/*background: #0E2387;
		background: url('img/bg-banner.jpg');*/
		background-size: contain;
	}

	.small-banner-new {
		position: relative;
	}

	.small-banner-pattern-holder-new {
		/*background: url('img/pattern-iq4s.png') repeat-y;*/
		/*background-size: cover;*/
		/*width:80%;*/
		/*height: 35vh;*/
		padding: 40px 0px;
		background: #0085CA;
		/*position: relative;*/
	}
	.subpage-banner-text-new{
		color: #fff;
		/*position: absolute;///*/
		/*bottom: 70px;*/
		top: 10%;
		/*font-family: Montserrat;*/
	}
	/*.subpage-banner-text-new > p {
		font-size: 40px;
		font-weight: bold;
		width: 70%;
	}*/
	/* End New sub banner */

	#organisations .container .detail-info p {
		padding-bottom: 20px;
	}

	.navbar-default .navbar-nav > li > a {
		color: #717f86 !important;
	}


	#navigation {
		background: #FFF;
	}
	.mobile-fixed {
		position: relative;
		margin-top: 150px;
		background: #FFF;
		z-index:9;
	}

	#organisations .videoholder {
		padding: 0px;
	}

	#organisations .org-p,
	#iQualify .det-p{
		font-size: 16px;
	}


	.navbar-wrapper {
		display: none;
	}
	#navigation > .container > .navbar-header {
		margin-left: 0px;
		margin-right: 0px;
	}
	section {
		/*background-color: #4E4F56;*/
	}
	.my-custom-container{
		width:750px;
		margin: 0px auto;
	}
	.banner{
		/*background: url('img/homepage-bg-banner_1.jpg') no-repeat center top;*/
		background: #0085CA;
		min-height: 580px;
		position: relative;
		width: 100%;
	}

	.mynavbar,
	#change .mynavbar,
	.section-with-overlay .mynavbar {
		/*background: transparent;*/
		padding: 50px 0px 20px 0px;
		z-index: 2;
		top: 0px;
		width: 100%;
		border: none;
	}

	#feature .container .mynavbar,
	#organisations .container .mynavbar,
	#iQualify .container .mynavbar,
	#comms .container .mynavbar{
		display: none;
	}

	/*#banner-top*/
	.rounded-button,
	.rounded-button-whitebg	{
		font-size: 20px;
		margin: auto;
	}
	#banner-top .caption-holder {
		font-size: 45px;
	}
	#banner-top .caption {
		bottom: -50px
	}
	#banner-top,
	#banner-top .bg-color{
		min-height: 380px;
	}
	#banner-top .svgpattern {
		display: none;
	}
	#banner-top .caption {
		text-align: center;
	}
	#banner-top .caption-holder {
		width: 100%;
	}
	#feature .container h2 {
		font-size: 22px;
	}
}

.entry-header h1 {
	color: #0085CA;
}

.footer-site-icon {
	margin: 30px 0 40px;
	padding: 40px 0 0;
}


.whatsnewbox {
	border: solid 1px silver;
	height: 100%;
}

.homepage-feature-image {
	width: 100%;
	height: auto;
}

.col-container {
	display: table;
	width: 100%;
}

.row-eq-height .flexcols {
	flex: 1;
}
.homepage-iphone-lookalike {
	width: 60%;
	margin: 0 auto;
	border-top: solid 1px silver;
	padding: 25px 40px;
	display: block;
}
.firstNavItem {
	margin-top: 30px;
	border-top: none;
}

.lastLink {
	/*border-bottom: solid 1px silver;*/
}

.homepage-contactbox {
	/*border: solid 1px silver;*/
	/*margin: 180px 25px 25px 25px;*/
	text-align: center;
	/*padding: 40px;*/
}
.whatsnewbottom{
	background: url('img/whatsnew_bottom.jpg') no-repeat center top;
	width:100%;
	height:63px;
}

.feature-container {
	/*width: 1336px !important;
	background: #FFF;
	padding: 0px 50px 30px 50px !important;*/
}
.feature-blocks {
	padding : 50px;
}
/*.org-row, .iqual-row, .faq-row {
	padding: 50px 0px 70px 0px;
	position: relative;
	z-index: 3;
}*/
.iqual-row {
	padding-bottom: 0px;
}


p.contactbuttons {
	margin: 30px 0px;
}
a.dark,
a.dark:visited,
a.dark:active {
	background: #0E2387;
	/*background: #041252;*/
	/*background-color: #0a1961;*/
	color: #FFF;
	text-decoration: none;
}
a.dark:hover {
	/*background-color: #0a1961;*/
	background-color: #041252;
	color: #FFF;
	text-decoration: none;
}

a.light
a.light:visited,
a.light:active {
	background: #0085CA;
	color: #FFF;
	text-decoration: none;
}
a.light:hover {
	background-color: #0072ad;
	color: #FFF;
	text-decoration: none;
}

h2.whitehead {
	font-size: 45px;
	font-weight: bolder;
	color: #FFF;
	z-index: 4;
}

.blog-categories-list {
	padding: 20px 0px;
}


/*Flex */.row.is-flex {
			 display: flex;
			 flex-wrap: wrap;
		 }
.row.is-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* END FLEX */


/*svg*/
* {box-sizing: border-box;}
body {
	margin: 0;
}

.banner .shape {
	position: absolute;
	height: 100%;
	width: 55%;
	z-index: 0;
	left: 0;
	top: 0;
}
.caption {
	/*padding-left: 50px;*/
	justify-content: center;
	align-items: left;
	position: relative;
	display: flex;
	height: 100%;
	/*width: 35%;*/
	z-index: 1;
	flex-direction: column;
	bottom: -250px;
	/*position: absolute;*/
	/*bottom: 10px;*/

}
.caption-holder {
	font-family: Airal, sans-serif;
	font-weight: bold;
	line-height: 74px;
	font-size: 66px;
	padding: 10px;
	color: #fff;
}
.rounded-button {
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	font-weight: bold;
	font-size: 23px;
	/*padding: 10px 35px;*/
	background-color: #0E2387;
	color: #FFFFFF;
	margin-top: 50px
}
.rounded-button:hover,
.rounded-button:active {
	/*background-color: #0072ad;*/
	background-color: #041252;
	text-decoration: none;
	color: #FFF;
}

.rounded-button-whitebg {
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	font-weight: bold;
	/*font-size: 23px;
	padding: 10px 35px;*/
	background-color: #FFFFFF;
	color: #0E2387;
	margin-top: 50px
}

.rounded-button a {
	color: #FFF;
	text-decoration: none;
}
.rounded-button a:link,
.rounded-button a:visited,
.rounded-button a:active,
.rounded-button a:hover {
	color: #FFF;
	text-decoration: none;
}
/* end svg */

/* whats new 3 blocks */
.image {
	height: 230px;
	/*background-image: url(image.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 30px 30px 0 0;
}

#feature .container h2 {
	color: #0085CA;
}

button {
	color: #0290D4;
	border: solid #0290D4 2px;
	font-size: 30px;
	padding: 10px 20px;
	border-radius: 30px;
	background-color: #fff;
}

.whats-new-container {
	max-width: 1150px;
	margin: 0 auto;
	/*background: #0290D4;*/
	display: flex;
	padding-bottom: 70px;
}
.post-wrapper h2 {
	color: #0085CA;
	font-weight: bold;
	font-size: 25px;
}

.section-whatsnew, .section-with-overlay {
	position: relative;
	background: #0E2387;
}
.bg-whatsnew .shape {
	position: absolute;
	height: 100%;
	width: 49%;
	z-index: 0;
	left: 0;
	top: 0;
}
/*End whats new 3 blocks */



#comms {
	background: #EBEBEB;
}


.iqual-block-p {
	padding-top: 10px;
}
.surface h2{
	z-index: 3;
	position: relative;
	text-align: center;
	padding-top: 0px;
	margin-top: 0px;
}

.whatsnew-readmore {
	/*padding-left: 10px;*/
	text-align: left;
	font-size: 20px;
	color: #0085CA;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

section#content {
	/*padding: 160px 0px 50px 0px;*/
	padding: 50px 0px 50px 0px;
}

#bootstrap-overrides input[type=text],
#bootstrap-overrides input[type=email],
#bootstrap-overrides textarea {
	border-radius: 0%;
	width: 70%;
	max-width: 70%;
	padding: 20px;
}

.contact-item {
	background-color: #E3E3E3;
	padding: 20px;
}
.form-head {
	text-align: left;
	position: relative;
}
.form-head > h3,
.form-head > p{
	position: relative;
	padding: 20px 0;
	margin: 0px auto;
	width: 70%;
}
.form-head > .form-close {
	position: absolute;
	right: 0px;
	font-size: 30px;
	cursor: pointer;
}

.frm-more-iqualify {
	margin: 0px auto;
	width: 70%;
}
.item-titles > .item-title > h3 {
	padding: 50px;
	background-color: #EBEBEB;
	margin: 10px 0;
	text-align: center;
	font-size: 25px;
	cursor: pointer;
}
.item-titles > .item-title > h3:hover,
#item-head > h3:hover{
	background-color: #0085CA;
	color: #FFFFFF;
}
#item-head > h3 {
	padding: 50px;
	background-color: #EBEBEB;
	margin: 10px 0;
	text-align: center;
	font-size: 25px;
	cursor: pointer;

}
.contact-item {
	background-color: #EBEBEB;
	padding: 20px;
	margin: 10px 0;
	/*display: none;*/
}
#content > .container > h2{
	color: #0085CA;
	font-size: 40px;
}

.contact-btn-wrapper {
	text-align: right;
	padding: 20px;
	width: 70%;
	margin: 0px auto;
}
.contact-btn-wrapper > a {
	border: solid 1px #bfbfbf;
	color: #000;
	padding: 10px 60px;
	font-size: 25px;
	border-radius: 30px;
	text-transform: uppercase;
}
.contact-btn-wrapper > a:hover {
	text-decoration: none;
}

.itemshow{
	display: block;
}
.itemHide {
	display: none;
}



/*** From Marine ***/
/*Header*/

h1{
	font-size: 72px;
	/*font-family: "Montserrat";*/
	font-weight: bold;
}

.caption-holder{
	font-size: 72px;
	font-family: "Montserrat";
	font-weight: bold;
}

.rounded-button{
	font-family: "Open Sans";
	font-weight:400;}

/*Build section*/
#feature .container h2{
	/*font-size: 28px;*/
	font-family: "Open Sans";
	line-height: 1.143;
	text-align: center;
	font-weight:200;}





/*It should be "Contact us" not contact for the button*/
/*.mynavbar-black > .container > #myNavbar > ul.navbar-nav > li.last > a {
	border: solid 2px #0085CA;
}*/


.Contact_us {
	font-size: 22px;
	font-family: "Open Sans";
	font-weight: bold;
}

/*What we do section*/



.org-p,
.det-p {
	/*font-size: 18px;*/
	font-family: "Open Sans";
	/*font-weight: bold;
	line-height: 1.222;*/
	text-align: left;
	/*padding: 10px 10px 30px 10px;*/
	padding: 30px 10px 30px 10px;
}
.org-p {
	color: #fff;
}

.svnpattern {
	position: absolute;
	left: 0px;
	top: 0px;
	background: url('img/pattern-iq4s.png') repeat-y;
	background-size: contain;
	width: 55%;
}

#comms .homepage-contactbox h4.stayintouch {
	color: #0E2387;
	font-weight: bold;
}
#comms .homepage-contactbox h4.talktous {
	color: #0085CA;
	font-weight: bold;
}

/*
CONTACT PAGE
*/
#question-one-block h3,
#question-two-block h3,
#question-three-block h3,
#question-four-block h3 {
	color: #0085CA;
}
#question-one-block .form-close,
#question-two-block .form-close,
#question-three-block .form-close,
#question-four-block .form-close{
	color: #000;
	position: absolute;
	right: 10px;
}
.contact-form p {
	text-align: center;
	margin: 0 auto;
	width: 70%;
}
.contact-form p input{
	margin: 0px 0px 10px 0px;
	border: solid 1px silver;
	color: silver;
}
.contact-form p input[type=submit]{
	color:#fff;
	border: solid 1px silver;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius: 30px;
	padding: 10px 35px;
}

#subpage-banner {
	/*background: #0E2387;*/
	background: url('img/banner-bg.png') repeat-y;
	background-size: contain;
}

.wpcf7-submit {
	background: #0085CA;
	font-size: 18px;
	color: #fff;
}


.teaser-block {
	padding-bottom: 30px;
	position: relative;
}
.teaser-block-thumbnail-holder {
	height: 238px;
}
.teaser-block-thumbnail-holder > img {
	height: 100% !important;
	width:100%;
}

.blog-blocks-readmore {
	position: absolute;
	bottom: 0px;
	font-size: 20px;
	font-weight: bold;
}




/**Editor styles **/

.content-block {
	border:1px solid #eee;
	padding:3px;
	background:#ccc;
	max-width:250px;
	float:right;
	text-align:center;
}
.content-block:after {
	clear:both;
}
.blue-button {
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
}

.red-button {
	background-color:#bc3315;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
}


/** End editor styles **/
.metadata-title {
	font-weight: bold;
}
/**Video related for blog*/
.video-overlay {
	min-height: 777px;
	background-color: rgba(0,0,0,.5);
}
#banner-play-button,
#banner-play-button:hover,
#banner-play-button:active,
#banner-play-button:visited,
#banner-play-button:focus{
	border-radius: 50%;
	font-size: 125px;
	background: none;
	border: none;
	outline: none;
}
.video-overlay-play-button {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 10px calc(50% - 50px);
	position: absolute;
	/*top: 0;
	top: 50%;*/
	left: 0;
	display: block;
	opacity: 0.95;
	cursor: pointer;
	/*background-image: linear-gradient(transparent, #000);*/
	background: rgba(0, 0, 0, 0.5);
	transition: opacity 150ms;
}

.blog-post-banner-title-holder {
	position: absolute;
	top:40%;
	text-align: center;
	width:100%;
	font-size: 72px;
	font-family: Montserrat;
	font-weight: bold;
	color: #FFF;
	z-index: 1;
}
.blog-post-banner-title {
	width: 60%;
	margin: auto;
}

/* Video popup */

/** blog post page */
.blog-post-tag {
	color: #afafaf;
}
.blog-post-tag-link {
	color: #afafaf;
}
ul.blog-categories-list > li.active {
	color: #0085CA;
}
/** end blod post page */


.lightbg-font {
	color: #000;
}

.logo-holder-blue {
	background: url('img/Logo_blue.png') no-repeat center top;
	width: 215px;
	height: 75px;
}
.lightbg-font {
	color: #4e4f56 !important;
}
.link-with-whitebg,
.light-contactus {
	color : #0085CA !important;
	background : #FFF !important;
	border : solid 2px #0085CA;
}
.link-with-whitebg:hover,
.light-contactus:hover {
	color : #FFF !important;
	background : #0085CA !important;
	border : solid 2px #0085CA;
}

.link-with-whitebg {
	border-radius: 30px;
	padding: 2px 20px;
	margin: 0px 5px;
	display: block;
}
.level-data {
	color: black;
}
.button-list{
	margin: 20px 0px;
}
.button-list > li {
	margin: 20px 0px;
}

.shrink {
	padding: 10px 0 !important;
	box-shadow: 0px 5px;
	color: #dfdfdf;
}

#ncea-block-menu {
	background-color: #EBEBEB;
	padding: 20px 0px 30px 0px;
}
.resource-data{
	margin: 20px 0px;
}
#ncea-block-menu h4 {
	font-weight: bold;
	color: #0085CA;
	margin: 20px 0px;
}
.subject-level-item,
.subject-level-item:hover,
.subject-level-item:active,
.subject-level-item:visited,
.subject-item,
.subject-item:hover {
	border-radius: 30px;
	padding: 10px 20px;
	margin: 0px 5px;
	border: solid 1px #606060;
	color: #808080;
	text-decoration: none;
}
.subject-level-item-active,
.subject-level-item-active:hover,
.subject-level-item-active:active,
.subject-level-item-active:visited,
.subject-item-active,
.subject-item-active:hover{
	background-color: #0085CA;
	color: #FFF;
	text-decoration: none;
	border: none;
}

.thumbnail {
	border: none !important;
}
.whatsnew-thumbnail-holder {
	padding: 0px !important;
}

.howitworks {
	padding: 20px 0 0 0;
}
.button-wrapper {
	padding: 0 0 10px 0;
}

#footer-reference-link-openpoly {
	font-size: 12px;
	font-weight: normal;
}