@font-face {
    font-family: futura-bookc;
    src: url(fonts/FUTURABOOKC.OTF);
}
@font-face {
    font-family: futura-bookc-italic;
    src: url(fonts/FUTURABOOKC-ITALIC.OTF);
}
@font-face {
    font-family: futura-futurisc;
    src: url(fonts/FUTURAFUTURISC.OTF);
}
@font-face {
    font-family: futura-futurisc-bold;
    src: url(fonts/FUTURAFUTURISC-BOLD.OTF);
}
@font-face {
    font-family: futura-futurisc-bold-italic;
    src: url(fonts/FUTURAFUTURISC-BOLDITALIC.OTF);
}
@font-face {
    font-family: futura-futurisc-italic;
    src: url(fonts/FUTURAFUTURISC-ITALIC.OTF);
}

head, body {
    background-color: #E3E3E3;
    width:100%;
    max-width:1400px;
}
*{
    font-family: futura-bookc;
    /*font-family: 'Open Sans', sans-serif;*/
}
a{
    text-decoration: none;
    color: #01a58d;
}
a:hover{ text-decoration: underline;}

p{
    margin: 0;
    padding: 0;
}
img{
     border: none;
}
ul{padding-left: 20px}
table[border='1']{
    border: 1px solid #444;
    border-collapse:collapse;
}
table[border='1'] td{
    border: 1px solid #444;
    padding: 3px;
}
#head-logo .img_1 img{
    position: absolute;
    top: 0;
}
#head-logo .img_2 img{
    position: absolute;
    top: 0;
    left: 78px;
}
h1{
    font-size: 28px;
  font-weight: normal;
  overflow: hidden;
  height: 40px;
}
#header {
    height: 109px;
    width: 100%;
    max-width: 960px;
    padding: 0px 20px 0px 20px;
    margin: auto;
}
#head-logo  {
    float: left;
    display: inline;
    margin: 13px 100px 0px 0px;
    position: relative;
}

#work .page{
    position: relative;
    background: #ffffff;
    border-radius: 4px;
    padding: 70px 10px 20px 20px;
    margin-bottom: 30px;
    margin-right: 10px;
}
#work .page .page_title, .bx-auth-title{
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     height: 50px;
     line-height: 50px;
     padding: 0 10px;

     background: #01a58d;
     color: #ffffff;
     font-size: 28px;
     border-radius: 4px 4px 0 0;
 }

.bx-auth-title{
    position: relative;
    margin-right: 10px;
}
.bx-auth{
    /*position: relative;*/
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    padding: 20px 10px;
    margin-right: 10px;
    /*margin-top: -16px;*/
    margin-bottom: 24px;
}
.bx-auth tr{
    height: 40px;
}
.bx-auth tr td input[type=text],
.bx-auth tr td input[type=password]{
    border-radius: 3px;
    outline: none;
    border: 1px solid #c1c1c1;
    padding: 0 5px;
    width: 250px;
    height: 20px;
}

#head-contacts{
    float: left;
    display: inline;
    margin: 35px 5px 5px 7px;
    font-size: 32px;
}
#head-contacts1, #head-contacts2  {
    float: left;
    display: inline;
    margin: 23px 5px 5px;
}

#head-contacts1 {
    text-align: justify;
}
#head-contacts2,
#head-contacts {
    text-align: right;
}
#head-contacts1 ul, #head-contacts2 ul {
    -webkit-padding-start: 1px;
}
#head-contacts1 ul li, #head-contacts2 ul li {
     list-style-type: none;
 }
#head-contacts1 ul li p, #head-contacts2 ul li p{
    text-align: justify;
    margin: 2px;
}

#head-call:hover {
     background-color: #006699;
 }
#head-call:hover a{
    color: #ffffff;
}
#head-call {
    font-family: futura-bookc;
    font-size: 18px;
    width: 216px;
    height: 36px;
    float: right;
    display: inline;
    margin-top: 33px;
    margin-right: 21px;
    border: 2px solid #006599;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
}
#head-call > a p{
    margin: 0;
    padding: 6px;
    text-align: center;
}
#head-call a{
    text-decoration: none;
    color: #006599;
    display: block;
}

