/* fonts */
@font-face {
	font-family:"GothamPro";
	src:url("fonts/GothamProReg.eot");
	src:url("fonts/GothamProReg.eot#iefix") format("embedded-opentype"), url("fonts/GothamProReg.woff") format("woff"), url("fonts/GothamProReg.ttf") format("truetype"), url("fonts/GothamProReg.svg") format("svg");
	font-weight:400;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family:"GothamPro";
	src:url("fonts/GothamProLight.eot");
	src:url("fonts/GothamProLight.eot#iefix") format("embedded-opentype"), url("fonts/GothamProLight.woff") format("woff"), url("fonts/GothamProLight.ttf") format("truetype"), url("fonts/GothamProLight.svg") format("svg");
	font-weight:300;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family:"GothamPro";
	src:url("fonts/GothamProBold.eot");
	src:url("fonts/GothamProBold.eot#iefix") format("embedded-opentype"), url("fonts/GothamProBold.woff") format("woff"), url("fonts/GothamProBold.ttf") format("truetype"), url("fonts/GothamProBold.svg") format("svg");
	font-weight:700;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family:"GothamPro";
	src:url("fonts/GothamProBlack.eot");
	src:url("fonts/GothamProBlack.eot#iefix") format("embedded-opentype"), url("fonts/GothamProBlack.woff") format("woff"), url("fonts/GothamProBlack.ttf") format("truetype"), url("fonts/GothamProBlack.svg") format("svg");
	font-weight:800;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family:"GothamPro";
	src:url("fonts/GothamProMedium.eot");
	src:url("fonts/GothamProMedium.eot#iefix") format("embedded-opentype"), url("fonts/GothamProMedium.woff") format("woff"), url("fonts/GothamProMedium.ttf") format("truetype"), url("fonts/GothamProMedium.svg") format("svg");
	font-weight:500;
	font-style: normal;
	font-stretch: normal;
}
/*h1-h6*/
h1 {
    font:700 30px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 20px;
    text-align: center;
}
/*snipets*/
.content{
    overflow: hidden;
}
.text-center{
    text-align: center;
}
.clear{
	clear: both;
 }
