@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&subset=cyrillic');

*{
	font-family: "Roboto Condensed", sans-serif;
	font-weight : 300;
	Color : #474747;
	letter-spacing: 0em;
	font-size : 18px;
	line-height : 1.3em;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing : border-box;
}

body {
	margin: 0;
	background-color: #FFF;
}

#bd {
	margin : 0px auto!important;
	position : relative;
	min-width : 960px;
	width : auto;
}

.container {
	display : flex;
	flex-wrap : wrap;
	max-width : 1170px;
	margin : 0px auto!important;
	position : relative;
	padding : 0px 1.5% 0px 1.5%;
}

table {
	border-collapse: collapse;
}

.clear {
	clear: both;
}

b, strong {
	color : #000000;
	font-weight : 400;
}

b.reg {
    font-weight: 300;
    font-size : 16px;
/*    background: #474747;
    color: #FFFFFF;
    display: inline-block;
    padding: 4px 7px 3px 7px;
    border-radius: 7px;
    font-size: 16px;
*/
}

b.wp {
    font-weight: 400;
    background: #4eb800;
    color: #ffffff;
    display: inline-block;
    padding: 4px 7px 3px 7px;
    border-radius: 7px;
    font-size: 16px;
}

a, a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
}

a, a:link, a:visited {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:hover, a:active, a:focus {
}

h1, h2, h3, h4, h5 { 
	display: block;
	font-weight: normal;
	position : relative;
	line-height : 90%;
	width : 100%;
}


h1 {
	font-size: 42px;
	line-height: 1.1;
	font-weight : 300;
	padding : 5px 0px 20px 0px;
	text-align : left;
	margin-bottom : 0px;
	color : #122e44;
}

.col_2 h1 {
    text-align : center;
}

.container > h1 {
	line-height: 1.1;
	font-weight : 300;
	padding : 35px 0px 20px 0px;
	margin-bottom : 0px;
	color : #122e44;
}
h2 {
	font-size: 36px;
	line-height: 1.1;
	font-weight: 300;
	padding: 50px 0px 15px 0px;
	text-align: center;
	margin-bottom: 0px;
	color : #122e44;
}

h3 {
	font-size: 25px;
	line-height: 1.1;
	color: #000000;
	font-weight: 300;
	padding: 20px 0px 10px 0px;
}

h4  {
	padding-top : 50px;
	padding-bottom : 10px;
	color : #000000;
	font-size : 28px;
	font-weight : 300;
}

h4 > span  {
	display : block;
	font-size : 14px;
	color : #000000;
	padding: 3px 0px 2px 30px;
    line-height : 100%;
}


h2 > b { 
	display : block;
	font-size : 24px;
	color : #000000;
	font-weight : 300;
	padding : 5px 0px 0px 0px;
	text-align : center;
}


ol, ul {
	margin : 8px 0px 8px 0px;
	padding :  0px 0px 0px 0px;
}

li{
	list-style: none;
	position : relative;
	margin : 0px 0px 0px 20px;
	padding : 0px 0px 8px 27px;
}

li:before {
	content: "\f00c";
	color: #45a200;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: "FontAwesome";
	font-size: 18px;
}


a {
	color : #45a200;
	border-bottom : 1px dotted transparent;
}
a:hover {
	color : #45a200;
	border-bottom : 1px dotted #45a200;
}



p {
	margin : 0px 0px 7px 0px;
}

a.title_1,
a.title_2,
p.bold
{
	color : #000000;
	margin : 0px 0px 10px 0px;
}

a:hover.title_1,
a:hover.title_2
{
	color : #45a200;
}

.title_1 {
	font-size : 46px;
	display : block;
}

.title_2 {
	font-size : 36px;
	display : block;
}

p.bold, p.bold * {
	font-size : 20px;
}

p.add {
	padding : 10px 15px 0px 15px;
}

.column {
    -webkit-column-width: 50%;
    -moz-column-width:  50%;
    column-width:  50%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-rule: 0px solid #ccc;
    -moz-column-rule: 0px solid #ccc;
    column-rule: 0px solid #ccc;
    padding : 0px 15px 20px 15px;
    text-align: justify;
}

.column p {
    text-align : justify;
}




/*#############################################*/
/*                  Controls                   */
/*#############################################*/

.btn_base {
	l!!etter-spacing: .2em;
	position: relative;
	display: inline-block;
	width: auto;
	word-spacing: normal;
	font-weight: 400;
	height: 48px;
	line-height : 48px;
    font-size : 16px;
	padding: 0px 25px 0px 25px;
	color: #FFF;
	background-color: #3a8800;
	b!!ackground-image: url(/images/categories/bg_categories.png);
	border : 0px solid #ff860a;
	text-align : center;
	z-index: 2;
	-moz-transition: 0.5s all ease !important;
	-o-transition: 0.5s all ease !important;
	-webkit-transition: 0.5s all ease !important;
	transition: 0.5s all ease !important;
	overflow : hidden;
	border-radius : 7px;

}

.btn_base:hover {
	color: #FFF;
	border : 0px;
}


.btn_base:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	font-family: "FontAwesome";
	font-size: 28px;
	line-height: 70px;
	background-color: #4eb800;
	b!!ackground-image: url(/images/categories/bg_categories.png);
	width : 100%;
	height : 100%;
	border-radius : 7px;
	z-index: -1;
	opacity : 0;
	transform : scale(0);
	-moz-transition: 0.5s all ease !important;
	-o-transition: 0.5s all ease !important;
	-webkit-transition: 0.5s all ease !important;
	transition: 0.5s all ease !important;
}


.btn_base:hover:after {
	opacity : 1;
	transform : scale(1);
}


input:disabled.btn_base{
	color : #FFFFFF!important;
	background : #d0d0d0;
	cursor : default;
}

/*#############################################*/
/*                   Header                    */
/*#############################################*/

#header {
	display : block;
	width : auto;
	height : 178px;
	background: #000000;
}

#header > .container{
padding : 0px 15px;
min-width : 980px;
}



.header_logo {
	width : 22%;
	padding : 31px 0px 0px 0px;
	border : 0px;
}

.header_logo:hover {
	border : 0px;
}

.header_logo > img {
	width : 100%;
}

.header_phone{
	width : calc(32% - 6%);
	position : relative;
	display : block;
	padding : 2px 0px 0px 61px;
	margin : 35px 2% 0px 4%;
    color: #aeaeae;
    font-size: 14px;
    font-weight : 500;
}

.header_phone:before{
	content: '';
	padding: 0px;
	display: block;
	color: #FFFFFF;
	font-family: "FontAwesome";
	font-size: 48px;
	line-height: 50px;
	border: 0px solid rgb(232, 233, 238);
	background: #45a200;
	width: 50px;
	height: 50px;
	border-radius: 7px;
	position: absolute;
	top: 0px;
	left: 0px;
}


.header_phone:after{
	content: '\f095';
	top: 17px;
	left: 15px;
	font-size: 30px;
	display: block;
	color: #FFFFFF;
	font-family: "FontAwesome";
	padding: 0px 0px 0px 0px;
	position: absolute;
}

.header_phone > a{
	color : #FFFFFF;
	font-size : 32px;
	line-height : 24px;
	white-space : nowrap;
	padding : 4px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	display: block;
}

.header_phone > a:hover{
	color : #6cff00;
}


.header_mail{
	width : calc(25% - 2%);
	position : relative;
	display : block;
	padding : 2px 0px 0px 65px;
	margin : 35px 2% 0px 0px;
	line-height : 110%;
    color : #aeaeae;
    font-weight : 500;
}

.header_mail:before{
	content: '';
	padding: 0px;
	display: block;
	color: #FFFFFF;
	font-family: "FontAwesome";
	font-size: 48px;
	line-height: 70px;
	border: 0px solid rgb(232, 233, 238);
	background: #45a200;
	width: 50px;
	height: 50px;
	border-radius: 7px;
	position: absolute;
	top: 0px;
	left: 0px;
}