#botton-shop{
    /*width: 220px;*/
    height: 30px;
    /*float: left;*/
    background: #af4141;
}
.botton-shop{
    /*width: 220px;*/
    height: 30px;
    /*float: left;*/
    /*background: #af4141;*/
    width: 960px;
    padding: 0 20px 0 20px;
    margin: auto;
}
#botton-shop:hover{
    background: #cd3b3b;
}

#botton-home-site{
    width: 220px;
    height: 30px;
    float: right;
    background: #006599;
    margin-right: 20px;
}
#botton-home-site:hover{
    background: #007db3;
}


#botton-home-site .a-left{
    /*margin: auto;*/
    float: left;
    height: 21px;
    margin: 2px 21px 0px 7px;
}
#botton-home-site .a-right{
    margin: auto;
    float: left;
    /*padding-top: 3px;*/
}
#botton-shop  img{
   /* margin: inherit;*/
    /*margin: 15px 15px 0px 15px;*/
}
#botton-shop a, #botton-home-site a{
    font-family: futura-futurisc;
    text-decoration: none;
    color: #ffffff;
    font-size: 22px;
  margin: 12px 15px 0px 15px;
}
 #botton-home-site a.a-left{
    /*margin: 15px 0px 0px 21px;*/
}
#botton-home-site a.a-right{
    /*margin-left: 20px;*/
    line-height: 30px;
}

#botton-shop a.a-left{
    /*margin: 15px 0px 0px 21px;*/
    margin: auto;
    float: right;
    width: 21px;
    height: 21px;
    margin-top: 4px;
}
#botton-shop a.a-right{
    /*margin-left: 20px;*/
    line-height: 30px;
    margin: 0 45px 0 15px;
    float: right;
}
.linkblock {cursor:pointer}

.img_phone_big{
    float: left; 
    padding-top: 23px;
    padding-left: 240px;
}
.img_phone_small{
    float: left;
    padding-top: 35px;
    padding-left: 250px;
}
#section-top-nav{
    height:30px;
    background: #f6f9fc;
    /*background:url(images/header_menu_bg.gif) repeat-x;*/
    font-size: 15px;
    border-bottom: 1px solid #c1c1c1;
}

#top-nav{
    width: 960px;
    padding: 0 20px 0 20px;
    margin: auto;
    /*padding: 0;*/
    line-height: 30px;
}
#top-nav .horizontal-multilevel-menu:first-child li{
    margin-left: 0;
}
#top-nav .horizontal-multilevel-menu, #top-nav .horizontal-multilevel-menu ul{
    height: 30px;
    position: absolute;
    min-height: 30px;
    float: left;
    min-width: 732px;
}
#top-nav .horizontal-multilevel-menu > li{ 
    height: 29px;
    margin: 0px 15px 0px 10px;
}

#top-nav .horizontal-multilevel-menu > li ul{display: none;}

#top-nav .horizontal-multilevel-menu li a.root-item{
   /* padding: 0px 20px 0px 10px;*/
    height: 30px;
}
#top-nav .horizontal-multilevel-menu li:hover > a, #top-nav .horizontal-multilevel-menu li.jshover > a{
    border-bottom: none;
    text-decoration: underline;    
}



/*������� ���� ��������*/
#section-top-menu{
    font-size: 18px;
    height:60px;
    background:url(images/header_menu_bg.gif) repeat-x;
    border-bottom: 1px solid #c1c1c1;
    position: relative;
    z-index: 10;
}

#top-menu{
    width: 60%;
    padding: 0 20px 0 20px;
    margin: auto;
    position: relative;
}

#top-menu .horizontal-multilevel-menu{
    float: left;
    margin-left: 0px;
}
#top-menu .horizontal-multilevel-menu a{
    text-decoration: none;
}
#top-menu .horizontal-multilevel-menu > li ul{
/*    display: none;*/
    border-radius: 0 4px 4px 4px;
    overflow: hidden;
    box-shadow: 0px 6px 7px rgba(0,0,0,0.33);
    border-bottom: 1px solid #989898;
}
#top-menu .horizontal-multilevel-menu li ul li{
    height: 44px;
    line-height: 44px;
    min-width: 220px;
    background: #fff;
/*    border-bottom: 1px solid #f1f1f1;*/
}

#top-menu .horizontal-multilevel-menu li ul:last-child li{
  /*  border: none;*/
}

