/*
Theme Name: bookep
Theme URI: bookep
Author: greyfox
Author URI: http://grey-fox.ru
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bookep
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');


@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy-ExtraBold.otf') format('opentype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Play';
	src: url('fonts/Play-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Play';
	src: url('fonts/Play-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
  font-family: 'greyfox';
  src:  url('fonts/greyfox.eot@uu1b92');
  src:  url('fonts/greyfox.eot@uu1b92') format('embedded-opentype'),
    url('fonts/greyfox.ttf@uu1b92') format('truetype'),
    url('fonts/greyfox.woff@uu1b92') format('woff'),
    url('fonts/greyfox.svg@uu1b92') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'greyfox' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-greyfox:before {
  content: "\e902";
}
.icon-rouble {
    vertical-align: middle;
}
.icon-rouble:before {
  content: "\62";
}

body {
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #565656;
	font-size:15px;
	background-color:#fff;
    -webkit-font-smoothing: subpixel-antialiased !important;
	-moz-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
a:hover{text-decoration:none;}
.section{
	padding:120px 0;
	position:relative;
}
h2{
	font-family:'Gilroy', sans-serif;
    font-size: 45px;
	font-weight:900;
    color: #363636;
	position:relative;
	margin-top:0;
	margin-bottom:30px;
}
h2 span{
    color:#ffaf25;
}
h3 {
	font-family:'Montserrat', sans-serif;
    font-size: 40px;
	font-weight:bold;
    color: black;
}


/*=== Модальные окна ===*/

.modal{
    background-color: rgba(42, 46, 61, 0.58);
}
.modal-dialog{
    width: 450px;
    top: 50%;
	box-shadow: 0 10px 35px rgba(110,161,177,0.2);
	position: absolute;
	left: 0;
	right: 0;
	-webkit-transform: translate(0, -50%) !important;
          -moz-transform: translate(0, -50%) !important;
          -ms-transform: translate(0, -50%) !important;
          -o-transform: translate(0, -50%) !important;
          transform: translate(0, -50%) !important;
}

.modal-content{
    box-shadow: none;
    border: 0;
    background-color: #fff;
    border-radius: 0;
	background-image:url(images/circle-popup.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.modal-title{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    margin-top: 80px;
}
.modal-title:after {
    display: block;
    content: '';
    margin: 0 auto;
    width: 40px;
    height: 3px;
    margin-top: 5px;
    background-color: #fff;
}
.modal .close {
    width: 16px;
    height: 16px;
    background-image: url('images/icon-close.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 24px;
    right: 27px;
    opacity: 0.6;
    -webkit-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.modal .close:hover,
.modal .close:focus {
    opacity: 0.8;
}
.modal .close:active {
    opacity: 1;
}
.modal-body {
    padding: 0 20px 20px;
	padding-bottom:0;
}
.modal .form-group {
    margin-bottom: 20px;
}
.modal-header {
    border-bottom: 0;
}
.modal form {
    padding: 20px 80px;
}
.modal form .btn {
    margin-top: 25px;
}
body.modal-open {
    overflow: hidden !important;
}
.form-control.error {
    border-color: #ff0000 !important;
}
#modal-success .modal-dialog{
	width:450px;
}
#modal-success .modal-body {
    text-align: center;
}
#modal-success .modal-content{
	padding:180px 50px 50px 50px;
	height:460px;
}
#modal-success .modal-content img{
	display:block;
	margin:0 auto;
	margin-bottom:50px;
}
#modal-success .modal-title {
	font-family:'Gilroy';
	font-weight:900;
	font-size:27px;
    color: black;
    margin-top: 0;
	text-transform:none;
}
#modal-success .modal-body {
    font-size: 15px;
	font-weight:300;
	font-family:'Montserrat', sans-serif;
    color:#363636;
	text-align:center;
}

.recwin .modal-dialog{
}
.recwin .modal-content{
	padding:55px 45px;
	text-align:center;
}
.recwin .modal-header{
	margin-top:0;
	padding-top:0;
	padding:0;
}
.recwin .modal-content h3{
	font-family:'Gilroy';
	font-weight:900;
	color:#363636;
	font-size:30px;
	margin-top:0;
}
.recwin .modal-content h3 span{
	color:#ffaf25;
}
.recwin .modal-content h4{
	font-family:'Gilroy';
	font-weight:400;
	color:#565656;
	font-size:15px;
	margin-top:0;
}
.recwin form{
	padding:20px 0;
	padding-bottom:0;
}
.recwin .form-group{
	display:block;
	width:100%;
	margin:0;
	margin-bottom:20px;
}
.recwin .form-control{
	font-size:13px;
	padding-left:40px;
	border:1px solid #e5e5e5;
	background-position:10px center;
}
.recwin .form-control::placeholder{
	color:#565656;
}
.recwin .btn.btn-default{
	margin-top:0;
	height:58px;
	display:block;
	width:100%;
	margin-bottom: 20px;
	padding:0;
}
.recwin .btn.btn-default span{
	line-height:58px;
}
.recwin .givemail-descript{font-size:14px;}


/*=== / Модальные окна ===*/

