@import url('reset.css');
@import url('bootstrap.min.css');
@import url('../font/fonts.css');
/*-------------------
	Основные стили
-------------------*/
body, p{
	background: #F9F9F9;
	color: #000;
	font-size: 14px; 
	font-family: 'Gotham_Cyrillic';
	margin: 0;
	padding: 0;
}

/*----------------------------
	Вспомогательные стили
----------------------------*/
.clear{
	clear:both;
}

.circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.grey_line{
	width: 75px;
	height: 7px;
	background-color: #efeff1;
	margin: 0 auto;
}
/*-----------------
	Контейнеры
-----------------*/
.wrapper{
	width:100%;
	height:100%;
}
.container-fluid{
	max-width:960px;
/*	outline:1px solid #000;*/
}
/*-----------------
	Шапка
-----------------*/
header{
	background: url(../img/header_bg.jpg) no-repeat center 0;
	color:#fff;
	background-size: cover;
}

.header_width{
	background-color: rgba(0, 0, 0, 0.6);
}

.block_links{
    background: #97cc5a;
    background: -moz-linear-gradient(top, #97cc5a 0%, #79bd28 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97cc5a), color-stop(100%, #79bd28));
    background: -webkit-linear-gradient(top, #97cc5a 0%, #79bd28 100%);
    background: -o-linear-gradient(top, #97cc5a 0%, #79bd28 100%);
    background: -ms-linear-gradient(top, #97cc5a 0%, #79bd28 100%);
    background: linear-gradient(to bottom, #97cc5a 0%, #79bd28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97cc5a', endColorstr='#79bd28', GradientType=0);

}

.block_links a{
	font-size: 14px;
	text-transform: uppercase;
	color:white;
	margin: 0 30px;
    border-bottom: 1px dashed #fff;
}

.block_links a:hover{
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

.block_links2 a{
	color: #000!important;
    border-bottom: 1px dashed #000;
}

.block_links2 a:hover{
    border-bottom: 1px solid #000;
}

.block_links1{
    padding-bottom: 20px;
    padding-top: 10px;
}

.block_links2{
	padding-bottom: 20px;
    padding-top: 20px;
}

.header_logo span{
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 39px;
	padding-top: 20px;
}

.header_logo img{
	float: left;
	width: 70px;
	height: auto;
	margin-right: 9px;
}

.header_logo, .header_phones{
	margin-top: 12px;
}

.header_phones{
	float: right;
}

.header_phones a{
	display: inline-block;
}

.header_phones button{
	display: inline-block;
}

.header_phones a{
	font-family: 'Museo_Sans_Cyrillic';
	text-decoration: none;
	border-bottom: 1px dashed #929496;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	position: relative;
	margin-left: 50px;
}

.header_phones a:hover{
	border-color: transparent;
}

.header_phones_l1:before{
	content: url(../img/phone1.png);
	position: absolute;
	left: -48px;
	top: 6px;
}

.header_phones_l2:before{
	content: url(../img/phone2.png);
	position: absolute;
	left: -48px;
	top: 7px;
}

.header_button {
    color: #fff;
    background: #f62b2b;
    background: -moz-linear-gradient(top, #f62b2b 0%, #DB0202 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f62b2b), color-stop(100%, #DB0202));
    background: -webkit-linear-gradient(top, #f62b2b 0%, #DB0202 100%);
    background: -o-linear-gradient(top, #f62b2b 0%, #DB0202 100%);
    background: -ms-linear-gradient(top, #f62b2b 0%, #DB0202 100%);
    background: linear-gradient(to bottom, #f62b2b 0%, #DB0202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f62b2b', endColorstr='#DB0202', GradientType=0);
    text-shadow: 1px 1px 1px #4f8411;
    border-top: 1px solid #f62b2b;
    border-left: 1px solid #f62b2b;
    border-bottom: 3px solid #911919;
    font-size: 17px;
    font-family: 'Gotham_Cyrillic';
    text-transform: uppercase;
    font-weight: 500;
    height: 55px;
    letter-spacing: -0.002em;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s linear;
    width: 280px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.header_button:hover{
	opacity: 0.8;
}

h1{
	text-align: center;
    color: #c20;
    margin-top: 25px;
    margin-bottom: 74px;
    font-size: 40px;
    font-weight: bold;
    line-height: 38px;
    font-family: 'Museo_Sans_Cyrillic';
}

header ul{
	background-color: rgba(0, 0, 0, 0.8);
	padding: 10px;
	margin-bottom: 35px;
}

header ul li{
	background: url(../img/ul_marker.png) left center no-repeat;
    font-size: 24px;
    line-height: 34px;
    margin: 10px 0px;
    padding-left: 50px;
}

.header_garantee img{
	float: right;
	margin-top: 126px;
}

.garantee_dn{
	display: none;
}

/*-----------------
	каталог теплиц
------------------*/

.catalog_rel{
    position: relative;
}

.catalog_abs span{
    font-size: 18px;
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin-top: 20px;
}

.catalog_abs{
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 96px;
    background:url(../img/snow.png) center center no-repeat;
}

.catalog_item1{
	max-width: 300px;
	width: 100%;
	border: 6px solid green;
}

.catalog_item1 img{
    height: 218px;
    width: 100%;
}

.catalog h2{
	text-align: center;
	color: #333b45;
	font-size: 40px;
    font-weight: 600;
}

.catalog_item1{
	text-align: center;
	margin-top: 40px;
}

.catalog_item1 h3{
	font-size: 20px;
	font-weight: 600;
}

.catalog_item1 p{
	margin-top: 3px;
	font-size: 15px;
	color: #333b45;
	margin-bottom: 10px;
}

.catalog_item1 table{
	margin: 12px auto;
}

.catalog_item1 table tr td{
	border: 2px solid green;
	text-align: center;
	padding: 2px; 
	width: 93px;
	color: #333b45;
}

.td_bord1{
	border-top: none!important;
	border-left: none!important;
}

.td_bord2{
	border-top: none!important;
}

.td_bord3{
	border-top: none!important;
	border-right: none!important;
}

.td_bord4{
	border-bottom: none!important;
	border-left: none!important;
}

.td_bord5{
	border-bottom: none!important;
}

.td_bord6{
	border-bottom: none!important;
	border-right: none!important;
}

.td_bord7{
	border-left: none!important;
}

.td_bord8{
	border-right: none!important;
}

.td_bord9{
	border-left: none!important;
}

.td_bord10{
	border-right: none!important;
}

.catalog_item1 button{
    color: #fff;
    background: #97cc5a;
    background: -moz-linear-gradient(top, #97cc5a 0%, #79bd28 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97cc5a), color-stop(100%, #79bd28));
    background: -webkit-linear-gradient(top, #97cc5a 0%, #79bd28 100%);
    background: -o-linear-gradient(top, #97cc5a 0%, #79bd28 100%);
    background: -ms-linear-gradient(top, #97cc5a 0%, #79bd28 100%);
    background: linear-gradient(to bottom, #97cc5a 0%, #79bd28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97cc5a', endColorstr='#79bd28', GradientType=0);
    text-shadow: 1px 1px 1px #4f8411;
    border-top: 1px solid #d5eb92;
    border-left: 1px solid #a5b670;
    border-bottom: 3px solid #0b7408;
    font-size: 15px;
    font-weight: 600;
    height: 55px;
    letter-spacing: -0.002em;
    line-height: 48px;
    transition: all 0.2s linear;
    vertical-align: top;
    width: 230px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.catalog_item1 button:hover{
	opacity: 0.8;
}

/*---------------------
	методы оплаты
---------------------*/

.payment h2, .delivery h2{
	font-weight: 600;
    font-size: 37px;
    color: #505758;
    text-align: center;
    margin-top: 100px;
}

.pay_ul1{
	margin-top: 20px;
}

.pay_ul1 li{
	color: #505758;
	font-size: 15px;
    font-weight: 400;
    margin-bottom: 9px;
}

.li_margin{
	margin-left: 18px;
}

.pay_ul2{
	margin-top: 47px;
}

.pay_ul2 li{
	float: left;
	margin-right: 34px;
}

/*---------------------
	контакты
---------------------*/

.contacts h2{
	font-size: 28px;
    color: #625b5b;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-top: 85px;
}

.contacts button{
	color: #fff;
    background: #f62b2b;
    background: -moz-linear-gradient(top, #f62b2b 0%, #DB0202 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f62b2b), color-stop(100%, #DB0202));
    background: -webkit-linear-gradient(top, #f62b2b 0%, #DB0202 100%);
    background: -o-linear-gradient(top, #f62b2b 0%, #DB0202 100%);
    background: -ms-linear-gradient(top, #f62b2b 0%, #DB0202 100%);
    background: linear-gradient(to bottom, #f62b2b 0%, #DB0202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f62b2b', endColorstr='#DB0202', GradientType=0);
    text-shadow: 1px 1px 1px #4f8411;
    border-top: 1px solid #f62b2b;
    border-left: 1px solid #f62b2b;
    border-bottom: 3px solid #911919;
    font-size: 17px;
    font-family: 'Gotham_Cyrillic';
    font-weight: 500;
    height: 55px;
    letter-spacing: -0.002em;
    text-align: center;
    transition: all 0.2s linear;
    width: 280px;
    margin: 0 auto;
    display: block;
}

.contacts h3{
	font-size: 37px;
    color: #625b5b;
    font-weight: 600;
    text-align: center;
    margin-top: 90px;
}

.contacts address{
	font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 40px;
}

/*---------------------
	подвал сайта
----------------------*/
footer address{
	font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 40px;
}
/*----------------
	popup
----------------*/

.closePopap:before{
	content: '+';
	position: absolute;
	top: 0;
	right: 15px;
	transform: rotate(45deg);
	font-size: 30px;
	color: #000;
}

.closePopap:hover, .closePopap:active{
  cursor: pointer;
  opacity: 0.7;
}

.zakazat {
    display: none;
    position: relative;
    max-width: 376px;
    width: 100%;
    margin: 0 auto;
    background-color: rgba(255,255,255, 0);
    padding: 10px;
}

.zak_wrap{
 	max-width: 356px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 5px 20px 5px;
}

.zakazat p{
	font-size: 24px;
	text-transform: uppercase;
	color: #002142;
}

.zakazat span{
	color: #002142;
    font-size: 16px;
    line-height: 24px;
}

.zakazat input{
	background-color: #F2F6F7;
    border: 1px solid #a2a092;
    box-shadow: inset 1px 2px 5px rgba(6,6,6,.07);
    color: #000;
    display: block;
    font-family: 'Museo_Sans_Cyrillic';
    font-size: 17px;
    height: 65px;
    margin: 0 auto;
    margin-top: 15px;
    outline: none;
    padding: 1px 24px 0px 24px;
    vertical-align: top;
    max-width: 300px;
    width: 100%;
}

.zakazat input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a2a092;
}
.zakazat input::-moz-placeholder { /* Firefox 19+ */
  color: #a2a092;
}
.zakazat input:-ms-input-placeholder { /* IE 10+ */
  color: #a2a092;
}
.zakazat input:-moz-placeholder { /* Firefox 18- */
  color: #a2a092;
}

.zakazat input[type="submit"]{
    color: #FFF;
    font-size: 18px;
    height: 80px;
    margin-top: 20px;
    background: #37a7e8;
    background: -moz-linear-gradient(top, #37a7e8 0%, #0384de 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37a7e8), color-stop(100%, #0384de));
    background: -webkit-linear-gradient(top, #37a7e8 0%, #0384de 100%);
    background: -o-linear-gradient(top, #37a7e8 0%, #0384de 100%);
    background: -ms-linear-gradient(top, #37a7e8 0%, #0384de 100%);
    background: linear-gradient(to bottom, #37a7e8 0%, #0384de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37a7e8', endColorstr='#0384de', GradientType=0);
    text-shadow: 1px 1px 1px rgba(16, 127, 196, 0.75);
    border-top: 1px solid #50dbf5;
    border-left: 1px solid #3B9CB0;
    border-bottom: 3px solid #0b47c7;
    max-width: 300px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 0;
}

.zakazat input[type="submit"]:hover{
	opacity: 0.8;
}