/*   
Theme Name: Компания
Theme URI: sitepenza.ru
Description: Тема для разработки сайтов.
Author: Wolf
Author URI: sitepenza.ru
Version: 1.0
.
Развёрнутое описание темы/Лицензия-если-нужно.
.
*/

@font-face { font-family: "Museo Sans"; src: url("fonts/MuseoSansCyrl.otf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Museo Sans"; src: url("fonts/MuseoSansCyrl_0.otf") format("opentype"); font-weight: 100; font-style: normal; }
@font-face { font-family: "Museo Sans"; src: url("fonts/Museo_Sans_Cyrillic_0.otf") format("opentype"); font-weight: 500; font-style: normal; }
@font-face { font-family: "Museo Sans"; src: url("fonts/MuseoSansCyrl_1.otf") format("opentype"); font-weight: 700; font-style: normal; }


@media (max-width:767px){
	h1,h2{text-align: center;}
	
	.fullscreen{text-align: center;}
	.fullscreen .title{padding-top: 40px;}
	.fullscreen select{width: 100%!important;}
	
	.header, .footer{text-align: center;}
	.header img, .footer img{display: inline-block;}
	.header .cont, .footer .cont{padding-top: 10px;}
	.header .cont .tel{display: block;}
	.header .info span{display: block;}
	
	.slider h1{font-size: 30px!important;line-height: 40px;}
	.slider h2{font-size: 16px!important;line-height: 30px;}
	.acc a{line-height: 16px;}
	
	
	.slider h2 .star{position:initial!important;}
	.slider{padding-top: 30px;position: relative;padding-bottom: 30px;}
	
	.block h2{font-size: 30px;}
	#prem .it1, #prem .it2, #prem .it3, #prem .it4{padding-bottom: 15px;}
	
	#video, #vidzav, #shagi, #pochemu, #gallary, #chto, #programma, #otzivi, #kak, #map, #lic{padding-top: 40px;padding-bottom: 40px;}
	#shagi .it, #pochemu .it, #chto .it, #programma .it, #otzivi .it, #spec .it{margin-bottom: 10px;}
	#vidzav{text-align: center;}
	.hotline .tel{font-size: 31px;}
	#programma .program{padding: 30px 10px!important;}
	#programma .program ul li {font-size: 18px!important;}
	
	#etap .dir{display: none;}
	
	#map h3{line-height: 23px;}
	
	#service h2{padding-top: 50px!important;}
	#service .it{display: inline-block;width: 100%;padding-top: 10px;padding-bottom: 10px;}
	#service .line{margin-bottom: 20px;}
	.flex-direction-nav{display: none;}
	#end{padding-top: 50px;text-align: center;}
	#end .slide2{display: none;}
	#end .slider{padding-bottom: 50px;}
	
}

@media (min-width: 768px) {
	.fullscreen .modal-body{padding-top: 50px;}
	.fullscreen .list li{width: 33%;float: left;}
	.navbar-nav>li {float: none;}
	.modal .modal-body{padding: 24px 60px 20px;}
	.modal .modal-header{padding: 30px 30px 45px 36px;}
	
	.header .cont, .footer .cont{text-align: right;}
	.header .cont .tel{padding-left: 20px;display: inline;}
	
	.slider h1{font-size: 44px!important;line-height: 54px;}
	.slider h2{font-size: 25px!important;line-height: 35px;}
	.slider{padding-top: 30px;position: relative;padding-bottom: 20px;}
	
	.block h2{font-size: 36px;}
	
	.block{padding-top: 40px;padding-bottom: 40px;}
	#shagi .row, #pochemu .row, #chto .row, #otzivi .row{display: flex;}
	
	#do .row{display: flex;}
	.hotline .tel{    font-size: 41px;}
	
	#service h2{text-align: left;padding-top: 100px!important;}
	#service .items{padding-top: 25px;}
	#end, #end .slider{padding-top: 150px;}

	
	
	/* Замораживаем стрелки */
	.flexslider:hover .flex-direction-nav .flex-next, .flex-direction-nav .flex-next{right: -30px!important;}
	.flexslider:hover .flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev{left: -30px!important;}
	
}

@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
	
	/* Замораживаем стрелки */
	.flexslider:hover .flex-direction-nav .flex-next, .flex-direction-nav .flex-next{right: -50px!important;}
	.flexslider:hover .flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev{left: -50px!important;}
} 