/*=== Форма ===*/
.form-group{
	position: relative;
	margin:0;
}
.form-label{
	color:#bebebe;
	font-size:14px;
	font-weight:400;
	text-align:left;
	line-height:15px;
	-webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.form-control{
	border:0;
	width:100%;
	height:44px;
	color:black;
	font-size:17px;
	font-weight:500;
	box-shadow:none;
	border-radius:0;
	position:relative;
	margin-bottom:25px;
	background-color:#fff;
	padding:10px 0 10px 30px;
	border-bottom:2px solid #efefef;
	-webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.form-name{
	background-image:url(images/icon002-man.png);
	background-size:17px 17px;
	background-position:center left;
	background-repeat:no-repeat;
}
.form-phone{
	background-image:url(images/icon003-phone.png);
	background-size:17px 17px;
	background-position:center left;
	background-repeat:no-repeat;
}
.form-control:focus{
	box-shadow:none;
	border-bottom:3px solid #ffc501;
}
.form-control::placeholder {
    color: #c0c0c0;
}
.btn.btn-default{
    border:0;
    padding:0;
    color:white;
    font-size:13px;
    position:relative;
    text-transform:uppercase;
	text-align:center;
	padding:5px 60px;
}
.btn.btn-default span{
    z-index: 2;
	font-weight:700;
    display: inherit;
	text-align:center;
    position: relative;
    padding: 23px 38px;
    -webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.btn.btn-default:hover span{
}
.btn.btn-default:active span{
}
.btn.btn-default:active:focus,
.btn.btn-default:active:hover{
	color:#fff;
}
.btn{
	border-radius:30px;
	background:rgb(255,161,25);
	background:-moz-linear-gradient(left, rgb(255,161,25) 0%, rgb(255,190,79) 100%);
	background:-webkit-linear-gradient(left, rgb(255,161,25) 0%,rgb(255,190,79) 100%);
	background:linear-gradient(to right, rgb(255,161,25) 0%,rgb(255,190,79) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa119', endColorstr='#ffbe4f',GradientType=1 );
	-webkit-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    transition: all 0.225s ease;
	-webkit-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.63);
	-moz-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.63);
	box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.63);
	
}
.btn:hover{
	background-color:#f09300;
	background:-moz-linear-gradient(left, rgb(255,161,25) -70%, rgb(255,190,79) 70%);
	background:-webkit-linear-gradient(left, rgb(255,161,25) -70%,rgb(255,190,79) 70%);
	background:linear-gradient(to right, rgb(255,161,25) -70%,rgb(255,190,79) 70%);
	-webkit-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.9);
	-moz-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.9);
	box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.9);
}
.btn:active, .btn:hover:active{
	background-color:#d78400;
}
form .btn{
	margin:0;
	border-radius:30px;
	background:rgb(255,161,25);
	background:-moz-linear-gradient(left, rgb(255,161,25) 0%, rgb(255,190,79) 100%);
	background:-webkit-linear-gradient(left, rgb(255,161,25) 0%,rgb(255,190,79) 100%);
	background:linear-gradient(to right, rgb(255,161,25) 0%,rgb(255,190,79) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa119', endColorstr='#ffbe4f',GradientType=1 );
	-webkit-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    transition: all 0.225s ease;
	-webkit-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.63);
	-moz-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.63);
	box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.63);
}
form .btn:hover{
	background:-moz-linear-gradient(left, rgb(255,161,25) -70%, rgb(255,190,79) 70%);
	background:-webkit-linear-gradient(left, rgb(255,161,25) -70%,rgb(255,190,79) 70%);
	background:linear-gradient(to right, rgb(255,161,25) -70%,rgb(255,190,79) 70%);
	-webkit-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.9);
	-moz-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.9);
	box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.9);
}
form .btn.btn-default span{
	width: 100%;
	height: 100%;
	line-height: 44px;
	padding:0;
}
form .btn.btn-default:active:focus{
	color:#fff;
}
.center {
    text-align: center;
}
*:focus {
    outline: none !important;
}
.iagree {
    position: relative;
    margin: 15px 0;
}
.iagree input[type=checkbox]{
    display: none;
}
.iagree-checkbox{
	width:18px;
	height:18px;
	border:2px solid #e3e3e3;
	float:left;
	cursor:pointer;
	background-image:none;
}
.iagree-block p{
	padding-left:30px;
	text-align:left;
}
.iagree input[type=checkbox]:checked + .iagree-block .iagree-checkbox{
	background-image:url(images/icon004-check.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.iagree label {
    color:#a5a5a5;
    font-size:13px;
	font-weight:300;
}
.iagree input {
    margin-right: 5px;
}
.iagree label > p > span {
    -webkit-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.iagree input.error + span {
    color: #ff0000;
}
.iagree .info {
    position: absolute;
    font-size: 12px;
    line-height: 1.2;
    left: 0;
    right: 0;
    bottom: 35px;
    background: #fff;
    z-index: 99;
    padding: 10px;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.iagree .info:before {
    display: block;
    content: '';
    position: absolute;
    border: 6px solid transparent;
    border-top-color: white;
    bottom: -12px;
    right: 50px;
}
.iagree label > p > span {
    cursor: help;
    text-decoration: underline;
}
.iagree label > p > span:hover > .info {
    opacity: 1;
    pointer-events: auto;
    color: #333333;
    text-align: left;
}
.popup-form .iagree, .popup-form .iagree label, .popup-form .iagree label p{
	margin-bottom:0;
}

/*=== / Форма ===*/

.anim{
    -webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}

/*=== Шапка ===*/
#topbar{
    z-index:10;
    padding:23px 0;
    text-align:left;
    position:relative;
	border-bottom:1px solid #767a80;
}
#topbar .phone, #topbar .mail{
    color:white;
    font-size:23px;
	line-height:35px;
	position:relative;
    line-height:normal;
    display:inline-block;
    vertical-align:middle;
        margin-left: 46px;
}

#topbar .phone:before{
	top:5px;
	left:-35px;
    width:25px;
    content: '';
	height:19px;
	display:block;
	position:absolute;
	background-image:url(images/icon001-phone.png);
	background-repeat:no-repeat;
}

#topbar .mail:before {
   background-image:url(images/icon006-email.png); 
    top:5px;
	left:-35px;
    width:25px;
    content: '';
	height:19px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
}
#topbar .phone p{margin-bottom:0;}
#topbar .phone span{
	color:#ffaf25;
	font-weight:700;
}

#topbar .mail p{margin-bottom:0;}
#topbar .mail span{
	color:#ffaf25;
	font-weight:700;
}
#topbar .call-request{
    color: #fff;
    font-size:13px;
    margin-left:20px;
    overflow:hidden;
    position:relative;
    text-decoration:none;
	text-transform:uppercase;
	padding-bottom:2px;
    border-bottom:1px solid #fff;
}
.topbar-right {
	text-align:right;
}
#topbar .call-request:hover{
	color:#ffbe4e;
	border-bottom:1px solid #ffbe4e;
}
#topbar .call-request:focus{
	color:#ffbe4e;
	border-bottom:1px solid #ffbe4e;
}
.slogan{
	height:35px;
    color:white;
    font-size:13px;
	max-width:280px;
	line-height:19px;
	padding-left:20px;
	
}
.slogan-foot{
	height:35px;
    color:#565656;
    font-size:14px;
	max-width:280px;
	line-height:19px;
	padding-left:20px;
	border-left:4px solid #ffaf25;
}
.logo-foot {
    display: block;
    width: 142px;
    height: 76px;
    background-size: contain;
    background-repeat: no-repeat;
	padding-right: 30px;
	margin-right:30px;
	border-right: 1px solid #b6d6e0;
	box-sizing: content-box;
	float:left;
}



.logo img {
    width: 39px;
    margin-top: -23px;
}

/*=== Меню навигации ===*/

