@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	}
body {
	line-height: 1.33;
	font-family: 'RalewayRegular';
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clr {
	clear:both;
	float:none;}

@font-face {
    font-family: 'RalewayBold';
    src: url('../fonts/RalewayBold.eot');
    src: url('../fonts/RalewayBold.eot') format('embedded-opentype'),
         url('../fonts/RalewayBold.woff2') format('woff2'),
         url('../fonts/RalewayBold.woff') format('woff'),
         url('../fonts/RalewayBold.ttf') format('truetype'),
         url('../fonts/RalewayBold.svg#RalewayBold') format('svg');
}

@font-face {
    font-family: 'RalewayLight';
    src: url('../fonts/RalewayLight.eot');
    src: url('../fonts/RalewayLight.eot') format('embedded-opentype'),
         url('../fonts/RalewayLight.woff2') format('woff2'),
         url('../fonts/RalewayLight.woff') format('woff'),
         url('../fonts/RalewayLight.ttf') format('truetype'),
         url('../fonts/RalewayLight.svg#RalewayLight') format('svg');
}

@font-face {
    font-family: 'RalewayRegular';
    src: url('../fonts/RalewayRegular.eot');
    src: url('../fonts/RalewayRegular.eot') format('embedded-opentype'),
         url('../fonts/RalewayRegular.woff2') format('woff2'),
         url('../fonts/RalewayRegular.woff') format('woff'),
         url('../fonts/RalewayRegular.ttf') format('truetype'),
         url('../fonts/RalewayRegular.svg#RalewayRegular') format('svg');
}

@font-face {
    font-family: 'RalewaySemiBold';
    src: url('../fonts/RalewaySemiBold.eot');
    src: url('../fonts/RalewaySemiBold.eot') format('embedded-opentype'),
         url('../fonts/RalewaySemiBold.woff2') format('woff2'),
         url('../fonts/RalewaySemiBold.woff') format('woff'),
         url('../fonts/RalewaySemiBold.ttf') format('truetype'),
         url('../fonts/RalewaySemiBold.svg#RalewaySemiBold') format('svg');
}

@font-face {
    font-family: 'RalewayThin';
    src: url('../fonts/RalewayThin.eot');
    src: url('../fonts/RalewayThin.eot') format('embedded-opentype'),
         url('../fonts/RalewayThin.woff2') format('woff2'),
         url('../fonts/RalewayThin.woff') format('woff'),
         url('../fonts/RalewayThin.ttf') format('truetype'),
         url('../fonts/RalewayThin.svg#RalewayThin') format('svg');
}

@font-face {
    font-family: 'RalewayBlack';
    src: url('../fonts/RalewayBlack.eot');
    src: url('../fonts/RalewayBlack.eot') format('embedded-opentype'),
         url('../fonts/RalewayBlack.woff2') format('woff2'),
         url('../fonts/RalewayBlack.woff') format('woff'),
         url('../fonts/RalewayBlack.ttf') format('truetype'),
         url('../fonts/RalewayBlack.svg#RalewayBlack') format('svg');
}

header {
	color:#fff;
	background:url(../images/chel.png) 100% 100% no-repeat;
	padding-bottom:50px;
	padding-top:20px;
}

header.mfp-header {
	background:none;
	padding:0;
}

a {
	transition: 0.8s ease-in-out all;
}

img {
	max-width:100%;
}

.logophone {
	padding:30px 0;
}

.sitename {
    position: relative;
    display: inline-block;
    padding-left: 55px;
    letter-spacing: 2px;
	font-family: 'RalewayBlack';
	font-size:60px;
	line-height:50px;
}

.sitename a {
	color:#fff;
	text-decoration:none;
}

.sitename:before {
	position:absolute;
	content:url("../images/logo.png");
	width:45px;
	height:45px;
	left:0;
	top:5px;
}

.sitename:hover:before {
	-moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	transition:ease-in-out .8s;
}

.phone {
	text-align:right;
	line-height:50px;
	color:#fff;
	font-size:32px;}
	
.phone a {
	color:#fff;
	text-decoration:none;
}

.phone a i {
	font-size:26px;
	line-height:32px;
	margin-right: 10px;
}

.slogan {
	text-align:center;
	padding:40px 0;
	font-family: 'RalewayLight';
	font-size:36px;
}

#wrap-contact-form95 {
	float:right;
}

