*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }


@font-face{ 
  font-family: 'STM15';
  src: url('../fonts/STM15.otf');
}

 

@font-face{ 
  font-family: 'STM55';
  src: url('../fonts/STM55.otf');
}

@font-face{ 
  font-family: 'STM75';
  src: url('../fonts/STM75.otf');
}

iframe{
    border-width: 0px;
}

#main_site {
	width: 3em;
	position: fixed;
	height: 3em;
	left: 1.3em;
	bottom: 1.5em;
	z-index: 100
}

#main_site img {
	width: 100%;
}

#up_page {
	position: fixed;
	bottom: 3em;
	left: 1em;
	font-size: 1.3em;
	color: #f24962;
	cursor: pointer;
	z-index: 100;
	text-align: center;
	line-height: 0.8;
	transform: translateY(300%);
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	opacity: 0
}

#up_page * {
	color: #f24962;
	width: 100%;
	text-shadow: none;
	margin: 0; 
}

.loader {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	background: #fbfbfb;
	left: 0%;
	top: 0%;
	display: -webkit-box;
 	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex; 
}

.loader .box{
	width: 20%;
	margin: auto auto;
	position: relative;
	text-align: center;	
}

.loader .box img {
	width: 16em;
	display: inline-block;
	margin-bottom: 1em;
	margin-top: -3em;
}

.loader .box .line{
	overflow: hidden;
	display: inline-block;
	width: 100%;
	height: 2px;
	position: relative;
}

.loader .box .line div {
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	content: '';
	position: absolute;
	transform: translateX(-99%);
	-webkit-transform: translateX(-99%);
	-moz-transform: translateX(-99%);
	background: linear-gradient(to right, #f24962, #0083E3);
	-webkit-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.75);
}

.pagination {
	width:  100%;
	float: left;
	text-align: center;
}

.pagination .MarkupPagerNav {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	padding: 0%;
	text-align: center;
}

.pagination .MarkupPagerNav li {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	font-family: "STM75";
	margin: 0% 1em;
	opacity: 0.7;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.pagination .MarkupPagerNav li a {
	color: #343434;
	text-decoration: none;
}

.pagination .MarkupPagerNav {
	opacity: 1
}

.pagination .MarkupPagerNav .MarkupPagerNavOn {
	opacity: 1
}




body {
	background: #343434;
	color: #4b5f5a;
	font-size: 100%; 
  	-webkit-font-smoothing: antialiased;
  	backface-visibility: hidden;
  	font-family: 'STM55'
}


h1  {
  font-family: 'STM75';
  font-size: 1.8em;
  font-weight: 100;
  position: relative;
  display: inline-block;
  margin: 0em;
  vertical-align: middle; 
}

h2  {
  font-family: 'STM75';
  font-size: 1.4em;
  font-weight: 100;
  position: relative;
  display: inline-block;
  margin: 0em;
  vertical-align: middle; 
}

h3  {
  font-family: 'STM75';
  font-size: 1em;
  font-weight: 100;
  position: relative;
  display: inline-block;
  margin: 0em;
  vertical-align: middle; 
}

p  {
  font-family: 'STM55';
  font-size: 0.8em;
  font-weight: 100;
  position: relative;
  display: inline-block;
  margin: 0em;
  vertical-align: middle;
}

h1, h2, h3, p{
	color: #343434;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.7); 
}

h1.white,
h2.white,
h3.white,
p.white,
.white * {
	color: #fbfbfb;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);;
}

h1.title {
	width: 100%;
	margin-bottom: 2em;
	float: left;
}

input, a, button, textarea  {
	outline: none !important;
}

/*------------------------------------------------------inputs*/

	input {
		width: 45%;
		float: left;
		margin: 1em 2.5%;
		height: 3em;
		padding: 1em 1em;
		font-size: 0.8em;
		background: #343434;
		border: none;
		color: #fbfbfb;
		-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);
		-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);
		box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55); 
	}


	textarea {
		width: 95%;
	    height: 30vh;
	    margin: 2.5% 2.5% 3.5% 2.5%;
	    background: #343434;
	    padding: 1em;
	    color: #fbfbfb;
	    border: none;
	    font-size: 0.8em;
	    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);
	    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);
	    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.55);
	}

	::-webkit-input-placeholder {color: #fbfbfb} 
	::-moz-placeholder {color: #fbfbfb}         
	:-moz-placeholder {color: #fbfbfb}          
	:-ms-input-placeholder {color: #fbfbfb}

/*------------------------------------------------------inputs*/





.descr_item {
	font-size: 1em;
    margin: -10px 0px 0px 0px;
    width: 100%;
    font-family: "STM75";
    opacity: 0.8;
}

/*------------------------------------------------------charity*/


a.charity {
	width: 7em;
	position: fixed !important;
	height: 3em;
	right: -1em;
	bottom: 47%;
	overflow: visible !important;
	z-index: 9000;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a.charity:hover {
	transform: translateX(-0.5em);
	-webkit-transform: translateX(-0.5em);
	-moz-transform: translateX(-0.5em);
} 

a.charity:before,
a.charity:after {
	background:  #ffffff;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0%;
	top: 0%;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	content: '';
	transform: skew(10deg);
	-moz-transform: skew(10deg);
	-webkit-transform: skew(10deg);
}

a.charity:after {
	top: initial;
	bottom: 0%;
	background: #343434;
	transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-webkit-transform: skew(-10deg);
}

a.charity p {
	width: 100%;
	padding-top: 0.4em;
    padding-left: 1em;
    font-size: 0.7em;
	font-family: "STM75";
	text-transform: uppercase;
	color: #343434;
	letter-spacing: 4px;
    cursor: pointer;
    z-index: 10;
}

a.charity p:nth-of-type(2) {
	color: #f7f7f7
}


.charity_box {
	width: 30%;
	height: 100%;
	position: fixed !important;
	right: 0%;
	z-index: 9999;
	top: 0%;
	background: #ffffff;
	display: -webkit-box;
 	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex; 
  	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
}

.charity_box_overlay {
	z-index: 9998;
	width: 100%;
	height: 100%;
	position: fixed;
	left: -100%;
	bottom: 0%;
	opacity: 0;
	background: #343434
}

.charity_box > div	{
	width: 100%;
	padding: 1em;
	margin: auto auto;
}

.charity_box > div h2,
.charity_box > div > div {
	width: 100%;
	text-align: center;
	letter-spacing: 2px
}

.charity_box > div > div {
	text-align: justify;
	margin-top: 2em
}

.charity_box .close {
	width: 2em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em; 
	cursor: pointer;
}

.charity_box .close span {
	width: 100%;
	top: 50%;
	height: 3px;
	position: absolute;
	left: 0%;
	background: #343434
}


.charity_box .close span:nth-of-type(1) {
	transform:rotate(45deg) translateZ(0);
	-webkit-transform: rotate(45deg) translateZ(0);
	-moz-transform: rotate(45deg) translateZ(0);
}

.charity_box .close span:nth-of-type(2) {
	transform:rotate(-45deg) translateZ(0);
	-webkit-transform: rotate(-45deg) translateZ(0);
	-moz-transform: rotate(-45deg) translateZ(0);
}

.charity_box input#charity_but{
	width: 50%;
    height: auto;
    padding: 0%;
    margin-left: 25%;
    margin-top: 1em
}





/*------------------------------------------------------charity*/



.menuwrapp {
	width: 30%;
    height: 100%;
    background: #343434;
    position: fixed;
    top: 0%;
   	right: 0%;
    margin: 0%;
    padding-left: 0em;
	z-index: 500;
	transform: translateX(400%);
	-webkit-transform: translateX(400%);
	-moz-transform: translateX(400%);
	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.55);
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.55);
	display: -webkit-box;
 	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
}

.menuwrapp div {
	width: 100%;
	margin: auto auto;
	text-align: center;
}

.menuwrapp div > li {
    display: inline-block;
    padding: 0em 2em 2em 2em;
    list-style: none;
    width: 100%;
    position: relative;
    text-align: left;
}

.menuwrapp div .icons {
	width: 10em;
	height: 10em;
	margin-top: -5em;
	position: relative;
}

.menuwrapp div .icons img {
	left: 0%;
	top: 0%;
	position: absolute;
	height: 100%;
	width: 100%;
}

.menuwrapp div > li > a{
	font-family: 'STM55';
	width: 100%;
	font-size: 1.2em;
	text-align: center;
	color: #fbfbfb;
	text-decoration: none;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.menuwrapp div > li > a:before {
	width: 0%;
	left: -5%;
	position: absolute;
	top: -5%;
	content: '';
	background: #f24962;
	height: 110%;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1;
    transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-webkit-transform: skew(-10deg);
}

.menuwrapp div > li:nth-of-type(2n) > a:before {
	background: #0083E3;
	transform: skew(5deg);
	-moz-transform: skew(5deg);
	-webkit-transform: skew(5deg);
}

.menuwrapp div > li:hover a:before,
.menuwrapp div > li.active_page a:before,
.menuwrapp div > li.active a:before {
	width: 130%;	
}

/*.menuwrapp div > li:hover a,
.menuwrapp div > li.active_page a,
.menuwrapp div > li.active a{ 
	color: #0083E3
}*/

.menuwrapp .search{
	position: absolute;
	bottom: -1em;
	left: 0%;
}

.menuwrapp .search input{
	padding: 0.5em 7em 0.5em 2em;
}

.menuwrapp .search button{
    width: 2em;
    color: transparent;
    border-radius: 2px;
    background: transparent;
}

.menuwrapp .search button:before {
	display: none;
}

.menuwrapp .search button i {
	left: 0em;
	top: -.0em;
}


.menu {
	width: 2em;
	height: 1.2em;
	position: fixed;
	top: 1.5%;
    right: 1.5%;
    /*opacity: 0;*/
	z-index: 1000;
	display: -webkit-box;
 	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	cursor: pointer;
/*  	transform: translateX(200%);
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);*/
}

.menu:before {
    content: 'М';
    position: absolute;
    left: -1em;
    font-size: 1.5em;
    color: #f24962;
    font-family: 'STM55';
    top: -0.1em;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.menu span{
	height: 0.2em;
	overflow: hidden;
	width: 100%;
	margin: auto auto;
	background: #343434;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transform:translateY(0%) translateX(0%) translateZ(0);
	-webkit-transform: translateY(0%) translateX(0%) translateZ(0);
	-moz-transform: translateY(0%) translateX(0%) translateZ(0);
}

.menu span:nth-of-type(1),
.menu span:nth-of-type(3) {
	position: absolute;
	content: '';
	left: 0%;
	top: 0%;
	background: #fbfbfb
}

.menu span:nth-of-type(1) {
	top: -10%;
}


.menu span:nth-of-type(3) {
	top: 90%;
}


.menu.active span:nth-of-type(1),
.menu.active span:nth-of-type(3) {
	top: 48%;
	background: #f24962;
}

.menu.active span:nth-of-type(2) {
	opacity: 0
}

.menu.active span:nth-of-type(1) {
	transform:rotate(45deg) translateZ(0);
	-webkit-transform: rotate(45deg) translateZ(0);
	-moz-transform: rotate(45deg) translateZ(0);
}

.menu.active span:nth-of-type(3) {
	transform:rotate(-45deg) translateZ(0);
	-webkit-transform: rotate(-45deg) translateZ(0);
	-moz-transform: rotate(-45deg) translateZ(0);
}

.menu:hover span {
	-webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.85);
	-moz-box-shadow:3px 3px 4px 0px rgba(0,0,0,0.85);
	box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.85);
} 

.menu:hover:before {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8)
}





/*---------------------------------------------------------------------call*/
	input[type='number'] {
	    	-moz-appearance:textfield;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	    	-webkit-appearance: none;
	}

	.call {
		width: 4em;
		height: 4em;
		border-radius: 5em;
		right: 2%;
		bottom: 3.3em;
		position: fixed;
	  	z-index: 100;
	  	display: -webkit-box;
	 	display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	  	text-decoration: none;
	}

	.call .shadow {
		position: absolute;
		width: 100%; 
		height: 100%;
		border-radius: 100%;
		left: 0%;
		top: 0%;
		z-index: -100;
		background: #343434
	  	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
		box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
	}


	.call i {
		font-size: 2.5em;
		margin: auto auto;
		color: #0083E3;
		text-decoration: none;
	}
/*---------------------------------------------------------------------call*/


/*-----------------------------------------------------------------------but*/
	.but {
		width: auto;
		display: inline-block;
		min-width: 23em;
		text-align: center;
		background: #343434;
		line-height: 3.5;
		font-size: 0.7em;
		text-transform: uppercase;
		font-family: 'STM75';
		text-align: center;
		overflow: hidden;
		border: none;
		position: relative;
		text-decoration: none;
		padding: 0 2em;
		z-index: 2;
		letter-spacing: 1px; 
		transition: all 0.3s; 
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.8);
		-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.8);
		box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.8);
	}


	.but i{
		position: relative;
		font-size: 2.3em;
		width: 2em;
		line-height: 1;
		left: 0%;
		display: inline-block;
		vertical-align: middle;
		top: 0%;
		color: #0083E3;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transform: translateX(-200%);
		-webkit-transform: translateX(-200%);
		-moz-transform: translateX(-200%);
		opacity: 0;
	}

	.but:hover i{
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		opacity: 1
	}

	.but:before{
		content: attr(data-letters);
	    position: absolute;
	    z-index: 2;
	    overflow: hidden;
	    white-space: nowrap;
	    width: 100%;
	    left: 0%;
	    top: 0%;
	    opacity: 1;
	    color: #fbfbfb;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
	    transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
	}

	.but:hover:before {
		transform: translateX(30%) translateZ(0px);
		-webkit-transform: translateX(30%) translateZ(0px);
		-moz-transform: translateX(30%) translateZ(0px);
		opacity: 0;
	}

	.but:hover {
		transform: translateZ(0px) scale(1.02) !important;
		-webkit-transform: translateZ(0px) scale(1.02) !important;
		-moz-transform: translateZ(0px) scale(1.02) !important;
	}

	.but.bottom {
		position: absolute;
		bottom: 3em;
		right: 0%;
	}

	.but.white {
		background: #fbfbfb;
	}

	.but.white:before {
		color: #343434
	}

	.but.red i{
		color:#f24962
	}