#top-menu .horizontal-multilevel-menu li ul li a:hover{
    background: #d6e6ef;
}

#top-menu .horizontal-multilevel-menu li a.root-item{
    padding: 0;
    padding: 0 10px;
    height: 58px;
    /*border-bottom: 3px solid #f7f7f7;*/
}
#top-menu .horizontal-multilevel-menu >li:hover >a{
    /*border-bottom: 2px solid #006699;*/
    height: 60px;
    background: #ffffff;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.33);
}
#top-menu .horizontal-multilevel-menu li a.root-item-selected{
   /* padding: 20px 0;*/
    padding: 0 10px;
    height: 60px;
    /*border-bottom: 2px solid #006699;*/
    background: #ffffff;
}
#top-menu .horizontal-multilevel-menu{
    line-height: 60px;
}
/*END ������� ���� ��������*/


#baner {
    height: 350px;
    background-image: url(images/baner.jpg);
    color: #ffffff;
    font-size: 64px;
    text-align: center;
}
#baner p
{
    margin: 0;
    padding: 0;
}
#left-sidebar{
    width: 230px;
    float: left;
    padding-right: 10px;
    font-size: 18px;
 }
.name-left-menu{
    color: #ffffff;
    background: #01a58d;
    width: 210px;
    height: 50px;
    border-radius: 4px 4px 0px 0px;
    padding-left: 10px;
    line-height: 3em;
}
#right-sidebar {
    width: 200px;
    float: right;
}
#content {
    width: 960px;
    min-width: 960px;
    padding: 0px 20px 0px 20px;
    margin: auto;
}



#swaps1, #swaps2{
    margin: auto;
    max-width: 960px;
}
#swaps1{
    padding: 20px 10px 0px 10px;
    height: 260px;
}
#swaps1 .swap{
    float: left;
    height: 220px;
    width: 220px;
    border-radius: 4px;
    background: #ffffff;
    margin: 0 10px 0 10px;
    line-height: 1.7em;
    text-align: center;
    font-size: 18px;
}

#swaps1 .swap:first-child, #swaps2 .swap:first-child, #swaps3 .swap:first-child{
    margin-right: 10px;
    margin-left: 0;
}
#swaps1 .swap:last-child, #swaps2 .swap:last-child{
    margin-left: 10px;
    margin-right: 0;
}
#swaps1 .swap:hover{
    color: #007db3;
    background: #f5f5f5;
}

#swaps2{
    padding: 0px 10px 0px 10px;
    height: 140px;
}
#swaps2 .swap{
    float: left;
    height: 120px;
    width: 460px;
    border-radius: 4px;
    background: #ffffff;
}
#swaps2 p.name{
    font-size: 36px;
    color: #006699;
}
#swaps2 p.text{
    margin: -13px 0;
}

#swaps3{
    /*margin: auto;*/
    width: 710px;
    margin-bottom: 30px;
}
#swaps3 .swap{
    float: left;
    height: 60px;
    width: 220px;
    border-radius: 4px;
    background: #ffffff;
    margin: 0 10px 0 10px;
    line-height: 1.7em;
    /*text-align: center;*/
    font-size: 18px;
}

.swap{
    border-bottom: 1px solid darkgray;
    overflow: hidden;
}
.swap-calc-img, .swap-montaj-img, .swap-montaj-img {
    background: #006699;
    width: 120px;
    text-align: center;
    float: left;
    margin-right: 20px;
}

.swap-calc:hover .swap-calc-img,
.swap-montaj:hover .swap-montaj-img,
.swap:hover .swap-calc-img
{
    background: #2088bc;
}
.swap-calc-img{
     height: 110px;
     padding-top: 10px;
 }
.swap-montaj-img{
    height: 106px;
    padding-top: 14px;
}
.menu-swap{
    width: 120px;
    margin-bottom: 20px;
}
.menu-swap .swap{
    height: 60px;
    width: 220px;
    background: #ffffff;
    border-radius: 4px;
    border-bottom: 1px solid darkgray;
}
.menu-swap .swap-calc-img{
    width: 60px;
    margin-right: 8px;
}
.menu-swap .swap p{
    font-size: 20px;
    color: #006699;
    line-height: 0.8;
    padding-top: 6px;
}



