/*

Theme Name: GCC

Author URI: http://gusarov.by

Доработано в URI: http://павел.бел/

Description: The 2016 theme for WordPress.

Version: 1.1

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header

{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }





/* не забудьте определить состояник "фокус", стилей */

:focus { outline:0; }

body { line-height:1; color:black; background:white; /*background: url(img/bgg.png) top no-repeat;*/ background-size: cover;}

ul { list-style:none; }

.single_page ul, .single_page ol {
	margin-bottom: 15px;  
}
.single_page ul > li, .single_page ol > li {
    margin-bottom: 7px;
    list-style-position: inside;
    list-style-type: disc;
    line-height: 1.5;
}

	p {
		line-height: 1.5; margin-bottom: 10px;
	}
	p.wp-caption-text {
		color: #808080;
	}
	div.wp-caption.alignleft {
		float:left;
		margin-right: 10px;
		margin-bottom: 5px;
		text-align: center;
	}
	div.wp-caption.alignleft > img {
		padding: 5px 0;
	}

/* таблицам необходим cellspacing="0" в разметке */

table { border-collapse:separate; border-spacing:0; }

caption, th, td { text-align:left; font-weight:normal; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }

blockquote, q { quotes:"" ""; }



img.alignleft {float:left; margin-right:25px; margin-bottom: 15px;}

img.alignright {float:right; margin-left:25px; margin-bottom: 15px;}

img.aligncenter {display:block; margin:0 auto;}

/******************************************************************************************************/

.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height: auto !important;
    object-fit: contain !important;
}
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after {
    background-color: #f36523;
}
.sp-fade-arrows {
    opacity: 1 !important;
}
.bx-wrapper{ position:relative;}

.bx-controls-direction a{ position:absolute; height:208px; width:38px; top:0%; margin-top:0px; z-index: 10;}

/*.bx-prev{ background:url(img/str-left.png) no-repeat; left:0px;}

.bx-next{ background:url(img/str-right.png) no-repeat; right:0px;}*/

.bx-pager{  position:absolute; bottom:14px; left:90%; }

.bx-pager-item{ float:left; margin-right:5px;}

.bx-pager-link{ display:block; height:10px; width:10px; background:url(img/point.png) no-repeat;}

.bx-pager-link.active{ background:url(img/point1.png) no-repeat;}

.slider img{ vertical-align:bottom;}

/******************************************************************************************************/



.envirabox-opened .envirabox-title{

	display: none;

}



