*{margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

html {
    height: 100%;
}

body {
    width: 100%;
    min-width: 1224px;
    background-color: #fff;
    font-family: 'Ubuntu', Arial, Tahoma, Verdana, Helvetica, sans-serif;
    color: #3e3e3e;
    font-size: 14px
}
	
h1, h2, h3, h4, h5, h6 {font-weight: 300; text-align: center}
h1 {font-size: 45px; font-weight: 400}
h2 {font-size: 40px}
h3 {font-size: 25px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}

.content_in h1 {margin-bottom: 10px}
.content_in h2, .content_in h3, .content_in h4, .content_in h5, .content_in h6, .content_wide h2, .content_wide h3, .content_wide h4, .content_wide h5, .content_wide h6 {margin: 20px 0 10px}
.search-block h1 {color: #fff}

h1 big {font-weight: 700; font-size: 55px; display: block}
.white-block h2:after, .about-block h2:after, .foot-cont h2:after, .white-block h1:after {content: ""; width: 100px; height: 2px; display: block; margin: 10px auto; background: #ffbb51}
.foot-cont h2:after { margin: 10px 4px; }
.ttl {text-align: center; font-size: 25px; font-weight: 500}
.order-block h2 {font-size: 45px; color: #fff; font-weight: 700; text-align: left; line-height: 50px}
.order-block h2 min {font-size: 30px; display: block; font-weight: 400}
.order-form h3, .about-block h2 {color: #fff}
.foot-cont h2 {text-align: left}

p {margin-bottom: 10px;}

a {color: #ff9b00; transition: all 0.3s}
a:hover {text-decoration: none;}
a img:hover {opacity: 0.9; -webkit-filter: contrast(110%); filter: contrast(110%)}
img {border: none; max-width: 100%;}
.tbl {display: table}
.tbl-row {display: table-row}
.tbl-cell {display: table-cell}
.clear {clear: both} 
.lft {float: left}
.rght {float: right}
input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }
.mrg-top {margin-top: 80px}

.wrap, .white-block {
    width: 1200px;
    height: 100%;
    margin: auto;
    position: relative;
}
.white-block {padding: 40px 0}
.header {
   position: relative; 
   padding: 35px 0 0
    
    }
.logo {
 float: left;
     text-decoration: none;
    margin: 0 0 5px
}
.logo span {
    color: #686868;
    font-weight: 300;
    display: block;
    padding-left: 10px
}

.soc-links {margin-top: 10px}
.header .soc-links {text-align: center}
.soc {display: inline-block; width: 26px; height: 26px; margin-left: 2px; transition: none}
.vk {background: url(../images/design/icons.png) 0 0 no-repeat}
.vk:hover {background: url(../images/design/icons.png) -30px 0 no-repeat}
.fb {background: url(../images/design/icons.png) 0 -30px no-repeat}
.fb:hover {background: url(../images/design/icons.png) -30px -30px no-repeat}
.ok {background: url(../images/design/icons.png) 0 -60px no-repeat}
.ok:hover {background: url(../images/design/icons.png) -30px -60px no-repeat}
.tw {background: url(../images/design/icons.png) 0 -90px no-repeat}
.tw:hover {background: url(../images/design/icons.png) -30px -90px no-repeat}
.inst {background: url(../images/design/icons.png) 0 -120px no-repeat}
.inst:hover {background: url(../images/design/icons.png) -30px -120px no-repeat}

.cont {float: right; text-align: center; margin: 0 40px 0 30px; line-height: 22px; position: relative}
.tel, .city {font-weight: 700; font-size: 18px; position: relative}
.city {border-bottom: 1px dotted }
.city span {display: none}
.tel:before {content: ""; position: absolute; width: 24px; height: 35px; display: block; background: url(../images/design/icons.png) 0 -150px no-repeat; left: -32px; top: 5px}
.city:before {content: ""; position: absolute; width: 28px; height: 37px; display: block; background: url(../images/design/icons.png) 0 -190px no-repeat; left: -36px; top: 5px}
.city:after {content: ""; background: url(../images/design/icons.png) 0 -230px; width: 6px; height: 4px; display: inline-block; margin: 3px}
.mail, .adr {font-size: 15px; color: #686868; text-decoration: none; white-space: nowrap;}
.mail:hover {text-decoration: underline}

.city-list {display: none; position: absolute; z-index: 10; background: #fff; top: 26px; list-style-type: none; text-align: left; padding: 5px 10px 8px; border: 1px solid #ccc; border-radius: 3px}
.city-list li {white-space: nowrap;}
.city-list li span {display: none}
.city:hover, .city-list li:hover {cursor: pointer}
.city:hover {color: #ff9b00}
.city-list li:hover {color: #0062b2}


.cont-add {float: right; margin-left: 70px}


.mainMenu  {
    height: 56px;
    background: #ffbb51;
    margin-top: 10px;
    border-radius: 3px;
    position: relative;
    z-index: 3
}
.mainMenu ul {text-align: justify; padding: 0 60px}
.mainMenu ul:after, .bans:after, .feed-block:after {content: "";
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;}
.mainMenu li{
    display: inline-block;
    list-style-type: none;
    line-height: 56px;
    font-size: 16px;
    font-weight: 300
}
.mainMenu  li a {
    text-decoration: none; 
    padding: 0 10px;
    color: #000;
    display: block;
    text-transform: uppercase
}
.mainMenu li:hover, .mainMenu li.active {background: #ffc76e}

.search-block { 
    background: url(../images/design/bg-search.jpg) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
    padding: 140px 0 200px;
    top: -20px
}
.search-block .wrap {width: 1000px}
.search-block:before, .order-block:before, .about-block:before, .top-bg:before {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #35499e; opacity: 0.5; display: block; content: ""}
.top-bg {background: url(../images/design/bg-search.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
   top: -20px;
    height: 200px
}
.top-bg+.white-block {background: #fff; margin-top: -40px; border-radius: 3px; padding: 20px 0 40px; width: 1000px; min-height: 300px}

.search-block h1:after {content: ""; display: block; width: 69px; height: 19px; background: url(../images/design/icons.png) 0 -240px no-repeat; margin: 20px auto}

.vitrina {margin-top: 30px}

.order-block {
    background: url(../images/design/bg-order.jpg) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
    padding: 60px 0 40px;
    overflow: hidden
}

.order-form {float: right; padding: 30px 60px; background: rgba(53,73,158,0.75); border-radius: 3px; margin-left: 140px; width: 500px; box-sizing: border-box}

.about-block {
     background: url(../images/design/bg-about.jpg) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
    padding: 40px 0;
   
}

.about-itm {display: inline-block; position: relative; text-align: center; width: 20%; vertical-align: top}
.about-itm:before { position: relative; width: 154px; height: 154px; border-radius: 50%; background: #ffbb51; display: block; content: ""; margin: 20px auto}
.about-itm:nth-child(1):before {background: url(../images/design/icons.png) 0 -300px no-repeat #ffbb51;}
.about-itm:nth-child(2):before {background: url(../images/design/icons.png) 0 -460px no-repeat #ffbb51;}
.about-itm:nth-child(3):before {background: url(../images/design/icons.png) 0 -620px no-repeat #ffbb51;}
.about-itm:nth-child(4):before {background: url(../images/design/icons.png) 0 -780px no-repeat #ffbb51;}
.about-itm .about-ttl {color: #fff; position: relative; font-size: 22px; font-weight: 300}

.bans {text-align: justify; padding: 20px 10%}
.ban {width: 20%; vertical-align: top; text-align: center; display: inline-block; text-decoration: none; color: #3e3e3e; padding: 20px 0}
.ban img {border-radius: 50%; transition: all 0.6s}
.ttl-ban {font-weight: 300; font-size: 22px; display: block; margin: 10px auto; }
a.ban:hover .ttl-ban {color: #ff9b00}
a.ban:hover img {box-shadow: 0 0 0 3px #2764d6}

.blue-link {background: #2764d6; color: #fff;  padding: 10px 40px 12px;  text-align: center; font-size: 16px; text-decoration: none; border: 1px solid #2764d6; border-radius: 3px; display: inline-block}
	
.blue-link:hover {
background: #fff; color: #2764d6
}

.orng-link {background: #ffbb51; color: #000;  padding: 10px 40px 12px;  text-align: center; font-size: 20px; font-weight: 300; text-decoration: none; border: 1px solid #ffbb51; border-radius: 3px; display: block; width: 180px; margin: 20px auto}
.orng-link:hover {background: #fff; color: #ff9b00}

.white-block .blue-link {width: 180px; margin: 30px auto; display: block}
.blue-link.bord {font-size: 20px; font-weight: 300; border: 1px solid #6198ff; box-shadow: 0 0 0 3px #2764d6}
.blue-link.bord:hover {box-shadow: none; border: 1px solid #2764d6}
	
.partner-itm .img-bg, .partner-itm {position: relative}
.partner-itm .img-bg:after {content: ""; position: absolute; width: 100%; height: 100%; background: rgba(187,219,255,0.6); left: 0; top: 0}
.partner-logo {left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); max-width: 80%; max-height: 40%}

.feed-block {text-align: justify}
.feedback {overflow: hidden; width: 45%; display: inline-block; margin-top: 30px}
.feedback img {float: left; border-radius: 50%; margin: 0 30px 0 40px}
.name {font-size: 22px}
.quote {font-size: 15px; font-weight: 300; text-align: left; position: relative; margin-left: 200px}
.quote:before, .quote:after {width: 32px; height: 30px; position: absolute; content: ""}
.quote:before {background: url(../images/design/icons.png) 0 -940px no-repeat; top: -12px; left: 0}
.quote:after {background: url(../images/design/icons.png) -60px -940px no-repeat; bottom: -10px}

.content_area {width: 700px; padding: 46px 0 20px 50px;  float: right; background: blue}

.content_wide ul, .content_in ul, .content_wide ol, .content_in ol {margin: 10px 0; list-style-position: inside;}

.news-ttl {font-size: 18px; color: #e31e24}
.date_news {display: block; color: #ccc; margin-bottom: 30px; text-align: right}

.footer {
    position: relative;
    color: #fff;
background: #F7F1D9; height: 560px
}
.foot-cont {
    position: absolute; width: 45%; height: 100%; background: rgba(53,73,158,0.7); top: 0; right: 0; padding: 40px 60px; box-sizing: border-box
}
.foot-tel {font-size: 28px; font-weight: 700; margin-top: 40px}
.foot-adr {font-size: 18px; line-height: 40px}
.foot-adr a {text-decoration: none; display: block; color: #fff}
.foot-adr a:hover {text-decoration: underline}

.foot-cont .orng-link {font-size: 16px; display: inline-block; width: auto}

.foot-cont .vk {background: url(../images/design/icons.png) -60px 0 no-repeat}
.foot-cont .vk:hover {background: url(../images/design/icons.png) -30px 0 no-repeat}
.foot-cont .fb {background: url(../images/design/icons.png) -60px -30px no-repeat}
.foot-cont .fb:hover {background: url(../images/design/icons.png) -30px -30px no-repeat}
.foot-cont .ok {background: url(../images/design/icons.png) -60px -60px no-repeat}
.foot-cont .ok:hover {background: url(../images/design/icons.png) -30px -60px no-repeat}
.foot-cont .tw {background: url(../images/design/icons.png) -60px -90px no-repeat}
.foot-cont .tw:hover {background: url(../images/design/icons.png) -30px -90px no-repeat}
.foot-cont .inst {background: url(../images/design/icons.png) -60px -120px no-repeat}
.foot-cont .inst:hover {background: url(../images/design/icons.png) -30px -120px no-repeat}


.copyright {
padding: 80px 0 0;
font-weight: 300
}
.copyright img {margin-top: 5px}
.copyright a{color: #fff; text-decoration: none}
.copyright a:hover {text-decoration: underline}

.callback {width: 420px; height: 300px}
.order {height: 480px;
    width: 760px;}
.B_crumbBox {font-size: 10px; color: #555555; margin-bottom: 15px; display: block; text-align: center}

.form_inputs {background-color: #fff; border: 1px solid #ccc;  height: 20px; line-height: 20px; padding: 4px; width: 180px; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); color: #555;}

.comment_form{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 4px;
	color: #555;
	}
.pagination, #evo_pages  {color: #999999; margin: 15px 0; font-size: 90%}
.pagination a, #evo_pages a {color: #999999;}
.pagination .ditto_currentpage, .eg_currentpage {color: #555; background-color:#eee; padding: 1px 3px; margin:2px} 
.pagination .ditto_previous_link, .pagination .ditto_next_link, .eg_previous_link , .eg_page, .eg_next_link {margin:0 10px;} 
.pagination .ditto_page{ padding: 2px 5px;}
	
.text-404 {text-align: center; font-size: 230%; padding-top: 200px; position: relative; z-index: 2; color: #fff; font-weight: bold;}
body.search-block {top: 0; height: 100%; padding: 0}

#top{display:none;bottom:30px;cursor:pointer;position:fixed;right:70px;width:80px;height:80px;background-image:url("data:image/png;base64,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");}