.header_mail:after{
	content: '\f017';
	top: 16px;
	left: 12px;
	font-size: 31px;
	display: block;
	color: #ffffff;
	font-family: "FontAwesome";
	padding: 0px 0px 0px 0px;
	position: absolute;
}

.header_mail > a{
	color : #FFFFFF;
	font-size : 16px;
	line-height : 20px;
	white-space : nowrap;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
    font-weight : 500;
}

.header_mail > a:hover{
	color : #6cff00;
}

.header_right {
	width : 21%;
	margin : 35px 0px 0px 0px;
}


.header_right > .btn_base {
	padding : 0px;
	width : 100% !important;
    font-size: 22px;
    font-weight: 300;
    line-height: 48px;
}



/*#############################################*/
/*                   Poster                    */
/*#############################################*/

#poster {
	display : block;
	position : relative;
	width : auto;
	border-bottom : 0px solid #161719;
}

#poster_counter {
	position : relative;
}

#poster_counter > .container > div {
    position: absolute;
    top: 45px;
    left: 28px;
    background: rgba(0,0,0,0.6);
    z-index: 20;
    text-align: center;
    padding: 10px 10px 3px 10px;
    border-radius: 12px;
    box-shadow: 20px 20px 40px rgba(0, 0, 0, .5);
}

#poster_counter > .container > div > a{
    border-bottom : 0px;
}

#poster_counter > .container > div > a > img{
    width : 100%;
    height: auto;
    border-radius: 7px;
}



.poster_title {
    font-weight: 300 !important;
    display: block;
    position: absolute;
    top: 80px;
    right: 18px;
    width: auto;
    text-align: right;
    color: #FFFFFF;
    font-size: 50px;
    text-shadow: 0px 0px 50px rgba(0,0,0,.9);
    line-height: 1.1;
    /*background: rgba(31,28,27,.5);*/
    padding: 0px;
    border-radius: 0px;
}

.poster_title > b{
	display : block;
	padding : 0px 0px 30px 0px;
	font-weight: 800 !important;
	color : #FFFFFF;
	font-size : 50px;
	line-height : 1.1;
    text-transform: uppercase;
}

.poster_title > i{
	display : block;
	padding : 0px 0px 10px 0px;
	font-weight: 300 !important;
	color : #FFFFFF;
	font-style : normal;
	font-size : 40px;
	line-height : 1.1;
}

.poster_title > em{
	display : block;
	padding : 0px 0px 0px 0px;
	font-weight: 300 !important;
	color : #FFFFFF;
	font-style : normal;
	font-size : 20px;
	line-height : 1;
}

.poster_title_dark {
	font-weight: 300 !important;
	display : block;
	position : absolute;
	top : 80px;
	left : 50px;
	width : 100%;
	text-align : left;
	color : #000000;
	font-size : 50px;
	text-shadow: 0px 0px 50px rgba(255,255,255,.9);
	line-height : 1.1;
}

.poster_title_dark > b{
	display : block;
	padding : 0px 0px 30px 0px;
	font-weight: 800 !important;
	color : #000000;
	font-size : 50px;
	line-height : 1.1;
}

.poster_title_dark > i{
	display : block;
	padding : 0px 0px 10px 0px;
	font-weight: 300 !important;
	color : #000000;
	font-style : normal;
	font-size : 40px;
	line-height : 1.1;
}


.poster_text {
	display : block;
	position : relative;
	width : auto;
	margin : 20px 0px 0px 60px;
	text-align : left;
	color : rgba(255,255,255,0.7);
	font-weight : 300;
	font-size : 15px;
	text-transform : none;
}

.poster_title > a, .poster_title_dark > a {
	position: relative;
	display: inline-block;
	margin : 0px 0px 0px 0px;
	word-spacing: normal;
	font-size: 14px;
	font-weight: 500;
	h!!eight: 47px;
	line-height : 48px;
	padding: 0px 30px 0px 30px;
	l!!etter-spacing: .2em;
	color: #FFF;
	background: #45a200;
	border : 2px solid #FFFFFF;
	text-align : center;
	z-index: 2;
	-moz-transition: 0.5s all ease !important;
	-o-transition: 0.5s all ease !important;
	-webkit-transition: 0.5s all ease !important;
	transition: 0.5s all ease !important;
	overflow : hidden;
	text-transform : uppercase;
	border-radius : 7px;
}


.poster_title > a:hover, .poster_title_dark > a:hover {
	box-shadow: 0 0 50px rgba(255, 255, 255, .6);
}


.poster_title > a:after, .poster_title_dark > a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	font-family: "FontAwesome";
	font-size: 28px;
	line-height: 70px;
	background: #3a8800;
	width : 100%;
	height : 100%;
	z-index: -1;
	opacity : 0;
	transform : scale(0);
	-moz-transition: 0.5s all ease !important;
	-o-transition: 0.5s all ease !important;
	-webkit-transition: 0.5s all ease !important;
	transition: 0.5s all ease !important;
}


.poster_title > a:hover:after, .poster_title_dark > a:hover:after {
	opacity : 1;
	transform : scale(1);
}

.shadow {
	background : url(/images/posters/cloud-1.png) center bottom repeat-x;
	background-size: cover;
	height : 160px;
	width : 100%;
	position : absolute;
	bottom : 0px;
	z-index: 900
}


#lveis-wrapper_3 ul#lveis {
	height: 30vw !important;
	min-height: 550px;
}






/*#############################################*/
/*                categories                   */
/*#############################################*/

#categories {
	background-color : #FFFFFF;
	padding : 10px 0px 80px 0px;
}

#categories > .container > h1,
#categories > .container > h2,
#categories > .container > h3
 {
	text-align : center;
}

.cat_sc {
	display : block;
	width : calc(33.3% - 0px);
	padding : 0px 0px 50px 0px;
	margin : 0px 0px 10px 0px;
	position : relative;
	background : #eaeaea;
	border : 15px solid #FFFFFF;
	border-radius : 16px;
	text-align : left;
	text-align : left;
	z-index : 1;
	transform: scale(1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0);
}

.col_2 .cat_sc {
	width : calc(50% - 0px);
}

.cat_sc:hover {
	background : #f1f1f1;
	z-index : 2;
	transform: scale(1.1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0.3);
	border : 15px solid #FFFFFF !important;
}



.list_price {
color: #fff;
font-size: 26px;
font-weight: 300;
display: inline-block;
background-color: #3a8800;
padding: 12px 20px 3px 15px;
border-radius: 7px;
font-style: normal;
position: relative;
z-index: -1;
top: -10px;
width: calc(100% + 0px);
text-align: right;
}

.list_price i{
color: #fff;
font-size: 17px;
font-weight: 300;
font-style: normal;
vertical-align: text-top
}