.fadePopup {
	padding:0 25px;
	margin-left:25px;
}

.feedback {
	
}

.orderform h2 {
	font-family: 'RalewaySemiBold';
	font-size:32px;
	margin-bottom:20px;
}

.orderform p {
	font-size:32px;
}

div#fox-container-m105 .control-label, div#fox-container-m105 .control-label label {
	display:none;
}

div#fox-container-m105 .controls {
	width:100%;
}

div#fox-container-m105 input, div#fox-container-m105 select, div#fox-container-m105 .fox-form-stacked .fox-item-radio .controls, div#fox-container-m105 .fox-form-stacked .fox-item-submit .controls, div#fox-container-m105 .fox-form-stacked .fox-item-captcha .controls, div#fox-container-m105 .fox-form-stacked .fox-item-checkbox .controls, div#fox-container-m105 .fox-form-stacked .fox-item-newsletter .controls, div#fox-container-m105 .fox-form-stacked .fox-item-attachments .controls, div#fox-container-m105 .fox-form-stacked .fox-item-html-fields .controls, div#fox-container-m105 textarea {
	width:100%;
}

div#fox-container-m105 .fox-form select, div#fox-container-m105 .fox-form textarea, div#fox-container-m105 .fox-form input[type="text"], div#fox-container-m105 .fox-form input[type="email"] {
	border-radius:0px;
	color:#2c2d2d;
	font-size: 20px;
}

div#fox-container-m105 select, div#fox-container-m105 input[type="text"], div#fox-container-m105 input[type="email"] {
	height:45px;
	line-height:45px;
}

div#fox-container-m105 input[type="text"], div#fox-container-m105 input[type="email"], div#fox-container-m105 textarea {
	padding:10px 20px;
}

div#fox-container-m105 .chzn-container-single .chzn-single, div#fox-container-m105 .chzn-container .chzn-results li {
	background:#fff;
	padding: 0px 20px;
    height: 45px;
    line-height: 45px;
	font-size: 20px;
	color:#555555;
}

div#fox-container-m105 .chzn-container .chzn-results li.highlighted {
	background:none;
	color:#fff;
}

.chzn-container-single .chzn-single {
	border-radius:0px;
	box-shadow:none;
	background:#fff;
}

div#fox-container-m105 .alert {
	border-radius:0px;
	margin-bottom:40px;
}

.breadcrumbs ul li {
	display:inline-block;
	line-height:20px;
	font-size:11px;
	color:#fff;
}

.breadcrumbs ul li a {
	color:#fff;
}

.advant {
	padding:100px;
	color:#fff;
	text-align:center;
}

.advant h2 {
	text-align:center;
	color:#fff;
	font-size: 40px;
    line-height: 58px;
}

.advant h4 {
	font-family: 'RalewaySemiBold';
	margin-bottom:25px;
	font-size:32px;
}

.advant i {
	font-size:80px;
	margin:40px 0;
}

#content {
	padding:80px 0;
}

h1 {
	font-size: 40px;
    line-height: 58px;
	font-family: 'RalewaySemiBold';
	text-align:center;
	margin-bottom:30px;
}

h2 {
    margin-bottom: 15px;
    font-family: 'RalewaySemiBold';
    font-size: 28px;
}

#content p {
	margin-bottom:10px;
}

.leadings {
    clear: both;
    margin-bottom: 20px;
}

.item-image {
    width: 30%;
    margin: 0 20px 10px 0;
}