/*---------------------------------------------------------------------------------but*/



/*---------------------------------------------------------scnd_page_top*/
	.scnd_page_top .bg:before {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		top: 0%;
		left: 0%;
		background: #fbfbfb;
		opacity: 0.1;
		content: ''
	}

	.scnd_page_top .logo {
		width: 8em !important;
		height: 8em;
		position: absolute !important;
		top: 0em;
		left: -1em;
		z-index: 10
	}

	.scnd_page_top .container .logo img {
		width: 100% !important;
		height: auto;
		float: left;
		margin: 0%;
		margin-left: -0.2em;
	}

	.scnd_page_top .container .textcont {
		display: -webkit-box;
	 	display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	    width: 100%;
	    position: absolute;
	    height: 100%;
	    bottom: 0%
	}

	.scnd_page_top .container .textcont .txt {
		width: 75%;
		margin: auto auto;
		display: block;
	  	position: relative;
	  	bottom: initial;
	}
	 
	.scnd_page_top .container .textcont .txt h1 {
		text-align: center;
		width: 100%;
		font-size: 4em
	}

	.scnd_page_top .container .textcont .txt p {
		margin-top: 4em;
		font-size: 1.5em;
		line-height: normal;
		text-align: right;
		font-family: "STM75";
		float: right;
		width: 100%;
	}

	.scnd_page_top.half_h .container .textcont .txt p {
		margin-top: 2em
	}

	.main_page .block.top .container  .txt p {
		float: left;
		width: 100%;
		margin-bottom: 1em;
	}

	.success_story.one_story .user_info article.text1 p {
		position: relative;
		font-size: 1em;
		width: 100%
	}

	.scnd_page_top .container .textcont .txt p span,
	.main_page .block.top .container  .txt p span,
	.success_story.one_story .user_info article.text1 p span {
		position: relative;
		padding: 0em 0.9em;
		display: inline-block;
		margin-bottom: 0.2em;
		float: right;
		right: 0%;
		top: initial
	}

	.success_story.one_story .user_info article.text1 p span {
		left: 0%;
		right: initial;
	}

	.main_page .block.top .container  .txt p span {
		left: 0% !important;
		right: initial;
		float: initial
	}

	.scnd_page_top .container .textcont .txt p span:nth-of-type(2),
	.success_story.one_story .user_info article.text1 p span:nth-of-type(2){
		top: initial;
	}

	.main_page .block.top .container .txt p span:nth-of-type(2) {
		top: initial;
	}

	.scnd_page_top .container .textcont .txt p span:before,
	.main_page .block.top .container  .txt p span:before,
	.success_story.one_story .user_info article.text1 p span:before,
	.success_story.one_story .user_info article.text1 p span:before {
		width: 100%;
		position: absolute;
		z-index: -1;
		content: '';
		top: 0%;
		left: 0%;
		height: 100%;
	}

	.scnd_page_top .container .textcont .txt p span:nth-of-type(1):before,
	.main_page .block.top .container  .txt p span:nth-of-type(1):before,
	.success_story.one_story .user_info article.text1 p span:nth-of-type(1):before,
	.success_story.one_story .user_info article.text1 p span:nth-of-type(1):before  {
		background: #f24962;
		transform: skew(-10deg);
		-moz-transform: skew(-10deg);
		-webkit-transform: skew(-10deg);
	}

	.scnd_page_top .container .textcont .txt p span:nth-of-type(2):before,
	.main_page .block.top .container  .txt p span:nth-of-type(2):before,
	.success_story.one_story .user_info article.text1 p span:nth-of-type(2):before,
	.success_story.one_story .user_info article.text1 p span:nth-of-type(2):before  {
		background: #0083E3;
		transform: skew(5deg);
		-moz-transform: skew(5deg);
		-webkit-transform: skew(5deg);
	}
/*---------------------------------------------------------scnd_page_top*/

/*--------------------------------------------------------------------------------first_box*/
	.first_box {
		float: left;
	    height: 26em;
		width: 29%; 
		position: relative;
		margin: 0% 0% 5em 0%; 
		text-align: center;
	}

	.first_box:nth-of-type(3n+2) {
		margin: 0% 6.2% 3% 6.2%
	}

	.first_box span.line {
		display: block;
		padding-left: 0.5em;
		padding-right: 0.5em; 
	    left: 0em;
	    font-size: 1em;
	    width: 100%;
	    position: absolute;
	    word-wrap: break-word;
	    line-height: 2.3;
	    color: #e6475e;
	    font-family: "STM75";
	    z-index: 10;
	    top: 8.8em;
	    padding-top: 1em;
	    background: linear-gradient(to top, rgb(52, 52, 52) 20%, rgba(52, 52, 52, 0.5) 70%, rgba(52,52,52,0) 100%)
	}

	.first_box span.line i {
		margin-right: 0.5em
	}


	.first_box span.line.top {
		top: 0%;
		color: #0083E3;
		padding-top: 0em;
		padding-bottom: 2em;
		background: linear-gradient(to bottom, rgb(52, 52, 52) 20%, rgba(52, 52, 52, 0.5) 70%, rgba(52,52,52,0) 100%)
	} 

	.first_box span.line.top span:nth-of-type(1){
		float: left;
		cursor: inherit;
	}

	.first_box span.line.top span:nth-of-type(2) {
		float: right;
		cursor: inherit;
	}


	.first_box span.line span {
		cursor: pointer;
	}

	.first_box:before {
		content: '';
		position: absolute;
		top: 0%;
		width: 100%;
		height: 12em;
		left: 0%;
		background: #343434;
		text-align: center;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.60);
		-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.60);
		box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.60);
	}

	.first_box > .image {
		position: relative;
		width: 100%;
	    height: 12em;
	    left: 0em;
	    margin-bottom: 1.5em;
		top: 0em;
		display: inline-block;
		vertical-align: middle;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-position: center center;
		-webkit-background-position: center center;
		-moz-background-position: center center;
	}


	.first_box > .image img{
		width: 100%;
		position: absolute;
		height: 100%;
		top: 0%;
		left: 0%;
		z-index: 9
	}

	.first_box a.logo {
		width: 40%;
	    position: absolute;
	    top: 8%;
	    left: 30%;
		z-index: 100;
	}

	.first_box a.logo img {
		width: 100%;
		position: relative;
	}

	.first_box h3,
	.first_box p {
		text-align: justify;
		width: 100%;
	}

	.first_box h3 {
		margin-top: 0em;
		height: 2.7em;
    	overflow: hidden;
    	text-align: left;
    	margin-bottom: -0.5em;

	}

	.first_box p {
		margin: 1em 0em 2em 0em;
		height: 7em
	}

	.first_box a.but:after {
		display: none;
	}
	
	.first_box.full h3,
	.first_box.full p,
	.first_box.full div.image{
		opacity: 0.5;
	}

	.first_box.full a.but{
		opacity: 1 !important;
	}

	.first_box.full:after {
		width: 100%;
		height: 50%;
		position: absolute;
		content: '';
		z-index: 1000;
		bottom: -10%;
		left: 0%
	}

	.first_box.full a.but i {
		transform: translateX(-100em) !important;
	    -webkit-transform: translateX(-100em) !important;
	    -moz-transform: translateX(-100em) !important;
	}

	.first_box.full a.but {
		transform: scale(1) !important;
	    -webkit-transform: scale(1) !important;
	    -moz-transform: scale(1) !important;
	    cursor: initial;
	    z-index: 3000
	}

	.first_box.full a.but:before {
		display: none;
	}

	.first_box.full a.but:after {
	    content: attr(data-full);
	    position: absolute;
	    z-index: 2;
	    overflow: hidden;
	    white-space: nowrap;
	    width: 100%;
	    left: 0%;
	    display: block;
	    top: 0%;
	    opacity: 1;
	    color: #fbfbfb;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transform: translateX(0%) !important;
	    -webkit-transform: translateX(0%) !important;
	    -moz-transform: translateX(0%) !important;
	}
/*-----------------------------------------------------------------------------end first_box*/


/*-----------------------------------------------------------------------------------second_box*/
	.second_box {
		width: 44%;
	    position: relative;
	    display: inline-block !important;
	    vertical-align: top;
	    background: #fbfbfb;
	    padding: 1em;
	    min-height: 16em;
	    margin: 1em 8em 7em 0em !important;
	    text-align: left;
	    cursor: pointer;
	}

	.second_box:nth-of-type(2n) {
		margin: 1em 0em 7em 0em !important;
	}
	 
	.second_box .txt {
		display: inline-block;
		vertical-align: middle;
		text-align: justify;
		width: 56%;
	}

	.second_box > a {
	    position: absolute;
	    top: initial;
	    left: 1em;
	    z-index: 5;
	    bottom: 2em;
	}

	.second_box .txt p {
		height: 7em;
		margin: 0.6em 0em 1em;
	}

	.second_box img{
		position: absolute;
		right: -5em;
	    width: 65%;
	    bottom: 0%;
	    display: none;
	    transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
	}

	.second_box.first img:nth-of-type(1) {
		display: block;
	}

	.second_box .icons{
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin-top:0.5em;
		position: relative;
		margin-bottom: 0em;
		padding: 0em;
		z-index: 10
	}

	.second_box .icons li {
		display: inline-block;
		vertical-align: top;
		list-style: none;
		margin:0em 1em 0em 0em; 
	}

	.second_box .icons li a {
		color: transparent;
		outline: none;
		text-decoration: none;
	}

	.second_box  .icons li a i{
		font-size: 1.2em;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
	}

	.second_box.male  a i{
		color: #0083E3;
	}

	.second_box.female  a i{
		color: #f24962 
	}

	.second_box .icons li:hover a i{
		transform:  translateZ(0px);
		-webkit-transform:   translateZ(0px);
		-moz-transform:  translateZ(0px);
		text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4)
	}


	.second_box:after {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: 0%;
		content: '';
		z-index: -1;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		background: #fff;
		-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
		-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
		box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	}
/*------------------------------------------------------------------------------end second_box*/


/*----------------------------------------------------------------------------------third_box*/
	.third_box {
	  display: inline-block;
	  vertical-align: top;
	  margin: 3% 0%;
	  position: relative;
	  text-align: justify;
	  width: 29%;
	  cursor: pointer;
	}

	.third_box:nth-of-type(3n+2) {
	  margin: 3% 6%;
	}

	.third_box .img {
	  width: 100%;
	  height: 100%;
	  position: relative;
	  height: 12em;
	  display: inline-block;
	  overflow: hidden;
	  webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6)
	}

	.third_box h3 {
		width: 100%;
		margin-top: 1.5em;
		position: relative;
		left: 0%;
		text-align: left;
		height: 4em;
		margin-bottom: 0.5em
	}

	.third_box span.shevron {
	  font-size: 0.6em;
	  text-transform: uppercase;
	  background: #f24962;
	  color: white;
	  font-family: 'STM75';
	  max-height: 3.3em;
      overflow: hidden;
	  line-height: 3.5;
	  padding: 0em 1em;
	  letter-spacing: 2px;
	  position: absolute;
	  top: 1em;
	  right: -3em;
	  transition: all 0.3s;
	  -webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	  webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  cursor: initial;
	}

	.third_box span.shevron:nth-of-type(2) {
		top: 5.5em
	}

	.third_box span.shevron:nth-of-type(3) {
		top: 10em;
	}

	.third_box span.shevron i{
		font-size: 1.8em;
		display: inline-block;
		vertical-align: middle;
		padding-bottom: 0.1em;
	}

	.third_box span.shevron span{
		padding-left: 0.2em;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9) !important;
		cursor: pointer;
	}

	.third_box span.shevron:last-of-type span {
		cursor: initial;
	}

	.third_box span.shevron:nth-of-type(2n) {
	  background: #0083E3;
	  cursor: initial;
	}

	.third_box span.shevron:nth-of-type(2n) span {
		cursor: initial;
	}

	.third_box .img{
		transform: scale(1.02) ;
		-webkit-transform:  scale(1.02) ;
		-moz-transform: scale(1.02) ;
		-webkit-perspective: 1px;
	   	-moz-perspective:1px;
	  	perspective:1px;
	}

	.third_box .img img {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0%;
	  top: 0%;
	  filter:grayscale(100%);
	  -webkit-filter:grayscale(100%);
	  -moz-filter:grayscale(100%);
	  transition: all 1s;
	  -moz-transition: all 1s;
	  -webkit-transition: all 1s;
	}

	.third_box:hover .img img {
	  	transition: all 1.3s;
	 	-moz-transition: all 1.3s;
	  	-webkit-transition: all 1.3s;
	   	filter:grayscale(0%);
	  	-webkit-filter:grayscale(0%);
	  	-moz-filter:grayscale(0%);
	  	transform: scale(1.04);
	  	-webkit-transform:  scale(1.04) ;
	  	-moz-transform: scale(1.04);
	}
