/*html,*/
body {
    height: 100%;
    width: 100%;
}

body {
    background: url('../img/bg.jpg') no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    font: 400 20px/1 'Merriweather', 'Arial Narrow', sans-serif;
    margin: 0;
}

input:focus {
    outline: none;
}

.container {
    position: relative;
    max-width: 1030px;
    padding: 0 15px;
    margin: 0 auto;
}

.pull-right {
    float: right;
}

p {
font: 18px 'Merriweather', 'Arial Narrow', sans-serif;
}
/**
 * Шапка
 */
.header {
    color: #fff;
    height: 780px;
    text-transform: uppercase;
	border-bottom: 1px dashed #ccc;
}

.header .circle {
    position: absolute;
    top: -400px;
    left: -440px;
    width: 710px;
    height: 735px;
    border-radius: 50%;
    padding: 415px 0 0 440px;
    background: #292929;
    background: rgba(41, 41, 41, .8);
    /*visibility: hidden;*/

}

@media only screen and (max-width: 1100px) {
    .header .circle{
        padding-left: 450px;
    }
}

@media only screen and (max-width: 767px) {

    .header{
        height:auto;
        padding-top: 30px;
    }
    .header .circle{
        position: static;   
        left:auto;
        width:auto;
        height:auto;
        background: none;
        border-radius:0;
        padding:0;
    }
    .header address{
        margin-bottom: 0 !important;
        padding-bottom: 30px;
        text-align: center;
        font-size: 16px !important;
    }
    .header{
        background: rgba(41, 41, 41, .8);
    }
}

.header .calls {
    font-size: 0;
    margin: 0 0 50px 10px;
    padding-top: 15px;
}

@media only screen and (max-width: 767px) {
    .header .calls{
        margin:0 0 10px 0;
        padding-top: 0;
    }
}

.header .call {
    display: inline-block;
    font-weight: 700;
    font-size: 36px;
    vertical-align: middle;
}

.header .call br {
    display: none;  
}

@media only screen and (max-width: 767px) {
    .header .call{
        display: block;
        font-size: 30px;
        text-align: center; 
    }
    .header .call br {
        display: block; 
    }
}

.header .phones {
    color: #470027;
    font-weight: 700;
    font-size: 36px;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.header .order {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    margin: 0 0 0 25px;
    text-decoration: none;
    vertical-align: middle;
}

.header .order:hover {
    text-decoration: underline;
}

.header .logo {
    background: url(../img/logo.png);
    display: block;
    width: 222px;
    height: 110px;
    margin: 0 0 15px;
}

@media only screen and (max-width: 767px) {
    .header .logo{
        margin-left: auto;
        margin-right: auto;
        
    }
}

.header .title {
    font-size: 24px;
    line-height: 1.1;
    margin: 0 0 65px;
}

.header .title strong {
    color: #ffffff;
    font-size: 38px;
}


@media only screen and (max-width: 767px) {
    .header .title{
        text-align: center; 
        font-size: 20px;
        margin-bottom: 30px;
    }
    .header .title strong {
        font-size: 30px;
        text-align: center; 
        display: block; 
    }
}

.header .title i{
    color: #470027;
    font-size: 48px;
    display: block;
    margin-bottom: 10px;
    font-style: normal;
}

.header address {
    font-size: 18px;
    font-style: normal;
    margin: 0 0 110px;
}

.header .work {
    line-height: 1.1;
    padding: 0 270px 0 0;
    text-align: center;
}

.header .work strong {
    font-size: 48px;
}



/**
 * Блок№1
 */
.block1 {
    background: #fff;
    padding: 15px 0 75px;
    
	border-bottom: 1px dashed #ccc;
}

.block1 h2 {
    color: #434343;
    font-size: 48px;
    line-height: normal;
    margin: 0 0 35px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .block1{
        padding-bottom: 0px;
    }
    .block1 h2{
        font-size: 30px;
        margin:0 !important;
        padding:  10px 0 0 0;
    }
}

.block1 h2 strong {
    color: #470027;
}





/**
 * block2
 */
.block2 {
    background: #292929;
    background: rgba(0, 0, 0, 0.85);
    padding: 15px 0 35px;
    
	border-bottom: 1px dashed #ccc;
}

.block2 h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 25px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .block2 h2 {
        font-size: 30px;
        margin:0;
        padding: 20px 0;
    }
}

.block2 h2 strong {
    color: #470027;
}

.block2 ul {
    list-style: none;
    height: 715px;
    margin: 0;
    padding: 0;
    position: relative;
}