.cat_sc.frez > b {
	background : url(/images/posters/slide_type_frez.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.fil > b {
	background : url(/images/posters/slide_type_fil.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.pseudo > b {
	background : url(/images/posters/slide_type_pseudo.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.flat > b {
	background : url(/images/posters/slide_type_flat.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.mirror > b {
	background : url(/images/posters/slide_type_mirror.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.white > b {
	background : url(/images/posters/slide_type_white.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.pvh > b {
	background : url(/images/posters/slide_covers_pvh.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.shpon > b {
	background : url(/images/posters/slide_covers_shpon.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.ral > b {
	background : url(/images/posters/slide_covers_ral.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.hpl > b {
	background : url(/images/posters/slide_covers_hpl.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.wp_mdf > b {
	background : url(/images/posters/slide_wp_mdf.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.wp_fanera > b {
	background : url(/images/posters/slide_wp_fanera.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.wp_oak > b {
	background : url(/images/posters/slide_wp_oak.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.wp_imb > b {
	background : url(/images/posters/slide_wp_imb.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.matters_hpl > b {
	background : url(/images/posters/slide_matters_hpl.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.matters_pvh > b {
	background : url(/images/posters/slide_matters_pvh.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.matters_shpon > b {
	background : url(/images/posters/slide_matters_shpon.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.matters_ral > b {
	background : url(/images/posters/slide_matters_ral.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.element_freza > b {
	background : url(/images/posters/slide_element_freza.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.element_patina > b {
	background : url(/images/posters/slide_element_patina.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.element_cutting > b {
	background : url(/images/posters/slide_element_cutting.jpg) #45a200 center;
    background-size: cover;
}

.cat_sc.element_mirror > b {
	background : url(/images/posters/slide_element_mirror.jpg) #45a200 center;
    background-size: cover;
}


.cat_sc > b {
	font-size: 28px;
	font-weight: 900;
	color: #FFFFFF;
	display: block;
	padding: 12px 20px 11px 20px;
	border-bottom: 0px solid #45a200;
	line-height: 32px;
	text-align : right;
	border-radius : 7px;
    height : 175px;
    text-shadow: 0 0 20px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}

.cat_sc > b > i {
	font-style: normal;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	display: block;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	line-height: 18px;
    text-transform: none;
}


.cat_sc > b.small {
	font-size: 20px;
	font-weight: 900;
	line-height: 22px;
	padding-bottom : 22px;
}


.cat_sc > span {
	padding : 10px 30px 15px 30px;
	display : block;
	line-height: 1.3;
}

.cat_sc > span > b {
    font-size: 20px;
    font-weight: 300;
    color: #000000;
    display: block;
    padding: 2px 0px 10px 0px;
    margin-bottom: 7px;
    border-bottom: 0px solid #45a200;
    line-height: 95%;
    text-align: center;
}

.cat_sc > span > ul > li {
	padding-bottom: 0px;
	margin-bottom : 8px;
	line-height: 1.1;
}


.cat_sc > span > .btn-more {
	position: absolute;
	bottom : 15px;
	left : 30px;
	width : calc(100% - 60px);
	display: inline-block;
	margin: 0px 0px 0px 0px;
	word-spacing: normal;
	font-style : normal;
	font-weight: 400;
	height: 47px;
	line-height: 47px;
	padding: 0px 10px 0px 10px;
	l!etter-spacing: .2em;
	color: #272727;
	background: #ffffff;
	text-align: center;
	z-index: 2;
	-moz-transition: 0.5s all ease !important;
	-o-transition: 0.5s all ease !important;
	-webkit-transition: 0.5s all ease !important;
	transition: 0.5s all ease !important;
	border-radius: 7px;
	border : 0px solid #FFFFFF;
}

.cat_sc:hover > span > .btn-more {
	background: #3a8800;
	color : #ffffff;
}







/*#############################################*/
/*                  school_data                     */
/*#############################################*/

 #school_data {
	background-color : #f6f6f6;
	padding : 60px 0px 100px 0px;
	margin-top : 0px;
}
























/*#############################################*/
/*                 feedback                    */
/*#############################################*/

#feedback {
background : url(/images/parallax-5.jpg) center center no-repeat;
background-color: #F4F4F4;
background-size: cover;
padding: 9px 0px 10px 0px;
margin-top: 0px;
border-top: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
}

#feedback > .container > span {
display: block;
padding: 120px 0px 75px 0px;
border-radius: 16px;
width: 100%;
color : #272727;
text-align: center;
font-size: 40px;
font-weight: 300;
line-height: 1.1;
text-shadow: 0 0 30px #FFFFFF,

}

#feedback > .container > span > b {
	color : inherit;
	display : block;
	font-weight : 800;
	font-size : 50px;
	text-align : center;
	line-height: 1.1;

}

#feedback > .container > span > .btn_base {
	margin-top : 20px;
	box-shadow: 0 0 30px #FFFFFF,
}











/*#############################################*/
/*                  payment                    */
/*#############################################*/

 #pay {
	background : url(/images/parallax-4.jpg) center center no-repeat;
	padding : 0px 0px 0px 0px;
	margin-top : 30px;
    background-size: cover;
}

 #pay > .container{
	text-align : left;
}

 #pay > .container > span{
 	display : block;
 }

 #pay > .container > span:nth-child(1){
	width : 50%;
	padding : 60px 90px 0px 0px;
	margin : 0px;
}

 #pay > .container > span:nth-child(1) > a{
display: block;
background: rgba(31,28,27,.75);
border: 0px solid rgba(255,255,255,1);
color: #FFFFFF;
padding: 38px 40px 42px 40px;
margin: 0px;
font-size: 40px;
font-weight: 400;
line-height: .9;
border-radius: 16px;
text-shadow: 0 0 10px rgba(31,28,27,1);
box-shadow: 0 0 100px rgba(255, 255, 255, .7);
 }

 #pay > .container > span:nth-child(1) > a > b{
 	display : block;
	color : inherit;
	font-size : 50px;
	font-weight: 900;
	line-height : inherit;
 }

 #pay > .container > span:nth-child(1) > a > i{
 	font-style: normal;
 	display : block;
	color : inherit;
	font-size : 40px;
	font-weight: 400;
	line-height : inherit;
	text-align : right;
 }

 #pay > .container > span:nth-child(1) > a > i >b{
 	font-style: inherit;
 	display : block;
	color : inherit;
	font-size : 50px;
	font-weight: 900;
	line-height : inherit;
	text-align : inherit;
 }

 #pay > .container > span:nth-child(2){
	width : 50%;
	padding: 60px 30px 0px 90px;
 }


 #pay > .container > span:nth-child(2) > a{
display : flex;
flex-wrap : nowrap;
background: rgba(31,28,27,.75);
border: 0px solid rgba(255,255,255,1);
color: #FFFFFF;
padding: 20px 13px 20px 20px;
margin: 0px 0px 20px 0px;
font-size: 40px;
font-weight: 400;
line-height: .9;
border-radius: 16px;
text-shadow: 0 0 10px rgba(31,28,27,1);
box-shadow: 0 0 100px rgba(255, 255, 255, .7);
 }

 #pay > .container > span:nth-child(2) > a > img{
width : 25%;
height : auto;
box-shadow: 0 0 100px rgba(0, 0, 0, .7);
display : flex;
margin-right: 7px;
}




#pay > .container > span:nth-child(2) > ul > li {
list-style: none;
position: relative;
margin: 0px 0px 4px 20px;
padding: 9px 40px 10px 60px;
color: #FFFFFF;
font-size: 20px;
font-weight: 300;
line-height: 1;
text-shadow: 0 0 65px rgb(0, 48, 107, 1);
background: rgba(31,28,27,.75);
border: 0px solid #FFF;
border-radius: 10px;
}


#pay > .container > span:nth-child(2) > ul > li:before {
content: "\f00c";
color: #FFF;
display: block;
position: absolute;
top: 13px;
left: 17px;
font-family: "FontAwesome";
font-size: 30px;
}
 #pay > .container > span:nth-child(3){
width: 100%;
text-align: right;
padding: 0px 30px 50px 0px;
margin: 0px;
 }


 #pay > .container > span > a{
margin: 0px 0px 0px 0px;
font-size: 20px;
font-weight: 300;
padding: 10px 35px 10px 35px;
height: auto;}














/*#############################################*/
/*                  freza                      */
/*#############################################*/

 #frez {
	background : url(/images/parallax-6.jpg) center center no-repeat;
	padding : 0px 0px 0px 0px;
	margin-top : 0px;
}

 #frez > .container{
	text-align : left;
}

 #frez > .container > span{
 	display : block;
 }

 #frez > .container > span:nth-child(1){
	width : 50%;
	padding : 60px 90px 0px 0px;
	margin : 0px;
}

 #frez > .container > span:nth-child(1) > span{
display: block;
background: rgba(31,28,27,.75);
border: 0px solid rgba(255,255,255,1);
color: #FFFFFF;
padding: 26px 40px 30px 40px;
margin: 0px;
font-size: 40px;
font-weight: 400;
line-height: .9;
border-radius: 16px;
text-shadow: 0 0 10px rgba(31,28,27,1);
box-shadow: 0 0 100px rgba(255, 255, 255, .7);
 }

 #frez > .container > span:nth-child(1) > span > b{
 	display : block;
	color : inherit;
	font-size : 50px;
	font-weight: 900;
	line-height : inherit;
 }

 #frez > .container > span:nth-child(1) > span > i{
 	font-style: normal;
 	display : block;
	color : inherit;
	font-size : 40px;
	font-weight: 400;
	line-height : inherit;
	text-align : right;
 }

 #frez > .container > span:nth-child(1) > span > i >b{
 	font-style: inherit;
 	display : block;
	color : inherit;
	font-size : 50px;
	font-weight: 900;
	line-height : inherit;
	text-align : inherit;
 }

 #frez > .container > span:nth-child(2){
	width : 50%;
	padding: 60px 30px 0px 90px;
 }

#frez > .container > span:nth-child(2) > ul > li {
list-style: none;
position: relative;
margin: 0px 0px 4px 20px;
padding: 9px 40px 10px 60px;
color: #FFFFFF;
font-size: 20px;
font-weight: 300;
line-height: 1;
text-shadow: 0 0 65px rgb(0, 48, 107, 1);
background: rgba(31,28,27,.75);
border: 0px solid #FFF;
border-radius: 10px;
}


#frez > .container > span:nth-child(2) > ul > li:before {
content: "\f00c";
color: #FFF;
display: block;
position: absolute;
top: 13px;
left: 17px;
font-family: "FontAwesome";
font-size: 30px;
}
 #frez > .container > span:nth-child(3){
width: 100%;
text-align: right;
padding: 0px 30px 50px 0px;
margin: 0px;
 }


 #frez > .container > span > a{
margin: 0px 0px 0px 0px;
font-size: 20px;
font-weight: 300;
padding: 10px 35px 10px 35px;
height: auto;}















/*#############################################*/
/*                 exclusive                   */
/*#############################################*/

 #exclusive {
	background : url(/images/parallax-3.jpg) center center no-repeat;
	padding : 0px 0px 0px 0px;
	margin-top : 0px;
    background-size: cover;
}

 #exclusive > .container{
	text-align : left;
}

 #exclusive > .container > span{
 	display : block;
 }

 #exclusive > .container > span:nth-child(1){
	width : 50%;
	padding : 300px 90px 0px 0px;
	margin : 0px;
}

#exclusive > .container > span:nth-child(1) > span{
    display: block;
    background: rgba(31,28,27,.75);
    border: 0px solid rgba(255,255,255,1);
    color: #FFFFFF;
    padding: 26px 40px 30px 40px;
    margin: 0px;
    font-size: 40px;
    font-weight: 400;
    line-height: .9;
    border-radius: 16px;
    text-shadow: 0 0 10px rgba(31,28,27,1);
    box-shadow: 0 0 100px rgba(255, 255, 255, .7);
}

 #exclusive > .container > span:nth-child(1) > span > b{
 	display : block;
	color : inherit;
	font-size : 50px;
	font-weight: 900;
	line-height : inherit;
 }

 #exclusive > .container > span:nth-child(1) > span > i{
 	font-style: normal;
 	display : block;
	color : inherit;
	font-size : 50px;
	font-weight: 400;
	line-height : inherit;
	text-align : right;
 }

 #exclusive > .container > span:nth-child(1) > span > i >b{
 	font-style: inherit;
 	display : block;
	color : inherit;
	font-size : 50px;
	font-weight: 900;
	line-height : inherit;
	text-align : inherit;
 }

 #exclusive > .container > span:nth-child(2){
	width : 50%;
	padding: 60px 30px 0px 90px;
 }

