@charset "utf-8";
/* cyrillic-ext */
html {height:100%; width:100%; margin:0px; padding:0px;
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body {margin:0px; padding:0px; font-family: tahoma, arial, verdana, sans-serif, Lucida Sans; width:100%; color:#000; text-align:left; background:#fff; min-width:280px; height: 100%; font-size: 12px;}
* {box-sizing: border-box; }
*::-webkit-scrollbar {width: 3px;}
*::-webkit-scrollbar-track { background: rgba(161,161,161,.1);}
*::-webkit-scrollbar-thumb {background-color:  rgba(161,161,161,.5);}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} /*FOR HTML 5 */
img {outline: none; border: none; text-decoration:none;}
a {text-decoration:none; border-bottom: 1px dashed #0099cc; outline:none; cursor:pointer; color:#0099cc; font-size:12px;}
.t { transition: all 0.1s ease-in; }


.modal_order { position: fixed; width: 100%; display: block; height: 100%; background: rgba(0,0,0,0.8); z-index: 5000;}
.modal_order > div { position: absolute; display: table; transform: translate(-50%,-50%); width: 100%; max-width: 900px; left: 50%; top: 50%;  background: #fff; padding: 10px; border-radius: 10px;}

.imgslid { opacity: 0;}



.modal_product { position: fixed; width: 100%; display: block; height: 100%; background: rgba(0,0,0,0.8); z-index: 700; left: 0; top: 0; overflow: auto; white-space: normal;}
.modal_product > div { position: relative; display: table; margin: 50px auto; width: 100%; max-width: 900px; background: #fff; padding: 10px; border-radius: 10px;}

.modal_product > div > div { position: relative; width: 100%; display: table; margin-bottom: 20px;}
.modal_product > div > div[data-title] { font-size: 18px; font-weight: bold; border-bottom: 1px solid rgba(161,161,161,.1); padding-bottom: 10px;}
.modal_product > div > div[data-title] > i { position: absolute; z-index: 1; top: 5px; right: 10px; color: #ccc;}
.modal_product > div > div[data-title] > i:hover { cursor: pointer; color: #000;}


.modal_product > div > div[data-cnt] > div { position: relative; display: inline-block; vertical-align: top; width: 50%; font-size: 13px;}
.modal_product > div > div[data-cnt] > div:nth-child(1) { padding-right: 40px;}



.modal_product > div > div[data-cnt] > div > div[data-photo-index] { position: relative; width: 100%; height: 300px; text-align: center; border: 1px solid rgba(161,161,161,.8); border-radius: 2px;}
.modal_product > div > div[data-cnt] > div > div[data-photo-index] > a { border-bottom: none; cursor: pointer;}
.modal_product > div > div[data-cnt] > div > div[data-photo-index] > a > img { width: auto; height: auto; max-width: 100%; max-height: 297px;}
.modal_product > div > div[data-cnt] > div > div[data-photo_arr] { position: relative; width: 100%; display: table; margin-top: 20px;}
.modal_product > div > div[data-cnt] > div > div[data-photo_arr] > a { display: inline-block; vertical-align: top; border: 1px solid rgba(161,161,161,.8); width: 80px; height: 60px; text-align: center; margin-right: 10px; margin-bottom: 10px; border-radius: 2px;}
.modal_product > div > div[data-cnt] > div > div[data-photo_arr] > a:hover { cursor: pointer; border: 1px solid rgba(161,161,161,1);}
.modal_product > div > div[data-cnt] > div > div[data-photo_arr] > a > img {width: auto; height: auto; max-width: 100%; max-height: 58px;}
.modal_product > div > div[data-cnt] > div > div[data-photo_arr] > a:nth-child(1) { border: 1px solid #0099cc;}


@media screen and (max-width: 660px) {
.modal_product > div > div[data-cnt] > div { width: 100%;}
.modal_product > div > div[data-cnt] > div > div[data-photo-index] { height: 200px;}
.modal_product > div > div[data-cnt] > div > div[data-photo-index] > a > img { max-height: 199px;}
.modal_product > div > div[data-cnt] > div:nth-child(1) { padding-right: 0px; margin-bottom: 40px;}
}



.modal_product > div > div[data-cnt] > div > div[data-micro] { position: relative; display: table; font-size: 12px; font-weight: bold; width: 100%; margin-bottom: 10px;}
.modal_product > div > div[data-cnt] > div > div[data-micro] > i { color: #777;}
.modal_product > div > div[data-cnt] > div > div[data-table-h] { position: relative; width: 100%; display: table; padding: 5px 10px; border: 1px solid rgba(161,161,161,.2); border-bottom: none;;}
.modal_product > div > div[data-cnt] > div > div[data-table-h] > div { position: relative; display: inline-block; vertical-align: top; width: 150px;}
.modal_product > div > div[data-cnt] > div > div[data-table-h] > div:nth-child(2) { width: calc(100% - 150px);}
.modal_product > div > div[data-cnt] > div > div[data-table-h] > div > span {  border-bottom: 1px dashed #ccc;}
.modal_product > div > div[data-cnt] > div > div[data-table-h]:nth-child(odd) { background: #f5f5f5;}

.modal_product > div > div[data-cnt] > div > div[data-table-for-h]{ position: relative; width: 100%; border-top: 1px solid rgba(161,161,161,.2); margin-bottom: 30px; display: block;}

.modal_product > div > div[data-cnt] > div > div[data-txt] { line-height: 18px; margin-bottom: 30px; position: relative; width: 100%;}
.modal_product > div > div[data-cnt] > div > div[data-cost] {  position: relative; width: 100%; font-size: 16px; font-weight: bold;}
.modal_product > div > div[data-cnt] > div > div[data-cost] > span { color: #777;}
.modal_product > div > div[data-cnt] > div > div[data-cost] > div { color: #00cc00; font-size: 12px; font-weight: normal; margin-top: 5px; width: 100%; display: table; opacity: 0.8;}

.modal_product > div > div[data-cnt] > div > div[data-btm] { position: relative; display: table; font-size:12px; font-weight: bold; color: #fff; text-transform: uppercase; background: #00cc00; padding: 5px 15px; border-radius: 2px; margin: 20px 0;}


.modal_product > div > div[data-reklam] { position: relative; display: table; text-align: center; margin: 20px auto; border-top: 1px solid rgba(161,161,161,.2); padding-top: 20px;}



.content { position: relative; width: 100%; display: table;}

.pageup { position: fixed; left: 20px; bottom: 20px; display: table; font-size: 12px; font-weight: bold; padding: 2px 15px; border-radius: 2px; background:rgb(1, 54, 60); opacity: 0.8; color: #fff; z-index: 10;}
.pageup:hover { cursor: pointer; opacity: 1;}


.section { position: relative; width: 100%; display:  table;}
.section_by_index { padding: 0px 0 20px; position: relative;
background: rgb(255,255,255);
background: linear-gradient(159deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(223,223,223,1) 100%);
}

.content[data-index-b] > div { position: relative; width: 100%; display: inline-block; vertical-align: top; text-align: center;}
.content[data-index-b] > div > img { position: relative; width: auto; height: auto; max-width: 90%; max-height: 300px;}






.miniline { position: relative; display: block; width: 60%; height: 1px; border-radius: 5px; background: rgba(161,161,161,.1); margin: 80px auto 50px;}
.miniline[data-two] { position: relative; display: block; width: 60%; height: 1px; border-radius: 5px; background: rgba(161,161,161,.1); margin: 20px auto 20px;}

.minird {position: relative; width: 100%; display: table; text-align: center; margin-top: 20px;}
.minird > div { position: relative; display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 12px; background: rgba(161,161,161,.3); margin: 0 5px;}
.minird > div:hover { cursor: pointer; background: rgba(161,161,161,.5);}
.minird > div[data-active] { cursor: pointer; background: #00cc00;}


.bigline { position: relative; display: block; width: 60%; height: 1px; border-radius: 5px; background: rgba(161,161,161,.5); margin: 0px auto 50px;}
.ddline { position: relative; display: block; width: 60%; height: 1px; border-radius: 5px; background: rgba(161,161,161,.1); margin: 40px auto 40px;}



.section_center { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 10px;}
.section_center__nav { position: fixed; top:0; left: 0; width: 100%; z-index:500;}
.section_center__nav[data-active="on"] { background: rgb(255, 255, 255); color: #fff;}



.navigation { position: relative; width: 100%; display: table; padding: 10px 0;}
.navigation > a[data-logo] { position: relative; vertical-align: top; padding-left: 50px; color: #777; border-bottom: none; width: 230px; display: inline-block; background-size: 40px 40px; background-position: 0 0; background-repeat: no-repeat;
text-transform: uppercase; padding-top: 7px; height: 40px; margin-right: 80px;}

.navigation > a[data-link] { display: inline-block; border-bottom: none; margin: 0 20px; vertical-align: top; line-height: 40px; font-size: 14px; color: #000; font-weight: bold;}
.navigation > a[data-link] > i { width: 20px; color: #777;}

.navigation > a[data-btm] { display: inline-block; border-bottom: none; margin: 8px 0 0 150px; vertical-align: top; background: #00cc00;  padding: 5px 10px; color: #fff; border-radius: 5px;
font-weight: bold; text-transform: uppercase; font-size: 12px;
} 

.navigation > a[data-lang] {display: inline-block; border-bottom: none; float: right; padding-left: 20px; background-size: 16px 12px; background-position: 7px 7px; background-repeat: no-repeat; margin-left: 20px;
border-radius: 5px; background-color: rgba(161,161,161,.1); padding: 5px 15px 5px 30px; font-size: 13px; color: #000; margin-top: 8px; line-height: 16px;
}

.navigation > a[data-lang]:hover { cursor: pointer; background-color: rgba(161,161,161,.2);}




@media screen and (max-width: 1280px) {
.navigation > a[data-logo] { margin-right: 30px;}
.navigation > a[data-btm] {  margin: 8px 0 0 50px; }

}


@media screen and (max-width: 1100px) {
.navigation > a[data-btm] { display: none; }

}

@media screen and (max-width: 900px) {
.navigation > a[data-lang] {padding: 5px 0px 5px 30px; }
.navigation > a[data-lang] > span { display: none;}
}


@media screen and (max-width: 750px) {
.navigation > a[data-logo] { width: 50px; margin-right: 10px;}
.navigation > a[data-logo] > span { display: none;}
}


@media screen and (max-width: 550px) {
.navigation > a[data-link] { margin: 0 5px;}
.navigation > a[data-link] > span { display: none;}
.navigation > a[data-link] > i { font-size: 22px; margin-top: 5px;  padding: 5px; border-radius: 5px; width: 30px; text-align: center;}
.navigation > a[data-link] > i.fa-phone { color: #fff; background: #00cc00;}
.navigation > a[data-link] > i.fa-at { color: #fff; background: #0099cc;}
}



.section__micro { position: relative; width: 100%; display: table; margin: 30px auto 10px;}
.section__micro > div { position: relative; display: inline-block; vertical-align: top; width: 30%; padding-left: 60px;}
.section__micro > div:nth-child(2) { margin: 0 5%;}
.section__micro > div > svg { position: absolute; left: 0; top: 0; width: 40px; height: 40px; fill: #777; color: #777;}
.section__micro > div > b { width: 100%; display: table; margin-bottom: 5px;}


@media screen and (max-width: 1000px) {
.section__micro > div { width: 100%; text-align: center; padding-left: 0; padding-top: 60px;}
.section__micro > div:nth-child(2) { margin: 20px 0;}
.section__micro > div > svg { left: 50%; margin-left: -20px;}
}




.section_product { position: relative; width: 100%; display: table; margin-top: 40px;}
.section_product > div { position: relative; display: table; width: 100%;}
.section_product > div[data-title] { font-size: 20px; font-weight: bold; margin-bottom: 20px; text-align: center;}
.section_product > div[data-filtr] > div { position: relative; display: inline-block; vertical-align: top;}
.section_product > div[data-filtr] > div[data-s] { border-bottom: 1px dashed #ccc; margin-right: 10px; margin-bottom: 0;}
.section_product > div[data-filtr] > div[data-tabs] { margin-right: 20px;}
.section_product > div[data-filtr] > div[data-tabs] > div { position: relative; display: inline-block; vertical-align: top; padding: 2px 7px; margin: 0 10px 10px 0; border-radius: 2px; background: rgba(161,161,161,.2);}
.section_product > div[data-filtr] > div[data-tabs] > div:hover { cursor: pointer; background: rgba(161,161,161,.4);}
.section_product > div[data-filtr] > div[data-tabs] > div[data-active="on"] { color: #fff; background: #3a7fb1;}

.section_product > div[data-filtr] > div[data-br] { position: relative; width: 100%; display: inline-block; height: 10px;}



.section_product > div[data-filtr] > div[data-micro] { color: #888; margin-left: 20px; padding-top: 2px;}
.section_product > div[data-filtr] > div[data-micro] > i { color: #ccc; margin-right: 10px;}


@media screen and (max-width: 1150px) {
.section_product > div[data-filtr] > div[data-micro] { display: none;}

}
@media screen and (max-width: 660px) {
.section_product > div[data-filtr] > div[data-s] { display: table; margin-bottom: 10px;}
}



.section_product > div[data-line-pr] { position: relative; width: 100%; display: block; border-bottom: 1px solid rgba(161,161,161,.2); margin-top: 30px;}


.section_product > div[data-pr] { margin: 30px auto 30px auto; white-space: nowrap; overflow: hidden;  width: 100%; min-height: 370px; height: 370px;}
.section_product > div[data-pr]::before { position: absolute; content: ""; display: block; width: 100%; background: #fff; height: 20px; z-index: 200; left: 0; bottom: 0;}

.section_product > div[data-pr] > div[data-scroll] {  position: absolute; width: calc(100% - 40px); height: 370px; left: 20px; top: 0;  overflow:  auto;}

.section_product > div[data-pr] > div[data-arr] { position: absolute; z-index: 100; left: 0; top: 0; width: 60px; height: 100%; 
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.section_product > div[data-pr] > div[data-arr]:hover { cursor: pointer; 
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(195,195,195,1) 100%);
}

.section_product > div[data-pr] > div[data-arr] > i { position: absolute; font-size: 38px; top: 50%; left: 5px; margin: -20px 0 0 0; color: #00cc00;}

.section_product > div[data-pr] > div[data-arr][data-two] { 
left: auto; right: 0;
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.section_product > div[data-pr] > div[data-arr][data-two]:hover { 
background: rgb(195,195,195); cursor: pointer;
background: linear-gradient(270deg, rgba(195,195,195,1) 0%, rgba(255,255,255,0) 100%);
}

.section_product > div[data-pr] > div[data-arr][data-two] > i { left: auto; right: 5px;}

.section_product > div[data-pr] > div[data-arr][data-none] { cursor: auto; opacity: 0.2;}
.section_product > div[data-pr] > div[data-arr][data-none] > i { color: #ccc;}


.section_product > div[data-pr] > div[data-scroll] > div[data-product-fs] { position: relative; display: inline-block; vertical-align: top; width: 250px;  
height: 330px; margin: 10px 20px; border-radius: 10px;  white-space: normal; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);

}
.section_product > div[data-pr] > div[data-scroll] > div > div[data-img] { position: relative; width: block; height: calc(100% - 20px); width: 100%;
background-size: contain; background-position: center; background-repeat: no-repeat; 
}

.section_product > div[data-pr] > div[data-scroll] > div[data-product-fs] > div[data-hover] { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.7); opacity: 0; border-radius: 5px;}
.section_product > div[data-pr] > div[data-scroll] > div[data-product-fs] > div[data-hover]:hover { cursor: pointer; opacity: 1;}
.section_product > div[data-pr] > div[data-scroll] > div[data-product-fs] > div[data-hover] > i { position: absolute; z-index: 1; font-size: 40px; top: 50%; left: 50%; margin: -20px 0 0 -20px; color: #7ac31b;}



.section_product > div[data-pr] > div[data-scroll] > div[data-product-fs] > div[data-name] { position: absolute; top: 0; width: 100%; left: 0; background: #fff; padding: 5px 10px; font-weight: bold; font-size: 13px; border-bottom: 1px solid rgba(161,161,161,.4); border-radius: 15px 15px 0 0;}
.section_product > div[data-pr] > div[data-scroll] > div[data-product-fs] > div[data-prm] {position: absolute; bottom: 5px; right: 5px;color: #777; z-index: 1; border-top: 1px solid rgba(161,161,161,.3); padding-top: 5px; width: calc(100% - 10px); text-align: right;}	
.section_product > div[data-pr] > div[data-scroll] > div[data-product-fs] > div[data-prm] > div { display: inline-block; vertical-align: top; margin: 0 5px;}

.section_product > div[data-pr] > div[data-scroll] > div[data-product-fs] > div[data-cost] { position: absolute; width: 100%; font-size: 16px; font-weight: bold; bottom: 0; left: 0; display: block; height: 60px; background: #fff; padding: 10px 10px 5px 10px; border-radius: 0 0 5px 5px;}
.section_product > div[data-pr] > div[data-scroll] > div[data-product-fs] > div[data-cost] > div { font-size: 12px; font-weight: normal; color: #009900;  display: inline-block; margin-left: 10px;}

/*
@media screen and (max-width: 1150px) {
.section_product > div[data-pr] > div[data-product-fs] { width: calc(25% - 20px); }
}

@media screen and (max-width: 900px) {
.section_product > div[data-pr] > div[data-product-fs] { width: calc(33% - 20px); }
}


@media screen and (max-width: 800px) {
.section_product > div[data-pr] > div[data-product-fs] { width: calc(50% - 20px); }
}


@media screen and (max-width: 550px) {
.section_product > div[data-pr] > div[data-product-fs] { width: 100%; margin: 0 0 40px auto;}
}
*/
/*
.section_product > div[data-pr] > div[data-product-fs]:nth-child(5),.section_product > div[data-pr] > div[data-product-fs]:nth-child(10),.section_product > div[data-product-fs][data-pr] > div:nth-child(15) { margin-right: 0;}
.section_product > div[data-pr] > div[data-product-fs]:nth-child(20),.section_product > div[data-pr] > div[data-product-fs]:nth-child(25),.section_product > div[data-product-fs][data-pr] > div:nth-child(30) { margin-right: 0;}
*/

.section_product > div[data-more] { position: relative; display: table; margin: 0 auto 40px auto; color: #fff; background: #00cc00; width: auto; text-transform: uppercase; font-weight: bold; padding: 5px 15px; border-radius: 5px;}

.section_product > div[data-none] { position: relative; display: table; margin: 70px auto 70px auto; text-align: center; font-size: 13px;}
.section_product > div[data-none] > i { color: #ccc; font-size: 30px;}



.section_consult__bj {
	background: rgb(237,236,236);
	background: linear-gradient(239deg, rgba(237,236,236,1) 0%, rgba(246,245,245,1) 100%);
}
.section_consult {position: relative; width: 100%; display: table;  padding: 20px 0;}
.section_consult > div {position: relative; width: 100%; display: table; text-align: center;}
.section_consult > div[data-title] { font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.section_consult > div[data-txt] { font-size: 13px;}
.section_consult > div[data-contant] { margin-top: 30px;}

.section_consult > div[data-contant] > a { display: inline-block; padding: 0 15px 0 0; border-bottom: none; margin: 0 20px 20px 20px; line-height: 20px; vertical-align: top; background: rgba(161,161,161,.1); color: #000; border-radius: 15px;}
.section_consult > div[data-contant] > a:hover { cursor: pointer; background-color: rgba(161,161,161,.2);}
.section_consult > div[data-contant] > a > i {background-color: #33dabc;color: #2e5d5b;padding: 2px 4px;border-radius: 100%; margin-right: 5px; font-size: 15px;}
.section_consult > div[data-contant] > a[data-ikon] { background-size: 20px 20px; background-position: 0 0; background-repeat: no-repeat;  padding-left: 25px;}

.section_delivery {position: relative; width: 100%; display: table;  padding: 40px 0; text-align: center;}
.section_delivery > div[data-title] { font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.section_delivery > div[data-txt] { font-size: 13px;}


.section_delivery > div[data-w] {position: relative; width: 100%; display: table; margin: 60px auto;}
.section_delivery > div[data-w] > div { position: relative; display: inline-block; vertical-align: top; width: 50%; padding: 0 50px;}
.section_delivery > div[data-w] > div:nth-child(2) { border-left: 1px solid rgba(161,161,161,.2);}
.section_delivery > div[data-w] > div > i { display: block; margin: 0 auto 20px auto; font-size: 40px; color: #2e5d5b;}
.section_delivery > div[data-w] > div > b { position: relative; width: 100%; display: table; text-transform: uppercase; font-size: 10px; margin-bottom: 10px;;}


@media screen and (max-width: 660px) {
.section_delivery > div[data-w] > div { width: 100%;}
.section_delivery > div[data-w] > div:nth-child(2) { border-left: none; margin-top: 40px;}
}


.section_company {position: relative; width: 100%; display: table;  padding: 40px 0; text-align: center;}
.section_company > div[data-title] { font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.section_company > div[data-txt] { font-size: 13px;}

.section_company > div[data-w] {position: relative; width: 100%; display: table; margin: 40px auto; text-align: left;}
.section_company > div[data-w] > div { position: relative; display: inline-block; vertical-align: top; width: 50%; padding: 0 40px;}
.section_company > div[data-w] > div > i { display: block; margin: 0 auto; font-size: 40px;}
.section_company > div[data-w] > div > b { position: relative; width: 100%; display: table;}



.section_fotorew {position: relative; width: 100%; display: table; }
.section_fotorew > div {position: relative; width: 100%; display: table; text-align: center;}
.section_fotorew > div[data-title] { font-size: 20px; font-weight: bold; margin-bottom: 10px;}

.section_fotorew > div[data-arr] { position: relative; display: block; height: 400px; width: 100%;}
.section_fotorew > div[data-arr] > div[data-scroll] { position: absolute; width: 100%; height: 100%; overflow-y: hidden; overflow-x: hidden; white-space: nowrap;}
.section_fotorew > div[data-arr] > div[data-scroll] > div { display: inline-block; vertical-align: top; max-width: 200px;}
.section_fotorew > div[data-arr] > div[data-scroll] > div > a { border-bottom: none; opacity: 0.8; vertical-align: top; display: table;}
.section_fotorew > div[data-arr] > div[data-scroll] > div > a:hover { cursor: pointer; opacity: 1;}
.section_fotorew > div[data-arr] > div[data-scroll] > div  > a > img { max-width: 200px;}

@media screen and (max-width: 660px) {
.section_fotorew > div[data-arr] > div[data-scroll] { overflow-x: auto;  }

}


.section_callback__bj { 
	background: rgb(237,236,236);
	background: linear-gradient(239deg, rgba(237,236,236,1) 0%, rgba(246,245,245,1) 100%);	
}
.section_callback {position: relative; width: 100%; display: table;  padding: 20px 0;}
.section_callback > div {position: relative; width: 100%; display: table; text-align: center;}
.section_callback > div[data-title] { font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.section_callback > div[data-txt] { font-size: 13px;}
.section_callback > div[data-form] { margin: 20px auto;}
.section_callback > div[data-form] > div { position: relative; display: inline-block; vertical-align: top; font-weight: bold; text-transform: uppercase; font-size: 10px; text-align: left; width: 220px; margin: 0 20px;}
.section_callback > div[data-form] > div > input { width: 100%; display: block; height: 35px; border: 1px solid rgba(161,161,161,.8); padding: 0 10px; border-radius: 5px; margin-top: 5px; background: #fff;}
.section_callback > div[data-form] > div > select { width: 100%; display: block; height: 35px; border: 1px solid rgba(161,161,161,.8); padding: 0 10px; border-radius: 5px; margin-top: 5px;background: #fff;}

.section_callback > div[data-form] > div > div { position: relative; background: #00cc00; font-size: 12px; display: table; padding: 0 15px; border-radius: 5px; line-height: 35px; color: #fff; margin-top: 15px;}
.section_callback > div[data-form] > div > div:hover { cursor: pointer; background: #009900;}

@media screen and (max-width: 660px) {
.section_callback > div[data-form] > div > div { width: 100%; text-align: center;}
}
@media screen and (max-width: 519px) {
.section_callback > div[data-form] > div[data-w] { margin-top: 20px;}
}

.section_callback > div[data-form-ok] { margin: 20px auto; font-size: 13px;}

.section_callback > div[data-form-ok] > b { position: relative; width: 100%; display: table;}
.section_callback > div[data-form-ok] > i { display: table; margin: 0 auto 10px auto; color: #00cc00; font-size: 45px;}


.section_footer { background: #252525; color: #fff;}
.section_footer__in { position: relative; width: 100%; display: table;}

.section_footer__in > div[data-i] { position: relative; width: 100%; display: table;  border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 10px; margin-top: 10px;}
.section_footer__in > div[data-i] > div { position: relative; display: inline-block; vertical-align: top;}
.section_footer__in > div[data-i] > div[data-mi] { width: 170px; text-transform: uppercase; color: #ccc; line-height: 22px;}
.section_footer__in > div[data-i] > div[data-c] { margin-left: 170px; line-height: 22px;}
.section_footer__in > div[data-i] > div[data-c] > a { color: #fff; border-bottom: 1px dashed #ccc;}
.section_footer__in > div[data-i] > div[data-c] > i { background-color: #33dabc;color: #2e5d5b;padding: 2px 4px;border-radius: 2px;margin-right: 5px;}

.section_footer__in > div[data-i] > div[data-l] { float: right; color: #ccc;}
.section_footer__in > div[data-i] > div[data-l] > img { max-width: 100px; opacity: 0.5;}
.section_footer__in > div[data-i] > div[data-l] > a { color: #fff; border-bottom: 1px dashed #ccc;}

@media screen and (max-width: 1000px) {
.section_footer__in > div[data-i] > div[data-c] { margin-left: 70px;}

}

@media screen and (max-width: 750px) {
.section_footer__in > div[data-i] > div[data-c] { margin-left: 40px;}
}


@media screen and (max-width: 660px) {
.section_footer__in > div[data-i] > div { width: 100%; text-align: center; margin: 10px auto;}
.section_footer__in > div[data-i] > div[data-c] { margin-left: 0;}
.section_footer__in > div[data-i] > div[data-mi] { width: 100%;}
}


.section_footer__in > div[data-micro] { font-size:10px; margin: 10px auto 10px auto; color: #777;}