.bottom{
	padding:40px 0;
	text-align:center;
	color:#fff;
}

.bottom h3, .bottom-1 h2  {
	font-size: 40px;
    line-height: 58px;
	font-family: 'RalewaySemiBold';
	text-align:center;
	margin-bottom:30px;
}

.bottom a {
	color:#fff;
	font-size:55px;
	line-height:70px;
	text-decoration:none;
	font-family: 'RalewayThin';
}

.bottom i {
	font-size:40px;
	margin-right:15px;
}

.bottom a:hover i {
	color:#fff;
}

.bottom-1 {
	padding:40px 0;
}

.feedbacks {
	padding-left:40px;
	position:relative;
	margin-bottom:30px;
}

.feedbacks:before {
	content:"\f10d";
	font-family: "FontAwesome";
	font-size:20px;
	position:absolute;
	left:10px;
	top:0;
}
	
.component ol, .component ul{
	padding-left:20px;
}

.component ol li {
	list-style:decimal;
	margin-left:20px;
	margin-bottom:10px;
}

.component ul li {
	list-style: disc;
	margin-left:20px;
	margin-bottom:10px;
}

.component #editor-xtd-buttons {
	display:none !important;
}

#system-message .alert {
	background-color:rgba(255,0,0,0.1);
	padding:35px;
}

#system-message .alert .close {
	text-align: right;
    display: block;
}
	
input.inputbox {
	border:solid #ccc 1px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	color:#777;
	margin-bottom:2px;
	padding:5px 5px 4px;}
	
.copyright {
	width:100%;
	text-align:center;
	overflow:hidden;
	padding: 0;}
	
.copyright a {
	font-size:12px;
	line-height:30px;
	color:#FFF;
	text-decoration:none;}
	
.copyright a span.weboby {
	background:url(http://webo.by/images/webo_white30.png) 0 0 no-repeat;
	text-indent:99999px;
	display:inline-block;
	height:30px;
	width:57px;
	}
	
.social {
	padding:30px 0;
	font-size:54px;
}

.social a {
	color:#fff;
}

.su-fancy-text.su-fteffect7 .su-ft-wrap {
	width:35px !important;
}
.FlowupLabels .fl_input {
	color:#000;
}
/*------------------ENDRESET--------------------*/

@media (max-width: 767px) {
.top-menu {position:relative;}
.sitename {
	position:absolute;
	left:0;
	top:0;
	line-height:60px;
	font-size:40px;
	padding-left:10px;
}
.sitename:before {
	display:none;
}
.phone {
	text-align:center;
}
#wrap-contact-form95 {
	float:none;
}
#wrap-contact-form95 .fadePopup {
	width: 260px;
    margin: 0 auto;
}
header {
	background-image:none;
}
.orderform h2, .orderform p {
	text-align:center;
}
.advant {
	padding: 50px 20px;}
}
h1 {
    font-size: 30px;
	line-height: 38px;}
.bottom a {
	font-size: 35px;
    line-height: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
.top-menu {position:relative;}
.sitename {
	position:absolute;
	left:0;
	top:0;
	line-height:60px;
	font-size:40px;
	padding-left:10px;
}
.sitename:before {
	display:none;
}
.phone {
	text-align:center;
}
#wrap-contact-form95 {
	float:none;
}
#wrap-contact-form95 .fadePopup {
	width: 260px;
    margin: 0 auto;
}
header {
	background-image:none;
}
.orderform h2, .orderform p {
	text-align:center;
}
h1 {
    font-size: 30px;
	line-height: 38px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  
}
@media (min-width: 1200px) {
  
}
/*callback button*/
a.call_back_button{
	display: block;
	
	position: fixed;
	right: 25px;
	bottom:35px;
	z-index: 9999;
	
	width: 15em;
	font-size: 100%;
	color: rgba(255,255,255, 0.9);
	text-shadow: #2e7ebd 0 1px 2px;
	text-decoration: none;
	text-align: center;
	line-height: 1.1;
	white-space: pre-line;
	padding: 0.7em 0;
	border: 1px solid;
	background-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
	border-radius: 6px;
  outline: none;
  background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce);
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}