#work {
    width: 710px ;
    min-width: 710px ;
    float: left;
}
#breadcrumb {
    width: 960px;
    padding: 0px 20px 0px 20px;
    font-size: 15px;
    margin: auto;
    margin-top: 12px;
    margin-bottom: 8px;
}
#footer{
    width: 960px;
    min-width: 960px;
    padding: 0px 20px 0px 20px;
    margin: auto;
    height: 70px;
}
#footer-social{
    clear: both;
    background-color: #ffffff;
    width: 100%;
}
#footer-social-content{
    background-color: #ffffff;
    width: 960px;
    height: 70px;
    margin: auto;
}
#footer-social-content .footer_social_title{
    font-size: 36px;
    margin-bottom: 30px;
    padding-top: 8px;
}
#footer-social-content .widgets{
    position: relative;
}
#footer-social-content .widgets .widget{
    float: left;
    width: 100%;
    height: 300px;
	max-width: 300px;
}
#vk_groups{
    margin-left: 200px;
}
#instagram_groups{
    margin-left: 200px;
}
#footer-copyright{
    min-height: 60px;
    font-size: 14px;
    line-height: 70px;
}
.search-form{
    width: 216px;
    height: 26px;
    border: 2px solid #006699;
    border-radius: 4px;
    margin: 20px 0;
    overflow: hidden;
}
.search-form .display_none{
    display: none;
}

.search-form input[type=text]{
    position: absolute;
    width: 180px;
    border: none;
    background: none;
    padding: 0px 29px 0 7px;
    margin: 0;
    height: 26px;
    /*float: left;*/
    outline: none;
}
.bx_input_container input[type=text]
{
    width:186px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    height: 26px;
    float: left;
    outline:none;
}

.search-form input[type=submit]{
     width:20px;
     height: 20px;
     border: none;
     background: url(images/magnifier.png) repeat-x;
     padding: 0;
     float:right;
     margin: 3px 3px 0 0;
    position: absolute;
    right: 0;
    opacity: 0.8;
    outline: none;
 }
.search-form input[type=submit]:hover{
    opacity: 1;
    cursor: pointer;
}


