body {background-image: url('/images/back0.jpg'); color: #494949; font-family: 'Open Sans', sans-serif; margin: 0; padding-top: 105px; min-width: 1100px;}

.wrap {width: 1060px; margin: 0 auto;}


h1 {color: #0e4094; font-size: 33px; font-weight: 700; text-align: center; text-transform: uppercase;}
h1.gray {color: #686868;}
h2 {color: #008ad4; font-size: 30px; font-weight: 600; margin: 0; padding: 25px 0 25px 0;}
h3 {color: #008ad4; font-size: 20px; font-weight: 600; margin: 0; padding: 10px 0 10px 0;}


.header {background: #ffffff; box-shadow: 0px 5px 20px -1px rgba(122,184,217,0.2); position: fixed; top: 0px; width: 100%; z-index: 50;}
.header .adress {background: #e4f4ed; font-size: 14px; padding: 12px 0;}
.header .adress a {background: url('/images/back_button.jpg') repeat-x; border-radius: 5px; color: #ffffff; display: block; float: left; font-weight: 600; height: 21px; text-decoration: none;}
.header .adress .col1 {color: #008ad4; float: left; margin-top: 5px;}
.header .adress .col2 {padding: 4px 10px 4px 10px; margin-left: 50px;}
.header .adress .col3 {padding: 4px 10px 4px 10px; margin-left: 30px;}

.top-menu {float: left; list-style-type: none; margin: 0 0; padding: 0;}
.top-menu li {display: inline-block; padding: 20px 12px; text-align: left;}
.top-menu li.last {}
.top-menu li a {border-bottom: 2px solid #7f7f7f; color: #000000; cursor: pointer; font-size: 17px; font-weight: 700; text-transform: uppercase; text-decoration: none;}
.top-menu li a:hover {border-bottom: none; color: #008ad4;}
.top-menu li a.active {color: #008ad4;}

.header .soc {float: right; height: 17px;  padding: 25px 0px; width: 130px;}
.header .soc a {display: inline-block; height: 17px; margin-right: 10px; width: 17px;}
.header .soc a.vk {background: url('/images/soc_vk_1.png');}
.header .soc a.fb {background: url('/images/soc_fb_1.png');}
.header .soc a.tw {background: url('/images/soc_tw_1.png');}
.header .soc a.gp {background: url('/images/soc_gp_1.png'); margin-right: 0px;}

.top {background-image: url('/images/back1.jpg'); box-shadow: 0px 5px 20px -1px rgba(0,0,0,0.2); padding: 35px 0 35px 0;}
.top .left {float: left; width: 400px;}
.top .left .logo {box-shadow: 0px 5px 20px -1px rgba(122,184,217,0.2); width: 390px;}
.top .left .phone {color: #0e4094; font-size: 45px; font-weight: 600; margin-top: 20px; text-align: center;}
.top .left .adress {color: #008ad4; font-size: 20px; margin-top: 20px; text-align: center;}
.top .left .callback-button {background: url('/images/button_callback_s.png') no-repeat; color: #ffffff; cursor: pointer; font-size: 17px; font-weight: 700; margin: 40px auto 0 auto; padding: 9px 0px 10px 49px; width: 251px;}
.top .left .gray {color: #686868; font-size: 17px; margin-top: 40px; text-align: center;}
.top .left .ballons {margin-top: 38px; text-align: center;}
.top .left .ballons img {cursor: pointer;}
.top .right {float: right; width: 630px;}
.top .right .h1 {color: #0e4094; font-size: 20px; font-weight: 600; padding: 0 0 5px 0;}
.top .right a {color: #0e4094; cursor: pointer; display: block; font-size: 16px; padding: 3px 0;}
.top .right a:hover {text-decoration: underline;}
.top .right a.sub {font-size: 14px; padding-left: 20px;}
.top .right .col1 {float: left; width: 300px;}
.top .right .col2 {float: left; width: 330px;}
.top .right .consult {background: url('/images/button_consult_s.png') no-repeat; color: #ffffff; cursor: pointer; font-size: 16px; font-weight: 700; padding: 9px 0 10px 0; text-align: center; width: 220px;}


.block {}
.block .wrap {background: #ffffff; box-shadow: 0px 5px 20px -1px rgba(0,0,0,0.2); border-radius: 5px; padding: 0px 0px 30px 30px; width: 1030px;}
.block a {color: #0e4094; cursor: normal; font-size: 16px; line-height: 30px;}
.block a:hover {}
.block a.link {color: #0e4094; cursor: pointer; font-size: 16px; line-height: 30px; text-decoration: none;}
.block a.link:hover {text-decoration: underline;}
.block .line {padding-bottom: 40px;}
.block .col1 {float: left; width: 520px;}
.block .col2 {float: left; width: 500px;}

.ballons .wrap {background: url('/images/back_ballons.jpg') no-repeat center top; line-height: 1.5; margin-top: 50px; padding: 20px 0; text-align: center;}
.ballons .wrap {color: #1b1b1b; font-size: 15px; font-weight: 600;}
.ballons .wrap .title {color: #ffffff; font-size: 40px; font-weight: 800; text-shadow: 0px 5px 13px rgba(0, 0, 0, 0.7); text-transform: uppercase;}
.ballons .wrap .title2 {color: #008ad4; font-size: 20px; font-weight: 600;}
.ballons .wrap .col-2 {width: 660px; margin: 0 auto;}
.ballons .wrap .left {float: left;}
.ballons .wrap .right {float: right;}

.sert .wrap {padding: 40px 0 40px 30px;}

.partners {background: url('/images/back3.jpg') no-repeat 0 center;}
.partners .wrap {background: none; box-shadow: none; padding: 10px 100px 90px 100px; width: 860px;}
.partners img {box-shadow: 0px 5px 20px -1px rgba(0,0,0,0.2);}

.contacts {height: 720px; overflow: hidden; position: relative;}
.contacts .title {background: url('/images/back_map.png'); height: 312px; position: relative; z-index: 100;}
.contacts .title .wrap {background: none; box-shadow: none; padding-left: 0px; width: 1060px;}
.contacts .title .wrap h1 {margin: 0; padding: 10px 0 10px 0;}
.contacts .adress {color: #686868; font-size: 30px; font-weight: 600; text-align: center;}
.contacts .phone {margin-top: 30px; text-align: center;}
.contacts .phone span {background: #ffffff; box-shadow: 0px 5px 20px -1px rgba(122,184,217,0.2); border-radius: 35px; color: #008ad4; font-size: 24px; font-weight: 600; padding: 15px 40px;}
.contacts .phone span a {color: #008ad4; font-size: 24px; font-weight: 600;}

.contacts .map {position: relative; top: -312px; z-index: 50;}
.contacts .footer {background: rgba(0,0,0,0.7); height: 150px; position: relative; top: -462px; z-index: 100;}
.contacts .footer .wrap {background: none; box-shadow: none; padding-left: 0px; width: 1060px;}
.contacts .footer .soc-line {background: url('/images/hr1.png') no-repeat 0 center; padding-top: 10px; text-align: center;}
.contacts .footer .soc {display: inline-block; height: 17px;  padding: 12px 0px 10px 0px; width: 130px;}
.contacts .footer .soc a {display: inline-block; height: 17px; margin-right: 10px; width: 17px;}
.contacts .footer .soc a.vk {background: url('/images/soc_vk_2.png');}
.contacts .footer .soc a.fb {background: url('/images/soc_fb_2.png');}
.contacts .footer .soc a.tw {background: url('/images/soc_tw_2.png');}
.contacts .footer .soc a.gp {background: url('/images/soc_gp_2.png'); margin-right: 0px;}
.contacts .footer .logo {float: left; margin-right: 222px;}
.contacts .footer .logo img {width: 200px;}
.contacts .footer .copyright {float: left; color: #ffffff; font-size: 15px; margin-right: 85px; padding: 32px 0;}
.contacts .footer .varnoff {float: left; color: #ffffff; font-size: 15px; padding: 27px 0;}
.contacts .footer .varnoff a {color: #ffffff; font-size: 15px;}

.board .wrap {padding: 40px 30px 40px 30px; width: 1000px;}
.board .list {float: left; width: 100px;}
.owl-carousel-1 {float: right; margin: 0 60px; position: relative; width: 750px;}
.owl-carousel-1 .owl-nav {position: absolute; left: -60px; top: 95px; width: 870px;}
.owl-carousel-1 .owl-prev {background: url('/images/arrow_l.png'); height: 60px; left: 0px; position: absolute; width: 33px;}
.owl-carousel-1 .owl-next {background: url('/images/arrow_r.png'); height: 60px; right: 0px; position: absolute; width: 33px;}
.owl-carousel-1 .owl-item .item {border: 2px solid #f3f3f3; height: 240px; width: 240px;}

.about .wrap {background: none; box-shadow: none; padding-left: 0px; width: 1060px;}
.about .left {float: left; width: 480px;}
.owl-carousel-2 {float: right; margin: 60px 60px; position: relative; width: 360px;}
.owl-carousel-2 .owl-nav {position: absolute; left: -60px; top: 8px; width: 480px;}
.owl-carousel-2 .owl-prev {background: url('/images/arrow_l.png'); height: 60px; left: 0px; position: absolute; width: 33px;}
.owl-carousel-2 .owl-next {background: url('/images/arrow_r.png'); height: 60px; right: 0px; position: absolute; width: 33px;}
.owl-carousel-2 .owl-item .item {border: 2px solid #f3f3f3; height: 70px; width: 115px;}
.about .right {float: right; font-size: 15px; width: 515px; background: #ffffff; box-shadow: 0px 5px 20px -1px rgba(0,0,0,0.2); border-radius: 5px; padding: 20px 20px 20px 20px;}
.about .right .title {color: #008ad4; font-size: 20px; font-weight: 600;}
.about .right b {font-size: 20px;}

.best .wrap {background: none; box-shadow: none; padding-left: 0px; width: 1060px;}
.owl-carousel-3 {margin: 0 60px; position: relative; width: 940px;}
.owl-carousel-3 .owl-nav {position: absolute; left: -60px; top: 95px; width: 1060px;}
.owl-carousel-3 .owl-prev {background: url('/images/arrow_l.png'); height: 60px; left: 0px; position: absolute; width: 33px;}
.owl-carousel-3 .owl-next {background: url('/images/arrow_r.png'); height: 60px; right: 0px; position: absolute; width: 33px;}
.owl-carousel-3 .owl-item .item {border: 2px solid #f3f3f3; height: 220px; width: 220px;}

.fancybox-overlay {background: rgba(0,0,0,0.8);}

.method {background: #ffffff; border-radius: 5px; display: none; width: 1060px;}
.method .item {border-bottom: 1px solid #b2b2b2;}
.method .item .left {float: left; width: 520px;}
.method .item .left img {width: 100%;}
.method .item .right {float: right; padding: 10px 50px; width: 430px;}
.method .item .right p {color: #0e4094; font-size: 14px;}
.method .item .right .title {color: #008ad4; font-size: 20px; font-weight: 600;}
.method .item .right .title2 {color: #0e4094; font-size: 14px; font-weight: 700;}
.method .red {color: #e00000; font-size: 14px;}
.method .button-phone {background: url(/images/button_phone.png) no-repeat; height: 69px; width: 321px; text-align: center; font-size: 16px; font-weight: 600; color: #ffffff; padding: 10px 0px;}


.feedback-modal {background: #ffffff; border-radius: 5px; display: none; padding: 20px 20px; width: 720px;}
.feedback {height: 470px; position: relative;}
.feedback h2 {color: #0e4094; padding-top: 0; position: relative; text-align: center;}
.feedback .line-1 .input-bloc.w1 {float: left; width: 33%;}
.feedback .line-1 .input-bloc.w1 label {color: #0e4094; font-size: 16px;}
.feedback .line-1 .input-bloc.w1 input {border: 1px solid #0e4094; border-radius: 5px; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 4px 0 0 0; padding: 7px 10px; width: 200px;}
.feedback .input-bloc.msg {}
.feedback .input-bloc.msg label {color: #0e4094; font-size: 16px;}
.feedback .input-bloc.msg textarea {border: 1px solid #0e4094; border-radius: 5px; font-family: 'Open Sans', sans-serif; font-size: 16px; height: 117px; margin: 4px 0 0 0; padding: 7px 10px; resize: none; width: 700px;}
.feedback .error-box {font-size: 12px; margin-bottom: 3px;}
.feedback #send {width: 170px; background-color: #0e4094; color: #ffffff; border: 0; font-size: 16px; border-radius: 5px; font-family: 'PT Sans', Arial, sans-serif; padding: 10px 0; margin: 0 auto;}
.feedback #send:hover {background-color: #0e4094;}

.callback-modal {background: #ffffff; border-radius: 5px; display: none; padding: 20px 20px; width: 340px;}
.callback {height: 370px; position: relative;}
.callback h2 {color: #0e4094; font-size: 20px; padding-top: 0; position: relative; text-align: center;}
.callback .line-1 .input-bloc.w1 {}
.callback .line-1 .input-bloc.w1 label {color: #0e4094; font-size: 16px;}
.callback .line-1 .input-bloc.w1 input {border: 1px solid #0e4094; border-radius: 5px; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 4px 0 0 0; padding: 7px 10px; width: 290px;}
.callback .error-box {font-size: 12px; margin-bottom: 3px;}
.callback #send {width: 170px; background-color: #0e4094; color: #ffffff; border: 0; font-size: 16px; border-radius: 5px; font-family: 'PT Sans', Arial, sans-serif; padding: 10px 0; margin: 0 auto;}
.callback #send:hover {background-color: #0e4094;}






.order-button {background: #2fa333; border-radius: 5px; color: #ffffff; cursor: pointer; font-size: 18px;  }





.wide.gallery {}
.wide.gallery .slide .column {float: left; margin-right: 25px; width: 220px;}
.wide.gallery .slide .column img {width: 220px;}

.jssora12l, .jssora12r {display: block;  position: absolute; width: 45px; height: 45px; cursor: pointer; background: url(/images/slider-arrows.png) no-repeat; overflow: hidden;}
.jssora12l {background-position: -8px -37px;}
.jssora12r {background-position: -68px -38px;}
.jssora12l:hover {background-position: -128px -37px;}
.jssora12r:hover {background-position: -188px -37px;}
.jssora12l.jssora12ldn {background-position: -248px -37px;}
.jssora12r.jssora12rdn {background-position: -307px -37px;}



.wide.plans {background-image: url('/images/plans-back.jpg'); padding-bottom: 70px;}
.wide.plans .item {float: left; width: 480px;}
.wide.plans .item.img {background: url('/images/plans-img-1.jpg'); height: 448px; margin-bottom: 20px; width: 462px;}
.wide.plans .item.img .text {color: #2e7186; font-size: 20px; font-weight: bold; position: relative; text-align: center; top: 396px;}
.wide.plans .item .label {background: #2fa333; border-radius: 5px; color: #ffffff; display: block; font-size: 18px; margin: 10px auto 20px auto; padding: 10px 0px; text-align: center; text-decoration: none; width: 170px;}
.wide.plans .item .label:hover {text-decoration: underline;}





.wide.bottom {height: 700px; position: relative; top: -100px; z-index: 5;}
.wide.bottom .back {background-image: url('/images/bottom-back.jpg'); height: 800px; position: absolute; width: 100%;}
.wide.bottom .wrap {text-align: center;}
.wide.bottom .phone {color: #2fa333; font-family: 'Nautilus Pompilius'; font-size: 100px; padding-top: 55px; position: relative; z-index: 10;}

.wide.footer div {color: #494949; font-size: 16px; line-height: 43px; padding: 10px 0;}
.wide.footer div.left {float: left;}
.wide.footer div.right {float: right;}
.wide.footer div.right a {color: #494949;}
.wide.footer div.right img {left: 10px; position: relative; top: 5px;}