* {
    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 {
	color: #002f60;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
}

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;
	margin: 0 0 50px;
}

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;
    margin-top: 38px;
}

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: 0 0 0;
    background: url(../images/design/top.jpg) 0 0 repeat-x;
}

.logo {
    float: left;
    text-decoration: none;
    margin: 0;
}

.logo span {
    color: #686868;
    font-weight: 300;
    display: block;
    padding-left: 10px
}

.soc-links {
	margin: -16px 0px 0px 44px;
}

.header .soc-links {
    text-align: left;
}

.soc {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 2px;
    transition: none;
    border-radius: 50px;
    border: 1px solid #929292;
    padding: 0;
}

.vk {
    background: url(../images/design/icons.png) 0 0 no-repeat
}

.vk:hover {
    background: #4C75A3 url(../images/design/icons.png) -30px 0 no-repeat
}

.fb {
    background: url(../images/design/icons.png) 0 -30px no-repeat
}

.fb:hover {
    background: #4867AA url(../images/design/icons.png) -30px -30px no-repeat
}

.ok {
    background: url(../images/design/icons.png) 0 -60px no-repeat
}

.ok:hover {
    background: #F58220 url(../images/design/icons.png) -30px -60px no-repeat
}

.tw {
    background: url(../images/design/icons.png) 0 -90px no-repeat
}

.tw:hover {
    background: #6CADDE url(../images/design/icons.png) -30px -90px no-repeat
}

.inst {
    background: url(../images/design/icons.png) 0 -120px no-repeat
}

.inst:hover {
    background: #CF06A3 url(../images/design/icons.png) -30px -120px no-repeat
}

.cont {
    float: right;
    text-align: center;
    margin: 20px 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
}

.velcom:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 16px;
    display: block;
    background: url(../images/design/ic1.png) 0 0 no-repeat;
    left: -10px;
    top: 5px
}

.mts:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    display: block;
    background: url(../images/design/ic2.png) 0 0 no-repeat;
    left: -7px;
    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
}

.adress {
	margin:0 10px 0 0; float: left;
}

.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: #00ace9;
    margin-top: 0px;
    border-radius: 3px;
    position: relative;
    z-index: 3
}

.mainMenu ul {
    text-align: justify;
    padding: 0 60px;
	width: 1200px;
	margin: auto;
}

.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 25px;
    color: #fff;
    display: block;
    text-transform: uppercase
}

.mainMenu li:hover,
.mainMenu li.active {
	background: #097ed7
}

.topnav .icon {
	display: none;
}

.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: #000;
    opacity: 0.4;
    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: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlOSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFjZTkiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,172,233,0.55) 0%, rgba(0,172,233,0.55) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,172,233,0.55) 0%,rgba(0,172,233,0.55) 100%);
	background: linear-gradient(to bottom,  rgba(0,172,233,0.55) 0%,rgba(0,172,233,0.55) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c00ace9', endColorstr='#8c00ace9',GradientType=0 );

    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;
	border: 1px solid #ffff00;
}

.about-itm:nth-child(1):before {
	background: url(../images/design/icons.png) -5px -305px no-repeat;
}

.about-itm:nth-child(2):before {
	background: url(../images/design/icons.png) -4px -460px no-repeat;
}

.about-itm:nth-child(3):before {
    background: url(../images/design/icons.png) -3px -620px no-repeat;
}

.about-itm:nth-child(4):before {
	background: url(../images/design/icons.png) -4px -786px no-repeat;
}

.about-itm .about-ttl {
    color: #fff;
    position: relative;
    font-size: 22px;
    font-weight: 300
}

.bans {
    text-align: justify;
    padding: 20px 0;
}

.ban {
    width: 297px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #3e3e3e;
    padding: 20px 0;
	position: relative;
}

.ban img {
    transition: all 0.6s
}

.bans span.ttl-ban {
	color: #fff;
	width: 297px;
	position: absolute;
	bottom: 23px;
    font-weight: 300;
    font-size: 20px;
    display: block;
	margin: -45px 0 0 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.55) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#8c000000',GradientType=0 );
	z-index: 40385;
	line-height: 44px;

}

a.ban:hover .ttl-ban {
	color: #F9EC1A
}

a.ban:hover img {
    box-shadow: 0 0 0 3px #2764d6
}

