/* Start:/bitrix/templates/newwhitemain/styles.css?1764585796126497*/
/****************************** ������ **************************/

@font-face {
   font-family: 'AvanteInt';
   src: url('/bitrix/templates/newwhitemain/fonts/AAvanteIntBook.eot?') format('eot'),
        url('/bitrix/templates/newwhitemain/fonts/AAvanteIntBook.otf') format('otf'),
		url('/bitrix/templates/newwhitemain/fonts/AAvanteIntBook.woff') format('woff'),
        url('/bitrix/templates/newwhitemain/fonts/AAvanteIntBook.ttf') format('truetype');
   font-weight: normal;
   font-display: swap;
}

@font-face {
   font-family: 'AvanteInt';
   src: url('/bitrix/templates/newwhitemain/fonts/AAvanteIntBold.eot?') format('eot'),
        url('/bitrix/templates/newwhitemain/fonts/AAvanteIntBold.otf') format('otf'),
		url('/bitrix/templates/newwhitemain/fonts/AAvanteIntBold.woff') format('woff'),
        url('/bitrix/templates/newwhitemain/fonts/AAvanteIntBold.ttf') format('truetype');
   font-weight: bold;
	font-display: swap;
}

@font-face {
   font-family: 'AvanteLt';
   src: url('/bitrix/templates/newwhitemain/fonts/AAvanteLtLight.eot?') format('eot'),
        url('/bitrix/templates/newwhitemain/fonts/AAvanteLtLight.otf') format('otf'),
		url('/bitrix/templates/newwhitemain/fonts/AAvanteLtLight.woff') format('woff'),
        url('/bitrix/templates/newwhitemain/fonts/AAvanteLtLight.ttf') format('truetype');
   font-weight: normal;
	font-display: swap;
}

@font-face {
   font-family: 'Neucha';
   src: url('/bitrix/templates/newwhitemain/fonts/neucha.eot?') format('eot'),
        url('/bitrix/templates/newwhitemain/fonts/neucha.otf') format('otf'),
		url('/bitrix/templates/newwhitemain/fonts/neucha.woff') format('woff'),
        url('/bitrix/templates/newwhitemain/fonts/neucha.ttf') format('truetype');
   font-weight: normal;
	font-display: swap;
}
/****************************** end of ������ **************************/

/****************************** ����� **************************/

* {
	padding: 0px;
	margin: 0px;
	font-family: 'AvanteInt';
	font-size:15px;
	outline: none;
	
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
	border: 0px;
}

body {
	color:#000;
	cursor: default;
	height:100%;
	background-color:#FFF;
	background: url('/bitrix/templates/newwhite/img/pattern.png') repeat;
	}

a {
	text-decoration: none;
	cursor: pointer;
	color: #f06800;
}

a:hover {
	color: #8b0002;
}

/****************************** end of ����� **************************/

/****************************** ����� ����� ***********
���. ���������: #f58220;
���. ���������: #edaa00;
���. �������: red;
���. �����: black;
************** end of ����� ����� **************************/


/****************************** Header **************************/

.header {
	z-index:100;
	width:100%;
	height:70px;
    background-color:#ffffff;
	position:fixed;
	top:0px;
	box-shadow: 0 0 7px rgba(0,0,0,0.25); /** TODO ������ �� �������� **/
}

.shapka{
	width:960px;
	height:70px;
	position:relative;
	margin:0 auto;
	display: flex;
    justify-content:space-between;
}

.logo{
	display: inline-block;
	font-size:12px;
	text-align:center;
	line-height:70px;
}

.imgLogo{
	height:60px;
	float:left;
	margin-top:5px;
	margin-right:0px;
}

.but_zakaz{
	display: inline-block;
	width:140px;
	cursor:pointer;
	position:relative;
        z-index:1000;
}