/*------------------------------------------------------------------------------end third_box*/


/*------------------------------------------------------------------------------fourth_box*/
	.fourth_box {
		width: 100%;
		float: left;
		background: #fbfbfb;
		height: 15em;
		padding: 1em 1em 1em 40%;
		webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  	-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  	position: relative;
	  	margin: 2em 0em
	}

	.fourth_box > .image, 
	.fourth_box > iframe {
		width: 37%;
	    position: absolute;
	    top: 1em;
	    left: 1em;
	    height: 13em;
	    border: none;
	    outline: none;
	}

	.fourth_box > .image {
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-position: center center;
		-webkit-background-position: center center;
		-moz-background-position: center center;

	} 

	.fourth_box .descr {
		width: 100%;
		float: right;
	}

	.fourth_box > iframe {
		z-index: 1
	}


	.fourth_box .descr h2 {
		width: 100%;
		float: left;
		margin-bottom: 0em;
		color: #363636;
		text-align: left;
		position: relative;
	}

	.fourth_box .descr span.date {
		position: absolute;
		top: 0.25em;
		font-size: 0.8em;
		right: 0%;
	}

	.fourth_box .descr .text  {
		width: 100%;
		margin-bottom: 1em;
		text-align: left;
		font-size: 1em;
		line-height: normal;
		float: left;
	    height: 6.8em;
	}

	.fourth_box .descr .text p {
		font-size: 1em
	}

	.fourth_box .descr .but {
		float: right;
	}
/*--------------------------------------------------------------------------------fourth_box*/


/*-------------------------------------------------------------info_wrap*/
	.info_wrap {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		background: #fbfbfb;
		padding: 1em;
		webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  	-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	  	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6)
	}

	.info_wrap .main {
		width: 60%;
	    float: left;
	}

	.info_wrap .sidebar {
		width: 40%;
	    float: left;
	    padding: 0% 5% 1% 0%;
	}

	.info_wrap.blog .sidebar {
		padding: 0% 0% 1% 5%
	}

	.info_wrap .maintext * {
		text-align: left;
		text-shadow: none;
	}

	.info_wrap .sidebar .box {
		float: left;
		margin-bottom: 3em;
		width: 100%;
		position: relative;
	}

	.info_wrap .sidebar h2.title{
		width: 100%;
		margin-bottom: 1em;
	}

	.info_wrap .sidebar .box h3,
	.info_wrap .sidebar .box h2{
		width: 100%;
		margin-bottom: 1em;
		line-height: 1.3
	}

	.info_wrap .sidebar .first_box h3 {
		margin-bottom: 0em
	}

	.info_wrap .sidebar .program h3 i, 
	.info_wrap .sidebar .program h2 i {
		color: #0083E3;
		width: 2em;
		text-align: left;
	}

	.info_wrap .sidebar * {
		text-align: left;
	}

	.info_wrap .maintext {
		width: 100%;
		float: left;
		text-align: justify;
		color: #343434;
		margin-bottom: 2em
	}



	.info_wrap .maintext * {
		float: initial;
	    width: inherit;
	    margin: initial;
	    padding: initial;
	    font-weight: initial;
	    text-align: inherit;
	    font-style: initial;
	    line-height: normal;
	    font-size: small;
	}

	.info_wrap .maintext table,
	.info_wrap .maintext td,
	.info_wrap .maintext tr,
	.info_wrap .maintext tbody,
	.info_wrap .maintext thead {
		width: 100% !important;
	    max-width: 100% !important;
	}

	.info_wrap .maintext  .videoEmbed iframe {
		margin: 1em 0em
	} 

	.info_wrap .maintext h6{
		 font-size: 0.8em;

	}

	.info_wrap .maintext blockquote{
		width: 100%;
    	border-left: 0.3em solid #0083e3;
    	padding: 1em 0em 1em 0.5em;
	}

	.info_wrap .maintext blockquote * {
    	font-style: italic
	}

	.info_wrap .maintext a.but {
		width: 20em; 
	    font-size: 1em;
	    line-height: 3;
	    text-align: center;
	    margin: 1em auto;
	    position: relative;
	    display: block;
	}

	.info_wrap .maintext a.but i {
	    position: relative;
	    font-size: 1.5em;
	    width: 2em;
	    line-height: 1;
	    left: 0%;
	    display: inline-block;
	    vertical-align: middle;
	    top: 0%;
	    color: #0083E3;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transform: translateX(-200%);
	    -webkit-transform: translateX(-200%);
	    -moz-transform: translateX(-200%);
	    opacity: 0;
	}

	.info_wrap .maintext a.but:hover i{
		transform: translateX(20%);
		-webkit-transform: translateX(20%);
		-moz-transform: translateX(20%);
		opacity: 1
	}

	.info_wrap .maintext img{
		webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
    	-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
    	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
    	width: initial;
    	max-width: 100%;
	}

	.info_wrap .maintext img.align_left {
		float: left;
		margin-right: 1em;
		margin-bottom: 1em
	}

	.info_wrap .maintext img.align_right {
		float: right;
		margin-left: 1em;
		margin-bottom: 1em
	}

	.info_wrap .maintext img.align_center{
		margin: 0 auto;
    	display: block;
    	margin-bottom: 1em
	}

	.info_wrap .maintext em, 
	.info_wrap .maintext em *{
		    font-style: italic;
	}

	.info_wrap .maintext h1 {
		font-size: 2em;
		line-height: 1
	}

	.info_wrap .maintext h2 {
		font-size: 1.7em
	}

	.info_wrap .maintext h3 {
		font-size: 1.5em
	}

	.info_wrap .maintext h4 {
		font-size: 1.3em
	}

	.info_wrap .maintext h4 *,
	.info_wrap .maintext h3 *,  
	.info_wrap .maintext h2 *,
	.info_wrap .maintext h1 * {
		font-size: 100%
	}

	.info_wrap .maintext a{
		color: #f24962
	}

	.info_wrap .maintext *.full {
		width: 100%
	}

	.info_wrap.male .maintext a{
		color: #0083E3
	}

	.info_wrap .maintext strong {
		font-family: 'STM75'
	} 

	.info_wrap .maintext ul,
	.info_wrap .maintext ol{
		padding: 0em 0em 0em 1.4em;
	}

	.info_wrap .box .item {
		margin-bottom: 2em;
		width: 100%;
		float: left;
		cursor: pointer;
	}

	.info_wrap .box .item .image{
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-position: center;
		-webkit-background-position: center;
		-moz-background-position: center;
		width: 35%;
		height: 8em;
		float: left;
		webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
    	-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
    	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	}

	.info_wrap .box .text {
		width: 65%;
		float: left;
		padding-left: 5%;
	}

	.info_wrap .box .text > * {
		width: 100%;
		float: left;
	}

	.info_wrap .box.trener .item * {
		text-align: center;
	}

	.info_wrap .box.trener .item .image {
		width: 9em;
	    float: left;
	    height: 9em;
	    margin-left: 10%;
	    border-radius: 50%;
	    margin-bottom: 1em;	
	}

	/*.info_wrap .box.rev .item .image  {
		border-radius: 50% 
	}*/

	.info_wrap .box.trener .item {
		width: 48%;
		margin-bottom: 0%;
		height: 13.5em
	}

	.info_wrap .box.trener .item:nth-of-type(2n) {
		margin-left: 4%
	}
/*-------------------------------------------------------------info_wrap*/

