body {
    background-color: #fff;
    font-family: 'proxima_nova_ltlight', sans-serif;
    font-size: 16px;
	color: #000;
	
	}

a {
 color: #000;

}

a:hover, a:focus {
 color: #000;
}

a,
a:active,
a:focus {
    text-decoration: none;
}

h1, h2, h3 {
    font-family: 'proxima_nova_ltlight', sans-serif;
}

h2
{font-size: 46px;}

ul
{list-style: none;
	margin: 0;padding: 0;}

strong
{
font-family: proxima_nova_rgbold, sans-serif;	
font-weight: normal;	
}

.nopadding
{padding: 0 !important;}

.clear
{clear: both;}

img {max-width: 100%;, height: auto; display: block;}


.row-eq-height
{display: flex;}



.icontainer
{margin: 0 auto;
max-width: 1170px;
padding: 0 15px;
}



.button-phone {
    background: #07ad74;
    border-radius: 70px;
    bottom: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0) !important;
    display: none;
    height: 70px;
    left: -25px;
    margin: 10px 0 10px 50%;
    position: fixed;
    transition: all 0.3s ease 0s;
    width: 70px;
    z-index: 100;
}

.button-phone:hover {
    background: #06c383;
}

.button-phone:before {
    animation-delay: 0.5s;
    animation-direction: alternate;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-name: animaciya;
    animation-timing-function: ease-in-out;
    background-image: url("/images/phone.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: "";
    height: 32px;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 32px;
}
@keyframes animaciya {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(15deg);
}
}
@keyframes animaciya {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(15deg);
}
}




	
.ibutton, a.ibutton
{

background: skyblue;
box-shadow: 0px 3px 0px 0px rgb(135, 206, 235);
    

    border: medium none;
    border-radius: 10px;
    font-size: 17px;
    padding: 8px 16px;
    text-align: center;
	display: inline-block;
	color: #fff;
	
}




.ibutton:hover, .ibutton:focus
{
background: darkturquoise;
text-decoration: none;
}


section
{padding: 65px 0; }




/* header */

header
{
background: url('/images/bg1.png') no-repeat 50% 0;	
min-height: 1062px;
-moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
}

.plus
{font-family: Arial;
	font-weight: bold;
	font-size: 36px;}

.logo
{font-size: 34px; font-family: 'AA Bebas Neue', serif;

min-width: 74px;
min-height: 74px;
display: block;

margin-top: 10px;
	}
	