#exclusive > .container > span:nth-child(2) > ul > li {
    list-style: none;
    position: relative;
    margin: 0px 0px 4px 20px;
    padding: 9px 40px 10px 60px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    text-shadow: 0 0 65px rgb(0, 48, 107, 1);
    background: rgba(31,28,27,.75);
    border: 0px solid #FFF;
    border-radius: 10px;
}

#exclusive > .container > span:nth-child(2) > ul > li::before {
    content: "\f00c";
    color: #FFF;
    display: block;
    position: absolute;
    top: 13px;
    left: 17px;
    font-family: "FontAwesome";
    font-size: 30px;
}

#exclusive > .container > span:nth-child(3){
	width : 100%;
	text-align: center;
	padding : 0px 60px 50px 668px;
	margin : 0px;
 }


#exclusive > .container > span > a{
    margin: 20px 0px 0px 0px;
    font-size: 22px;
    font-weight: 300;
    padding: 10px 35px 10px 35px;
    height: auto;
	line-height: inherit;
}












/*#############################################*/
/*               testimonials                  */
/*#############################################*/

#testimonials {
	background-color : #ffffff;
	padding : 0px 0px 70px 0px;
}

#testimonials > .container {
	text-align : center;
	padding : 0px 0px 0px 0px;
	padding: 10px 1.5% 10px 1.5%;
}


#testimonials h2 {
	margin-bottom : 5px;
}

#testimonials > .container > div {
    display : none;
	text-align : left;
	background : #ffffff;
	border-radius : 10px;
	width : calc(33.3% - 10px);
	margin : 0px 5px 20px 5px;
	padding : 10px 0px 0px 0px;
	position : relative;
	border : 5px solid #f1f1f1;
}

#testimonials > .container > div:nth-child(2),
#testimonials > .container > div:nth-child(4),
#testimonials > .container > div:nth-child(6),
#testimonials > .container > div:nth-child(8),
#testimonials > .container > div:nth-child(10),
#testimonials > .container > div:nth-child(12)
{
    display : block !important;
}

#testimonials > .container > div > span {
	padding : 0px 20px 20px 95px;
	display : block;
}


#testimonials > .container > div > span > span {
	line-height: 1.5;


-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-ms-line-clamp: 9;
-webkit-line-clamp: 9;
line-clamp: 9;
display: -webkit-box;
display: box;
word-wrap: break-word;
-webkit-box-orient: vertical;
box-orient: vertical;
}

#testimonials > .container > div > span > a {
	display : block;
	margin-top : 12px;
	background : #eaeaea;
	color : #45a200;
	padding : 4px 15px 4px 15px;
	border-radius : 7px;
	border-bottom : 0px;
	text-align : right;
}


#testimonials > .container > div > span > a:hover {
	background : #45a200;
	color : #FFFFFF;
}


#testimonials > .container > div > span > em.sign {
    padding: 0px;
    display: block;
    border: 0px solid rgb(232, 233, 238);
    background: #3a8800;
    width: 65px;
    height: 65px;
	overflow : hidden;
	color : #FFFFFF;
	font-style : normal;
	font-size : 22px;
	font-weight : 400;
	line-height : 65px;
	text-align : center;
    border-radius: 7px;
    position: absolute;
    top: 15px;
    left: 15px;
}

.wide > #testimonials > .container > div > span > em.sign {
    padding: 0px;
    display: block;
    border: 0px solid rgb(232, 233, 238);
    background: #3a8800;
    width: 85px;
    height: 85px;
	overflow : hidden;
	color : #FFFFFF;
	font-style : normal;
	font-size : 28px;
	font-weight : 400;
	line-height : 85px;
	text-align : center;
    border-radius: 7px;
    position: absolute;
    top: 15px;
    left: 15px;
}



#testimonials > .container > div > span > b {
font-weight: 300;
color: #000;
display: block;
padding: 0px 0px 4px 0px;
margin-bottom: 6px;
border-bottom: 3px solid #eaeaea;
font-size: x-large;
}