/*-----------------------------------------------------------search  link*/
	.link_cloud {
		width: 100%;
		float: left;
		margin-bottom: 2em
	}

	.link_cloud a {
		font-size: 0.7em;
	    text-transform: uppercase;
	    background: #343434;
	    color: white;
	    font-family: 'STM75';
	    line-height: 3.5;
	    padding: 0em 1em;
	    letter-spacing: 2px;
	    position: relative;
	    float: left;
	    margin-right: 2em;
	    margin-bottom: 1.5em;
	    text-decoration: none; 
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.8);
	    -moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.8);
	    box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.8);
	    cursor: initial;
	}

	.link_cloud a i {
		color: #f24962;
	    font-size: 2em;
	    float: left;
	    padding-right: 0.5em;
	    padding-top: 0.4em;
	}

	 .link_cloud a:hover {
		transform: translate3d(0px,-0.1em, 0px)  ;
		-webkit-transform: translate3d(0px, -0.1em, 0px)  ;
		-moz-transform: translate3d(0px, -0.1em, 0px) ;
	}

	 .link_cloud p {
		color: #343434;
		width: 100%;
		display: inline-block;
		vertical-align: top;
		text-transform: uppercase;
		font-family: 'STM75';
		font-size: 1.2em;
		padding-top: 0.4em;
		margin-bottom: 1em;
		padding-right: 1em
	}

	.search {
		width: 100%;
		margin-bottom: 1.5em;
		display: inline-block;
		vertical-align: middle;
		text-align: right;
		position: relative;
	}

	.search button{
		width: 17em;
		position: absolute;
		right: 2em;
		top: 0.8em;
		line-height: 3.2em;
		letter-spacing: 3px;
		font-size: 0.8em;
		padding: 0em 2em;
		background: #fbfbfb;
		border: none; 
		overflow: hidden;
		transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	}

	.search button:before {
	    content: attr(data-letters);
	    position: absolute;
	    z-index: 2;
	    overflow: hidden;
	    white-space: nowrap;
	    width: 100%;
	    left: 0%;
	    top: 0%;
	    text-align: center;
	    font-family: 'STM75';
	    color: #0083E3;
	    font-size: 1em;
	    text-transform: uppercase;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transform: translateX(0%);
	    -webkit-transform: translateX(0%);
	    -moz-transform: translateX(0%); 
	}

	.search button:hover:before {
	    transform: translateX(100%);
	    -webkit-transform: translateX(100%);
	    -moz-transform: translateX(100%);

	}

	.search button i {
	    position: relative;
	    font-size: 2em;
	    line-height: 1;
	    left: 0%;
	    width: 100%;
	    display: inline-block;
	    vertical-align: middle;
	    margin-top: -2%;
	    color: #0083E3;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transform: translateX(-500%);
	    -webkit-transform: translateX(-500%);
	    -moz-transform: translateX(-500%);
	}

	.search button i:before {
		width: 100%;
	    display: block;
	    text-align: center;
	}

	.search button:hover i {
	    transform: translateX(0%);
	    -webkit-transform: translateX(0%);
	    -moz-transform: translateX(0%);
	}


	.search input{
		margin: 0%;
    	height: auto;
		width: 100%;
		line-height: 3.2em;
		margin-right: 1.5em;
		font-size: 0.9em;
		letter-spacing: 1px;
		margin-bottom: 1em;
		position: relative;
		display: inline-block;
		padding: 0.5em 19em 0.5em 2em;
		background: #343434;
		font-family: 'STM75';
		border: none; 
		text-transform: uppercase;
		color: #fbfbfb;
		overflow: hidden;
		transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
		-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
		-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
		box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6); 
	}


	 .search ::-webkit-input-placeholder {color: #fbfbfb} 
	 .search ::-moz-placeholder {color: #fbfbfb}         
	 .search :-moz-placeholder {color: #fbfbfb}          
	 .search :-ms-input-placeholder {color: #fbfbfb} 
/*-----------------------------------------------------------search  link*/

/*---------------------------------------------------------------info_item*/
	.info_item {
		width: 100%;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
		margin-top: 2em;
	}

	.info_item .box {
		display: inline-block;
		vertical-align: middle;
		margin: 0em 2em;
		text-align: left;
	}

	.info_item .box i {
		display: inline-block;
		vertical-align: middle;
		padding-right: 0.5em;
		font-size: 1.6em;
		color: #f24962;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
	}

	.info_item .box h3 {
		width: auto;
		display: inline-block;
		vertical-align: middle;
		color: #fbfbfb;
		text-align: left;
		font-size: 1.2em;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
	}

	.info_item .box h3 > span {
		cursor: pointer;
	}
/*----------------------------------------------------------------end info_item*/



.block {
	position: relative;
	width: 100%;
	margin: 0em;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	overflow: hidden;
}

.block .bg {
	position: absolute;
	top: 0%;
	z-index: -1;
	opacity: 1;
	width: 100%;
	height: 100%;
	background: #343434
}

.block.light .bg {
	background: #fbfbfb !important
}


.container {
  width: 70em;
  max-width: 100%;
  padding:2em 0em; 
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  z-index: 5;
  position: relative;
}

.block.top .container {
	text-align: center;
	display: -webkit-box;
 	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	margin: auto auto;
  	position: relative;
}


/*-------------------------------------------------------------main*/
	.main_page .block.top .bg {
		opacity: 0.9
	} 


	.main_page .block.top .container .logo { 
		width: 100%;
		height: auto;
		margin: auto auto;
		position: relative;
		z-index: 9999
	}

	.main_page .block.top .container .logo a {
		width: auto;
		display: inline-block;
		vertical-align: middle;
	}

	.main_page .block.top .container .logo img{
		width: 16em;
		height: auto;
		margin-top: -25em;
		display: flex;
		vertical-align: middle;
	}

	.main_page .block.top .container .txt {
		width: 63%;
		position: absolute;
		bottom: 12em;
		left: 15em;
	}

	.main_page .block.top .container .txt h1{ 
		width: 100%;
		font-size: 1.5em;
		margin-bottom: 1em;
		text-align: left !important;
	}

	.main_page .block.top p {
		width: 100%;
		float: initial;
		text-align: left !important;
		font-size: 1.2em;
		margin-bottom: 1.5em !important
	}


	.main_page #titlemovie {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    width: auto;
	    min-width: 100%;
	    height: auto;
	    min-height: 100%;
	    z-index: -9999;
	    background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    -webkit-background-size: cover;
	}

	.main_page .block.top .but{
		margin-right: 2%;
		float: left;
		height: 4.8em;
		width: 29em;
	}

	.main_page .block.top .but span{
		position: absolute;
	    width: 100%;
	    left: 0%;
	    top: 0.6em;
	    line-height: 1.8;
	    height: 100%;
	    color: #343434;
	    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	    transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
	    transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
	}

	.main_page .block.top .but:hover span {
		transform: translateX(30%) translateZ(0px);
		-webkit-transform: translateX(30%) translateZ(0px);
		-moz-transform: translateX(30%) translateZ(0px);
		opacity: 0;
	}

	.main_page .block.top .but i {
		top: 0.3em
	}



	.main_page .block.video .bg {
		z-index: 1;
		opacity: 1;	
		background: white
	}

	.social_share {
		width: 100%;
		float: left;
		text-align: center;
		margin-bottom: 2em
	}

	.social_share h2,
	.comments h2 {
		width: 100%;
		margin-bottom: 1em;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}

	.social_share td:nth-of-type(2) a{
		height: 21px !important
	}

	.comments {
		width: 100%;
		float: left;
		margin-bottom: 2em;
	}

	.comments > div,
	.comments > div > iframe,
	.comments > div > span,
	.comments > div > span > iframe {
		width: 100% !important;		
	}


	.main_page .social_share {
		padding-left: 45%;
		margin-top: -5em;
	}


	.social_share > div, 
	.social_share > table  {
		display: inline-block !important;
		vertical-align: middle !important;
		max-width: 31% !important 
	}


	.social_share .fb-share-button.fb_iframe_widget {
		display: inline-block;
		vertical-align: middle;
	}

	.main_page .block.video .container:before {
		transform: rotateX(180deg);
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
	}

	.main_page .block.video {
		height: auto !important;
	}

	.main_page .block.video .container {
		min-height: auto  !important;
		height: auto  !important;
	}

	.main_page .block.video .container .txt {
		width: 45%;
		position: relative;
		float: left;
		top: 0em;
		text-align: left;
		left: 0em;
	}

	.main_page .block.video .container .txt.icons {
		width: 100%;
	}

	.main_page .block.video .container .txt h1{ 
		width: 100%;
		font-size: 1.5em
	}

	.main_page .block.video p {
		width: 90%;
		text-align: justify;
		padding: 1em 0em 2em 0em;
	}

	.main_page .block.video .container .txt.icons {
		left: initial;
	    margin-top: 6em;
	    width: 100%;
	    margin-right: 30%;
	    margin-bottom: 1em;
	}

	.main_page .block.video .container .txt.icons a {
		display: inline-block;
		vertical-align: middle;
		width: 16.3%;
		height: 6em;
		margin-bottom: 4em;
/*	    padding: 1em 2% 0em 2%;*/
		text-align: center;
	    position: relative;
		
	}

	.main_page .block.video .container .txt.icons a img {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		display: inline-block;
		width: 45%;
		margin-top: 1em;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		vertical-align: middle;
		-moz-transition: all 0.3s;
	}

	.main_page .block.video .container .txt.icons a:before {
		width: 100%;
		content: '';
		position: absolute;
		background: url(../img/shadow.png) no-repeat;
		background-size: 100% 50%;
		-moz-background-size: 100% 50%;
		-webkit-background-size: 100% 50%;
		height: 2em;
		left: 0%;
		bottom: -35%;
		opacity: 0.6;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
	}

	.main_page .block.video .container .txt.icons a:hover:before {
		opacity: 0.5;
		transform: scale(1.1) translateY(3%);
		-webkit-transform: scale(1.1) translateY(3%);
		-moz-transform: scale(1.1) translateY(3%);
		filter: blur(2px);
		-webkit-filter: blur(2px);
		-moz-filter: blur(2px);	
	} 

	.main_page .block.video .container .txt.icons a:hover img {
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);	
		transform: translateY(-5%) scale(1.05);
		-webkit-transform: translateY(-5%) scale(1.05);
		-moz-transform: translateY(-5%) scale(1.05);
	}

	.main_page .block.video .arrow {
		display: inline-block;
		vertical-align: top;
		text-align: left;
	    margin-top: 4em;
	    margin-left: 50%
	}

	.main_page .block.video .arrow span {
		font-family: 'STM15';
		color: #343434;
		font-size: 1.5em;
		text-transform: uppercase;
		width: 100%;
		padding-right: 4em;
		display: inline-block;
	}

	.main_page .block.video .arrow svg {
		width: 6em;
		display: inline-block;
		vertical-align: middle;
		height: 6em;
		margin-top: -2em; 
		margin-left: 7em;
		transform: rotate(-40deg);
		-webkit-transform: rotate(-40deg);
		-moz-transform: rotate(-40deg);
	}

	.main_page .block.video .arrow.anim  {
		stroke-dasharray: 1000;
		stroke-dashoffset: 0;
		animation: dash 5s linear alternate;
	}

	@keyframes dash {
		from {
		stroke-dashoffset: 1000;
		}
		to {
		stroke-dashoffset: 0;
		}
	}


	.main_page .block.team .bg {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		opacity: 1;
		background: #343434;
		z-index: -1
	}

	.main_page .block.video .container {
		min-height: 100vh
	}

	.main_page .block.video iframe{
		width: 55%;
	    height: 23em;
	    position: relative;
	    right: 0%;
	    top: 5%;
	}

	.main_page .block.event .bg {
		opacity: 1;
		z-index: -1
	}

	.main_page .block.info {
		text-align: center;
		display: inline-block;
		vertical-align: middle;
	}

	.main_page .block.info .item {
		width: 22%;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin: 0% 1% 1% 1%;
	    float: initial;
	    height: auto;
	}

	.main_page .block.info .item .img {
		width: 100%;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}

	.main_page .block.info .item .img img {
		height: auto;
		width: 100%;
		padding: 0% 25%;
		margin-bottom: 0em;
	}

	.main_page .block.info .item p {
		text-align: center;
		width: 100%;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
		color: #fbfbfb
	}

	.main_page .block.info .item h2,
	.main_page .block.info .item h2 span {
		color: #f24962;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);

	}

	.main_page .block.info .item:nth-of-type(2n) h2,
	.main_page .block.info .item:nth-of-type(2n) h2 span {
		color: #0083E3;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	}

	.main_page .block.info .item:hover .img img {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
	}


	.main_page .block.blog h1 {
		width: 100%;
		height: auto;
	} 

	.main_page .block.blog .bg {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		opacity: 1;
		background: #fbfbfb;
		z-index: -1
	}

	.main_page .block.blog .container {
		padding-bottom: 5em
	}

	.main_page .block.motivation .bg {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		opacity: 1;
		z-index: -1
	}

	.main_page .block.motivation .bg #motivmovie{
		position: absolute;
	    right: 0;
	    bottom: -8em;
	    width: auto;
	    min-width: 100%;
	    height: auto;
	    min-height: 100%;
	    z-index: -9999;
	    background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    -webkit-background-size: cover;
	}

	.main_page .block.motivation .bg:before {
		width: 100%;
		height: 100%;
		background: #343434;
		opacity: 0.3;
		content: '';
		top: 0%;
		left: 0%;
		position: absolute;
	}

	.main_page .block.motivation .item {
		width: 26%;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin: 0% 3%;
    	float: initial;
    	min-height: 23em;	
  	}

	.main_page .block.motivation .item img {
		margin-bottom: 0em;
		width: 40%;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}


	.main_page .block.motivation .item h3 {
		margin-bottom: 0.5em;
		margin-top: 1em;
	}
/*-------------------------------------------------------------main*/


/*-------------------------------------------------------------foot*/

	.block.foot .bg {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		opacity: 1;
		background: #343434;
		z-index: -1
	}

	.block.foot .container ul{
		list-style: none;
		padding-left: 0em;
		margin: 0em;
		width: 34%;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 2em
	}

	.block.foot .container ul li {
		width: 48%;
		display: inline-block;
		vertical-align: middle;
		padding: 0.2em 1em 0.2em 0em;
	}

	.block.foot .container ul li a {
		text-decoration: none;
		font-family: 'STM75';
		margin: 0.5em 0em;
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase; 
		font-size: 0.8em;
		color: #fbfbfb;
		transition: all .3s;
	  -moz-transition: all .3s;
	  -webkit-transition: all .3s;
	}

	.block.foot .container ul li:hover a,
	.block.foot .container ul li.active a {
		color:  #f24962;
	}

	.block.foot .container .project {
		width: 45%;
		display: inline-block;
		vertical-align: top;
		margin: 0%;
		height: auto;
		padding: 0em 2em
	}

	.block.foot .container .project h2 {
		margin-bottom: 1em;
		text-align: center;
		width: 100%;	
	}

	.block.foot .container .owl-stage-outer {
		overflow: hidden;
		z-index: 10;
    	position: relative;
	}

	.owl-theme .owl-controls {
	    text-align: center;
	    position: absolute;
	    width: 120%;
	    left: -10%;
	    top: 30%;
	}

	.block.foot .container .project .owl-item > div {
		width: 100%;
		text-align: center;
		display: -webkit-box;
	 	display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	  	height: 10em;
	}

	.block.foot .container .owl-carousel .owl-nav {
		width: 100%;
		float: left;
	}

	.block.foot .container .owl-carousel .owl-nav * {
	    color: transparent;
	    position: relative;
	    width: 3em;
	    height: 3em;
	    background: url(../img/arrow.svg) no-repeat;
	    float: left;
	    cursor: pointer;
	}

	.block.foot .container .owl-carousel .owl-nav .owl-next {
		left: inherit;
		float: right;
		transform: rotate(180deg);
    	-webkit-transform: rotate(180deg);
    	-moz-transform: rotate(180deg);
	}


	.block.foot .container .project .image {
		position: absolute;
	    width: 36%;
    	height: 78%;
		left: 1%;
		top: 2%;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-position: center center; 
		-moz-background-position: center center;
		-webkit-background-position: center center;
		-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.85);
		-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.85);
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.85);	
	}

	.block.foot .container .project .inner {
		display: inline-block;
		vertical-align: middle;
		margin: auto auto;	
	}

	.block.foot .container .project .inner .cat {
	    position: absolute;
	    min-width: 10em;
	    right: 53%;
	    font-size: 0.7em;
	    top: 0.8em;
	    padding: 0em 1em;
	    text-transform: uppercase;
	    letter-spacing: 3px;
	    line-height: 2.3;
	    background: #0083E3;
	    color: white;
	    font-family: 'STM75';
	}

	.block.foot .container .project .inner a {
		width: 100%;
		position: absolute;
		z-index: 10;
		height: 100%;
		top: 0%;
		left: 0%;
	}

	.block.foot .container .project   p,
	.block.foot .container .project   h3 {
		color: #fbfbfb;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
		padding-left: 41%;
    	margin-top: -2.5em;
	}

	.block.foot .container .project  h3 {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		padding-bottom: 3em;
		text-align: left;
		width: 100%;
		
	}

	.block.foot .container .project p {
		width: 100%;
		height: 3.8em;
		width: 100%;
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}

	.block.foot .container .cont {
		width: 20%;
		padding-left: 1%;
		display: inline-block;
		vertical-align: top;
		text-align: right;
	}

	.block.foot .container .cont h2,
	.block.foot .container .cont p,
	.block.foot .container .copy{
		color: #fbfbfb;
		width: 100%;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
	}

	.block.foot .container .cont h2 {
		padding-bottom: 1em;
	}

	.block.foot .container .cont p {
		padding-bottom: 0.5em
	}

	.block.foot .container .cont p i {
		font-size: 1.2em;
		display: inline-block;
		color: #f24962;
		padding-right: 0.5em
	}