html, body{
	font-family: "Museo Sans"!important; 
	font-weight: 300;
	font-size: 16px!important;
	margin: 0px;
	color: #07141a!important;
	padding: 0px; 
}
h1{margin-bottom: 0px!important;margin-top: 0px!important;}
h2{margin-bottom: 0px!important;margin-top: 0px!important;    font-weight: 700;}
h3 {margin-bottom: 0px!important;margin-top: 0px!important;font-size: 22px;margin-bottom: 15px;font-weight: normal;}
.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}
.thumb{padding: 5px!important;}
.gallary{display: inline-block;width: 100%;padding-bottom: 10px;}
.gallary .title{text-align: center;}
.gallary .title:first-letter{text-transform: uppercase;}

/* Кнопка вверх */
.btn-back-top {opacity: 0;background: black;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;}
.btn-back-top:hover{opacity: 1!important;}
.btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);}

/* Кнопка вотсап */
.whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);}
.whatsapp-button:before,
.whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; }
.whatsapp-button:after{animation-delay: .5s;}
@keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}}
@media (max-width: 921px) {.whatsapp-button {bottom: 10px!important;left: 10px;}}

.box {overflow:hidden;}
.box img {
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.box img:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	
}

.btn-primary {background-color: #000000!important;border-color: #000000!important;}
.affix {top: 0;width: 100%;z-index:9999;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}
color{color: #382826;}

.ft {min-height: calc(100vh - 259px);}

.header{
	padding-top: 10px;
	padding-bottom: 10px;
    position: relative;
	font-weight: normal;
}

.header .info{color: #73869b;font-size: 15px;font-weight: 300;padding-top: 5px;}
.header .info a{color: #73869b;}

.header .cont a{
	color: black;
	font-size: 21px;
	color: #454545;
	white-space: nowrap;
}


.header .cont .but{
	outline: none!important;
    border-bottom: 1px dotted #8798aa;
    color: #8798aa;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	font-size: 14px;
}

.slider {text-align: center;}
.slider h1{
	font-weight: 100!important;
  
    margin: 0;
	color: #73869b;
	padding-bottom: 20px;
}
.slider h1 span, .slider h3 span{font-weight: 500;}
.slider h2{color: #444444;position:relative;padding-bottom: 20px;font-weight: 500;}
.slider h2 .star{color: #e94e1b;padding-left: 3px;position: absolute;top: 15px;}
.slider h3{font-size: 22px; margin-bottom: 15px!important;font-weight: normal;}
.slider .inf{color: #98a6b7;font-size: 14px;padding-top: 20px;}
.slider .info{text-align: left;padding-top: 15px;}

.call .wpcf7-text{
	padding: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #f2f2f2;
	background-image: url(images/call.svg);
	background-repeat: no-repeat;
	background-size: 21px;
	background-position: left 20px center;
	padding-left: 48px;
	width: 100%;
}
.call .col-sm-4{padding: 5px;}

.call .wpcf7-submit{
	border: none;
	border-bottom: 2px solid #ff7200;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdb6c), to(#ffa731));
    background: linear-gradient(#ffdb6c, #ffa731);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 115, 0, 0.3);
    box-shadow: 0px 4px 4px 0px rgba(255, 115, 0, 0.3);
	padding: 19px 25px;
    border-radius: 4px;
	font-size: 20px;
	font-weight: normal;
	width: 100%;
	text-align: center;
}

.call .button{overflow: hidden;position: relative;}

.call .button:after {
    content: "";
    margin-left: 60px;
    width: 30px;
    height: 300px;
    background: #fff;
	opacity: 0.8;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.call .wpcf7-submit:hover{background: linear-gradient(#ffa731, #ffa731);}
.call .wpcf7-submit:before{
	background-image: url(images/tap.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}
.call .ajax-loader{display: none!important;}
.call .acc{font-size: 11px;color: #7D7D7D;margin-top: 5px;line-height: 5px;}
.call span.wpcf7-list-item{margin: 0px;}
.call input[type=checkbox]{margin: 10px 5px 0px 0px;vertical-align: middle;}

.pulse-bg { position: absolute; left: 50%; top: 50%; z-index: -1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 55%; padding-bottom: 55%; }
.pulse-bg-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-animation: pulse infinite ease-in-out 2s; animation: pulse infinite ease-in-out 2s; }
.pulse-bg-circle { border: 1px solid #F0F3F4; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pulse-bg-circle1 { width: 100%; height: 100%; }
.pulse-bg-circle2 { width: 85%; height: 85%; }
.pulse-bg-circle3 { width: 70%; height: 70%; }


@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
  30% { left: 110%; margin-left: 80px; }
  100% { left: 110%; margin-left: 80px; } }

@keyframes slideme { 0% { left: -30px; margin-left: 0px; }
  30% { left: 110%; margin-left: 80px; }
  100% { left: 110%; margin-left: 80px; } }
  
 @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  50% { opacity: 1; }
  to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }

@keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
  50% { opacity: 1; }
  to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.block h2{
	text-align: center;
	line-height: 1.24;
    color: #202020;
	margin-bottom: 10px!important;
}

.pagetitle{
	background: #f4f4f7;
    margin-bottom: 42px;
	padding-top: 30px;
	padding-bottom: 34px;
}
.pagetitle h1{margin-bottom: 15px!important;padding-top: 0px!important; }
.breadcrumbs{color: #00000094;font-size: 13px;}
.breadcrumbs a{color: #00000094;}


#prem{
	background: #fff url(images/header.png) no-repeat center 0;
    -webkit-background-size: cover;
    background-size: cover;
	padding-top: 65px;
	padding-bottom: 65px;
}

#prem .title{font-size: 24px;font-weight: 500;margin-bottom: 10px;}
#prem .it1, #prem .it2, #prem .it3, #prem .it4{padding-left: 80px;padding-right: 7px;background-repeat: no-repeat;background-position: top left 10px;background-size: 60px;}
#prem .col-sm-3{padding-right: 0px;}
#prem .it1{background-image: url(images/prem1.svg);}
#prem .it2{background-image: url(images/prem2.svg);}
#prem .it3{background-image: url(images/prem3.svg);}
#prem .it4{background-image: url(images/prem4.svg);}


#video{text-align: center;}
#video h3{padding-bottom: 25px;}

#vidzav{
	background: #fff url(images/header.png) no-repeat center 0;
    -webkit-background-size: cover;
    background-size: cover;
}
#vidzav a{color: black;}
#vidzav li{font-size: 18px;padding-bottom: 5px;}

#shagi .row, #pochemu .row, #chto .row, #otzivi .row{padding-top: 25px;}
#shagi .it, #pochemu .it, #chto .it, #programma .it, #otzivi .it, #spec .it{border-radius: 4px;background: #FFF;-webkit-box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);height: 100%;}
#shagi img, #pochemu img, #chto img, #programma img{border-radius: 4px;}
#shagi .info, #pochemu .info, #chto .info, #programma .info, #otzivi .info, #spec .info{padding: 20px 25px 25px;}
#shagi .info h3, #pochemu .info h3, #chto .info h3, #programma .info .title, #otzivi .info .title, #spec .info .title{font-size: 20px;font-weight: 500;color: #73869b;margin-bottom: 12px!important;}


#prob{text-align: center;}
#prob .big{font-size: 25px;}
#prob .big.strong{font-weight: bold;margin-bottom: 20px;}
#prob .phone{font-size: 25px;font-weight: bold;color: #0084cf;}

#pochemu{
	background: #fff url(images/header.png) no-repeat center 0;
    -webkit-background-size: cover;
    background-size: cover;
}

.consult{padding-top: 20px;text-align: center;}

#gallary h2{margin-bottom: 50px!important;}
#gallary .gall{display: inline-block;width: 100%;}

#chto{
	background: #fff url(images/header.png) no-repeat center 0;
    -webkit-background-size: cover;
    background-size: cover;
}

#etap{padding-top: 90px;padding-bottom: 90px;}
#etap ul{padding: 0px;}
#etap h3{font-size: 20px;font-weight: 500;margin-bottom: 20px!important;}
#etap .item{
	counter-increment: stage;
	padding: 35px 35px 25px 75px;
    position: relative;
    margin-bottom: 20px;
	border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
}
#etap .inf{text-align: center;padding-bottom: 15px;}


#etap .item:before {
    content: counter(stage);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #008C9E;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 29px;
    left: 20px;
}

#etap .direktor{padding-top: 100px;position: relative;}

#etap .t{
	font-weight: 700;
    line-height: 1.24;
    color: #202020;
    text-align: center;
	font-size: 36px;
	margin-bottom: 15px;
	padding-top: 60px;
}
#etap .st{
	font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #202020;
    margin: 0 auto 25px;
}

#etap .dir{position: absolute;top: 65px;left: 300px;}
#etap .name{font-size: 18px;color: #202020;margin-bottom: 5px;}
#etap .state {font-size: 14px;color: #8E8E8E;}

#programma, #gar, #prem2{
	background: #fff url(images/header.png) no-repeat center 0;
    -webkit-background-size: cover;
    background-size: cover;
}

#prem2 .title{font-weight: bold;padding: 10px 0px;}

#programma .program{
	padding: 30px;
    background: #FFF;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
	margin-top: 45px;
}


#programma .program ul li{font-size: 20px;padding-bottom: 5px;}
#programma .program ul li a{color: #73869b;}



#gar .gar{padding-top: 45px;padding-bottom: 45px;}
#gar .gar .t{font-size: 22px;font-weight: 500;margin-bottom: 10px;}
#gar .gar .info{background: url(images/prem1.svg) no-repeat top 15px left 0px;background-size: 75px;padding-top: 15px;padding-left: 100px;}


.modal h3{padding-bottom: 20px;text-align: center;}



#spec .items{display: flex;}
#spec .it{margin-left: 10px;margin-right: 10px;margin-bottom: 20px;height: 92%;}
#spec h2{margin-bottom: 40px!important;}

#kak{
	background: #fff url(images/header.png) no-repeat center 0;
    -webkit-background-size: cover;
    background-size: cover;
}
#kak h2{margin-bottom: 50px!important;}
#kak .title{font-size: 24px;margin-bottom: 10px;font-weight: bold;}
#kak .item{
    padding-left: 110px;
    padding-right: 15px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 90px;
}

#kak .item1{ background-image: url("images/kak1.svg"); }
#kak .item2{ background-image: url("images/kak2.svg"); }
#kak .item3{ background-image: url("images/kak3.svg"); }
#kak .consult{padding-top: 0px;}


#map h3{ margin-bottom: 30px!important;font-size: 18px;font-weight: normal;text-align: center;}

#do h2{padding-bottom: 10px;}
#do .row{margin-bottom: 20px;}
#do .it{
	padding: 20px;
	border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
	height: 100%;
	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
#do .it .t{font-size: 18px;font-weight: 500;color: #73869b;margin-bottom: 10px;}
#do .icon{height: 100px;background-repeat: no-repeat;background-position: top center;background-size: 70px;}
#do .icon1{background-image: url(images/do1.svg);}
#do .icon2{background-image: url(images/do2.svg);}
#do .icon3{background-image: url(images/do3.svg);}
#do .icon4{background-image: url(images/do4.svg);}
#do .icon5{background-image: url(images/do5.svg);}
#do .icon6{background-image: url(images/do6.svg);}
#do .icon7{background-image: url(images/do7.svg);}
#do .icon8{background-image: url(images/do8.svg);}
#do .icon9{background-image: url(images/do9.svg);}
#do .icon10{background-image: url(images/do10.svg);}
#do .icon11{background-image: url(images/do11.svg);}
#do .icon12{background-image: url(images/do12.svg);}

.iform{text-align: center;}
.iform h3{margin-bottom: 15px!important;}
.iform span {font-weight: 500;}

#do .price{font-size: 18px;font-weight: 500;color: #008d9e;border-top: 1px solid #e9e9e9;padding-top: 15px;margin-top: auto;margin-bottom: 0;}

#otvet{margin-top: 45px;padding-top: 45px; padding-bottom: 90px;border-top: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1;}
#otvet h2{margin-bottom: 50px!important;}
#otvet .pulse{position: relative;padding-top: 100px;padding-bottom: 100px;}

#otvet .panel-heading{
	position: relative;
	border-radius: 4px;
    border: none;
	border-bottom: 2px solid #e3e3e3;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
    background: linear-gradient(#ffffff, #ececec);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(189, 189, 189, 0.3);
    box-shadow: 0px 2px 5px 0px rgba(189, 189, 189, 0.3);
	padding: 0px;
}
#otvet .panel-heading a{display: block;padding: 18px 25px;}


#otvet .panel-heading:after {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #008d9e;
    background-repeat: no-repeat;
    background-position: left calc(50% - 2px) center;
    background-image: url(images/arrow.svg);
    background-size: 15px;
    position: absolute;
    right: 20px;
    top: calc(50% - 14px);
    z-index: 5;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


#lic{
	background: #fff url(images/header.png) no-repeat center 0;
    -webkit-background-size: cover;
    background-size: cover;
}