.block2 li {
    position: absolute;
    visibility: hidden;
}

.block2 .title {
    color: #fff;
    line-height: 48px;
    background: #292929;
    background: rgba(41, 41, 41, .8);
    font-size: 26px;
    line-height: 48px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 48px;
}

/**
 * block3
 */
.block3 {
    background: #fff;
    color: #000000;
    padding: 15px 0;
    padding-bottom: 60px;
}



.block3 h2 {
    font-size: 48px;
    margin: 0 0 30px;
    text-align: center;
	color: #434343;
}

@media only screen and (max-width: 767px) {
    .block3{
        padding-bottom: 0px;
    }
    .block3 img{

    }
    .block3 h2 {
        font-size: 30px;
        margin:0;
        padding: 20px 0;
    }
    .block3 img {
        max-width:100%;
        margin-left:auto !important;
        margin-right:auto !important;
        display: block;
        float:none !important;
    }
}

.block3 h2 strong {
    color: #470027;
}

.block3 p:last-child{
    margin-bottom: 0;
}


.block3 a {
    color: #6CBCF0;
	text-decoration: none;
}


/**
 * block6
 */
.block6 {
    background: #c7d0cc;
    color: #494949;
    padding: 15px 0 0;
    
	border-bottom: 1px dashed #ccc;
}

.block6 h2 {
    font-size: 48px;
    margin: 0 0 30px;
    text-align: center;
	color: #434343;
}

@media only screen and (max-width: 767px) {
    .block6 h2 {
        font-size: 30px;
        margin:0;
        padding: 20px 0;
    }
}

.block6 h2 strong {
    color: #470027;
}



.block6 a {
    color: #470027;
	text-decoration: none;
}



/**
 * block16
 */
.block16 {
    background: #f8f4ff;
    color: #494949;
    padding: 15px 0 0;
    
	border-bottom: 1px dashed #ccc;
   

	
}

.block16 h2 {
    font-size: 48px;
    margin: 0 0 30px;
    text-align: center;
	color: #434343;
	
}

.block16 h2 strong {
    color: #470027;
}



.block16 a {
    color: #6CBCF0;
	text-decoration: none;
}




/**
 * Карта
 */
.map {
    background: #292929;
    background: rgba(41, 41, 41, .8);
    padding: 20px 0 40px;
	border-bottom: 1px dashed #ccc;
}

.map h2 {
    color: #fff;
    font-weight: 700;
    font-size: 48px;
    margin: 0 0 20px 15px;
    text-transform: uppercase;
}

.map h2 strong {
    color: #470027;
}

.map .yandex-map {
    background: #333;
    height: 500px;
}


/**
 * Модальное окошко
 */
.overlay {
    background: #000;
    display: none;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: .8;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9998;
}

.modal {
    background: #292929;
    background: rgba(41,41,41, .8);
    box-shadow: rgba(0,0,0, .6) 0 2px 9px;
    display: none;
    left: 50%;
    padding: 35px;
    position: fixed;
    top: 50%;
    z-index: 9999;
}

.modal form h3 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin: 5px 0 10px;
}

.modal input {
    display: block;
    margin: 0 auto 10px;
    height: 48px;
    padding: 0 10px;
    border-radius: 8px;
    text-align: center;
    text-transform: uppercase;
    font: 400 30px/normal 'PT Sans Narrow', 'Arial Narrow', sans-serif;
    color: #fff;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    width: 90%;
}

.modal input[type=text] {
    background: #272727;
    border: 1px solid #7d7d7d;
}