.logo:hover
{text-decoration: none; color: #000;}

.logo i
{font-style: normal;}

.logo span
{font-family: 'proxima_nova_ltlight', sans-serif; font-size: 18px; display: block;}

.logol
{float: left; margin-right: 10px; width: 74px;}

.logor
{float: left; width: calc(100% - 84px);}

.red
{color: #ff0036;}

.iphone
{font-size: 31px; display: block; font-family: 'proxima_nova_ltlight', sans-serif;font-weight: bold;line-height: 44px;}

.iphone:hover
{text-decoration: none;}

h1
{font-family: 'AA Bebas Neue', serif; font-size: 75px; text-align: center; margin: 10px auto 50px;}
.h1small
{font-size: 45px;}

.ih2
{margin-bottom: 70px;}

.whitebox
{background: #fff;
max-width: 440px;
 box-shadow: 0px 7px 38px 0px rgba(142, 142, 142, 0.24); 
 padding: 55px;
 float: right;
 margin-right: 25px;
}

.whitebox1
{display: none;
background: #fff;	
 box-shadow: 0px 7px 38px 0px rgba(142, 142, 142, 0.24); 
 padding: 15px 10px 30px 10px;
 text-align: center;
 text-transform: uppercase;
 margin-bottom: 30px;

}

.whitebox1 h3
{ font-family: 'AA Bebas Neue', serif;
 font-size: 28px;
 }

 .whitebox1 .ibutton
 { 	text-transform: uppercase;
	font-family: 'AA Bebas Neue', serif;
	padding: 8px 48px;
	font-size: 28px;
 }
 

 .hblock br
 {display: none;}
 
 
 
 
 
 
	
	
.user {
background: rgba(0, 0, 0, 0) url("/images/name.png") no-repeat scroll 0 0;
    display: block;
    height: 16px;
    left: 15px;
    position: absolute;
    top: 23px;
    width: 14px;
}

.user {
background: rgba(0, 0, 0, 0) url("/images/name.png") no-repeat scroll 0 0;
    display: block;
    height: 16px;
    left: 15px;
    position: absolute;
    top: 23px;
    width: 14px;
}

.phone
{
background: rgba(0, 0, 0, 0) url("/images/iphone.png") no-repeat scroll 0 0;
    display: block;
    height: 17px;
    left: 15px;
    position: absolute;
    top: 23px;
    width: 17px;
}


h2
{
font-family: 'AA Bebas Neue', serif;
font-size: 60px;
text-transform: uppercase;
text-align: center;
position: relative;
	
}

h2:after
{
content: "";
display: block;
width: 72px;
height: 5px;
border-radius: 5px;
background: radial-gradient(cadetblue, transparent);
margin: 20px auto 0 auto;
}


.list
{font-size: 18px;

}
.list li
{
background: rgba(0, 0, 0, 0) url("/images/a1.png") no-repeat scroll 0 50%;
padding-left: 50px;
min-width: 116px;
min-height: 116px;
 padding-left: 135px;
 margin-bottom: 30px;
}

li.a2
{background-image: url("/images/a2.png");}

li.a3
{background-image: url("/images/a3.png");}


.list h3
{
font-family: 'AA Bebas Neue', serif;
font-size: 32px;	
}

.bg
{
background: rgba(0, 0, 0, 0) url("/images/bg.jpg") repeat scroll 0 50%;	
}

.ibox
{
background: #fff;
display: inline-block;
box-shadow: 0px 7px 38px 0px rgba(142, 142, 142, 0.24); 
margin-bottom: 30px;
}

.iboxwrap
{
	padding: 25px;
	text-align: center;
}

.iboxcap 
{font-size: 24px;}

.iboxwrap .red
{font-size: 32px;
font-family: 'AA Bebas Neue', serif;
}

.iboxwrap .ibutton
{margin: 15px 0;
	display: block;
	padding: 15px 20px;
font-size: 20px; text-transform: uppercase;background: skyblue;}

.perezvon
{color: #7c7b7b;
font-size: 15px;}



#screen2
{padding-bottom: 0;}

.boxpaper
{
background: url("/images/paper.png") no-repeat scroll calc(50% - -201px ) 0;

	bottom: -65px;
    margin: -65px auto 0;
    max-width: 1439px;
    min-height: 616px;
    position: relative;
}

.boxpaperwrap
{
max-width: 940px;
margin: 0 auto;
padding: 45px 90px;
font-size: 18px;	
}



.ilist li
{background: url("/images/b1.png") no-repeat scroll 0 50%;
min-width: 55px;
min-height: 55px;
padding-top: 5px;
padding-left: 70px;
margin-bottom: 10px;

	}
li.b2 {background-image: url("/images/b2.png");}
li.b3 {background-image: url("/images/b3.png");}
li.b4 {background-image: url("/images/b4.png");}
li.b5 {background-image: url("/images/b5.png");}
li.b6 {background-image: url("/images/b6.png");}
li.b7 {background-image: url("/images/b7.png");}
li.b8 {background-image: url("/images/b8.png");}


.hlist li
{

display: inline-block;
    float: left;
    margin: 15px 21px;
    max-width: 183px;
    min-height: 55px;
    min-width: 55px;
    text-align: center;
    position: relative;
    
    vertical-align: middle;
	font-size: 22px;
	line-height: 24px;
	min-height: 251px;
}

.hlist li img
{margin: 0 auto;
margin-bottom: 20px; }

.c1 .ibutton
{margin-top: 15px; line-height: 18px; text-transform: uppercase; font-size: 15px;}


.hlist li:after
{background: url("/images/arrow.png") no-repeat scroll right 50%;
content: "";
    height: 21px;
    position: absolute;
    right: -45px;
    top: 45px;
    width: 34px;
	}


	
.hlist li:last-child:after	
{background: none;
	position: static;}

#screen5
{background: url("/images/manstanok.png") no-repeat scroll 50% bottom; 
background-size: 330px 350px;}

#screen5 h2
{margin-bottom: 65px;}



.listm p
{
 line-height: 22px;
}

.listm
{font-size: 18px;
}

.listm h3 {
    font-family: 'proxima_nova_rgbold', serif;
    font-size: 26px;
	margin: 0 0 5px 0;
}

.listm li
{


min-width: 116px;
min-height: 116px;

 margin-bottom: 20px;
}

.listbox
{float: right;}

.listboxr
{float: left;}

.listboxr li
{text-align: right; 

padding-left: 0;
}

.listboxr .imginline, .listboxr .inline-block
{float: right;}

.listbox .imginline, .listbox .inline-block
{float: left;}

.listboxr .inline-block 
{   padding-right: 10px;
    max-width: 288px;}
	
.listbox .inline-block 
{  padding-left: 10px;
    max-width: 288px;}

	
li.d1 .inline-block {padding-top: 30px;}

li.d3 .inline-block {padding-top: 20px;}
li.d4 .inline-block {padding-top: 20px;}
li.d5 .inline-block {padding-top: 20px;}




.gal
{text-align: center;}

.gal img
{display: inline-block;
margin-right: 1px;
margin-bottom: 5px;


}

.gal img:hover
{opacity: 0.8;}

.floatright
{float: right;}

.hpad
{padding: 30px 0;}

#screen7
{display: none;}




/*  ./header */

/* footer */

footer
{padding: 60px 0;}

.copy
{
float: right;
margin-top: 30px;
font-size: 15px;
 max-width: 200px;
    
}

.cleft
{display: inline-block; margin-right: 10px; vertical-align: middle; line-height: 18px;}

.copy a
{
 border-bottom: 1px solid #dfdfdf;
 text-decoration: none;
 display: block;
}

.copy a:hover
{border-bottom: 1px solid #c6c6c6;}

.ibutton.imobile
{display: none;}

footer .logo
{margin-top: 0;}

.hnone
{display: none;}

/* ./footer */



/* form */

.form-container {
text-align: center;
}

.form-wrapper h3 {
    font-size: 36px;
	font-family: 'AA Bebas Neue', serif;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
	position: relative;
	
}
.form-wrapper .text-succes{
	font-size: 1.5em;
	color: black;
}




.form-wrapper p 
   {color: #7c7b7b;
font-size: 15px;
text-align: center;}


.form-wrapper .form-group {
    position: relative;
}

.form-control {
   border: 1px solid #e2e2e2;
    box-shadow: none;
    color: #000;
    font-size: 18px;
    line-height: 20px;
    min-height: 62px;
    padding: 0 20px 0 40px;
	min-width: 310px;
}


.form-control:focus
{
box-shadow: none;	
}

.form-control::-moz-placeholder {
    color: #9b9b9b;
    font-size: 18px;
}

.form-control::-webkit-input-placeholder {
    color: #9b9b9b;
    font-size: 18px;
}

.form-wrapper button {
   
	min-width: 310px;
	font-family: 'AA Bebas Neue', serif;
	font-size: 32px;
	text-transform: uppercase;
}

.form-inline .form-group
{margin-bottom: 15px;}




/* ./form */







/* modal */





.modal-content .ibutton
{display: block;
    font-size: 32px;
    margin: 5px 0;
    width: 100%;}

.modal-content .form-wrapper{
	padding: 10px 5px;
}

.modal-padding
{padding: 65px 0;}

.modal-dialog
{width: auto;
max-width: 1110px;}


.modal-body
{
padding: 0;	
}
.modal-content
{
border-radius: 0;
border: none;
box-shadow: none;	
}

.modal-content .form-inline
{
}

.modal-content .form-inline  .form-group
{
	color: #000;
	float: none;
	display: block;
	width: 308px;
	margin: 0 auto 15px auto;
}


.modal-content .form-inline .form-control
{
border: 1px solid #dedede;	
	
}


#modal_order .form-wrapper button
{width: 100%;}




/* ./modal */



/* other */

#top {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 100;
 	background: #001530;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    transition: background-color 0.3s ease;
    cursor: pointer;
    display: none;
}


#top:hover {
    background-color: #0A2648;
    transition: background-color 0.3s ease;
}

.top-alert {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 1060;
    border-radius: 0px;
    position: fixed;
}




/* modal */

.modal .table {
    color: #000;
}

.modal .close {
    color: rgb(255, 255, 255);
    display: block;
    font-size: 50px;
    font-weight: 400;
    height: 25px;
    opacity: 0.8;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: -35px;
    width: 25px;
	background: url('/images/close.png') no-repeat 0 0;
}

.modal-tech{
    padding-top: 50px;
}

.modal-backdrop.in {
    opacity: 0.7;
}

.modal-callback {
    padding-top: 50px;
}

.modal-callback .modal-dialog {
    max-width: 440px;
    color: #fff;
}


/* ./modal */



.isDesktop .animate
{ opacity: 0;}



/* media */

@media (min-width: 1000px) {
.isDesktop .animate {
        opacity: 0;
    }
	
	

}


@media (min-width: 769px)
{
html
{
    -moz-transform: scale(1);
	-o-transform: scale(1);
  
   
	-moz-transform-origin: 50% 0;
	zoom: 1; /* Old IE only */
	}
}

@media (max-width: 768px)
{
	
	 .hblock br
 {display: inline-block;}
	
	#screen5 h2, .ih2
	{margin-bottom: 30px;}
	
	.gal a {display: inline-block;
    width: 49%;}
	
	.iboxcap
	{font-size: 18px;}
	
	
	
	.iboxwrap .red
	{font-size: 22px;}
	
	.logol
	{width: 45px; margin-right: 5px;}
	
	.logor
	{width: calc(100% - 55px);}
	
	.logo span
	{font-size: 14px; display: inline-block;}
	
	.hnone
	{display: block;}
	
	.hblock
	{display: block;}
	

	
	.logo
	{font-size: 19px;}
	
	.iphone
	{ float: right;
    line-height: 25px; font-size: 22px;}
	
	.plus
	{font-size: 19px;}
	
	.hpad 
	{padding: 0 5px;}
	
	.hpadr {display: none;}
	
	.hpad .col-xs-6
	{padding: 0;}
	
	
	
	
	#screen5 .imginline img
	{width: 55px;}
	
footer
{background: rgba(0, 0, 0, 0) url("/images/bg.jpg") repeat scroll 0 50%; padding: 30px 0 80px 0;}

.fmobile
{display: none !important;}

	
	#screen3, #screen6
	{display: none;}
	
	#screen7
	{display: block;}
	
	#screen2 p.perezvon
	{display: none;}
	
	.imginline
	{width: 55px;}
	
	.inline-block
	{width: calc(100% - 55px);}
	
	.listm li
	{min-height: 55px; }
	
	
	
	.list li
	{background: none; padding-left: 0; margin-bottom: 15px;}
	
	.stanok
	{margin-top: 100px;}
	
	.list
	{font-size: 16px;}
	
	
	.listboxr .inline-block, .listbox .inline-block
	{max-width: 100%;}
	
	.listm h3
	{font-size: 18px;}
	
	.ibutton.imobile
	{display:block;}
	
	
	.listboxr .imginline, .listboxr .inline-block
	{float: left;}
	
	.listm li .inline-block
	{padding-top: 0;}

	
	.listbox, .listboxr
	{max-width: 100%;}
	
	.listboxr .inline-block
	{padding-left: 10px;}
	
	.listboxr li
	{text-align: left;}
	
	
	.list li
	{background-position: 0 0;}
	
	.form-control, .form-wrapper button
	{min-width: 100%;}
	
	
	.modal-content .form-inline .form-group
	{width: auto;}
	
	
	
	
	
	.button-phone 
	{display: block;}
	#screen4
	{display: none;}
	
	.iboxwrap .ibutton
	{font-size: 16px;}
	
	.ibutton.idesktop
	{display: none;}
	
	
	body
	{word-wrap: break-word;}
	
	
	
	.copy
	{float: none; margin: 20px auto;}
	
	.boxpaperwrap
	{padding: 15px; font-size: 16px;}
	
	 section
	{padding: 30px 0;}

	
	#screen5
	{background: #fff;}
	
	.listboxr, .listbox
	{float: none; margin: 0 auto;}
	
	.hlist
	{text-align: center;}
	
	.hlist li
	{float: none; min-height: 100%; max-width: 100%;}
	
	.hlist li::after
	{position: static; display: none;}
	
	h2 {font-size: 26px;}
	
	.listm
	{font-size: 16px;}
	
	.list h3, h3
	{font-size: 18px;}
	
	.whitebox1
	{display: block;}
	 .whitebox1 .ibutton
	 { display: block;
    margin: 0 auto;}
	
	header .ibutton
	{display: none;}
	
	.floatright
	{float: none; text-align: center; margin: 15px 0;}
	
	.row {
    margin-left: -5px;
    margin-right: -5px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{ padding-left: 5px;
    padding-right: 5px;}
	
	.container
	{ padding-left: 5px;
    padding-right: 5px;}

	.row-eq-height {display: block;}

	h1
	{font-size: 35px; margin: 0 auto 15px auto; }
	
	.h1small {
		font-size: 30px;
		}
	
	.whitebox
	{display: none;}

	header
	{   background: rgba(0, 0, 0, 0) url("/images/bg.jpg") no-repeat scroll 50% 0; min-height: 100%;}
	
	header:after
	{background: rgba(0, 0, 0, 0) url("/images/man_mob.png") no-repeat scroll 50% 100%;
    content: "";
    display: block;
    height: 408px;
    margin: 0px auto;
    }

.imobile
{display: inline-block;}
	
}






@media(max-width:992px){
	

}


@media(max-width:1200px){
	.boxpaper{background: none; position: static; bottom: 0; margin-top: 0;} .boxpaperwrap {background: #fdfdfd;}
	#screen5
{background: #fff;}


}

@media(min-width:1200px){
.container
{width: 1140px;}

#screen3 .container, #screen5 .container
{width: 1170px;}





}


@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : landscape) { 
h1
	{font-size: 45px; }
	
	.h1small {
		font-size: 40px;
		}
}

/* ./media */


.menutop {
background: #050505;
text-align:center;
height:35px;

}

.menutop ul {
max-width:1100px;

}

.menutop ul li {
display: table-cell;
float:left;
height:35px;
line-height:35px;
width:12.5%;
}
.menutop ul li a {
color:#FFFFFF;
border-bottom: 1px dotted #fff;
width:100%;
display:block;
}

.menutop ul li:hover a {
color:#FFFFFF;
text-decoration:none;
border-bottom: 1px solid #fff;
}

.menutop ul li:hover {
background:#ff0036;
}

#map {
  width: 100%;
  height: 525px;
  margin-bottom: 30px; }