.wide > #testimonials > .container > div {
    display : block !important;
	text-align : left;
	background : #ffffff;
	border-radius : 10px;
	width : calc(100% - 0px);
	margin : 0px 0px 10px 0px;
	padding : 30px 20px 20px 20px;
	position : relative;
	border : 5px solid #f1f1f1;
}

#testimonials > .container.scr_add {
    display : none;
    text-align: right;
    padding : 0px 1.5% 0px 1.5%;
}


.wide > #testimonials > .container {
    display : block;
    padding : 0px;
    text-align: right;
}

.wide > #testimonials > .container.scr_add {
    display : block;
    padding : 0px;
    text-align: right;
}

.wide > #testimonials > .container > div > span > a {
	display : none;
	margin-top : 12px;
	background : #eaeaea;
	color : #45a200;
	padding : 4px 15px 4px 15px;
	border-radius : 7px;
	border-bottom : 0px;
	text-align : right;
}


#testimonials > .container.more_add{
	display : block;
	padding : 4px 15px 4px 15px;
	text-align : center;
}

#testimonials > .container.more_add > a {
    font-size : 22px;
    font-weight : 300;
    padding : 10px 45px 10px 45px;
    height: auto;
}

.wide > #testimonials > .container.more_add{
	display : none;
}

.wide > #testimonials > h2{
	display : none;
}

 #testimonials .strut{
     padding-top : 50px;
 }



/*#############################################*/
/*                 consultant                  */
/*#############################################*/

 #consultant {
	background : url(/!!images/parallax-4.jpg) center center no-repeat #f1f1f1;
	padding : 160px 0px 200px 0px;
	margin-top : 0px;
	text-align : center;
	min-width : 0px;
}

#consultant em{
 	display : block;
	padding : 0px 0px 40px 0px;
	margin : 0px;
	text-align : center;
	color : #ffffff;
	font-style : normal;
	font-size: 2.5vw;
	line-height: 1.33333;
	font-family : 'Open Sans';
	font-weight : 300;
}


#consultant b{
 	display : block;
	padding : 0px 0px 0px 0px;
	margin : 0px;
	color : #ffffff;
	font-size: 2.5vw;
	line-height: 1.33333;
	font-family : 'Open Sans';
	font-weight : 800;
}

#consultant span{
 	display : block;
	padding : 0px 0px 45px 0px;
	margin-top : 0px;
	text-align : center;
	color : #ffffff;
	width : 60%;
	margin : 0px auto 0px auto;
}

#consultant a{
	margin : 0px auto 0px auto;
}











/*#############################################*/
/*                   sale                      */
/*#############################################*/

 #sale {
	background : url(/images/parallax-5.jpg) center center no-repeat;
	padding : 120px 0px 230px 0px;
	margin-top : 0px;
	text-align : right;
	min-width : 0px;
}

#sale em{
 	display : block;
	padding : 0px 0px 40px 0px;
	margin : 0px;
	text-align : right;
	color : #ffffff;
	font-style : normal;
	font-size: 40px;
	line-height: 1.7;
	font-family : 'Open Sans';
	font-weight : 300;
}


#sale b{
 	display : block;
	padding : 0px 0px 0px 0px;
	margin : 0px;
	color : #ffffff;
	font-size: 60px;
	line-height: .9;
	font-family : 'Open Sans';
	font-weight : 800;
}

#sale span{
 	display : inline-block;
	padding : 8px 260px 14px 30px;
	text-align : right;
	background : #ffffff;
	color : #ff860a;
	margin : 40px 0px 45px auto;
	font-size: 60px;
font-family: 'Oswald', sans-serif;
letter-spacing: .02em;
	font-weight : 500;
	border-radius : 12px;
	position : relative;
}

#sale a{
	margin : 0px 0px 0px auto;
position : absolute;
top : 20px;
right : 20px;
}





/*#############################################*/
/*                 portfolio                   */
/*#############################################*/

 #portfolio {
	background : #f6f6f6;
	padding : 70px 0px 90px 0px;
	margin-top : 0px;
}

 #portfolio h3{
	color : #ff860a;
	font-size: 24px;
	line-height: 1.33333;
 	margin : 0px;
	padding : 20px 0px 7px 0px;
}

 #portfolio h4{
 	color : #122e44;
 	font-size: 16px;
	line-height: 1.33333;
	margin : 0px;
	padding : 10px 0px 15px 0px;
}

 #portfolio span{
	font-size: 16px;
	line-height: 1.5;
	margin : 0px;
	padding : 20px 0px 7px 0px;
	color : #74757f;
}









/*#############################################*/
/*                  contacts                   */
/*#############################################*/

#contacts {
	background : url(/images/parallax-2.jpg) center center #272727;
	background-size : cover;
	padding : 90px 0px 80px 0px;
}

#contacts > .container {
	text-align : center;
}


#contacts > .container > div {
	background-color : #FFFFFF;
	width : calc(33.3% - 20px);
	height : 140px;
	padding : 0px;
	margin : 0px 10px 0px 10px;
	position : relative;
	border-radius : 7px;
}

#contacts > .container > div:before {
	content: '';
	padding : 0px;
	display : block;
	color : #3a8800;
	font-family: "FontAwesome";
	font-size: 48px;
	line-height: 70px;
	background : #3a8800;
	width : 60px;
	height : 60px;
	border-radius : 7px;
	position : absolute;
	top : -30px;
	left : calc(50% - 30px);
}

#contacts > .container > div.b1:after,
#contacts > .container > div.b2:after,
#contacts > .container > div.b3:after
{
	padding : 0px;
	display : block;
	color : #FFFFFF;
	font-family: "FontAwesome";
	padding : 0px 0px 0px 0px;
	position : absolute;
}

#contacts > .container > div.b1:after {
	content: '\f095';
	top : -11px;
	left : calc(50% - 11px);
	font-size : 30px;
}

#contacts > .container > div.b2:after {
	content: '\f0e0';
	top : -12px;
	left : calc(50% - 10px);
	font-size : 21px;
}

#contacts > .container > div.b3:after {
	content: '\f124';
	top : -12px;
	left : calc(50% - 9px);
	font-size : 24px;
}


#contacts > .container > div > span {
	padding : 51px 0px 0px 0px;
	font-size: 20px;
	display : block;
	text-align : center;
	line-height: 1.5;
	color : #122e44;
}


#contacts > .container > div > span > a {
	font-size: 20px;
	color : #122e44;
	padding : 0px 0px 0px 0px;
	margin-bottom : 10px;
	border-bottom : 0px solid #FFFFFF;
}

#contacts > .container > div > span > a:hover {
	font-size: 20px;
	color : #45a200;
	padding : 0px 0px 0px 0px;
	margin-bottom : 10px;
	border-bottom : 0px solid #FFFFFF;
}














/*#############################################*/
/*                   footer                    */
/*#############################################*/

#footer {
	background-color : #ffffff;
	padding : 50px 0px 30px 0px;
}

#footer > .container {
	text-align : center;
}

#footer > .container > span {
	display : block;
	width : 100%;
	text-align : center;
	padding : 0px 0px 20px 0px;

}


#footer > .container > p {
	display : block;
	text-align : center;
	padding : 0px;
	font-size : 26px;
	width: 100%;
}

#footer > .container > p.comment {
	font-size : 18px;
	padding : 0px 0px 20px 0px;
	line-height: 100%;
}


#footer > .container >.footer_logo {
}



/*############################################################*/
/*                          social                            */
/*############################################################*/

#social {
	border-top : 1px solid #272727;
	background : #000000;
	height: 70px;
	margin-top: 0px;
	clear : both;
}

#social > .container > div {
	width : 50%;
}

#social > .container > div:nth-child(2) {
text-align: right;
color: #ffffff;
line-height: 16px;
padding-top: 13px;
}

#social > .container > div:nth-child(2) > a {
color: #ffffff;
line-height: 16px;
font-size : 16px;
}