.blue-link {
	background: #ffff00 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAPCAYAAAAoAdW+AAAAhElEQVQYlWNg0E+4yqAdo8KAFejGRzPoJ9xiUAkVxa5AP6GCQS/hBIOULxd2BXrx0xj04jcyMIQyY5F1YGHQS9jLoBc/DbtupVB+Br2ESwz6CRU4jI+WYdCLf8igF++HXYFOfBiDfsJTEnTitjOUmUEvfg921+L0J84Qwhu2evGXccUKAETfKGZrl1gjAAAAAElFTkSuQmCC') 90% center no-repeat;
	color: #002f60;
	padding: 12px 40px 14px 26px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    //border: 1px solid #2764d6;
    border-radius: 20px;
    display: inline-block
}

.blue-link:hover {
	background: #00ace9 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAPCAYAAAAoAdW+AAAAZUlEQVQYlY3RoRGDYBCEUWZAYVC4SOqJjKERKqEPfOKjyWDiENTxaOBfhrP77dzeXoUNQ1UajPijT8CEL9oEzFhQl8QGH8zJ3WHFlIAHdjwT8MJx3xl3osa7mDbeGRu67Ba/9JUTGWSQXkvi/UwAAAAASUVORK5CYII=') 95% center no-repeat;
    color: #fff;
}

.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: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMDMwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3MDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(10,3,0,0.5) 0%, rgba(7,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top,  rgba(10,3,0,0.5) 0%,rgba(7,0,0,0.5) 100%);
	background: linear-gradient(to bottom,  rgba(10,3,0,0.5) 0%,rgba(7,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800a0300', endColorstr='#80070000',GradientType=0 );

    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: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5N2VkNyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA5N2VkNyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(9,126,215,0.7) 0%, rgba(9,126,215,0.7) 100%);
	background: -webkit-linear-gradient(top,  rgba(9,126,215,0.7) 0%,rgba(9,126,215,0.7) 100%);
	background: linear-gradient(to bottom,  rgba(9,126,215,0.7) 0%,rgba(9,126,215,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3097ed7', endColorstr='#b3097ed7',GradientType=0 );

    top: 0;
    right: 0;
    padding: 40px 60px;
    box-sizing: border-box
}

.foot-tel {
    margin: 20px 0 20px 31px;
	float: none;
	
}

.foot-tel .tel, .foot-tel .city {
	color: #ffffff;
	font-size: 200%;
	font-weight: 700;
	line-height: 31px;
	text-align: left;
	position: relative
}

.foot-tel .velcom::before {
	left: -28px;
	top: 11px;
}

.foot-tel .mts::before {
	left: -24px;
	top: 11px;
}

.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
}

a.callbackFoot:hover {
	background: #ffff00 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAPCAYAAAAoAdW+AAAAhElEQVQYlWNg0E+4yqAdo8KAFejGRzPoJ9xiUAkVxa5AP6GCQS/hBIOULxd2BXrx0xj04jcyMIQyY5F1YGHQS9jLoBc/DbtupVB+Br2ESwz6CRU4jI+WYdCLf8igF++HXYFOfBiDfsJTEnTitjOUmUEvfg921+L0J84Qwhu2evGXccUKAETfKGZrl1gjAAAAAElFTkSuQmCC') 90% center no-repeat;
	color: #002f60;
}

.soc-linksFoot {
	margin: 30px 0 0 28px;
}

.soc-linksFoot .soc {
	border: 1px solid #fff;
}

.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 #fff
}

.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 #fff
}

.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 #fff
}

.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 #fff
}

.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 #fff
}

.copyright {
    padding: 35px 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: 360px
}

.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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");
}

// @media (min-width: 980px) and (max-width: 1024px) {
	body {
		min-width: auto;
	}
	
	section, header {
		padding: 0 20px;
	}
	
	.wrap, .white-block {
		width: auto;
	}
	
	.cont {
		float: left;
		text-align: center;
		margin: 20px 0 0 20px;
	}
	
	.cont-add {
		margin-left: 35px;
	}
	
	.mainMenu ul {
		padding: 0 20px;
		width: auto;
	}
	
	.mainMenu li a {
		padding: 0 12px;
	}
	
	.bans {
		padding: 20px 10px;
	}
	
	.order-block {
		padding: 60px 20px 40px 20px;
	}
	
	.order-form {
		margin-left: 15px;
	}
	
	.copyright {
		padding: 15px 0 0;
	}
}