#navbar{
	padding:0;
}
.navbar-default .navbar-nav > li > a{
    font-size:14px;
    text-transform:uppercase;
    color:white;
    position:relative;
}
.navbar-collapse{
    padding-left:0;
    padding-right:0;
}
.navbar{
    margin-bottom:0;
    min-height:66px;
}
.navbar-nav > li{
	position:relative;
}
.navbar-nav > li > a{
    padding: 23px 24px;
    -webkit-transition: all 0.225s ease;
    transition: all 0.225s ease;
	color:#fff;
}
.topnav .navbar-nav > li > a:hover{
	color:#ffaf25;
}
.navbar-nav > li > a > span{
	position:relative;
}
.navbar-nav > li > a > span:before{
	left:0;
	top:-24px;
	width:100%;
	height:0px;
	content:'';
	position:absolute;
	background-color:#ffaf25;
	-webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.navbar-nav > li > a:hover > span:before{
	height:3px;
}
.navbar-nav > nav > a:hover{
	color:#ffaf25;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#ffaf25;
}
.navbar-default .navbar-nav > li:first-child > a{
    padding-left:0;
}
.navbar-default .navbar-nav > li:last-child > a{
    padding-right:0;
}
.navbar-default .navbar-nav > li > a > span{
    position:relative;
    z-index:2;
}
.navbar-default{
    background:none;
    border:none;
}

/*=== / Меню навигации ===*/


header {
	height:900px;
    overflow: hidden;
    position: relative;
	background-image:url(images/bg1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
header > * {
    position: relative;
    z-index: 1;
}
header .bg {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
header .bg:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
header .bg video {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
}

.header-info h1{
	font-family: 'Gilroy', sans-serif;
    font-weight: 900;
	font-size: 45px;
	color:white;
	max-width:950px;
	text-align:center;
	display:block;
	margin:0 auto;
	margin-top:100px;
	margin-bottom:40px;
}
.header-info h1 span{
	color: #ffaf25;
}

.header-info h1 span:hover:before{
	top:1px;
}
.header-info .subtitle {
    color: white;
    font-size: 21px;
	text-align:center;
	margin-bottom:30px;
    
}
.header-info .subtitle span {
    color: #ffaf25;
}
.header-info .but-block{
	width:405px;
	padding:10px;
	display:block;
	margin:0 auto;
	border-radius:40px;
	border:1px solid #675e53;
	-webkit-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.header-info .but-block:hover{
	padding-top:7px;
	padding-bottom:14px;
}
.header-info .btn {
	border-radius:30px;
	background:rgb(255,161,25);
	background:-moz-linear-gradient(left, rgb(255,161,25) 0%, rgb(255,190,79) 100%);
	background:-webkit-linear-gradient(left, rgb(255,161,25) 0%,rgb(255,190,79) 100%);
	background:linear-gradient(to right, rgb(255,161,25) 0%,rgb(255,190,79) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa119', endColorstr='#ffbe4f',GradientType=1 );
	-webkit-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    transition: all 0.225s ease;
	-webkit-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.63);
	-moz-box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.63);
	box-shadow: 0px 5px 38px 0px rgba(255,175,37,0.63);
}
.header-info .btn.btn-default{padding:0; margin:0;}

.header-info .btn:hover{
	-webkit-box-shadow: 0px 5px 50px 0px rgba(255,175,37,0.9);
	-moz-box-shadow: 0px 5px 50px 0px rgba(255,175,37,0.9);
	box-shadow: 0px 5px 50px 0px rgba(255,175,37,0.9);
}

/*== Второй блок - Способы ==*/

.modes{
	padding-top:0;
	padding-bottom:0;
}
.modes-block{
	width:100%;
	margin:0 auto;
	max-width:1000px;
	margin-top:-200px;
	background-color:#fff;

	-webkit-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
}
.modes-content{
	overflow:hidden;
	padding:70px 70px 0 70px;
}
.modes-text{
	width:50%;
	float:left;
	font-size:17px;
	margin-right:10%;
	position:relative;
}
.modes-form{
	width:40%;
	float:left;
}
.circle01{
	display:block;
	margin:0 auto;
}

/*== / Второй блок - Способы ==*/


/*== Третий блок - Проблемы ==*/

.troubles{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(images/bg-02.jpg);
}
.troubles .container{position:relative;}
.trbl-five{
	float:left;
	margin-right:30px;
}
.troubles h2{
	max-width:590px;
	margin-bottom:50px;
}
.trbl-block{
	font-size:15px;
	margin-bottom:30px;
	padding:55px 30px 20px 90px;
	background-color:#fff;
	background-position:top left;
	background-repeat:no-repeat;
	-webkit-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
}
.trbl-block.trbl01{
	background-image:url(images/trbl-icon01.png);
}
.trbl-block.trbl02{
	background-image:url(images/trbl-icon02.png);
}
.trbl-block.trbl03{
	background-image:url(images/trbl-icon03.png);
}
.trbl-block.trbl04{
	background-image:url(images/trbl-icon04.png);
}
.trbl-block.trbl05{
	background-image:url(images/trbl-icon05.png);
}
.trbl-txt-block{
	min-height:220px;
	background-position:bottom right;
	background-repeat:no-repeat;
}
.trbl01 .trbl-txt-block{
	background-image:url(images/trbl-num01.png);
}
.trbl02 .trbl-txt-block{
	background-image:url(images/trbl-num02.png);
}
.trbl03 .trbl-txt-block{
	background-image:url(images/trbl-num03.png);
}
.trbl04 .trbl-txt-block{
	background-image:url(images/trbl-num04.png);
}
.trbl05 .trbl-txt-block{
	background-image:url(images/trbl-num05.png);
}
.trbl-block-title{
	color:#363636;
	font-weight:600;
	text-transform:uppercase;
}
.trbl-block-text{
	color:#565656;
	padding-right:60px;
}
.trbl-block05{
	width:50%;
	margin:0 auto;
	padding:0 15px;
}
/*== / Третий блок - Проблемы ==*/

/*== Четвертый блок - Доверьтесь ==*/

.trust{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	background-image:url(images/bg2.jpg);
}
.trust h2{
	color:#fff;
	max-width:590px;
	margin-bottom:50px;
}
.trust-block{
	color:#fff;
	font-size:15px;
	overflow:hidden;
	margin-bottom:55px;
}
.trust-img-block{
	float:left;
	width:84px;
	height:84px;
	padding:14px;
	margin-right:15px;
	border-radius:50%;
	border:1px solid #5c595c;
	background-color:rgba(255,175,37,0.05);
	-webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}

.trust-img-block .fa {
    border-radius: 35px;
    width: 54px;
    height: 54px;
    font-size: 21px;
        text-align: center;

    padding-top: 30%;
    
    background: linear-gradient(78deg, rgba(2,0,36,1) 0%, rgba(255,175,37,1) 0%, rgba(255,190,79,1) 100%);
}

.trust-block:hover .trust-img-block{
	background-color:rgba(255,175,37,0.2);
}
.trust-txt-block{
	float:left;
	max-width:440px;
	padding-top:15px;
}
.trust-block-title{
	font-weight:600;
	text-transform:uppercase;
}

/*== / Четвертый блок - Доверьтесь ==*/

/*== Пятой блок - Бухгалтерские услуги ==*/

.services{
	overflow:hidden;
	position:relative;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-image:url(images/shnur.png);
    background-size: 40% auto;
}
.services h2{
	text-align:center;
	margin-bottom:80px;
}
.serv-block{
	margin-bottom:75px;
	background-color:#fff;
	-webkit-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
}
.serv-block img{width:100%;}
.serv-txt-block{
	padding:40px 35px;
	border-bottom:1px solid #f0f0f0;
}
.serv-block-title{
	color:#525252;
	font-size:25px;
	font-weight:700;
	text-transform:uppercase;
}
.serv-block-text{
	color:#565656;
	font-size:15px;
}
.btn-more{
	color:#ffa019;
	cursor:pointer;
	text-align:left;
	padding:20px 25px;
	position:relative;
	letter-spacing:2px;
	text-transform:uppercase;
}
.btn-more span{
	margin-right:10px;
}
.btn-more:hover span{
	margin-right:15px;
}
img.more-icon{
	width:21px;
	height:21px;
	border-radius:50%;
	-webkit-box-shadow: 0px 8px 18px 0px rgba(255,175,37,0.63);
	-moz-box-shadow: 0px 8px 18px 0px rgba(255,175,37,0.63);
	box-shadow: 0px 8px 18px 0px rgba(255,175,37,0.63);
}

/*== / Пятой блок - Бухгалтерские услуги ==*/


/*== Шестой блок - Сократить расходы ==*/

.costs{
	padding:0;
}
.stup-bg, .form-stup{
	position:relative;
	padding:177px 15px;
}
.bg-stup{
	top:0;
	right:0;
	z-index:-1;
	position:absolute;
	-webkit-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.26);
	box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.26);
}
.five-02{
	float:left;
}
.costs-block{
	color:#fff;
	font-size:17px;
	overflow:hidden;
	line-height:25px;
	padding-left:70px;
}
.costs-block h2{
	color:#fff;
}
.costs-block h2 span{
	color:#ffaf25;
}
.form-stup{
	padding-left:90px;
}
.form-stup .modes-form{
	width:auto;
}
/*== / Шестой блок - Сократить расходы ==*/


/*== Седьмой блок - Услуги 1С ==*/

.serv1s{
	padding-top:30px;
	overflow:hidden;
	position:relative;
	background-repeat:no-repeat;
	background-position:left 200px;
	background-image:url(images/circle03.png);
}
.serv1s h2{
	text-align:center;
	margin-bottom:80px;
}
.serv1s .serv-txt-block{
	min-height:432px;
	line-height:23px;
	padding-bottom:25px;
}
.btn-more-1s, .btn-price {
	color:#ffa019;
	cursor:pointer;
	text-align:left;
	padding:20px 25px;
	position:relative;
	letter-spacing:2px;
	text-transform:uppercase;
    font-size: 16px;
    font-weight: 600;
}
.btn-more-1s span, .btn-price span{
	margin-right:10px;
}
.btn-more-1s:hover span, .btn-price:hover span{
	margin-right:15px;
}
.serv1s .serv-txt-block ul{
	padding-top:15px;
	padding-left:25px;
	margin-bottom:0;
}
.serv1s .serv-txt-block ul li{
	list-style-type:none;
	position:relative;
	line-height:22px;
	margin-bottom:15px;
    font-weight: 500;
    font-size: 16px;
}
.serv1s .serv-txt-block ul li p {
    font-weight: 400;
    font-size: 14px;
}
.serv1s .serv-txt-block ul li:last-child{
	margin-bottom:0;
}
.serv1s .serv-txt-block ul li:before{
	top:5px;
	left:-25px;
	content:'';
	width:11px;
	height:11px;
	position:absolute;
	background-repeat:no-repeat;
	background-image:url(images/circle-marker.png);
}
.serv1s .serv-txt-block span{
color: #ffaf25;
}

.serv1s-7block{
	position:relative;
	width:100%;
	max-width:616px;
	margin:0 auto;
}
.serv1s-7block .serv-txt-block{
	min-height:1px;
}

/*== / Седьмой блок - Услуги 1С ==*/


/*== Восьмой блок - Аренда серверов ==*/

.rent{
	padding:130px 0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/bg-05.jpg);
}
.rent h2{color:#fff;}
img.rent-photo{
	width:100%;
	margin-bottom:65px;
	-webkit-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.28);
	box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.28);
}
#modal-rent .btn.btn-default span, .btn-rent.btn.btn-default span{
	padding:0;
}
#modal-rent .btn, .btn-rent.btn{
	padding:23px 30px;
}
#modal-rent .btn:before, .btn-rent.btn:before{
	content:'';
	width:28px;
	height:17px;
	margin-top:-5px;
	margin-right:15px;
	display:inline-block;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(images/icon005-server.png);
}
#modal-rent .btn.btn-default span{
	display: inline-block;
    line-height: normal;
    text-align: left;
    width: auto;
}
.rent-icon-block{
	float:left;
	width:27px;
	height:30px;
	margin-right:18px;
	position:relative;
}
.rent-icon-block:before{
	top:0;
	left:-8px;
	z-index:0;
	content:'';
	width:44px;
	height:44px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(images/rent-icon-glow.png);
}
.rent-txt-block{
	color:#fff;
	float:left;
	font-size:15px;
	max-width:410px;
	line-height:23px;
}
.rent-txt-title{
	font-weight:700;
	text-transform:uppercase;
}
.rent-txt-text{
	margin-bottom:35px;
}
.rent-txt-text span{
	color:#ffaf25;
	font-weight:700;
}
.rent-mouth .irs-min, .rent-mouth .irs-max{
	display:none;
}
.rent-mouth .irs-from, .rent-mouth .irs-to, .rent-mouth .irs-single{
	top:-15px;
	color:#363636;
	font-size:30px;
	font-weight:900;
	background:none;
}
.rent-mouth .irs-line{
	top:37px;
	border:0;
	height:3px;
	background:none;
	border-radius:10px;
	background-color:#ebebeb;
}
.rent-mouth .irs-bar-edge{
	top:37px;
	border:0;
	height:3px;
	background:none;
	border-radius:10px 0 0 10px;
	background-color:rgba(255,160,25,1);
}
.rent-mouth .irs-bar{
	top:37px;
	border:0;
	height:3px;
	background:linear-gradient(to right, rgba(255,160,25,1) 0%,rgba(255,191,80,1) 100%)
}
.rent-mouth .irs-slider{
	top:27px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
}
.rent-mouth .irs-slider.single{
	border:0;
	width:22px;
	height:22px;
	background:none;
	border-radius:22px;
	background-repeat:no-repeat;
	background-image:url(images/icon-circle.png);
}
.rent-mouth p{
	color:#565656;
	font-size:19px;
}
.server-1s {
    position: relative;
    margin: 15px 0;
	margin-bottom:0;
}
.server-1s input[type=checkbox]{
    display: none;
}
.server-1s-checkbox{
	width:18px;
	height:18px;
	border:2px solid #e3e3e3;
	float:left;
	cursor:pointer;
	background-image:none;
}
.server-1s-block p{
	padding-left:30px;
	text-align:left;
	margin-bottom:0;
	font-size:15px;
	color:#565656;
}
.server-1s input[type=checkbox]:checked + .server-1s-block .server-1s-checkbox{
	background-image:url(images/icon004-check.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.server-1s label{
    color:#a5a5a5;
    font-size:13px;
	font-weight:300;
	margin-bottom:0;
}
.server-1s input{
    margin-right:5px;
}

/*== / Восьмой блок - Аренда серверов ==*/

/*===  Девятый блок - Тарифы  ===*/

.tarifs h2{
	text-align:center;
	margin-bottom:80px;
}
.tarifs-wrap{
	-webkit-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);
	position: relative;
}
.tarif-block{
	width:25%;
	float:left;
	min-height:824px;
	position:relative;
	padding:135px 0 233px 0;
	background-image:url(images/bg-tar.png);
	background-repeat:repeat-y;
	background-position:left center;
}
.tarif-block:first-child{
	background:none;
}
.tarif-block h3{
	margin-top:0;
	font-size:27px;
	font-weight:900;
	padding:0 35px 0 20px;
	font-family:'Gilroy', sans-serif;
}
.tarif-block p{
	padding:0 35px 0 20px;
}
.tarif-block .iagree p{
	padding-left:30px;
}
.tarif-stiker{
	top:0;
	left:0;
	z-index:2;
	width:152px;
	height:126px;
	position:absolute;
}
.tarif-block .btn.btn-default{
	left:50%;
	margin-left:-102px;
	width:205px;
	padding:5px 0;
	position:absolute;
	bottom:45px;
}
.tarif-block .btn.btn-default span{
	padding:14px 0;
	line-height:normal;
}
.bot-block{
	left:0;
	bottom:0;
	width:100%;
	height:233px;
	padding-top:30px;
	padding-left:20px;
	position:absolute;
	border-top:1px solid #ededed;
}
.tarif04-form{padding-top:80px;}
.tarif04-form .form-group{
	padding:30px 20px;
	background-color:#f9f9f9;
}
.tarif04-form .form-group input:last-child{
	margin-bottom:0;
}
.tarif04-form .form-control{
	border:1px solid #e5e5e5;
	background-position: 14px center;
	padding-left:45px;
}

.tar-radio-block{
	padding:20px 20px;
	margin-bottom:33px;
}
.tar-radio01{
	margin:0;
	display:block;
	position:relative;
	font-size:15px;
	line-height:18px;
	font-weight:400;
	cursor:pointer;
	padding:15px 0 15px 30px;
	border-bottom:1px solid #ededed;
}
.tar-radio01:first-child{padding-top:0;}
.tar-radio01:last-child{padding-bottom:0; border:0;}
.tar-radio01 input, .tar-check01 input {
  position: absolute;
  left: -9999px;
}
.tar-radio01 i{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-9px;
	display:block;
	width:18px;
	height:18px;
	outline:0;
	border:1px solid #e5e5e5;
	border-radius:50%;
}
.tar-radio01:first-child i{
	top:0;
	margin-top:0;
}
.tar-radio01:last-child i{
	top:15px;
	margin-top:0;
}
.tar-radio01 input + i:after {
	content:'';
	top:3px;
	left:3px;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#ffac2e;
	position:absolute;
	opacity:0;
	-webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.tar-radio01 input:checked + i:after {
	opacity:1;
}
.tar-gray-block{
	padding:30px 20px;
	padding-top:0;
	background-color:#f9f9f9;
}
.tar-check01{
	color:#565656;
	font-size:13px;
	line-height:normal;
	padding-left:15px;
	position:relative;
	display:block;
	margin-bottom:5px;
}
.tar-check01 input + i{
	width:6px;
	height:6px;
	display:block;
	top:50%;
	left:0;
	margin-top:-3px;
	position:absolute;
	background-color:#d4d4d4;
	-webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
.tar-check01 input:checked + i{
	background-color:#ffac2e;
}
.tar-gray-block span.select2{
	width:100% !important;
}
.tar-gray-block .select2-container--default .select2-selection--single{
	border:1px solid #e5e5e5;
	border-radius:0;
	background-color:#fff;
	font-size:13px;
	height:46px;
}
.tar-gray-block .select2-container .select2-selection--single .select2-selection__rendered{
	padding-left:15px;
	line-height:46px;
}
.tar-gray-block .select2-container--default .select2-selection--single .select2-selection__arrow{
	top:50%;
	right:10px;
	margin-top:-13px;
}
.tar-gray-block .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-color: #d4d4d4 transparent transparent transparent;
	border-width: 6px 6px 0 6px;
}
.tar-swich-block{
	padding:15px 0;
	position:relative;
	
}
.tar-swich-block input{
	position:absolute;
	left:-9999px;
}
.tar-swich-block label{
	cursor:pointer;
	font-size:17px;
	color:#363636;
	font-weight:700;
	display:block;
	overflow:hidden;
}
.tar-swich-block #labYurId{
	z-index:2;
	width:100%;
	text-align:right;
	position:absolute;
}
.tar-swich-block #labFizId{
	z-index:1;
	width:100%;
	text-align:left;
	position:absolute;
}
.tar-swich-block .begun{
	display:block;
	width:16.666666%;
	margin:0 auto;
	height:18px;
	background-color:#ededed;
	border-radius:9px;
	margin-top:4px;
	position:relative;
}
.tar-swich-block .begun .switch{
	content:'';
	position:absolute;
	width:29px;
	height:29px;
	top:-6px;
	border-radius:50%;
	background-image:url(images/circle06.png);
	background-repeat:no-repeat;
	-webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
	-webkit-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.1);
}
.itogo-txt{
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	color:#363636;
	margin-bottom:0;
}
.price-num{
	font-size:38px;
	text-transform:uppercase;
	font-weight:700;
	color:#363636;
}
.price-num i{
	font-size:34px;
}
.tar2-formblock{
	padding:80px 20px 20px 20px;
}
.range47{
	margin-bottom:20px;
}
.irs-min, .irs-max{
	display:none;
}
.irs-from, .irs-to, .irs-single{
	top:-15px;
	color:#363636;
	font-size:30px;
	font-weight:900;
	background:none;
}
.irs-line{
	top:37px;
	border:0;
	height:3px;
	background:none;
	border-radius:10px;
	background-color:#ebebeb;
}
.irs-bar-edge{
	top:37px;
	border:0;
	height:3px;
	background:none;
	border-radius:10px 0 0 10px;
	background-color:rgba(255,160,25,1);
}
.irs-bar{
	top:37px;
	border:0;
	height:3px;
	background:linear-gradient(to right, rgba(255,160,25,1) 0%,rgba(255,191,80,1) 100%)
}
.irs-slider{
	top:27px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
}
.irs-slider.single{
	border:0;
	width:22px;
	height:22px;
	background:none;
	border-radius:22px;
	background-repeat:no-repeat;
	background-image:url(images/icon-circle.png);
}
.tar2-formblock p{
	color:#565656;
	font-size:19px;
	text-align:center;
	margin-bottom:40px;
}
.server-ones input[type=checkbox]{
	display:none;
}
.server-ones-checkbox{
	width:18px;
	height:18px;
	border:2px solid #e3e3e3;
	float:left;
	cursor:pointer;
	background-image:none;
}
.server-ones-block p{
	padding-left:30px;
	text-align:left;
	margin-bottom:0;
	font-size:15px;
	color:#565656;
}
.server-ones input[type=checkbox]:checked + .server-ones-block .server-ones-checkbox{
	background-image: url(images/icon004-check.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.server-ones .server-ones-block p{
	margin-bottom:0px;
	padding-left:30px;
	text-align:left;
	margin-bottom:0;
	font-weight:300;
	font-size:15px;
	color:#565656;
}
span#oldPrice{
	text-decoration:line-through;
	font-weight:300;
	text-transform:none;
}
img.circle09{
	width:80%;
	display:block;
	margin:0 auto;
	max-width:616px;
    margin-top: -8px;
}
.tar-pak01-comp, .ones-pak01-comp{
	overflow:hidden;
	display:block;
}
.tar-pak02-comp, .tar-pak03-comp, .ones-pak02-comp, .ones-pak03-comp{display:none; overflow:hidden;}
.tar-pak01-comp ul, .tar-pak02-comp ul, .tar-pak03-comp ul, .ones-pak01-comp ul, .ones-pak02-comp ul, .ones-pak03-comp ul{
	padding-left:20px;
}
.tar-pak01-comp li, .tar-pak02-comp li, .tar-pak03-comp li, .ones-pak01-comp li, .ones-pak02-comp li, .ones-pak03-comp li{
	color:#565656;
	font-size:13px;
	line-height:normal;
	position:relative;
	margin-bottom:5px;
	list-style: none;
}
.tar-pak01-comp li:before, .tar-pak02-comp li:before, .tar-pak03-comp li:before,
.ones-pak01-comp li:before, .ones-pak02-comp li:before, .ones-pak03-comp li:before
{
	width: 6px;
	height: 6px;
	display: block;
	left: -15px;
	top: 4px;
	content:"";
	position: absolute;
	background-color: #ffac2e;
}
.tarif02, .tarif03, .tarif04{
	position: absolute;
	left: 25%;
	float: none;
	height:100%;
}
.tarif03{
	left:50%;
}
.tarif04{
	left:75%;
}

/*===  / Девятый блок - Тарифы  ===*/

/*===  Десятый блок - Как мы работаем  ===*/

.howwork{
	position:relative;
	background-image:url(images/bg-06.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.howwork h2{text-align:center;}
.sertifikati h2{text-align:center;}
.hwork-circle{
	right:100px;
	bottom:0;
	width:663px;
	height:242px;
	position:absolute;
	background-repeat:no-repeat;
	background-image:url(images/circle05.png);
	position:absolute;
}
img.hwork-icon{
	width:70px;
	height:70px;
	float:left;
	margin-right:28px;
	border-radius:50%;
	-webkit-box-shadow: 0px 19px 43px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 19px 43px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 19px 43px 0px rgba(0,0,0,0.08);
}
.hwork-txt-block{
	float:left;
	min-height:160px;
	max-width: 254px;
	padding-top:25px;
}
.hwork-title01{
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
}
.hwork-text{
	font-size:15px;
	color:#565656;
}
.hwork-text span{
	padding:0;
	vertical-align:baseline;
	font-size:15px;
	font-weight:700;
	background:none;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border-bottom:2px solid #ffaf25;
}
.hwork-text span:hover, .hwork-text span:active:hover, .hwork-text span:focus:active, .hwork-text span:active{
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.hwork-text span:hover{border-bottom:3px solid #ffaf25;}
/*===  / Десятый блок - Как мы работаем  ===*/


/*=== Контакты и карта ===*/
.contacts .row{
	position:relative;
}
.contacts{
	padding-bottom:100px;
}
.contacts h2{
	margin-bottom:45px;
}
.adress-title, .phone-title, .email-title{
	color:#cfcfcf;
	font-size:14px;
	font-weight:700;
	line-height:18px;
}
.adress-title:before, .phone-title:before, .email-title:before{
	content:'';
	width:25px;
	height:18px;
	margin-right:12px;
	display:inline-block;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-image:url(images/icon007-marker.png);
}

.phone-title:before{background-image:url(images/icon006-phone.png);}
.email-title:before{background-image:url(images/icon006-email.png);}
.adress-point, .adress-point a, .adress-point a:hover{
	color:#565656;
	font-size:17px;
	margin-bottom:30px;
}
.adress-point span{
	font-weight:700;
}
.contacts .btn.btn-default{
	color:#565656;
	font-size:15px;
	padding:3px 0;
	background:none;
	text-transform:none;
	border-radius:0;
	box-shadow:none;
    -moz-box-shadow:none;
	-webkit-box-shadow:none;
	text-align:left;
	border-bottom:2px solid #ffbc4b;
}
.contacts .btn.btn-default:hover{
	border-bottom:4px solid #ffbc4b;
}
.contacts .btn.btn-default:active:hover, .contacts .btn.btn-default:active:focus{
	color:#565656;
}
.contacts .btn.btn-default span{
	padding:0;
	font-weight:500;
}
.map-wrap {
    position:relative;
    height:460px;
}
#map {
    height:inherit;
}
.map-wrap img.map-shadow{
	display:block;
	margin:0 auto;
}

/*=== / Контакты и карта ===*/





.switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 34px;
}
.switch input {
    display:none;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #ffc501;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -khtml-transition: 0.4s ease;
    transition: 0.4s;
}
.slider:before {
    position: absolute;
    content: '';
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: #ffc501;
    -webkit-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
	-moz-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}
.timeline.disabled {
    opacity: 1;
}


.owl-prev i, .owl-next i {
    color: #ffaf25;
}
.owl-prev, .owl-next {
    position: absolute;
    top: 40%;
    margin-top: -10px;
}
.owl-prev {
    left: -45px;
}
.owl-next {
    right: -45px;
}

.owl-theme .owl-nav [class*=owl-] {
    background: none;
    font-size: 18px;
}

.h1_drugoi {
    font-weight: 600;
}

.client_logo {
   width: 100%;
    max-width: 267px;
    height: 177px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    margin: auto;
        display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.client_logo img {
    display: block;
    max-width: 100%;
}

/*=== Подвал ===*/

.footer-circle{
	left:0;
	bottom:0;
	width:335px;
	height:473px;
	position:absolute;
	background-repeat:no-repeat;
	background-image:url(images/circle04.png);
    z-index: -2;
}
footer{
    background-color:#fff;
	position:relative;
}
footer .container{
	padding:37px 0;
	border-top:1px solid #ededed;
}
.slogan-foot {
    font-size: 14px;
    color: black;
	float:left;
	max-width:285px;
	margin-top:6px;
	margin-right:60px;
}
footer .developer{
    color:#cfcfcf;
    font-size:14px;
    margin-top:15px;
	overflow:hidden;
	max-width:160px;
}
footer .developer a{
    color:#ffbc4b;
    text-decoration:none;
	border-bottom:2px solid #ffbc4b;
    -webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
footer .developer a:hover{
    color:#ff6000;
	border-bottom:2px solid #ff6000;
}
footer .developer i {
    color:#ffbc4b;
    font-size:24px;
    margin-top:-1px;
    margin-right:4px;
    vertical-align:middle;
    -webkit-transition: all 0.225s ease;
    -khtml-transition: all 0.225s ease;
    -moz-transition: all 0.225s ease;
    -ms-transition: all 0.225s ease;
    -o-transition: all 0.225s ease;
    transition: all 0.225s ease;
}
footer .developer:hover i {
    color: #ff6000;
}
.soc-block.navbar-nav{
	float:right;
	margin-top:15px;
}
.soc-block.navbar-nav > li > a{
	font-size:20px;
	color:#dedede;
	padding:0 13px;
}
.soc-block.navbar-nav > li > a:hover{
	background:none;
	color:#ffbc4b;
}
.soc-block.navbar-nav > li:first-child > a{
	padding-left:0;
}
.soc-block.navbar-nav > li:last-child > a{
	padding-right:0;
}


.contact-form__msgs-res {
        margin: 20px 0;
    text-align: center;
    color: #3c763d;
    font-weight: 600;
}

.contact-form__msgs-name, .contact-form__msgs-tel {
        color: #f00;
}

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.navbar-nav>li {
    display: inline-block;
    float: none;
}
.navbar-left {
    float: none!important;
    
    text-align: center;
}

/*=== /Подвал ===*/

@media (max-width: 1765px) {
	.footer-circle{left:-100px;}
}
@media (max-width: 1600px) {
	.footer-circle{left:-32px;}
}
@media (max-width: 1480px) {
	.hwork-circle{right:-100pxы;}
	.footer-circle{left:-250px;}
}
@media (max-width: 1280px) {
	.hwork-circle{right:-150px;}
	.footer-circle{left:-290px;}
}
@media (max-width: 1199px) {
	.navbar-default .navbar-nav > li > a{font-size:12px; padding: 23px 18px}
	.navbar-nav > li > a > span:before{top:-26px;}
	.serv-block{min-height:600px;}
	.serv1s .serv-txt-block{min-height:520px;}
	.serv1s-7block .serv-txt-block{min-height:1px;}
	.rent-txt-block{max-width:320px;}
	img.hwork-icon{float:none; display:block; margin:0 auto;}
	.hwork-txt-block{max-width:100%; float:none; text-align:center;}
	.howwork{padding-bottom:50px;}
	.sertifikati{padding-bottom:50px;}
    footer .developer{font-size: 14px;}
	.tarif-block h3{font-size:20px;}
}
@media (max-width: 1090px) {
	.hwork-circle{right:-250px;}
}
@media (max-width: 1024px) {
	h3{font-size:32px;}
	header{padding-bottom:80px;}
	.form-stup{padding-left:30px;}
	.btn.btn-default{font-size:13px;}
}
@media (max-width: 991px) {
	.navbar-left > li{display:inline-block; float:none;}
	.navbar-left{text-align:center;}
	.navbar-default .navbar-nav > li > a {padding:10px 18px;}
	.navbar-nav > li > a > span:before{top:-13px;}
	.container{width:90%;}
	#topbar .phone{display:block;}
	#topbar .phone:before{left:auto; right:215px;}
    #topbar .mail{display:block;}
	#topbar .mail:before{left:auto; right:215px;}
	.header-info h1{margin-top:50px; font-size:45px;}
	.modes .container{position:relative;}
	.modes-block{width:100%; left:0; margin-left:0; top:-250px;}
	.trbl-block05{width:100%; padding:0;}
	.trust-txt-block{max-width:80%;}
	.trust-block05{margin-bottom:0;}
	.serv-block{min-height:500px;}
	.form-stup{overflow:hidden; padding-left:15px; padding-bottom:50px;}
	.form-stup .modes-form{width:100%; margin:0 auto; display: block; float: none; max-width: 510px;}
	.serv1s .serv-txt-block{min-height:420px;}
	.rent .col-md-6{margin-bottom:50px;}
	.rent-adv-block{overflow:hidden; float:left; width:45%; margin-right:5%; min-height:210px;}
	.howwork h2{margin-bottom:60px;}
	.sertifikati h2{margin-bottom:60px;}
	.contacts .col-md-4{margin-bottom:40px;}
	.tar-radio-block{margin-bottom:40px;}
	.footer-circle{display:none;}
	.tarif-block, .tarif02, .tarif03, .tarif04{width:100%; position:relative; float:left; left:auto;}

}
@media (max-width: 805px) {
	.services .col-sm-6{
		width:100%;
	}
	.serv-block-text br{
		display:none;
	}
}
@media (max-width: 768px) {
	.slogan{margin:0 auto; margin-bottom:20px;}
	.topbar-right{width:100%; margin:0 auto; text-align:left;}
	.form-stup{padding-top:30px;}
	.recwin .modal-dialog{width:100%;}
	header .btn {margin-top:45px; margin-bottom:70px;}
	.section{padding-top:70px;}
	h3{font-size:40px;}
	.slogan-foot{font-size:13px;}
	footer .developer{float:none; width:170px; right:0; margin:0 auto; margin-top:15px;}
	.serv1s-7block{max-width:100%;}
	.serv1s-7block .serv-txt-block{ min-height:1px;}
	.rent-adv-block{float:none; width:100%; margin-right:0; max-width:400px; margin:0 auto; padding:0 15px; min-height:1px; margin-bottom:30px;}
	.rent{padding-bottom:50px;}
	.footer-circle{left:-290px;}
	.soc-block.navbar-nav{float:none; margin-top:15px; width:160px; margin:0 auto; margin-top:30px;}
	.soc-block.navbar-nav li{float:left;}
	.costs{overflow:hidden;}
	.bg-stup{right:-40px;height: 359px;}
	.howwork{padding-bottom:0;}
	.sertifikati{padding-bottom:0;}
	.hwork-circle{position:relative; width:100%; height:150px; background-size:contain; background-position:bottom center; right:auto;}
	.modes-form .btn.btn-default{width:100%; text-align:center; padding-right:0; padding-left:0; max-width:405px;}
	#modal-success .modal-dialog{width: 100%;}
    .logo img {
        margin-top: -60px;
    }
    .slogan {
        max-width: 250px;
        height: auto;
        
        font-size: 12px;
    }
    .stup-bg, .form-stup {
  
    padding: 99px 15px;
}
    .btn-more-1s, .btn-price {
        font-size: 13px;
    }
    .client_logo {
            height: 131px;
    }
}

@media (max-width: 736px) {
	#topbar .phone{padding-left:15px;}
	#topbar .phone:before{left:-20px; right:auto;}
    #topbar .mail{padding-left:15px;}
	#topbar .mail:before{left:-20px; right:auto;}
	.navbar-left > li{display:block;}
	.navbar-default .navbar-nav > li > a{padding:10px 0;}
	.header-info .btn.btn-default{margin-top:0;}
	.modal{width:98.5%;}
	.modes-text{width:100%; float:none; margin-bottom:30px; text-align: center;}
	.modes-form{width:100%; float:none;}
	.modes{margin-bottom:70px;}
	.serv-block{min-height:1px;}
	.soc-block.navbar-nav li{float:left;}
	footer .col-md-9{overflow:hidden;}
	.map-wrap img.map-shadow{width:100%;}
	.header-info h1 span:before{width:23px; height:40px; top:3px; left:10px;}
	.circle01{width:80%;}
	.modes-text h2{font-size:35px;}
    .btn.btn-default {
    font-size: 12px;
}
    .btn.btn-default span {
    padding: 22px 0px;
}
    .modes-content {

    padding: 70px 30px 0 30px;
}
}

@media (max-width: 568px) {
	.slogan-foot{float:none; margin:0 auto; margin-bottom:40px;}
	.stup-bg, .form-stup{padding-top:80px;}
	.trust-img-block{float:none; margin:0 auto; margin-bottom:10px;}
	.trust-txt-block{max-width:100%; text-align:center;}
	.header-info h1{margin-top:20px; font-size:30px;}
	.header-info .subtitle{font-size:15px;}
	.header-info .btn.btn-default{margin-bottom:0; width:100%; text-align:center; position:relative;}
	.modes-block{top:-350px;}
}

@media (max-width: 425px) {
	h2{font-size:27px;}
	.header-info h1 span:before{width:17px; height:30px; top:3px; left:5px;}
	
	.modes-block{top:-280px; padding-bottom: 60px;}
	.trbl-five{margin-bottom:50px;}
	.five-02{width:100px;}
	.costs-block{padding-left:30px;}
	.rent-txt-block{max-width:85%;}
	.tarifs-wrap{box-shadow:none;}
	.tarif-block{float:none; width:100%; -webkit-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);	-moz-box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1);	box-shadow: 0px 15px 76px 0px rgba(0,0,0,0.1); margin-bottom:50px;}
	.tarif-block:last-child{margin-bottom:0;}
	.btn-rent.btn{width:100%; padding:23px 0;}
	.btn.btn-default span{padding:23px 10px;}
	.header-info .but-block{width:100%; padding:0;}
	.trust h2{margin-bottom: 120px;}
	.modal-dialog{top:50%; margin-top:0;}
	footer .container{
		width:100%;
		overflow:hidden;
	}
}
@media (max-width: 375px) {
	.rent-txt-block{max-width:80%;}
	.trust h2{margin-bottom: 50px;}
}
@media (max-width: 320px) {
	.container{width:100%;}
	.recwin .modal-content{padding:55px 25px;}
	.modal-body{padding:0;}
	.serv1s h2{margin-bottom:40px;}
	.five-02{width:50px;}
	.form-stup{padding-top:0;}
	.trbl-five{width:50px;}
	.trust h2{font-size:28px;}
	.trbl-block{padding-left:40px;}
	.trbl-block-text{padding-right:0;}
	.trbl-txt-block{padding-bottom:30px;}
	#topbar .col-md-6{padding:0;}
	.navbar-toggle{float:none; display:block; margin:10px auto;}
	.modes-content{padding: 70px 10px 0 30px;}
	.bg-stup{height:450px;}
}

@media (max-width: 767px) and (orientation: landscape) {
    
    .modal-dialog {
        top: auto;
        margin-top: 10px;
    }
}