*{padding:0;margin:0;font-family:'Open Sans',Arial,sans-serif}

html,body {font-size:14px;line-height:18px;font-weight:300;background:#fff;height: 100%;min-width:320px;color: #666;}

.main { min-height: 100%; max-width:1210px;margin:0 auto;min-width:320px;}

.main-rez{height: 150px; clear:both}

.footer {color: #000;height: 100px;max-width:1280px;margin:-100px auto 0;min-width:320px;}

.goMid{margin:0 auto;max-width:1210px;}

h2{text-transform: uppercase;font-size: 21px;line-height: 25px;font-weight: 700;margin: 0 0 20px;color: #000;min-height: 50px;}

h3{text-transform: uppercase;font-weight: 600;font-size: 18px;line-height: 20px;}

h4{text-transform: uppercase;font-weight: 600;font-size: 18px;line-height: 20px;margin: 6px 0}

h5{text-transform: uppercase;font-weight: 600;font-size: 18px;line-height: 20px;margin: 0 0 -12px;}

h6{color: green;margin: 0 0 10px;font-size: 22px;line-height: 26px;}

h6.red{color: red;}

p{margin: 20px 0}

a{color: #3385a3;text-decoration: none}

a[href^='tel']{color: #666}

/******/

.header{background: url("../images/header_bg.jpg") no-repeat top right; height: 404px;position: relative}

.logo{position: absolute;left: 90px;top:110px;width: 30%;max-width: 340px;font-size: 0;line-height: 0}

.logo img{max-width: 100%}

.topPhones{position: absolute;left: 375px;top:20px;white-space: nowrap;font-size: 0;line-height: 0;color: #3385a3}

.topPhonesRow{display: inline-block;white-space: normal;font-size:12px;line-height: 28px;}

.topPhones a{text-decoration: none;color: #3385a3;font-weight: 700;font-size: 16px;display: inline-block;position: relative;top:1px;}

.topPhones p{margin: 0}

.top_social{position: absolute;right: 200px;top:30px}

.top_FB,.top_TW{padding: 0 0 10px;}

.headerBook{position: absolute;left: 50%;top:100px;margin-left: 100px;}

.headerBookLink{background: rgba(69,17,14,0.9); color: #fff;text-transform: uppercase;text-decoration: none;padding: 5px 15px 7px;font-size: 15px;font-weight: 300;line-height: 20px;}

.headerBookLink:hover,.headerBookLink:focus,.headerBookLink:active,.headerBookLink:visited{text-decoration: none;color: #fff;}

.topMenu{position: absolute;right: 0;height: 37px;top: 157px;font-size: 0;line-height: 0;white-space: nowrap;width: 840px;text-align: left}

.topMenuItem{display: inline-block;position: relative;vertical-align: top;margin: 0 10px;}

.topMenuItem > a{display: block;line-height: 37px;height: 37px;text-align: center;padding: 0 15px;text-transform: uppercase;text-decoration: none;font-size: 14px;color: #fff;white-space: nowrap;}

.topMenuItem:hover > a,.topMenuItem > a.active{background: #53bfe7;}

.topMenuItem:hover .innerMenu{display: block}

.innerMenu{position: absolute;top:37px;left: 0;background: #8de0ff;padding: 5px 10px;width: 380px;font-size: 0;line-height: 0;white-space: normal;display: none;}

.showMenuMobile{display: block;}

.innerMenu > a{color: #3385a3;display: inline-block;width: 170px;vertical-align: top;font-size: 14px;line-height: 16px;margin: 5px 0;text-transform: uppercase;text-decoration: none;padding: 4px 10px;}

.innerMenu > a span{position: relative;top:-1px;}

.innerMenu > a:hover,.innerMenu > a.active{background: #3385a3;color: #fff}

.content{padding: 35px 3% 0 5%;font-size: 0;line-height: 0;white-space: nowrap}

.row1,.row2,.row3{font-size: 14px;line-height: 18px;white-space: normal;display: inline-block;vertical-align: top}

.row1{width: 30%;margin-right: 5%;}

.row2{width: 25%;margin-right: 5%;}

.twoRowType .row1{width: 47%;margin-right: 3%;}

.twoRowType .row2{width: 47%;margin-left: 3%;margin-right: 0}

.row3{width: 35%}

.testimonials{font-style: italic;}

.authorName{display: block;margin: 3px 0 0}

.videoNode{border-bottom: solid 5px #8de0ff;padding-bottom: 10px;margin-bottom: 25px;text-transform: uppercase}

.videoNode p{margin: 5px 0 0;font-size: 16px;line-height: 22px;}

.footer .goMid {border-top: solid 5px #8de0ff}

.footerCopy{font-size: 14px;padding: 20px 90px 0;}

.footerCopy p{margin: 0}

.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;display: inline-block;width: 100%}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.logoMobile{display: none;}

.form1{width: 100%}

.form1 td { padding: 0; vertical-align: top; font-size: 0;line-height: 0}

.cont_form .form1 td { width:auto; }

.contact a { color:#000; }

.form1{font-size:14px; font-weight:600;  color: #000; text-transform: uppercase;}

.form1 strong { font-size:14px; font-weight:600;  color: #000; text-transform: uppercase;display: block;padding: 8px 0 0;line-height: 18px;}

.form1 strong span{color: red}

.form1 textarea, .form1 input { width:100%; border:solid 1px #bcbcbc; padding: 3px 0;resize: vertical;font-size: 14px;line-height: 20px;}

.form1 { margin-bottom:10px; width:100%; }

td.textToRight{text-align: right;padding: 10px 0}

input.btn-send{width:56px; height:26px; border:none;background: url("../images/btn-send.jpg");display: inline-block;padding: 0}

.contactsList{font-weight: 300;font-size: 16px;line-height: 20px;}



.mobileMenu{display: none;margin: 20px auto; max-width: 350px;text-align: left;width: 92%;}

.mobileMenu .dropdown-menu{width: 100%}

.mobileMenu .dropdown-menu li.active > a,.mobileMenu .dropdown-menu li:hover > a{background: #c6f0ff;color: #3385a3}

.mobileMenu .dropdown-menu li.active > a:hover,.mobileMenu .dropdown-menu li:hover > a:hover{text-decoration: none}

.mobileMenu .dropdown-menu > li > a:hover{background: #c6f0ff;color: #3385a3}

.mobileMenu .dropdown-menu > li > a{padding: 3px 10px;color: #3385a3;font-size: 18px}

.mobileMenu .dropdown-menu > li ul{ padding: 0;}

.mobileMenu .dropdown-menu > li ul li{list-style: none}

.mobileMenu .dropdown-menu > li ul li a{padding: 4px 0 4px 25px;display: block}

.menuTitle{display: block;text-align: left;padding: 7px 25px 9px 8px;font-size: 19px;color: #fff;line-height: 20px;cursor: pointer;background: #3385a3;border-radius: 10px;overflow: hidden}

.menuTitle .caret{display: block;position: absolute;right: 7px;top: 8px;border: solid 0 #fff;width: auto;height: auto;}





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

    .header{background-position: top center}

    .topMenu{right: inherit;left: 50%;margin-left: -237px;width: auto;}

    .topPhones{left: 50%;margin-left: -237px;}

    .top_social{right: inherit;left: 50%;margin: 0 0 0 80px;width: 290px;}



}

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

    .logo{left: 2%;z-index: 2}

    .topPhones{z-index: 5}

    .topMenu{z-index: 5}

    .header{height: 340px;border-bottom: solid 10px #8de0ff}

    .topMenuItem{margin: 0 0 0 5px;}

    .topMenuItem > a{ font-size: 13px;padding: 0 12px;}

    .innerMenu{width: auto}

    .innerMenu > a{font-size: 13px;padding: 2px 5px;line-height: 13px;margin: 2px 0;width: auto;min-width: 170px;}

}

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

    .logo{position: static;padding: 15px; text-align: center;width: auto;max-width: 100%}

    .headerBook{display: none}

    .header{background: transparent}

    .top_social{display: none}

    .content{padding: 20px 15px;}

    .row1,.row2,.row3,.twoRowType .row1, .twoRowType .row2{width: 100%;margin: 0;padding: 0 0 35px;display: block}

    .row3{padding: 0}

    .row3 .videoNode:last-child{border-bottom: 0}

    h2{min-height: 0;}

    .videoNode{max-width: 500px;margin: 0 auto 25px;}

    .main-rez{height: 0}

    .footer{margin: 0;height: auto}

    .topPhones{position: static;text-align: center;margin: 0}

    .header{height: auto}

    .topPhonesRow p{display: none;font-size: 26px;line-height: 36px;text-transform: uppercase}

    .topPhonesRow p:first-child{display: block}

    .topPhonesRow a{display: block;font-size: 44px;line-height: 50px;}

    .topMenu{display: none}

    .mobileMenu {display: block;}

    .logo a{display: none}

    .logo a.logoMobile{display: inline-block}

    .footerCopy{padding: 10px 15px;font-size: 12px;line-height: 15px;}

    .footerCopy p{margin: 5px 0;}

}