aside{ display: block; }
.aside {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-banner .aside {
	display: none;
	background: transparent;
	padding: 10px 23px 25px;
}

.blog-banner .aside .btn {
	min-width: 100%;
	margin: 0;
}

.blog-banner .aside .social-networks li a {
	color: #ccd0de;
}

.blog-banner .aside .social-networks li a:hover {
	color: #0b254c;
}
.aside {
	background-color: #e6e8ef;
	padding: 20px 23px 20px 23px;
}

.aside .search-list {
	margin: 0 0 20px;
	text-align: center;
}

.aside .search-list li {
	position: relative;
}

.aside .search-list li:first-child {
	padding: 0 10px 15px 0;
}

.aside .search-list li a {
	display: inline-block;
	vertical-align: top;
}

.aside .search-list li .search-opener .icon-search {
	font-size: 34px;
	line-height: 38px;
	color: #a4aece;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.aside .search-list li .btn {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #a4aece;
	border: 2px solid #a4aece;
	border-radius: 5px;
	padding: 8px 16px;
}

.aside .search-list li .btn:hover {
	background: #a4aece;
	color: #fff;
}

.aside .search-list li .search-form {
	position: relative;
}

.aside .search-list li .search-form .input-wrap {
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.aside .social-networks {
	width: inherit;
}

.aside .social-networks li {
	padding: 0 0 0 10px;
}

.aside .social-networks li a {
	color: #a4aece;
	font-size: 34px;
	line-height: 38px;
}

.aside .social-networks li a:hover {
	color: #0b254c;
}
@media (min-width: 480px) {
	.aside {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.aside .search-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0;
	}
	.aside .search-list li:first-child {
		padding: 0 15px 0 0;
	}
	.aside .search-list li .search-form .input-wrap {
		left: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
}
@media (min-width: 480px) {
	.aside .search-list li:first-child {
		padding: 0 15px 0 0;
	}

	.aside .search-list li .search-form .input-wrap {
		left: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
}
@media (min-width: 768px) {
	.blog-banner .aside {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.aside .search-list li:first-child {
		padding: 0 20px 0 0;
	}

	.aside .social-networks li {
		padding: 0 0 0 15px;
	}
	.aside .search-list li:first-child {
		padding: 0 20px 0 0;
	}

	.aside .social-networks li {
		padding: 0 0 0 15px;
	}
}
@media (min-width: 1200px) {
	.aside .search-list li:first-child {
		padding: 0 35px 0 0;
	}

	.aside .social-networks li {
		padding: 0 0 0 23px;
	}
}
@media print {
	.aside,
	.aside{
		display: none;
	}
}



/* main slider block styles */
.main-slider {
	font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	/*"Nunito", "Arial", "Helvetica Neue", "Helvetica", sans-serif;*/
}

.main-slider .slide {
	position: relative;
	min-height: 300px;
}

.main-slider .bg-stretch {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.main-slider .caption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	text-align: center;
	min-height: inherit;
	z-index: 1;
}

.main-slider .caption .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding-top: 45px;
	padding-bottom: 45px;
}

.main-slider .caption h1 {
	color: #fff;
	margin: 0 auto 30px;
	width: 100%;
}

.main-slider .caption .btn {
	color: #fff;
	border: 3px solid #fff;
	border-radius: 5px;
}

.main-slider .caption .btn:hover {
	background: #fff;
	color: #011f3e;
}

.main-slider .caption .visual {
	width: 100%;
}

.main-slider .caption .visual img {
	margin: 0 auto;
}

.main-slider .caption .text-holder {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	padding: 20px 0px;/*20 15*/
	width: 100%;
}

.main-slider .caption .text-holder h1 {
	line-height: 32px;
	letter-spacing: .3px;
	margin: 0 0 20px;
}

/* intro block styles */

.intro-block {
	background: #a0aed0;
	font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; /*"Nunito", "Arial", "Helvetica Neue", "Helvetica", sans-serif;*/
	box-shadow: inset 0 -20px 15px -8px #8790a5;
	padding-top: 56px;
	padding-bottom: 48px;
}

.intro-block .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.intro-block .visual {
	margin: 0 0  30px;
	text-align: center;
	width: 100%;
}

.intro-block .text-holder {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	letter-spacing: .2px;
	text-align: center;
	width: 100%;
}

.intro-block .text-holder h2 {
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	color: #001e42;
	letter-spacing: .3px;
	margin: 0 0 20px;
	padding: 0 0 0 2px;
}

/* about block styles */

.about-block {
	font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; /*"Nunito", "Arial", "Helvetica Neue", "Helvetica", sans-serif;*/
	padding: 34px 0 45px;
}

.about-block.style2 {
	padding: 14px 0 22px;
}

.about-block .row {
	margin: 0 -8px;
}

.about-block .col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	text-align: center;
	padding: 0 8px;
	width: 100%;
}

.about-block .col.bg-blue {
	margin: 0 0 20px;
}

.about-block .col.bg-blue .text-wrap {
	background: #a0aed0;
	color: #fff;
	padding: 15px 15px 30px;
}

.about-block .col.bg-blue .feature-icon {
	color: #fff;
	margin: 0 0 10px;
}

.about-block .col.bg-blue .title {
	color: #fff;
	margin: 0 0 10px;
}

.about-block .text-wrap {
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #001e42;
	padding: 15px;
	width: 100%;
}

.about-block .text-wrap p {
	max-width: 406px;
	margin: 0 auto;
	padding: 0 15px;
}

.about-block .feature-icon {
	font-size: 90px;
	line-height: 126px;
	color: #6a81b5;
	display: block;
	margin: 0 0 25px;
}

.about-block .title {
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	color: #848484; /*dark gray*/
	display: block;
	margin: 0 0 18px;
}

.about-block .title:hover {
	color: #b8a378;
}
.about-block .title2 {
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	color: #848484; /*dark gray*/
	display: block;
	margin: 0 0 18px;
}

.about-block .title2:hover {
	color: #6a81b5;
}


/* article block styles */

.article-block {
	position: relative;
	font-family: "Nunito", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	padding: 30px 0;
}

.article-block:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	bottom: 0;
	left: -9999px;
	right: -9999px;
	background: #e6e8ef;
	z-index: -1;
}

.article-block .header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 30px;
	padding: 0 15px;
}

.article-block .header h2 {
	color: #233563;
	letter-spacing: -.4px;
	margin: 0 0 15px;
	padding: 0 10px 0 0;
	font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
}

.article-block .header .btn {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	border: 3px solid #6a81b5;
	border-radius: 5px;
	letter-spacing: -.6px;
	height: 54px;
}

.article-block .header .btn:hover {
	background: #6a81b5;
	color: #fff;
}

.article-block .row {
	margin: 0 -8px;
}

.article-block .col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin: 0 0 20px;
	min-height: 458px;
	padding: 0 8px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.article-block .col .bg-stretch {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
	right: 8px;
	z-index: -1;
		margin: 0 0 96px; /*added this webd*/
}

.article-block .col .caption {
	font-size: 20px;/*22*/
	line-height: 26px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	width: 100%;
	/*padding: 0 15px 30px;*/
    background-color: rgba(255, 255, 255, 1);
    text-align: center;
    padding: 10px 10px;/*20 0*/
    width: 100%;
	font: 16px/1.2 "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
		    min-height: 95px;/*added this webd*/
}

.article-block .col .caption p {
	margin: 0;
	font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	padding: 0 25px 0 25px;
}

@media (min-width: 768px) {
	.main-slider .caption .container {
		padding-top: 70px;
		padding-bottom: 45px;
		min-height: inherit;
	}

	.main-slider .caption h1 {
		font-size: 38px;
		line-height: 42px;
		/*font-weight: 600;*/
	}

	.main-slider .caption .btn {
		font-size: 29px;
		line-height: 32px;
		font-weight: 600;
		height: 77px;
		min-width: 343px;
		padding: 19px 16px;
	}

	.main-slider .caption .visual {
		text-align: left;
		width: 180px;
	}

	.main-slider .caption .text-holder {
		padding: 40px 15px 30px;
		width: calc(100% - 180px);
	}

	.main-slider .caption .text-holder h1 {
		font-size: 32px;
		line-height: 36px;
		font-weight: 600;
	}

	.intro-block .text-holder {
		font-size: 28px;/*31*/
		line-height: 36px;
	}

	.intro-block .text-holder h2 {
		font-size: 38px;
		line-height: 42px;
		font-weight: 600;
		margin: 0 0 38px;
	}

	.about-block .col {
		width: 33.333%;/*33.333%*/
	}

	.about-block .col.bg-blue {
		margin: 0;
	}

	.about-block .col.bg-blue .text-wrap {
		padding: 25px 15px;
	}

	.about-block .col.bg-blue .feature-icon {
		margin: 0 0 25px;
	}

	.about-block .col.bg-blue .title {
		margin: 0 0 18px;
	}
	
	.about-block .col.bg-blue .title2 {
		margin: 0 0 18px;
	}

	.about-block .text-wrap {
		padding: 25px 15px;
	}

	.article-block {
		padding: 30px 0 45px;
	}

	.article-block.style2 {
		padding: 30px 0 45px;
	}

	.article-block .header h2 {
		font-size: 30px;
		line-height: 34px;
		font-weight: 500;
		font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	}

	.article-block .header .btn {
		font-size: 22px;
		line-height: 26px;
		font-weight: 500;
		padding: 11px 16px;
		min-width: 222px;
	}

	.article-block .col {
		margin: 0 0 16px;
		width: 50%;
	}
}

@media (min-width: 992px) {
	.main-slider .slide {
		min-height: 470px;
	}

	.main-slider .caption h1 {
		margin: 0;
		font-size: 48px;
		line-height: 59px;
	}

	.main-slider .caption .visual {
		width: 230px;
	}

	.main-slider .caption .text-holder {
		font-size: 31px;
		line-height: 36px;
		width: calc(100% - 230px);
	}

	.main-slider .caption .text-holder h1 {
		font-size: 38px;
		line-height: 42px;
		font-weight: 600;
	}

	.main-slider .caption .text-holder h1 {
		margin: 0 0 38px;
	}

	.intro-block .visual {
		margin: 0;
		text-align: left;
		width: 230px;
	}

	.intro-block .text-holder {
		padding: 30px 20px;
		width: calc(100% - 230px);
	}
}

@media (min-width: 1024px) {
	.main-slider .caption h1 {
		font-size: 61px;
		line-height: 72px;
	}

	.intro-block .visual {
		width: 270px;
	}

	.intro-block .text-holder {
		width: calc(100% - 270px);
	}

	.about-block .col.bg-blue .text-wrap {
		padding: 35px 15px;
	}

	.about-block .text-wrap {
		padding: 35px 15px;
	}

	.about-block .feature-icon {
		font-size: 102px;
		line-height: 138px;
	}

	.article-block .header {
		padding: 0 20px;
	}

	.article-block .header h2 {
		font-size: 36px;
		line-height: 40px;
		font-weight: 500;
		font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	}

	.article-block .col {
		width: 25%;/*33.333%*/
		margin: 0;
	}
}

@media (min-width: 1200px) {
	.main-slider .caption .visual {
		padding: 0 0 0 32px;
		width: 285px;
	}

	.main-slider .caption .text-holder {
		padding: 52px 10px 30px 5px; /*52px 40px 30px 15px*/
		width: calc(100% - 285px);
	}

	.intro-block .visual {
		width: 305px;
		padding: 0 0 0 20px;
	}

	.intro-block .text-holder {
		padding: 60px 40px 30px 0;
		width: calc(100% - 305px);
	}

	.about-block .col.bg-blue .text-wrap {
		padding: 45px 25px 53px;
	}

	.about-block .text-wrap {
		padding: 45px 25px;
	}

	.article-block .header {
		padding: 0 40px 0 50px;
	}

	.article-block .col .caption {
		font-size: 1em;/*29px*/
		line-height: 18px;/*33*/
		font-weight: 500;
		background-color: rgba(255, 255, 255, 1);
    text-align: center;
    padding: 20px 0;
    width: 100%;
	}	
}

@media print {
	.main-slider-block,
	.intro-block .visual,
	.about-block .col .text-wrap .feature-icon,
	.article-block .bg-stretch,
	.article-block .col .caption p br {
		display: none;
	}
	.intro-block {
		box-shadow: none;
	}

	.intro-block,
	.about-block,
	.about-block .text-wrap,
	.about-block.style2,
	.about-block .col.bg-blue .text-wrap {
		padding: 0;
	}

	.intro-block .text-holder {
		width: 100%;
	}

	.about-block .col {
		text-align: left;
		width: 100%;
		display: block;
	}

	.about-block .text-wrap p {
		padding: 0;
		max-width: 100%;
	}

	.article-block .header {
		margin: 0 0 15px;
		padding: 0;
	}

	.article-block .col {
		width: 100%;
		min-height: inherit;
	}

	.article-block .col .caption {
		padding: 0;
		text-align: left;
		background-color: rgba(255, 255, 255, 1);/* .9 */
    text-align: center;
    padding: 20px 0;
    width: 100%;
	}

	.article-block .col .caption p {
		margin: 0 0 10px;
		font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	}	
}

/*blog height articles*/
/* On screens that are 1534px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1534px) {
	.article-block .col { min-height: 383px; }
	.article-block .col .caption p { padding: 5px 5px 0 5px; }
}
/* On screens that are 1500px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1500px) {
	.article-block .col { min-height: 375px; }
	.article-block .col .caption p { padding: 5px 5px 0 5px; }
}
/* On screens that are 1500px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1450px) {
	.article-block .col { min-height: 360px; }
	.article-block .col .caption p { padding: 5px 5px 0 5px; }
}
/* On screens that are 1450px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1450px) {
	.article-block .col { min-height: 360px; }
	.article-block .col .caption p { padding: 5px 5px 0 5px; }
}
/* On screens that are 1360px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1360px) {
	.article-block .col { min-height: 340px; }
	.article-block .col .caption p { padding: 5px 5px 0 5px; }
}
/* On screens that are 1360px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1252px) {
	.article-block .col { min-height: 312px; }
	.article-block .col .caption p { padding: 5px 5px 0 5px; }
}
/* On screens that are 1110px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1110px) {
	.article-block .col { min-height: 277px; }
	.article-block .col .caption p { padding: 5px 5px 0 5px; }
}
/* On screens that are 1022px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1022px) {
	.article-block .col { min-height: 510px; }
	.article-block .col .caption p { padding: 15px 5px 0 5px; }
}
/* On screens that are 860px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 860px) {
	.article-block .col { min-height: 429px; }
}

/* On screens that are 628px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 628px) {
	.article-block .header h2 { margin: 0 auto 15px; }
	.article-block .header .btn { margin: 0 auto; }
}

/*blog overlay*/
.overlay:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-color: rgba(0,0,0,0.3);
}