#social ul {
	height: 70px;
	margin : 0px;
	padding: 3px 0px 0px 0px;
}

#social ul li{
	float : left;
	display : block;
	margin : 0px;
	padding : 16px 5px 10px 0px;
	color : #ffffff;
	line-height : 30px;
}

#social ul li:before{
	content : "";
}

#social ul li a {
	display : block;
	position :relative;
	height: 32px;
	width : 30px;
	margin : 0px;
	padding : 0px;
}

#social ul li a:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	width : 32px;
	font-family: "FontAwesome";
	font-size: 18px!important;
	text-align : center;
	color: #ffffff;
	background :#45a200;
	line-height :32px;
	border-radius :5px;
	border : 0px solid #FFFFFF;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#social ul li a.fb:before {
	content: "\f09a";
}

#social ul li a.vk:before {
	content: "\f189";
}

#social ul li a.ok:before {
	content: "\f263";
}

#social ul li a.twitter:before {
	content: "\f099";
}

#social ul li a.instagram:before {
	content: "\f16d";
}

#social ul li a.blog:before {
	content: "\f19e";
}


#social ul li a:hover:before {
	background :#ffffff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}

#social ul li a.fb:hover:before {
	color : #3b5998;
}

#social ul li a.vk:hover:before {
	color : #45668e;
}

#social ul li a.ok:hover:before {
	color : #ff8400;
}

#social ul li a.twitter:hover:before {
	color : #55acee;
}

#social ul li a.instagram:hover:before {
	color : #3f729b;
}

#social ul li a.blog:hover:before {
	color : #ee0000;
}



/*############################################################*/
/*                       block_photos                         */
/*############################################################*/

#block_photos {
    background-color: #f1f1f1;
    padding : 10px 0px 50px 0px;
}





/*############################################################*/
/*                       block_works                         */
/*############################################################*/

#block_works {
background: #f1f1f1 ;
padding : 60px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#block_works h2{
	padding : 0px;
}

#block_works h3{
padding: 15px 0px 17px 10px;
margin: 0px 0px 0px 0px;
font-size: 30px;
text-align: center;
}

#vlightbox span h4{
    padding: 0px 10px 0px 0px;
    font-size : 22px;
    margin: 15px 0px 5px 0px;
}




/*############################################################*/
/*                       disclamer                            */
/*############################################################*/

#disclamer {
	margin-top: 0px;
	clear : both;
}

#disclamer > .container > div {
	width : 100%;
    text-align : center;
    font-size : 13px;
	line-height: 13px;
    padding : 00px 0px 25px 0px;
}










/*#############################################*/
/*                   pop-up                    */
/*#############################################*/


#curtain {
width : 100%;
height : 100%;
position : fixed;
bottom : 0px;
right : 0px;
background : rgba(0,0,0,0.6);
z-index: 100000001;
}

#popup,
#promo,
#callback,
#mailtodirector
{
position : fixed;
top : calc(50% - 230px);
left : calc(50% - 250px);
border : 1px solid #FFFFFF;
background : #eaeaea;
width : 500px;
margin : auto;
box-shadow : 4px 4px 40px rgba(0,0,0,0.7); 
border-radius : 0px;
padding: 15px 30px 0px 30px;
z-index: 100000002;
}

#popup iframe,
#promo iframe,
#callback iframe,
#mailtodirector iframe
{
width: 440px;
height: 340px;
overflow: hidden;
}


#popup p,
#callback p,
#mailtodirector p
{
margin : 0px;;
}

.pop-up_close {
position : absolute;
top : 7px;
right : 7px;
font-weight : 700;
border-radius : 0px;
cursur : pointer;
width : 35px;
height : 35px;
padding : 0px;
overflow : hidden;
background : #256a96;
}

.pop-up_close:before {
	content : '\f00d';
	position: absolute;
	top: 8px;
	left: 10px;
	font-family: "FontAwesome";
	font-size: 18px;
	line-height: 18px;
}


.hid {
	opacity : 0;
	z-index: -1000!important;
	-moz-transition: 0.7s all ease !important;
	-o-transition: 0.7s all ease !important;
	-webkit-transition: 0.7s all ease !important;
	transition: 0.7s all ease !important;

}
.vis {
	opacity : 1;
	-moz-transition: 0.7s all ease !important;
	-o-transition: 0.7s all ease !important;
	-webkit-transition: 0.7s all ease !important;
	transition: 0.7s all ease !important;
}


#popup.hid ,
#promo.hid ,
#callback.hid ,
#mailtodirector.hid
{
	transform : scale(0);
}
#popup.vis,
#promo.vis ,
#callback.vis,
#mailtodirector.vis
{
	transform : scale(1);
}