.Border1{
	display: inline-block;
	position:absolute;
	top:10px;
	left:5px;
	width:140px;
	fill:#8b0002;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
	transform: scale(1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

       border-style:none;
       background-color:#fff;
       z-index:100;
}

.Border1:hover{
	fill:#f06800;
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.navi ul{
    list-style: none;
    position: relative;
    float: right;
    display: inline-table;
	white-space: nowrap;
  }
.navi ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }

.navi ul li:hover a{color: #f06800;}

.navi ul li:hover > ul{display: block;}

.navi ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }

.navi ul li a{
        display: block; 
        padding: 0px 7px;
        color: #000; 
        font-size: 15px;
		line-height:70px;
        text-decoration: none;
		font-family:'Neucha';
        text-transform: lowercase;
      }
	  
.navi ul ul{
        display: none;
        background: #fff;
        position: absolute; 
        top: 100%;
        box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
        border: 1px solid rgba(0,0,0,.1);
      }
	  
.navi ul ul li{float: none; position: relative;}

.navi ul ul li a {
            padding: 0px 20px;
			line-height:40px !important;
			color:#000 !important;
            border-bottom: 1px solid rgba(0,0,0,.05);
          }
		  
.navi ul ul li a:hover {
            background-color:rgba(0,0,0,.1);
          }

.but_price{
	display: inline-block;
	font-size:28px;
	font-family: 'Neucha';
	width:100px;
	text-align:center;
	color:#f58220;
	line-height:50px;
	cursor:pointer;
}

.but_price:hover{
	color:red;
}

.SocS {
	width:180px;
	position:relative;
}

.but_FB{
	width:22px;
	height:26px;
	background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/FB.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
	top:22px;
	left:10px;
}

.but_TW{
	width:24px;
	height:26px;
	background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/TW.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
	top:22px;
	left:44px;
}

.but_INS {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 22px;
}

.but_INS1 {
    left: 10px;
    background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/INS.svg');
}
.but_INS2 {
    left: 40px;
    background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/INS_grey.svg');
}
.but_INS3 {
    left: 70px;
    background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/INS_yell.svg');
}
.but_INS4 {
    left: 100px;
    background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/INS_bord.svg');
}


.but_VK {
    width: 34px;
    height: 26px;
    background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/VK.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 22px;
    left: 45px;
}

.but_Wh {
    width: 60px;
    height: 60px;
    background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/watsapp_deg.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 5px;
    left: 90px;
}

.but_Wh.tg {
	width: 60px;
	height: 60px;
	background-image: url('https://bestday.spb.ru/bitrix/templates/newwhite/img/telega_deg.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: 5px;
	left: 93px;
}


.but_RSS{
	width:27px;
	height:26px;
	background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/RSS.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
	top:22px;
	left:164px;
}

.but_MAIL{
	width:26px;
	height:26px;
	background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/MAIL.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
	top:22px;
	left:203px;
}

.but_ODN{
	width:26px;
	height:26px;
	background-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/ODN.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
	top:22px;
	left:241px;
}
  
.sozseti /* ��� �������� �������� ��������� ��� */ {
	cursor:pointer;
    display: inline-block;
	position:absolute;
	-webkit-transform: rotate(0deg) scale(0.9);
    -moz-transform: rotate(0deg) scale(0.9);
    -ms-transform: rotate(0deg) scale(0.9);
    -o-transform: rotate(0deg) scale(0.9); 
	transform: rotate(0deg) scale(0.9);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  } 
  
.sozseti:hover /* ��� �������� ��������*/{
    -webkit-transform: rotate(45deg) scale(1.3);
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -o-transform: rotate(45deg) scale(1.3);
    transform: rotate(45eg) scale(1.3);
  } 

.phone{
	display: inline-block;
	font-size:16px;
	width:190px;
	padding-top:10px;
	text-align:right;
	font-family: 'Neucha';
	font-weight:bold;
	color:#000;
	line-height:18px;
}


/****************************** end of Header **************************/

/****************************** UpMenu **************************/

.UpMenu {
	z-index:10;
	width:100%;
	height:60px;
	background-color:rgba(217,217,217,0.7);
	position:relative;
	margin-top:50px;
}

.UpMenuLi{
	width:960px;
	height:60px;
	position:relative;
	margin:0 auto;
	display: flex;
    justify-content:space-between;
}

.UpMenuLi a{
	position:relative;
	display: inline-block;
	font-size:24px;
	font-family: 'Neucha';
	color:#000;
	text-align:center;
	line-height:60px;
}

.UpMenuLi a:nth-child(2){
	color:#f58220;   /***  TODO  �����, ����� ��� ������� ���������� ����  ***/
}

.UpMenuLi a:hover{
	color:#e9aa00;
}


/****************************** end of UpMenu **************************/

/****************************** MiddleMenu **************************/

.MiddleMenu {
	z-index:100;
	width:100%;
	height:52px;
	background-color:rgba(245,130,32,0.9);
	position:relative;
	margin-top:25px;
}

.MiddleMenuLi{
	width:960px;
	height:52px;
	position:relative;
	margin:0 auto;
	display: flex;
    justify-content:space-between;
}

.MiddleMenuLi a{
	position:relative;
	display: inline-block;
	font-size:16px;
	font-family: 'Neucha';
	color:#fff;
	text-align:center;
	line-height:20px;
	padding:6px 5px 0 5px;
}

.MiddleMenuLi a:hover{
	color:#f58220;
	background-color:rgba(255,255,255,0.5);
}

.ActiveMM{
	background-color:rgba(255,255,255,0.5);
}

.is-fixed {
    position: fixed;
    left: 0;
    top: 70px;
	margin-top:0px;
}

.has-top-margin {
	margin-top:102px !important;
}
/****************************** end of MiddleMenu **************************/

/****************************** ������ ����� **************************/

.ButToTop{
	z-index:100;
	width:100%;
	height:90px;
	position:relative;
	margin-top:100px;
}

.toTop {
    width:360px;
    height:48px;
    fill:#f06800;
    position:relative;
    margin:31px auto  11px auto;
    cursor:pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.toTop:hover {
    fill:#fed332;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
/****************************** end of ������ ����� **************************/

/****************************** Footer **************************/

.LowMenu {
	z-index:101;
	width:960px;
	height:50px;
	position:relative;
	margin:0 auto;
	display: flex;
	justify-content:space-between;
}

.LowMenuCont {
	width:420px;
	display: flex;
    justify-content:space-between;
}

.LowMenuCont ul{
    list-style: none;
    position: relative;
    float: right;
    display: inline-table;
	white-space: nowrap;
  }
  
.LowMenuCont ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }

.LowMenuCont ul li:hover a{color: #f58220;}

.LowMenuCont ul li:hover > ul{display: block;}

.LowMenuCont ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }	
	
.LowMenuCont ul li a{
        display: block; 
        padding: 0px 7px;
        color: #000; 
        font-size: 16px;
		line-height:50px;
        text-decoration: none;
		font-family:'Neucha';
        text-transform: lowercase;
      }
		  
.LowMenuCont ul ul{
        display: none;
        background: #fff;
        position: absolute; 
        bottom: 50px;
        box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
        border: 1px solid rgba(0,0,0,.1);
      }
	  
.LowMenuCont ul ul li{float: none; position: relative;}

.LowMenuCont ul ul li a {
            padding: 0px 20px;
			line-height:40px !important;
			color:#000 !important;
            border-bottom: 1px solid rgba(0,0,0,.05);
			font-size:16px;
          }
		  
.LowMenuCont ul ul li a:hover {
            background-color:rgba(0,0,0,.1);
          }

.LowMenuSS {
	width:270px;
	font-size:10px;
	font-family: 'Neucha';
	color:#000;
	text-align:center;
	position:relative;
}


.LowMenuSSVK {
	left:80px !important;
}

.LowMenuSSRSS {
	left:126px !important;
}

.LowMenuSSMAIL {
	left:165px !important;
}

.LowMenuSSODN {
	left:203px !important;
}


.LowSS {
	top:12px !important;
}

.LowMenuFind {
	width:222px;
	line-height:50px;
	position:relative;
}

.LowSearch {
	border: 1px solid #ccc; //���� �����
    background-color: #ffffff !important;
    outline: none;
    height: 25px;
    width: 120px;
    color: #000;
    font-size:14px;
    font-family: 'AvanteInt';
}

.LowSearchBut{
	cursor:pointer;
	display: inline-block;
	position:absolute;
	top:5px;
	left:130px;
	width:91px;
	height:40px;
	fill:#f06800;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
	transform: scale(1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.LowSearchBut:hover{
	fill:#fed332;
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.footer {
    z-index: 5;
    width: 100%;
    height: 350px;
    background: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/pattern2.png') repeat;
    position: relative;
}

.footerCont {
    width: 960px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}

.footerTD {
    width: 320px;
    height: 240px;
    font-size: 20px;
    font-family: 'Neucha';
    color: #fff;
    text-align: center;
    padding:30px 10px !important;
    line-height:30px !important;
    position:relative;
}

.footerTD .foot_spmini{
    display:inline-block;
    line-height:20px;
    font-size:15px;
}

.footerTD .foot_spnorm{
    display:inline-block;
    line-height:25px;
    font-size:18px;
}

.footerTD .foot_spmax{
    display:inline-block;
    line-height:45px;
    font-size:18px;
}



.footerTD .foot_politic{
    color:#eed6ca;
    display:inline-block;
    line-height:30px;
    font-size:18px;
}


.footerTD .foot_sozseti{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    font-size:9px;
    color:#fff;
    line-height:20px;
}

.footerTD .foot_VK{
    height:40px;
    width:100px;
    display: block;
    background-image: url(http://bestday.spb.ru/bitrix/templates/newwhite/img/vk_white.svg);
    margin:20px auto 20px auto !important;
}

.footerTD .foot_VK1{
    height:30px;
    width:42px;
    display: inline-block;
    background-image: url(https://bestday.spb.ru/bitrix/templates/newwhite/img/vk_white.svg);
    margin:10px 10px 10px 10px !important;
}

.footerTD .foot_VK2{
    height:30px;
    width:42px;
    display: inline-block;
    background-image: url(https://bestday.spb.ru/bitrix/templates/newwhite/img/vk_white.svg);
    margin:10px 10px 10px 10px !important;
}

.footerTD .foot_VK3{
    height:30px;
    width:42px;
    display: inline-block;
    background-image: url(https://bestday.spb.ru/bitrix/templates/newwhite/img/vk_white.svg);
    margin:10px 10px 10px 10px !important;
}

.footerTD .foot_VK4{
    height:30px;
    width:42px;
    display: inline-block;
    background-image: url(https://bestday.spb.ru/bitrix/templates/newwhite/img/vk_white.svg);
    margin:10px 10px 10px 10px !important;
}

.footerTD .foot_INS{
    height:60px;
    width:42px;
    display: block;
    background-image: url(https://bestday.spb.ru/bitrix/templates/newwhite/img/ins_white.svg);
    margin:20px auto 20px auto !important;
}

.footerTD .foot_INS1{
    height:60px;
    width:42px;
    display: inline-block;
    background-image: url(http://bestday.spb.ru/bitrix/templates/newwhite/img/ins_white.svg);
    margin:10px 10px 10px 26px !important;
}

.footerTD .foot_INS2{
    height:60px;
    width:42px;
    display: inline-block;
    background-image: url(http://bestday.spb.ru/bitrix/templates/newwhite/img/ins_white.svg);
    margin:10px 10px 10px 10px !important;
}

.footerTD .foot_INS3{
    height:60px;
    width:42px;
    display: inline-block;
    background-image: url(http://bestday.spb.ru/bitrix/templates/newwhite/img/ins_white.svg);
    margin:10px 10px 10px 10px !important;
}

.footerTD .foot_INS4{
    height:60px;
    width:42px;
    display: inline-block;
    background-image: url(http://bestday.spb.ru/bitrix/templates/newwhite/img/ins_white.svg);
    margin:10px 10px 10px 10px !important;
}


.CopyRight {
    width: 960px;
    height: 80px;
    font-size: 20px;
    font-family: 'Neucha';
    color: #727272;
    text-align: center;
    line-height: 40px;
    margin-top:30px !important;
}
/****************************** end of Footer **************************/

/****************************** Content **************************/

.content {
	z-index:10;
	width:100%;
	height:100%;
	min-height:900px !important;
	margin-bottom:-290px; /***  ������ footer  ***/
	/**margin-top:0px;**/
	margin-top:80px;
	position:relative;
} 

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.clearfix {display: inline-block;}

.clearblock { clear:both;}


/*______________________ CentralMenu ________________________*/
	
.CentralMenu {
	display:block;
	position:relative;
	width:100%;
	margin-top:25px;
}

.CentralMenuInner {
	display:flex;
	align-content:stretch;
	position:relative;
	width:940px;
	margin:0 auto;
}

.CentralMenuInnerLeft {
	display:block;
	position:relative;
	float:left;
	width:230px;
	background-color: #fff;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
	margin:0 20px 0 0;
	display: flex;
	flex-wrap: wrap;
    align-content:center;
	padding:18px 0 17px 0;
}

.CentralMenuInnerLeftA{
	font-size:18px;
	font-family: 'Neucha';
	margin-left:30px;
	display:block;
	width:100%;
	height:35px;
	line-height:35px;
	color:#000;
}

.CentralMenuInnerLeftA :hover{
	color:#e9aa00;
}

.CentralMenuInnerRight {
	display:block;
	position:relative;
	float:right;
	width:700px;
	min-height:280px !important;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
	margin:0 auto;
}

.CentralMenuInnerRight1 {
	background-size:cover !important;
	text-align:center;
	position:relative;
}

.CentralMenuInnerRight1 .PageH1{
	display:inline-block;
	bottom:20px;
	left:0;
	width:100% !important;
	text-align:center !important;
	position:absolute !important;
	
}

.CentralMenuInnerRight1  .PageH1 span{
	display:inline-block;
	color:#fff;
	font-size:35px;
	font-family: 'Neucha';
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:7px;
	background-color:rgba(0,0,0,0.5);
	padding:2px 10px;
}

.CentralMenuInnerRight0 {
        background-size:cover;
	background-position:center center;
	text-align:center;
	position:relative;
}

.CentralMenuInnerRight0  .PageH1{
	display:inline-block !important;
	color:#f58220;
	font-size:35px  !important;
	font-family: 'Neucha';
	text-transform:uppercase !important;
	font-weight:normal;
	letter-spacing:7px !important;
	background-color:rgba(255,255,255,0.7);
	padding:2px 10px !important;
	margin:20px 0 0 0 !important;
	width:auto !important;
}

.CentralMenuInnerRight0 p{
	display:inline-block !important;
	color:#000;
	font-size:22px !important;
	font-family: 'Neucha';
	position:absolute !important;
	bottom:60px;
	left:200px;
	width:auto !important;
	border-style:none !important;
	text-indent:0 !important;
	text-align:left !important;
	padding:0 !important;
	margin:0 !important;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.CentralMenuInnerRight0:hover p{
	-webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}

.CentralMenuInnerRight0 .MenuLeft{
	display:block;
	fill:#e9aa00;
	width:30px;
	height:57px;
	position:absolute;
	bottom:45px;
	left:150px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.CentralMenuInnerRight0:hover .MenuLeft{
	display:block;
	fill:#f58220;
	width:53px;
	height:100px;
	position:absolute;
	bottom:30px;
	left:60px;
}
	 
/*______________________ end of CentralMenu ________________________*/

.MainContent h1,
.MainContent h2,
.MainContent h3,
.MainContent h4,
.MainContent h5,
.MainContent h6,
.MainContent p,
.MainContent ul{
	position:relative;
	margin:25px auto 0 auto;
	display:block;
}

.MainContent h1, .MainContent h2, .MainContent h3, .MainContent h4, .MainContent h5, .MainContent h6{
	font-family: 'Neucha';
	text-align:center;
	font-weight:normal;
	z-index:1000;
        width:960px;
}

.MainContent h1{
	color:#f58220;
	font-size:30px;
}

.MainContent h2{
	color:#f06800;
	font-size:25px;
}

.MainContent h3{
	color:#f06800;
	font-size:22px;
}

.MainContent p {
	width:960px;
	padding:20px;
	color:#000;
	text-align:justify;
	text-indent:20px;
	font-weight:normal;
	border-top: 2px solid #909090;
	border-bottom: 2px solid #909090;
}

.CentralTextBoxBig {
}

.CentralTextBoxSm {
	width:540px !important;
}

.MainContent p span{
	display:block;
	text-indent:20px;
	margin-bottom:10px;
}

.content section{
	position:relative;
}

.MainContent table{
        position:relative;
	margin:25px auto 0 auto;
        width:800px;

        border-collapse: collapse;
        text-align: center;
}

.MainContent table tr td{
        vertical-align:middle;
        padding:5px;
        border:1px solid #000;
}

.MainTableStar {
        position:relative;
	margin:10px auto 0 auto;
	display:block;
        width:800px;
	color:red;
	text-align:left !important;
	text-indent:0px !important;
	font-weight:normal;
}


/*___________________________ Zifri ________________________*/
.ZifriBk {
	display:block;
	position:relative;
	width:100% !important;
	height:280px;
        margin:35px 0 0 0 !important;
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/FonsForBlocks/zifri.jpg') no-repeat;
	background-size:cover;
	background-position:center bottom;
	background-attachment: fixed;
}

.Zifri {
	display:flex;
	justify-content: space-between;
	position:relative;
	width:920px;
	height:100%;
	margin:0 auto;
}

.Zifri div {
	position:relative;
	display:block;
	width:152px;
	height:140px;
	background-color:rgba(255,255,255,0.85);
	text-align:center;
	margin-top:70px;
    border:4px solid rgba(245,130,32,0.85);
}

.Zifri div p:nth-child(1){
	font-family: 'AvanteLt' !important;
	font-weight:bold !important;
	font-size:55px !important;
	line-height:80px !important;
	color:#f58220 !important;
	border-style:none !important;
	text-indent:0 !important;
	width:auto !important;
	text-align:center !important;
	padding:0 !important;
	margin:0 !important; 
}

.Zifri div p:nth-child(2){
	font-family: 'AvanteLt' !important;
	font-weight:bold !important;
	font-size:18px !important;
	color:#f58220 !important;
	border-style:none !important;
	text-indent:0 !important;
	width:auto !important;
	text-align:center !important;
	padding:0 !important;
	margin:0 !important; 
}

/*___________________________ end of Zifri ________________________*/

.h1Foto {
	display:block;
	position:relative;
	width:100% !important;
	height:250px;
        margin:35px 0 0 0 !important;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	background-attachment: fixed;
	text-align:center;
}

.h1FotoWide {
	height:300px !important;
}

.h1Foto h2, .h1Foto .h1FotoH1{
	max-width:950px !important;
        width:auto !important;
	display:inline-block;
	color:#f58220;
	font-size:35px;
	font-family: 'Neucha';
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:7px;
	background-color:rgba(255,255,255,0.7);
	border:4px solid rgba(245,130,32,0.7);
	padding:2px 10px;
	margin-top:97px;
}

.h1Foto a{
	max-width:950px !important;
	display:inline-block;
	color:#f58220;
	font-size:35px;
	font-family: 'Neucha';
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:7px;
	background-color:rgba(253,226,202,0.8);
	border:4px solid rgba(245,130,32,0.7);
	padding:10px 10px;
	margin-top:97px;
}

.h1Foto a:hover{
	color:#fff;
}


/* ____________________ ��������� _____________________*/

.Polotno {
	display:block;
	position:relative;
	width:100%;
	margin-top:35px;
}

.FotoNarrow {
	display:block;
	position:relative;
	width:960px;
	height:260px;
    margin:0 auto;
}

.FotoNarrow  img{
	display:block;
	position:absolute;
	width:480px;
	height:260px;
	top:0;
}

.FotoNarrowH {
	display:table;
	position:absolute;
	width:480px;
	height:260px;
	top:0;
}

.FotoNarrowH1{
	position:relative;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
}

.FotoNarrowH1 h2{
	position:relative;
	margin:0 auto;
	max-width:300px !important;
	color:#f58220;
	font-size:25px;
	font-family: 'Neucha';
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:3px;
	padding:10px;
	background-color:rgba(255,255,255,0.85);
	border:4px solid rgba(245,130,32,0.8);
}

.FotoNarrowH p{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:justify;
	font-size:13px;
	color:#000;
	padding:0 20px;
	text-indent:20px;
	border-style:none !important;
}

.FotoNarrowH p span{
	display:block;
	text-indent:20px;
	font-size:13px;
}

.left {
	left:0;
}

.right {
	right:0;
}


/* ____________________  end of ��������� _____________________*/

.MainContent ul{
	width:840px;
	padding:20px 40px 20px 70px;
	list-style-type:none;
	list-style-position:20px;
	list-style-image: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/marker.svg');
}

.MainContent ul li:last-child{
	margin-bottom:0px !important;
}

.MainContent ul li{
	color:#000;
	font-family:'Neucha';
	text-align:justify;
	text-indent:0px;
	font-size:17px;
	line-height:17px;
	font-weight:normal;
	margin-bottom:10px;
}

.GreatUl {
	width:540px !important;
}

.GreatUl li, .GreatUlWide li{
	font-size:22px !important;
	line-height:22px !important;
}

/*_____________________________ Steps ________________________*/

.Steps {
	position:relative;
	width:100% !important;
	margin:25px 0 45px 0 !important;
}

.Steps3, .Steps2, .Steps1 {
	position:relative;
	margin:0 auto 30px auto !important;
	display:flex;
	justify-content: space-between;
}

.Steps3 {
	width:960px !important;
}

.Steps2 {
	width:630px !important;
}

.Steps1 {
	width:300px !important;
}

.FlipStep {
	-webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    position:relative;
}

.FlipStep:hover .FlipperStep, .FlipStep.hover .FlipperStep {
    transform: rotateY(180deg);
}

.FlipStep, .StepFront, .StepBack {
    width: 300px !important;
    height: 246px;
    margin:0 !important;
}

.FlipperStep {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    width:auto !important;
    margin:0 !important;
}
 
.StepFront, .StepBack {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
}

.StepFront img, .Step1, .Step2, .Step3, .Step4, .Step5, .Step6, .Step7, .Step8, .Step9, .Step10, .StepFront h3 {
	position:absolute;
	top:0;
	left:0;
}

.StepFront img{
	z-index:1;
}

.StepBack img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.Step0{
	z-index:2;
	width:100% !important;
	height:100%;
        margin:0 !important;
}

.Step1{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step1.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.Step2{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step2.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.Step3{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step3.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.Step4{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step4.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.Step5{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step5.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.Step6{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step6.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.Step7{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step7.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.Step8{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step8.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.Step9{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step9.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.Step10{
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/ImgSteps/step10.svg') no-repeat;
	background-color:rgba(255,255,255,0.7);
}

.StepFront h3{
	z-index:4;
	font-family:'Neucha';
	color:#f58220;
	font-size:20px;
	font-weight:normal;
	background-color:#fff;
	text-align:center;
	width:100%;
	height:60px;
	overflow:hidden;
	line-height:60px;
	margin-top:93px;
}

.StepFronth3mini{
	font-size:16px !important;
}

.StepFront {
	-webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}
 
.StepBack {
	-webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
	display:table;
}

.StepBack img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.StepBackFon {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100% !important;
	height:100%;
	background-color:rgba(255,255,255,1.0); /* TODO ���� ��������� ����� ���, ��������� ������  */
}

.StepBackText{
	position:relative;
	display:table-row;
	z-index:3;
	width:100%;
	height:100%;
}

.StepBackText p {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	z-index:3;
	width:100%;
	text-indent:20px;
	text-align:justify;
	padding:15px;
	border-style:none !important;
	font-family:'AvanteInt';
}

.StepBackText ul {
	position:relative;
	display:block;
	z-index:3;
	text-indent:20px;
	text-align:justify;
	margin:15px;
	font-size:13px;
	width:auto !important;
	list-style-image:none !important;
	list-style-type:disc;
	padding:0;
}

.StepBackText ul  li{
	text-indent:0px;
	text-align:left;
	margin:7px 10px 0 10px;
	font-size:13px;
	font-family:'AvanteInt';
}

.StepBackTextMore{
	color:#f58220;
	position:absolute;
	display:block;
	z-index:10;
	bottom:15px;
	left:75px;
	height:36px;
	width:150px;
	text-align:center;
	font-size:20px;
	line-height:36px;
	background: url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/border3.png') no-repeat;
	background-size:contain;
	font-family:'Neucha';
	cursor:pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.StepBackTextMore:hover {
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8); 
	color:#e9aa00;
	background: url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/border3l.png') no-repeat;
	background-size:contain;
}

/*_____________________________ end of Steps ________________________*/

/*_____________________________ Sales ________________________*/
.SalesBk {
	z-index:1;
	display:block;
	position:relative;
	width:100% !important;
	height:330px;
        margin:-60px 0 0 0 !important;
	background-color:#fff;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
}

.SalesBkOr {
	display:block;
	position:absolute;
	width:100% !important;
	height:150px;
        bottom:0px;
	left:0px;
	background-color:#f9c393;
        margin:0 !important;
}

.Sales {
	display:flex;
	justify-content: space-between;
	position:relative;
	width:920px !important;
	height:280px;
	margin:0 auto !important;
}

.Sales a {
	display:table;
	width:280px;
	height:200px;
	background-color:#f5a65e;
	text-align:center;
	margin-top:80px;
}

.Sales a:hover {
	border:4px solid #f58220;
}

.Sales a div {
	display:table-row;
	width:100%;
}

.Sales a div div{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

.SalesProz {
	width:100%;
	font-family: 'AvanteLt';
	font-weight:bold !important;
	font-size:80px;
	line-height:100%;
	color:#fff !important;
	overflow:hidden;
	border-style:none !important;
	margin:0 !important;
	padding:0 !important;
	width:auto !important;
	text-indent:0 !important;
	text-align:center !important;
}

.SalesTextMini{
	font-family: 'Neucha';
	font-size:26px;
	line-height:100%;
	color:#fff !important;
	overflow:hidden;
	border-style:none !important;
	margin:0 !important;
	padding:0 !important;
	width:auto !important;
	text-indent:0 !important;
	text-align:center !important;
}

.SalesTextMaxi{
	font-family: 'AvanteLt';
	font-weight:bold !important;
	font-size:40px;
	letter-spacing:3px;
	margin:10px 0 0 0 !important;
	color:#fff !important;
	overflow:hidden;
	border-style:none !important;
	padding:0 !important;
	width:auto !important;
	text-indent:0 !important;
	text-align:center !important;
}

.SalesA {
	position:relative;
	width:100%;
	height:50px;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	color:#fff;
	font-family:'Neucha';
	line-height:50px;
	font-size:20px;
}

/*_____________________________ end of Sales ________________________*/

/*_____________________________ Biogr ________________________*/

.Biogr {
	width:100%;
	height:285px; /*******   TODO ��������  *******/
	margin-top:25px;
	position:relative;
}

.Biograf {
    width:960px;
	height:235px;
	position:relative;
	margin:0 auto;
	display:block;
}

.BiografRL {
	width:45px;
	height:100px;
	fill:#f58220;
	cursor:pointer;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position:absolute;
	left:0px;
	top:65.5px;
}

.BiografRL:hover {
	 fill:#edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.BiografRR {
	width:45px;
	height:100px;
	fill:#f58220;
	cursor:pointer;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position:absolute;
	right:0px;
	top:65.5px;
}

.BiografRR:hover {
	 fill:#edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.BiogrA {
	position:relative;
	width:100%;
	height:50px;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	color:#000;
	font-family:'Neucha';
	line-height:50px;
	font-size:20px;
}

.BiogrBlock {
	height:235px;
	width:840px;
	position:relative;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

.BiogrBlock ul{
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:12188px; /* TODO ��������  This is set dynamically*/
	list-style-type:none;
	padding:0;
	list-style-image: none;
	margin:0;
}

.BiogrBlock ul li {
	background:url('/bitrix/templates/newwhitemain/../temp_for_js/001.jpg') no-repeat;
	background-size:cover;
	height:235px;
	width:210px;
	position:relative;
	cursor:pointer;
	float:left;
	padding:0;
	margin:0;
}

.BiogrBlock ul li a{
	background-color:rgba(255,255,255,0.7);
	height:100%;
	width:100%;
	position:relative;
	display:block;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.BiogrBlock ul li a h3{
	display:block;
	font-family:'Neucha';
	color:#f58220;
	font-weight:normal;
	font-size:35px;
	text-align:center;
    padding:60px 0 10px 0 !important;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin:0;
	line-height:normal;
}

.BiogrBlock ul li a p{
	display:block;
	font-family:'Neucha';
	color:#000;
	font-size:20px;
	text-align:center;
	padding:0  10px 10px 10px !important;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	border-style:none;
	width:auto !important;
	margin:0;
	text-indent:0;
	line-height:normal;
}

.BiogrBlock ul li a:hover {
	background-color:transparent;
}

.BiogrBlock ul li a:hover h3, .BiogrBlock ul li a:hover p{
	color:rgba(255,255,255,0);
}

.BiogrBlock ul li a div {
	width:170px;
	height:62px;
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/knopka.svg') no-repeat;
	background-size:contain;
	position:absolute;
	top:86.5px;
	left:20px;
	font-family:'Neucha';
	color:#f58220;
	font-weight:normal;
	font-size:30px;
	text-align:center;
	line-height:62px;
	display:none;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.BiogrBlock ul li a:hover div{
    display:block;	
}

/*_____________________________ end of Biogr ________________________*/

/*_____________________________ ClientsPlusThanks ________________________*/

.ClientsPlusThanks {
	position:relative;
	width:100%;
	height:300px;
	margin-top:25px;
}

.ClientsPlusThanksInner {
	width:840px;
	height:100%;
	position:relative;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}

.Clients {
	width:570px;
	height:100%;
	position:relative;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/Border2.svg') no-repeat;
	background-color:#fff;
}

.ClientsInner {
	width:460px;
	height:210px;
	position:relative;
	margin:8px auto 0 auto;
	padding-top:5px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.ClientsInner div{
	width:100px;
	height:60px;
	overflow:hidden;
	position:relative;
	display:block;
	text-align:center;
	line-height:60px;
}

.ClientsInner div img{
	max-width: 100%;
    max-height: 100%;
	vertical-align: middle;
}

.Thanks {
	width:250px;
	height:100%;
	position:relative;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
	background:url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/Border3.svg') no-repeat;
	background-color:#fff;
	text-align:center;
}

.Thanks img{
	width:150px;
	max-height:210px !important;
	margin-top:8px;
}

.ClPlusThRL {
	width:22px;
	height:45px;
	fill:#f58220;
	cursor:pointer;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position:absolute;
	left:25px;
	top:127.5px;
}

.ClPlusThRL:hover {
	 fill:#edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.ClPlusThRR {
	width:22px;
	height:45px;
	fill:#f58220;
	cursor:pointer;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position:absolute;
	right:25px;
	top:127.5px;
}

.ClPlusThRR:hover {
	 fill:#edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.ClPlusThName {
	text-align:center;
	font-family:'Neucha';
	font-weight:normal;
	font-size:30px;
	line-height:40px;
	color:#f58220;
}

/*_____________________________ end of ClientsPlusThanks ________________________*/

/*_____________________________ FotoGallery ________________________*/

.FotoGallery {
	position:relative;
	width:100%;
	margin-top:25px;
}

.HGSlider{
	display:block;
	width:100%;
	height:20px;
	position:relative;
	line-height:50px;
	z-index:9999;
	margin-bottom:15px;
}

.ScrollWrapper{
	position:relative;
	margin:0 auto;
	width:300px;
	height:4px;
	background:#fde2ca;
}

.ui-state-default,
.ui-widget-content
.ui-state-default,
.ui-state-default {
	background:#f58220;
	cursor:pointer;
    -moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-top:-4px;
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.left{
	float:left;
}
.right{
	float:right;
}
.wall{
	-webkit-perspective: 350;
	-webkit-transform-style:flat;
}
.turnLeft {
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform: rotateY(20deg);
}
.turnRight {
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform: rotateY(-20deg);
}
.flat {
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform: rotateY( 0deg );
}
.pg_container{
	width:100%;
	position:relative;
	height:412px;
}

ul.pg_photos{
	position:absolute;
	top:0;
	left:0;
	height:412px;
	width:auto; /*This is set dynamically*/
	list-style-type:none;
	
	list-style-image:none;
	padding:0;
	margin:0;
}
ul.pg_photos li{
	float:left;
	position:relative;
	margin-right:7px;
	
	line-height: normal;
    margin-bottom: 0px;
}
ul.pg_photos li a{
	display:block;
	border:6px solid #fff;
	position:relative;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}
ul.pg_photos li a span{
	background:#423B30;
	opacity:0.6;
	position:absolute;
	padding:20px;
	font-size:12px;
	text-shadow:1px 1px 1px #000;
	top:20px;
	right:0px;
	color:#fff;
	-moz-box-shadow:1px 0px 2px #000 inset;
	-webkit-box-shadow:1px 0px 2px #000 inset;
	box-shadow:1px 0px 2px #000 inset;
}
ul.pg_photos li img{
	display:block;
	border:none;
	height:400px !important;
}
/*_____________________________ end of FotoGallery ________________________*/

/*_____________________________ Tema ________________________*/
 
 .Tema {
	position:relative;
	width:100%;
	margin-top:25px;
}

 .Tematiki {
	position:relative;
	width:960px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}

 .TemaCard {
	position:relative;
	height:400px;
	width:480px;
	display:block;
	background-color:#f0df7f; /*  TODO ����� */
	overflow:hidden;
	text-align:center;
}

.TemaCard img{
	z-index:1;
	position:absolute;
	top:0;
	right:0;
	height:400px;
	width:480px;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
	transform: scale(1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.TemaCard:hover img{
	right:0;
	top:0;
	-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5); 
	transform: scale(1.5);
}

.TemaCard h3{
	position:absolute;
	bottom:25px;
	right:25px;
	max-width:350px;
	z-index:2;
	font-weight:normal;
	padding:15px;
	font-family:'Neucha';
	font-size:25px;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	display:inline-block;
	-webkit-transform: translateX(0);
    -moz-transform:translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); 
	transform: translateX(0);
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}	

.TemaCard:hover h3{
	-webkit-transform: translateX(-1000px);
    -moz-transform:translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px); 
	transform: translateX(-1000px);
}

.TemaCardBack{
	position:absolute;
	z-index:3;
	width:380px;
	height:100%;
	background-color:rgba(249,195,147,0.5);
	top:0;
	right:-380px;
	display:block;
	-webkit-transform: translateX(0);
    -moz-transform:translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); 
	transform: translateX(0);
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}	

.TemaCard:hover .TemaCardBack{
	position:absolute;
	z-index:3;
	width:380px;
	height:100%;
	background-color:rgba(249,195,147,0.8);
	top:0;
	right:-380px;
	display:block;
	-webkit-transform: translateX(-380px);
    -moz-transform:translateX(-380px);
    -ms-transform: translateX(-380px);
    -o-transform: translateX(-380px); 
	transform: translateX(-380px);
}

.TemaCardBack h4{
	position:relative;
	width:100%;
	margin-top:20px;
	text-indent:30px;
	font-weight:normal;
	font-family:'Neucha';
	font-size:25px;
	color:#fff;
	display:inline-block;
	line-height:22px;
}		

.TemaCardText{
	position:absolute;
	z-index:5;
	width:320px;
	top:80px;
	background-color:#fff;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
	right:-340px;
	display:block;
	text-align:justify;
	text-indent:10px;
	padding:10px;
	/*font-size:12px;*/
	font-size:14px;
	-webkit-transform: translateX(0);
    -moz-transform:translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); 
	transform: translateX(0);
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

.TemaCardTextLow{
	top:90px !important;
	right:-330px !important;
}

.TemaCardText ul{
	list-style-type:disc !important;
	list-style-image:none !important;
	padding:10px !important;
	margin:0 0 0 10px  !important;
	width:auto !important;
}

.TemaCardText ul li{
	text-indent:0px;
	/*font-size:12px;*/
	font-size:14px !important;
	margin-bottom:5px;
	font-family:'AvanteInt' !important;
	width:auto !important;
}

.TemaCardTextShow {
	-webkit-transform: translateX(-350px);
    -moz-transform:translateX(-350px);
    -ms-transform: translateX(-350px);
    -o-transform: translateX(-350px); 
	transform: translateX(-350px);
}

.TemaCircle {
	z-index:4;
	position:relative;
	margin-left:85px;
	width: 30px;
	height: 30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	cursor:pointer;
}

.TemaCircle:Hover {
	background: rgba(255,173,101,1.0);
}	

.TemaCircleWh {
	background: rgba(255,255,255,1.0);
	border:10px solid rgba(255,255,255,1.0);
}

.TemaCircleOr {
	background: rgba(255,173,101,1.0);
	border:10px solid rgba(255,173,101,1.0);
}


.TemaCircle1, .TemaCircle2, .TemaCircle3 {
	margin-top:-30px;
	-webkit-transform: translateY(0);
    -moz-transform:translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0); 
	transform: translateY(0);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
	
.TemaCard:hover .TemaCircle1 {
	webkit-transform: translateY(155px);
    -moz-transform:translateY(155px);
    -ms-transform: translateY(155px);
    -o-transform: translateY(155px); 
	transform: translateY(155px);
}	

.TemaCard:hover .TemaCircle2 {
	webkit-transform: translateY(215px);
    -moz-transform:translateY(215px);
    -ms-transform: translateY(215px);
    -o-transform: translateY(215px); 
	transform: translateY(215px);
}	

.TemaCard:hover .TemaCircle3 {
	webkit-transform: translateY(275px);
    -moz-transform:translateY(275px);
    -ms-transform: translateY(275px);
    -o-transform: translateY(275px); 
	transform: translateY(275px);
}	

/*_____________________________ end of Tema ________________________*/

/*_____________________________ DopUsl ________________________*/
.DopUsl {
	position:relative;
	width:100%;
	margin-top:25px;
}

.DopUsl1 {
	position:relative;
	width:960px;
	height:850px;
	margin:0 auto;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
	background-color:#fff;
}

.DopUslH1{
	position:absolute;
	width:100%;
	top:270px;
	display:block;
	z-index:1;
}

.DopUslH1 h1{
	position:relative;
	margin:0 auto;
	text-align:center;
	max-width:180px;
	display:block;
	font-family:'Neucha';
	font-weight:normal;
	font-size:25px;
	text-transform:uppercase;
	color:#f58220;
	border:2px solid #f58220;
	padding:15px 5px;
}

.Usluga {
    display:block;
	position:absolute;
	cursor:pointer;
}

.Usluga img{
    display:block;
	position:absolute;
	z-index:2;
}

.Usluga h4{
    font-family:'AvanteLt';
    font-size:20px;
	font-weight:normal;
	color:#000;
	display:block;
	position:absolute !important;
	z-index:50;
	margin:0 !important;
}

.Usluga:hover h4{
    color:#f58220;
	
}

.Usluga p{
    font-family:'AvanteLt';
    font-size:12px;
	color:#000;
	cursor:pointer;
	display:block;
	position:absolute;
	text-indent:11px;
	text-align:justify;
	z-index:10;
	border-style:none !important;
	margin:0 !important;
	padding:0 !important;
}

/*_____________________________ end of DopUsl ________________________*/

/*_____________________________ TeambCards ________________________*/

.TeambCards {
	position:relative;
	width:100%;
	margin-top:25px;
	margin-bottom:45px;
}

.TeambCards1, .TeambCards2, .TeambCards3 {
	position:relative;
	margin:0 auto 30px auto;
	display:flex;
	justify-content: space-between;
}

.TeambCards3 {
	width:960px;
}

.TeambCards2 {
	width:630px;
}

.TeambCards1 {
	width:300px;
}

.FlipTCard {
	-webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    position:relative;
}

.FlipTCard:hover .FlipperTCard, .FlipTCard.hover .FlipperTCard {
    transform: rotateY(180deg);
}

.FlipTCard, .TCardFront, .TCardBack {
    width: 300px;
    height: 246px;
}

.FlipperTCard{
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
 
.TCardFront, .TCardBack {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
}

.TCardFront img, .TCardFront h3 {
	position:absolute;
	top:0;
	left:0;
}

.TCardFront img{
	z-index:1;
}

.TCardBack img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.TCard{
	z-index:2;
	width:100%;
	height:100%;
}

.TCardFront h3{
	z-index:4;
	font-family:'Neucha';
	color:#f58220;
	font-size:20px;
	font-weight:normal;
	background-color:rgba(255,255,255,0.85);
	text-align:center;
	width:100%;
	height:60px;
	overflow:hidden;
	line-height:60px;
	margin-top:186px;
}

.TCardFronth3mini{
	font-size:16px !important;
}

.TCardFront {
	-webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}
 
.TCardBack {
	-webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.TCardBack img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.TCardBackFon {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	background-color:#fdf1e4;
}

.TCardBackText{
	position:relative;
	display:block;
	z-index:3;
	width:100%;
	height:100%;
}

.TCardBackText p {
	position:absolute;
	display:block;
	z-index:3;
	width:100%;
	height:180px;
	left:0;
	top:0;
	text-indent:20px;
	text-align:justify;
	padding:15px !important;
	font-size:12px;
	border-style:none !important;
	margin:0 !important;
}

.TCardBackTextMore{
	color:#f58220;
	position:absolute;
	display:block;
	z-index:10;
	bottom:15px;
	left:75px;
	height:50px;
	width:150px;
	text-align:center;
	font-size:20px;
	line-height:40px;
	background: url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/border1.png') no-repeat;
	background-size:contain;
	font-family:'Neucha';
	cursor:pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); 
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.TCardBackTextMore:hover {
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8); 
	color:#e9aa00;
	background: url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/border1l.png') no-repeat;
	background-size:contain;
}

/*_____________________________ end of TeambCards ________________________*/

/*_____________________________ TeambInner ________________________*/

.TeambInner {
	margin:35px auto 0 auto;
	width:960px;
	position:relative;
}

.TeambInnerFace {
	position:relative;
	width:540px;
	height:360px; /* TODO  ����� ��� �������� */
	background-color:#fff; /* TODO  ����� */
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
}

.TeambInnerFace h3{
	height:40px;
	line-height:40px;
	font-family:'Neucha';
	font-weight:normal;
	font-size:25px;
	color:#f58220;
	margin-bottom:25px;
	margin:0 0 0 100px;
}

.TeambInnerFaceFoto{
	height:275px;
	width:380px;
    background-image: url('/bitrix/templates/newwhitemain/../images_teambtema/010.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	right:20px;
	bottom:20px;
}

.TeambInnerFaceFotoMini{
	height:65px;
	width:90px;
    background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	cursor:pointer;
}


.TeambInnerFaceFotoMini1{
	left:20px;
	top:65px;
}

.TeambInnerFaceFotoMini2{
	left:20px;
	top:135px;
}

.TeambInnerFaceFotoMini3{
	left:20px;
	top:205px;
}

.TeambInnerFaceFotoMini4{
	left:20px;
	bottom:20px;
}


.TeambInnerTextBox {
	display:block;
	position:relative;
	width:500px;
	max-height:380px;
	padding:20px;
	color:#000;
	text-align:justify;
	text-indent:20px;
	font-size:15px;
	font-weight:normal;
	border-top: 2px solid #909090;
	border-bottom: 2px solid #909090;
	margin-top:60px;
}

.TeambInnerDesc {
	position:relative;
	width:400px;
	height:300px; /* TODO  ����� ��� �������� */
}

.TeambInnerDesc h3{
	width:100%;
	height:40px;
	line-height:40px;
	font-family:'Neucha';
	font-weight:normal;
	font-size:25px;
	color:#f58220;
	margin:0 0 25px 0;
}

.TeambInnerDescLine{
	width:100%;
	height:40px;
	position:relative;
}

.TeambInnerDescLineNotShow{
	opacity:0;
}

.TeambInnerDescB{
	color:#000;
	left:10px;
}

.TeambInnerDescO{
	color:#f58220;
	right:10px;
}

.TeambInnerDesc div div{
	display:block;
	position:absolute;
	height:40px;
	line-height:40px;
	font-family:'AvanteLt';
	font-weight:normal;
	font-size:15px;
}

.TeambInnerTeg {
	position:relative;
	width:400px;
	height:120px;
	display:flex;
	justify-content:space-between;
}

.TeambInnerTeg div{
	position:relative;
	width:133px;
	padding:0 10px;
	text-align:center;
}

.TeambInnerTeg div img{
	height:60px;
	margin-bottom:5px;
}

.TeambInnerTeg div p{
	font-family:'Neucha';
	font-size:13px;
	text-align:center;
	width:auto !important;
	padding:0 !important;
	border-style:none !important;
	margin:0 !important;
	text-indent:0;
}

.TeambInnerMan {
	position:relative;
	width:400px;
	height:220px; /* TODO  ����� ��� �������� */
	background-color:#fde2ca;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
}

.TeambInnerMan img{
	position:absolute;
	top:20px;
	left:20px;
	width:100px;
	height:100px;
}

.TeambInnerManP1, .TeambInnerManP2, .TeambInnerManP3, .TeambInnerManP4{
	position:absolute !important;
	width:260px !important;
	height:30px;
	line-height:30px;
	text-align:center !important;
	border-style: none !important;
	margin:0 !important;
	text-indent:0 !important;
	padding:0 !important;
}

.TeambInnerManP1{
	font-family:'AvanteLt';
	font-weight:bold !important;
	font-size:20px;
	top:20px;
}

.TeambInnerManP2{
	font-family:'AvanteLt';
	font-weight:bold;
	color:#f58220;
	font-size:20px;
	top:50px;
}

.TeambInnerManP3{
	font-family:'AvanteLt';
	font-weight:normal;
	top:80px;
}

.TeambInnerManP4{
	font-family:'AvanteLt';
	font-weight:normal;
	top:110px;
	font-size:25px;
}

.TeambInnerManMore {
	color:#f58220;
	position:absolute;
	display:block;
	z-index:10;
	bottom:15px;
	left:125px;
	height:50px;
	width:150px;
	text-align:center;
	font-size:20px;
	line-height:40px;
	background: url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/border1.png') no-repeat;
	background-size:contain;
	font-family:'Neucha';
}

.TeambInnerSS{
	position:relative;
	width:400px;
	height:80px;
	margin-top:20px;
}

.TeambInnerSS p{
	border-style:none !important;
	text-indent:0 !important;
	padding:0 !important;
	margin:0 !important;
}

.TeambSS{
	width:100%;
	text-align:center;
	position:relative;
	margin-left:-10px;
}

.TeamSS {
	top:12px !important;
}



.LineGrey {
	background-color: rgba(0,0,0,0.2);
}

.top{
	top:0;
}

.bottom{
	bottom:0;
}

.AnotherTeamb {
	width:960px;
	height:150px;
	margin:35px auto 0 auto;
	display:flex;
	justify-content:space-between;
}

.AnotherTeamb a:hover {
    border:4px solid #f58220;
}	

.AnotherTeamb a{
	width:180px;
	height:100%;
	display:table;
	position:relative;
	background: url('/bitrix/templates/newwhitemain/../images_teambtema/010.jpg') no-repeat;
	background-size:100% 100%;
	border:4px solid rgba(255,255,255,0);
}

.AnotherTeamb a h3{
	width:100%;
	height:40px;
	text-align:center;
	line-height:40px;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	font-family:'Neucha';
	font-size:20px;
	color:#000;
	font-weight:normal;
	overflow:hidden;
	background-color:rgba(255,255,255,0.7);
}

.AnotherTeamb a p{
	width:100%;
	height:40px;
	text-align:center;
	line-height:40px;
	display:block;
	position:absolute;
	font-family:'Neucha';
	font-size:20px;
	bottom:0;
	left:0;
	background-color:rgba(255,255,255,0.5);
	border-style:none;
	margin:0 !important;
	padding:0 !important;
	text-indent:0px;
	color:#f58220;
}


/*_____________________________ end of TeambInner ________________________*/

/*_____________________________ VedCards ________________________*/

.VedCards {
	position:relative;
	width:100%;
	margin-top:25px;
	margin-bottom:45px;
}

.VedCards1, .VedCards2, .VedCards3 {
	position:relative;
	margin:0 auto 30px auto;
	display:flex;
	justify-content: space-between;
}

.VedCards3 {
	width:960px;
}

.VedCards2 {
	width:630px;
}

.VedCards1 {
	width:300px;
}

.FlipVCard {
	-webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    position:relative;
}

.FlipVCard:hover .FlipperVCard, .FlipVCard.hover .FlipperVCard {
    transform: rotateY(180deg);
}

.FlipVCard, .VCardFront, .VCardBack {
    width: 300px;
    height: 300px;
}

.FlipperVCard{
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
 
.VCardFront, .VCardBack {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
}

.VCardFront img, .VCardFront h3 {
	position:absolute;
	top:0;
	left:0;
}

.VCardFront img{
	z-index:1;
	width:300px;
	height:300px;
}

.VCardBack img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:300px;
	height:300px;width:300px;
	height:300px;
}

.VCard{
	z-index:2;
	width:100%;
	height:100%;
}

.VCardFront h3{
	z-index:4;
	font-family:'Neucha';
	color:#f58220;
	font-size:20px;
	font-weight:normal;
	background-color:rgba(255,255,255,0.85);
	text-align:center;
	width:100%;
	height:80px;
	overflow:hidden;
	line-height:28px;
	margin-top:220px;
	padding-top:10px;
}

.VCardFront h3 span{
	font-family:'Neucha';
	color:#f58220;
	width:100%;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	display:inline-block;
}

.VCardFronth3mini{
	font-size:16px !important;
}

.VCardFront {
	-webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}
 
.VCardBack {
	-webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.VCardBackFon {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	background-color:#fdf1e4;
}

.VCardBackText{
	position:relative;
	display:block;
	z-index:3;
	width:100%;
	height:100%;
}

.VCardBackText h3{
	z-index:4;
	font-family:'Neucha';
	color:#f58220;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	width:100%;
	height:50px;
	overflow:hidden;
	line-height:50px;
	margin-top:0px;
}

.VCardBackTextUl {
	display:block;
	position:relative;
	width:270px !important;
	margin:10px auto 0 auto !important;
	padding:0 !important;
	list-style-type:none;
	list-style-image: url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/markermin.svg') !important;
	list-style-position:inside;
}

.VCardBackTextUl li{
	color:#000;
	font-family:'AvanteLt' !important;
	font-size:13px !important;
	text-indent:0px !important;
	font-weight:normal;
	padding:0 !important;
	margin:0 !important;
}

.VCardBackTextUl li:last-child{
	margin-bottom:0px !important;
}

.VCardBackText p {
	position:absolute;
	display:block;
	z-index:3;
	width:250px;
	left:25px;
	bottom:80px;
	text-align:center;
	padding:10px;
	font-size:12px;
	border:1px solid #f58220;
}

.VCardBackText p span{
	display:block;
	width:250px;
	text-align:center;
	font-size:25px;
	font-family:'Neucha';
	color:#f58220;
	margin-top:10px;
}

.VCardBackTextMore{
	color:#f58220;
	position:absolute;
	display:block;
	z-index:10;
	bottom:10px;
	left:75px;
	height:50px;
	width:150px;
	text-align:center;
	font-size:20px;
	line-height:40px;
	background: url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/border1.png') no-repeat;
	background-size:contain;
	font-family:'Neucha';
}

/*_____________________________ end of VedCards ________________________*/

/*_____________________________ OrArrows ________________________*/
.OrArrows {
	position:relative;
	width:960px;
	margin:25px auto 0 auto;
	background-color:#fff;
}

.OrArrows img{
	position:absolute;
}

.OrArrowsH1, .OrArrowsD1 {
	position:absolute !important;
	width:280px !important;
	left:340px;
	padding:10px !important;
	margin:0 !important;
	background-color:#fdf1e4;
	border:1px solid #f58220;
	font-family:'Neucha';
	font-weight:normal;
	text-align:center;
	color:#f58220;
}

.OrArrowsH1{font-size:30px; top:50px;}
.OrArrowsD1{font-size:20px;}
	

.OrArrowsAtt {
	position:absolute;
	width:500px;
	height:120px;
	left:230px;
	padding: 10px 10px 10px 150px;
	border:1px solid #000;
	background: url('http://backup.duckquack.ru/bitrix/templates/newwhite/img/attention.svg') no-repeat;
	background-position:10px center;
	display:table;
}

.OrArrowsAtt p{
	font-family:'AvanteLt';
	text-align:justify;
	text-indent:20px;
	font-size:15px;
	display:table-cell;
	vertical-align:middle;
	width:auto !important;
	border-style:none !important;
	margin:0;
	padding:0;
}

.OrArrowsD2L, .OrArrowsD2R, .OrArrowsD2C {
	position:absolute;
	width:400px;
	padding:15px;
	background-color:#fdf1e4;
	border:1px solid #f58220;
	font-family:'AvanteLt';
	text-align:justify;
	color:#000;
}

.OrArrowsD2L p, .OrArrowsD2R p, .OrArrowsD2C  p{
	font-family:'Neucha';
	font-size:20px;
	text-align:center;
	margin:0 0 15px 0 !important;
	color:#f58220;
	border-style:none !important;
	padding:0 !important;
	width:auto !important;
	text-indent:0 !important;
}

.OrArrowsD2L{left:30px;}
.OrArrowsD2R{right:30px;}
.OrArrowsD2C{left:280px;}


/*_____________________________ end of OrArrows ________________________*/

.BigSSil {
	width:100%;
	text-align:center;
	background-color:#f9c393;
	height:60px;
	line-height:60px;
	margin-top:25px;
} 

.BigSSil a{
	color:#fff;
	font-family:'Neucha';
	font-size:25px;
}

.BigSSil a:hover{
	color:red;
}
 
/****************************** end of Content **************************/

/****************************** ����� ������ **************************/

.redText {
	color:red !important;
}

.orgText {
	color:#f58220 !important;
}

.marginTop0 {
	margin-top:0 !important;
}

.marginTop80 {
	margin-top:80px !important;
}

.AddShadow {
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
}

/****************************** end of ����� ������ **************************/


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

.MainContent section.BiogrMain {
    width: 100%;
    /*height: 400px;*/
    margin-top: 25px;
    padding-top:0;
    position: relative;
}

.MainContent section.BiogrMain div.BiografMain {
    width: 980px;
    position: relative;
    margin: 0 auto !important;
    display: block;
    overflow:hidden;
    height: 460px;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain{
    display:block;
    width: calc(100% - 20px);
    height: auto;
    margin-bottom: 25px;
    position: absolute;
    top:10px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.BiogrBlockMainAct {
    left:10px;
}

.BiogrBlockMainRight {
    left:1000px;
}

.BiogrBlockMainLeft {
    left:-1000px;
}


.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain:hover{
    /**box-shadow: 0 0 20px rgba(255,132,0,0.5) !important;**/
    cursor:pointer;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg{
    display: flex;
    justify-content: space-between;
    width:100% !important;
    padding:25px 25px 0 25px !important;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg1{
    position: relative;
    height:305px !important;
    width:458px !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg2{
    position: relative;
    height:305px !important;
    width:203px !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg34{
    position: relative;
    height:305px !important;
    width:218px !important;
    margin:0 !important;
    overflow:hidden;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg3{
    position: relative;
    height:145px !important;
    width:218px !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg4{
    position: relative;
    height:145px !important;
    width:218px !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3{
    width: 100%;
    display: block;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 25px;
    text-align: center;
    padding: 10px 0 0px 0 !important;
    margin: 0;
    line-height: normal;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3 b{
    font-family: 'Neucha';
    color: #000;
    font-size: 20px;
    font-weight:normal !important;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain span{
    width: 170px !important;
    height: 55px !important;
    margin: 0 0 0 395px !important;
    position: relative;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    line-height: 55px;
    display: block;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain span:hover{
    color: #8b0002;
}

#BiografMainRL {
    margin:0 !important; 
    width: 150px !important;
    height: 400px;
    fill: rgba(240,104,0,0.7);
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 0px;
    top: 25px;
}

#BiografMainRL:hover {
    fill:rgba(240,104,0,1.0);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#BiografMainRR {
    margin:0 !important; 
    width: 150px !important;
    height: 400px;
    fill:  rgba(240,104,0,0.7);
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    right: 0px;
    top: 25px;
}

#BiografMainRR svg{
    margin-left:100px;
}

#BiografMainRR:hover {
    fill:rgba(240,104,0,1.0);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}


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

/*_____________________________ Feedback ________________________*/

.FeedbackMain {
	width:100%;
	height:420px; 
	margin-top:100px;
	position:relative;
}

.FeedbackMain .Feedback_main {
    width:980px;
	height:100%;
	position:relative;
	margin:0px auto;
	display:block;
    overflow:hidden;
}

.FeedbackMain .Feedback_main .FeedbackMainWho{
    position:absolute;
	display:block;
    width:25%;
    height:calc(100% - 20px);
    left:10px;
    top:10px;
    background-color:#ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:1000;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainText{
    position:absolute;
	display:block;
    width:calc(75% + 25px);
    height:calc(100% - 120px);
    right:10px;
    top:60px;
    background-color:#ffecd3;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:100;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainZag{
    position:absolute;
	display:block;
    width:75%;
    height:50px;
    line-height:50px;
    text-align:center;
    top:0px;
    right:10px;
    margin:0 !important;
}

.FeedbackMain .Feedback_main .OtzMain{
    width:980px;
	height:100%;
	position:absolute;
	top:0px;
    left:0px;
    margin:0;
    display:block;
}

.FeedbackMain .Feedback_main .OtzMainAct{
}

.FeedbackMain .Feedback_main .OtzMainLeft{
}


.FeedbackMain .Feedback_main .OtzMain .OtzMainWho{
    position:absolute;
	display:block;
    width:25%;
    height:calc(100% - 20px);
    left:10px;
    top:10px;
    margin:0;
    z-index:2000;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainWho{
    opacity:1.0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainWho{
    opacity:0.0;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace2{
    position: absolute !important;
    margin: 0 !important;
    left: 40px;
    top: 35px;
    width: 160px;
    height: 160px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace{
    position: absolute !important;
    margin: 0 !important;
    left: 55px;
    top: 50px;
    width: 130px;
    height: 130px;
    border-radius: 65px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h2{
    width:100%;
    margin-top: 210px;
    color: #75706f;
    font-size: 24px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h3{
    width:100%;
    margin-top: 15px;
    color: #75706f;
    font-size: 18px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut{
    position:absolute;
	display:block;
    height:calc(100% - 120px);
    top:60px;
    right:10px;
    margin:0;
    z-index:500;
    width:calc(75% - 20px);
    overflow:hidden;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText{
    position:absolute;
	display:block;
    height:100%;
    top:0;
    margin:0;
    width:100%;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;

}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainTextOut .OtzMainText{
    right:0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainTextOut .OtzMainText{
    right:2000px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText p{ 
    width: calc(100% - 60px);
    border: none !important;
    margin: 30px !important;
    padding:0;
    max-height:calc(100% - 60px);
    overflow:hidden;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText span {
    content: '';
    position: absolute;
    right: 10px; bottom: 30px;
    width:calc(100% - 20px);
    height: 60px;
    background: -moz-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -webkit-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -o-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -ms-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: linear-gradient(to bottom, rgba(255,236,211, 0), #ffecd3 100%);
   }

.FeedbackMain .Feedback_main .OtzMain a{
    position:absolute;
	width:75%;
    height:50px;
    line-height:50px;
    text-align:right;
    bottom:10px;
    margin:0 30px 0 0 !important;
    display:block;
    z-index:2000;
}

.FeedbackMain .Feedback_main .OtzMainAct a{
    right:10px;
}

.FeedbackMain .Feedback_main .OtzMainLeft a{
    right:-1000px;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow{
    width:980px;
	height:420px;
	position:absolute;
	top:0px;
    display:block;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow .FeedbackArrows{
    position:absolute;
	display:block;
    width:25%;
    height:400px;
    left:10px;
    top:10px;
    margin:0;
    z-index:5000;
}

#FeedbackMainRL{
    width: 100px !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 20px;
    bottom: 20px;
    margin: 0 !important;
}

#FeedbackMainRL:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#FeedbackMainRR{
    width: 100px !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: 0 !important;
}

#FeedbackMainRR svg{
    margin-left:78px;
}

#FeedbackMainRR:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/*_____________________________ end of Feedback ________________________*/




/*_____________________________ ClientsPlusThanks ________________________*/

.ClientsPlusThanks {
    position: relative;
    width: 100%;
    height: 300px !important;
    margin-top: 30px;
}

.ClientsPlusThanksInner {
    width: 960px !important;
    height: 100%;
    position: relative;
    margin: 0 auto !important;
    display: flex;
    justify-content: space-between;
}

.Clients {
    width: 680px !important;
    height: 100%;
    position: relative;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    background: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/BorderClients.svg') no-repeat;
    background-color: #fff;
    background-size: 100% 100%;
    margin: 0 !important;
}

.ClientsInnerBlock {
    width: 600px !important;
    height: 225px !important;
    margin: 8px auto 0 auto !important;
    overflow: hidden;
}

.ClientsInner {
    height: 225px !important;
    position: relative;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 5px;
    justify-content: flex-start;
    flex-direction: row;
    display: flex;
}

.ClientsInnerTD {
    width: 150px !important;
    height: 225px !important;
    position: relative;
    margin: 0 !important;
}

.ClientsInnerTD a {
    width: 100%;
    height: 75px !important;
    display: inline-block;
    line-height: 75px;
    text-align: center;
}

.ClientsInnerTD a img {
    max-width: 80%;
    max-height: 80%;
}

.Thanks {
    width: 250px !important;
    height: 100%;
    position: relative;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    background: url('http://bestday.spb.ru/bitrix/templates/newwhite/img/Border3.svg') no-repeat;
    background-color: #fff;
    text-align: center;

    margin: 0 !important;
    overflow: hidden;
}

.Thanks ul {
    list-style-image: none !important;
    margin-top: 8px !important;
    padding: 0 !important;
    list-style-position: inside;
    font-size: 0 !important;
}

.Thanks li {
    margin: 0 0 0 0 !important;
    display: inline-block;
    width: 250px;
    height: 210px;
    padding: 0 50px !important;
}

.Thanks li a {
    height: 100%;
    display: inline-block;
}

.Thanks li a img {
    width: 150px;
    height: 210px !important;
    /*margin-top:8px;*/
}

.ClPlusThRL {
    width: 22px !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 25px;
    top: 127.5px;
    margin: 0 !important;
}

#ClArrowL {
    left: 20px !important;
}

.ClPlusThRL:hover {
    fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.ClPlusThRR {
    width: 22px !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    right: 25px;
    top: 127.5px;
    margin: 0 !important;
}

#ClArrowR {
    right: 20px !important;
}

.ClPlusThRR:hover {
    fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.ClPlusThName {
    text-align: center;
    font-family: 'Neucha';
    font-weight: normal;
    font-size: 30px !important;
    line-height: 40px !important;
    color: #f06800;

    width: auto !important;
    margin: 0 !important;
}



.MainCompanyText {
    margin-top:60px;
}


/* ____________________ ��������� _____________________*/

.Polotno {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 35px;
}

.FotoNarrow {
    display: block;
    position: relative;
    width: 960px;
    height: 300px;
    margin: 0 auto !important;
}

.FotoNarrow img {
    display: block;
    position: absolute;
    width: 480px;
    height: 300px;
    top: 0;
}

.FotoNarrowH {
    display: table;
    position: absolute;
    width: 480px !important;
    height: 300px !important;
    top: 0;
    margin: 0 !important;
}

.FotoNarrowH1 {
    position: relative;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.FotoNarrowH1 h3 {
    position: relative;
    margin: 0 auto !important;
    max-width: 300px !important;
    color: #f06800;
    font-size: 25px;
    font-family: 'Neucha';
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 3px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.85);
    border: 4px solid rgba(240, 104, 0, 0.8);
}

.FotoNarrowH p {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: justify;
    font-size: 15px;
    color: #000;
    padding: 35px;
    text-indent: 20px;
    border-style: none !important;
}

.FotoNarrowH p span {
    display: block;
    text-indent: 20px;
    font-size: 13px;
}

.left {
    left: 0;
}

.right {
    right: 0;
}




/*_____________________________ end of ClientsPlusThanks ________________________*/

/*_____________________________ Light orange block ________________________*/

.LightOrangeBlock {
    width: 100% !important;
    position: relative;
    margin: 35px 0 0 0 !important;
    background-color: #ffecd3;
}

.LightOrangeStr {
    width: 960px;
    position: relative;
    margin: 0 auto !important;
    display: flex;
    justify-content: space-between;
}

.LightOrangeInner {
    width: calc(25% - 20px) !important;
    padding: 30px 10px 30px 10px;
    text-align: center;
/**    cursor: pointer;  **/
}

.LightOrangeInner img {
    height: 65px !important;
}

.LightOrangeInner h3 {
    font-family: 'Neucha';
    font-weight: normal;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    margin: 0;
    width: auto !important;
}

.LightOrangeInner p {
    display: inline-block;
    width: 200px;
    font-weight: normal;
    color: black;
    font-size: 12px;
    text-align: center;
    border-style: none !important;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.LightOrangeInner:hover h3 {
 /**   color: #ef3831;**/
}

.Anowork:hover h3, .Anowork:hover h4 {
   color: #000 !important;
}

/*_____________________________ end of Light orange block ________________________*/

@media screen and (max-width: 1000px) {
.ClientsPlusThanks div {
    width: 100% !important;
    margin: 0 !important;
    }

.Polotno div {
    width: 100% !important;
    margin: 0 !important;
    }

}

@media screen and (max-width: 1000px) and (min-width: 800px){

.MainContent #CentralOpMenu{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

.MainContent section.BiogrMain {
    width: 100%;
    /*height: 400px;*/
    margin-top: 25px;
    padding-top:0;
    position: relative;
}

.MainContent section.BiogrMain div.BiografMain {
    width: 100% !important;
    position: relative;
    margin: 0 auto !important;
    display: block;
    height: 440px;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain{
    display:block;
    width: calc(100% - 20px);
    height: auto;
    margin-bottom: 25px;
    position: absolute;
    top:10px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain:hover{
    cursor:pointer;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg{
    display: flex;
    justify-content: space-between;
    width:100% !important;
    padding:15px 15px 0 15px !important;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg1{
    position: relative;
    height:290px !important;
    width:47% !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg2{
    position: relative;
    height:290px !important;
    width:25% !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg34{
    position: relative;
    height:290px !important;
    width:25% !important;
    margin:0 !important;
    overflow:hidden;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg3, .MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg4{
    position: relative;
    height:142px !important;
    width:100% !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3{
    width: 100%;
    display: block;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 25px;
    text-align: center;
    padding: 10px 0 0px 0 !important;
    margin: 0;
    line-height: normal;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3 b{
    font-family: 'Neucha';
    color: #000;
    font-size: 20px;
    font-weight:normal !important;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain span{
    width: 100% !important;
    height: 55px !important;
    margin: 0 0 0 0 !important;
    position: relative;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    line-height: 55px;
    display: block;
}


#BiografMainRL {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    top: 17px;
}

#BiografMainRL:hover {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

#BiografMainRR {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    top: 17px;
}

#BiografMainRR:hover {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}




/*_____________________________ Feedback ________________________*/

.FeedbackMain {
	width:100%;
	height:420px; 
	margin-top:100px;
	position:relative;
}

.FeedbackMain .Feedback_main {
    width:100%;
	height:100%;
	position:relative;
	margin:0px auto;
	display:block;
    overflow:hidden;
}

.FeedbackMain .Feedback_main .FeedbackMainWho{
    position:absolute;
	display:block;
    width:25%;
    height:calc(100% - 20px);
    left:10px;
    top:10px;
    background-color:#ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:1000;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainText{
    position:absolute;
	display:block;
    width:calc(75% + 25px);
    height:calc(100% - 120px);
    right:10px;
    top:60px;
    background-color:#ffecd3;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:100;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainZag{
    position:absolute;
	display:block;
    width:75%;
    height:50px;
    line-height:50px;
    text-align:center;
    top:0px;
    right:10px;
    margin:0 !important;
}

.FeedbackMain .Feedback_main .OtzMain{
    width:100%;
	height:100%;
	position:absolute;
	top:0px;
    left:0px;
    margin:0;
    display:block;
}

.FeedbackMain .Feedback_main .OtzMainAct{
}

.FeedbackMain .Feedback_main .OtzMainLeft{
}


.FeedbackMain .Feedback_main .OtzMain .OtzMainWho{
    position:absolute;
	display:block;
    width:25%;
    height:calc(100% - 20px);
    left:10px;
    top:10px;
    margin:0;
    z-index:2000;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainWho{
    opacity:1.0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainWho{
    opacity:0.0;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace2{
    position: absolute !important;
    margin: 0 !important;
    left: calc((100% - 150px)/2);
    top: 35px;
    width: 150px;
    height: 150px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace{
    position: absolute !important;
    margin: 0 !important;
    left: calc((100% - 120px)/2);
    top: 50px;
    width: 120px;
    height: 120px;
    border-radius: 60px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h2{
    width:100%;
    margin-top: 210px;
    color: #75706f;
    font-size: 22px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h3{
    width:100%;
    margin-top: 15px;
    color: #75706f;
    font-size: 18px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut{
    position:absolute;
	display:block;
    height:calc(100% - 120px);
    top:60px;
    right:10px;
    margin:0;
    z-index:500;
    width:calc(75% - 20px);
    overflow:hidden;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText{
    position:absolute;
	display:block;
    height:100%;
    top:0;
    margin:0;
    width:100%;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;

}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainTextOut .OtzMainText{
    right:0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainTextOut .OtzMainText{
    right:2000px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText p{ 
    width: calc(100% - 60px);
    border: none !important;
    margin: 30px !important;
    padding:0;
    max-height:calc(100% - 60px);
    overflow:hidden;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText span {
    content: '';
    position: absolute;
    right: 10px; bottom: 30px;
    width:calc(100% - 20px);
    height: 60px;
    background: -moz-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -webkit-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -o-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -ms-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: linear-gradient(to bottom, rgba(255,236,211, 0), #ffecd3 100%);
   }

.FeedbackMain .Feedback_main .OtzMain a{
    position:absolute;
	width:75%;
    height:50px;
    line-height:50px;
    text-align:right;
    bottom:10px;
    margin:0 30px 0 0 !important;
    display:block;
    z-index:2000;
}

.FeedbackMain .Feedback_main .OtzMainAct a{
    right:10px;
}

.FeedbackMain .Feedback_main .OtzMainLeft a{
    right:-1000px;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow{
    width:100%;
	height:100%;
	position:absolute;
	top:0px;
    display:block;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow .FeedbackArrows{
    position:absolute;
	display:block;
    width:25%;
    height:400px;
    left:10px;
    top:10px;
    margin:0;
    z-index:5000;
}

#FeedbackMainRL{
    width: calc((100% - 20px)/2) !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 10px;
    bottom: 20px;
    margin: 0 !important;
}

#FeedbackMainRL:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#FeedbackMainRR{
    width: calc((100% - 20px)/2) !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    right: 10px;
    bottom: 20px;
    margin: 0 !important;
}

#FeedbackMainRR svg{
    margin-left:calc(100% - 22px);
}

#FeedbackMainRR:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/*_____________________________ end of Feedback ________________________*/




}

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

@media screen and (max-width: 799px) and (min-width: 600px){

.MainContent section.BiogrMain {
    width: 100%;
    /*height: 400px;*/
    margin-top: 25px;
    padding-top:0;
    position: relative;
}

.MainContent section.BiogrMain div.BiografMain {
    width: 100% !important;
    position: relative;
    margin: 0 auto !important;
    display: block;
    height: 365px;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain{
    display:block;
    width: calc(100% - 20px);
    height: auto;
    margin-bottom: 25px;
    position: absolute;
    top:10px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain:hover{
    cursor:pointer;
}

.BiogrBlockMainRight {
    left:800px;
}

.BiogrBlockMainLeft {
    left:-800px;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg{
    display: flex;
    justify-content: space-between;
    width:100% !important;
    padding:15px 15px 0 15px !important;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg1{
    position: relative;
    height:220px !important;
    width:60% !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg2{
    display:none;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg34{
    position: relative;
    height:220px !important;
    width:39% !important;
    margin:0 !important;
    overflow:hidden;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg3,
.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg4{
    position: relative;
    height:105px !important;
    width:100% !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3{
    width: 100%;
    display: block;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 22px;
    text-align: center;
    padding: 10px 0 0px 0 !important;
    margin: 0;
    line-height: normal;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3 b{
    font-family: 'Neucha';
    color: #000;
    font-size: 20px;
    font-weight:normal !important;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain span{
    width: 100% !important;
    height: 55px !important;
    margin: 0 0 0 0 !important;
    position: relative;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    line-height: 55px;
    display: block;
}

#BiografMainRL {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    top: -10px;
}

#BiografMainRL:hover {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

#BiografMainRR {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    top: -10px;
}

#BiografMainRR:hover {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}


/*_____________________________ Feedback ________________________*/

.FeedbackMain {
	width:100%;
	height:360px; 
	margin-top:100px;
	position:relative;
}

.FeedbackMain .Feedback_main {
    width:100%;
	height:100%;
	position:relative;
	margin:0px auto;
	display:block;
    overflow:hidden;
}

.FeedbackMain .Feedback_main .FeedbackMainWho{
    position:absolute;
	display:block;
    width:25%;
    height:calc(100% - 20px);
    left:10px;
    top:10px;
    background-color:#ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:1000;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainText{
    position:absolute;
	display:block;
    width:calc(75% + 25px);
    height:calc(100% - 120px);
    right:10px;
    top:60px;
    background-color:#ffecd3;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:100;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainZag{
    position:absolute;
	display:block;
    width:75%;
    height:50px;
    line-height:50px;
    text-align:center;
    top:0px;
    right:10px;
    margin:0 !important;
}

.FeedbackMain .Feedback_main .OtzMain{
    width:100%;
	height:100%;
	position:absolute;
	top:0px;
    left:0px;
    margin:0;
    display:block;
}

.FeedbackMain .Feedback_main .OtzMainAct{
}

.FeedbackMain .Feedback_main .OtzMainLeft{
}


.FeedbackMain .Feedback_main .OtzMain .OtzMainWho{
    position:absolute;
	display:block;
    width:25%;
    height:calc(100% - 20px);
    left:10px;
    top:10px;
    margin:0;
    z-index:2000;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainWho{
    opacity:1.0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainWho{
    opacity:0.0;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace2{
    position: absolute !important;
    margin: 0 !important;
    left: calc((100% - 110px)/2);
    top: 25px;
    width: 110px;
    height: 110px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace{
    position: absolute !important;
    margin: 0 !important;
    left: calc((100% - 90px)/2);
    top: 35px;
    width: 90px;
    height: 90px;
    border-radius: 60px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h2{
    width:100%;
    margin-top: 150px;
    padding:0 5px;
    color: #75706f;
    font-size: 18px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h3{
    width:100%;
    margin-top: 15px;
    color: #75706f;
    font-size: 16px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut{
    position:absolute;
	display:block;
    height:calc(100% - 120px);
    top:60px;
    right:10px;
    margin:0;
    z-index:500;
    width:calc(75% - 20px);
    overflow:hidden;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText{
    position:absolute;
	display:block;
    height:100%;
    top:0;
    margin:0;
    width:100%;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;

}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainTextOut .OtzMainText{
    right:0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainTextOut .OtzMainText{
    right:2000px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText p{ 
    width: calc(100% - 60px);
    border: none !important;
    margin: 30px !important;
    padding:0;
    max-height:calc(100% - 60px);
    overflow:hidden;
    font-size:14px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText span {
    content: '';
    position: absolute;
    right: 10px; bottom: 30px;
    width:calc(100% - 20px);
    height: 60px;
    background: -moz-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -webkit-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -o-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -ms-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: linear-gradient(to bottom, rgba(255,236,211, 0), #ffecd3 100%);
   }

.FeedbackMain .Feedback_main .OtzMain a{
    position:absolute;
	width:75%;
    height:50px;
    line-height:50px;
    text-align:right;
    bottom:10px;
    margin:0 30px 0 0 !important;
    display:block;
    z-index:2000;
}

.FeedbackMain .Feedback_main .OtzMainAct a{
    right:10px;
}

.FeedbackMain .Feedback_main .OtzMainLeft a{
    right:-1000px;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow{
    width:100%;
	height:100%;
	position:absolute;
	top:0px;
    display:block;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow .FeedbackArrows{
    position:absolute;
	display:block;
    width:25%;
    height:calc(100% - 20px);
    left:10px;
    top:10px;
    margin:0;
    z-index:5000;
}

#FeedbackMainRL{
    width: calc((100% - 20px)/2) !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 10px;
    bottom: 20px;
    margin: 0 !important;
}

#FeedbackMainRL:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#FeedbackMainRR{
    width: calc((100% - 20px)/2) !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    right: 10px;
    bottom: 20px;
    margin: 0 !important;
}

#FeedbackMainRR svg{
    margin-left:calc(100% - 22px);
}

#FeedbackMainRR:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/*_____________________________ end of Feedback ________________________*/


}


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

@media screen and (max-width: 599px) and (min-width: 500px){

.MainContent section.BiogrMain {
    width: 100%;
    /*height: 400px;*/
    margin-top: 25px;
    padding-top:0;
    position: relative;
}

.MainContent section.BiogrMain div.BiografMain {
    width: 100% !important;
    position: relative;
    margin: 0 auto !important;
    display: block;
    height: 355px;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain{
    display:block;
    width: calc(100%-20px);
    height: auto;
    margin-bottom: 25px;
    position: absolute;
    top:10px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain:hover{
    cursor:pointer;
}

.BiogrBlockMainRight {
    left:600px;
}

.BiogrBlockMainLeft {
    left:-600px;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg{
    display: flex;
    justify-content: space-between;
    width:100% !important;
    padding:15px 15px 0 15px !important;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg1{
    position: relative;
    height:220px !important;
    width:69% !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}


.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg2{
    position: relative;
    height:220px !important;
    width:30% !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}


.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg34{
    display:none;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg3,
.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg4{
    display:none;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3{
    width: 100%;
    display: block;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    padding: 10px 0 0px 0 !important;
    margin: 0;
    line-height: normal;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3 b{
    font-family: 'Neucha';
    color: #000;
    font-size: 18px;
    font-weight:normal !important;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain span{
    width: 100% !important;
    height: 45px !important;
    margin: 0 0 0 0 !important;
    position: relative;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    line-height: 45px;
    display: block;
}

#BiografMainRL {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    top: -15px;
}

#BiografMainRL:hover {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

#BiografMainRR {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    top: -15px;
}

#BiografMainRR:hover {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}


/*_____________________________ Feedback ________________________*/

.FeedbackMain {
	width:100%;
	height:400px; 
	margin-top:40px;
    margin-bottom:30px;
	position:relative;
}

.FeedbackMain .Feedback_main {
    width:100%;
	height:100%;
	position:relative;
	margin:0px auto;
	display:block;
    overflow:hidden;
}

.FeedbackMain .Feedback_main .FeedbackMainWho{
    position:absolute;
	display:block;
    width:calc(100% - 20px);
    height:100px;
    left:10px;
    top:40px;
    background-color:#ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:1000;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainText{
    position:absolute;
	display:block;
    width:calc(100% - 60px);
    height:calc(100% - 120px);
    right:30px;
    top:120px;
    background-color:#ffecd3;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:100;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainZag{
    position:absolute;
	display:block;
    width:100%;
    height:40px;
    line-height:30px;
    text-align:center;
    top:0px;
    right:0px;
    margin:0 !important;
}

.FeedbackMain .Feedback_main .OtzMain{
    width:100%;
	height:100%;
	position:absolute;
	top:0px;
    left:0px;
    margin:0;
    display:block;
}

.FeedbackMain .Feedback_main .OtzMainAct{
}

.FeedbackMain .Feedback_main .OtzMainLeft{
}


.FeedbackMain .Feedback_main .OtzMain .OtzMainWho{
    position:absolute;
	display:block;
    width:calc(100% - 20px);
    height:100px;
    left:10px;
    top:40px;
    margin:0;
    z-index:2000;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainWho{
    opacity:1.0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainWho{
    opacity:0.0;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace2{
    position: absolute !important;
    margin: 0 !important;
    left: 10px;
    top: 5px;
    width: 90px;
    height: 90px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace{
    position: absolute !important;
    margin: 0 !important;
    left: 20px;
    top: 15px;
    width: 70px;
    height: 70px;
    border-radius: 35px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h2{
    width:calc(100% - 110px);
    margin: 20px 0px 0px auto;
    padding:0 30px 0 10px;
    color: #75706f;
    font-size: 18px;
    text-align:right;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h3{
    width:calc(100% - 110px);
    margin: 10px 0px 0px auto;
    color: #75706f;
    font-size: 16px;
    text-align:right;
    padding:0 30px 0 10px;

}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut{
    position:absolute;
	display:block;
    width:calc(100% - 60px);
    height:calc(100% - 120px);
    right:30px;
    top:120px;
    margin:0;
    z-index:500;
    overflow:hidden;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText{
    position:absolute;
	display:block;
    height:100%;
    right:0;
    margin:0;
    width:100%;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;

}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainTextOut .OtzMainText{
    top:0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainTextOut .OtzMainText{
    top:-400px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText p{ 
    width: calc(100% - 60px);
    border: none !important;
    margin: 40px 30px 30px 30px !important;
    padding:0;
    max-height:calc(100% - 80px);
    overflow:hidden;
    font-size:14px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText span {
    content: '';
    position: absolute;
    right: 10px; bottom: 40px;
    width:calc(100% - 20px);
    height: 60px;
    background: -moz-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -webkit-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -o-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -ms-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: linear-gradient(to bottom, rgba(255,236,211, 0), #ffecd3 100%);
   }

.FeedbackMain .Feedback_main .OtzMain a{
    position:absolute;
	width:calc(100% - 20px);
    height:30px;
    line-height:30px;
    text-align:right;
    bottom:5px;
    margin:0 35px 0 0 !important;
    display:block;
    z-index:2000;
}

.FeedbackMain .Feedback_main .OtzMainAct a{
    right:10px;
}

.FeedbackMain .Feedback_main .OtzMainLeft a{
    right:-1000px;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow{
    width:30%;
	height:100%;
	position:absolute;
	top:0px;
    left:40px;
    display:block;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow .FeedbackArrows{
    position:absolute;
	display:block;
    width:100%;
    height:30%;
    left:0px;
    top:calc(70% - 10px);
    margin:0;
    z-index:5000;
}

#FeedbackMainRL{
    width: calc((100% - 20px)/2) !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 10px;
    bottom: 0px;
    margin: 0 !important;
}

#FeedbackMainRL:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#FeedbackMainRR{
    width: calc((100% - 20px)/2) !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    right: 10px;
    bottom: 0px;
    margin: 0 !important;
}

#FeedbackMainRR svg{
    margin-left:calc(100% - 22px);
}

#FeedbackMainRR:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/*_____________________________ end of Feedback ________________________*/



}

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

@media screen and (max-width: 499px){

.MainContent section.BiogrMain {
    width: 100%;
    /*height: 400px;*/
    margin-top: 25px;
    padding-top:0;
    position: relative;
}

.MainContent section.BiogrMain div.BiografMain {
    width: 100% !important;
    position: relative;
    margin: 0 auto !important;
    display: block;
    height: 320px;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain{
    display:block;
    width: calc(100%-20px);
    height: auto;
    margin-bottom: 25px;
    position: absolute;
    top:10px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain:hover{
    cursor:pointer;
}

.BiogrBlockMainRight {
    left:500px;
}

.BiogrBlockMainLeft {
    left:-500px;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg{
    display: flex;
    justify-content: space-between;
    width:100% !important;
    padding:15px 15px 0 15px !important;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg1{
    position: relative;
    height:200px !important;
    width:100% !important;
    background-color:#fafafa;
    background-size:cover;
    margin:0 !important;
    overflow:hidden;
}


.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg2{
    display:none;
}


.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg34{
    display:none;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg3,
.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain div.BiogrBlockMainImg4{
    display:none;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3{
    width: 100%;
    display: block;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 17px;
    text-align: center;
    padding: 10px 0 0px 0 !important;
    margin: 0;
    line-height: normal;
    position:relative;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain h3 b{
    font-family: 'Neucha';
    color: #000;
    font-size: 15px;
    font-weight:normal !important;
}

.MainContent section.BiogrMain div.BiografMain a.BiogrBlockMain span{
    width: 100% !important;
    height: 35px !important;
    margin: 0 0 0 0 !important;
    position: relative;
    font-family: 'Neucha';
    color: #f06800;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    display: block;
}

#BiografMainRL {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    top: -40px;
}

#BiografMainRL:hover {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

#BiografMainRR {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    top: -40px;
}

#BiografMainRR:hover {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

/*_____________________________ Feedback ________________________*/

.FeedbackMain {
	width:100%;
	height:400px; 
	margin-top:40px;
    margin-bottom:30px;
	position:relative;
}

.FeedbackMain .Feedback_main {
    width:100%;
	height:100%;
	position:relative;
	margin:0px auto;
	display:block;
    overflow:hidden;
}

.FeedbackMain .Feedback_main .FeedbackMainWho{
    position:absolute;
	display:block;
    width:calc(100% - 20px);
    height:100px;
    left:10px;
    top:40px;
    background-color:#ffffff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:1000;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainText{
    position:absolute;
	display:block;
    width:calc(100% - 60px);
    height:calc(100% - 120px);
    right:30px;
    top:120px;
    background-color:#ffecd3;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    z-index:100;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainZag{
    position:absolute;
	display:block;
    width:100%;
    height:40px;
    line-height:30px;
    text-align:center;
    top:0px;
    right:0px;
    margin:0 !important;
}

.FeedbackMain .Feedback_main .OtzMain{
    width:100%;
	height:100%;
	position:absolute;
	top:0px;
    left:0px;
    margin:0;
    display:block;
}

.FeedbackMain .Feedback_main .OtzMainAct{
}

.FeedbackMain .Feedback_main .OtzMainLeft{
}


.FeedbackMain .Feedback_main .OtzMain .OtzMainWho{
    position:absolute;
	display:block;
    width:calc(100% - 20px);
    height:100px;
    left:10px;
    top:40px;
    margin:0;
    z-index:2000;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainWho{
    opacity:1.0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainWho{
    opacity:0.0;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace2{
    position: absolute !important;
    margin: 0 !important;
    left: 10px;
    top: 5px;
    width: 90px;
    height: 90px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho .OtzMainFace{
    position: absolute !important;
    margin: 0 !important;
    left: 20px;
    top: 15px;
    width: 70px;
    height: 70px;
    border-radius: 35px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h2{
    width:calc(100% - 110px);
    margin: 20px 0px 0px auto;
    padding:0 30px 0 10px;
    color: #75706f;
    font-size: 18px;
    text-align:right;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainWho h3{
    width:calc(100% - 110px);
    margin: 10px 0px 0px auto;
    color: #75706f;
    font-size: 16px;
    text-align:right;
    padding:0 30px 0 10px;

}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut{
    position:absolute;
	display:block;
    width:calc(100% - 60px);
    height:calc(100% - 120px);
    right:30px;
    top:120px;
    margin:0;
    z-index:500;
    overflow:hidden;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText{
    position:absolute;
	display:block;
    height:100%;
    right:0;
    margin:0;
    width:100%;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;

}

.FeedbackMain .Feedback_main .OtzMainAct .OtzMainTextOut .OtzMainText{
    top:0;
}

.FeedbackMain .Feedback_main .OtzMainLeft .OtzMainTextOut .OtzMainText{
    top:-400px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText p{ 
    width: calc(100% - 60px);
    border: none !important;
    margin: 40px 30px 30px 30px !important;
    padding:0;
    max-height:calc(100% - 80px);
    overflow:hidden;
    font-size:12px;
}

.FeedbackMain .Feedback_main .OtzMain .OtzMainTextOut .OtzMainText span {
    content: '';
    position: absolute;
    right: 10px; bottom: 40px;
    width:calc(100% - 20px);
    height: 60px;
    background: -moz-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -webkit-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -o-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: -ms-linear-gradient(top, rgba(255,236,211, 0), #ffecd3 100%);
    background: linear-gradient(to bottom, rgba(255,236,211, 0), #ffecd3 100%);
   }

.FeedbackMain .Feedback_main .OtzMain a{
    position:absolute;
	width:25%;
    height:30px;
    line-height:15px;
    text-align:right;
    bottom:5px;
    margin:0 45px 0 0 !important;
    display:block;
    z-index:2000;
    font-size:12px;
}

.FeedbackMain .Feedback_main .OtzMainAct a{
    right:10px;
}

.FeedbackMain .Feedback_main .OtzMainLeft a{
    right:-1000px;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow{
    width:30%;
	height:100%;
	position:absolute;
	top:0px;
    left:40px;
    display:block;
    margin:0;
}

.FeedbackMain .Feedback_main .FeedbackMainArrow .FeedbackArrows{
    position:absolute;
	display:block;
    width:100%;
    height:30%;
    left:0px;
    top:calc(70% - 10px);
    margin:0;
    z-index:5000;
}

#FeedbackMainRL{
    width: calc((100% - 20px)/2) !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    left: 10px;
    bottom: 0px;
    margin: 0 !important;
}

#FeedbackMainRL:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

#FeedbackMainRR{
    width: calc((100% - 20px)/2) !important;
    height: 45px !important;
    fill: #f06800;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    right: 10px;
    bottom: 0px;
    margin: 0 !important;
}

#FeedbackMainRR svg{
    margin-left:calc(100% - 22px);
}

#FeedbackMainRR:hover{
     fill: #edaa00;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/*_____________________________ end of Feedback ________________________*/




}




/* End */
/* /bitrix/templates/newwhitemain/styles.css?1764585796126497 */