/*-------------------------------------------------------------foot*/


/*-----------------------------------------------------------shedule*/

	.shedule .scnd_page_top .bg{
		background-image: url(../img/main_img/main_shedule_bg.png); 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.shedule .block.trenings .container {
		width: 76em;
		text-align: center;
	}

	.shedule .block.trenings .container #sync1,
	.shedule .block.trenings .container #sync2 {
		display: block;
	}

	.shedule .block.trenings .container #sync1 .owl-wrapper-outer{
		margin-top: 2em;
	}

	.shedule .block.trenings .container #sync1  .owl-item .item {
		transition: transform 0.3s;
	    -moz-transition: transform 0.3s;
	    -webkit-transition: transform 0.3s;
	}

	.shedule .block.trenings .container  .owl-carousel{
		width: 106%;
		width: calc(100% + 2em);
		padding: 0em 1em;
		overflow: hidden;
		margin-left: -1em
	}

	.shedule .block.trenings .container .owl-theme .owl-controls {
		position: absolute;
		width: 100%;
		top: 0em;
		left: 0%;
	}

	.shedule .block.trenings .container  .owl-carousel#sync1  {
		padding: 0em 1em 0em 1em
	}

	.shedule .block.trenings .container  .owl-carousel#sync1 .owl-nav *{
		color: transparent;
		position: relative;
		width: 4em;
	    float: left;
	    height: 4em;
		background: url(../img/arrow.svg) no-repeat;
		background-size: 100%;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		cursor: pointer;
	}

	.shedule .block.trenings .container  .owl-carousel#sync1 .owl-nav .owl-next {
		float: right;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
	}

	.shedule .block.trenings .container #sync2 .owl-item .item{
		cursor: pointer;
		position: relative;
		float: left;
		text-align: center;
		padding: 2em 2em 0em 2em;
		width: 100%;
	}

	.shedule .block.trenings .container #sync2{
		overflow: visible;
	}

	.shedule .block.trenings .container #sync1 .owl-item > .item{
		width: 100%;
		position: relative;
		float: left;
		text-align: center;
		opacity: 0;
		height: 0px;
		padding: 0.5em 3em 1em 3em;
		transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -webkit-transition: all 0.2s;
	}

	.shedule .block.trenings .container #sync1 .owl-item.active > .item {
		opacity: 1;
		display: block;
		height: auto;
	}


	.shedule .block.trenings .container #sync2 .owl-item .item .third_box {
		width: 100%;
		text-align: left;
	} 

	.shedule .block.trenings .container #sync2 .owl-item .item .third_box  span.shevron {
		margin-bottom: 1em;
		opacity: 0;
		z-index: -1;
		padding: 0em 3em;
		transform: translateX(-20%);
		-webkit-transform: translateX(-20%);
		-moz-transform: translateX(-20%);
	}

	.shedule .block.trenings .container #sync2 .owl-item .item .third_box span.shevron span {
		cursor: initial !important
	}

	.shedule .block.trenings .container #sync2 .owl-item .item .third_box span.shevron:nth-of-type(2n) {
		background: #0083E3;
		cursor: pointer !important;
	}

	.shedule .block.trenings .container #sync2 .owl-item .item .third_box span.shevron:nth-of-type(2n) span {
		cursor: pointer !important;
	}

	.shedule .block.trenings .container #sync2 .owl-item {
		opacity: 0.7;
		transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -webkit-transition: all 0.2s;
	    padding-bottom: 1em
	}

	.shedule .block.trenings .container #sync2 .owl-item.center {
		opacity: 1
	}

	.shedule .block.trenings .container #sync2 .owl-item.center .item .third_box  span.shevron {
		opacity: 1;
		z-index: 1;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
	}

	.shedule .block.trenings .container #sync2 .owl-item .item .third_box .img img {
		transform: scale(1) translateZ(0px) !important;
	  	-webkit-transform: scale(1) translateZ(0px)  !important;
	  	-moz-transform: scale(1) translateZ(0px)  !important;
	}

	.shedule .block.trenings .container #sync2 .owl-item.center .item .third_box .img img {
	   	filter:grayscale(0%);
	  	-webkit-filter:grayscale(0%);
	  	-moz-filter:grayscale(0%);
	}

	.shedule .block.trenings .container #sync2 .owl-item .item .third_box  span.shevron {
		text-shadow: none;
	}

	.shedule .block.trenings .container #sync2 .owl-item .item .third_box  span.shevron:nth-of-type(2) {
		transition-delay: 0.3s;
	   	-webkit-transition-delay: 0.3s;
	  	-moz-transition-delay: 0.3s;
	}

	.shedule .block.trenings .container #sync2 .owl-item .item .third_box  span.shevron:nth-of-type(3) {
		transition-delay: 0.6s;
	   	-webkit-transition-delay: 0.6s;
	  	-moz-transition-delay: 0.6s;
	}

	.shedule .box.trener .item {
		width: 49% !important;
		padding: 0% !important;
	}

	.shedule .box.trener .item:nth-of-type(2n) {
		margin-right: 0% !important;
		margin-bottom: 2% !important;
		margin-left: 2% !important
	}

	.shedule .thisform h2 {
		margin-bottom: 0em !important
	}

	.shedule .thisform h3 {
		margin-top: 0.5em
	}

	.shedule .thisform > .box {
		margin-bottom:2em 
	}

	.shedule .thisform > .box > .box {
		margin-bottom: 1em;
		margin-top: 0.5em
	}

	.shedule .thisform h3 i {
		color: #f24962;
		float: left;
		width: auto;
		margin-right: 0.3em
	} 

	.shedule .thisform .box.money {
		margin-bottom: 0em
	}

	.shedule .map {
		height: 20em;
		width: 100%;
		margin: 1em 0em 2em 0em !important;
		float: left;
		-webkit-box-shadow: 5px 2px 10px 0px rgba(0,0,0,0.60);
	    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.60);
	    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.60)
	}

	.shedule  .form {
		width: 100%;
		float: left;
		margin-top: 2em;
		margin-bottom: 2em
	}

	.shedule  .form h2 {
		margin-bottom: 0.5em
	}

	.shedule .rev .item{
		width: 100% !important;
		padding: 0% !important;
		margin-bottom: 1em !important
	}

	.pop_up_box_shedule{
		width: 22%;
		position: absolute !important;
		top: 21%;
		right: -2%;
		opacity: 0;
		background: #f24962;
		padding: 0.5em 1.4em;
		position: relative;
		-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.60);
	    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.60);
	    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.60);
	    transform: translateY(-20%);
		-webkit-transform: translateY(-20%);
		-moz-transform: translateY(-20%);
	}

	.pop_up_box_shedule .fa{
		position: absolute;
		right: 0.5em;
		top: 0.25em;
		color: #f7f7f7;
		position: absolute;
		cursor: pointer;
	}

	.pop_up_box_shedule p {
		font-size: 0.8em;
		text-align: center;
	}
/*-----------------------------------------------------------shedule*/


/*-----------------------------------------------------------------blog*/ 

 
	.blog .scnd_page_top .bg{
		background-image: url(../img/main_img/main_blog_bg.png); 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	} 

	.blog .blog_main .container {
		padding-bottom: 4em
	}
/*-----------------------------------------------------------------blog*/


/*-----------------------------------------------------------------about*/ 

 
	.about .scnd_page_top .bg{
		background-image: url(../img/main_img/main_about_bg.png); 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	} 

	.about .gallery {
		width: 100%;
		float: left;
		margin-bottom: 6em;
		position: relative;
		margin-top: 2em
	} 

	.about .photo{
		width: 50%; 
		float: left;
	}

	.about .photo .img {
		width: 100%;
		float: left;
		height: 35em;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.about  .text{
		width: 50%;
		float: left;
		padding: 4em 2em 5em 2em; 
	}

	.about .ck_editor  p {
		margin-bottom: 1.5em;
		font-size: 1.35em;
	}

	.about .shedule .ck_editor  p {
		margin-bottom: 0.5em;
		font-size: 1.35em;
		text-align: center;
		width: 100%
	}

	.about .a_box {
		width: 100%;
		margin-bottom: 2em;
		float: left;
	}

	.about .a_box > p,
	.about .a_box > h1 {
		width: 100%;
		margin-bottom: 1em;
		font-size: 1.5em;
		text-align: center;
	}

	.about .a_box > h1 {
		font-size: 2em;
		margin-bottom: 0.5em
	}

	.about .a_box i.icon {
		font-size: 6em;
	    float: left;
	    width: 100%;
	    margin-bottom: 0.2em;
	    color: #0083E3;
	    text-align: center;
	}

	.about .all_box {
		width: 100%;
		float: left;
	}

	.about .all_box.educ {
		background-image: url(../img/main_img/about_educ.png); 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		padding: 3em 0em;
	}

	.about .all_box.educ .a_box {
		margin-bottom: 0em
	}

	.about .all_box.educ p {
		text-align: center;
		width: 100%
	}

	.about .all_box .in_box {
		width: 100%;
		text-align: center;
		padding-top: 1em;
	}

	.about .all_box .in_box i {
		color: #fbfbfb;
		margin: 0em 1em
	}

	.about .a_team {
		background: #343434;
		padding-top: 3em
	}

	.about .a_team .a_box > p {
		margin-bottom: 5em
	} 

	.about .a_team .ck_editor p {
		text-align: center;
		width: 100%
	}

	.about .a_team .ck_editor {
		margin-bottom: 3em
	}

	.about .a_vid .half {
		width: 100%;
		float: left;
		margin-bottom: 2em
	}

	.about .a_vid .a_box {
		padding-top: 2em;
		margin-bottom: -2em
	}

	.about .a_vid h1 {
		padding: 0em 0em 1.5em 0em;
	}

	.about .a_vid .half iframe {
		width: 48.5%;
		float: left;
		height: 20em;
		margin-bottom: 2em
	}

	.about .a_vid .half iframe:nth-of-type(2n){
		margin-left: 3%
	}

	.about .a_reg .but{
		width: 25em;
		font-size: 1em

	}

	.about .a_reg .a_box {
		text-align: center;
	}

 
/*-----------------------------------------------------------------about*/


/*------------------------------------------------------------blog_item*/

	.blog_item .scnd_page_top .bg{
		background-image: url(../img/main_img/main_blog_bg.png); 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.blog_item .scnd_page_top .bg:before {
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		content: '';
		background: #343434;
		opacity: 0.4;
		z-index: 1
	}

	.blog_item .scnd_page_top h1{
		font-size: 2em !important;
   		margin-bottom: 1em;
	}

	.blog_item .load {
		width: 100%;
		text-align: center;
		float: left;
		margin: -1em 0em 2em 0em;		
	}

/*------------------------------------------------------------blog_item*/



/*---------------------------------------------------------------search*/

	.search .scnd_page_top .bg{
		background-image: url(../img/main_img/main_blog_bg.png); 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	} 

	.search .blog_main .container {
		padding-bottom: 4em
	}

	.search .cont {
		width: 100%;
		float: left;
		margin-bottom: 2em;
		display: none;
	}

	.search .first {
		margin-bottom: 2em;
		display: block;
	}

	.search .main .container > h3,
	.search .main .container .cont > h3 {
		width: 100%;
		font-size: 1.4em;
		margin-bottom: 1em;
	}

	.search .main .container .cont > h2 {
		font-size: 1.6em;
		margin-top: 1em
	}


	.search .main .container{
		padding-bottom: 0em;
    	margin-bottom: -2em;
	}
/*---------------------------------------------------------------search*/

.link_but {
	width: 100%;
	float: left;
}

.link_but .but {

}

/*-----------------------------------------------------success_story*/

	.success_story  .scnd_page_top .bg{
		background: url(../img/main_img/main_success_story_bg.png) no-repeat; 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.success_story  .scnd_page_top .bg:before {
		width: 100%;
		z-index: 1;
		background: #343434;
		opacity: 0.3;
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%
	}


	.success_story .main .bg {
		background: #363636
	}

	.success_story .main article.text {
		width: 55%;
		padding: 2.5em 3%;
		margin: 3em auto;
		color: white;
		font-size: 0.8em;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		text-align: center;
		line-height: 1.8;
		letter-spacing: 1px;
		border-bottom: 2px solid #e6475e;
		border-top: 8px solid #0083E3;
		font-family: "STM55";
		position: relative;
		height: 12em;  
	}

	.success_story .main article.text i {
		position: absolute;
		left: -10%;
		top: 30%;
		color: #e6475e;
		font-size: 4em
	}

	.success_story .main .rev_box{
		width: 47%;
		float: left;
		margin: 2em 0%;
		min-height: 10em; 
		position: relative;
		background: #fbfbfb;
		-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.60);
	    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.60);
	    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.60)
	}

	.success_story .main .rev_box:nth-of-type(2n) {
		margin-left: 6%
	}

	.success_story .main .rev_box .photo {
		width: 40%;
	    margin: 5% 2.5%;
	    height: 13em;
		float: left;
		border-radius: 50%; 
		background-position: center;
		-moz-background-position: center;
		-webkit-background-position: center;
	}

	.success_story .main .rev_box  .username {
		width: 55%;
	    padding: 3.2em 0.5em 1em 0.5em;
	    float: left;
	    font-size: 1.2em;
	    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.4);
	    font-family: "STM75"
	}


	.success_story .main .rev_box  .type {
		font-size: 0.8em;
		background: #e6475e;
		text-transform: uppercase;
		position: absolute;
		right: -5%;
		padding: 0.9em 1em;
		top: 0.8em;
		text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.4);
		color: #fbfbfb;
		-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.60);
	    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.60);
	    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.60)
	}

	.success_story .main .rev_box  .type span {
		text-transform: lowercase;
		font-family: "STM75";
		text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.4);
	}

	.success_story .main .rev_box .icons {
		width: 55%;
		float: left;
		padding: 0em 1em 1em 1em;
		text-align: justify;
		list-style: none;
		margin: 0%
	}

	.success_story .main .rev_box .icons li {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.2em;
		padding-right: 1em;
		width: auto;
	}

	.success_story .main .rev_box .icons li a{
		color: #0083E3;
		text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.4);
	}

	.success_story .main .rev_box .text1 {
		width: 55%;
		float: left;
		font-style: italic;
		padding: 0em 1em;
		line-height: initial;
		letter-spacing: 0.5px;
		text-indent: 0.2em;
		font-size: 0.8em;
		text-shadow:2px 2px 2px rgba(150, 150, 150, 0.4);
	}

	.success_story .main .rev_box a.more {
		font-size: 0.8em;
		color: #e6475e;
		position: absolute;
		bottom: 1em;
		right: 2em;
		text-decoration: none;
		letter-spacing: 2px;
		text-transform: uppercase;
		transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -webkit-transition: all 0.2s;
	    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.4);
	}

	.success_story .main .rev_box a.more i {
		transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -webkit-transition: all 0.2s;
	    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.4);
	}

	.success_story .main .rev_box a.more:hover  {
		transform: translateX(2%);
		-webkit-transform: translateX(2%);
		-moz-transform: translateX(2%);
	}

	.success_story .main .rev_box a.more:hover i {
		transform: translateX(50%);
		-webkit-transform: translateX(50%);
		-moz-transform: translateX(50%);
	}