.lens_blur {
    -webkit-filter: blur(1.4px);
    -moz-filter: blur(1.4px);
    -ms-filter: blur(1.4px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='2'/></filter></svg>#blur");
    filter: blur(2px);
    filter: progid: DXImageTransform.Microsoft.Blur(pixelRadius=2);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}






#framesource h2
{
	font-size : 30px;
text-align: left;
padding: 0px 50px 10px 0px;
line-height: .9;
border-bottom : 3px solid #FFFFFF;
}

#framesource h2 b
{
	display: block;
font-size : 18px;
font-weight : 300;
text-align: left;
padding: 7px 0px 0px 0px;
line-height: 1.1;
color : #45a200;
}



.frm {
	margin : 0px;
	padding : 0px 0px 0px 0px;
	float : left;
	display : flex;
	width : 440px;
	flex-wrap: wrap;
}
.frm > span > p {
	width : 100%;
	margin : 0px;
	padding : 0px;
}

.frm > span:nth-child(1) {
	width : 50%;
	padding: 10px 10px 0px 20px;
}

.frm > span:nth-child(2) {
	width : 50%;
	padding: 10px 20px 0px 10px;
}

.frm > span:nth-child(3) {
	width : 100%;
	padding: 10px 20px 0px 20px;
	white-space : nowrap;
	display : flex;
	flex-wrap: wrap;
}

.frm > span:nth-child(3) .inpt {
	width : 114px;
	margin-right : 10px;
	text-align : center;
}

.frm > span:nth-child(3) .alert {
display: block;
color: #FFFFFF;
background: #FF0000;
font-weight: 400;
padding: 8px 20px 0px 20px;
margin: 0px 0px 0px auto;
}

.frm > span:nth-child(4) {
width: 100%;
padding: 13px 0px 0px 1px;
display: flex;
flex-wrap: wrap;
border-top: 3px solid #FFF;
margin: 18px 0px 0px 0px;
}

.frm > span:nth-child(4) > p {
width : 45%;
padding : 2px 0px 0px 0px
}

.frm > span:nth-child(4) > p, .frm > span:nth-child(4) > p > a{
font-size: 11px;
line-height: 1;
}

.inpt {
margin: 0px;
color: #000000;
font-weight: 400;
font-size: 18px;
border-radius: 0px;
border: 2px solid #FFFFFF;
box-shadow: 3px 3px 7px rgba(0,0,0,0.1) inset;
padding: 6px 10px 3px 10px;
width: 100%;
}




input.btn_base {
	line-height : 10px;
	cursor : pointer;
	display : block;
	margin : 0px 0px 0px auto;
 	font-size : 18px;
	background : #256a96;
 }

input:disabled.btn_base{
	color : #FFFFFF!important;
	background : #d0d0d0;
	cursor : default;
}

.frm > h3 > b{ 
	display : block;
	padding : 8px 0px 0px 0px;
	color : #45a200;
	font-weight : 300;
}




/*#############################################*/
/*              content layout                 */
/*#############################################*/

.left_menu {
	width : 290px;
	flex-direction : column;
}

.left_menu > span{
	display : inline-block;
	position : sticky;
	top: 67px;
	margin : 35px 0px 38px 0px;
    width : 100%;
}

.left_menu > span > .phone{
    display: block;
    font-size: 34px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    font-weight: 300;
    line-height: 125%;
}

.left_menu > span > :hover.phone{
	color : #45a200;
}
.left_menu > span > .mail{
	display : block;
	font-size : 22px;
	margin : 0px 0px 0px 0px;
	font-weight : 300;
}


.left_menu > span > b{
    display: block;
    font-size: 26px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    font-weight: 300;
    line-height: 125%;
}

.left_menu > span > .btn_base{
	display : block;
	margin-bottom : 3px;
    text-align : left;
}

.left_menu img {
	width : 30%;
	float : right;
	background-color : #FFFFFF;
	padding: 3px;
	border: solid 5px #eaeaea;
	border-radius : 7px;
	position : relative;
	top : 25px;
	z-index : 2;
}



.right_part {
	width : calc(100% - 290px);
	padding : 26px 0px 30px 60px;
	text-align : left;
}

.right_part h1, .right_part h2, .right_part h3, .right_part h4{
	text-align : left;
}


.testimonial {
	width : calc(100% - 10px);
	display : block;
	margin: 0px 0px 0px 0px;
	padding: 30px 30px 30px 50px;
	border: solid 5px #eaeaea;
	background-color: #FFFFFF;
	border-radius : 7px;
	position : relative;
	left : -80px;
	z-index : 1;
}

.testimonial b{
	display : block;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color : #000000;
}



.cat_data {
	width : calc(100% - 310px);
	padding : 0px 30px 40px 0px;
	text-align : left;
}

img.model{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-radius : 7px;
	position: relative;
	width : 100%;
	max-width: 763px;
	height : auto;
}



.cat_data h1, .cat_data h2, .cat_data h3, .cat_data h4{
	text-align : left;
}



.cat_order {
	width : 310px;
	flex-direction : column;
}

.cat_order > span{
	display : block;
	position : sticky;
	top: 100px;
	margin : 0px 0px 15px 0px;
}

.cat_order em.price {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    color: #ffffff;
    font-style: normal;
    font-size: 42px;
    font-weight: 400;
    background-color: #45a200;
    border-radius: 7px;
    line-height: 100%;
    padding: 10px 20px 10px 20px;
    margin: 0px 0px -7px 0px;
}

.cat_order em.price i{
    display: block;
    width: 100%;
    color: #fff;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
}

.cat_order em.price span{
    display: inline-block;
    color: #fff;
    font-style: normal;
    font-size: 22px;
    font-weight: 400;
    padding: 0px 0px 0px 5px;
}

.cat_order .btn_base{
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    background-color: #1c7d05;
    padding-top: 4px;
    background-image: url(/images/categories/bg_categories.png);
    height: 51px;
}

.cat_order .phone {
	display: block;
    font-size: 34px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    font-weight: 300;
	line-height: 1.2;
}

.cat_order .phone:hover {
    color: #45a200;
}

.cat_order b {
	display: block;
    font-size: 22px;
    margin: 5px 0px 0px 0px;
    color: #000000;
	font-weight : 300;
	line-height : 1;
}

.cat_order .mail {
	display: block;
    font-size: 22px;
    margin: 5px 0px 0px 0px;
    color: #45a200;
	font-weight : 300;
	line-height : 1;
}


.cat_info li:nth-child(1){
	padding: 0px 0px 0px 0px;
	border-radius : 7px;
    background-size: cover;
    background-position: center
}

.cat_info li:nth-child(2){
    border-radius: 7px;
    margin: -86px 7px 3px 7px;
}

.cat_info li:nth-child(3){
    border-radius: 7px;
    margin: 0px 7px 3px 7px;
}

.cat_info{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.cat_info li{
	list-style: none;
	position: relative;
	margin: 0px 0px 2px 0px;
	padding: 9px 20px 7px 20px;
	border: 0px solid #eaeaea;
	color: #ffffff;
	border-radius: 7px;
    font-weight: 400;
    background-color: rgba(0,0,0,.3);
    text-align: right;
    font-size : 16px !important;
}

.cat_info li b{
	color: #ffffff;
	font-weight: 500;
}

.cat_info li.age{
    color: #474747;
    font-weight: 400;
    background-color: #eaeaea;
}

.cat_info li:before{
	content : "";
}







/*#############################################*/
/*             shortcuts block                 */
/*#############################################*/




.blocks_3 {
	display : flex;
	flex-wrap: wrap;
	width : 100%;
}
.blocks_3 > .btn_base {
	display : block;
	width : calc(33.3% - 10px);
	margin : 5px 5px 5px 5px;
}






.blocks_2 {
	width : 960px;
	margin-top : 0px;
	float : left;
}
.blocks_2 > a {
	display : block;
	width : 470px;
	float : left;
	height : 280px;
	margin : 0px 0px 20px 10px;
	text-align : center;
	background : #f1f1f1;
}

.blocks_2 > a > span > em{
	display : block;
	margin : 10px auto 20px auto;
	padding : 0px 30px;
	text-align : center;
	color : #747474;
	font-size : 14px;
	text-transform : uppercase;
	font-weight : 300;
	font-style : normal;
	line-height : 120%;
}

.blocks_2 > a:hover {
	background : #161719;
}

.blocks_2 > a:hover > span {
	color : #6cff00;
}

.blocks_2 > a:hover > span > em {
	color : #FFFFFF;
}


.blocks_2 > a > span{
	display : block;
	width : 235px;
	float : left;
	height : 280px;
	margin : 0px 0px 20px 0px;
	overflow : hidden;
	color : #000000;
	font-size : 25px;
	text-transform : uppercase;
	font-weight : 300;
}

.blocks_2 > a > span > img{
	height : 280px;
	transform : scale(1);
	margin-left : 0px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.blocks_2 > a:hover > span > img{
	transform : scale(1.5);
	-webkit-transition: all 8s linear;
	-moz-transition: all 8s linear;
	-o-transition: all 8s linear;
	-ms-transition: all 8s linear;
	transition: all 8s linear;	
}




.text_2coll {
	display : block;
	float : left;
}

.text_2coll > span{
	display : block;
	float : left;
	width : 450px;
	text-align : justify;
}

.text_2coll > span:nth-child(1){
	margin : 0px 20px 0px 10px;
}

.text_2coll > span:nth-child(2){
	margin : 0px 0px 0px 30px;	
}


.text_1x2coll {
	display : block;
	float : left;
	margin-bottom : 50px;
}

.text_1x2coll > span{
	display : block;
	float : left;
}

.text_1x2coll > span:nth-child(1){
	margin-right : 30px;	
	width : 310px;
}

.text_1x2coll > span:nth-child(2){
	margin-left : 30px;	
	width : 590px;
}



/*#############################################*/
/*                 Breadcrumbs                 */
/*#############################################*/

 #breadcrumbsBlock {
    background: #bab7a8;
}

.breadcrumbs {
    margin: 0px auto !important;
    padding: 10px 1.5% 13px 1.5%;
    z-index: 2;
    max-width: 1170px;
    position: relative;
}

.breadcrumbs * {
    font-size : 14px;
    color : #ffffff;
    font-weight : 500;
    text-shadow: 0 0 30px rgba(0, 0, 0, 1);
}

.bx-breadcrumb-home {
    width : 13px;
    display : inline-block;
    position: relative;
}

.bx-breadcrumb-home:after {
content: "\f015";
color: #ffffff;
display: block;
position: absolute;
top: 0px;
left: 0px;
font-family: "FontAwesome";
font-size: 15px;
}

.separator {
    width : 15px;
    display : inline-block;
    padding : 0px;
    position: relative;
}

.separator:after {
content: "\f0da";
color: #ffffff  ;
display: block;
position: absolute;
top: 0px;
left: 7px;
font-family: "FontAwesome";
font-size: 9px;
}

.bx-breadcrumb-item {
    display : inline-block;
}




/*#############################################*/
/*                 NoteBlock                   */
/*#############################################*/

#NoteBlock {
        padding : 60px 0px 60px 0px;
        margin: 30px 0px 0px 0px;
}

#NoteBlock >.container > .column {
    margin : 0px;
}

