/*
Theme Name: Termika Design
Author: Sklyarov Alexey
Description: Theme of Termika for WordPress. Theme by willex.ru
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, wood,
Text Domain: superderevo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;}
	a{color:#94a34e; text-decoration:underline;}
	a:hover {text-decoration:none;}
body {font-family: 'Exo 2';width: 100%;}
header {padding-top: 40px;background-color: #94a34e;color: #333;height: 100px;width: 100%;}
nav {position:fixed;background: #333;height: 40px;width: 100%;z-index: 2;}

.content {width: 960px;margin:0 auto;padding: 0px;text-align: center;}
.content p {margin-block-start: 1em;margin-block-end: 1em;}
#logo {	width: 35%;height: 75px;float: left;padding-top: 25px;text-align: left;}
#logo img {display:inline-block;vertical-align:middle;}
.roll:hover {transition:all 1s ease;	-webkit-transform: rotateZ(-360deg);-ms-transform: rotateZ(-360deg);transform: rotateZ(-360deg);cursor:pointer;}
#slogan {height: 200px;width: 100%;background: url('images/sloganbg.png') 50% 50% no-repeat #000;background-position:cover;}
.tel_number {font-family: 'Roboto'; font-weight: 500; color: #f7f7f7;font-size: 20px; line-height: 25px;}
.mark {font-family: 'Roboto'; font-weight: 300; color: #f7f7f7;font-size: 25px; line-height: 25px;}
/* –вета и стили текста */
strong {color: #333 !important;}
.orangecolor {color: #fecc04;}
.medium {font-weight: 500;}
.green {background: #94a34e;}
.white {background: #fff;}
.fwhite {color: #fff !important;}
.fgrey {color: #f7f7f7 !important;}
.fgrown {color: #75604f !important;}
.vmiddle {vertical-align:middle;margin: 0px 5px;}
hr {border:0;background: #94a34e;height:1px;}
.lineheight {line-height:1.5}
/* Љонец: –вета и стили текста */

/* ‡аголовки */
h2 {margin: 40px 0 10px 0;font-size: 26px;letter-spacing: 2px;font-weight: 500;font-family: 'Roboto',sans-serif;color: #333;text-transform:uppercase;}
#green h2 {color: #fff;margin-top: 20px;}
h3 {margin: 10px 0;font-family: 'Roboto',sans-serif;color: #333;font-size: 18px;}
h1 {text-align:left;font-family: 'Roboto',sans-serif;font-size: 35px;font-weight: 500;color: #333;margin: 35px 0;width: 100%;}


/* –ифры */
.border {display:block; width: 90px; margin:0px auto;height:1px;}
.bordermarginbtm {margin-bottom:15px;}
#numbers {background: #f7f7f7;}
.number {display:block;float:left; width: 28%;box-sizing: border-box; margin: 0 10px;padding: 10px;font-family: 'Roboto';font-weight:300;color: #fff;}
.number h2 {font-size: 35px;font-weight: 600;}
.n {width: 100%; font-size: 45px; color: #f7f7f7; font-weight: 300;text-align:center; border-bottom: 1px solid #94a34e;padding-bottom: 5px;}
.n_title {width: 100%; margin: 10px 0; font-size: 12px; text-transform: uppercase;font-weight: 300;text-align:center;line-height: 1.5;}

/* ‘екции */
#grey {background: #f8f8f8;font-family: 'Roboto',sans-serif; font-weight: 300;padding: 20px;position:relative;}
#green {background: #94a34e;font-family: 'Roboto',sans-serif; font-weight: 300;padding: 20px;}
#brown {background: #75604f;font-family: 'Roboto',sans-serif; font-weight: 300;padding: 20px;}
#breakcrumbs {background: #ececec; font-size:14px; padding: 10px 0;text-align: left !important;}

/* ‘тили статей */
.siteinfo {text-align:justify;}
.siteinfo p {line-height: 1.5; margin-bottom: 10px;font-size:15px;}

/* ‘лайдер товаров */
.sliderimg {margin-left: 10px;height: 160px;border: 5px solid #75604f; overflow: hidden;position:relative;border-radius: 8px;}
.sliderimg:hover {border: 5px solid #94a34e;}
.sliderimg img{margin: auto;}
.sliderimg  a {z-index: 3;}
.goods_title {display: block;position:absolute; bottom:0; background: rgba(117, 96, 79, 0.7);width: 100%; font-size: 13px; color: #f7f7f7; font-family: 'Roboto';text-align:center;padding: 10px 0px; box-sizing: border-box;}
/* Љнопки */
.doitbutton {cursor:pointer;margin: 15px auto 0 auto;display:block;width:150px;border-radius: 20px;background: url('images/arrow_right.png')  90% 50% no-repeat #75604f;border: 2px solid #75604f;padding: 7px 15px;font-family: 'Exo 2';font-weight: 300;font-size: 12px;text-transform: uppercase;color: #fff;text-decoration:none;}
.doitbutton:hover {transition-duration: 0.5s;background: url('images/arrow_right_hover.png')  90% 50% no-repeat  rgba(0, 0, 0, 0);color: #75604f;}
.doitbutton2 {margin: 15px auto 0 auto;display:block;width:150px;border-radius: 20px;background: url('images/arrow_right.png')  90% 50% no-repeat #94a34e;border: 2px solid #94a34e;padding: 7px 15px;font-family: 'Exo 2';font-weight: 300;font-size: 12px;text-transform: uppercase;color: #fff;text-decoration:none;text-align:left;}
.call_link{font-size: 10px; color: #f7f7f7;font-family: 'Roboto';text-transform:uppercase;display:block;margin: 7px auto; border: 1px solid #75604f;background: #75604f; padding: 4px 4px;width: 140px;border-radius: 3px;}
.call_link:hover {transition-duration: 0.5s; background: rgba(0, 0, 0, 0);border: 1px solid #75604f;}
.doitbutton2:hover {cursor:pointer;transition-duration: 0.5s;background: url('images/arrow_right_hover.png')  90% 50% no-repeat  rgba(0, 0, 0, 0);color: #333;}
.buybtn {cursor:pointer;margin: 15px auto 0 auto;display:block;width:150px;border-radius: 20px;background: #94a34e;border: 2px solid #94a34e;padding: 7px 15px;font-family: 'Exo 2';font-weight: 300;font-size: 12px;text-transform: uppercase;color: #fff;text-decoration:none;text-align:center;}
.im {margin-right:5px;}
/* Ќаграды */
.reward { margin-top: 20px;margin-bottom: 30px;display: inline-block; width: 33%;text-align:center;}
.reward img {border: 8px solid #a19a94;}

/* ѓде можно купить нашу продукцию */
.where {float:left; width: 49%;margin-bottom: 10px;}
.where h2 {color: #fff;}
.wherelinks {list-style:square;color: #f7f7f7; font-size: 14px; font-family: 'Roboto';line-height: 1.5;margin-left: 25px;}
.wherelinks li {margin: 10px 0;}
.tel {background: #a19a94; color: #ececec; padding: 3px 5px;font-size: 11px;border-radius:2px;}
.wherebutton {font-size: 11px; border-radius:0; margin-left:0;padding: 5px 10px;}
.wherebutton:hover {color: #f7f7f7;}
.copyright {border-top: 1px solid #555555; width: 100%; padding-top: 10px;box-sizing:border-box; padding-bottom: 15px;color: #ccc;font-family: 'Roboto';font-size: 13px;line-height: 1.5;}
.copyright  a {text-decoration:underline; color: #ccc;}
.footerinfo {color: #ececec; font-family: 'Roboto';line-height: 2; font-size: 14px;margin: 15px 0;width: 80%;float:right;}

/* ‘логан */
.slogantext,.sloganbutton {width: 50%;float: left;}
.slogantext {padding-top: 45px;font-family: 'Roboto',sans-serif;font-size: 28px;text-align:right;color: #fff;font-weight: 400;text-transform: uppercase;line-height: 2;}
.sloganbutton {padding-top: 45px;}
#telephone {margin-top: 15px;float:right;}

/* Љнопки */
.button {margin-left: 100px;display:block;width:200px;background: #fecc04;border: 2px solid #fecc04;padding: 15px 30px;font-family: 'Exo 2';font-weight: 300;font-size: 14px;text-transform: uppercase;color: #fff;text-decoration:none;margin-bottom: 10px;}
.button:hover  {transition-duration: 0.5s;background: rgba(0, 0, 0, 0);color: #fff;}
.headerlink {color: #f7f7f7;margin-left:-13px;}
.headerlink:hover {text-decoration:none;}
.black:hover  {transition-duration: 0.5s;background: rgba(0, 0, 0, 0);color: #333;}
.backlink {font-family: 'Roboto';font-weight: 300; text-transform:uppercase;background: #94a34e;border: 1px solid #94a34e;padding:3px 5px; font-size:11px; text-decoration:none;display:inline-block; width:15%;text-align:center !important; color: #f7f7f7;}
.backlink:hover {border: 1px solid #75604f;transition-duration: 0.5s; }
.backlink a {text-decoration:none;color: #f7f7f7}
.crumbs {display:inline-block; width:80%;}

/* Џреимущества */
#indexicons {background: #fecc04;width: 100%;height: 310px;}
.workblock{display:inline-block;width: 290px;height: 250px;margin: 1%;}
.canblock {width: 30%;display: inline-block;	margin-top: 45px;text-align:center;position:relative;}
.canblock img {margin-bottom: 10px;}
.pic_info  {display: block;font-size: 15px; color: #222;text-transform: uppercase;font-weight: 600;line-height: 3;}
.mini_info {display: block;font-size: 11px; color: #666;text-transform: uppercase;line-height:1.5;}
.rounded {border-radius:30px; border:5px solid #75604f;}

/* ’аблица */
.w_table {font-family: 'Roboto';}
.w_table thead {font-weight: 500;}
.w_table,.w_table tr, .w_table td {border:0 !important;}
.w_table tbody {background: #f7f7f7;}

.textleft {text-align: left;}
.textright {text-align: right;}
.clear {clear:both;}

.cost {font-size: 12px; border-radius: 5px; padding: 4px 5px;color: #f7f7f7}
.c_green {background: #94a34e;}
.c_grown {background: #75604f;}
.c_grey {background: #a19a94}

/* ”утер */
footer {background: #222;border-top: 10px solid #94a34e;}

/* Љонец:”утер */

/* ‘траница услуг */
#services {background: #fff;}
#services  h2{
	margin:35px 0;
	font-family: 'Roboto',sans-serif;
	font-size: 25px;
	font-weight:300;
	text-align:left;
	padding-left: 24px;
}

#service {
	width: 43%;
	display:block;
	float:left;
    margin: 20px 0;
	margin-left: 45px !important;
	
	
}


.aboutservice {
	display:block;
	width: 70%;
	float:left;
}
.aboutservice h3 {text-transform: uppercase;color: #333;font-weight:700;font-size: 16px;}
.aboutservice p {
	font-size: 11px;
	line-height: 1.5;
	text-transform: uppercase;

}

.serviceimg {
	width: 18%;
	float:left;
}

.aboutservice ul {
	margin:0;
	padding:0;
	}
.aboutservice ul li {
    list-style: none; /* “бираем исходные маркеры */
    background: url(images/list-style.png) no-repeat 0 4px; /* Џараметры фона */
    padding-left: 24px; /* ‘мещаем текст вправо */ 
	padding-bottom: 10px;
	line-height: 1.5;
	color: #666;
}
/* Љонец: ‘траница услуг */


  nav ul{
    float:left;
    list-style: none;
    position: relative;
    text-align: left;
    display: inline-table;
  }
    nav ul li{

      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }

    nav ul li:hover{background: rgba(0, 0, 0, 0.4);}
    nav ul li:hover > ul{display: block;}
    nav ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }
      nav ul li a{
        display: block; 
        color: #fff; 
	  padding: 12px 25px;
		height: 16px;
        font-size: 12px;
        letter-spacing: 1px;
        text-decoration: none;
        text-transform: uppercase;
      }
      nav ul ul{
        display: none;
        position: absolute; 
        top: 100%;

        border: 1px solid rgba(0,0,0,.1);
      }
        nav ul ul li{float: none; position: relative;        background: rgba(0, 0, 0, 0.8);}
          nav ul ul li a {
			color: #f7f7f7;
          }
          nav ul ul ul {
            position: absolute; 
            left: 100%; 
            top:0;
          }	
		  
.arrowbottom {background: url('images/arrow_down_menu.png') 90% 50% no-repeat;}
.arrowbottom:hover {background: url('images/arrow_down_menu.png') 90% 50% no-repeat rgba(0, 0, 0, 0.4);}


.width40,.width60 {display:block;height: 400px;float:left;}
.width40 {width: 40%;}
.width60 {width: 59%;}
.width40 h2 {color: #333; font-size: 68px; font-family: 'Roboto', sans-serif;padding-top: 120px;text-transform: uppercase;font-weight: 600;}

#tags {background: #fecc04;width: 100%;color: #333;padding: 10px 0;}
ul.tags {list-style: none;margin:0; padding: 0px;position:relative;margin-left: 50px;margin-bottom: 15px;}
ul.tags > li {float:left; margin-right: 20px; font-size: 13px; font-family: 'Exo 2';}
ul.tags > li a {text-decoration: none; color: #333;}
ul.tags > li a:hover {text-decoration:underline;}

@media  only screen and (max-width: 768px) {
	.content,.rightsocial,#logo,.rightsocialtext,.rightsocialicons,.slogantext,.sloganbutton {width: 100%;text-align:center !important;display: block;}
	.rightsocialtext,.rightsocialicons {display: block;margin: 0px auto; display: none;}
	header {height:100px; text-align:center;padding-top:0;}
	#slogan {height: 350px;}
	nav {width:90%;}
	.slogantext {font-size: 18px;margin: 10px auto; height: auto;}
	.button{margin:0px auto;}
	.headerlink {margin:5px auto;padding: 5px auto;}
	#indexicons {height: auto;padding-bottom: 45px;}
	.canblock {width: 100%;}
	.canblock img {width: 75px; height: 75px;}
	#design img,#project img,#sitecreating img  {display:none;visibility: visible}
	.sectioninfo {width: 95%; display: block;margin: 0px auto;}
	.shop_item {width: 40% !important;}

}
@media  only screen and (max-width: 805px) {
		.shop_item {width: 40% !important;}
		.content {width: 100%;}
		#service {width:100%;margin:0 auto;float:none;}
}
@media  only screen and (max-width: 415px) {
	    .number {display:none;}
		.reward {width: 100%;}
		.shop_item {width: 250px !important;margin:2%;}
		.mobile_disable {display:none;}
		.mobile_footer {width:95%;padding: 10px; box-sizing: border-box;margin: 10px !important;text-align:center !important;}
		.footerinfo {float:none; text-align: left !important;width:100%;}
		.copyright {padding: 10px;box-sizing: border-box;}
		table {font-size: 9px !important;}
		.cost {font-size: 9px !important;}
		.w_table {width:90% !important;}
		.information {font-size: 12px !important;}
		input {padding: 3px;}
}
.menu{display:block;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {
	font-size: 13px;
text-decoration:none;
padding:12px 13px;
display:block;
color:#ececec;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#fff;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 40px;
left: 0px;
background: rgba(0, 0, 0, 0.5);
}

.menu ul li {display:block;
position:relative;
float: none;
background:none;
margin:0;
padding:0;
}
.add_new {position:absolute; top:3px; right:3px; font-size: 9px; color: #f7f7f7; background:rgba(148, 163, 78, 0.6);; border-radius: 2px;font-family: 'Roboto';padding:3px;}
.menu ul li a {font-size:12px;
display:block;
color:#f7f7f7;
background: rgba(0, 0, 0, 0.5);}

.menu ul li a:hover, .menu ul li:hover > a{
background:rgba(0, 0, 0, 0.8);
border-left:3px solid #fecc04;
color:#fecc04;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
-moz-box-sizing: border-box; /* „лЯ Firefox */  
box-sizing: border-box;
background:#333;
color:#ffffff;
text-transform:uppercase;
text-decoration:none;
}
.mobile-menu:hover{background:#fecc04;
color:#ffffff;
text-decoration:none;
}


@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;}
.menu ul {top:37px;}
.menu li a{font-size:12px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;}

.mobile-menu{display:block;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #fecc04;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}
/* Њагазин */
.table_cost {border-spacing: 5px 5px;}
.shop_item {display:inline-block;width: 250px;margin: 3.5%; background: #fff;border-radius: 4px;padding:10px 0;}
.shop_item_image  img {max-width:200px;}
.shop_item_image {height: 190px;width:200px;overflow:hidden;border-radius: 10px;margin:0 auto;position:relative;text-align:center;}
.shop_item  h2 {font-size: 12px;color: #fff; font-weight: 700;margin-top:15px;background: #94a34e; padding: 5px;text-align:left;padding-left: 1.5em;}
.dots {border-bottom: 1px dotted #ccc;width: 110px;display:inline-block;margin:0px 5px;}
.cost_item {color: #333;margin: 10px;font-size: 14px;}
.cart_button {padding: 3px  10px!important; width: 100px;}
.shadow_1 {-webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.19);
-moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 0.19);
box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 0.19);}
.catalog_links {list-style:square; margin:10px;margin-left: 50px;}
.catalog_links li {margin:20px 0;}
.catalog_links li a {color: #525d22;}
/* Њодальное окно */
.modal-header h2 {
    color: #555;  
    font-size: 20px;
    font-weight: normal;
    line-height: 1;    
    margin: 0;
}
/* кнопка закрытиЯ окна */
.modal .btn-close {
    color: #aaa;
    cursor: pointer;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 15px;
    top: 0;
}
.modal .btn-close:hover {
    color: red;
}
.modal textarea {display:none;height:0;margin:0;padding:0;}
/* слой затемнениЯ */
.modal-wrap:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
}
.modal-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 102;
}
/* активациЯ слоЯ затемнениЯ и модального блока */
.modal-open:checked ~ .modal-wrap:before,
.modal-open:checked ~ .modal-wrap .modal-overlay {
    display: block;
}
.modal-open:checked ~ .modal-wrap .modal-dialog {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 20%;
}
/* элементы модального окна */
.modal-dialog {
    background: #fefefe;
    border: none;
    border-radius: 5px;
    position: fixed;
    width: 80%;
    max-width: 500px;
    left: 50%;
    top: -100%;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    z-index: 103;
}
.modal-body {
  padding: 20px;
}
.modal-body p {
    margin: 0;
}
.modal-header,
.modal-footer {
    padding: 20px 20px;
}
.modal-header {
    border-bottom: #eaeaea solid 1px;
}
.modal-header h2 {
    font-size: 20px;
    margin: 0;
}
.modal-footer {
    border-top: #eaeaea solid 1px;
    text-align: right;
}
/* адаптивные картинки в модальном блоке */
.modal-body img { 
    max-width: 100%;
    height: auto;
}

/* €нпуты */

input {margin: 10px 0; border: 1px solid #ccc; background: #f7f7f7; border-radius: 5px; color: #333; font-family: 'Roboto'; font-size: 13px;width: 100%;padding: 10px; box-sizing: border-box;}
.information {padding:10px 0; text-align: center;background: #ececec;color: #333; border-radius:8px;margin-top:20px;}
/* ‘тилизациЯ сообщений об отправке */
.wpcf7-mail-sent-ok {background: #94a34e; color: #f7f7f7; border-radius:8px; padding:10px;}
.wpcf7-mail-sent-ng {background: #CD5C5C; color: #f7f7f7; border-radius:8px; padding:10px;}
/* Љартинка при клике*/
.resize {position:absolute; opacity: 0.4; top: 15px; right:15px;height: 24px; width:24px; display:none;}
.resize img {width: 24px !important; height: 24px !important;}
.image {cursor:pointer;}
.popup {	position: absolute;height:100%;width:100%;top:0;left:0;display:none;text-align:center;}
.popup_bg {background:rgba(0,0,0,0.4);position:absolute;z-index:1;height:100%;width:100%;}
.popup_img {	position: relative;margin:0 auto;z-index:2;max-height:94%;max-width:94%;margin:1% 0 0 0;}