/*-----------------------------------------------------success_story*/



/*-----------------------------------------------------one_story*/


	.success_story.one_story  .scnd_page_top .bg{
		background: url(../img/main_img/main_success_story_bg.png) no-repeat; 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.success_story.one_story  .scnd_page_top .bg:before {
		width: 100%;
		z-index: 1;
		background: #343434;
		opacity: 0.6;
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%
	}

	.success_story.one_story .user_info {
		width: 80%;
		min-height: 5em;
		margin: auto;
		text-align: left;
	}

	.success_story.one_story .user_info .photo{
		width: 10em;
		height: 10em;
		float: left;
		margin-right: 5%;
		margin-top: 2.5em;
		border-radius: 5em;
		background-position: center;
		-moz-background-position: center;
		-webkit-background-position: center;
	}

	.success_story.one_story .user_info .type,
	.success_story.one_story .user_info  .username {
		width: 76%;
	    font-size: 1.2em;
	    float: left;
	    color: #fbfbfb;
	    margin-bottom: 0.5em;
	    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	}

	.success_story.one_story .user_info  .username {
		font-size: 2em;
		opacity: 1;
		font-family: "STM75"
	}

	.success_story.one_story .user_info article.text1 { 
		width: 73%;
		font-size: 1.4em;
		line-height: initial;
		float: left;
		font-style: italic;
		color: #fbfbfb;
	}

	.success_story.one_story .user_info .icons {
		width: 55%;
		float: left;
		padding: 0em 1em 1em 0em;
		text-align: justify;
		list-style: none;
		margin: 0%
	}

	.success_story.one_story .user_info .icons li {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.5em;
		padding-right: 1em;
		width: auto;
	}

	.success_story.one_story .user_info .icons li a{
		color: #0083E3;
		text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.4);
	}

	.success_story.one_story .info_wrap {
		padding-left: 6em;
		padding-right: 6em;
		position: relative;
		margin-bottom: 3em;
	}

	.success_story.one_story i.fa-quote-left {
		position: absolute;
		top: 0.3em;
	    left: 0.5em;
		font-size: 3em;
		color: #e6475e;
		position: absolute;
	}


	.success_story.one_story i.fa-quote-right {
		position: absolute;
		bottom: 0.3em;
	    right: 0.5em;
		font-size: 3em;
		color:#0083E3;
		position: absolute;
	}
/*-----------------------------------------------------one_story*/

/*-----------------------------------------------------hide_pages*/

	.success_story.one_story.hide_pages .user_info {
		width: 60%;
		min-height: 5em;
		margin: auto;
		text-align: left;
	}

	.success_story.one_story.hide_pages .user_info h1,
	.success_story.one_story.hide_pages .user_info h3 {
		width: 100%;
		float: left;
		margin-bottom: 0.5em;
		text-align: center;
	}

	.hide_form {
		width: 100%;
		height: 100%;
		position: fixed;
		background: #343434;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-image: url(../img/main_img/main_contact_bg.png);
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		z-index: 100;
	}

	.hide_form div {
		width: 30%;
		margin: auto auto;
		text-align: center;
	}

	.hide_form div input {
		width: 24em;
		margin: 0%;
		display: inline-block;
		float: inherit;
		margin-bottom: 1em;
		background: #f7f7f7;
		color: #343434
	}

	.hide_form div h3 {
		width: 100%;
		text-align: center;
		margin-bottom: 1em;
	}

	.hide_form div button {
		display: inline-block;
		color: #f7f7f7
	}

/*-----------------------------------------------------hide_pages*/


/*-----------------------------------------------------services*/
	.services .scnd_page_top .bg{
		background-image: url(../img/main_img/main_services_bg.png); 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.services  .scnd_page_top .bg:before {
		width: 100%;
		z-index: 1;
		background: #343434;
		opacity: 0.1;
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%
	}

	.services .main { 
		background: #363636
	}
/*-----------------------------------------------------services*/


/*-----------------------------------------------------team_page*/

	.team_page .scnd_page_top .bg{
		background: url(../img/main_img/main_team_bg.png) no-repeat; 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.team_page  .scnd_page_top .bg:before {
		width: 100%;
		z-index: 1;
		background: #343434;
		opacity: 0.3;
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%
	}

	.team_page .team {
		padding-top: 4em;
		background: #343434;
	}
/*-----------------------------------------------------team_page*/

/*-----------------------------------------------------trener_page*/
	.trener_page .scnd_page_top .bg{
		background: url(../img/main_img/main_team_bg.png) no-repeat; 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.trener_page  .scnd_page_top .bg:before {
		width: 100%;
		z-index: 1;
		background: #343434;
		opacity: 0.7;
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%
	}

	.trener_page .scnd_page_top .icons {
		width: 100%;
    	display: inline-block;
    	margin-bottom: 0em;
    	margin-top: 1em;
    	text-align: center;
    	font-size: 1.5em;
	}

	.trener_page .scnd_page_top  .icons a{
		display: inline-block;
		vertical-align: middle;
		margin: 0em 2em;
	}

	.trener_page .scnd_page_top  .icons.male a i {
		color: #0083E3
	}

	.trener_page .scnd_page_top  .icons.female a i {
		color: #f24962
	}

	.trener_page_info {
		background: #fbfbfb 
	}

	.trener_page_info .sidebar .box .first_box,
	.trener_page_info .sidebar .box .third_box {
		width: 100%;
		height: 7em;
		margin: 0%;
		margin-bottom: 2em
	}

	.trener_page_info .sidebar .box .first_box:after{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow:none;
	}

	.trener_page_info .sidebar .box .first_box:before,
	.trener_page_info .sidebar .box .first_box > span,
	.trener_page_info .sidebar .box .third_box > span  {
		display: none;
	}

	.trener_page_info .sidebar .box .first_box .image,
	.trener_page_info .sidebar .box .third_box  .img{
		width: 35%;
    	height: 7em;
    	float: left;
	}

	.trener_page_info .sidebar .box .first_box .image{
		webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
    	-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
    	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.6);
	}

	.trener_page_info .sidebar .box .third_box .img,
	.trener_page_info .sidebar .box .third_box .img img {
		transform: scale(1) !important;
    	-webkit-transform: scale(1) !important;
    	-moz-transform: scale(1) !important;
	}
 
	.trener_page_info .sidebar .box .first_box  h3,
	.trener_page_info .sidebar .box .first_box  p,
	.trener_page_info .sidebar .box .third_box h3,
	.trener_page_info .sidebar .box .third_box p {
		width: 62% !important;
		padding-left: 5%;
		float: left;
		margin-top: 0% !important
	}

	.trener_page_info .sidebar .box .first_box  p,
	.trener_page_info .sidebar .box .third_box p {
		margin-top: 0em;
		text-align: justify;
	}

	.trener_page_info .sidebar .box .first_box a,
	.trener_page_info .sidebar .box .third_box a {
		width: 100%;
		position: absolute;
		z-index: 10;
		height: 100%;
		left: 0%;
		right: 0%;
		background: none;
	}
/*-----------------------------------------------------trener_page*/



/*------------------------------------------------------rev_page*/
	.rev_page .scnd_page_top .bg{
		background-image: url(../img/main_img/main_rev_bg.png); 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	} 

	.rev_page .scnd_page_top .bg:before {
		width: 100%;
		position: absolute;
		z-index: 1;
		opacity: 0.3;
		background: #343434;
		top: 0%;
		left: 0%;
		content: ''
	}

	.rev_page .scnd_page_top h1 {
		font-size: 2em !important;
    	margin-bottom: 1em;
	}

	.rev_wrap .fourth_box {
		height: auto;
		padding: 0.5em 1em
	}

	.rev_wrap .fourth_box .image {
		height: 10em;
		width: 10em;
		float: left;
		position: relative;
		border-radius: 50%;
		top: initial;
		left: initial;
		-webkit-box-shadow: 5px 2px 10px 0px rgba(0,0,0,0.60);
	    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.60);
	    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.60) 
	}

	.rev_wrap .fourth_box .descr {
		width: 84%;
	    float: left;
	    padding-left: 1em;
	    height: auto;
	}

	.rev_wrap .fourth_box .descr *{
		height: auto;
	}

	.fourth_box .descr h2{
		margin-bottom: 0.5em;
	}
/*------------------------------------------------------rev_page*/


.shedule2th .container,
.blog2th .container{
	padding: 2em 0em 4em 0em;	
}

.shedule2th,
.blog2th{
	background: #fbfbfb 
}

.shedule2th h1,
.blog2th h1 {
	width: 100%;
	margin-bottom: 1em;
	float: left;
}

.blog2th h1 {
	margin-bottom: 0em
}


/*-----------------------------------------------------------contact*/
	.contact_page .scnd_page_top .bg{
		background-image: url(../img/main_img/main_contact_bg.png); 
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.contact_page .block.main .container p,
	.contact_page .block.main .container h2 {
		text-align: left;
		margin-bottom: 1em;
	}

	.contact_page .block.main .container .left{
		width: 60%;
		float: left;
		padding: 1%;
		text-align: center;
	}

	.contact_page .block.main .container .right{
		width: 40%;
		float: left;
		padding:1% 1% 1% 5%;
		font-size: 110%
	}

	.contact_page .block.main .container .right .box{
		margin-bottom: 4em;
		float: left;
		width: 100%;
	}

	.contact_page .block.main .container .right h3{
		text-transform: uppercase;
		margin-bottom: 1em
	}

	.contact_page .block.main .container .right p{
		width: 100%
	}

	.contact_page .block.main .container .right p i {
		padding-right: 1em;
		font-size: 1.2em;
		color: #0083E3
	}

	.contact_page .block.main .container .right .but {
		float: right;
	}

	.contact_page .block.main .container .all{
		width: 100%;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-top: 3%;
	}

	.contact_page .block.main .container .all h2 {
		width: 100%;
		margin-bottom: 1em;
		text-align: center;
	}

	.contact_page .block.main .container .all .but {
		margin-bottom: 3em
	}

	.scnd_page_top .container .textcont .txt h1 {
		font-size: 2.5em
	}
/*-----------------------------------------------------------contact*/	


/*-------------------------------------------------------------forms*/

	.lightcase-inlineWrap {
		padding: 0 !important
	}

	.form_wrapp .blue {
		color: #0083E3 !important;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4) !important;
	}

	.form_wrapp .red {
		color: #f24962 !important;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4) !important;
	}


	.form_wrapp .bg {
		width: 40%;
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-position: center;
		-moz-background-position: center;
		-webkit-background-position: center; 
	}


	.form_wrapp {
		width: 100%;
		position: absolute;
		top: 0%;
		height: 100%;
		left: 0%;
		display: none;
		opacity: 1;
	}

	.form_wrapp .title{
		margin-bottom: 0.5em;
		font-size: 2.5em
	}

	.form_wrapp form {
		width: 60%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		position: absolute;
		right: 0%;
		height: 100%;
		top: 0%;
		padding: 1em 2em;
	}

	.form_wrapp form > div {
		width: 100%;
		margin: auto auto;
		text-align: center;
	}

	.form_wrapp form p.decr {
		width: 100%;
		font-size: 1.2em;
		margin: 1em 0em 2em 0em
	}

	.form_wrapp form p.warn {
		width: 60%;
		bottom: 1em;
		right: 0em;
		position: absolute;
		font-style: italic;
		font-size: 0.7em;
		opacity: 0.8
	}

	.form_wrapp form .but {
		margin-top: 2em;
		width: 45%;
	    margin: 2.5%;
	}


	#main_news .bg {
		background-image: url(../img/form/form_news_sub.png); 
	}

	#main_les .bg {
		background-image: url(../img/form/form_les_sub.png); 
	}

	#main_call .bg {
		background-image: url(../img/form/form_call_sub.png); 
	}

	#main_reg .bg,
	#main_reg_kurs .bg {
		background-image: url(../img/form/form_news_sub.png); 
	}