@font-face {

    font-family: 'fregatbold';

    src: url('fonts/fregat_bold.eot');

    src: url('fonts/fregat_bold.eot?#iefix') format('embedded-opentype'),

         url('fonts/fregat_bold.woff') format('woff'),

         url('fonts/fregat_bold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'fregat';

    src: url('fonts/Fregat_regular.eot');

    src: url('fonts/Fregat_regular.eot?#iefix') format('embedded-opentype'),

         url('fonts/Fregat_regular.woff') format('woff'),

         url('fonts/Fregat_regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}



/******************************************************************************************************/

a:hover{

    text-decoration: none;

}

a{

    text-decoration: none;

}

html,body {

height: 100%; /* задаем высоту тела документа */

}

body{

    width: 100%;

    font-family: Open Sans;

    font-size: 14px;

}

.not-padding{

    padding-right: 0px;

    padding-left: 0px;

}

.not-padding-left{

    padding-left: 0px;

}

.not-padding-right{

    padding-right: 0px;

}

/*************************************************************************/

.container-main{ /* основной блок, который должен растянуться до подвала */

 /* цвет фона основного блока (для наглядности) */

min-height: 100%; /* задаем минимальную высоту основного блока */

width: 100%;

margin: 0 auto;

}



* html .container-main{ /* хак для ie6 */

height: 100%; /* для ие6, т.к. не понимает min-height */

}



.empty { /* это распорка в основном блоке - резервируем место для подвала */

height: 100px; /* высота нашего подвала */

}

footer { /* подвал */

width: 100%;

min-height: 100px; /* высота подвала */

margin-top: -100px; /* делаем отрицательный отступ по высоте равный высоте подвла, чтобы четко вписаться в размер экрана */

background: #ffffff;

padding-top: 0px;

}

/************************************************************************/

.text{

  font-size: 14px;

  line-height: 1.5;

  color: #565656;

}
.text em {
	font-style: italic;
}
.text b,
.text strong {
	font-weight: bold;
}
.text p{

    line-height: 1.5;

    margin-bottom: 8px;

}

.text ul{

    margin-bottom: 20px;

}

.text li{

    padding-bottom: 5px;

    list-style-type: disc;

    margin-left: 15px;

}

h2{

    font-size: 18px;

    margin-top: 15px;

}

h3{

    font-size: 17px;

    margin-top: 15px;

}

h4{

    font-size: 16px;

    margin-top: 15px;

}

h5{

    font-size: 15px;

    margin-top: 15px;

}

h6{

    font-size: 14px;

    margin-top: 15px;

}

h2, h3, h4, h5, h6{

    text-transform: uppercase;

    margin-bottom: 15px;

}

.text table{

    border-top: 1px solid #dcdcdc;

    border-left: 1px solid #dcdcdc;

    width: 100%;

    margin-bottom: 20px;

}

.text td{

    padding: 10px;

    border-bottom: 1px solid #dcdcdc;

    border-right: 1px solid #dcdcdc;

}

.text ol li{

    list-style-type: decimal;

}



/***********************************************************************/


header .header1{
    padding: 10px 0 0 0;
}

.lang{

    float: right;

    width: 200px;

    text-align: right;

    color: #646464;

    font-size: 20px;

    padding-top: 5px;

    margin-bottom: 20px;

    padding-right: 10px;

}

.lang span{

    font-weight: 600;

}

.lang a{

    color: #646464;

    font-weight: 300;

}



.soc{
	
 float: left; 
 text-align: center;

}

.soc li{

    width: 40px;

    height: 40px;

    float: right;

    margin-left: 3px;

}

.soc li a{

    display: block;

    width: 40px;

    height: 40px;

}

.soc li.vk{

    background: url(img/vk.png) no-repeat;
    background-size: contain;
}

.soc li.fb{

    background: url(img/fb.png) no-repeat;
    background-size: contain;
}

.soc li.youtube{

    background: url(img/youtube.png) no-repeat;
    background-size: contain;
}

.soc li.instagram{

    background: url(img/instagram.png) no-repeat;
    background-size: contain;

}

.soc li.od{

    background: url(img/od.png) no-repeat;
    background-size: contain;
}

header .header1 .container {
	margin-bottom: 10px;
}
header .header1 .container.gccm {
	margin-bottom: 0;
}
header .header1 .phone-block {
	display: block;
	float: right;
	padding-top: 20px;
}

header .header1 .velcom {
    background: url(img/velcom.png) right no-repeat;
    font-size: 16px;
    margin-bottom: 5px;
    text-align: left;
    width: 180px;
}

header .header1 .velcom a {
    color: #f36523;
}

header .header1 .velcom span {
    font-weight: 600;
}

header .call{
    margin-top: 20px;
}

.call-button{
    color: #ffffff;
    padding: 0;
    text-transform: uppercase;
    font-weight: 500;
    width: 180px;

}

a.button2:hover, a.button2:visited {	color:white !important;
	text-decoration:none !important;;
}

/***/

.button2{

text-decoration:none;

text-align:center;

 padding:3px 6px;

 padding-left: 5px;

 border:none;

 -webkit-border-radius:60px;

 -moz-border-radius:60px;

 border-radius: 60px;

 font-size:14px;

 color:#ffffff !important;

 background:#f36523;


  }

  .button2:hover{

 background:#e44a12;


 }

 .button2:active{

 background:#e44a12;


 }

/****/

.button{

text-decoration:none;

text-align:center;

 padding:4px 15px;

 border:none;

 border-radius: 5px;

 font-size:14px;

 color:#ffffff;

 background:#f36523;

  }
.button:focus,
.button:active,
.button:hover {
	background:#e44a12;
	color: white;
	text-decoration: none;
}

.envira-gallery-public {
	
}
.envira-gallery-item img {
	max-height: 100px !important;
	width: auto !important;
}

   /*header .button:hover span, header  .button:active span{

    background: #7d9519 url(img/tel.png) no-repeat;

    background-size: contain;

    background-position: center;

   }*/

   header .button{



   }

   header .button .paragraf{

    width: 150px;

   }



  /*************************************************************************************/



.navbar-toggle{

    width: 35px;

    height: auto;

    background: url(img/nav.png) no-repeat;

}

  #cssmenu{

    display: none;

}
.gccm {
	background-color: #f36523;

	width: 100%;
}
#menu-main-menu{
	max-width: 950px;
	margin: 0px auto;
	padding: 0;
   font-size: 18px;
   display: table;
float: none;
width: 100%;
}

#menu-main-menu li{
    /*margin-right:8px;
    margin-left: 5px;*/
	padding-right:8px;
	padding-left: 5px;
    position:relative;
    display:block;
}
#menu-main-menu > li {
	border: 1px solid #f36523;
	border-top: 0;
	border-bottom: 0;
}
#menu-main-menu li:hover {
	background-color: white;
	color: #f36523;
	position: relative;
}
#menu-main-menu li:hover a {
	color: #f36523;
}

#menu-main-menu li a{

    display:inline-block;

    padding: 13px;
    font-size: 18px;
    color:white;

    text-decoration:none;

    cursor: pointer;

}
/*
#menu-main-menu li a:hover{

    color: white;

}
*/


/*--- Выпадающие пункты ---*/

#menu-main-menu ul {
    list-style:none;
    position:absolute;
    left:-9999px;
    z-index: 20;
    opacity:0;
	min-width: 300px;
}
#menu-main-menu ul.navbar-nav {
    background: #f36523;
}
#menu-main-menu ul.sub-menu {
	background: white;
	border: 1px solid #f36523;
	border-top: 0;
}

#menu-main-menu ul li{

    padding:0px;

    margin:0px;

    float:none;

}

#menu-main-menu ul a{
    white-space:nowrap;
    display:block;
    font-size: 15px;
    padding: 5px 10px;
    color: white;
    font-weight: normal;
}
#menu-main-menu ul .current-menu-item a {
	padding:0;
	font-weight: bold;
}

#menu-main-menu li:hover ul{

    left:0;

    opacity:1;

}

#menu-main-menu li:hover ul a{

    text-decoration:none;

}

#menu-main-menu li:hover ul li a:hover{
    color: #ffffff;
    background-color: #f15f29;   
}
#menu-main-menu li:hover ul li.current-menu-item a:hover {
	background-color: white;
	color: #f15f29;
}

#menu-main-menu > li:hover ul,
#menu-main-menu li.current-menu-item ul {
	margin-left: -1px;
    position: absolute;
}

#menu-main-menu li.current-menu-item ul {
	margin-top: 14px;
}
#menu-main-menu li.current-menu-item {
    padding: 14px 10px 14px 10px;
    font-size: 18px;
    background: #ffffff;
	display: block;
	height: auto;
    color: #f15f29;

    text-decoration:none;

    cursor: pointer;

}

#menu-main-menu ul li.current-menu-item {
    color: #f15f29;
    white-space:nowrap;
    display:block;
    font-size: 15px;
    padding: 5px 10px;
    font-weight: bold;
}






/*************************************************************/



.line{

    background: #f15f29;

    background-position: center;

    height: 5px;

}

.line .container{

    background: url(img/line.jpg) no-repeat;

    height: 5px;

}

