/*
Theme Name: wpcafe-Hostenko
Template: wordpresso3
Author URI: http://www.hostenko.com
Description: WpCafe-Hostenko theme
Author: Hostenko
Version: 1.0
*/

@font-face {
font-family: 'Roboto';
src: local('Roboto Light'), local('Roboto-Light'), url('font/Robotolight.woff2') format('woff2'), url('font/Robotolight.woff') format('woff'), url('font/Robotolight.ttf') format('truetype');
font-weight:300;
font-style:light;	
}
@font-face {
font-family: 'Roboto';
src: local('Roboto'), local('Roboto-Regular'), url('font/Roboto.woff2') format('woff2'), url('font/Roboto.woff') format('woff'), url('font/Roboto.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}

/*** Header ***/

.header {height: 135px; overflow: hidden; }
.header .wrapper { height: 135px;}

.logo {max-width: 226px;display: block; float: left; margin: 50px 0 0 40px;}
.logo img {max-width: 100%;height: auto;}

.site-description {width: 290px; padding: 59px 30px 0; float: left; overflow: hidden;}
.site-description .textwidget {font-size: 11px; color: #656363; line-height: 1.3;}

.menu {    float: left;
    margin: 90px 0 0 690px;
    position: absolute;
    width: 300px;}
.menu ul {}
.menu li {font-size: 10px; text-transform: none; font-family: Arial, Helvetica; float: left; padding-top: 3px;}
.menu a {color: #fff; text-decoration: underline; padding: 3px 15px 0 0; }
.menu a:hover {text-decoration: none;}
.menu-item-5 a {background: url(img/hostenko/ico_rss.png) left center no-repeat; padding-left: 20px !important;}

div#wrapmenu {background: #070707 url(img/head_bg.jpg)no-repeat center top;background-size: 100% auto;}
#header {position: relative;height: 125px;z-index: 900;width: 950px; margin: 0 auto;background:none;}
.head_ul {display: block;float: right;margin-top: 60px;margin-right: 15px;font: 100%/1.5 Helvetica, Arial, sans-serif, "Lucida Grande", "Lucida Sans", Tahoma, Verdana;font-size: 10px;}
.head_ul li {float: left;margin-left: 15px;}
.head_ul li a:link, .head_ul li a:visited {display: block;font-size: 1.5em;color: #c6d6de;text-decoration: none;line-height: 2.0em; padding: 2px 15px;}
.head_ul li a:hover, .head_ul li a:active {text-decoration: none;color: #fff; }
.head_ul li.selected a, #menu-item-8 a, .current-menu-item a {color: #fff;display: block; background: #000;border-radius:20px;box-shadow:-1px -1px 1px #999999 inset;-webkit-box-shadow:-1px -1px 1px #999999 inset; -webkit-border-radius:20px; }

.head_ul.topmnu {position: absolute;right: 0px;top: 15px;font-size: 0.9em;color: #88adbe;text-decoration: none;border: none; margin:0px 30px 0px 0px;}
.head_ul.topmnu li a {color: #84E0FF; font-size: 12px; padding: 0px;}
.head_ul.topmnu a:hover {color: #fff;text-decoration: none;border-bottom: 1px solid #fff;}

.head_ul.topmnu li.phone {color: #fff; font-size: 16px; padding: 3px 20px 0 20px; background: url(img/hostenko/ico_phone.png) left center no-repeat;}
.head_ul.topmnu li.phone small {color: #999; font-size: 11px;}

.head_ul.topmnu li.skype {padding: 0px 124px 1px 20px; background: url(img/hostenko/ico_skype.png) left center no-repeat;}
.head_ul.topmnu li.skype a:hover {padding: 0px;}

#header a.logo:hover {opacity: 0.7}

#topline {background: #000 url(img/hostenko/topline.png) top center no-repeat;background-size:  auto 100%; height: 24px; padding-top: 8px;}
#topline .topmnu {width: 960px; font-size: 12px;color: #88adbe;text-decoration: none;border: none; margin:0px auto;font: 100%/1.5 Helvetica, Arial, sans-serif, "Lucida Grande", "Lucida Sans", Tahoma, Verdana;}
#topline .topmnu li {float: left;}
#topline .topmnu li a {color: #84E0FF; padding: 0px;}
#topline .topmnu a:hover {opacity: 0.8}

#topline .topmnu li.phone {color: #fff; padding: 0px 20px 2px 17px; background: url(img/hostenko/ico_phone1.png) left center no-repeat;}
#topline .topmnu li.phone small {color: #999; }

#topline .topmnu li.mail {padding-right: 10px; padding-top: 2px; margin-left: 400px;}

#topline .topmnu li.skype {padding-right: 20px;}
#topline .topmnu li.skype a:hover {padding: 0px;}

#topline .loggedin, #topline .logout, #topline .topmnu li.login {float: right; margin-left: 15px;}

#topline .logout a {color: #ee806a !important; padding: 0px 0px 2px 20px !important; background: url(img/hostenko/ico_logout.png) center left no-repeat; display: block; text-decoration: none !important;  margin-top: -2px; margin-right: 35px;}

#topline .login a {font-size:13px;color: #5cc212 !important; padding: 0px 0px 2px 30px !important; background: url(img/i_login.png) center left no-repeat; display:inline-block; text-decoration: none !important;  margin-top: 0px; margin-right: 35px;}


#topline .loggedin a {color: #5cc212 !important; text-decoration: none  !important;}
#topline .loggedin a:hover {color: #5cc212;}

/******* second menu *******/
#menu{float:left;margin-top:15px;margin-right:2px}
ul#menu {border-bottom: 1px solid #c8c8c8;width: 92%;}
#menu li{float:left;font-size:14px;font-family:Tahoma, Arial, Helvetica, sans-serif;padding:0;margin-left:0px!important;margin-right:14px;text-transform:uppercase;/*margin-bottom:10px;*/}
#menu a{color:#757575;display:block;padding:7px 15px 17px 15px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border:none;background:none;font-family: Roboto, Arial;font-weight: 600;}
#menu li.current-menu-item a, #menu li:hover a{color:#964100!important;border:none;border-bottom:2px solid #964100;text-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin-bottom: -2px;}
#menu a:hover{color:#964100;}
#menu .sub-menu{display:none;visibility:hidden;position:absolute;margin-left:-50px}
#menu li:hover .sub-menu{display:block;visibility:visible}
#menu .sub-menu li{margin:5px 5px 0px 0px;text-transform:none;font-size:14px}
#menu .sub-menu li a{color:#575757;display:block;padding:5px 12px;border:none;background:none;}
#menu .sub-menu li.current-menu-item a, #menu .sub-menu li:hover a{color:#575757!important;border:none;text-shadow:none;}
.wpcafe-logo {float:right;/*padding-right:30px;*/padding-top:21px;position:absolute;/*margin-left:-15px;*/}

/********* triangle **********/
.block2 {position:relative;color: #fff;}
.block2::after {content:'';position:absolute;right:30px;bottom:-65px;border:10px solid transparent;border-bottom:10px solid #e6e6e6;}

/********* find **************/
#sidebar input.search {
   width: 20px;
   height: 20px;
   padding: 0;
   position: absolute;
   top: 2px;
   right: 5px;
   background: transparent url(/wpcafe/wp-content/themes/wordpresso3-child/img/find.svg) no-repeat scroll 0 0;
}
#sidebar input { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: small; }

/********* button ************/
.Green-button {
    width: 96%;
    height: 72px;
}

a.Green-button {
    display: inline-block;
    border-radius: 8px;
    background:url(/wpcafe/wp-content/themes/wordpresso3-child/img/arrow.png) no-repeat 265px, -webkit-gradient(linear, left top, left bottom, from(#b0e28a), color-stop(48%, #5cc212), to(#68c722));
    background:url(/wpcafe/wp-content/themes/wordpresso3-child/img/arrow.png) no-repeat 265px, linear-gradient(to bottom, #b0e28a, #5cc212 48%, #68c722);
    /*background-image: linear-gradient(to bottom, #b0e28a, #5cc212 48%, #68c722);*/
    padding: 5px 5px 5px 5px;
    margin: 8px 0px -9px 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
    color: #fff;
}

a.Green-button span {
    display: inline-block;
    padding: 15px 22px 10px 21px;
    font-size: 30px;
    /*text-shadow: 0px 1px 0px #ffffff;*/
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
    font-family:Roboto, Arial, Helvetica, sans-serif;
}

a.Green-button span b {
    font-size: 14px;
    font-weight:normal;
    line-height: 38px;
    padding-left: 3px;
}

/*a.Green-button::after {content:'';position:inherit;border:10px solid transparent;border-left:10px solid #e6e6e6;}*/

#text-2 div.textwidget {background: #ddd; padding: 10px 15px; margin:9px 0 -9px 0;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-style: normal !important;}
#text-2 div.textwidget a {color: #444; padding: 8px 10px; margin: 3px 0px; display: block;}
#text-2 div.textwidget a:before {padding-right: 10px; content: "•"; color: #999; }
#text-2 div.textwidget a:hover {color: #984100; text-decoration: none; background: #eee; border-radius: 6px;}
#text-2 div.textwidget a.active {color: #984100; text-decoration: none; background: #eee; border-radius: 6px;}
#text-2 div.textwidget ul, #text-6 div.textwidget ul li {margin-left: 0px; padding: 0; list-style: none;}

#wpforms-35344-field_4_1 {width: 15px !important; margin-bottom: 6px !important}

/********* mobile ************/
@media screen and (max-width: 1125px) {

  #content .wrappost { width: 100%; }

  .wpcafe-logo {
    float: right;
    padding-right: 30px;
    padding-top: 21px;
    position: inherit;
    margin-left: -15px;
  }

}

@media screen and (max-width: 1119px) {

}

@media all and (max-width: 1024px) {
  #topline {
    min-height: 24px;
    height:     unset;
  }

  #topline .topmnu {
    width:      100%;
    max-width:  960px;
    text-align: center;
    position:   relative;
  }

  #topline .topmnu .langs {
    margin-top: 2px;
  }


  #topline .topmnu li a img {
    vertical-align: top;
  }


  #header {
    height:     unset;
    min-height: 140px;
    width:      100%;
    max-width:  950px;
    min-width: auto;
    /*padding-top: 40px;
    margin:0;*/
  }

  #header a.logo {
    padding: 0;
  }

  .head_ul li {
    float:   none;
    display: inline-block;
    z-index: 999;
  }

  .head_ul li.selected a {
    display: inline-block;
  }

  .wrapper {
    width:     94%;
    max-width: 950px;
  }
  .wpcafe-logo {display:none;}
  .block2 {display:none;}
}

@media screen and (max-width: 1024px) {

 .head_ul {
    text-align:   right;
    margin-right: 3%;
    display:      table;
    width:        55%;
  }

  .head_ul li {
    margin-left: 0;
    display:     table-cell;
  }
}

@media screen and (max-width: 1024px) and (max-width: 900px) {

}

@media screen and (max-width: 1024px) {

}

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

#topline .topmnu li.mail_text{display:none;}
#topline {background: #000;padding:0;}
#topline .topmnu {padding:9px 0;}
	
#topline .topmnu li{display:inline-block;vertical-align:top;float:none;}
#topline .topmnu li.mail {width:40%;text-align:center;padding:0;margin-left:0;}
#topline .topmnu li.mail a{padding-right:15px;padding-top:4px;display: block;}
#topline .topmnu li.login {width:60%;margin-left:-4px;text-align:right;float: none;}
#topline .login a{margin-right:15px;}
	

  .head_ul li.selected a,
  #menu-item-8 a,
  .current-menu-item a {
    background:    none;
    border-radius: 0;
    -webkit-box-shadow:    none;
            box-shadow:    none;
  }

  .head_ul {
    width:      50%;
    text-align: left;
    margin-top: 53px;
    position:   absolute;
    float:      none;
    right:      0;
  }

  .head_ul::before {
    display: block;
    content: 'Menu';
    cursor:  pointer;
  }

  .head_ul li {
    display: none;
    z-index: 998;
  }

  .head_ul li.selected a {
    display: unset;
  }

  .head_ul:hover::before {
    color:        #fff;
    border-color: #1a1a1c;
  }

  .head_ul::before {
    background:    #000 none repeat scroll 0 0;
    border-radius: 20px;
    -webkit-box-shadow:    -1px -1px 1px #999999 inset;
            box-shadow:    -1px -1px 1px #999999 inset;
    color:         #fff;
    height:        35px;
    line-height:   35px;
    font-size:     14pt;
    padding:       0 0 0 14%;
  }

  .head_ul li {
    margin:        0 0 0 5%;
    width:         90%;
    background:    rgba(115, 131, 155, 0.97);
    border:        2px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    border-top:    1px solid #1d1d1d;
  }

  .head_ul li:first-child {
    border-top: none;
  }

  .head_ul li:last-child {
    border-bottom: 2px solid #1d1d1d;
  }

  .head_ul li a:link, .head_ul li a:visited {
    height:      25px;
    line-height: 25px;
    color:       #F5F5F9;
    font-size:   12pt;
    padding:     0 0 0 10% !important;
  }

  .head_ul li a:link:hover, .head_ul li a:visited:hover {
    -webkit-box-shadow: 0px 0px 7px #96A9BC inset;
            box-shadow: 0px 0px 7px #96A9BC inset;
  }

  .head_ul li:last-child {
    border-radius: 0 0 10px 10px;
  }

  .head_ul li:last-child a {
    border-radius: 0 0 10px 10px;
  }

  .head_ul.CLICKED::before {
    color:        #fff;
    border-color: #1a1a1c;
  }
  #content .post .entry .info {
    width: 100%;
    text-align: left;
  }
  #content .wrappost {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  #topline .topmnu {
    text-align: left;
  }

  #topline .topmnu .langs {
    margin: 2px 0 0;
    left:   50%;
  }

.head_ul {
    width: 42%;
  }
}

@media screen and (max-width: 480px) {
  #topline {
    background-size: 100% 100%;
    padding-top:     0;
  }

  #topline .topmnu .langs {
    position:      static;
    margin:        2px auto 5px;
    padding:       0 0 0 15px;
    width:         100%;
    text-align:    center;
    padding:       8px 0 0;
    margin:        0;
    margin-bottom: 7px;
  }

  #topline .topmnu .langs:hover {
    background: rgba(10, 10, 10, 0.5);
  }

  #topline .topmnu .langs a {
    position:   absolute;
    background: rgba(10, 10, 10, 0.5);
    width:      100%;
    left:       0;
    min-height: 50%;
  }


  #topline .topmnu li.login a {
    margin-left: 20px;
  }

  #header {
    padding-top: 40px;
  }

  .wpcafe-logo {display:none;}
  .block2 {display:none;}