/*-------------------------------------------------------------forms*/

	.ck_editor {
		float: left;
	}

	.ck_editor * {
		float: initial;
	    width: initial ;
	    padding: initial ;
	    line-height: normal;
	    font-size: inherit;
	}


	.mail_page {
		width: 100%;
		height: 100% !important;
		position: absolute;
		left: 0%;
		height: 0%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-image: url(../img/main_img/main_contact_bg.png); 
	}

	.mail_page .box {
		width: 50%;
		margin: auto auto;
		text-align: center;
	}

	.mail_page .box h1 {
		width: 100%;
		margin-bottom: 2em;
	}


/*-----------------------------------------------------------------------pages_link*/

	.pages_link .bg {
		background: #232323 
	}

	.other_page .scnd_page_top .bg{
		background-image: url(../img/main_img/business-meeting.png) !important;
	}

	.pages_link .container {
		padding: 1em 0em
	}

	.pages_link ul {
		width: 100%;
		text-align: left;
		margin: 0%;
		padding: 0%;
	}

	.pages_link ul li {
		width: auto;
		padding: 0%;
		margin: 0em 3em 0em 0em;
		font-size: 0.7em;
		list-style: none;
		font-family: 'STM75';
		display: inline-block;
	}

	.pages_link ul li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #f7f7f7;
		opacity: 0.5;
		transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -webkit-transition: all 0.2s;
	}

	.pages_link ul li a:hover{
		color: #0083E3;
		opacity: 1
	}

/*-----------------------------------------------------------------------pages_link*/



@media screen and (min-width: 1280px) and (max-width: 1368px) { 
	body {
		font-size: 95%; 
	}

}

@media screen and (min-width: 960px) and (max-width: 1280px) { 
	body {
		font-size: 85%; 
	}

}



@media screen and (max-width: 1660px) and (min-width: 1441px) { 
	body {
		font-size: 110%; 
	}

}


@media screen and (max-width: 1920px) and (min-width: 1661px) { 
		body {
		font-size: 120%; 
	}

}

 