@media (min-width: 768px) and (max-width: 980px) {
	body {
		min-width: auto;
	}

	section, header {
		padding: 0 20px;
	}
	
	.adress {
		display: none;
	}
	
	.soc-links {
		margin: 13px 0px 0px 36px;
	}

	.wrap, .white-block {
		width: auto;
	}
	
	.rght {
		margin: 30px 10px 0 0;
	}

	.cont {
		margin: auto;
		text-align: center;
	}

	.cont-add {
		margin-left: 35px;
	}

	.mainMenu ul {
		padding: 0 20px;
		width: auto;
	}

	.mainMenu li a {
		padding: 0 12px;
	}
	
	.search-block .wrap {
		width: auto;
	}
	
	.search-block h1 {
		color: #fff;
		margin: 0 0 50px;
	}
	h1 {
		font-size: 200%;
		font-weight: 400;
	}

	.bans {
		padding: 20px 10px;
	}

	.order-block {
		padding: 60px 20px 40px 20px;
	}

	.order-form {
		margin-left: 15px;
		padding: 20px;
		width: 415px;
		
	}
	
	.quote {
		font-size: 90%;
	}

	.copyright {
		padding: 15px 0 0;
	}
	
	.foot-tel .tel, .foot-tel .city {
		font-size: 182%;
	}
	
	.foot-cont {
		padding: 18px 23px;
	}
	
	.foot-adr {
		font-size: 120%;
		line-height: 23px;
	}
	
}

@media (min-width: 240px) and (max-width: 600px) {
	body {
		min-width: auto;
	}

	section, header {
		padding: 0 20px;
	}

	.wrap, .white-block {
		width: auto;
	}

	.rght, .header .soc-links, .adress, .cont-add, .logo {
		width: 191px;
		float: none;
		margin: 10px auto;
		text-align: center;
		display: block;
	}
	
	.logo {
		width: 280px;
	}
	
	.adress {
		width: 226px;
	}
	
	.header .soc-links {
		width: 226px;
	}

	.cont {
		float: none;
		margin: 0 auto;
		width: 260px;
	}

	.cont-add {
		margin-left: 35px;
	}

	.mainMenu ul {
		padding: 0 20px;
		width: auto;
	}

	.mainMenu li a {
		padding: 0 12px;
	}

	.search-block .wrap {
		width: auto;
	}

	.search-block h1 {
		color: #fff;
		margin: 0 0 50px;
	}
	h1, h2 {
		font-size: 150%;
		font-weight: 400;
	}
	
	h1 big {
		font-size: 120%;
	}

	.bans {
		padding: 20px 10px;
	}
	
	.ban {
		display: block;
		margin: 0 auto;
	}

	.order-block {
		padding: 60px 20px 40px 20px;
	}

	.order-form {
		margin: 0px auto;
		padding: 20px;
		width: auto;
		float: none;

	}
	
	.order-block h2 {
		display: none;
	}
	
	.about-itm::before {
		position: relative;
		width: 60px;
		height: 60px;
	}
	
	.about-itm:nth-child(1):before {
		background: url('../images/design/icons2.png') no-repeat 8px 0px;
	}

	.about-itm:nth-child(2):before {
		background: url('../images/design/icons2.png') no-repeat 8px -106px;
	}

	.about-itm:nth-child(3):before {
		background: url('../images/design/icons2.png') no-repeat 8px -217px;
	}

	.about-itm:nth-child(4):before {
		background: url('../images/design/icons2.png') no-repeat 8px -330px;
	}
	
	.about-itm .about-ttl {
		font-size: 95%;
	}
	
	.feedback {
		width: auto;
		padding: 0 10px;
	}
	
	.feedback img {
		width: 100px;
		margin: 0 00px 0 0px;
	}

	.quote {
		font-size: 90%;
		margin-left: 105px;
	}

	.copyright {
		padding: 15px 0 0;
	}

	.foot-tel .tel, .foot-tel .city {
		font-size: 100%;
	}

	.foot-cont {
		width: 61%;
		padding: 18px 10px 18px 23px;
	}
	
	.foot-cont .cont-add {
		margin-left: 17px;
	}

	.foot-adr, .copyright {
		font-size: 94%;
		line-height:19px;
	}
	
	.soc-linksFoot {
		margin: 20px 0 0 -6px;
	}

}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
	.mainMenu ul {
		padding: 0px;
		width: auto;
	}
	
	.topnav li:not(:first-child) {display: none;}
	.topnav li.icon2 {
		float: right;
		display: block;
	}
	
	.topnav a.icon {
		display: block;
	}
	
	.topnav.responsive {position: relative;}
	.topnav.responsive li.icon2 {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive li {
		float: none;
		display: block;
		text-align: left;
	}
	
	.topnav.responsive li {
		background: #00ace9;
	}
	
	.topnav.responsive li:hover {
		background: #097ed7;
	}
	
	
}