a.call_back_button:first-line{
  font-size: 170%;
  font-weight: 700;
}
a.call_back_button:hover {
  color: rgb(255,255,255);
  background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
}
a.call_back_button:active {
  color: rgb(255,255,255);
  border-color: #2970a9;
  background-image: linear-gradient(#5796c8, #6aa2ce);
  box-shadow: none;
}

/* Обратный звонок - начало*/
.modalbox-wrap { padding: 45px 55px 40px; width: 470px; }
.popup-title { font-size: 23px; color: #787878; font-weight: 300; text-transform: uppercase; line-height: 25px; padding: 0 0 25px; }
.modalbox-wrap p { font-size: 16px; color: #000; line-height: 24px; float: none; }
.modalbox-wrap ul { padding: 0 0 35px; }
.modalbox-wrap ul li { font-size: 16px; color: #000; line-height: 24px; padding: 0 0 0 17px; position: relative; }
.modalbox-wrap ul li:after { width: 4px; height: 4px; content: ' '; border-radius: 50%; background: #ffa200; position: absolute; left: 0; top: 10px; }
#call input[type="text"] { height: 35px; background: #fff; width: 97%; padding: 0 0 0 3%; font-size: 16px; color: #000; font-family: Arial, Tahoma, sans-serif; margin: 0 0 13px; border: 1px solid #dddddd; }
#call input[type="submit"] { width: 330px; cursor: pointer; height: 45px; color: #fff; border-top: 3px solid #89e5f7; box-shadow: 0 2px 2px rgba(0,0,0,0.82); text-align: center; font-size: 24px; text-transform: uppercase;
background: #02bbdd;
background: -moz-linear-gradient(top, #02bbdd 0%, #018bae 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #02bbdd), color-stop(100%, #018bae));
background: -webkit-linear-gradient(top, #02bbdd 0%, #018bae 100%);
background: -o-linear-gradient(top, #02bbdd 0%, #018bae 100%);
background: -ms-linear-gradient(top, #02bbdd 0%, #018bae 100%);
background: linear-gradient(to bottom, #02bbdd 0%, #018bae 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02bbdd', endColorstr='#018bae',GradientType=0 ); 
border: none;
}
#call input[type="submit"]:hover { /*border-color: #ffac30;*/
background: #ffac30;
background: -moz-linear-gradient(top, #ffac30 0%, #f0ae30 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffac30), color-stop(100%, #f0ae30));
background: -webkit-linear-gradient(top, #ffac30 0%, #f0ae30 100%);
background: -o-linear-gradient(top, #ffac30 0%, #f0ae30 100%);
background: -ms-linear-gradient(top, #ffac30 0%, #f0ae30 100%);
background: linear-gradient(to bottom, #ffac30 0%, #f0ae30 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffac30', endColorstr='#f0ae30',GradientType=0 ); }
.b5-left input[type="text"].error, #call input[type="text"].error { border: 1px solid #f00; }
.b5-captcha{
    margin-bottom: 10px;
}
#call {display:none;}
.zakaz-zvonka{
width: 250px;
height: 50px;
background: #2f479c;
text-align: center;
vertical-align: center;
font: 17px/30px Arial, Tahoma, sans-serif;
display: inline-block;
padding-top: 10px;

}
  .zakaz-zvonka:hover{

background: #3752b3;
text-align: center;
font: 17px/30px Arial, Tahoma, sans-serif;
}
  .zakaz-zvonka a{
text-decoration: none;
color: white;

display: block;
}
.phone_head{
	float: left;
	margin-left: 60px;
}
/* Обратный звонок - конец*/