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

a {
	color: #000;
	
}

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

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

a:hover
{text-decoration: underline;}

h1, h2, h3,.h1small {
   font-family: 'MetaPro';
   font-weight: bold;
   color: #27354f;
}

h1
{font-size: 28px; background: #27354f; padding: 5px 10px; color: #fff; display: inline-block;}

h2
{font-size: 40px; margin-bottom: 45px; text-align: center; color: #27354f;
	
	}
	
h2:after
{content: "";
width: 64px;
height: 4px;
margin: 15px auto;
display: block;
background: #05aaa8;
	}

.h1small
{font-size: 45px; margin-bottom: 35px; background: #27354f; padding: 2px 10px; color: #fff; display: inline-block;}

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



.inline-block  .ibutton
{display: inline-block; width: auto;}

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

.text-right
{text-align: right;}


.modal-open1 {
    overflow: hidden;
}

.nopadding
{padding: 0 !important;}

.clear
{clear: both;}

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


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



.container
{margin: 0 auto;
	max-width: 1140px;
	padding: 0 15px;
}


.container-max
{
	max-width: 1920px;
	margin: 0 auto;
}


.clearfix {
    zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

.iborder, a.iborder
{	background: url('../images/dotted.png') repeat-x center bottom;
	padding-bottom: 2px;
	color: #27354f;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
	display: inline-block;
	font-family: 'MetaPro';
	font-weight: 500;}
	
.iborder:hover, .iborder:focus
{

background: none;
text-decoration: none;
}	

.ibutton, a.ibutton
{
background: #f30056;
	padding: 15px;
	color: #fff;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
	display: inline-block;
	font-family: 'MetaPro';
	font-weight: 500;
	width: 100%;
	border: none;
	border-radius: 5px;
}

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


section
{padding: 65px 0; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
	.col-sm-15 {
        width: 20%;
        float: left;
	}
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
	}
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
	}
}


/* header */

header
	{
	position: fixed;
	padding: 10px 0;
    background: #ffffff none repeat scroll 0 0;
    margin: 0 auto;
    top: 0;
	width: 100%;
	z-index: 5;
	}
	
.menu
{margin-top: 15px;}
	
.menu ul li
{float: left; }

.col-c, .col-l
{float: left;}

.col-c
{padding-left: 15px;
    width: calc(100% - 270px);}
	
#screen1a
{padding-bottom: 0;}


	

.menu ul li a
{font-weight: 500; font-size: 14px; color: #27354f;
padding: 2px 4px;	
display: block;
}

.menu ul li.active a, .menu ul li a:hover, .menu ul li a:focus
{
background: #05aaa8;
border-radius: 5px;
color: #fff;
text-decoration: none;
}

.menu ul li.nocative.active a
{background: none; color: #27354f; }


.menu ul li.nocative.active a:hover, .menu ul li.nocative.active a:focus, .menu ul li.nocative a:hover, .menu ul li.nocative a:focus
{background: #05aaa8;
border-radius: 5px;
color: #fff;
text-decoration: none;}

	
.img-center img
{margin: 0 auto;}	

.text-center .arrowblock img
{ margin: -45px 80px 0;}

.col-img
{display: inline-block; vertical-align: middle;}

.caption
{font-size: 24px; font-family: 'MetaPro'; font-weight: bold; margin: 15px 0 0; color: #27354f;}

	
.logol
{
 background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll left top;
    line-height: 27px;
    min-height: 47px;
    padding-left: 75px;
}

.boxbox
{box-shadow: 0px 9px 24.03px 2.97px rgba(10, 43, 83, 0.07); background: #fff; border-radius: 5px; max-width: 429px; margin: 0 auto;}

.logo
{
font-size: 20px;
font-family: 'MetaPro';
font-weight: bold;
}

.logo .blue
{color: #0f679a; line-height: 40px;}
	
.logo .blue span
{color: #f30056;}	

.logol p.small
{
	font-family: 'MetaPro-Book';
	font-size: 14px;
    font-weight: normal;
	
}

.ihead
{text-align: right; float: right;}

.ihead p
{margin: 0;}

.logol p
{ margin: 0;}

.phone
{
font-size: 24px;
background: url('../images/hphone.png') no-repeat left center;
padding-left: 22px;
}


#screen1
{
	background: url('../images/trans-bg.jpg') no-repeat center top;
	min-height: 581px;
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding: 100px 0;
}

#screen1 .container
{position: relative;}



.zindex2
{z-index: 2; position: relative;}

.iboxwrap
{
 position: absolute;
    right: 0;
    top: 70px;
	z-index: 2;
}

.aa
{font-size: 20px; font-weight: 500; color: #27354f; max-width: 400px; float: left;}

.aa li
{ 
	background: rgba(0, 0, 0, 0) url("../images/a1.png") no-repeat scroll left center;
	min-height: 53px;
    padding-left: 65px;
	margin-bottom: 15px;}


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

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


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


.aa li.a5
{
background-image: url("../images/a5.png");
}		
	
.ibox
{float: right;
	position: relative;
	background: #fff; max-width: 352px; border-radius: 5px;  box-shadow: 0px 9px 24.03px 2.97px rgba(10, 43, 83, 0.07); padding: 30px 25px; }

.ibox h3
{margin-bottom: 5px; text-align: center; font-size: 26px;}

.pform
{font-size: 17px; font-weight:bold; color: #27354f; text-align: center; margin-bottom: 30px; font-family: 'MetaPro';}

.ibox.absolute
{position: absolute;left: 0; top: 0;}



.auto
{ background: rgba(0, 0, 0, 0) url("../images/auto.png") no-repeat scroll 0 bottom;
    bottom: 0;
    height: 352px;
    position: absolute;
    right: 260px;
    width: 472px;}


.imgbox
{background: #fff; display: inline-block;
padding: 15px;
box-shadow: 0px 9px 43px 0px rgba(0, 0, 0, 0.06); border-radius: 5px;
}

.caption-cetner
{text-align: center; padding: 25px 50px;}

.caption-cetner .caption
{margin-bottom: 10px;}

.text-center img
{margin: 0 auto;}



.icaption
{margin-top: 10px;}

.ballon
{	
background: rgba(0, 0, 0, 0) url("../images/ballon.png") no-repeat scroll 0 -898px;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    height: 91px;
    padding: 15px 20px 20px;
    text-align: center;
    width: 91px;
}

.ballon.red, .ballon:hover
{
	
	background: rgba(0, 0, 0, 0) url("../images/ballon.png") no-repeat scroll 0 0;
}

.zmeika
{background: rgba(0, 0, 0, 0) url("../images/zmeya.jpg") no-repeat scroll 0 28px;}

.zmeika-wrap
{ margin: 0 0 0 80px;
    max-width: 1010px;}

.zmeika .caption
{line-height: 24px; margin-top: 0; font-size: 22px;}

.zmeika .row
{margin-bottom: 20px;}


#screen3
{
	background: url('../images/trans-bg-2.jpg') no-repeat center top;
	min-height: 718px;
	
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding: 35px 0;
}

#screen3 h2
{color: #fff;}

.whitebox
{background: #fff; padding: 20px;}

.capimg
{
	background: url('../images/car.png') no-repeat left 10px;
	padding-left: 40px;
}

.capimg span 
{
font-size: 28px;
font-family: 'MetaPro'; font-weight: bold; color: #27354f;
}

.capimg .caption
{font-size: 20px;}

.capimg .text
{font-size: 15px;}

.text-right img
{float: right;}


.cc .col-xs-12 > div
{position: relative; float: left; width: 50%;}

.cc .col-xs-12 
{padding: 0;}

.cc .inline-block
{display: inline-block;}

.tile
{   background: #f0f5f5 none repeat scroll 0 0;
    font-size: 14px;
    left: 0;
    line-height: 20px;
    margin-top: 10px;
    max-width: 225px;
    opacity: 0;
    padding: 10px 15px;
    position: absolute;
    z-index: 2;
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
	
	}
.cc.row, .nocc.row
{margin: 0 0 40px 0;}

.cc .col-xs-12 > div:hover .tile, .c14:hover .tile, .c13:hover .tile
{opacity: 1; 
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
	}
.cc .col-xs-12 > div, .c14, .c13
{cursor: pointer;}

.c14, .c13 {margin-top: 100px;}



.nocc .col-xs-12
{padding: 0;}

.cwrap
{padding: 20px 0 0 70px;
    position: relative;
	font-size: 18px; line-height: 22px;
	 min-height: 60px;
	}
	
.cwrap.str
{padding-top: 9px;}


.cwrap:before
{ border-radius: 50%;
    content: "";
    height: 60px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 60px;}

.cwrap:hover:before
{background-color: #f30056 !important;
	}	
	
.c1 .cwrap:before
{ background: #05aaa8 url("../images/c1.png") no-repeat scroll 50% 50%;
}



.c2 .cwrap:before { background: #05aaa8 url("../images/c2.png") no-repeat scroll 50% 50%;}

.c3 .cwrap:before { background: #05aaa8 url("../images/c3.png") no-repeat scroll 50% 50%;}

.c4 .cwrap:before { background: #05aaa8 url("../images/c4.png") no-repeat scroll 50% 50%;}

.c5 .cwrap:before { background: #05aaa8 url("../images/c5.png") no-repeat scroll 50% 50%;}

.c6 .cwrap:before { background: #05aaa8 url("../images/c6.png") no-repeat scroll 50% 50%;}

.c7 .cwrap:before { background: #05aaa8 url("../images/c7.png") no-repeat scroll 50% 50%;}

.c8 .cwrap:before { background: #05aaa8 url("../images/c8.png") no-repeat scroll 50% 50%;}

.c9 .cwrap:before { background: #05aaa8 url("../images/c9.png") no-repeat scroll 50% 50%;}

.c10 .cwrap:before { background: #05aaa8 url("../images/c10.png") no-repeat scroll 50% 50%;}

.c11 .cwrap:before { background: #05aaa8 url("../images/c11.png") no-repeat scroll 50% 50%;}

.c12 .cwrap:before { background: #05aaa8 url("../images/c12.png") no-repeat scroll 50% 50%;}

.c13 .cwrap:before { background: #05aaa8 url("../images/c13.png") no-repeat scroll 50% 50%;}

.c14 .cwrap:before { background: #05aaa8 url("../images/c13.png") no-repeat scroll 50% 50%;}


.h2small
{font-size: 26px; display: inline-block;}

h2.lh
{line-height: 35px; margin-bottom: 30px;}

#screen5
{padding-bottom: 30px;}

#screen5 .bgtrans
{
	background: url('../images/trans-bg-4.jpg') no-repeat center top;
	min-height: 916px;
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding: 35px 0;
}



.cont980
{max-width: 1010px; margin: 0 auto;}

.attrow
{margin-bottom: 30px;}
.attrow h3
{font-size: 22px; font-weight: 500; margin-bottom: 25px;}

.att li
{
	
background: rgba(0, 0, 0, 0) url("../images/attention.png") no-repeat scroll left 0;
padding-left: 35px; min-height: 26px; margin-bottom: 15px;
}

.blockcenter
{max-width: 945px; margin: -150px auto 0 auto; clear: both;}

#screen6
{padding-top: 0;}


.block-l
{width: 63%; float: left; background: rgba(0, 0, 0, 0) url("../images/img-bg.png") no-repeat scroll left 0; padding: 30px 35px; min-height: 437px; box-shadow: 0px 9px 24.03px 2.97px rgba(10, 43, 83, 0.07);}

.block-r
{float: left;
    margin-left: -2px;
    width: 37%;}

.block-l h2
{color: #fff; text-align: left; font-size: 40px; line-height: 44px;}
.block-l h2 span
{font-size: 22px; line-height: 26px; display: inline-block; margin-top: 10px;}

.block-l h2:after
{margin-left: 0; }

.form-inline.form-consultation 
{max-width: 257px; margin: 0 auto;}

.bborder
{
	font-size: 28px;
margin-bottom: 0;
   text-align: center;
}

.bborder:after
{content: "";
width: 64px;
height: 4px;
margin: 10px auto 5px;
display: block;
background: #05aaa8;
	}
	
.bbordersmall
{
	font-family: 'MetaPro';
   font-weight: bold;
   color: #27354f;
   font-size: 24px;
	margin-bottom: 25px;
}
.check
{text-align: left; font-size: 16px; margin: 30px 0;}

.check li
{
background: url('../images/check_1.png') no-repeat left 6px;
padding-left: 22px;
margin-bottom: 15px;
	}
.check2
{margin-bottom: 53px;}
	.buttonmax
	{max-width: 255px; margin: 0 auto;}

.boxbox2
{max-width: 998px;}

.boxbox-l, .boxbox-r
{float: left;}

.boxbox-l
{width: 35%;}

.boxbox-r
{width: 65%;}

.boxbox2 .bborder:after, .boxbox2 .bborder, .boxbox2 .bbordersmall
{text-align: left;}
.boxbox2 .bborder:after
{margin-left: 0}

.check3
{float: left; margin-right: 15px; margin-top: 10px;}

.boxbox2 .caption-cetner
{padding: 35px;}

.boxbox2
{margin-top: 40px;}

.boxbox2 .bbordersmall
{margin: 0;}

#screen7 h2
{font-size: 32px;}


.dd p span
{font-weight: bold; font-family: 'MetaPro'; font-size: 22px; line-height: 24px; display: block; color: #27354f;}

.dd p
{font-size: 15px; background: url('../images/d1.png') no-repeat left top; 
	padding-left: 65px; min-height: 53px; margin-bottom: 35px;}

p.d2
{background-image:  url('../images/d2.png');}

p.d3
{background-image:  url('../images/d3.png');}

p.d4
{background-image:  url('../images/d4.png');}

p.d5
{background-image:  url('../images/d5.png');}


p.d6
{background-image:  url('../images/d6.png');}

p.d7
{background-image:  url('../images/d7.png');}
p.d7
{background-image:  url('../images/d8.png');}

.cont1045
{max-width: 1045px;}
	
	
#screen8
{background: url('../images/trans-bg-3.jpg') no-repeat center top;
	min-height: 392px;
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
color: #fff;
}

#screen8 h2
{font-size: 40px; color: #fff;}

#screen8 h4
{font-size: 24px; text-align: center;}

#screen8 .form-inline .form-group
{display: inline-block; margin-right: 15px; }

#screen8 .form-inline.form-consultation
{max-width: 100%;}


#screen8 .ibutton
{max-width: 100%; padding: 12px 14px; font-size: 22px;}

#map, #YMapsID {
    height: 340px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.imapx
{position: relative;}

.mapblock
{position: absolute; right: 0; top: 80px; background: #27354f; padding: 30px 35px; color: #fff; max-width: 335px;}

.mapblock:after
{
border-color: rgba(0, 0, 0, 0) #27354f;
    border-style: solid;
    border-width: 10px 12px 10px 0;
    content: "";
    height: 0;
    left: -12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 0;
}

.mapblock h3
{font-size: 28px; color: #fff;}

#screen9
{padding-bottom: 0;}

.box-white
{padding: 35px;}

/*  ./header */

/* footer */

footer
{padding: 30px 0; font-size: 15px;}
.footwrap .phone
{font-size: 15px;}

.footc
{margin: 0 auto; float: right;}

.footc p
{margin-bottom: 0;}

.footc
{margin-left: 22px;}

footer .logo
{margin-top: 10px;}

.hawk
{background: rgba(0, 0, 0, 0) url("../images/hawk.png") no-repeat left 5px;
 padding-left: 45px; font-size: 13px; float: right; min-height: 30px;}
 
 .hawk .disp
 {display: inline-block; border-bottom: 1px dotted #000;}
 
.hawk .bdisp
{display: block;}


.iwrap {
    padding: 0 60px;
    position: relative;
}
.ifade
{max-width: 980px; margin: 0 auto;}

.iwrap .carouselnav {
    bottom: auto;
    right: 0;
    top: 30%;
    width: 100%;
	position: absolute;
}

.carouselnav ul {
    text-align: center;
    vertical-align: middle;
}

.iwrap .carouselnav .prev {
    background: rgba(0, 0, 0, 0) url("../images/arrow-slider.png") no-repeat scroll 0 bottom;
    height: 54px;
    left: 0;
    position: absolute;
    width: 54px;
	cursor: pointer;
}
.iwrap .carouselnav .next {
    background: rgba(0, 0, 0, 0) url("../images/arrow-slider.png") no-repeat scroll 0 0;
    height: 54px;
    position: absolute;
    right: 0;
    width: 54px;
	cursor: pointer;
}

.slick-dots
{margin: 30px 0; text-align: center;}

.slick-dots li
{display: inline-block;}

.slick-dots button
{background: #45546f none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    display: block;
  
    height: 8px;
    margin-right: 5px;
    padding: 0;
    text-indent: -9999px;
    width: 8px;
	
	}

.slick-dots button:hover, .slick-dots li.slick-active button
{background: #05aaa8;}



/* ./footer */



/* form */

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

.form-wrapper h3 {
    font-size: 26px;
	color: #27354f;
    text-align: center;
    margin-bottom: 30px;
	position: relative;
	
}

.form-wrapper h3.thx
{
	margin-bottom: 5px;
	background: url('../images/checkbig.png') no-repeat center top;
	padding-top: 90px;
	}




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

.form-control {
	
    box-shadow: none;
    color: #000;
    font-size: 16px;
	font-weight: 300;
    min-height: 52px;
    padding: 0 15px 0 15px;
	border-radius: 0;
	
}

.form-control:focus
{ border-color: #d2002b;
	box-shadow: none;	
}

.form-control::-moz-placeholder {
    color: #525252;
    font-size: 16px;
	opacity: 1;
}

.form-control::-webkit-input-placeholder {
    color: #525252;
    font-size: 16px;
	opacity: 1;
}

.form-inline .form-group
{margin-bottom: 11px; display: block; position: relative;}

.form-text
{font-family: 'MetaPro'; font-weight: 500; color: #000; margin-bottom: 0;}

.icon.user
{position: absolute;
background: rgba(0, 0, 0, 0) url("../images/login.png") no-repeat scroll left center;
    width: 17px;
    height: 18px;
    left: 15px;
 
    bottom: 17px;}

.icon.phone
{position: absolute;
background: rgba(0, 0, 0, 0) url("../images/phone.png") no-repeat scroll left center;
  
    height: 18px;
    left: 15px;
 
    bottom: 15px;
    width: 17px;

}

.form-inline .form-control
{width: 100%; background: #f0f5f5; border-radius: 5px; border: none; padding-left: 35px;}

.form-noinline input
{max-width: 330px;}

.form-noinline .ibutton
{display: block; width: 100%; max-width: 330px; font-size: 22px; padding: 13px 25px;}

.form-noinline .form-group
{margin-bottom: 10px; position: relative;}

.form-noinline .form-group:last-child
{margin-bottom: 0; } 
.form-noinline .form-control
{padding: 0 15px 0 40px;}



/* ./form */







/* modal */


.modal-tarif
{}

.modal-tarif h2
{margin-top: 0;}


.modal-content .modal-tarif .ibutton
{width: auto; font-size: 20px; padding: 10px 25px; margin: 0; display: inline-block;}

.modal-backdrop
{background: #000; }
.modal-backdrop.in
{opacity: 0.5;}


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

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

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

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


.modal-body
{
	padding: 0;	
}
.modal-content
{
	border-radius: 5px;
	border: none;
	box-shadow: 0px 9px 43px 0px rgba(0, 0, 0, 0.06); 
}

.modal-content .form-inline
{
	padding: 30px 35px;	
	
}

.modal-content .ptext
{color: #27354f; font-size: 17px; text-align: center; margin-bottom: 30px; font-family: "MetaPro";
    font-weight: bold;}

.modal-content .form-wrapper h3
{margin-bottom: 10px;}

.modal-content .form-inline  .form-group
{
	color: #000;
	float: none;
	display: block;
	
	
}

.finline
{max-width: 93px; margin-right: 15px; margin-bottom: 5px;}

.modal-content .form-inline .form-control
{
	 display: block;
padding: 0 15px 0 40px;
    width: 100%;
	font-weight: 300;
	 font-family: 'Roboto', sans-serif;
}
.modal-content .form-inline .form-group
{

}

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




/* ./modal */



/* other */

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


#top:hover {
    background-color: #ff005a;
    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: 395px;
color: #27354f;
font-family: 'MetaPro';
   font-weight: bold;
   font-size: 16px;
}

.form-wrapper h3.imargh
{margin: 0;
background: url('../images/checkbig.png') no-repeat center top;
padding-top: 65px;
}


/* ./modal */



.isDesktop .animate
{ opacity: 0;}

.b-social{
    margin: 10px -5px 0 -5px;
}
.b-social a{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}


/* media */

@media(max-width:1200px){

		.text-center .arrowblock img
{ margin: -45px 50px 0;}
	
	.zmeika{background: none;}
	
	.auto
	{display: none;}
	
	.zindex2, .iboxwrap
	{width: 50%; float: left; position: static; }
	
}

@media(max-width:992px){
	.text-center .arrowblock img
{ margin: -45px 0px 0;}

.col-c, .col-l
{float: none; width: 100%;} 
.ihead
{float: none;   text-align: center;} 
			
}

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

	
}


@media (min-width: 769px)
{
	
}

@media (max-width: 768px)
{
	
	
	.boxbox-l, .boxbox-r
	{float: none; width: 100%;}
	
	.boxbox-l img
	{margin: 0 auto;}
	
	
	header
	{position: static; height: 100%;}
	
	#screen1
	{margin-top: 0 !important;}
	
	#map, #YMapsID
	{height: 200px;}
	
	.hawk {float: none;
    display: inline-block;
	text-align: left;
	}
	
	.blockcenter
	{margin: 0;}
	
	.hawk-wrap{margin: 0 auto; text-align: center;}
	
	.footc
	{float: none; text-align: center; margin: 15px 0;}
	
	.block-l
	{background: rgba(0, 0, 0, 0) url("../images/trans-bg-small.jpg") no-repeat scroll left 0; box-shadow: none;}
	
	.mapblock
	{position: static; max-width: 100%;}
	
	

.col-c, .col-l
{float: none; width: 100%;} .menu {display: none;}
.ihead
{float: none;   text-align: center;} 
.iboxwrap
{position: static;}

.aa
{float: none;}

.zmeika
{background: none;}

.ballon
{margin:0 auto;}

.zmeika-wrap
{text-align: center; margin: 0;}

.iwrap
{padding: 0;}

.capimg
{padding: 0 20px; background: none;}
.capimg span
{
 background: rgba(0, 0, 0, 0) url("../images/car.png") no-repeat scroll left 10px;
  padding-left: 40px;
 
 }

.iwrap .carouselnav .next
{ background: rgba(0, 0, 0, 0) url("../images/slider-arrow-small.png") no-repeat scroll 0 bottom;
  
    height: 20px;
    position: absolute;

    width: 20px;}
.iwrap .carouselnav .prev
{ background: rgba(0, 0, 0, 0) url("../images/slider-arrow-small.png") no-repeat scroll 0 0;
  
    height: 20px;
    position: absolute;

    width: 20px;}
	
	.cwrap
	{font-size: 14px;}
	
	.cwrap
	{ padding: 20px 0 0 65px;}
	
	.cc .col-xs-12 > div
	{margin-bottom: 15px;}
	
	 .cc.row, .nocc.row
	{margin: 0;}
	
		.zindex2, .iboxwrap
	{width: 100%; float: none;}
	
	.c14, .c13
	{margin: 15px 0;}
	
	.block-l, .block-r
	{width: 100%; float: none;}
	
	#screen8 h2
	{font-size: 28px;}
	
	#screen8 h4
	{font-size: 18px;}

	h1
	{font-size: 28px; margin: 15px 0; text-align: center;}
	
	.h1small
	{text-align: center; font-size: 20px; }
	
	h2 
	{font-size: 28px; margin-bottom: 20px;}
	
	h3
	{font-size: 20px;}
	
	p.small
	{font-size: 14px;}
	
	.logo
	{font-size: 32px;}
	
	.affix
	{position: static;}
	
	footer
	{padding: 20px 0; font-size: 15px;}

	
	
	section
	{padding: 30px 0;}
	
	

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






@media(min-width:1200px){
	
}


@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : landscape) { 
	
}

/* ./media */



.modal {
    display: block;
    visibility: hidden;
	 -webkit-overflow-scrolling: auto !important;
    overflow-y: auto !important;
   
}
.modal.in {
    visibility: visible;
}