.eMarket-popup {
    position:fixed;
    top:0;left:0;
    right:0;bottom:0;
    text-align:center;
    display:none;
    z-index: 995;
}
.eMarket-popup-window{
    display:none;
    top: 54px;
    right: 30px;

    position:absolute;
    width:280px;
    background-color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 996;
    border: 1px solid #006599;
    border-radius: 4px;
    color: #000;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.eMarket-popup-window:before,
.eMarket-popup-window:after{
    border: medium solid transparent;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 160px;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.eMarket-popup-window:before{
    border-color: rgba(148, 191, 220, 0) rgba(148, 191, 220, 0) #006599;
    border-width: 18px;
    margin-left: 10px;
}
.eMarket-popup-window:after{
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-width: 16px;
    margin-left: 12px;

}
.popup_login_page {
    color: #000000;
    font-size: 13px;
    line-height: 20px;
    position: relative;
}
.popup_login_page h2 {
    border-bottom: 1px solid #006599;
    font-size: 21px;
    font-weight: 300;
    height: 38px;
    line-height: 38px;
    margin-bottom: 21px;
    padding: 0 18px;
}
.bx_auth_form {
    padding: 0px 18px 40px 18px;
    position: relative;
}
.remember-pass-block {
    background: #dceaf3;
    border-top: 1px solid #006599;
    position: relative;
    display: none;
}
.personal_btn .user_menu{
    display: none;
}

.personal_btn.logined:hover .user_menu{
    display: block;
}
.personal_btn .user_menu ul{
    background: #FFFFFF;
    position: relative;
}
.personal_btn .user_menu li{
    text-decoration: none;
    list-style: none;
    background: #f7f7f7;
    display: block;
    height: 40px;
    line-height: 40px;
}
#user_profile_menu{
    display: none;
}
/*feedback form*/
.site-feedback {
    position: relative;
    width: 100%;
    height: 100%;
}
.site-feedback:hover{

}
.site-feedback p{
    text-align: center;
    height: 100%; 
    padding: 6px;   
}
.site-feedback input[type=text]{}
.feedback-bg {}

.feedback-window {
	color:#000;
	width:320px;
	border: 1px solid #006599;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	position: absolute;
	left:50%;
	margin:0 0 0 -185px;
	top:auto;
	z-index:1001;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#feedback_call_window {
    margin: 56px 0 0 -210px;
}
#feedback_write_window {margin: 50px 0 0 -185px;}


.feedback-window.arrow_box:after, 
.feedback-window.arrow_box:before {
	bottom: 100%;
	left: 52%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.feedback-window.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 16px;
    margin-left: 26px;
}
.feedback-window.arrow_box:before {
    border-color: rgba(148, 191, 220, 0);
    border-bottom-color: #006599;
    border-width: 18px;
    margin-left: 24px;
}
.feedback-window .close{
	position: absolute;
	right: 18px;
	top: 12px;
	background-image: url(/images/sprite2.png);
	background-position: -2px -256px;
	width: 16px;
	height: 16px;
	opacity: .5;
	cursor:pointer;
}
.feedback-window .close:hover{opacity:1;}
.feedback-window .title{
	height: 38px;
	padding: 0 18px;
	line-height: 38px;
	font-weight: 300;
	font-size: 21px;
	border-bottom: 1px solid #006599;
	margin-bottom: 21px;
    text-align: left;
}
.feedback-window .em-input-param,
.form-buyone .inputtext{
    width: 253px;
    margin: 0 18px 7px;
    border: 1px solid #006599;
    height: 16px;
    line-height: 18px;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: border-color 0.5s;
    -webkit-transition: border-color 0.5s;
    -moz-transition: border-color 0.5s;
    font-size: 16px;
}

.feedback-window textarea.em-input-param{
	height: 160px;
	resize:none;
}

.feedback-window #user_phone.focus, 
.feedback-window #user_phone:focus{
	outline: none; 
	padding-left:28px;
	width: 235px;
}
.feedback-window #user_phone:-moz-placeholder {color: #888888;}
.feedback-window #user_phone:-webkit-input-placeholder {color: #888888;}
.feedback-window .user_phone{position: relative;}
.feedback-window .user_phone span{
	content: "+7";
	display: none;
	color: #888888;
	position: absolute;
	top: 2px;
	left: 28px;
	font-size: 16px;
}
.feedback-window .medium_button_blue{
    width: 274px;
    margin: 10px;
    font-size: 16px;
}
input.em_button.disabled.medium_button_blue {
cursor: pointer;
}

#emarket-feedback-response{
    position: fixed;
    padding: 0px;
    border: 0px solid #006599;
    background-color: #FFF;
    margin: 0px 0px 0px;
    z-index: 999;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    width: 216px;
}
#emarket-feedback-response.error{border-color:red;}

.bx_block.r3x1.position input[type="text"]{
    margin: 10px 0px 15px;
}

ol li{
    margin-left: 15px;
}

.photo-section{
    margin-left: -5px;
}
.photo-section img,
.photo-sections-top img{
    opacity: 0.6;
    border-radius: 4px;
}
.photo-section img:hover,
.photo-sections-top img:hover{
    opacity: 1;
}

.news-list p.news-item{
    margin-bottom: 20px;
}
.margin5{
margin:5px;
}
@media screen and (min-width:100px) and (max-width:240px) {
	body{background:none;}
        #top-menu{width:100%;}
       .select_sity{display:none;}
       .img_phone_big{display:none;}
#baner{
    display:none;
}

#swaps2{
display:none;
}
	.botton-shop{display:none;}
	#botton-shop a.a-right{float:none;}
}
@media screen and (min-width:240px) and (max-width:340px) {
	body{background:none}
    #baner{background-image:none}
	.botton-shop{display:none}
	#botton-shop a.a-right{float:none}
}
@media screen and (min-width:341px) and (max-width:420px) {
	body{background:none}
	.botton-shop{display:none}
    #botton-shop a.a-right{float:none}
}
@media screen and (min-width:421px) and (max-width:540px) {
тут теги и атрибуты
}
@media screen and (min-width:541px) and (max-width:670px) {
тут теги и атрибуты
}
@media screen and (min-width:671px) and (max-width:800px) {
тут теги и атрибуты
}
@media screen and (min-width:801px) and (max-width:1000px) {
тут теги и атрибуты
}