.container-main #header_r .banner {
    height: 525px;
    /*background: url(img1/bg_main.png) no-repeat;*/
	background: url(img1/bg_main.jpg) no-repeat;
    background-position: top;
	background-size: cover;
}

.banner .text-block{

    color: #ffffff;

    font-size: 40px;

    line-height: 60px;

    font-family: fregatbold;

	margin-top: 40px;

    /*width: 300px;*/

}

.text-pdbor{
    font-family: fregat, Open Sans;
    font-size: 20px;
    color: #4d4d4f;
    padding-bottom: 30px;
}

.pdbor{

	margin-top: 50px;

}



/**************************************************************/



.how-old-block{

    /*background: url(img/white.jpg);*/

    background-position: center;

    background-size: cover;

    padding-top: 20px;

    padding-bottom: 40px;

}

.how-old-block .old{

    padding-left: 70px;

    background: url(img/star-how-old.png) no-repeat;

    background-size: content;

    color: #565656;

    font-size: 34px;

    font-weight: 600;

    padding-top: 15px;

    padding-bottom: 12px;

}

.how-old-block .picture{

    background: url(img/picture2.png) no-repeat;

    background-position: center;

    background-size: contain;

    height: 221px;

    margin-top: 10px;

    display: none!important;

}

.how-old-block .form{



}



/**************************************************************/



.programm {

    float: left;

    padding: 20px 0px;

    position: relative;

    min-height: 1px;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}

.img_responsive {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: auto;
}
.left-to-center {
	 
}

