@import url('https://fonts.googleapis.com/css?family=Comfortaa|Fira+Sans:500|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,latin-ext');
body{direction: ltr;font-family: 'Roboto', sans-serif;background-color:#1d3050;}
header{
	position:relative;
	display:block;
	left:0px;
	right:0px;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	background-image:url(/assets/img/header_bg_2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFFFFF;
}
div.header-menu{
	position:relative;
	min-height:45px;
	line-height:45px;
	width:100%;
}
div.header-menu-positon{
	position:relative;
	background-color: #143a79;
}
.header-menu-positon.fixed{
	position:fixed;
	left:0; right:0;
	top:0;
	z-index:999;
}
header .logo {
    padding-top: 20px;
    padding-bottom: 20px;
    text-decoration: none;
    color: #6085c3;
    display: block;
    position: relative;
}
.header-title{
    background-color: white;
}
header .logo:after{content:''; display:block; clear:both;}
header .logo img {
    width: 100px;
    height: 100px;
    float: left;
	margin-left:10px;
	margin-right: 15px;
}

header .logo .name{
    margin-top: 6px;
    text-transform: uppercase;
    line-height: 1;
	font-size: 34px;
    font-weight: normal;
	font-family: FcMedium, Helvetica, Arial!important;
}
header  .logo .name .minobr{
	font-size:14px;
	line-height:22px;
	font-family: FcRegular, Helvetica, Arial;
	text-transform:uppercase;
	color: #AFB6C5;
}
header .logo .name .sub{ font-size:16px;}
@media (max-width: 767px) {
	header .logo {
		text-align:center;
	}
	header .logo img {
		 float:none;
		 margin-top:20px;
		 margin-left:0px;
	}
	header .logo .name{
		padding-left:0px;
		font-size: 18px;
	}
	header  .logo .name .minobr{
		font-size:10px;
	}
	header .logo .name .sub{ font-size:11px; padding-bottom:8px;}
}
ul{margin:0;}
.clear{ clear:both;}
.header-back{
	display:block;
}
header,.header-back{
	
}
header>.container,header>.container>.row,header>.container>.row>div{
	height:100%;
}
@media (max-width: 767px) {
	.header-menu-positon.fixed{
		position:relative;
		z-index:auto;
		width:100%;
		left:auto;
		right:auto;
	}
	.header-menu{
		min-height: 80px;
		line-height:auto;
		
	}
	.col-header-menu.left{
		float:none!important;
	}
	.header-menu-positon .container{max-width:none; padding:0;}
	header>.container,header>.container>.row,header>.container>.row>div{height:auto;}
	header .col-logo{display: flex;justify-content: center; height:80px!important; padding-right:80px;}
}
.logotype{
	max-width:100%;
}
.middle{
    display: flex;
	align-items: center; /* align vertical */
}
.bottom{
    display: flex;
    align-items: flex-end;
}
.center{
    text-align: center;
}
.left{
    text-align: left;
}
.right{
	text-align: right;
}
.right>*{
    text-align: left;
}
.middle.right{
    justify-content: flex-end;
}
.bottom.right{
    justify-content: flex-end;
}
.middle.left{
    text-align: left;
	justify-content: flex-start;
}
.bottom.right{
    text-align: right;
	justify-content: flex-end;
}
.middle.center{
    display: flex;
	justify-content: center; /* align horizontal */
}
.middle.center>*{ max-width:100%;}
/*button*/
a.button{
	position:relative;
	display:inline-block;
	min-height:54px;
	margin:0px;
	line-height:18px;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#4C89F2;
	border:2px solid #4C89F2;
	border-radius: 30px;
	text-decoration:none;
	text-transform:uppercase;
	padding:16px 29px;
	text-align:center;
	vertical-align:middle;
	
}
a.button:hover{
	background-color: #eaf1ff;
}
a.button.bluebg{
	color:#FFFFFF;
	background-color: #4C89F2;
}
a.button.bluebg:hover{
	background-color: #6f9ff3;
	border:2px solid #6f9ff3;
}
a.button.whitebg{
	background-color: #FFFFFF;
}
a.button.whitebg:hover{
	background-color: #6f9ff3;
}
a.button.white{
	color:#FFFFFF;
	border:2px solid #FFFFFF;
}
a.button.white:hover{
	background-color:transparent;
	color:#ffffff;
	border:2px solid #4C89F2;
}
a.button.min{
	min-height: 36px;
	padding: 7px 22px;
}

.socials-navbar-nav{
float:right;
margin:0;
padding:0;
}
.socials-navbar-nav li{
	display:inline-block;
	position:relative;	
	margin-right: 5px;
}
.socials-navbar-nav li a{
	display:block;
	padding:1px 14px;
	color:#fff;	
}
@media(max-width: 991.98px) {
.socials-navbar-nav,.col-header-menu.right{
	display:none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.socials-navbar-nav li a{
	padding:1px 8px;
}
}
.socials-navbar-nav li:hover>a{
	background-color:#052c6d;
	color: #ffffff;
}
ul.header-menu{
	padding-left: 0;
	list-style: none;
	margin-bottom:0;
	text-align: center;
}
ul.header-menu>li{
	display: inline-block;
	margin-right: 5px;
	position: relative;
}
ul.header-menu>li:last-child{
	margin-right: 0px;
}
ul.header-menu>li>a{
	display: block;
    color: #ffffff;
	text-transform:uppercase;
	padding:0px 7px;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:500;
	
}
@media (min-width: 576px) and (max-width: 767px) {
ul.header-menu>li>a{
	padding:1px 5px;
	font-size:12px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
ul.header-menu>li>a{
	padding:1px 5px;
	font-size:13px;
}
}
ul.header-menu>li:hover>a{
	background-color:#052c6d;
	color: #ffffff;
}
ul.header-menu>li.selected>a{
	background-color:transparent!important;
    color:#4C89F2;
}

/*1st DropDown Menu*/
ul.header-menu ul{
	width:250px;
	position:absolute;
	top:50%;
	left:-50px;
	background-color: #143a79;
	opacity:0;
	visibility:hidden;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	padding-top:0px;
	border-bottom:0px;
	z-index: 2;
	padding-left: 0;
	list-style: none;
	margin-bottom:0;
	text-align:left;
}
ul.header-menu ul li{
	width:100%;
	display: block;
	position:relative;
}
ul.header-menu ul li a{
	display: block;
    color: #ffffff;
	text-transform:uppercase;
	padding:0px 7px;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:500;
	
}
ul.header-menu ul > li:hover > a{
	background-color:#052c6d;
	text-decoration:none;
}
ul.header-menu ul li:hover:after{
	width:100%;
}
ul.header-menu > li:hover > ul{
	left:0px;
	top:100%;
	opacity:1;
	visibility:visible;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);	
}
/*2nd DropDown Menu*/
ul.header-menu ul ul{
	position:absolute;
	top:0px;
	left:100%;	
}
ul.header-menu ul > li:hover > ul{
	left:100%;
	top:0px;
	opacity:1;
	visibility:visible;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);	
}





.btnHeaderMenu{display:none;}
.header-menu-container{
	-webkit-transition: height ease-in-out .5s;
	-moz-transition: height ease-in-out .5s;
	-o-transition: height ease-in-out .5s;
	transition: height ease-in-out .5s;
}
@media (max-width: 767px) {
.btnHeaderMenu{
	display:block;
	height:80px;
	width:80px;
float: right;
    position: relative;
	right:0;
	top:0;
	text-decoration:none;
}
.btnHeaderMenu i{ display:block; position:absolute;
	
	left:15px;
	width:50px;
	height:4px;
	background-color:#ffffff;
	border-radius:3px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btnHeaderMenu i:first-child{
	top:20px;
}
.btnHeaderMenu i:nth-child(2){
	top:38px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.btnHeaderMenu i:nth-child(3){
	top:38px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.btnHeaderMenu i:last-child{
	top:56px;
	left:auto;
	right:15px;
}

.btnHeaderMenu.open i:first-child{
	opacity:0;
	width:0px;
}
.btnHeaderMenu.open i:nth-child(2){
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btnHeaderMenu.open i:nth-child(3){
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btnHeaderMenu.open i:last-child{
	opacity:0;
	width:0px;
}

header .col-header-menu{padding:0;}
.header-menu-container{overflow:hidden; height:0px; width:100%;}
ul.header-menu{ width:100%;}
ul.header-menu>li{
	display:block;
	margin-right: 0px;
	border-top: 1px solid #d8d8d8;
}
ul.header-menu>li>a{
    padding: 12px 5px;
	font-size:18px;
}
}

.header-slider-content{height:100%; width:100%; background-color:rgba(0, 0, 0, 0.40); color:#FFFFFF;}
.header-slider-content h2{font-family: 'Comfortaa', 'Roboto', sans-serif;font-weight:400; margin-bottom:30px; margin-top:60px;text-shadow: 0 0 8px rgba(0,0,0,0.7); padding:0px 30px;}
.header-slider-content a.button.bluebg{min-height:36px;padding:7px 22px;background-color:#0845ad; border-color:#0845ad;box-shadow: 0 0 11px rgba(0,0,0,0.4);}
.header-slider-content a.button.bluebg:hover{background-color: #4C89F2;border-color:#4C89F2;}
.header-slider-content a.button.white{min-height:36px;padding:7px 22px;box-shadow: 0 0 11px rgba(0,0,0,0.4);}
.header-slider-content a.button.white:hover{}
/*.section-home-about*/
.section-home-about{
	padding: 80px 0;
	background-color:#FFFFFF;
}
.section-home-about .about-img {
	display: block;
	width: 90%;
	margin: auto;
	margin-bottom:40px;
	border-radius: 50%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.section-home-about .about-img:before{
	content:'';
	display:block;
	padding-bottom:100%;
}
.section-home-about h2{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:center;
}
.section-home-about .description{
	font-size:20px;
	font-weight:300;
	text-align:justify;
	padding:0px 20px;
}
.section-home-gallery{
	padding: 80px 0;
	background-color:#000000;
}
.section-home-gallery h2{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:center;
	color:#FFFFFF;
}
.section-home-baget{
	padding: 80px 0;
	background-color:#FFFFFF;
}
.section-home-baget .baget-img {
	display: block;
	width: 100%;
	margin:0 auto;
}
.section-home-baget h2{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:center;
}
.section-home-baget .description{
	font-size:20px;
	font-weight:300;
	text-align:justify;
	padding:0px 20px;
	margin-bottom:50px;
}
@media (max-width: 575px) {
	.header-slider-content h2{ font-size:28px;margin-top:40px;}
	.section-home-baget .description{margin-bottom:30px;}
	.section-home-about,.section-home-gallery,.section-home-baget{
		padding: 40px 0;
	}
	.section-home-about h2{
		padding:0px 15px;
		font-size: 1.7rem;
	}
	.section-home-baget h2{
		padding:0px 15px;
		font-size: 1.7rem;
	}
	.section-home-gallery h2{
		padding:0px 15px;
		font-size: 1.7rem;
	}
	.section-home-about .description,.section-home-baget .description{
		padding:0px 10px;
	}
}
footer{
	background-color:#111a29;
	    color: #aaaaaa;
	padding: 20px 0px;
	font-size: 15px;
	line-height:18px;
}
footer .semilicon{color:#aaaaaa; text-transform:uppercase;font-size: 13px;line-height:17px; text-align:center;}
footer a.semilicon{color:#aaaaaa;}
footer a.semilicon:hover {color: #4c89f2;text-decoration: none;}
@media (max-width: 575px) {
.section-callus{
    padding: 40px 0;
}
footer{
	text-align:center;
}
.footer-iv{
	margin-top:15px;
	margin-bottom:30px;
}
footer .semilicon{ width:100%;}
}
@media (min-width: 576px) and (max-width: 991.98px) {
footer .container{
	width:100%;
	max-width:100%;
}
}
.social {
	margin: 30px 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.social li {
	display: inline-block;
	margin: 0 10px;
	width: 60px;
	height: 60px;
	overflow:hidden;
}
.social li a {
	display: block;
	width: 60px;
	height: 60px;
	line-height:60px;
	border: 2px solid #fff;
	border-radius: 50%;
	color:#FFFFFF;
	font-size:22px;
	margin: 0 auto;
	zoom: 1;
}
.social li a:hover{
	margin-top:1px;
	zoom: 0.96;
}
/*imageContainer*/
.imageContainer{
	position: relative;
	width:100%;
	margin-bottom:30px;
}
.imageContainer:before {
	content: "";
	display: block;
	padding-top: 100%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}
.imageContainer .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	perspective: 15px;
}

.imageContainer .content .inner {
  width:100%;
  height:100%;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
	overflow:hidden;
	position:relative;
}

.imageContainer .image{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.imageContainer .description{
	color:#f1f1f1;
    position: absolute;
    left: 0;
    bottom:-100%;
    right: 0;
	background-color:rgba(0, 0, 0, 0.44);
	padding:10px 5px;
	text-align:center;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-size:16px;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.imageContainer:hover .image{
	
}
.imageContainer:hover .description{
	 bottom: 0px;
}
.io-ls-controls.gallery .io-ls-bullet .io-ls-bullet_body{
	background-color: #c7c7c7;
	width: 10px;
	height: 10px;
	border-radius: 100px;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
	box-sizing: border-box;
	border:2px solid #fff;
}
.io-ls-controls.gallery .io-ls-bullet.io-ls-bullet_active .io-ls-bullet_body{
	background-color: #222;
}
.io-ls-controls.gallery .io-ls-bullet:hover .io-ls-bullet_body{
	background-color: #222;
}
.gallery-albums{
	padding: 80px 0;
	background-color:#000000;
	color:#FFFFFF;
}
.gallery-albums h1{
	font-size: 4rem;
	font-weight:100;
	font-family:'Roboto', sans-serif;
	text-align:left;
	margin-bottom: 40px;
}
.gallery-albums h2{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:center;
	color:#FFFFFF;
}
@media (max-width: 575px) {
	.gallery-albums{
		padding: 40px 0;
	}
	.gallery-albums h1{
	font-size: 2.5rem;
	text-align:center;
	}
	.gallery-albums h2{
		padding:0px 15px;
		font-size: 1.7rem;
	}
}
.galleryAlbum{
	position: relative;
	width:100%;
	margin-bottom:30px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}
.galleryAlbum:hover{
	text-decoration:none;
}
.galleryAlbum .photos{
	position: relative;
}
.galleryAlbum .photos:before {
	content: "";
	display: block;
	padding-top: 70%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}
.galleryAlbum .photo1,.galleryAlbum .photo2,.galleryAlbum .photo3{
    position: absolute;
    left: 0;
    top: 0 ;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width:80%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background-color:#27272f;
	-webkit-box-shadow: 2px 2px 13px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 2px 2px 13px 0px rgba(0,0,0,0.65);
	box-shadow: 2px 2px 13px 0px rgba(0,0,0,0.65);
}
.galleryAlbum .photo1:before,.galleryAlbum .photo2:before,.galleryAlbum .photo3:before {
	content: "";
	display: block;
	padding-top: 70%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}
.galleryAlbum .photo1{z-index:5; left: 5%;top:5%;}
.galleryAlbum .photo2{z-index:4; left: 10%;top:10%;}
.galleryAlbum .photo3{z-index:3; left: 15%;top:15%;}
.galleryAlbum:hover .photo1{z-index:5; left: -5%;top:0%;}
.galleryAlbum:hover .photo2{z-index:4; left: 20%;top:-5%;}
.galleryAlbum:hover .photo3{z-index:3; left: 10%;top:20%;}
.galleryAlbum .title{
	color:#f1f1f1;
	padding:10px 15px;
	text-align:center;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-size:14px;
}
.gallery-photos{
	padding: 80px 0;
	background-color:#000000;
	color:#FFFFFF;
}
.gallery-photos h1{
	font-size: 4rem;
	font-weight:100;
	font-family:'Roboto', sans-serif;
	text-align:left;
	margin-bottom: 40px;
}
.gallery-photos h2{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:center;
	color:#FFFFFF;
}
@media (max-width: 575px) {
	.gallery-photos{
		padding: 40px 0;
	}
	.gallery-photos h1{
	font-size: 2.5rem;
	text-align:center;
	}
	.gallery-photos h2{
		padding:0px 15px;
		font-size: 1.7rem;
	}
}

.section-baget{
	padding: 80px 0;
	background-color:#FFFFFF;
}
.section-baget img {
	display: block;
	max-width: 100%;
	margin:0 auto;
	margin-bottom:50px;
}
.section-baget h2{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:center;
}
.section-baget p{
	font-size:20px;
	font-weight:300;
	text-align:justify;
	padding:0px 20px;
	margin-bottom:50px;
}
@media (max-width: 575px) {
	.section-baget p{margin-bottom:30px;}
	.section-baget{
		padding: 40px 0;
	}
	.section-baget h2{
		padding:0px 15px;
		font-size: 1.7rem;
	}
	.section-baget .description{
		padding:0px 10px;
	}
}
.section-404{
	padding: 80px 0;
	background-color:#FFFFFF;
}
.section-404 h1{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:center;
}
.section-404 p{
	font-size:20px;
	font-weight:300;
	text-align:justify;
	padding:0px 20px;
	margin-bottom:50px;
	text-align:center;
}
@media (max-width: 575px) {
	.section-404 p{margin-bottom:30px;}
	.section-404{
		padding: 40px 0;
	}
	.section-404 h1{
		padding:0px 15px;
		font-size: 1.7rem;
	}
	.section-404 .description{
		padding:0px 10px;
	}
}


/*section-contacts*/
.section-contacts{
	padding: 50px 0;
	background-color:#FFFFFF;
}
.section-contacts h2{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:left;
}
.section-contacts p{
	font-size:20px;
	font-weight:300;
	text-align:justify;
	margin-bottom:20px;
}
@media (max-width: 575px) {
	.section-contacts p{margin-bottom:30px;padding:0px 15px;}
	.section-contacts{
		padding: 40px 0;
	}
	.section-contacts h2{
		padding:0px 15px;
		font-size: 1.7rem;
	}
}
form input[type=text],form input[type=tel]{
	width:100%;
	padding:5px 10px;
	margin-bottom:10px;
}
form textarea{
	width:100%;
	padding:5px 10px;
	margin-bottom:10px;
}
.grecaptcha-badge{bottom:120px!important;}

.section-about{
	padding: 80px 0;
	background-color:#FFFFFF;
}
.section-about img {
	display: block;
	width: 100%;
	margin:0 auto;
	margin-bottom:40px;
}
.section-about h2{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	padding: 0px 20px;
	text-align: center;
}
.section-about p{
	font-size:20px;
	font-weight:300;
	text-align:justify;
	padding:0px 20px;
	margin-bottom:50px;
}
.section-about h4{
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	padding: 0px 20px;
	font-size:20px;
}
@media (max-width: 575px) {
	.section-about p{margin-bottom:30px;}
	.section-about{
		padding: 40px 0;
	}
	.section-about h2{
		padding:0px 15px;
		font-size: 1.7rem;
	}
	.section-about .quote  h2{
		font-size: 1.4rem;
	}
	.section-about .description{
		padding:0px 10px;
	}
	.hide-mobile{display:none;}
}
@media (min-width: 576px) and (max-width: 767px) {
	.section-about .quote  h2{
		font-size: 1.4rem;
	}
}
.flex-container{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.min-ph-img-box{
    width: 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
	height:100px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}
.flex-container p{
font-size:18px;
}
.section-hello{
    padding: 50px 0;
    background-color: #396bc1;
    color: #ffffff;
}
.section-hello span{
	font-size:2.6rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	padding: 0px 20px;
}
.section-hello p {
    font-size: 20px;
    font-weight: 300;
    text-align: justify;
    padding: 0px 20px;
    margin-bottom: 0px;
}
@media (max-width: 767px) {
.section-hello span{
	font-size:1.6rem;
	margin-bottom:20px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.section-hello span{
	font-size:2rem;
}
}
.tags a{
	display:block;
	border-bottom:1px solid #CCCCCC;
	padding:2px 5px;
	font-size: 20px;
    font-weight: 300;
	color:#333333;
		-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}
.tags a:hover{text-decoration:none; padding-left:10px;color:#000;}
.section-blog{
	padding: 50px 0;
	
	background-color: #EDEEF2;
}
.section-blog h1{
	font-size: 2rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:left;
}
.section-blog h2,.section-blog h3{
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:left;
}
.section-blog h4{
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:left;
}
.section-blog h3{
	font-size: 1.6rem;
}
.section-blog p{
	font-size:20px;
	font-weight:300;
	text-align:justify;
	margin-bottom:20px;
}




	
	
	
	.blogPost{
		margin: 20px 0px;
		width: 100%;
		position: relative;
		box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.24);
		background-color: #FFFFFF;
	}
	.blogPost_date{
		width:100%;
		position:relative;
		margin-bottom:15px;
		padding:20px 20px 5px 20px;
		font-size:12px;
		color:#474747;
		text-transform:uppercase;
		font-family: Arial, Helvetica, sans-serif;
	}
	.blogPost_view{
		width:100%;
		padding:0px 20px 30px 20px;	
	}
	.blogPost_view h6 > a{
		display:block;
		font-size:20px;
		color:#474747;
		margin-bottom:9px;
		font-weight:normal;
		position:relative;
		font-family: 'Comfortaa', 'Roboto', sans-serif;
		font-weight: 400;
		width:100%;
	}
	.blogPost_view h6 a:before{
		content:"";
		position:absolute;
		top:0px;
		left:-22px;
		width:3px;
		height:100%;
		background-color:#474747;	
	}
	.blogPost_view p{
		color:#5d5959;
		margin-bottom:10px;
		text-align:justify;
		font-size:16px;
	}
	.blogPost_view a{
		display:inline-block;
		float:right;
		color:#27282d;	
	}
	.blogPost_view a i{
		margin-left:5px;
		font-weight:normal;
		color:#27282d;	
	}	
	.blogPost a,.blogPost a:hover{
		text-decoration:none;
	}
	.blogPost:hover a{
		color:#1697c7;	
	}
	.blogPost:hover a>i{
		color:#1697c7;	
	}
	.blogPost:hover h6 a:before{
		background-color:#1697c7;	
	}
	
	
	
	.blogPost h3,.blogPost h1{margin-bottom:0px;}
	.blogPost .image-container{width:100%; height:120px; padding-top:20px;
			-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
		margin-bottom:20px;
	}
	.blogPost .image-wrapper{
		width:100%; height:100px;
		overflow:hidden;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-o-transition: all  .1s ease-in-out;
		transition: all  .1s ease-in-out;
	}
	.blogPost .image{
		width:100%; height:120px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display:block;
		margin-top:-10px;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-o-transition: all  .1s ease-in-out;
		transition: all  .1s ease-in-out;
	}
	.blogPost .image-container:hover{
		 padding-top:10px;
	}
	.blogPost .image-container:hover .image-wrapper{
		height:120px;
	}
	.blogPost .image-container:hover .image{
		margin-top:0px;
	}
	.blogPost .description{
		font-size:20px;
		font-weight:300;
		text-align:justify;
		margin-bottom:20px;
	}
	@media (max-width: 575px) {
		.section-blog p{margin-bottom:30px;}
		.section-blog{
			padding: 40px 0;
		}
		.section-blog h2{
			padding:0px 15px;
			font-size: 1.7rem;
		}
	.section-blog h3{
		font-size: 1.2rem;
	}
	}





.io_pagination{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:12px;
}
.io_pagination .pagination{
	margin:0px;
	border:0px;
	border-radius:0px;
	padding:0;
}
.io_pagination .pagination li{
	display:inline-block;
	margin-right:3px;	
}
.io_pagination .pagination li a{
	color:#666666;
	border:0px;
	margin:0px;	
	font-size:16px;
	padding:6px 14px;
	border:1px solid #d9d9d9;
	border-radius:0px;float: left;
}
.io_pagination .pagination .dots{
display: inline-block;
    margin-right: 3px;
	font-weight:bold;
	font-size:20px;
line-height:24px;
height:34px;
margin-top:-30px;
vertical-align:middle;
	
}
.io_pagination .pagination li a span{
	border:1px solid #cfcfcf;
	padding:4px 9px;	
}
.io_pagination .pagination li a:focus,
.io_pagination .pagination li a:hover{
	background:none;	
}
.io_pagination .pagination li:hover a,
.io_pagination .pagination li:focus a{
	color:#000;	
	 background-color: #e6eefd;
	 text-decoration:none;
}
.io_pagination .pagination li.active a{
	background-color: #396bc1!important;
	border-color: #396bc1!important;
	color:#fff;
}

.io_pagination .bx-wrapper .bx-pager{
	display:none;	
}
/*Second Pagination*/
.io_pagination2{
	margin-top:20px;	
	margin-bottom:38px;
}
.io_pagination ul.pagination{
	float:left;
	width:100%;	
}
.io_pagination .pagination li a b{
	border-top:2px solid #000000;
	color:#000000;
	padding-top:5px;	
}
.title-img{width:100%;}
.section-blog .content{
	font-size:20px;
	font-weight:300;
	text-align:justify;
	padding-bottom:20px;
}
.section-blog .content .row{margin:0;}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
      font-size: 14px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #777777;
}
.breadcrumb{
	background:none;
	margin:0px;
	padding:0px;
	line-height:30px;
	    margin-bottom: 20px;
}

.breadcrumb > li + li:before{
	display:none;	
}

.breadcrumb > li{
	margin-right:0px;
    font-size: 14px;
	color:#999999;
}

.breadcrumb > li:after{
	content:'>';
	position:relative;
	display:inline-block;
	width:40px;
	text-align:center;
	height:30px;
	line-height:30px;
}

.breadcrumb > li:last-child:after{
	display:none;	
}

.breadcrumb > li a{
	color:#999999;
}

.breadcrumb > li a:hover{
	color:#4c89f2;
	text-decoration:none;
}
info{
    padding: 10px 10px;
    display: block;
    background-color: #ffdbdb;
    margin-bottom: 20px;
}
info[green]{
    background-color: #e3fbe7;
}
.section-page{
	background-color:#FFFFFF;
	padding: 50px 0px;
	font-size:20px;
	font-weight:300;
}
.section-page p {
	text-align:justify;
	margin-bottom:20px;
}
.section-page h1,h2,h3,h4,h5{
	margin-bottom: 1.5rem;
	font-family: 'Comfortaa', 'Roboto', sans-serif;
	font-weight:400;
	text-align:left;
}
.section-page h1{
	text-align:center;
}
.img-rounded{
    max-width: 100%;
}



/*
	  ==============================================================
		   flexslider
	  ==============================================================
*/

.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus
{
	outline:none
}
.slides,.flex-control-nav,.flex-direction-nav
{
	padding:0;
	 list-style:none
}
.slides
{
	margin-top:0 !important;
	 margin-left:0 !important
}
.flexslider
{
	margin:0;
	 padding:0
}
.flexslider .slides > li
{
	 -webkit-backface-visibility:hidden;
	 text-align:center
}
.flexslider .slides > li img
{
	max-width:100%;
	 line-height:0
}
.flexslider .slides.post_slideshow_widget > li
{
	margin-right:0 !important
}
.flexslider .slides.post_slideshow_widget > li img
{
	margin-bottom:10px
}
	#page_slider.flexslider .slides > li
{
	margin-right:0 !important
}
.flex-pauseplay span
{
	text-transform:capitalize
}
.slides:after
{
	content:"\0020";
	 display:block;
	 clear:both;
	 visibility:hidden;
	 line-height:0;
	 height:0
}
	html[xmlns] .slides
{
	display:block
}
	* html .slides
{
	height:1%
}
.no-js .slides > li:first-child
{
	display:block
}
.flexslider
{
	margin:0;
	 position:relative;
	 zoom:1;
	 margin-top:0
}
.flexslider.post_carousel
{
	margin-top:0
}
.flex-viewport
{
	max-height:2000px;
	 -webkit-transition:all 1s ease;
	 -moz-transition:all 1s ease;
	 -o-transition:all 1s ease;
	 transition:all 1s ease
}
.loading .flex-viewport
{
	max-height:300px
}
.flexslider .slides
{
	zoom:1
}
.flexslider.tg_gallery .slides
{
	line-height:0
}
.carousel li
{
	margin-right:5px
}
.flex-direction-nav
{
	height:0;
	 list-style:none !important
}
.flex-direction-nav a
{
	display:block;
	 width:60px;
	 height:60px;
	 text-align:center;
	 position:absolute;
	 bottom:46%;
	 z-index:2;
	 overflow:hidden;
	 opacity:1;
	 cursor:pointer;
	 -webkit-transition:all .3s ease;
	 -moz-transition:all .3s ease;
	 transition:all .3s ease;
	 background:rgba(0,0,0,0.3);
	 border-radius:250px
}
.flex-direction-nav a:hover
{
	opacity:1
}
	#page_slider .flex-direction-nav a
{
	top:42% !important
}
.slider_widget_wrapper .flex-direction-nav a
{
	top:34% !important
}
.post_type_gallery .flex-direction-nav a
{
	top:33%
}
.flex-direction-nav .flex-prev
{
	left:-80px;
	 opacity:0;
	 text-decoration:none!important
}
.flex-direction-nav .flex-next
{
	right:-80px;
	 opacity:0;
	 text-decoration:none!important
}
.slider_wrapper:hover .flex-prev
{
	opacity:1;
	 left:2%
}
.slider_wrapper:hover .flex-next
{
	opacity:1;
	 right:2%
}
.slider_wrapper .flexslider:hover .flex-prev
{
	opacity:1;
	 left:0
}
.slider_wrapper .flexslider:hover .flex-next
{
	opacity:1;
	 right:0
}
.flexslider .flex-prev:hover,.flexslider .flex-next:hover
{
	text-decoration:none !important
}
.flex-direction-nav .flex-disabled
{
	opacity:0!important;
	 filter:alpha(opacity=0);
	 cursor:default
}
.flex-direction-nav a:before
{
	font-family:"FontAwesome";
	 font-size:22px;
	 line-height:60px;
	 display:block;
	 content:'\f104';
	 color:#fff;
	 margin-top:0px
}
.flex-direction-nav a.flex-next:before
{
	content:'\f105'
}
.flex-pauseplay a
{
	display:block;
	 width:20px;
	 height:20px;
	 position:absolute;
	 bottom:5px;
	 left:10px;
	 opacity:0.8;
	 z-index:10;
	 overflow:hidden;
	 cursor:pointer;
	 color:#000
}
.flex-pauseplay a:before
{
	font-family:"flexslider-icon";
	 font-size:20px;
	 display:inline-block;
	 content:'\f004'
}
.flex-pauseplay a:hover
{
	opacity:1
}
.flex-pauseplay a.flex-play:before
{
	content:'\f003'
}
.flex-control-nav
{
	width:100%;
	 text-align:center;
	 margin:0 !important;
	 margin-top:20px !important
}
.flex-control-nav li
{
	margin:0 4px;
	 display:inline-block;
	 zoom:1;
	 *display:inline
}
.flex-control-paging li a
{
	width:4px;
	 height:4px;
	 line-height:7px;
	display:inline-block;
	 vertical-align:middle;
	 background:transparent;
	 cursor:pointer;
	 text-indent:-9999px;
	 -webkit-border-radius:20px;
	 -moz-border-radius:20px;
	 -o-border-radius:20px;
	 border-radius:20px;
	 border:2px solid transparent;
	 background:#ccc
}
.flex-control-paging li a:hover
{
	border-color:#222;
	 background:#222
}
.flex-control-paging li a.flex-active
{
	background:#222;
	 border-color:#222;
	 cursor:default;
	 width:7px;
	 height:7px
}
.flex-control-thumbs
{
	margin:5px 0 0;
	 position:static;
	 overflow:hidden
}
.flex-control-thumbs li
{
	width:25%;
	 float:left;
	 margin:0
}
.flex-control-thumbs img
{
	width:100%;
	 display:block;
	 opacity:.7;
	 cursor:pointer
}
.flex-control-thumbs img:hover
{
	opacity:1
}
.flex-control-thumbs .flex-active
{
	opacity:1;
	 cursor:default
}
.slider_wrapper
{
	width:100%;
	position:relative;
	overflow:hidden
}
.slider_wrapper.fixed_width
{
	width:960px;
	margin:auto;
	margin-top:35px !important
}
.slider_wrapper.fixed_width .flex-direction-nav .flex-prev
{
	left:30px
}
.slider_wrapper.fixed_width .flex-direction-nav .flex-next
{
	right:30px
}
.slider_wrapper.fixed_width:hover .flex-direction-nav .flex-prev
{
	left:110px
}
.slider_wrapper.fixed_width:hover .flex-direction-nav .flex-next
{
	right:110px
}
.post_wrapper.grid_layout .slider_wrapper
{
	min-height:190px;
	margin-bottom:15px
}

	#post_featured_slider
{
	margin-top:-1px;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	transition:all 0.6s ease;
	background-color:#f9f9f9
}
	#post_featured_slider.three_cols
{
height:250px;
}
	#post_featured_slider li .slider_image:after
{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(40%,transparent),color-stop(76%,rgba(0,0,0,0.3)),color-stop(93%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.7)));
	background-image:-webkit-linear-gradient(transparent 0%,transparent 40%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.7) 100%);
	background-image:linear-gradient(transparent 0%,transparent 40%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.7) 100%);
	z-index:2
}
	#post_featured_slider li .slider_image
{
	width:100%;
	height:500px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative
}
	#post_featured_slider li .slider_image.three_cols
{
	width:33.33333%;
	float:left;
	height:250px;
	background-color: #bfbfbf;
}
	#post_featured_slider li .slider_image .slide_post
{
	position:absolute;
	bottom:15px;
	left:0;
	width:100%;
	text-align:center;
	color:#fff;
	z-index:3
}
	#post_featured_slider li .slider_image.three_cols .slide_post
{
	text-align:left
}
	#post_featured_slider li .slider_image .slide_post .slide-title
{
	color:#fff;
	font-size:24px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family: FcMedium, Helvetica, Arial!important;
}
	#post_featured_slider li .slider_image.three_cols .slide_post
{
	padding:0 20px 0 20px;
	box-sizing:border-box
}
	#post_featured_slider li .slider_image.three_cols .slide_post .slide-title
{
	font-size:14px
}
	#post_featured_slider li .slider_image .slide_post .slide_post_date
{
	font-family: FcRegular, Helvetica, Arial!important;
	font-style:italic;
	font-size:13px
}
	#post_featured_slider li .slider_image.three_cols .slide_post,slide_post_date
{
	font-size:11px
}
@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}
.footer-menu  {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu li {
	padding: 4px 0px;
	color: #aaaaaa;
}
.footer-menu li a {
	color: #aaaaaa;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
}
.footer-menu li a:hover {
	color: #fff;
}
.section-footer {
    padding: 50px 0;background-color: #1b283e;
	color:#ffffff;
	}
.section-footer h6{
    border-bottom: 1px solid #4f4f4f;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #e8e8e8;
    display: inline-block;
    margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
}