#lic .image{
	border: 1px solid #e2e2e2;
    min-height: 250px;
    position: relative;
}
#lic .image img {
    max-height: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

#text{padding-top: 90px;padding-bottom: 90px;}
#text h3{padding-bottom: 15px;padding-top: 10px;}

.page h2{padding-bottom: 15px;padding-top: 20px;}
.page .row{padding-bottom: 10px;}

.hotline{text-align: center;margin: 55px auto 0;}
.hotline .tel{padding-left: 60px;background-position: left 10px center;background-size: 32px;
display: inline-block;
    background-image: url(images/call.svg);
    background-repeat: no-repeat;
    background-position: left center;
    color: #202020;
	}

.butt-gray a{
	border-bottom: 2px solid #e3e3e3!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec))!important;
    background: linear-gradient(#ffffff, #ececec)!important;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(189, 189, 189, 0.3)!important;
    box-shadow: 0px 2px 5px 0px rgba(189, 189, 189, 0.3)!important;
}

.tbut{
	display: block;
	text-align: center;
	margin-top: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdb6c), to(#ffa731));
    background: linear-gradient(#ffdb6c, #ffa731);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 115, 0, 0.3);
    box-shadow: 0px 4px 4px 0px rgba(255, 115, 0, 0.3);
    padding: 10px 0px;
    color: black;
    border-radius: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.tbut:hover{color:black;font-weight: bold;}

.butt a{
	display: inline-block;
	color: black;
	border: none;
	border-bottom: 2px solid #ff7200;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdb6c), to(#ffa731));
    background: linear-gradient(#ffdb6c, #ffa731);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 115, 0, 0.3);
    box-shadow: 0px 4px 4px 0px rgba(255, 115, 0, 0.3);
	padding: 19px 25px 19px 45px;
    border-radius: 4px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
.butt a:hover{text-decoration: none;background: linear-gradient(#ffa731, #ffa731);}

.updatebut:before{
	content: "";
    display: block;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url(images/update.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
	position: absolute;
	top: 21px;
    left: 17px;
}
.tapbut:before{
	content: "";
    display: block;
    width: 28px;
    height: 22px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url(images/tap.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
	position: absolute;
	top: 21px;
    left: 12px;
}

.butt{overflow: hidden;position: relative;margin-top: 20px;text-align: center;display: inline-block;}
.butt:after {
    content: "";
    margin-left: 60px;
    width: 30px;
    height: 300px;
    background: #fff;
	opacity: 0.8;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

















.footer{padding-bottom: 5px;}
.footer .foot{padding-top: 20px;padding-bottom: 20px;}
.footer .copy{
	color: #73869b;
	text-align: center;
	font-size: 14px;
}
.footer .info a{
	color: #73869b;
	font-size: 15px;
	font-weight: 300;
	padding-top: 5px;
}

.footer .cont a{
	color: black;
	font-size: 21px;
	color: #454545;
	white-space: nowrap;
}
.footer .soc{padding-top: 5px;}

.footer .cont .tel{padding-left: 20px;display: inline;}
.footer .cont .but{
	outline: none!important;
    border-bottom: 1px dotted #8798aa;
    color: #8798aa;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	font-size: 14px;
}


.fullscreen{padding: 0px!important;color: black;-webkit-overflow-scrolling: touch;}
.fullscreen .container{position: relative;}
.fullscreen .modal-dialog a{color: black;}
.fullscreen .modal-dialog {max-width: 100%;width: 100%;height: 100%;min-height: 100%;margin: 0;padding: 0;}
.fullscreen .modal-content {height: 100%;min-height: 100%;border-radius: 0;background: white;overflow:auto;}
.fullscreen .modal-body{font-size: 16px;}
.fullscreen .close{position: absolute; right: 15px;}
.fullscreen .close .closeico{content: url(images/close.svg);}
.fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;}
.fullscreen .st{font-size: 18px;padding-bottom: 10px;}
.fullscreen .list, .fullscreen .menu ul{list-style: none;padding-left: 0px;display: inline-block;width: 100%;padding-top: 15px;font-size: 18px;}
.fullscreen .list li, .fullscreen .menu li{padding-bottom: 5px;}
.fullscreen .select2-selection, .fullscreen .select2-selection__arrow{height: 40px!important;}
.fullscreen .select2-selection__rendered{line-height: 40px!important;}





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

.modal .modal-content{border-radius: 0px;}
.modal .modal-header .text{padding-left: 74px;color: #fff;}
.modal .modal-header .mt{
	font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    color: #fff;
}
.modal .modal-header .fa{
	width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
	color: #fe5011;
    float: left;
    font-size: 36px;
    border-radius: 2px;
    background: #fff;
}

.modal .fa-close{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: 0.5;
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 25px;
    cursor: pointer;
}

.modal .modal-header{
	background: linear-gradient(to top, #f75115, #ff5010, #ff5e1a) !important;
}


.modal .modal-body label{color: #444444;font-weight: 300;}
.modal .modal-body label span{color: red;}
.modal .modal-body .form-control{border-radius: 0px;box-shadow: none;border: 1px solid #d7dee3;}
.modal .modal-body .acc{padding-top: 25px;padding-bottom: 10px;}
.modal .modal-body .acc a{color: #fe5011;}

.modal .mfooter{padding: 14px 0px 52px;display: block;}
.modal .mfooter .required{
	padding: 7px 0;
    color: #98a1a8;
    font-size: 12px;
}
.modal .mfooter .star{
	background: none repeat scroll 0 0 #7b8e9a;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-size: 22px;
    height: 20px;
    line-height: 24px;
    margin-right: 5px;
    padding-right: 0px;
    text-align: center;
    vertical-align: top;
    width: 20px;
}
.modal .mfooter .btn{
	background-color: #fe5011 ;
    color: #ffffff !important;
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px 18px 9px;
	border: none;
	border-radius: 2px;
}
.modal .mfooter .ajax-loader{position: absolute;}




.flexslider .slides img{width: auto!important;}
/* Пказываем сразу и убираем вперед и назад надписи */
.flexslider .flex-direction-nav a {
	border-radius: 50%;
	background-color: white;
	opacity: 0.7;
	font-size: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	
}
.flexslider .flex-direction-nav a:before {
    content: ""!important;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 14px;
    margin: -7px 0 0 -5px;
    background: url(images/Arrows.svg) -20px 0 no-repeat;
}
.flexslider .flex-direction-nav a:hover{background-color: #ff5715;border-radius: 50%;}

/* Переворачиваем иконку стрелки справо */
.flexslider .flex-direction-nav .flex-nav-next a:before {background-position: -30px 0;margin-left: -3px;}

/* Рисуем белую стрелку при наведении */
.flexslider .flex-direction-nav .flex-nav-prev a:hover:before{background-position:0 0}
.flexslider .flex-direction-nav .flex-nav-next a:hover:before{background-position:-10px 0}

/* Точки внизу */
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
  box-shadow: none;
  background: #ff5715 !important;
}

.flexslider .flex-control-nav li a {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: none;
    background: rgba(127,127,127,.35);
}
.flexslider .flex-control-nav li a.flex-active, .flexslider .flex-control-nav li a:hover {
    width: 10px;
    height: 10px;
    margin: -1px;
}


#header {
	transition: all 0.3s ease;
}
#header.fixed {
	transition: all 0.3s ease;
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 99;
    max-width: 1170px;
    padding: 20px 0px 10px;
    box-shadow: 0px -3px 18px -6px #00000038;
}