@media (max-width:768px) {
	.our-map-iframe {
		height:400px !important;
	}
}
@media (max-width:520px) {
	.our-map-iframe {
		height:250px !important;
	}
  .img_responsive {
      margin: 0 auto;
  }
  .left-to-center {
    float: none !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
}

@media (min-width: 768px) {

  .programm {

    width: 100%;

  }

}

@media (min-width: 800px) {

  .programm {

    width: 50%;

  }

}

@media (min-width: 1200px) {

  .programm {

    width: 25%;

  }

}



.programm .name{

    font-family: fregatbold;

    font-size: 18px;

    color: #f05537;

    text-transform: uppercase;

    vertical-align: middle;

}

.programm .desc{

    padding: 5px 0px;

    border-bottom: 1px solid #96989a;

    border-top: 1px solid #96989a;

    color: #555555;

    font-size: 16px;

    font-family: fregatbold;

}

.programm .description{

    font-family: fregat, Open Sans;

    font-size: 14px;

    color: #292828;

    line-height: 1.5;

    padding: 10px 0px;

}

.programm .old1{

    font-family: fregatbold;

    color: #292828;

    font-size: 16px;

    margin-bottom: 20px;

}

.programm .old1 span{

    color: #f2653a;

}

.programm .link{

    background: #f2653a;

    text-transform: uppercase;

    color: #272727;

    font-size: 16px;

    text-align: center;

    padding: 5px 15px;

    border-radius: 20px;

    border: 1px solid #272727;

    -webkit-box-shadow:0px 3px 0px #b53d12;  -moz-box-shadow: 0px 3px 0px #b53d12;  box-shadow:0px 3px 0px #b53d12;

    font-weight: 600;

}

 .programm .link:hover{

 background:#e44a12;

 -webkit-box-shadow:0px 3px 0px #b53d12;  -moz-box-shadow: 0px 3px 0px #b53d12;  box-shadow:0px 3px 0px #b53d12;

 color: #ffffff;

 }

 .programm .link:active{

 background:#e44a12;

 -webkit-box-shadow:0px 4px 2px #b53d12;  -moz-box-shadow: 0px 4px 2px #b53d12;  box-shadow:0px 4px 2px #b53d12;

 color: #ffffff;

 }

 .programm.star{

    text-align: center;

 }

 .programm.star img{

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

 }



 /**********************************************************************************/



 .gray-steps{

    background: #e8e9eb url(img1/gray.jpg) no-repeat;

    background-position: center;

    padding: 30px 0px;

 }



 @media (min-width: 1200px) {



  .gray-steps .step{

    width: 219px;

    height: 251px;

    text-align: center;

    text-transform: uppercase;

    font-family: fregat, Open Sans;

    color: #000000;

    padding: 0px 20px;

    padding-top: 90px;

    font-size: 17px;

    position: absolute;

  }

  .gray-steps .step p{

    padding-bottom: 20px;

  }

  .gray-steps .step a{

    border: 1px solid #000000;

    font-size: 13px;

    padding: 5px;

    border-radius: 13px;

    background: #ffcb08;

    color: #000000;

    font-family: Open Sans;

    font-weight: 600;



  }





}



/*********************************************************************/



@media (max-width: 1199px) {

    .gray-steps .step p{

    padding-bottom: 20px;

  }

  .gray-steps .step a{

    border: 1px solid #000000;

    font-size: 13px;

    padding: 5px;

    border-radius: 13px;

    background: #ffcb08;

    color: #000000;

    font-family: Open Sans;

    font-weight: 600;



  }



.gray-steps{

    background: #e8e9eb url(img/gray.jpg) no-repeat;

    background-position: center;



 }

.gray-steps .step{

    width: 225px;

    height: 255px;

    position: relative;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    text-transform: uppercase;

    font-family: fregat, Open Sans;

    color: #000000;

    padding: 0px 20px;

    padding-top: 90px;

    font-size: 16px;

    margin-top: 30px;

}



}



/******************************************************************************/

.container2{
    padding-top: 30px;
}

.about-block {
    color: #414142;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 40px;
}
.about-block .text {
	float: left;
}
.about-block .video-lg {
	float: right;
}
.about-block .video-lg iframe {
	max-width:500px; width: 100%;height:251px;
}
.about-block.video-no-lg {
	text-align: center;	
}
.about-block.video-no-lg iframe {
	width: 100%;
	height: 400px;
}
.head{

    color: #565656;

    font-size: 26px;

    text-transform: uppercase;

    font-weight: 600;

    margin-bottom: 20px;

}

.about-block p{

    margin-bottom: 5px;

}
.our-map-iframe {
	width:100%;
	height: 600px;
	vertical-align: bottom;
}
.about-block a{
    background: #f36523 url(img/star-wight.png) no-repeat;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15px 15px;
    padding-left: 65px;
    background-position: 10px 5px;
    color: #ffffff;
    margin-top: 10px;
    display: inline-block;
	text-decoration: none;
}

.about-block a:hover, .about-komanda a:hover{

     background: #e44a12 url(img/star-wight.png) no-repeat;

     background-position: 10px 5px;

}

.about-block a:active, .about-komanda a:hover{

     background: #e44a12 url(img/star-wight.png) no-repeat;

     background-position: 10px 5px;

     -webkit-box-shadow:0px 4px 2px #b53d12;  -moz-box-shadow: 0px 4px 2px #b53d12;  box-shadow:0px 4px 2px #b53d12;

}

.italic{

	font-style: italic;



}

.about-komanda .button{

	/*float: left !important;*/

}

/****************************************************************************************/



.news-block-main{

    /*background: url(img/white1.jpg) no-repeat;*/

    background-position: center;

    background-size: cover;

    padding: 30px 0px;

    color: #707070;

}

.all {
    text-align: right;
    line-height: 26px;
	display: block;
}
.all_main_mobile {
	height: 30px;
	display: none;
}
.news-block .name {
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    margin: 10px 0;
    display: block;
    text-align: left;
}

.news-block{

    margin-bottom: 0px;

}

.news-block .news1 {
    margin-bottom: 20px;
	min-height: 265px;

}
.news-block .news1 p {
	margin-top: 10px;
}
.news-block p{

    font-size: 14px;
	 height: 100px;
    line-height: 1.5;

}
.reviews-block1 .review-content,
.news-block .review-content {
	position: relative;
}
.reviews-block1 p.review-more,
.news-block p.review-more {
	display:none;
	position: absolute;
	top: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	z-index:2;
	background-color:white;
	padding: 10px;
	margin: 0 -10px;
	height: auto;
}

.news-block .date {

    margin: 15px 0px;

}

.news-block .date span{
    color: #aeaeae;
    font-style: italic;
}

.news-block .date a{

    float: right;

    margin-right: 20px;

}

.news-block-main .news-block .news1{
}

/**********************************************************************/



.reviews-block-main{

    /*background: url(img/reviews.png) no-repeat;*/

    background-size: cover;

    min-height: 200px;

}

.reviews-block-main img{

   /* margin-left: auto;

    margin-right: auto;*/

    display: block;

    margin-bottom: 10px;

}

.reviews-block-main .name{

    color: #2eafe8;

    font-size: 18px;

    font-family: fregat, Open Sans;

    text-transform: uppercase;

    padding: 10px 0px;

}

.reviews-block-main .name span{

    font-family: fregatbold;

}

.reviews-block1{

    margin-bottom: 25px;

}

.reviews-block1 img {
	margin: 0 auto;
	border-radius: 50%;
}

.reviews-block1 p{

    font-size: 14px;

    line-height: 1.5;

}



/***************************************************************************/



.fos-block{

    background: url(img/orange.jpg);

    background-position: center;

    background-size: cover;

    padding: 40px 0px;

    position: relative;

    z-index: 2;

}

.fos-block .head{

    color: #ffffff;

    text-align: center;

    margin-bottom: 10px;

}

.fos-block p{

    text-align: center;

    font-size: 19px;

    color: #ffffff;

    margin-bottom: 40px;

}

.fos-block p span{

    font-size: 14px;

    display: block;

    padding-top: 10px;

}

.fos-block form{

    max-width: 900px;

    margin-left: auto;

    margin-right: auto;

}

.fos-block label{

    display: block;

    font-size: 16px;

    color: #ffdebd;

    padding-bottom: 10px;

}

.fos-block input{

    border: 1px solid #ffdebd;

    /*background: #f47e5a;*/

    background: #f1a791;

    padding: 6px 10px;

    width: 100%;

    /*color: #ffdebd;*/

    color: #ffffff;

    font-size: 18px;

    font-style: italic;

    margin-bottom: 10px;

}
/*
.fos-block input[type="submit"]{

    text-decoration:none;

    text-align:center;

    padding:10px 15px;

    padding-left: 30px;

    border:none;

    -webkit-border-radius:60px;

    -moz-border-radius:60px;

    border-radius: 60px;

    font-size:15px;

    color:#575757;


    background:#ffffff url(img/select1.png) no-repeat;

    background-position: 5px 5px;

    font-style: normal;

    text-transform: uppercase;


    -webkit-box-shadow:0px 3px 0px #cccccc;  -moz-box-shadow: 0px 3px 0px #cccccc;  box-shadow:0px 3px 0px #cccccc;

    margin-top: 25px;

    cursor: pointer;

}
*/

.fos-block input[type="submit"] {
    text-decoration: none;
    text-align: center;
    padding: 12px 15px 11px;
    /* padding-left: 30px; */
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    color: white;
    /* background: #6bc4da url(img/select1.png) no-repeat; */
    /* background: #ffffff url(img/select1.png) no-repeat; */
    /* background-position: 5px 5px; */
    font-style: normal;
    text-transform: uppercase;
    /* -webkit-box-shadow: 0px 3px 0px #cccccc; */
    -moz-box-shadow: 0px 3px 0px #cccccc;
    /* box-shadow: 0px 3px 0px #cccccc; */
    margin-top: 25px;
    cursor: pointer;
    border: 1px solid #ffdebd;
}
.fos-block input[type="submit"]:hover {
	background-color: #f36523;
}
/*
  .fos-block input[type="submit"]:hover{

 background:#f9fafa url(img/select1.png) no-repeat;

 background-position: 5px 5px;

 -webkit-box-shadow:0px 3px 0px #cccccc;  -moz-box-shadow: 0px 3px 0px #cccccc;  box-shadow:0px 3px 0px #cccccc;

 }

 .fos-block input[type="submit"]:active{

 background:#f9fafa url(img/select1.png) no-repeat;

 background-position: 5px 5px;

 -webkit-box-shadow:0px 3px 2px #cccccc;  -moz-box-shadow: 0px 3px 2px #cccccc;  box-shadow:0px 3px 2px #cccccc;

 }
*/
 .fos-block .wpcf7-response-output{

  background: #ffffff;

  position: absolute;

  margin: 20px 15px;

  margin-top: 95px;

 }

 .fos-block span.wpcf7-not-valid-tip{

  color: #000000 !important;

}

/************************************************************************************************************************/



.footer1{

    padding: 0px;

}

.site-name a, .site-name{
    font-size: 18px;
    color: #646464;
    font-weight: 600;
}
.site-name li a {	font-size: 16px !important;
}

address{

    color: #707070;

    font-size: 14px;

    padding-top: 10px;

}

.l {

    float: left;

    padding-bottom: 5px;

    font-size: 16px;

    margin-top: 10px;

}

.footer1 .fphone {
    padding-left: 0px;

    float: left;

    margin-left: 20px;

    padding-top: 0px;

    padding-bottom: 5px;

    font-size: 16px;

    margin-top: 10px;
}

.email{

    background: url(img/email.png) no-repeat;

    padding-left: 35px;

    float: left;

    margin-left: 20px;

    padding-top: 0px;

    padding-bottom: 5px;

    font-size: 16px;

    margin-top: 10px;

}



.email a{

    color: #565656;

    font-weight: 600;

}

.footer1  .soc{

    margin-top: 0px;

}

.gray-line{

    border: 0;

    height: 0;

    border-top: 1px solid #c7cfd2;

    margin: 0px;

}

.cop{

    color: #707070;

    font-size: 13px;

    padding: 13px 15px;

}



/*****************************************************************************/



.breadcrumbs{

    margin: 30px 0px;

    position: relative;

    z-index: 2;

}

.breadcrumbs, .breadcrumbs a{

    color: #f36523;

    font-size: 14px;

}

h1{

    color: #565656;

    font-size: 28px;

    text-transform: uppercase;

    font-weight: 600;

    margin-bottom: 30px;

}

.contacts-page address{

    padding-top: 20px;

    padding-bottom: 10px;

}
.footer1 div.address{
    color: #646464;
    padding-top: 0px;
    padding-bottom: 0px;
	display:block;
}

.contacts-page .contact{

    height: 40px;

}

.contacts-page .head{

    padding-top: 50px;

}

.contacts-page .head .head1{

    font-size: 18px;

    text-transform: none;

    padding-top: 10px;

}

.contacts-page-family img{

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

}

.contacts-form {

  padding-bottom: 20px;

}

.contacts-form input{

    width: 100%;

    padding: 7px;

    border: 1px solid #f36523;

    border-radius: 5px;

    padding-left: 40px;

    padding-top: 7px;

    font-size: 16px;

    margin-bottom: 10px;

}

.contacts-form textarea{

    width: 100%;

    padding: 7px;

    border: 1px solid #f36523;

    border-radius: 5px;

    padding-left: 40px;

    margin-bottom: 0px;

    padding-top: 9px;

    height: 150px;

    margin-top: 10px;

}

.contacts-form input[type="text"]{

    background: url(img/man.png) no-repeat;

    background-position: 10px 6px;

}

.contacts-form input[type="email"]{

    background: url(img/mail.png) no-repeat;

    background-position: 10px 6px;

}

.contacts-form textarea{

    background: url(img/message.png) no-repeat;

    background-position: 10px 8px;

    font-size: 16px;

}

.contacts-form input[type="submit"]{
    text-decoration:none;
    text-align:center;
    padding:17px 15px;
    border:none;
    width: 100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    font-size:18px;
    color:#ffffff;
    background:#f36523;
    background-position: 5px 5px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 25px;
    cursor: pointer;
}

.contacts-form input[type="submit"]:hover{
    background:#e44a12;
    background-position: 5px 5px;
}

.contacts-form input[type="submit"]:active{
    background:#e44a12;
    background-position: 5px 5px;
}

 .contacts-form .wpcf7-response-output{

  position: absolute;

  bottom: -25px;

 }

 .contacts-form .wpcf7-not-valid-tip{

  margin-top: -10px;

 }

 .map-block{
    padding: 40px 0;
}

 .map-block .head span, .map-block .head div{

   display: inline-block;

 }

 .map-block .head div{

 }

 .map-block .head img{

    padding-top: 20px;

 }



/*************************************************************************************/



 .afisha-star{

    height: 300px;

    width: 100%;

    background: url(img/afisha.png) no-repeat;

    background-position: right;

    background-size: contain;

    position: absolute;

    margin-top: 15px;

 }

 .afisha-container{

    padding-bottom: 50px;

 }

 .event{

    padding-bottom: 30px;

    position: relative;

    z-index: 2;

    padding-left: 15px;

    padding-right: 15px;

 }

 .event .name {

    margin-bottom: 20px;

 }

 .event .name span{

    color: #565656;

    font-weight: 500;

    font-size: 24px;

	line-height: 34px;

    border-bottom: 2px solid #eb6039;

 }

 .event .desc{

    height: 100%;

 }

 .zakaz{

    text-decoration:none;

    text-align:center;

    padding:17px 15px;

    padding-left: 60px;

    float: right;

    border:none;

    width: auto;

    -webkit-border-radius:60px;

    -moz-border-radius:60px;

    border-radius: 60px;

    font-size:18px;

    color:#ffffff;

    background:#f36523 url(img/zakaz-star.png) no-repeat;

    background-position: 5px 5px;

    font-weight: 600;

    text-transform: uppercase;

    -webkit-box-shadow:0px 3px 0px #b53e12;  -moz-box-shadow: 0px 3px 0px #b53e12;  box-shadow:0px 3px 0px #b53e12;

    margin-top: 25px;

    cursor: pointer;

}

.zakaz:hover{

    background:#f36523 url(img/zakaz-star.png) no-repeat;

    background-position: 5px 5px;

    color: #ffffff;

    -webkit-box-shadow:0px 3px 0px #b53e12;  -moz-box-shadow: 0px 3px 0px #b53e12;  box-shadow:0px 3px 0px #b53e12;

 }

.zakaz:active{

    background:#f36523 url(img/zakaz-star.png) no-repeat;

    background-position: 5px 5px;

    -webkit-box-shadow:0px 3px 0px #b53e12;  -moz-box-shadow: 0px 3px 0px #b53e12;  box-shadow:0px 3px 0px #b53e12;

 }

 .afisha-container .all{

    font-size: 16px;

    color: #eb5b2d;

    text-decoration: underline;

    font-weight: 700;

    margin-top: 20px;

    display: inline-block;

 }



 /*************************************************************/



 .head-orange{

    font-size: 22px;

    color: #cb4f28;

 }

.ilona img{

    margin-bottom: 15px;

}

.ilona{

    color: #565656;

    font-size: 16px;

    padding-bottom: 20px;

 }

 .ilona p{

    padding-bottom: 0px;

    font-size: 14px;

    line-height: 1.5;

 }

 .ilona .site-name{

    color: #cb4f28;

    font-weight: 700;

 }

 .empty-content{

    height: 20px;

 }

 .news1 img{

    margin-left: auto;

    margin-right: auto;

 }



 .text .button {

    background: #f36523 url(img/star-wight.png) no-repeat;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 400px;

    padding: 15px 15px;

    padding-left: 65px;

    background-position: 10px 5px;

    color: #ffffff;

    margin-top: 20px;

    display: inline-block;

}

.text .button{

    float: right;

}

.friend-button-block span{

    /*background: url(img/star-wight.png) no-repeat;*/

    float: left;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin-right: 0px;

}

.friend-button-block .button{

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 400px;

    padding: 3px 10px;

    width: 280px;

    height: 55px;

    color: #ffffff;

    margin-top: 20px;

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.friend-button-block .button:hover{

    background: #bad64a url(img/star-wight.png) no-repeat;;

 background-position: 10px 5px;



}

.friend-button-block .button p{

    padding-top: 15px;

}

.text .button-friend{

    float: none;

}

.friend-button-block{

    margin-bottom: 30px;

}

.friends-gallery{

   margin-top: 30px;

}

.family-photo{

    padding-top: 20px;

}

.star-photo{

    padding-top: 50px;

}



/********************************************************************/



.modal-body label{

  display: block;

  padding-bottom: 0px;

}

.modal-body input{

  margin-bottom: 5px;

}

.modal-body textarea{

  height: 100px;

}

.modal-body input[type="submit"] {
	text-decoration: none;
    text-align: center;
    padding: 5px 15px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    color: #ffffff;
    background: #f36523;
    text-align: center;
    font-weight: 500;
	width: 100%;
}
.modal-body input[type="submit"]:hover {
	background: #e44a12;
}

.modal-body .wpcf7-not-valid-tip{

  display: block;

  margin-top: 5px;

}

.modal-body .wpcf7-response-output{

  margin-top: 10px;

}

.navigation{
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  min-height: 40px;
/*  height: 40px;
  margin: 20px 0px;*/
}

.reviews-block-page {
    min-height: 210px;
}



/*************************************************************/

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.head-page{

    color: #565656;

    font-weight: 600;

    font-size: 25px;

    padding-bottom: 30px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 20px;

    float: none;

}

.photo-content .video {
	text-align: center;
}

.photo-block1 {
    position: relative;
    margin-bottom: 20px;
	text-align: center;
}
.photo-block1 > a > img {
	margin: 0 auto;
}

.photo-block1 .name {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    background: url(img/orange-fon.png);
    padding: 10px 15px;
    height: 70px;
    color: #ffffff;
    width: 100%;
    max-width: 400px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.photo-block1 .name a {
    color: #ffffff;
}

.empty-photo{

    height: 50px;

    position: relative;

}

.head-page span{

    border-bottom: 2px solid #eb6039;

}

.video{

    margin-bottom: 30px;

}



/***********************************************************/



.ca-menu .programm{

    width: 230px;

    height: 230px;

    /*border: 10px solid #f2673c;*/

border: 10px solid #f7f7f7;

    overflow: hidden;

    float: left;

    position: relative;

    /*background: #fff;*/

background: #f7f7f7;

    /*-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/

    -webkit-border-radius: 125px;

    -moz-border-radius: 125px;

    border-radius: 125px;

    -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

	display: block;

}



.ca-menu .programm.en{

	border: 10px solid #f38167;

}

.ca-menu .programm.sp{

	border: 10px solid #62b87b;

}

.ca-menu .programm.ml{

	border: 10px solid #66c4cc;

}

.ca-menu .programm.ch{

	border: 10px solid #a79dd2;

}

.ca-menu .programm.pi{

	border: 10px solid #f8aed1;

}

.ca-menu .programm.ye{

    border: 10px solid #ffcc1b;

}

.en .desc, .en .desc1{

	color: #f38167;

}

.sp .desc, .sp .desc1{

	color: #62b87b;

}

.ml .desc, .ml .desc1{

	color: #66c4cc;

}

.ch .desc, .ch .desc1{

	color: #7d71b3;

}

.pi .desc, .pi .desc1{

	color: #ee332e;

}

.ye .desc, .ye .desc1{

    color: #f78841;

}

.ca-menu .programm:last-child{



}

.ca-menu .programm {

    text-align: left;



    display: block;

    color: #333;

    position: relative;

}

.ca-icon{

    font-family: 'WebSymbolsRegular', cursive;

    font-size: 40px;

    color: #f6f6f6;;

    line-height: 60px;

    position: absolute;

    width: 100%;

    height: 60px;

    left: 0px;

    top: 30px;

    text-align: center;

    -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

}

.ca-main{

    font-size: 24px;

    position: absolute;

    top: 80px;

    height: 80px;

    width: 170px;

    left: 50%;

    margin-left: -85px;

    opacity: 0.8;

    text-align: center;

}

.ca-sub{

    text-align:center;

    color: #000;

    font-size: 26px;

    position: absolute;

    height: 80px;

    width: 170px;

    left: 50%;

    margin-left: -85px;

    top: 20px;

    opacity: 0;

    -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

}

.ca-menu .programm:hover{

    background: #f7f7f7;

    /*border-color: #f2673c;*/

    border-color: #f7f7f7;

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}

.ca-menu .programm.en:hover{

	background: #ffffff;

	border: 10px solid #f38167;

}

.ca-menu .programm.sp:hover{

	background: #ffffff;

	border: 10px solid #62b87b;

}

.ca-menu .programm.ml:hover{

	background: #ffffff;

	border: 10px solid #66c4cc;

}

.ca-menu .programm.ch:hover{

	background: #ffffff;

	border: 10px solid #a69ecd;

}

.ca-menu .programm.pi:hover{

	background: #ffffff;

	border: 10px solid #f8aed1;

}

.ca-menu .programm.ye:hover{

    background: #ffffff;

    border: 10px solid #ffcc1b;

}

.ca-menu .programm:hover .ca-icon{

    color: #555;

    font-size: 60px;

}

.ca-menu .programm:hover .ca-main{

    display: none;

}

.ca-menu .programm:hover .ca-sub{

    opacity: 0.8;

}

.en .desc1, .sp .desc1, .ml .desc1, .ch .desc1, .pi .desc1, .ye .desc1{

	font-size: 26px;

	text-transform: uppercase;

}

.en .description, .sp .description, .ml .description, .ch .description, .pi .description, .ye .description {

	font-size: 14px;

}

.en, .sp, .ml, .ch, .pi, .ye{

	display: block;

}

.ca-sub .count{

	font-size: 70px;

	padding-top: 10px;

	font-weight: 600;

}

.ca-sub .count1{

	font-size: 26px;

	padding-top: 35px;

	padding-bottom: 20px;

	font-weight: 600;

	text-transform: none;

}

.ca-sub .description1{

	font-size: 16px;

}

.ca-sub .desc1{

    padding-top: 20px;

}

.ca-sub .desc2{

	padding-top: 30px;

}



.programm .name1{

    color: #e6303f;

    font-weight: 600;

    padding-bottom: 15px;

}

.ca-menu .programm p{

    font-size: 14px;

    line-height: 1.5;

}

.programm-skills .description{

    font-size: 14px;

    line-height: 1.5;

}

.programm-skills .link{

    font-size: 12px;

}

.programm.programm-skills .desc1{

    text-transform: none;



}

.programm.programm-skills .ca-main{

    top: 50px;

}



/********************************************************************/



.rev-gray{

    background: #e8e9ea;

    padding: 20px 0px;

}

.rev-gray .all{

    padding-bottom: 20px;

}

.logo-friends-main {

    padding: 20px 0px;

}



/*********************************************************************/



#content{

	margin-top: 40px;

	font-size: 14px;

}

#content a{

	color: #f26522;

	font-size: 16px;

}

.list-courses{

	padding-bottom: 50px;

	background: #f7f7f7;

	padding: 15px;

	margin-bottom: 40px;

	/*margin-top: 30px;*/

}

.list-courses li{

	padding-bottom: 10px;

}
.main-about {
	margin-top: 20px;	
}
.main-about > a {
	text-decoration: none;
    text-align: center;
    padding: 10px 30px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 25px;
    color: #ffffff;
    background: #f36523;
}
.main-about > a:hover {
	background: #e44a12;
}


/********************************************************************/



.product-baner{

	min-height: 513px;

	color: #ffffff;

	font-family: fregat;

}

.baner-international{

	background: url(img1/product-baner-mob.jpg) no-repeat;

	background-size: cover;

	background-position: center;

}

.baner-family{

	background: url(img1/product-baner-fmily-mob.jpg) no-repeat;

	background-size: cover;

	background-position: center;

}

.baner-skills{

	background: url(img1/product-baner-skills-mob.jpg) no-repeat;

	background-size: cover;

	background-position: center;



}

.baner-school{

  background: url(img1/product-school2-mob.jpg) no-repeat;

  background-position: center;

  background-size: cover;

}

.product-baner h1{

	margin-top: 100px;
	width: 65%;
	color: #007c97;
	-moz-text-shadow:0 0 10px #fff;
	-webkit-text-shadow:0 0 10px #fff;
	text-shadow:0 0 10px #fff !important;
	font-size: 44px;
	font-weight: normal;

}

.product-baner h2{

	margin-top: 80px;

	color: #ffffff;

	font-size: 60px;

}

.product-baner .slogan{

	margin-top: 50px;

	font-size: 40px;

}

.content-product .head-orange {

	margin: 30px 0px;

	margin-top: 50px;

}

.content-product .head-orange img{

	position: absolute;

	margin-left: 15px;

	margin-top: -30px;

	visibility: hidden;

}

.gray-product{

	background: url(img1/gray-product.jpg) no-repeat;

	background-position: top;

	padding: 20px 0px;

	margin-top: 40px;

}



.padding-top{

	padding-top: 50px;

}

.padding-top-bottom{

	padding: 40px 15px;

}

.adv{

	text-align: center;

	padding-top: 20px;

}

.adv .name{

	font-size: 22px;

    color: #eb5b2d;

    font-weight: 600;

	padding-bottom: 10px;

}

.adv p{

	font-size: 18px;

	line-height: 22px;

	color: #565656;

}

.adv1, .adv2{

	border-right: 1px solid #d1d1d1;

}

.adv1, .adv2, .adv3{

	margin-bottom: 30px;

}

.resume {

	font-weight: 600;
	text-align: center;
	margin: 20px 0;

}

.resume p{

	max-width: 800px;

	margin-left: auto;

	margin-right: auto;

	font-size: 14px;

	line-height: 1.5;

	color: #565656;

}

.resume .orange {

	font-size: 20px;

	color: #eb5b2d;

	margin-top: 10px;

	margin-bottom: 25px;

}

.resume .button{
	font-size: 18px;
	font-weight: 400;
	padding: 10px 20px;
}

.gray-block{

	background: url(img/gray.jpg) no-repeat;

	background-position: top;

	background-size: cover;

	margin-top: 50px;

}

.rev-page{

	margin-top: 50px;

}

.rev-page .head{

	padding-bottom: 20px;

}



/*****************************************************************/



.gray-about{

	border-top: 3px solid #d1d3d2;

	background: #ebedec;

	padding-top:20px;

	padding-bottom: 20px;

}

.old-5 p{

	color: #575757;

	font-size: 15px;

	padding-bottom: 15px;

}

.old-5 p span{

	font-size: 20px;

	display: block;

	padding-bottom: 5px;

}

.old-5 img{

	float: left;

	margin-right: 10px;



}

.old-5 .sert{

	margin-top: 30px;

}

.old-5 .sert p{

	padding-top: 10px;

	line-height: 17px;

}

.about-count-block {

	padding: 20px 0px;

}

.about-count-block .head{

	color: #eb5b2d;

	text-transform: none;

}

.about-count-block .resume {

	margin-top: 30px;

}



/*****************************************************/



.orange-product{

	background: #e6e7e9;

	padding: 40px 0px;

	margin-top: 30px;

    float: none;

}

.orange-product .head1{

	color: #575757;

	padding-bottom: 25px;

}

.orange-product p{



}

.orange-product p span{

	color: #eb5b2d;

    padding-top: 10px;

}

.osob .head{

	text-transform: none;

}



/*****************************************************/



.skills-count-block .resume{

	padding-top: 30px;

}

.times{

	background: #ffe5cc;

	padding: 20px;

	text-align: center;

}

.times p{

	color: #575757;

	font-size: 14px;

	line-height: 1.5;

}

.times a{

	color: #eb5b2d;

	font-weight: 600;

}



/***********************************************************/



.modal-content{

	color: #575757;

}

.modal-header p{

	padding: 5px 15px;

	font-size: 13px;

}

.modal-title{

	color: #575757;

	font-size: 16px;

	padding: 0px 15px;

	text-transform: uppercase;

}



/***********************************************************/



.list{

    margin-top: 20px;

}

.list p{

    padding-bottom: 10px;

    font-size: 16px;

}

.orange-text{

	color: #f2673c;

}

.orange-text a{

	color: #da1d39;

	text-decoration: underline;

	font-weight:600;

}

.list .head1{

    color: #5a5a5a;

    font-size: 22px;

    font-weight: 600;

    padding-bottom: 25px;

}

.list li{

    color: #181818;

    font-size: 16px;

    font-weight: 600;

}

.padding-top-skills{

    padding-top: 50px;

}

.padding-bottom-skills{

    padding-bottom: 40px;

}

.ilona-img{

	margin-right: 25px;

	margin-bottom: 15px;

}



/************************************************************/



.about-head-orange{

	font-size: 21px;

    color: #eb5b2d;

    font-weight: 600;

	text-align: center;

	padding: 40px 0px;

	line-height: 25px;

}

.about-head1{

	font-size: 20px;

	font-weight: 600;

	padding-bottom: 10px;

	color: #575757;

}

.orange-text-about{

	color: #eb5b2d;

	text-align: center;

	padding-bottom: 50px;

	max-width: 900px;

	margin-left: auto;

	margin-right: auto;

}

.orange-text-about .button{

	float: none;

}

.bold{

	font-weight: 600;

}

.text-news{

	padding-bottom: 50px;

}
.text-news img {
	max-width: 80%;
}
.text-news ul {
	
}
.text-news ul > li {
	list-style-position: inside;
}
.programm.bg1 {
	background-color: #ffebaa;
	border: 10px solid #ffebaa;
}
.programm.bg1:hover {
	background-color: #ffebaa;
	border: 10px solid #ffebaa;
}
.programm.bg2 {
	background-color: #ffcdaf;
	border: 10px solid #ffcdaf;
}
.programm.bg2:hover {
	background-color: #ffcdaf;
	border: 10px solid #ffcdaf;
}

.programm.bg3 {
	background-color: #b4f0ff;
	border: 10px solid #b4f0ff;
}
.programm.bg3:hover {
	background-color: #b4f0ff;
	border: 10px solid #b4f0ff;
}

.programm.bg4 {
	background-color: #dcf078;
	border: 10px solid #dcf078;
}
.programm.bg4:hover {
	background-color: #dcf078;
	border: 10px solid #dcf078;
}
.contacts-form input.contact-capcha{
	background: none !important;
padding-left: 10px;
}

.main-text {
    text-align: justify;
}
.review_descr {
	 margin-bottom: 8px;
	 line-height: 1.5;
	 font-size: 14px;
}
.lesson_addition {
    display: table;
    width: 100%;
	margin-bottom: 30px;
}
.lesson_addition > div {
	margin-bottom: 10px;
}


.wp-block-image img {
    max-width: 100%;
    height: auto;
}