a:hover{
	text-decoration: none;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.dropdown-menu>li>a, .dropdown-menu>li>a{
    padding: 7px 20px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    color: #ffffff;
    text-decoration: none;
    background-color: #0057b8;
    padding: 7px 20px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
    background: url(images/caret.png) no-repeat;
    height: 11px;
    margin-top: -4px;
    position: absolute;
    right: 16px;
    top: 50%;
    vertical-align: middle;
    width: 20px;
    z-index: 3;
    border: 0;
}
.btn-group.bootstrap-select.open .dropdown-toggle .caret {
    background-position: 0 -36px;
}
.filter input {
    background: #d9e6f4;
    border: medium none;
    border-radius: 19px;
    color: #757575;
    float: left;
    font: 300 14px/17px GothamPro, Arial, Helvetica, sans-serif;
    padding: 12px 40px 12px 12px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.filter input:focus {
    box-shadow: 0 0 5px 1px #0057b8;
    color: #0057b8;
    border-color: #0057b8 !important;
    font-weight: 700;
    font-family: GothamPro, Arial, Helvetica, sans-serif;
    outline: none;
}
.filter button[type="submit"] {
    background: url(images/search.png) no-repeat;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    float: left;
    height: 40px;
    margin: 0 0 0 -40px;
    outline: medium none;
    padding: 0;
    position: relative;
    width: 40px;
    z-index: 2;
}
/*base*/
body{
	font: 400 16px/1.4 GothamPro,Arial,Helvetica,sans-serif;
}
.header.transparent .top{
    background: transparent;
}
.header .top{
    /*background: #0b46be url('images/top-bg.jpg') 50% 0;*/
	background: #fff;
}
.header .top .container{
    max-width: 1030px;
    padding: 19px 15px;
}
.header .navigate .container{
    max-width: 1030px;
}
.header .top .auth_block{
	padding: 14px 0;
}
.header .top .auth_block a{
	position: relative;
	border-radius: 0 25px 25px 0;
	/*border: 2px solid #fff;*/
    display: block;
    float: left;
	background: #68b602;
    font: 700 13px/46px GothamPro,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 3px 16px 0 16px;
	/*box-shadow: 0 11px 8px -4px rgba(255, 255, 255, 0.7) inset;*/
	-webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.header .top .auth_block a:first-child{
	border-radius: 25px 0 0 25px;
	border-right: 0;
	background: #0057b8;
    outline: none;
    text-decoration: none;
}
.header .top .auth_block a:hover:first-child{
	background: #074c9a;
	box-shadow: none;
}
.header .top .auth_block a:hover{
	background: #579506;
	box-shadow: none;
}
.header .top .auth_block a:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*border-radius: 0 25px 25px 0;
    border-top: 2px solid #68b602;*/
}
.header .top .auth_block a:first-child:after{
	/*border-radius: 25px 0 0 25px;
    border-top: 2px solid #0057b8;*/
}
/*nav*/
.header .navigate .nav{
	font: 500 14px/50px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 0;
    text-transform: uppercase;
	float: left;
}
.header .navigate .nav .home{
	border: 0;
	width: 50px;
    height: 50px;
	background: url(images/home.png) no-repeat left 10px !important;
    padding-left: 0;
}
.header .navigate .nav li+li{
	margin: 0;
}
.header .navigate .nav li{
	border-right: 2px solid #cfcfcf;
	-webkit-transform: skewX(-14deg);
    -moz-transform: skewX(-14deg);
    -o-transform: skewX(-14deg);
    transform: skewX(-14deg);
	transition: all ease 0.2s;
}
.header .navigate .nav li.home_li{
    background: transparent !important;
}
.header .navigate .nav li:first-child{
	border: 0;
	background: transparent !important;
}
.header .navigate .nav li a{
	border-radius: 0;
	padding: 0 12px;
	color: #000;
	font-weight: bold;
	-webkit-transform: skewX(14deg);
    -moz-transform: skewX(14deg);
    -o-transform: skewX(14deg);
    transform: skewX(14deg);
	transition: all ease 0.5s;
}
.header .navigate .nav li:hover, .header .navigate .nav li:focus{
	background: #68b602;
}
.header .navigate .nav li a:hover{
	background: transparent;
	color:#fff;
}
/*nav_socials*/
.header .navigate .socials{
	list-style: none;
	margin: 0;
}
.header .navigate .socials .text{
	float: left;
    font-size: 13px;
    text-transform: none;
    font-weight: normal;
	padding: 16px 10px;
}
.header .navigate .socials li{
	float: left;
	padding: 11px 0;
}
.header .navigate .socials li a{
	width: 28px;
	height: 28px;
	margin-left: 3px;
	display: block;
	/*border-radius: 3px;*/
    border-radius: 99px;
	transition: all linear .1s;
}
.header .navigate .socials li a.youtube{
	background: url('images/socials.png');
}
.header .navigate .socials li a.vk{
	background: url(images/socials.png) -31px 0;
}
.header .navigate .socials li a.ok{
	background: url(images/socials.png) -62px 0;
}
.header .navigate .socials li a.fb{
    background: url(images/socials.png) -93px 0;
}
.header .navigate .socials li a.twitter{
    background: url(images/socials.png) -124px 0;
}
.header .navigate .socials li a.telegram{
    background: url(images/socials.png) -155px 0;
}
.header .navigate .socials li a.instagram{
    background: url(images/socials.png) -186px 0;
}
.header .navigate .socials li a:hover{
	opacity: 0.9;
}
/*fix_nav*/
.header .fixed_nav{
    position: fixed;
    top: 0;
    background: #0057b8 !important;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.7);
    padding: 10px;
}
.header .fixed_nav.blue .nav .home_li a{
    background: url(images/home.png) no-repeat left -44px !important;
}
.header .fixed_nav.transparent .nav .home_li a{
    background: url(images/home.png) no-repeat left -44px !important;
}
.header .fixed_nav .fix_log {
    width: 40px;
    height: 30px;
    float: left;
    background: url(images/logo.png) no-repeat 7px;
    background-size: cover;
    margin-right: 16px;
}
.header .fixed_nav .nav{
    font: 500 11px/30px GothamPro,Arial,Helvetica,sans-serif;
}
.header .fixed_nav .nav .home {
    height: 30px;
    background: url(images/home.png) no-repeat left -43px !important;
}
.header .fixed_nav .nav li:first-child{
    border: 0;
}
.header .fixed_nav .nav li a{
    color: #fff;
}
.header .fixed_nav .socials .text{
    display: none;
}
.header .fixed_nav .socials li{
    padding: 0;
}
.header .fixed_nav .socials li a.youtube{
	background: url('images/socials.png') 0 -56px;
}
.header .fixed_nav .socials li a.vk{
	background: url(images/socials.png) -31px -56px;
}
.header .fixed_nav .socials li a.ok{
	background: url(images/socials.png) -62px -56px;
}
.header .fixed_nav .socials li a.fb{
    background: url(images/socials.png) -93px -56px;
}
.header .fixed_nav .socials li a.twitter{
    background: url(images/socials.png) -124px -56px;
}
.header .fixed_nav .socials li a.telegram{
    background: url(images/socials.png) -155px -56px;
}
.header .fixed_nav .socials li a.instagram{
    background: url(images/socials.png) -186px -56px;
}
.header .fixed_nav .fix_login{
    display: block;
    float: right;
    font: 700 11px/30px GothamPro,Arial,Helvetica,sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.header .fixed_nav .fix_login li{
    float: left;
}
.header .fixed_nav .fix_login li a{
    color: #fff;
    text-decoration: underline;
    outline: none;
    padding: 0 10px;
    position: relative;
}
.header .fixed_nav .fix_login li:last-child a:before{
    content: '/';
    position: absolute;
    left: -3px;
}
.header .fixed_nav .fix_login li a:hover{
    text-decoration: none;
}
/*blue*/
.header .blue{
    background: #0057b8;
}
.header .blue .nav li a{
    color: #fff;
}
.header .blue .nav .home{
   background: url(images/home.png) no-repeat left -34px !important;
}
.header .blue .socials .text{
    color: #fff;
}
.header .blue .socials li a.youtube{
	background: url('images/socials.png') 0 -56px;
}
.header .blue .socials li a.vk{
	background: url(images/socials.png) -31px -56px;
}
.header .blue .socials li a.ok{
	background: url(images/socials.png) -62px -56px;
}
.header .blue .socials li a.fb{
    background: url(images/socials.png) -93px -56px;
}
.header .blue .socials li a.twitter{
    background: url(images/socials.png) -124px -56px;
}
.header .blue .socials li a.telegram{
    background: url(images/socials.png) -155px -56px;
}
.header .blue .socials li a.instagram{
    background: url(images/socials.png) -186px -56px;
}
/*transparent*/
.header .transparent{
    background: transparent;
}
.header .transparent .nav li a{
    color: #fff;
}
.header .transparent .nav .home{
   background: url(images/home.png) no-repeat left -34px !important;
}
.header .transparent .socials .text{
    color: #fff;
}
.header .transparent .socials li a.youtube{
    background: url('images/socials.png') 0 -56px;
}
.header .transparent .socials li a.vk{
    background: url(images/socials.png) -31px -56px;
}
.header .transparent .socials li a.ok{
    background: url(images/socials.png) -62px -56px;
}
.header .transparent .socials li a.fb{
    background: url(images/socials.png) -93px -56px;
}
.header .transparent .socials li a.twitter{
    background: url(images/socials.png) -124px -56px;
}
.header .transparent .socials li a.telegram{
    background: url(images/socials.png) -155px -56px;
}
.header .transparent .socials li a.instagram{
    background: url(images/socials.png) -186px -56px;
}
/*header description*/
.header__pres{
    margin-top: 9em;
    color: #fff;
}
.header__pres-heading{
    /*padding-left: 60px;*/
    padding-left: 85px;
}
.header__pres-heading h1{
    line-height: 1.3;
    text-align: left;
}
.header__pres-heading .btn{
    margin-top: 30px; 
}
.header__pres-heading .btn:hover{
    padding: 1em 4em;
    box-shadow: none; 
}
.header__pres-text {
    /*padding: 30px 60px 0 60px;*/
    padding: 0px 0px 0 60px; 
}
.header__pres a.btn, .btn {
    text-transform: uppercase;
    padding: 1em 3em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    letter-spacing: .05em;
    cursor: pointer;
}
a.btn-green,
.btn-green{
    background: #559501;
    color: #ffffff;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
    transition: 0.5s ease 0s; 
}
a.btn-green:hover,
.btn-green:hover{
    color: #559501;
    background: #ffffff; 
}
.register a.btn-green,
.register .btn-green{
    background: #559501;
    color: #ffffff;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
    transition: 0.5s ease 0s; 
}
.register a.btn-green:hover,
.register .btn-green:hover{
    color: #559501;
    background: #ffffff; 
}
.register a.btn-blue,
.register .btn-blue{
    background: #0057b8;
    color: #ffffff;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
    transition: 0.5s ease 0s; 
}
.register a.btn-blue:hover,
.register .btn-blue:hover{
    color: #ffffff;
    background: #559501; 
}
.register .btn-center{
    text-align: center;
}
/*slider*/
.slider_container{
	background: #a2cbfe;
	margin-bottom: 60px;
}
.mainSlider .carousel-inner .item{
	max-height: 500px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
@media screen and (min-width: 768px) {
	.carousel-indicators {
		bottom: -60px;
	}
}
.carousel-indicators li{
	background: none;
    height: 24px;
    margin: 0 0 0 6px;
    width: 24px;
    border: 2px solid #0057b8;
	border-radius: 100%;
}
.carousel-indicators .active{
	background: #0057b8;
    height: 24px;
	margin: 0 0 0 6px;
    width: 24px;
    border: 2px solid #0057b8;
	border-radius: 100%;
}
/*timeline*/
.timeline_container{
	padding:20px 0;
	background: #fff url('images/timeline_bg.png') repeat;
}
.timeline_container h1{
	color: #0057b8;
	margin: 20px 0;
}
/*featured_selfi*/
.featured_selfi_container{
	background: #0057b8;
    color: #fff;
    padding: 25px 0 0;
}
.featured_selfi_container .container{
	max-width: 1030px;
}
.featured_selfi_container .container .selfi_item{
	background: #fff;
    padding: 10px;
    border-radius: 3px;
    position: relative;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -khtml-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -ms-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}
.featured_selfi_container .container .selfi_item:hover{
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
}
.featured_selfi_container .container .selfi_item .selfi_img{
	overflow: hidden;
    margin: 0 auto;
	cursor: pointer;
    position: relative;
}
.featured_selfi_container .container .selfi_item .selfi_img:after{
    position: absolute;
    content: '';
    height: 94px;
    width: 94px;
    left: 50%;
    margin-left: -47px;
    top: 50%;
    margin-top: -47px;
    background: url(images/play.png);
}
.featured_selfi_container .container .selfi_item .selfi_img:hover:after{
    background: url(images/play.png) 0 -130px;
}
.featured_selfi_container .container .selfi_item .name{
	color: #0057b8;
    font-size: 15px;
    padding: 10px 0 17px;
    position: relative;
	text-align: center;
	font-weight: bold;
}
.featured_selfi_container .container .selfi_item .name:after{
	background: #a9a9a9;
    bottom: 7px;
    content: "";
    height: 2px;
    left: 44%;
    position: absolute;
    right: 45%;
    width: auto;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.featured_selfi_container .container .selfi_item:hover .name:after{
	left: 0;
    right: 0;
    background: #0057b8;
}
.featured_selfi_container .container .selfi_item .direction{
	color: #000000;
    font: 700 13px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 4px;
    text-transform: uppercase;
	text-align: center;
    height: 30px;
}
.featured_selfi_container .container .selfi_item .city{
	font-style: italic;
    color: #999;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    text-align: center;
}
.featured_selfi_container .container .selfi_item .review{
    display: inline-block;
    font-size: 12px;
    color: #757575;
    padding: 0 0 0 22px;
    background: url(images/review.png) no-repeat;
    float: right;
}
.featured_selfi_container .container .btn_view_all_container{
	text-align: center;
	padding: 15px 0;
}
.featured_selfi_container .container .btn_view_all{
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    padding: 0 30px;
    text-decoration: none;
    font: 700 13px/50px GothamPro,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    box-shadow: inset 0 0 0 0 #367300;
    background: rgb(104,182,2);
    background: -moz-linear-gradient(top, rgba(104,182,2,1) 0%, rgba(67,138,4,1) 100%);
    background: -webkit-linear-gradient(top, rgba(104,182,2,1) 0%,rgba(67,138,4,1) 100%);
    background: linear-gradient(to bottom, rgba(104,182,2,1) 0%,rgba(67,138,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b602', endColorstr='#438a04',GradientType=0 );
}
.featured_selfi_container .container .btn_view_all:hover {
	box-shadow: inset 0 100px 0 0 #367300;
}
/*map*/
.map_container{
	background: #a2cbfe;
}
.map_container .container{
	max-width: 1030px;
}
.map_container .container #map{
	height: 500px;
	box-shadow: 0 0 90px rgba(0, 0, 0, 0.3);
	position: relative;
}
.map_container .container #map .map_info{
	position: absolute;
    right: 15px;
    top: 10px;
    z-index: 7;
}
.map_container .container #map .map_info .item{
	color: #0057b8;
	background: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    font: 15px/1.2 GothamPro-Regular,Arial,Helvetica,sans-serif;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 7px 5px 10px;
    text-align: center;
    width: 102px;
}
.map_container .container #map .map_info .item .number{
	color: #0057b8;
    display: block;
    font: 700 27px GothamPro,Arial,Helvetica,sans-serif;
}
/*footer*/
.footer{
	background: #0057b8;
}
.footer .container{
	max-width: 1030px;
	padding: 40px 15px 30px;
}
.footer .container .nav{
	font: 500 14px/40px GothamPro,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    float: right;
	padding: 5px 0;
}
.footer .container .nav li{
	border-left: 2px solid #fff;
    -webkit-transform: skewX(-14deg);
    -moz-transform: skewX(-14deg);
    -o-transform: skewX(-14deg);
    transform: skewX(-14deg);
    transition: all ease 0.5s;
	float: left;
}
.footer .container .nav li:last-child{
	border-right: 2px solid #fff;
}
.footer .container .nav li a{
    padding: 0 12px;
    color: #fff;
    font-weight: bold;
    -webkit-transform: skewX(14deg);
    -moz-transform: skewX(14deg);
    -o-transform: skewX(14deg);
    transform: skewX(14deg);
    transition: all ease 0.5s;
}
.footer .container .nav li a:hover{
	text-decoration: underline;
	background: transparent;
}
.footer .container .nav_question{
	float:left;
	list-style: none;
	padding: 0;
	margin: 15px 0;
	font-size: 14px;
}
.footer .container .nav_question li{
	float: left;
	padding-right: 20px;
	position: relative;
}
.footer .container .nav_question li:before{
	background: #fff;
    border-radius: 50%;
    content: "";
    height: 3px;
    left: -10px;
    position: absolute;
    top: calc(50% - 1px);
    width: 3px;
}
.footer .container .nav_question li:first-child:before{
	content: none;
}
.footer .container .nav_question li a{
	color: #fff;
	font-weight: bold;
}
.footer .socials{
	list-style: none;
	margin: 0;
    padding: 0;
}
.footer .socials .text{
	float: left;
    font-size: 13px;
    text-transform: none;
    font-weight: normal;
	padding: 16px 10px;
	color: #fff;
}
.footer .socials li{
	float: left;
	padding: 11px 0;
}
.footer .socials li a{
	width: 28px;
	height: 28px;
	margin-left: 3px;
	display: block;
	/*border-radius: 3px;*/
    border-radius: 99px;
	transition: all linear .1s;
}
.footer .socials li a.youtube{
	background: url(images/socials.png) 0px 28px;
}
.footer .socials li a.vk{
	background: url(images/socials.png) -31px 28px;
}
.footer .socials li a.ok{
	background: url(images/socials.png) -62px 28px;
}
.footer .socials li a.fb{
    background: url(images/socials.png) -93px 28px;
}
.footer .socials li a.twitter{
    background: url(images/socials.png) -124px 28px;
}
.footer .socials li a.telegram{
    background: url(images/socials.png) -155px 28px;
}
.footer .socials li a.instagram{
    background: url(images/socials.png) -186px 28px;
}
.footer .socials li a:hover{
	opacity: 0.9;
}
/*modal*/
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .2;
}
.modal {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal .modal-content{
    padding: 25px 135px;
    border-radius: 20px;
    box-shadow: 0 0 38px rgba(0, 0, 0, 0.4);
    border: 0;
    position: relative;
}
.modal .modal-content .close_modal{
    height: 24px;
    width: 24px;
    position: absolute;
    top: 14px;
    right: 14px;
    background: url(images/close_modal.png) no-repeat 0 0;
    cursor: pointer;
}
.modal .modal-content .modal-header{
    font: 700 18px GothamPro, Arial, Helvetica, sans-serif;
    color: #0057b8;
    text-transform: uppercase;
    border-bottom: 4px solid #d9e6f4;
    padding: 0;
}
.modal .modal-content .modal-header .modal-title{
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
}
.modal .modal-content .modal-body p{
    font-family: Arial;
    font-size: 13px;
    text-align: center;
}
.modal .modal-content .modal-body .form_login .text{
    margin-bottom: 20px;
    height: 42px;
    text-align: center;
    background: #d9e6f4;
    border-radius: 22px;
    border: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    font: 300 14px/17px GothamPro,Arial,Helvetica,sans-serif;
}
.modal .modal-content .modal-body .form_login .checkbox{
    font-family: Arial;
    text-align: center;
    font-size: 14px;
}
.modal .modal-content .modal-body .form_login .text:focus{
    box-shadow:0 0 5px 1px #0057b8;
	color: #0057b8;
	border-color: #0057b8;
    font-weight: bold;
}
.modal .modal-content .modal-body .form_login .btn_login{
    outline: none;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 180px;
    border-radius: 22px;
    border: 0;
    padding: 14px 0;
    font: 700 15px GothamPro,Arial,Helvetica,sans-serif;
    color: #fff;
    background: #0057b8;
    box-shadow: inset 0 0 0 0 #01346e;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.modal .modal-content .modal-body .form_login .btn_login:hover{
    box-shadow: inset 0 100px 0 0 #01346e;
}
.modal .modal-content .modal-body .social_login{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.modal .modal-content .modal-body .social_login li{
    display: inline-block;
}
.modal .modal-content .modal-body .social_login li a{
    width: 32px;
    height: 32px;
    display: inline-block;
    background: red;
    cursor: pointer;
}
.modal .modal-content .modal-body .social_login li a.vk{
    background: url(images/socials_1.png) no-repeat -42px 0;
}
.modal .modal-content .modal-body .social_login li a.ok{
    background: url(images/socials_1.png) no-repeat -126px 0;
}
.modal .modal-content .modal-body .social_login li a.fb{
    background: url(images/socials_1.png) no-repeat -168px 0;
}
.modal .modal-content .modal-body .social_login li a.tw{
    background: url(images/socials_1.png) no-repeat -210px 0;
}
.modal .modal-content .modal-body .repeat_password_block{
    text-align: center;
}
.modal .modal-content .modal-body .repeat_password_block .repeat_password{
    color: #111;
    font-size: 14px;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/*information_page*/
.information_container{
    margin-top: 30px;
}
.information_container .container{
    max-width: 1030px;
}
.information_container .container .title{
    border-bottom: 2px solid #d9e6f4;
    color: #0057b8;
    font: 800 25px GothamPro,Arial,Helvetica,sans-serif;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.information_nav ul{
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    width: 100%;
}
.information_nav ul li{
    float:left;
    padding: 11px 5px 11px 38px;
}
.information_nav ul li a{
    font: 400 14px/1.4 GothamPro,Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #757575;
    position: relative;
    transition: all linear .2s;
}
.information_nav ul li a.active{
    color: #68b602;
}
.information_nav ul li a:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(images/list-style.png) no-repeat;
    left: -15px;
    top: 1px;
    transition: all linear .2s;
}
.information_nav ul li:hover a{
    color: #68b602;
}
.information_container .container .container_wswig{
    text-align: left;
}
.information_container .container .container_wswig h1{
    font-weight: lighter;
    text-align: left;
    padding: 18px 0;
    border-bottom: 2px solid #0057b8;
    color: #0057b8;
    font-size: 42px;
}
.information_container .container .container_wswig h3{
    padding: 0 10px 7px;
    font-size: 18px;
    color: #0057b8;
    text-transform: uppercase;
    border-bottom: 4px solid #d9e6f4;
    font-weight: bold;
}
.information_container .container .container_wswig ul{
    list-style: none;
    padding: 0;
}
.information_container .container .container_wswig ul li{
    padding: 0 0 10px 40px;
    position: relative;
}
.information_container .container .container_wswig ul li:before{
    background: #68b602;
    content: "";
    height: 6px;
    left: 16px;
    position: absolute;
    top: 8px;
    width: 6px;
}
.end{
    font-size: 14px; width: 100%; text-align: right; display: block;
}
/*top_selfie*/
.top_selfie{
    background: #fff;
    padding: 30px 0 0;
}
.top_selfie .selfi_item{
    border: 1px solid #f3f3f3;
    margin-bottom: 15px;
}
.top_selfie h1{
    border-bottom: 2px solid #d9e6f4;
    color: #0057b8;
    font: 800 25px GothamPro,Arial,Helvetica,sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.featured_selfi_container .cont_selfie{
    background: #d9e6f4;
    padding: 25px 0 0;
}
.bs-select-hidden{
    display: none;
}
.bootstrap-select>.dropdown-toggle {
    background: #d9e6f4;
    padding-right: 25px;
    z-index: 1;
    border: 0;
    font: 300 14px/17px GothamPro,Arial,Helvetica,sans-serif;
    padding: 12px 35px 12px 12px;
    width: 100%;
    border-radius: 19px;
    cursor: pointer;
    box-shadow: none !important;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}
.filter{
    margin-bottom: 20px;
}
.filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width: 100%;
}
/*contact*/
.contact_container {
    margin-top: 30px;
}
.contact_container .container{
    max-width: 1030px;
}
.contact_container .container .title{
    border-bottom: 2px solid #d9e6f4;
    color: #0057b8;
    font: 800 25px GothamPro,Arial,Helvetica,sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.contact_container .container .contact_title{
    display: block;
    margin: 0 0 10px;
    color: #0057b8;
    font: 800 18px GothamPro,Arial,Helvetica,sans-serif;
}
.contact_container .container ul{
    padding: 0;
}
.contact_container .container ul li{
    border-bottom: 1px solid #d2d2d2;
    margin: 0;
    overflow: hidden;
    padding: 19px 0;
    font-size: 14px;
}
.contact_container .container ul li span{
    font-weight: bold;
}

.contact_container .container form input[type='text'], .contact_container .container form input[type='email']{
    height: 34px !important;
}

.contact_container .container form textarea{
    height: 150px !important;
    resize: none !important;
}

.contact_container .container form input, .contact_container .container form textarea{
    width: 100% !important;
    text-align: left;
    background: #d9e6f4;
    border: none;
    border-radius: 22px;
    color: #000000;
    font: 300 14px/17px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 20px;
    padding: 21px 12px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.contact_container .container form input[type='text']:focus, .contact_container .container form input[type='email']:focus, .contact_container .container form textarea:focus{
    border-radius: 22px !important;
    outline: none !important;
    box-shadow: 0 0 5px 1px #0057b8;
    color: #0057b8;
    border-color: #0057b8;
    font-weight: 700;
}
/*.contact_container .container form textarea.contact_form{*/
    /*height: 90px;*/
    /*resize: none;*/
/*}*/
.contact_container .container form .contact_form_btn{
    text-align: center;
    outline: none;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
    border-radius: 22px;
    border: 0;
    padding: 14px 0;
    font: 700 15px GothamPro,Arial,Helvetica,sans-serif;
    color: #fff;
    background: #0057b8;
    box-shadow: inset 0 0 0 0 #01346e;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact_container .container form .contact_form_btn:hover{
    box-shadow: inset 0 100px 0 0 #01346e;
}
.contact_container .container form {
    margin-bottom: 180px;
}
/*register*/
.register_form{
    background: #f5f5f5;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    margin: 50px auto 60px;
    max-width: 1400px;
    overflow: hidden;
    padding: 28px 28px 36px;
    margin-bottom: 15%;
}
.register_form .container{
    max-width: 1030px;
}
.register_form .container h1{
    color: #0057b8;
    font: 800 25px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.register_form .container form.register .control-group .field_set{
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    padding: 26px 0 7px;
    float: left;
    width: 100%;
}
.register_form .container form.register .control-group input[type="password"], .register_form .container form.register .control-group input[type="email"]{
    background: #d9e6f4;
    border: none;
    border-radius: 22px;
    color: #000000;
    font: 300 14px/17px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 20px;
    padding: 22px 12px;
    text-align: center;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all ease-out 0.2s;
}
.register_form .container form.register .control-group input[type="password"]:focus,
.register_form .container form.register .control-group input[type="email"]:focus{
    box-shadow:0 0 5px 1px #0057b8;
	color: #0057b8;
	border-color: #0057b8;
	font-weight: 700;
	font-family: GothamPro, Arial, Helvetica, sans-serif;
}
.register_form .container form.register .control-group .btn_register{
    outline: none;
    margin: 15px 0;
    text-transform: uppercase;
    width: 280px;
    border-radius: 22px;
    border: 0;
    padding: 14px 0;
    font: 700 15px GothamPro,Arial,Helvetica,sans-serif;
    color: #fff;
    background: #0057b8;
    box-shadow: inset 0 0 0 0 #01346e;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.register_form .container form.register .control-group .btn_register:hover{
    box-shadow: inset 0 100px 0 0 #01346e;
}
.register_form .container .social_register{
    text-align: center;
}
.register_form .container .social_register p{
    font-size: 14px;
    font-family: Arial;
}
.register_form .container .social_register ul.social_register{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.register_form .container .social_register ul.social_register li{
    display: inline-block;
}
.register_form .container .social_register ul.social_register li a{
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
}
.register_form .container .social_register ul.social_register li a.vk{
    background: url(images/socials_1.png) no-repeat -42px 0;
}
.register_form .container .social_register ul.social_register li a.ok{
    background: url(images/socials_1.png) no-repeat -126px 0;
}
.register_form .container .social_register ul.social_register li a.fb{
    background: url(images/socials_1.png) no-repeat -168px 0;
}
.register_form .container .social_register ul.social_register li a.tw{
    background: url(images/socials_1.png) no-repeat -210px 0;
}
.register_form .container .checkbox{
    font-family: Arial;
    font-size: 15px;
}
.register_container .container{
    max-width: 1030px;
}
.register_container .number_list{
    counter-reset: item;
}
.register_container .number_list li{
    display: block;
    padding: 0 0 15px 27px;
    position: relative;
}
.register_container .number_list li:before{
    color: #68b602;
    content: counters(item, ".", decimal) ".";
    counter-increment: item;
    font: 700 16px/21px GothamPro,Arial,Helvetica,sans-serif;
    left: -2px;
    position: absolute;
    top: 0;
    z-index: 5;
}
.register_container .register_check{
    margin: 0 auto;
    border-radius: 25px;
    border: 2px solid #fff;
    background: #68b602;
    font: 700 13px/46px GothamPro,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 3px 25px 0 25px;
    box-shadow: 0 0 30px -4px rgba(25, 25, 25, 0.7);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    display: block;
    width: 170px;
    text-align: center;
}
.register_container .register_check:hover{
    box-shadow: 0 0 30px 3px rgba(25, 25, 25, 0.7);
}
.register_container.s2{
    color: #d9e6f4;
    text-align: center;
    padding: 25px 0;
    font-size: 16px;
    background: #0254b7;
}
.register_container.s2 .container{
    background: #0254b7 url(images/bg-s2.jpg) center center no-repeat;
    background-size: contain;
}
.register_container.s2 b{
    color: #ffffff;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.register_container.s2 h1{
    font-size: 45px;
    font-weight: normal;
    color: #fff;
}
.register_container.s2 h1 b{
    text-shadow: none;
}
.register_container.s2 .register_check_s2{
    background: #ffffff none repeat scroll 0 0;
    border-radius: 22px;
    color: #0054b7;
    font: 700 14px/1 GothamPro,Arial,Helvetica,sans-serif;
    padding: 14px 35px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-in-out;
    -khtml-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 300px;
    z-index: 2;
    text-align: center;
    box-shadow: 0 0 0 0 #d2d2d2 inset;
}
.register_container.s2 .register_check_s2:hover{
    box-shadow: 0 100px 0 0 #d2d2d2 inset;
}
.register_container.s3{
    color: #353535;
    font-size: 16px;
    background: url(images/bg-s3.jpg) bottom center no-repeat;
    background-size: contain;
}
.register_container.s3 .container{
    padding-bottom: 59px;
    font-weight: 100;
    position: relative;
}
.register_container.s3 .container:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e2e2e2;
    top: 0;
    display: block;
    left: calc(100% - 17px);
}
.register_container.s3 .container span.txt{
    display: block;
    padding-left: 20px;
    padding-top: 35px;
}
.register_container.s3 .container h2{
    color: #0057b8;
    font: 32px GothamPro,Arial,Helvetica,sans-serif;
    padding: 15px 0;
}
.register_container.s3 .container .btn_block {
    padding: 30px 0 60px;
    text-align: center;
}
.register_container.s3 .container .btn_block .register_check_s3 {
    background: #ffffff;
    border-radius: 22px;
    color: #0054b7;
    font: 700 14px/1 GothamPro, Arial, Helvetica, sans-serif;
    padding: 14px 35px;
    border: 2px solid #222;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-in-out;
    -khtml-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 300px;
    box-shadow: 0 0 0 0 #d2d2d2 inset;
}
.register_container.s3 .container .btn_block .register_check_s3:hover{
    box-shadow: 0 100px 0 0 #d2d2d2 inset;
}
.register_container.s4{
    background: url(images/bg-s4.jpg) top center no-repeat;
    //background-size: cover;
    padding: 32px;
}
.register_container.s4 h2{
    color: #0057b8;
    font: 42px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 29px;
}
.register_container.s4 .txt{
    padding-bottom: 15px;
}
.register_container.s5{
    background: #ccc;
    padding: 25px 0;
}
.register_container.s5 .register_check_s5{
    background: #68b602 0 0;
    box-shadow: 0 0 0 0 #669e57 inset;
    color: #ffffff;
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    border-radius: 22px;
    font: 700 14px/1 GothamPro,Arial,Helvetica,sans-serif;
    padding: 14px 0;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-in-out;
    -khtml-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.register_container.s5 .register_check_s5:hover{
    box-shadow: 0 100px 0 0 #669e57 inset;
}
/*account*/
.conteiner_account{
    margin-top: 30px;
}
.conteiner_account .container{
    max-width: 1030px;
}
.conteiner_account .container h1{
    border-bottom: 2px solid #d9e6f4;
    color: #0057b8;
    font: 800 25px GothamPro,Arial,Helvetica,sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 40px;
}
.conteiner_account .container h2{
    font: 700 18px GothamPro, Arial, Helvetica, sans-serif;
    color: #0057b8;
    text-transform: uppercase;
    border-bottom: 4px solid #d9e6f4;
    padding-bottom: 5px;
}
.conteiner_account .container ul.account_nav{
    border-bottom: 2px solid #0057b8;
    margin: 0 0 25px;
    text-transform: uppercase;
    list-style: none;
    padding: 0;
}
.conteiner_account .container ul.account_nav li{
    margin: 0 10px 0 0;
    padding: 0;
        display: inline-block;
}
.conteiner_account .container ul.account_nav li a{
    display: inline-block;
    border-radius: 18px 18px 0 0;
    color: #fff;
    margin: 0;
    position: relative;
    padding: 16px 23px;
    background: #0057b8;
    font: 700 15px GothamPro,Arial,Helvetica,sans-serif;
    text-align: center;
    box-shadow: inset 0 0 0 0 #01346e;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}
.conteiner_account .container ul.account_nav li a.active:after{
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 15px solid #0057b8;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin: 0 0 0 -50px;
    position: absolute;
    top: 100%;
    width: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.conteiner_account .container ul.account_nav li a:hover{
    box-shadow: inset 0 100px 0 0 #01346e;
}
.conteiner_account .container ul.account_nav li a:hover:after{
    border-top-color: #01346e;
}
.conteiner_account .container .read_me{
    font-weight: 700;
    font-size: 14px;
    display: block;
}
/*.conteiner_account .container .account_form .avatar_upload{*/
    /*height: 180px;*/
    /*width: 180px;*/
    /*display: block;*/
    /*position: relative;*/
    /*overflow: hidden;*/
    /*border-radius: 10px;*/
/*}*/
/*.conteiner_account .container .account_form .avatar_upload:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    /*background: #f5f5f5 url(images/none-photo.png) center center no-repeat;*/
    /*border-radius: 5px;*/
    /*box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;*/
    /*-webkit-transition: all 0.4s ease-in-out;*/
    /*-khtml-transition: all 0.4s ease-in-out;*/
    /*-moz-transition: all 0.4s ease-in-out;*/
    /*-ms-transition: all 0.4s ease-in-out;*/
    /*-o-transition: all 0.4s ease-in-out;*/
    /*transition: all 0.4s ease-in-out;*/
/*}*/
.conteiner_account .container .account_form .avatar_upload:before{
    content: 'поставить фотографию';
    position: absolute;
    height: 42px;
    bottom: -45px;
    left: 0;
    z-index: 1;
    font-size: 13px;
    text-align: center;
    width: 100%;
    line-height: 42px;
    font-weight: bold;
    text-decoration: underline;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 0 0 5px 5px;
    transition: all linear .1s;
}
.conteiner_account .container .account_form .avatar_upload:hover:before{
    content: 'поставить фотографию';
    bottom: 0;
}
.conteiner_account .container .account_form {
    margin: 20px 0;
}
.conteiner_account .container .account_form label{
    display: block;
    text-align: center;
    padding: 0 0 3px;
    font-weight: lighter;
}
.conteiner_account .container .account_form input[type="text"],
.conteiner_account .container .account_form input[type="tel"],
.conteiner_account .container .account_form input[type="email"]{
    background: #d9e6f4;
    border: none;
    border-radius: 22px;
    color: #757575;
    float: left;
    font: 300 14px/17px GothamPro, Arial, Helvetica, sans-serif;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 1;
    height: 40px;
    margin-bottom: 5px;
    text-align: center;
}
.conteiner_account .container .account_form input[type="text"]:focus,
.conteiner_account .container .account_form input[type="tel"]:focus,
.conteiner_account .container .account_form input[type="email"]:focus {
    box-shadow: 0 0 5px 1px #0057b8;
    color: #0057b8;
    border-color: #0057b8 !important;
    font-weight: 700;
    font-family: GothamPro, Arial, Helvetica, sans-serif;
    outline: none;
}
.account_form .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    text-align: center;
}
.account_form .bootstrap-select.btn-group .dropdown-toggle {
    margin-bottom: 5px;
}
.account_form .bootstrap-select.btn-group .dropdown-toggle .caret{
        margin-top: -4px;
}
.account_form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width: 100%;
}
.account_checkbox{
    margin-top: 30px;
}
.divider{
    height: 1px;
    background: #d9e6f4;
    margin: 10px 0 20px;
}
.btn_submit{
    background: #0057b8;
    border: medium none;
    border-radius: 22px;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 700 15px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 19px;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase;
    width: 270px;
    margin: 0 auto;
    box-shadow: inset 0 0 0 0 #01346e;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}
.btn_submit:hover{
    box-shadow: inset 0 100px 0 0 #01346e;
}
.conteiner_account .container .sub{
    text-align: left;
}
.conteiner_account .container .sub span{
    font-size: 13px;
    float: right;
    text-transform: none;
    padding-top: 7px;
}
.conteiner_account .container .sub span a{
    text-transform: uppercase;
    color: #68b602;
    text-decoration: underline;
}
.conteiner_account.s1{
    background: #0057b8;
    padding-top: 25px;
}
.conteiner_account.s1 h2{
    border: medium none;
    color: #fff;
    font-size: 22px;
    margin: 0 0 15px;
    padding: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.conteiner_account.s1 ol {
    padding: 20px 0;
}
.conteiner_account.s1 ol li{
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
}
.conteiner_account.s1 .upload_block{
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    /*position: relative;
    padding-left: 40px;*/
}
.conteiner_account.s1 .upload_block:after{
    content: '';
    background: url(images/arr.png) -3px no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
}
.conteiner_account.s1 .upload_block .title{
    color: #68b602;
    text-align: center;
    font-weight: bold;
}
.conteiner_account.s1 .upload_block .btn_upload{
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 22px;
    color: #8e8e8e;
    cursor: pointer;
    display: block;
    font: 700 15px GothamPro,Arial,Helvetica,sans-serif;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 325px;
    margin: 5px auto;
    box-shadow: inset 0 0 0 0 #d2d2d2;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}
.conteiner_account.s1 .upload_block .btn_upload:hover{
    box-shadow: inset 0 100px 0 2px #d2d2d2;
}
#UploadSlider {
    background: #d9e6f4 none repeat scroll 0 0;
    margin: 0 0 35px;
    padding: 15px 15px 40px 15px;
    position: relative;
}
#UploadSlider .carousel-indicators{
    bottom: -8px;
}
#UploadSlider .carousel-inner .item {
    max-height: none;
}
.conteiner_account .form_txt{
    display: block;
    padding: 15px 0;
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 20px;
    float: left;
    width: 100%;
    padding-top: 60px;
    margin: 70px 0;
    position: relative;
    margin-bottom: 0;
}
.conteiner_account .form_txt:before{
    content: 'ОБО МНЕ';
    width: 90px;
    top: -45px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    font-weight: bold;
    font-size: 25px;
    line-height: 22px;
    text-align: center;
    background: #0057b8;
    color: #fff;
    padding: 23px 0;
    border-radius: 50%;
}
.conteiner_account .form_txt label{
    color: #000000;
    display: block;
    font: 800 15px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 2px;
    text-transform: uppercase;
    height: 40px;
}
.conteiner_account .form_txt textarea{
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #b9b9b9;
    border-radius: 12px;
    color: #757575;
    font-size: 15px;
    height: 120px;
    padding: 10px 7px;
    resize: vertical;
    text-align: left;
    width: 100%;
}
.conteiner_account .form_txt textarea:focus{
    box-shadow: 0 0 5px 1px #0057b8;
    color: #0057b8;
    border-color: #0057b8 !important;
    font-weight: 700;
    font-family: GothamPro, Arial, Helvetica, sans-serif;
}
.conteiner_account .form_txt .btn_submit{
    background: #0057b8;
    border: medium none;
    border-radius: 22px;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 700 15px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 19px;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase;
    width: 270px;
    margin: 0 auto;
    box-shadow: inset 0 0 0 0 #01346e;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}
.conteiner_account .form_txt .btn_submit:hover{
    box-shadow: inset 0 100px 0 0 #01346e;
}
.conteiner_account .txt-form_txt{
    text-transform: uppercase;
    font-size: 14px;
    margin: 15px 0;
    display: block;
    float: left;
    border-top: 1px solid #d9e6f4;
    padding: 10px 0;
}
.container_upload_video{
    position: relative;
    background: #f5f5f5;
    border-radius: 20px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    padding: 20px;
    padding-top: 65px;
    -webkit-transition: box-shadow 1s ease-in-out;
    -khtml-transition: box-shadow 1s ease-in-out;
    -moz-transition: box-shadow 1s ease-in-out;
    -ms-transition: box-shadow 1s ease-in-out;
    -o-transition: box-shadow 1s ease-in-out;
    transition: box-shadow 1s ease-in-out;
    margin-top: 45px;
    margin-bottom: 25px;
}
.container_upload_video:before{
    content: '3в одном';
    width: 90px;
    top: -45px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    font-weight: bold;
    font-size: 20px;
    line-height: 17px;
    text-align: center;
    background: #0057b8;
    color: #fff;
    padding: 28px 0;
    border-radius: 50%;
}
.container_upload_video:hover{
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
}
.container_upload_video ul{
    padding: 0;
    color: #000000;
    font: 800 15px GothamPro,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    list-style: none;
}
.container_upload_video ul li{
    margin-bottom: 10px;
}
.container_upload_video p{
    font-size: 13px;
    color: #ccc;
}
/*modile*/
@media screen and (max-width: 1200px) {
    .conteiner_account.s1 .upload_block .title{
        font-size: 15px;
    }
}
@media screen and (max-width: 992px) {
    .header .navigate .socials .text {
        display: none;
    }
    .header .fixed_nav .fix_log{
        display: none;
    }
    .header .fixed_nav .socials{
        display: none;
    }
    .featured_selfi_container .container .selfi_item .selfi_img{
        height: 150px;
    }
    .footer .socials .text{
        display: none;
    }
    .footer .container .nav_question{
        font-size: 13px;
    }
    .filter .bootstrap-select>.dropdown-toggle{
        margin-bottom: 10px;
    }
    .conteiner_account .container .account_form .avatar_upload{
        margin: 0 auto;
    }
    .conteiner_account .container ul.account_nav li a{
        font: 700 11px GothamPro,Arial,Helvetica,sans-serif;
        padding: 15px 15px 10px;
    }
    .account_form .btn_submit{
        width: 220px;
        font: 700 12px GothamPro,Arial,Helvetica,sans-serif;
    }
    .conteiner_account.s1 ol li{
        font-size: 14px;
    }
    .conteiner_account.s1 h2{
        font-size: 17px;
    }
    .conteiner_account.s1 .upload_block .title{
        font-size: 13px;
    }
    .conteiner_account.s1 .upload_block .btn_upload{
        font: 700 11px GothamPro,Arial,Helvetica,sans-serif;
        width: 260px;
    }
    .conteiner_account .container .sub span{
        padding-top: 20px;
    }
}
.mobile_logo{
    width: 40px;
    height: 40px;
    background: url(images/logo.png);
    background-size: cover;
    display: none;
}
.navbar-brand{
    display: none;
}
.fixed_nav .fixed_login, .navigate .fixed_login{
    display: none
}
@media (max-width: 991px) {
    .header__pres {
        margin-top: 3em;
    }
    .header__pres-heading {
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
    }
    .header__pres-heading h1 {
        font-size: 1.3em;
        text-align: center;
    }
    .header__pres-text {
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media screen and (max-width: 768px) {
    .mobile_logo{
        display: block;
    }

    .header .top .auth_block{
        zoom: 0.6;
        float: right;
    }

/*    .header .top .auth_block{
        padding: 0;
        float: right;
        padding-top: 5px;
    }
    .header .top .auth_block a{
        font: 700 11px/35px GothamPro,Arial,Helvetica,sans-serif;
        background: transparent !important;
        border: 0;
        box-shadow: none;
        padding: 0;
    }
    .header .top .auth_block a:after{
        content: none;
    }
    .header .top .auth_block a:first-child{
        padding-right: 15px;
        position: relative;
    }
    .header .top .auth_block a:first-child:after{
        border: 0;
        content: '/';
        position: absolute;
        text-align: right;
        width: 10px;
        left: inherit;
        right: 5px;
    }*/

    .navbar-header{
        background: #0057b8;
    }
    .navbar-toggle{
        margin-right: 5px;
    }
    .navbar-toggle .icon-bar{
        background: #fff;
    }
    .navbar-brand{
        display: block;
        background: url(images/home.png) center -32px no-repeat;
        width: 50px;
    }
    .header .navigate .nav li.home_li{
        display: none;
    }
    .header .navigate .nav li{
        display: block;
        float: none;
        border: 0;
        border-bottom: 1px solid #ccc;
        width: 100%;
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    .header .navigate .nav li a{
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    .header .navigate .nav{
        float: none;
    }
    .navbar-collapse{
        padding: 0;
    }
    .header .navigate .socials .text{
        display: inherit;
    }
    .header .navigate .socials{
        padding-right: 5px;
    }
    .modal .modal-content{
        padding: 15px;
    }
    .carousel-indicators{
        bottom: -57px;
    }
    .featured_selfi_container .container .selfi_item{
        margin-bottom: 10px;
    }
    .header .fixed_nav{
        padding: 0;
    }
    .map_container .container #map{
        height: 300px;
    }
    .map_container .container{
        padding: 0;
    }
    .featured_selfi_container .container .selfi_item .selfi_img{
        height: auto;
    }
    .featured_selfi_container .container .selfi_item{
        text-align: center;
    }
    .footer .container .nav{
        float: none;
    }
    .footer .container .nav li{
        float: none;
        display: block;
        text-align: center;
        border: 0;
    }
    .footer .container .nav li:last-child{
        border: 0;
    }
    .footer .container .nav_question{
        float: none;
    }
    .footer .container .nav_question li{
        float: none;
        text-align: center;
    }
    .footer .container .nav_question li:before{
        content: none;
    }
    .footer .socials{
        float: none !important;
        margin: 0 auto;
        width: 217px;
    }
    .slider_container .container{
        padding: 0;
    }
    .footer .logo{
        display: block;
        text-align: center;
    }
    .information_container .container .container_wswig h1{
        font-size: 21px;
    }
    .contact_container .container .contact_title{
        text-align: center;
    }
    .contact_container .container ul{
        text-align: center;
    }
    .contact_container .container form{
        margin-bottom: 10px;
    }
    .conteiner_account .container ul.account_nav{
        border: 0;
    }
    .conteiner_account .container ul.account_nav li{
        display: block;
    }
    .conteiner_account .container ul.account_nav li a{
        width: 100%;
        border-radius: 18px;
        margin-bottom: 5px;
    }
    .conteiner_account .container ul.account_nav li a.active:after{
        content: none;
    }
    .conteiner_account .container ul.account_nav li a.active{
        background: #143e6d;
    }
    .account_form .btn_submit{
        width: 100%;
        margin-bottom: 5px;
    }
    .conteiner_account .container .sub span{
        float: left;
    }
    .conteiner_account.s1 .upload_block:after{
        content: none;
    }
    .conteiner_account.s1 .upload_block{
        margin-bottom: 15px;
    }
    .end{
        margin-top: 30px;
        text-align: left;
    }
    .container_upload_video{
        margin: 90px 15px;
        margin-bottom: 15px;
    }
    .header .fixed_nav .nav{
        font: 500 13px/40px GothamPro,Arial,Helvetica,sans-serif;
    }
    .header .fixed_nav .fix_login{
        display: none !important;
    }
    .fixed_nav .fixed_login{
        list-style: none;
        float: left;
        margin: 0;
        display: block;
    }
    .fixed_nav .fixed_login li{
        float: left;
        padding-left: 10px;
        line-height: 48px;
    }
    .fixed_nav .fixed_login li a{
        font: 700 12px GothamPro,Arial,Helvetica,sans-serif;
        text-transform: uppercase;
        color: #fff;
    }
    .modal-dialog{
      margin-top: 50px;
    }
}

.cont_selfie .col-lg-4:nth-child(3n+1){
clear: left;
}

#filterReset {
    text-align: right;
    text-decoration: underline;
}

.proimg{
    display: block;
    width: 100%;
    height: auto;
}

.container_wswig{
    margin-bottom: 60px;

}

.header .top .auth_block_login{
	padding: 14px 0;
}
.header .top .auth_block_login a{
	position: relative;
	border-radius: 0 25px 25px 0;
	border: 2px solid #fff;
    display: block;
    float: left;
	background: #fff;
    font: 700 16px/46px GothamPro,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #0057b8;
    padding: 2px 16px 0 16px;
	box-shadow: 0 11px 8px -4px rgba(255, 255, 255, 0.7) inset;
	-webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.header .top .auth_block_login a:first-child{
	border-radius: 25px 0 0 25px;
	border-right: 0;
	background: #fff;
    outline: none;
    text-decoration: none;
}

.header .top .auth_block_login a:hover{
    text-decoration: underline;
	box-shadow: none;
}

.header .top .auth_block_login a:first-child:after{
	border-radius: 25px 0 0 25px;
    border-top: 2px solid #0057b8;
}


/*featured_speakers*/
.featured_speakers_container{
	background: #fff;
    color: #fff;
    padding: 25px 0 0;
}
.featured_speakers_container .container{
	max-width: 1030px;
}
.featured_speakers_container .container .selfi_item{
	background: #fff;
    padding: 10px;
    border-radius: 3px;
    position: relative;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -khtml-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -ms-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}
.featured_speakers_container .container .selfi_item:hover{
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
}
.featured_speakers_container .container .selfi_item .selfi_img{
	overflow: hidden;
    margin: 0 auto;
	cursor: pointer;
    position: relative;
}
.featured_speakers_container .container .selfi_item .selfi_img:after{
    position: absolute;
    content: '';
    height: 94px;
    width: 94px;
    left: 50%;
    margin-left: -47px;
    top: 50%;
    margin-top: -47px;
    /*background: url(images/play.png);*/
}
.featured_speakers_container .container .selfi_item .selfi_img:hover:after{
    /*background: url(images/play.png) 0 -130px;*/
}

/* for vid */

.featured_speakers_container .container .selfi_item .selfi_vid_img{
	overflow: hidden;
    margin: 0 auto;
	cursor: pointer;
    position: relative;
}
.featured_speakers_container .container .selfi_item .selfi_vid_img:after{
    position: absolute;
    content: '';
    height: 94px;
    width: 94px;
    left: 50%;
    margin-left: -47px;
    top: 50%;
    margin-top: -47px;
    background: url(images/play.png);
}
.featured_speakers_container .container .selfi_item .selfi_vid_img:hover:after{
    background: url(images/play.png) 0 -130px;
}

/* end for vid */

.featured_speakers_container .container .selfi_item .name{
	color: #0057b8;
    font-size: 15px;
    padding: 10px 0 17px;
    position: relative;
	text-align: center;
	font-weight: bold;
}
.featured_speakers_container .container .selfi_item .name:after{
	background: #a9a9a9;
    bottom: 7px;
    content: "";
    height: 2px;
    left: 44%;
    position: absolute;
    right: 45%;
    width: auto;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.featured_speakers_container .container .selfi_item:hover .name:after{
	left: 0;
    right: 0;
    background: #0057b8;
}
.featured_speakers_container .container .selfi_item .direction{
	color: #000000;
    font: 700 13px GothamPro,Arial,Helvetica,sans-serif;
    margin: 0 0 4px;
    text-transform: uppercase;
	text-align: center;
    height: 30px;
}
.featured_speakers_container .container .selfi_item .city{
	font-style: italic;
    color: #999;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    text-align: center;
}
.featured_speakers_container .container .selfi_item .review{
    display: inline-block;
    font-size: 12px;
    color: #757575;
    padding: 0 0 0 22px;
    background: url(images/review.png) no-repeat;
    float: right;
}
.featured_speakers_container .container .btn_view_all_container{
	text-align: center;
	padding: 15px 0;
}
.featured_speakers_container .container .btn_view_all{
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    padding: 0 30px;
    text-decoration: none;
    font: 700 13px/50px GothamPro,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    box-shadow: inset 0 0 0 0 #367300;
    background: rgb(104,182,2);
    background: -moz-linear-gradient(top, rgba(104,182,2,1) 0%, rgba(67,138,4,1) 100%);
    background: -webkit-linear-gradient(top, rgba(104,182,2,1) 0%,rgba(67,138,4,1) 100%);
    background: linear-gradient(to bottom, rgba(104,182,2,1) 0%,rgba(67,138,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b602', endColorstr='#438a04',GradientType=0 );
}
.featured_speakers_container .container .btn_view_all:hover {
	box-shadow: inset 0 100px 0 0 #367300;
}
/* youtube */
.video-responsive {
   height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;

    margin: 0px auto;
    /* max-width: 800px;*/
    /*width: 75%;*/
}
.video-responsive iframe {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
@media (max-width: 767px) {
   .video-responsive {
       width: 100%;
   }
}
/* end youtube */

/* additional menu */
section.video{
	/*height: calc(100vh - 170px);*/
    /*height: calc(70vh - 170px);*/
    padding-bottom: 5%;
    overflow: hidden;
}
section.video video{
	z-index: -1;
    overflow: hidden;
    width: 100%;
    position: absolute;
}
section.video .grid-item a > div{
	border-right: 10px solid #fff;
	height: calc(100vh - 170px);
	position: relative;
}
section.video .grid-item a > div img{
	bottom: 10%;
    position: absolute;
    right: 0;
}
section.video .grid-item > div:first-child{
	border-left: 10px solid #fff;
}
 @media (min-aspect-ratio: 16/9) {
     section.video > video { height: 300%; top: -100%; }
 }
 /* Если есть поддержка object-fit (Chrome/Chrome для Android, Safari в iOS 8 и Opera), используем его: */
 @supports (object-fit: cover) {
     section.video > video {
         /*top: 85px;*/
         top: 0;
         left: 0;
         width: 100%; height: 100%;
         object-fit: cover;
         position: fixed;
         z-index: -1;
         min-width: 100%;
         min-height: 100%;
         overflow: hidden;
     }
 }
 /*mobile*/
 @media screen and (max-width: 769px) {
 	.header{
		height: 136px;
	}
	section.video{
		height: calc(100vh - 136px);
	}
	section.video .grid-item a > div{
		border-right: 5px solid #fff;
		height: calc(50vh - 68px);
	}
	section.video .grid-item a:nth-child(1) > div , section.video .grid-item a:nth-child(2) > div, section.video .grid-item a:nth-child(3) > div{
		border-bottom: 5px solid #fff;
	}
    section.video .grid-item a:nth-child(3) > div {
        border-right: 0;
    }
 }

section.video .grid-item a:nth-child(6) > div {
        border-right: 0;
    }
/* end additional menu */

/* additional menu */
section.video1{
    height: calc(100vh - 170px);
    overflow: hidden;
    position: relative;
}
section.video1 video{
    z-index: -1;
    overflow: hidden;
    width: 100%;
    position: absolute;
    opacity: 0.5;
}
section.video1 .grid-item a > div{
    height: calc(100vh - 170px);
    position: relative;
}
section.video1 .grid-item a > div img{
    bottom: 10%;
    position: absolute;
    right: 0;
}
 @media (min-aspect-ratio: 16/9) {
     section.video1 > video { height: 300%; top: -100%; }
 }
 /* Если есть поддержка object-fit (Chrome/Chrome для Android, Safari в iOS 8 и Opera), используем его: */
 @supports (object-fit: contain) {
     section.video1 > video {
         top: 0;
         left: 0;
         width: 100%; 
         height: calc(100vh - 170px);
         object-fit: contain;
     }
 }
 /*mobile*/
 @media screen and (max-width: 769px) {
    .header{
        height: 136px;
    }
    section.video1{
        height: calc(100vh - 136px);
    }
 }

section.video1 .grid-item a:nth-child(6) > div {
        border-right: 0;
    }
/* end additional menu */

.navigate{
    background: #fff;
    z-index: 9;
    position: relative;
}


/*test*/
.llll {
    position: absolute;
    top: 40%;
    left: 22%;
    margin-top: -15%;
}
.animation {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
    /*-webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;*/
}
.subproject {
    display: none;
    width: 8vw;
}
.peoplerost {
    position: absolute;
    top: 38%;
    left: 45%;
    display: flex;
}
@media (max-width: 1680px) and (min-width: 1600px) {
    .peoplerost {
    	left: 44%;
    }
}
@media (max-width: 1440px) and (min-width: 1400px) {
	.peoplerost {
		left: 43%;
	}
}
@media (max-width: 1366px) and (min-width: 1280px) {
	.img_peoplerost {
		width: 150px;
	}
	.peoplerost {
		left: 44%;
	}
}
.img_peoplerost {
    z-index: 1000;
}
.project {
    position: absolute;
    margin-top: 30%;
    margin-left: 30%;
    /*z-index: 999;*/
    -webkit-transition: all 2s ease-out 0.5s;
    -moz-transition: all 2s ease-out 0.5s;
    -o-transition: all 2s ease-out 0.5s;
    transition: all 2s ease-out 0.5s;
    /*animation: fadein 10s;
    -moz-animation: fadein 10s;
    -webkit-animation: fadein 10s;
    -o-animation: fadein 10s;*/
}
.project img {
    /*width: 50%;*/
}
.project.business {
    top: 0;
    left: 0;
    /*top: 50% !important;
    left: 46% !important;*/
}
.project.business.big {
    margin-top: 30%;
    margin-left: -30%; 
}
#modal_business .modal-content {
    background: #ff2f30;
    color: #fff;
}
.dnone {
    display: none;
}
.big {
    /*width: 9%;*/
    margin-top: 20%;
    margin-left: 20%;
}
.project.qualitylife {
    top: 0;
    left: 0;
    /*top: 24% !important;
    left: 11% !important;*/
}
.project.qualitylife.big {
    margin-top: -10%;
    margin-left: -10%; 
}
#modal_qualitylife .modal-content {
    background: #51b4e7;
    color: #fff;
}
.project.technology {
    top: 0;
    left: 0;
    /*top: 59% !important;
    left: 17% !important;*/
}
.project.technology.big {
    margin-top: -10%;
    margin-left: 50%; 
}
#modal_technology .modal-content {
    background: #7652a8;
    color: #fff;
}
.project.party {
    top: 0;
    left: 0;
    /*top: 59% !important;
    left: 67% !important;*/
}
.project.party.big {
    margin-top: 30%;
    margin-left: 70%; 
}
.project.strategy {
    top: 0;
    left: 0;
    /*top: 14% !important;
    left: 58% !important;*/
}
.project.strategy.big {
    margin-top: 50%;
    margin-left: 50%; 
}
.project.world {
    top: 0;
    left: 0;
    /*top: 27% !important;
    left: 82% !important;*/
}
.project.world.big {
    margin-top: 50%;
    margin-left: -10%; 
}
#modal_world .modal-content {
    background: #50a285;
    color: #fff;
}
.project .modal-body {
    padding: 0;
}
.project .modal-content {
    text-transform: uppercase;
}
.project .modal-content a {
    color: #fff;
}
.project .modal-content a:hover {
    text-decoration: none;
}
.modal-cont {
    padding: 15px;
}


@keyframes easyOut {
    from {
        transition: all 0s ease-out 0s;
    }
    to {
        transition: all 0.4s ease-out 0s;
    }
}


@keyframes sky {
  0% {
    background: #001;
    }
  50% {
    background: #002b44;
    }
  100% {
    background: #001;
    }
}

@keyframes vr {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 1024px) and (min-width: 991px) {
    .hidden-md-custom {
        display: none !important;
    }
    .visible-md-custom {
        display: block !important;
    }
}

.steps-area {
    background-color: #1e63af;
    background-image: url(images/hand_neyron.png);
    background-repeat: no-repeat;
    background-position: 18% center !important;
    background-size: auto !important;
    color: #ffffff;
}

.steps-area .steps-heading {
    margin-bottom: 90px;
}

.line {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    width: 100%;
    float: left;
    padding: 110px 0;
}
.features {
    background-image: url(images/wallet_bgr.jpg);
}

.line.features h1 {
	color: #0057b8;
}

.big-he {
    font-size: 74px;
}

.steps-area .steps-heading__text {
    font-size: 30px;
    margin: 0 0 40px 0;
}

.steps-area a.btn, .btn {
    text-transform: uppercase;
    padding: 1em 3em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    letter-spacing: .05em;
    cursor: pointer;
}

.steps-area .steps-heading .btn {
    padding: 2em 5em;
}

.steps-area .steps a {
	text-decoration: underline;
	color: #ffffff; 
}
.steps-area .steps__point {
	padding: 0 45px;
	position: relative; 
}
.steps-area .steps__arrow {
	display: block;
	position: absolute;
	left: -20px;
	top: 0;
	text-align: center;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	border-radius: 40px;
	background-color: #ffffff;
	vertical-align: middle; 
}
.steps-area .steps__arrow:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: ""; 
}
.steps-area .steps__arrow img {
  display: inline-block;
  vertical-align: middle; 
}

@media (max-width: 991px) {
	.steps-area .steps-heading {
	    text-align: center;
	}
	.big-he {
	    font-size: 4em;
	}
	.steps-area .steps-heading h3 {
	    line-height: inherit;
	    margin-bottom: 40px;
	    padding-left: 0;
	}
	.steps-area .steps-heading__text {
	    padding-left: 25px;
	    padding-right: 25px;
	    font-size: 1.5em;
	    font-size: 15px;
	}
	.steps-area .steps-heading .btn {
	    padding: 1.4em 3em;
	    white-space: normal;
	}
	.steps-area .steps {
	    text-align: center;
	}
	.steps-area .steps__point:nth-child(1) {
	    padding-top: 0;
	}
	.steps-area .steps__point {
    	padding-left: 25px;
    	padding-right: 25px;
    	padding-top: 70px;
	}
	.steps-area .steps__arrow {
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    top: 10px;
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
}