#NoteBlock >.container *{
   color : #ffffff;
   text-shadow: 0 0 40px rgba(0, 0, 0, 1);
}

#NoteBlock >.container > h2{
    background: rgba(31,28,27,.75);
    padding: 30px 45px 0px 44px;
    border-radius: 16px 16px 0px 0px;
    margin: 0px;
}

#NoteBlock >.container > .column{
    background: rgba(31,28,27,.75);
    -webkit-column-width: 50%;
    -moz-column-width:  50%;
    column-width:  50%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    -webkit-column-rule: 0px solid #ccc;
    -moz-column-rule: 0px solid #ccc;
    column-rule: 0px solid #ccc;
    padding: 30px 45px 40px 44px;
    text-align: justify;
    border-radius: 0px 0px 16px 16px;
}








/*#############################################*/
/*             tables of prices                */
/*#############################################*/

span.list_prices {
	display : table;
	width : 100%;
	margin-bottom : 15px;
}

span.list_prices > span {
	display : table-row;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

}

span.list_prices > span > span {
	display : table-cell;
	padding : 10px 10px 10px 10px;
	cursor : default;
	text-align : center;
	white-space : nowrap;
	vertical-align : middle;
    line-height : 100% !important;
	border-bottom : 1px solid #dadada;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    color : #000000;
}

span.list_prices > span.spacer > span {
	border-bottom : 5px solid #dadada;
}


span.list_prices > span > span:first-child {
	text-align : left;
	white-space : normal;
	padding-left : 15px;
	border-left :  1px solid #dadada;
    border-radius: 7px 0px 0px 0px;
}

span.list_prices > span > span:last-child {
	border-right :  1px solid #dadada;
    border-radius: 0px 7px 0px 0px;
}

span.list_prices > span.head > span{
	background : #45a200;
	color : #FFFFFF;
	font-weight : 400;
	border : 0px;
	border-bottom : 5px solid #161719;
    padding: 12px 19px 10px 18px;
}

span.list_prices > span:hover {
	background : #eaeaea;
}

span.list_prices > span > span:hover {
	background : #45a200;
	color : #FFFFFF;
}

span.list_prices > span.head:hover > span:first-child {
	background : #45a200;
	color : #FFFFFF;
	font-weight : 400;
}


span.list_prices > span > span:first-child:hover {
	background : none;
	color : #474747;
}


a.table-order{
display : block;
font-size: 0px;
}

a.table-order img{
width : 30px;
height : 30px;
border-radius : 100px;
border : 2px solid #FFFFFF;
opacity: 0.7;
}

a.table-order:hover img{
width : 30px;
height : 30px;
border-radius : 100px;
border : 2px solid #FFFFFF;
opacity: 1;
}



/*#############################################*/
/*               breadcrumbs                   */
/*#############################################*/

#breadcrumbs {
	border-bottom : 1px solid #eaeaea;
}

#breadcrumbs > .container > ul {
	display : block;
	margin : 0px 0px 0px 7px;
	padding : 0px;
	height : 42px;
}

#breadcrumbs > .container > ul > li {
	display : block;
	height : 42px;
	padding : 0px 42px 0px 0px;
	float : left;
	list-style : none;
	position : relative;
	line-height : 42px;
	font-size : 14px;
	color : #747474;
}

#breadcrumbs > .container > ul > li:after {
	display : block;
	height : 42px;
	width : 42px;
	position : absolute;
	top : 0px;
	right : 0px;
	content: "\f053";
	font-family: "FontAwesome";
	font-size: 8px;
	line-height: 44px;
	text-align : center;
	color : #45a200;
}

#breadcrumbs > .container > ul > li > a{
	display : block;
	height : 42px;
	line-height : 42px;
	font-size : 14px;
}

#breadcrumbs > .container > ul > li:nth-child(1){
	padding-left : 25px;
}

#breadcrumbs > .container > ul > li:nth-child(1) > a{
}

#breadcrumbs > .container > ul > li:nth-child(1) > a:after{
	content: "\f015";
	font-family: "FontAwesome";
	font-size: 18px;
	line-height: 40px;
	position : absolute;
	top : 0px;
	left : 0px;
}



/*#############################################*/
/*                 splitter                    */
/*#############################################*/

.splitter {
	font-size : 0px;
	padding-top : 70px;
	margin-bottom : 0px;
	border-bottom : 1px solid #dadada;
}




/*#############################################*/
/*                 ul table                    */
/*#############################################*/

ul.tabs {
display : block;
float : left;
width : calc(100% - 10px);
margin : 0px;
padding : 0px 0px 0px 10px;
border-bottom : 0px solid rgb(206, 206, 206);
}

ul.tabs li{
display : inline-block;
float : left;
margin : 0px 2px 2px 0px;
padding : 15px 0px 17px 0px;
width : calc(25% - 2px);
border : 0px solid rgb(206, 206, 206);
vertical-align : bottom;
cursor : pointer;
text-align : center;
}

ul.tabs li.active{
padding : 10px 17px 7px 17px;
border-bottom : 5px solid #45a200;
}

.panel_block h3, .panel_none h3 {
display : block;
clear : both;
padding : 30px 0px 20px 10px;
text-align : center;
}

.panel_block {
display : block;
}

.panel_none {
display : none;
}


/*#############################################*/
/*                   Steps                     */
/*#############################################*/

ol.steps {
width : calc(100% - 0px);
margin: 20px 0px 30px 0px;
padding : 0px 0px 0px 0px;
list-style-type: none;
counter-reset: li;
}

ol.steps li{
display: block;
background: #ffffff;
line-height: 93%;
color: #272727;
padding: 20px 0px 26px 37px;
margin: 0px 0px 5px 0px;
position: relative;
font-size: 16px;
font-weight: 300;
border-radius: 7px;
border: 5px solid #eaeaea;
border-left: 40px solid #eaeaea;
}


ol.steps li b{
display : block;
color : #45a200;
overflow : hidden;
font-size: 18px;
font-weight : 400;
}


ol.steps li:before {
content: counter(li);
counter-increment: li 1;
padding: 0px;
margin-left: 0px;
font-family: "Roboto", sans-serif;
font-size: 47px;
line-height: 65px;
font-weight: 900;
text-align: center;
color: #45a200;
position: absolute;
top: 12px;
left: -33px;
overflow: hidden;
background-color: #ffffff;
width: 66px;
border-radius: 200px;

}







/*#############################################*/
/*                 warning                     */
/*#############################################*/


.warning {
display: block;
width: 100%;
margin: 40px 0px 0px 0px !important;
padding: 0px;
background-color: #1c7d05;
background-image: url(/images/categories/bg_categories.png);
color: #ffffff;
padding: 19px 50px 19px 86px;
margin: 20px 0px 21px 0px;
position: relative;
font-weight: 300;
border: 0px solid #eaeaea;
border-radius: 7px;
line-height: 1.3;
min-height: 79px;
}

.warning b{
color : #FFFFFF;
font-weight : 500;
line-height : 1.3;
}


.warning:before {
content: '\f129';
font-family: "FontAwesome";
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0px;
margin-left: 0px;
font-size: 25px;
line-height: 40px;
font-weight: normal;
text-align: center;
color: #45a200;
position: absolute;
top: 20px;
left: 22px;
width: 40px;
background-color: #ffffff;
border-radius: 7px;
}


.mapframe {
	width : calc(100% - 10px);
	h!!eight : 416px;
	display : block;
	margin: 20px 0px 25px 0px;
	padding: 3px;
	border: solid 5px #eaeaea;
	background-color: #FFFFFF;
}