.logo {margin: 0 0 0 40px;}

  .head_ul {
    margin: 30px 8% 0;
    width:  84%;
  }

  #steps2 ul {
    margin-top: -30px;
  }
	
	
	
	
	

	
	
	
	
}


@media screen and (max-width: 380px) {
#topline .topmnu li.mail {width:25%;}
#topline .topmnu li.login {width:75%;}
}



@media screen and (max-width: 480px) and (max-width: 370px) {

}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 480px) and (max-width: 390px) {

}

.h_grenbutton {
                                text-shadow: 1px 1px #777;
                                font-size: 14px;
                                padding: 8px 25px;
                                display: block;
                                text-decoration: none;
                                background: url(img/hostenko/green_bg.png) repeat center center;
                                color: #fff !important;
                                text-align: left;
                                -moz-border-radius: 6px;
                                border-radius: 6px;
                                -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
                                -webkit-border-radius: 50px;
                                -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
                                box-shadow: 0 1px 0 rgba(0,0,0,0.25);
                                border-radius: 6px;
                                background-image: linear-gradient(to bottom, #b0e28a, #5cc212 48%, #68c722);
                                font-style: italic;
                                position: relative;
                        }

                        .h_grenbutton > div {
                                display: inline-block;
                        }

                        .h_grenbutton > div > span {
                                display: block;
                                font-size: 26px;
                                font-style: normal;
                                height: 32px;
                        }

                        .h_grenbutton > div.h_arrow {
                                position: absolute;
                                right: 25px;
                                top: 14px;
                        }

                        .h_grenbutton > div > i {
                                background: url(img/hostenko/arrow_right.png) no-repeat top center;
                                display: block;
                                height: 36px;
                                background-size: 7px 36px;
                                width: 7px;
                                margin-left: 10px;
                        }

/*Адаптивное меню*/
.adapt,.close_adp,.arr_adp,.adp_login,.top_menu{display:none;}

.adapt{float:right;margin-top:60px;margin-right:15px;width:32px;height:21px;background:url(img/adapt.png)no-repeat center}
.top_menu{float:none;margin:0;display:none;position:absolute;top:0;left:0;width:100%;background:#fff;padding-bottom:25px;z-index:999;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);box-shadow:0 0 10px 0 rgba(0,0,0,0.3);font-family: 'Roboto';}
.top_menu .menu_adapt li{float:none;padding-top:0;margin:0 75px;position:relative;border-bottom:1px solid #eee}


	
.top_menu .menu_adapt li:last-child{border-bottom:none;}
.top_menu .sub-menu li:first-child{border-top:1px solid #eee;}
.top_menu .menu_adapt li a{display:block;line-height:30px;padding: 17px 15px 17px;font-size:20px;font-weight:400;color:#888}
.top_menu .menu_adapt li a:hover,.top_menu .menu_adapt li a:active,.top_menu .menu_adapt li.current-menu-item > a{color:#333;font-weight:700;}



.top_menu .menu-item-has-children{position:relative}
.top_menu .sub-menu{right:auto;position:relative;top:auto;background:transparent;border-radius:0;-webkit-border-radius:0;-webkit-box-shadow:none;box-shadow:none}

.close_adp{z-index:9999;position:absolute;top:20px;right:20px;width:30px;height:30px;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.close_adp:hover{cursor:pointer;}
.close_adp:hover{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
.adp_ll,.adp_lr{background: #333;top:10px;height:3px;width:30px;position:absolute;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.adp_ll{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.adp_lr{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.arr_adp{z-index:9999;position:absolute;top:30px;left:-20px;width:13px;height:13px;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.arr_adp:hover{cursor:pointer;}
.arr_opn{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.arr_ll,.arr_lr{background:#999;top:0;height:3px;width:13px;position:absolute;left:0;}
.arr_ll{left:0;-webkit-transform:rotate(50deg);transform:rotate(50deg);}
.arr_lr{left:7px;-webkit-transform:rotate(-50deg);transform:rotate(-50deg);}

.adp_login{display:block;}
.top_menu .menu_adapt li a.adp_login{color:#5cc212;display:block;}
.top_menu .menu_adapt li a.adp_login:hover{opacity:0.8;}
.adp_login img{margin: 8px 5px 0 0;vertical-align:middle;float:left;}
.i_login_sp{overflow:hidden;}

@media screen and (max-width: 768px) {
.head_ul,.tw_menu{display:none;}
.adapt{display:block;}


div.su-list ul li {margin: 0 0 20px !important;}
div.textwidget ul{margin-bottom:10px;}

span.wpcafe_footer a {padding: 0;margin:0 15px 20px 15px;display:inline-block;}


}
@media screen and (max-width: 699px){
#footer .tp_copy {display: block;float:none;height:30px;margin-bottom:15px;text-align: center;margin-top: 10px;}
}

@media screen and (max-width:650px){
#sidebar {width:100%;float:none;}
#sidebar .widget{max-width:320px;margin:0 auto;}
#sidebar .Green-button{max-width:300px;background-position: right center;}
#text-2 div.textwidget a {margin: 15px 0px;}
#mc_embed_signup input.email {padding:10px 5px;margin-bottom:15px;background:#fff;}
#mc_embed_signup{background:transparent;height:75px;}
.socials li {width:30%;margin:3% 1.5% !important;}
#content ul#rmp-stars{margin-left:0 !important;}
#content ul#rmp-stars li{width:19%;margin-left:-4px;}
#ajaxsearchlite1 .probox, div.asl_w .probox {height: 45px !important;}
#ajaxsearchlite1 .probox .orig{height: 45px;}
	div.asl_w .probox .promagnifier { height:45px !important;}
}
@media screen and (max-width:480px){
.adapt {margin-top: 12px;}
#header {min-height: 80px;}

#decomments-comment-section.decomments-comment-section.decomments-comment-section .decomments-comment-sort {position:relative;padding-top: 15px;}
}
@media (max-width: 420px){
.top_menu .menu_adapt li{margin: 0 50px 0 40px;}
}