.modal input[type=submit] {
    border: 1px solid;
    border-color: #93b1bb #296171 #11262c;
    background: #43a3c0;
    cursor: pointer;
    font-weight: 700;
    padding: 0;
    text-shadow: 0 1px 1px #444;
    background: #44a3c0;
    background: -moz-radial-gradient(center, ellipse cover, #44a3c0 0%, #28687e 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #44a3c0), color-stop(100%, #28687e));
    background: -webkit-radial-gradient(center, ellipse cover, #44a3c0 0%, #28687e 100%);
    background: -o-radial-gradient(center, ellipse cover, #44a3c0 0%, #28687e 100%);
    background: -ms-radial-gradient(center, ellipse cover, #44a3c0 0%, #28687e 100%);
    background: radial-gradient(ellipse at center, #44a3c0 0%, #28687e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44a3c0', endColorstr='#28687e', GradientType=1);
}


/**
 * Анимации http://www.justinaguilar.com/animations/
 */
.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;

    animation-duration: .8s;
    -webkit-animation-duration: .8s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    60% {
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    60% {
        -webkit-transform: scale(1.1);
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

.slideRight{
    animation-name: slideRight;
    -webkit-animation-name: slideRight;

    animation-duration: .8s;
    -webkit-animation-duration: .8s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }
    50%{
        transform: translateX(8%);
    }
    65%{
        transform: translateX(-4%);
    }
    80%{
        transform: translateX(4%);
    }
    95%{
        transform: translateX(-2%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }
    50%{
        -webkit-transform: translateX(8%);
    }
    65%{
        -webkit-transform: translateX(-4%);
    }
    80%{
        -webkit-transform: translateX(4%);
    }
    95%{
        -webkit-transform: translateX(-2%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

.hatch {
    animation-name: hatch;
    -webkit-animation-name: hatch;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    visibility: visible !important;
}

@keyframes hatch {
    0% {
        transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        transform: rotate(2deg) scaleY(1);
    }
    50% {
        transform: rotate(-2deg);
    }
    65% {
        transform: rotate(1deg);
    }
    80% {
        transform: rotate(-1deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        -webkit-transform: rotate(2deg) scaleY(1);
    }
    50% {
        -webkit-transform: rotate(-2deg);
    }
    65% {
        -webkit-transform: rotate(1deg);
    }
    80% {
        -webkit-transform: rotate(-1deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

/*****************OTPR***************/
.otpr {
    width: 600px;
    position: relative;
    margin: auto;
    background: rgba(41,41,41,.8);
    padding: 20px;
    border-radius: 10px;
    color: #f3f3f3;
    top: 20%;
    text-align: center;
}
.otpr h3 {
    margin-top: 0;
}
.otpr a {
    color: #f3f3f3;
}


.white {
color: #fff;
}
.white a {
    color: #6CBCF0;
	text-decoration: none;
}



/*-- red_form_3 --*/
.red_form_3{
background: #470027;
width:100%;
border-bottom: 1px dashed #ccc;
}

.red_form_3_inside{
display:block;
position:relative;
max-width:931px;
height:90px;
margin:0 auto;	
}


.RF3_title{
line-height: 90px !important;
font: 35px 'Intro-Light', sans-serif;		
color:#fff;
text-align:center;
text-transform:uppercase;	
}

@media only screen and (max-width: 767px) {
    .RF3_title{
        font-size: 30px;
        padding: 0;
        line-height: 90px;
    }
}

.RF3_text{
font: 8px 'Intro-Light-Alt', sans-serif;	
color:#fff;	
text-align:center;
}

.RF5_text{
padding-top:25px;
font: 10px 'Intro-Light-Alt', sans-serif;	
color:#fff;	
text-align:center;
}

.red_form_3_block{
display:inline-block;
width:100%;
margin-top:0px;
text-align:center;
}

.fi_page{
display:inline-block;
width:20%;
margin-right:15px;
height:35px;
margin-bottom:-13px;
margin-top:20px;
}

.form_input_page{
font-size:12px;
background:#fff;
width:100%;
height:35px;
color:#919191;
font: 14px 'Intro-Light-alt', sans-serif;
border:none;

border-radius: 10px;  /* свойство для тех кто его поддерживает */
-moz-border-radius: 10px;  /* для firefox */
-webkit-border-radius: 10px;  /* для Safari и Chrome */	
}

.submit_btn_page{
width:100%;
height: 35px;
display:block;
border:none;
font: 14px 'Intro-Book-Caps', sans-serif;
color: #fff;
text-decoration:none;
text-align: center;
padding-top:0px;
background: #282828; /*--темно-серый--*/	
border-radius: 10px;  /* свойство для тех кто его поддерживает */
-moz-border-radius: 10px;  /* для firefox */
-webkit-border-radius: 10px;  /* для Safari и Chrome */	
}

.submit_btn_page:visited
{
width:100%;
height: 35px;
border:none;
display:block;
font: 14px 'Intro-Book-Caps', sans-serif;
color: #fff;
text-decoration:none;
text-align: center;
padding-top:30px;
background: #282828;/*--темно-серый--*/	
}

.submit_btn_page:hover, .submit_btn_page:active{
display:block;
text-decoration:none;
text-align: center;
font: 14px 'Intro-Book-Caps', sans-serif;
color: #282828;/*--темно-серый--*/	
background: #8FCAF0; /*--зеленый--*/;	
border:none;
}


.fi_page{
display:inline-block;
width:20%;
margin-right:15px;
height:35px;
margin-bottom:-13px;
margin-top:20px;
}

/*-- red_form_3 --*/



/*--Blocksr--*/

.blocks{
display:block;
width:100%;
height:auto;
position:relative;
margin:0 auto;
padding-top:20px;
padding-bottom:10px; 
text-align:center;
border-bottom: 1px dashed #ccc;
}



.b_block{
margin-left:10px;
display:inline-block;
width:20%;
height:250px;
vertical-align:top;
}

@media only screen and (max-width: 767px) {
    .b_block{
        width:40%;
    }
}

@media only screen and (max-width: 600px) {
    .b_block{
        width:100%;
        margin:0;
        max-width:250px;
        height:auto;
        margin-bottom: 30px;
    }
    .b_block .bb_title br{
        display: none !important;  
    }
}

.bb_img{
padding-top:3px;
padding-bottom:5px;
text-align:center;
border:2px solid #146092;
border-radius: 5px; /* свойство для тех кто его поддерживает */
-moz-border-radius: 5px; /* для firefox */
-webkit-border-radius: 5px; /* для Safari и Chrome */ 
}

 
/*--****--*/
.bb_title{
display:block;
font: 14px 'Intro-Black-Caps', sans-serif;
color: #000;
text-align:center; 
padding-top:10px;
}
/*--****--*/

.bb_img a:hover, a:active{
opacity:0.4;
 -moz-opacity:0.4;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=180);
}



/*--Blocksr--*/


/*--Blocksr отзыв--*/

.blocks_otz{
display:block;
width:100%;
height:auto;
position:relative;
margin:0 auto;
padding-top:20px;
padding-bottom:5px; 
text-align:center;
border-bottom: 1px dashed #ccc;

}



.b_block_otz{
margin-left:10px;
display:inline-block;
width:10%;
height:70px;
}

.b_block_otz2{

margin-left:10px;
display:inline-block;
width:60%;
height:70px;
}


.bb_img_otz{
padding-top:3px;
padding-bottom:5px;
text-align:center;
border:2px solid #146092;
border-radius: 5px; /* свойство для тех кто его поддерживает */
-moz-border-radius: 5px; /* для firefox */
-webkit-border-radius: 5px; /* для Safari и Chrome */ 
}

 
.bb_title_otz{
display:block;
font: 14px 'Intro-Black-Caps', sans-serif;
color: #fff;
text-align:left; 
}

.bb_img_otz a:hover, a:active{
opacity:0.4;
 -moz-opacity:0.4;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=180);
}



/*--Blocksr отзыв --*/


hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}






/*-----------------------------------------------------------------------------------*/
/*	3. CAROUSEL
/*-----------------------------------------------------------------------------------*/

#wrapper .d-carousel ul li {
	background: none;
	background-color: #FFF;
	-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
	-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
	box-shadow: 0px 1px 2px 0px #b7b7b7; 
	padding: 15px;
	width: 175px;
}

.jcarousel-direction-rtl {
	direction: rtl;
}

.d-carousel h4 {
	margin: 5px 0 5px 0;
}

.d-carousel .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}


.d-carousel .jcarousel-container-horizontal {
	width: 870px;
	height: 425px;
	padding: 0 45px;
}

.d-carousel .jcarousel-item-horizontal {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 11px;
}

.d-carousel .jcarousel-next-horizontal {
	position: absolute;
	top: 179px;
	right: 0;
	margin-right: 3px;
	width: 15px;
	height: 28px;
	cursor: pointer;
	background: url(../img/blog-arrows.jpg) no-repeat top right;
}


.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(../img/blog-arrows.jpg);
}

.d-carousel .jcarousel-next-horizontal:hover {
	background-position: bottom right;
}

.d-carousel .jcarousel-prev-horizontal {
	position: absolute;
	top: 149px;
	left: 0;
	margin-left: 3px;
	width: 15px;
	height: 28px;
	cursor: pointer;
	background: transparent url(../img/blog-arrows.jpg) no-repeat top left;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(../img/blog-arrows.jpg);
}

.d-carousel .jcarousel-prev-horizontal:hover {
	background-position: bottom left;
}





/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../img/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../img/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../img/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../img/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../img/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../img/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


#certs-slider{
    margin-top: 30px;
}

#certs-slider a {
    float: left;
    display: block; 
    margin: 0 15px;
    text-align:center;
    width:300px;
}

.slick-dots{
    text-align: center;
    height:auto !important;
}

.slick-dots li {
    visibility: visible;
}

.slick-dots li button{
    width:6px !important;
    height:6px !important;
    display: inline-block;
    background: #fff !important;
    border-radius:50%;
    visibility: visible;
}

.slick-dots li.slick-active button{
    width:6px !important;
    height:6px !important;
    display: inline-block;
    background: #cc0000 !important;
    border-radius:50%;
    visibility: visible;
}
.slick-slide img{
    margin-left: auto;
    margin-right: auto; 
}
.the-menu{
    background:#470027;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    border-bottom: 1px solid #fff;
    z-index:500;
}

@media only screen and (max-width: 991px) {
    .the-menu{
        
    }
}

.main-menu > ul{
    margin: 0;  
    padding: 0; 
    list-style-type: none;  
    height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.main-menu > ul > li {
    position: relative; 
}

.main-menu > ul > li > a{
    font-size:16px;
    font-weight:bold;
    color:#fff !important;
    text-decoration:none !important;
    text-transform: uppercase;
    display: block;
    line-height: 50px;
}

.header-mob{
    display: none;
    align-items:center;
    justify-content: space-between;
    height:50px;
}

.header-mob-call{
}

.header-mob-call a {
    color:#fff !important;
    text-decoration: none !important;
    display: flex;
    align-items:center;
}

.header-mob-call img {
    margin-right: 5px;
}

.header-mob-call span{
    font-size: 20px;
    color:#fff;
    text-decoration: none;
}

@media only screen and (max-width: 400px) {
    .header-mob-call span{
        font-size: 14px;
        font-weight: bold;
    }

}

.btn-mob{
    color:#fff;
    padding:0;
    border:none;
    background: none;
    display: flex;
}

.btn-mob span{
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 50px;
    display: block;
}

.btn-mob:hover{
    opacity: .5;
}

.mob-menu{
    z-index: 999;
    position: fixed;
    left:-100%;
    top:51px;
    width:100%;
    height:100%;
    background: #222;
    padding: 20px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    box-sizing:border-box;
}

.mob-menu.opened{
    left:0%;
}

.mob-menu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mob-menu a {
    color:#fff !important;
    display: block;
    text-decoration: none !important;
    font-size: 20px;
    margin: 10px 0;
}

.mob-menu ul ul {
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.mob-menu a:hover{
    text-decoration: underline !important;
}

@media only screen and (max-width: 991px) {
    .main-menu > ul > li > a{
        font-size: 14px;
        text-transform: none;
    }

}

@media only screen and (max-width: 767px) {
    .main-menu{
        display: none;
    }
    .header-mob{
        display: flex;
    }
}

.main-menu a:hover{
    text-decoration: underline !important;
}

.main-menu ul li:hover ul {
    opacity:1;
    visibility: visible;
}

.main-menu ul ul {
    position: absolute; 
    margin: 0;  
    padding: 5px 20px; 
    list-style-type: none;  
    background: #470027;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.main-menu ul ul a {
    color:#fff;
    white-space:nowrap;
    display: block; 
    margin: 15px 0;
    font-size: 16px;
    
}

.main-menu ul ul a:first-child{
    margin-top: 0;
}

.main-menu ul ul a:hover{
    text-decoration: none !important;  
}

body{
    padding-top: 50px;
    overflow-x:hidden;
}

html{
    overflow-x:hidden;
}

.slick-prev{
    left: 0 !important;
}

.slick-next{
    right: 0 !important;
}

.container{
    
}

.block-contacts{
    background: #470027;
}

.block-contacts-inner{
    border:2px dashed #fff;
    padding: 30px;
}

.block-contacts .container{
    padding: 30px;
}

.block-contacts-title{
    text-align: center;
    font-size: 32px;
    color:#fff;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .block-contacts-title{
        font-size: 24px;
    }
    .block-contacts-inner{
        padding: 15px;
    }
    .block-contacts .container{
        padding: 15px;
    }
}

.contacts-item{
  color:#fff;
  margin:15px 0;
  line-height: 1.4;
  font-size: 24px;   
}

.contacts-item b {
    font-size: 28px;
    color:#fff;
}

h2{
    
}

table{
    border-collapse: collapse;
    width:100%;
}

table td{
    border:1px solid #000;
    padding: 15px;
}

@media only screen and (max-width: 767px) {
    p{
        font-size: 16px;
    }
    table{
        font-size: 14px !important;
    }
    table td{
        width: auto !important;
        height: auto !important;
        padding: 3px !important;
        border:1px solid #000;
    }
    table{
        width: 100% !important;
    }
}