@media screen and (max-width: 567px) and (min-width: 320px) {

	body {
		font-size: 80%; 
	}

	.call {
		right: 0%;
    	bottom: 0%;
	}

	.charity_box {
		width: 100%;
	}

	#up_page{
		bottom: 1em;
    	left: 0em;
	}

	a.charity{
		bottom: 20%
	}

	.info_wrap .maintext a.but {
		max-width: 100%;
    	min-width: initial;
	}

	.main_page video {
		display: none;
	}


	.shedule .form ::-webkit-input-placeholder, .contact_page .form ::-webkit-input-placeholder{color: #f7f7f7} 
	.shedule  .form ::-moz-placeholder, .contact_page .form ::-moz-placeholder {color: #f7f7f7}         
	.shedule  .form :-moz-placeholder, .contact_page .form :-moz-placeholder {color: #f7f7f7}          
	.shedule .form :-ms-input-placeholder, .contact_page .form :-ms-input-placeholder {color: #f7f7f7} 

	.shedule .form .but, .contact_page .form .but {
		color: #f7f7f7;
    	background: #343434;
	}

	.shedule .form .but:before, .contact_page .form .but:before {
		color: #f7f7f7;
	}

	.main_page .block.top {
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center center;
		-webkit-background-position: center center;
		-moz-background-position: center center;
		background-image: url(../img/poster1.jpg);
	}

	.main_page .block.motivation {
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center center;
		-webkit-background-position: center center;
		-moz-background-position: center center;
		background-image: url(../img/poster2.jpg);
	}

	.block .bg {
		z-index: 0;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center center;
		-webkit-background-position: center center;
		-moz-background-position: center center;
	} 

	.block.blog_main .bg {
		z-index: -1
	}

	.but:hover i{
		transform: translateX(-200%) translateZ(0px);
		-webkit-transform: translateX(-200%) translateZ(0px);
		-moz-transform: translateX(-200%) translateZ(0px);
		opacity: 0;
	}


	.but:hover:before,
	.main_page .but:hover span {
		transform: translateX(0%) translateZ(0px);
		-webkit-transform: translateX(0%) translateZ(0px);
		-moz-transform: translateX(0%) translateZ(0px);
		opacity: 1;
	}

	.but:hover {
		transform: translateZ(0px) scale(1) !important;
		-webkit-transform: translateZ(0px) scale(1) !important;
		-moz-transform: translateZ(0px) scale(1) !important;
	}


	.main_page .block.motivation .bg #motivmovie {
		bottom: 0em
	}

	.main_page .block.motivation .item img {
		width: 30%
	}

	.main_page .block.motivation .item {
		margin-bottom: 2em
	}
	
	h1.title {
    	margin-bottom: 1em
    }

	.block .container,
	.block {
		height: auto !important
	}

	.block .container {
		width: 90% !important;
		display: block !important;
		margin: auto;
	}

	.main_page .block.top .container .logo img {
		width: 40%;
		margin-top: 0%;
	}

	.main_page .block.top .container .logo {
		margin-bottom: 4em;
	}

	.main_page .block.top .container .txt {
       width: 100%;
       position: relative;
       margin: 1em 0em -1em 0em;
       float: left;
    }

    .main_page .block.top .container .txt h1 {
    	margin-bottom: 1em;
    	font-size: 1.3em
    }

    .main_page .block.top .but {
    	margin-right: 0%;
	    float: left;
	    height: 4.8em;
	    width: 100%;
	    margin-top: 0em;
	    margin-bottom: 1em
    }

    .menuwrapp {
    	width: 100%
    }

    .main_page .block.video .container .txt {
    	width: 100%;
    }

    .main_page .block.video p {
    	width: 100%
    }

    .main_page .block.video .arrow {
    	display: none;
    }

    .main_page .block.video iframe {
    	width: 100%
    }

    .main_page .social_share {
    	margin-top: 1em;
    	position: relative;
    	padding-left: 0%;
    }

    .social_share > div, .social_share > table {
    	max-width: 86% !important;
    	margin-bottom: 1em;
    	margin-top: 0em;
    }

    .main_page .block.video .container .txt.icons {
	    width: 100%;
	    margin-right: 0%;
	    margin-bottom: 1em;
	    margin-top: 1em
    }

    .main_page .block.video .container .txt.icons a {
    	width: 32.3%;
    	margin-bottom: 1em;
    }

    .main_page .block.video .container .txt.icons a:before {
    	bottom: -15%;
    }

    .main_page .block.info .item {
    	width: 46%;
	    margin: 0% 1% 3% 1%;
    }

    .first_box {
    	width: 100%;
    	margin: 0% 0% 4em 0% !important;
    }

    .but.bottom {
    	position: relative;
	    margin: 0 auto;
	    width: auto;
	    max-width: 90%;
	    display: block;
    }

    .second_box {
    	width: 100%;
    	margin: 0em 0em 2em 0em !important;
    }
 
    .second_box .txt{ 
    	width: 67%;
    }

    .second_box > a {
    	width: 63% !important;
    	min-width: initial;
    }

    .third_box {
    	margin: 1em 0% 3em 0% !important;
	    width: 100%;
    }

    .third_box span.shevron {
    	right: -1em;
    }

    .main_page .block.blog .container,
    .main_page .block.team .container,
    .main_page .block.event .container,
    .main_page .block.motivation .container {
    	padding-bottom: 0em
    } 

    .main_page .block.motivation .item {
    	width: 100%;
	    margin: 0%;
	    height: auto;
	    min-height: inherit;
	    margin-bottom: 2em;
    }

    .block.foot .container ul {
    	width: 100%;
    }

    .block.foot .container .project{
    	display: none;
    }

    .block.foot .container .cont {
    	padding: 0%;
    	width: 100%;
    	margin-bottom: 2em;
    	text-align: left;
    }

    .block.foot .container h3.copy {
    	text-align: center;
    }

    .block.foot.motivation .but {
    	margin-top: 2em
    }

    .first_box p {
    	margin: 1em 0em 1em 0em;
    }

    .main_page .block.motivation .item {
    	margin-bottom: 4em
    }

    .main_page .block.motivation .item h3 {
    	width: 100%
    }

    .form_wrapp {
    	height: 34em;
    	background: transparent;
    	width: 110%;
    	margin-left: -5%;
    	margin-top: -20%
    }

    .form ::-webkit-input-placeholder {color: #343434} 
	.form ::-moz-placeholder {color: #343434}         
	.form :-moz-placeholder {color: #343434}          
	.form :-ms-input-placeholder {color: #343434}

	.form .but {
		color: #343434;
		background: #f7f7f7
	} 

	.form .but:before {
		color: #343434
	}

    .form_wrapp form {
    	width: 100%
    }

    .form_wrapp .bg {
    	width: 100%;
    	opacity: 0.1
    }

    .form_wrapp  input{
    	width: 100%;
    	margin: 1em 0%;
    	background: #f7f7f7 !important;
    	color: #343434 !important
    }

    .form_wrapp form p.decr {
    	color: #f7f7f7 !important
    }

    .form_wrapp form p.warn {
    	right: 0.5em
    }



    .scnd_page_top {
    	height: 30em !important
    }

    .scnd_page_top .container .textcont .txt {
    	width: 90%;
    }

    .scnd_page_top .container .textcont .txt h1 {
    	font-size: 1.8em;
    	padding-top: 5em;
    }

    .scnd_page_top .container .textcont .txt p {
    	font-size: 1em;
    }

    .scnd_page_top .logo {
    	width: 5em !important;
    	height: 5em
    }

    .about .a_box > h1 {
    	font-size: 1.2em
    }

    .about .photo {
    	width: 100%;
    }

    .about .photo .img {
    	height: 22em;
    }

    .about  .text {
    	width: 100%;
    	padding: 1em 0em 2em 0em;
    }

    .about .a_vid .half iframe {
    	width: 100%;
    	margin: 0em 0em 2em 0em !important
    }

    .about .a_reg .but {
    	min-width: 20em !important;
    	width: auto;
    }

    .about .ck_editor  p {
    	text-align: justify !important;
    }

    .success_story .main article.text {
    	width: 90%;
    	padding: 1em 1.5em;
    	height: 20em;
    	text-align: justify;
    }

    .success_story .main .rev_box {
    	width: 100%;
    	margin: 0em 0em 2em 0em !important
    }

    .success_story .main .rev_box .photo {
    	margin: 17% 2.5% 0% 30%;
    	width: 40%;
    	height: 9em
    }

    .success_story .main .rev_box  .username,
    .success_story .main .rev_box .icons {
    	width: 100%;
    	padding: 0em 0em 1em 0em;
    	text-align: center;
    }

    .success_story .main .rev_box .text1 {
    	width: 100%;
    	padding: 0em 1em 4em 1em
    }

    .success_story.one_story .user_info  .username {
    	width: 100%;
    	text-align: center;
    	margin-bottom: 0.5em;
    	font-size: 1.2em;
    }

    .success_story.one_story .user_info .photo {
    	width: 40%;
    	height: 7em;
	    float: left;
	    margin-left: 30%;
	    margin-bottom: 1em;
	    margin-top: 4em
    }

    .success_story.one_story .user_info .type {
    	width: 100%;
    	text-align: center;
    }

    .success_story.one_story .user_info article.text1 {
    	width: 100%;
    }

    .success_story.one_story .user_info .icons {
    	width: 100%;
	    float: left;
	    text-align: center;
	    padding: 0em 0em 1em 0em;
    }

    .success_story.one_story .user_info .icons li {
    	padding: 0em 1em
    }

    .success_story.one_story .user_info article.text1 p {
    	position: relative;
	    font-size: 0.7em;
	    width: 100%;
	    height: 3em;
    }

    .success_story.one_story i.fa-quote-left {
    	display: none;
    }

    .success_story.one_story .info_wrap {
    	padding: 0.5em
    }

    .info_wrap .maintext {
    	font-size: 80%
    }


    .fourth_box {
    	font-size: 90%;
    	height: auto;
    	padding: 15em 2.5% 1em 2.5%;
    }

    .fourth_box > .image, .fourth_box > iframe {
    	width: 95%;
    	left: 2.5%;
    }

    .search button {
    	width: 7em;
    }

    .info_item {
    	margin-top: 0em
    }

    .info_item .box h3 {
    	margin-bottom: 1em;
    	text-align: center;
    }

    .info_wrap .main {
    	width: 100%;
    }

    .info_wrap .sidebar {
    	width: 100%;
    	padding: 0%
    }

    .shedule .block.trenings .container #sync1 .owl-item > .item {
    	padding: 0.5em 0.5em 1em 0.5em;
    }

    .shedule .block.trenings .container #sync1 .owl-item.active {
    	width: 23em !important;
    }

    .info_wrap {
    	font-size: 85%
    }

    .shedule .block.trenings .container .owl-theme .owl-controls {
    	top: -5em;
    }

    .info_wrap .maintext h3 {
    	font-size: 1em
    }

    .contact_page .block.main .container .left,
    .contact_page .block.main .container .right {
    	width: 100%;
    }

    .contact_page .block.main .container .right {
    	margin-top: 2em
    }



    .info_wrap .maintext * {
    	margin-left: 0% !important
    }

    .trener_page .scnd_page_top  .icons a {
    	margin: 0em 1em
    }

    .hide_form div {
    	width: 90%
    }

    .success_story.one_story i.fa-quote-right {
    	display: none;
    }

    .success_story.one_story.hide_pages .user_info {
    	padding-top: 8em;
    	font-size: 90%;
    	width: 80%
    }
}

@media screen and (max-width: 767px) and (min-width: 568px) { 

	.form ::-webkit-input-placeholder {color: #343434} 
	.form ::-moz-placeholder {color: #343434}         
	.form :-moz-placeholder {color: #343434}          
	.form :-ms-input-placeholder {color: #343434}

	.form .but {
		color: #343434;
		background: #f7f7f7
	} 

	.form input {
		background: #f7f7f7
	}

	.main_page video {
		display: none;
	}

	.main_page .block.top {
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center center;
		-webkit-background-position: center center;
		-moz-background-position: center center;
		background-image: url(../img/poster1.jpg);
	}

	.main_page .block.motivation {
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center center;
		-webkit-background-position: center center;
		-moz-background-position: center center;
		background-image: url(../img/poster2.jpg);
	}

	.block .bg {
		z-index: 0
	}


	.block.blog_main .bg {
		z-index: -1
	}




	.info_wrap .main {
		width: 100%;
	}

	.info_wrap .maintext h3 {
    	font-size: 1em
    }

    .info_wrap .sidebar {
    	width: 100%;
    	padding: 0%
    }

    .shedule .block.trenings .container #sync2 .owl-item .item .third_box {
    	width: 50%
    }

    .fourth_box {
    	height: auto;
    }









	.menuwrapp {
		width: 70%;
	}

	.menuwrapp div {
		padding: 2em 1em;
		text-align: left;
	}

	.form_wrapp form {
		width: 100%;
	}

	.form_wrapp {
		background: transparent;
	}

	.form ::-webkit-input-placeholder {color: #343434} 
	.form ::-moz-placeholder {color: #343434}         
	.form :-moz-placeholder {color: #343434}          
	.form :-ms-input-placeholder {color: #343434}

	.form .but {
		color: #343434;
		background: #f7f7f7
	} 

	.form .but:before {
		color: #343434
	}

	.form_wrapp .bg {
		width: 100%;
		height: 30em;
		opacity: 0.2
	}

	.menuwrapp div > li {
		 padding: 0em 0em 2em 0em;
	    list-style: none;
	    width: 44%;
	}

	body {
		font-size: 80%; 
	} 
	
	h1.title {
    	margin-bottom: 1em
    }

	.block .container,
	.block {
		height: auto !important
	}

	.block .container {
		width: 90%;
		display: block !important;
		margin: auto;
	}

	.main_page .block.top .container .logo img {
		width: 20%;
		margin-top: 0%;
	}

	.main_page .block.top .container .logo {
		margin-bottom: 4em;
	}

	.main_page .block.top .container .txt {
       width: 100%;
       position: relative;
       margin: 1em 0em -1em 0em;
       float: left;
    }

    .main_page .block.top .container .txt p {
    	margin-bottom: 1em !important
    }

    .main_page .block.top .container .txt h1 {
    	margin-bottom: 1em;
    	font-size: 1.3em
    }

    .main_page .block.top .but {
    	margin-right: 2.5%;
	    float: left;
	    height: 4.8em;
	    width: 45%;
	    margin-top: 0em;
	    margin-bottom: 1em;
	    font-size: 63%;
    }

    .main_page .block.video .container .txt {
    	width: 100%;
    }

    .main_page .block.video p {
    	width: 100%
    }

    .main_page .block.video .arrow {
    	display: none;
    }

    .main_page .block.video iframe {
    	width: 100%
    }

    .main_page .social_share {
    	margin-top: 1em;
    	position: relative;
    	padding-left: 0%;
    }

    .social_share > div, .social_share > table {
    	max-width: 46% !important;
    	margin-bottom: 1em;
    	margin-top: 0em;
    }

    .social_share > div:nth-of-type(3){
    	margin-top: -10px !important
    }

    .main_page .block.video .container .txt.icons {
	    width: 100%;
	    margin-right: 0%;
	    margin-bottom: 1em;
	    margin-top: 1em
    }

    .main_page .block.video .container .txt.icons a {
    	width: 24.3%;
    	margin-bottom: 1em;
    }

    .main_page .block.video .container .txt.icons a:before {
    	bottom: -15%;
    }

    .main_page .block.info .item {
    	width: 30%;
    	margin: 0% 1% 3% 1%;
    }

    .but.bottom {
    	position: relative;
	    margin: 0 auto;
	    width: auto;
	    width: 60%;
	    display: block;
	    bottom: 1.5em;
    }

    .first_box {
    	float: left;
	    height: 26em;
	    width: 48%;
	    position: relative;
	    margin: 0% 0% 4em 0%;
	    text-align: center;
    }

    .first_box:nth-of-type(2n) {
    	margin: 0% 0% 2em 4%;
    }

    .main_page .block.blog .container,
    .main_page .block.team .container,
    .main_page .block.event .container,
    .main_page .block.motivation .container {
    	padding-bottom: 1em
    } 

    .second_box {
    	width: 70%;
    	float: left;
    	display: block;
    	margin: 2em 0em 3em 0em !important
    }

    .second_box:nth-of-type(2n) {
    	margin: 2em 0em 3em 30% !important
    }

    .third_box {
    	width: 46%
    }

    .third_box:nth-of-type(3n+2) {
    	margin:  3% 0%
    }

    .third_box:nth-of-type(2n) {
    	margin: 3% 0% 5% 7%
    }

    .third_box h3 {
    	height: 3.7em
    }

    .block.motivation {
    	display: none;
    }

    .block.foot .container ul {
    	width: 44%;
    }

    .block.foot .container .project {
    	width: 55%;
    	padding: 0%;
    }

    .block.foot .container .cont {
    	width: 100%;
	    margin-top: -3em;
	    padding-left: 1%;
    }

    .block.foot .container h3.copy {
    	margin-top: -1.7em;
	    margin-bottom: 0em;
	    position: absolute;  
    }






    .scnd_page_top {
    	height: 30em !important
    }

    .scnd_page_top .container .textcont .txt {
    	width: 90%;
    }

    .scnd_page_top .container .textcont .txt h1 {
    	font-size: 1.8em;
    	padding-top: 5em;
    }

    .scnd_page_top .container .textcont .txt p {
    	font-size: 1em;
    }

    .scnd_page_top .logo {
    	width: 5em !important;
    	height: 5em
    }


    .success_story .main article.text {
    	width: 90%;
    	padding: 1em 1.5em;
    	height: 13em;
    	text-align: justify;
    }

    .success_story .main .rev_box {
    	width: 46%;
	    height: 29em;
	    margin: 1em 2% 2em 2% !important
    }

    .success_story .main .rev_box .photo {
    	margin: 24% 2.5% 5% 25%;
    	width: 50%;
    	height: 9em
    }

    .success_story .main .rev_box  .username,
    .success_story .main .rev_box .icons {
    	width: 100%;
    	padding: 0em 0em 1em 0em;
    	text-align: center;
    }

    .success_story .main .rev_box .text1 {
    	width: 100%;
    	padding: 0em 1em 4em 1em
    }

    .success_story.one_story .user_info  .username {
    	width: 100%;
    	text-align: center;
    	margin-bottom: 0.5em;
    	font-size: 1.2em;
    }

    .success_story.one_story .user_info .photo {
    	width: 26%;
    	height: 8em;
	    float: left;
	    margin-left: 37%;
	    margin-bottom: 1em;
	    margin-top: 4em
    }

    .success_story.one_story .user_info .type {
    	width: 100%;
    	text-align: center;
    }

    .success_story.one_story .user_info article.text1 {
    	width: 100%;
    }

    .success_story.one_story .user_info .icons {
    	width: 100%;
	    float: left;
	    text-align: center;
	    padding: 0em 0em 1em 0em;
    }

    .success_story.one_story .user_info .icons li {
    	padding: 0em 1em
    }

    .success_story.one_story .user_info article.text1 p {
    	position: relative;
	    font-size: 0.8em;
	    width: 100%;
	    height: 0em;
    }

    .block .container {
    	padding-bottom: 1em
    }

    .success_story.one_story i.fa-quote-left {
    	display: none;
    }

    .success_story.one_story .info_wrap {
    	padding: 0.5em
    }

    .info_wrap .maintext {
    	font-size: 80%
    }





}

@media screen and (max-width: 968px) and (min-width: 768px) { 

	.container {
		width: 95%
	}

	.main_page .block.top .container .txt {
		width: 95%
	}

	 .main_page .block.video .container .txt {
    	width: 100%;
    }

    .main_page .block.video p {
    	width: 100%
    }

    .main_page .block.video .arrow {
    	display: none;
    }

    .main_page .block.video iframe {
    	width: 100%
    }

    .main_page .social_share {
    	margin-top: 1em;
    	position: relative;
    	padding-left: 0%;
    }

    .social_share > div, .social_share > table {
    	max-width: 46% !important;
    	margin-bottom: 1em;
    	margin-top: 0em;
    }

    .social_share > div:nth-of-type(3){
    	margin-top: -10px !important
    }

    .social_share > div, .social_share > table {
    	max-width: 34% !important;
    }

    .blog_item .social_share > div,
    .blog_item .social_share > table,
    .trener_page_info .social_share > div,
    .trener_page_info .social_share > table  {
    	max-width: 53% !important;
    }

    .main_page .block.video .container .txt.icons a {
    	width: 19.3%;
    }

    .first_box {
    	float: left;
	    height: 26em;
	    width: 48%;
	    position: relative;
	    margin: 0% 0% 4em 0%;
	    text-align: center;
    }

    .first_box:nth-of-type(2n) {
    	margin: 0% 0% 2em 4%;
    }

    .main_page .block.blog .container,
    .main_page .block.team .container,
    .main_page .block.event .container,
    .main_page .block.motivation .container {
    	padding-bottom: 4em
    } 

    .second_box {
    	width: 70%;
    	float: left;
    	display: block;
    	margin: 2em 0em 3em 0em !important
    }

    .second_box:nth-of-type(2n) {
    	margin: 2em 0em 3em 30% !important
    }

    .third_box {
    	width: 46%
    }

    .third_box:nth-of-type(3n+2) {
    	margin:  3% 0%
    }

    .third_box:nth-of-type(2n) {
    	margin: 3% 0% 5% 7%
    }

    .block.motivation {
    	display: none;
    }

    .info_wrap {
    	font-size: 70%
    }

    .block.foot .container ul {
    	width: 44%;
    }

    .block.foot .container .project {
    	width: 55%;
    	padding: 0%;
    }

    .block.foot .container .cont {
    	width: 100%;
	    margin-top: -3em;
	    padding-left: 1%;
    }

    .block.foot .container h3.copy {
    	margin-top: -1.7em;
	    margin-bottom: 0em;
	    position: absolute;  
    }

    .menuwrapp {
    	width: 50%
    }




    .scnd_page_top .container {
    	height: 35em !important
    }

    .fourth_box > .image,
    .fourth_box > iframe {
    	top: 2em
    }

    .fourth_box {
    	height: 17em
    }


    .scnd_page_top .container .textcont .txt {
    	width: 90%
    }

    .scnd_page_top .container .textcont .txt h1 {
    	font-size: 3em
    }

    .scnd_page_top .container .textcont .txt p {
    	font-size: 120%
    }

    .success_story .main article.text {
    	width: 85%;
    }

    .success_story .main .rev_box .photo {
    	width: 34%;
	    margin: 13% 2.5% 0% 2.5%;
	    height: 7em;
    }

    .success_story .main .rev_box .text1 {
    	width: 100%;
    }

    .success_story .main .rev_box{
    	margin: 1em 0%;
    	height: 18em;
    }

    .success_story.one_story .user_info .type,
    .success_story.one_story .user_info  .username {
    	width: 60%
    }

    .success_story.one_story .user_info .photo {
    	margin-top: 0em
    }

    .success_story.one_story .user_info article.text1 {
    	width: 100%;
    	margin-top: 1em
    }

    .success_story.one_story .user_info article.text1 p{
    	height: 1.5em;

    }

}