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

/*** Header ***/

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

.logo {padding: 25px 0 30px 30px; overflow: hidden; float: left;}
.logo img {}

.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(//hostenko.com/pics/ico_rss.png) left center no-repeat; padding-left: 20px !important;}


div#wrapmenu { background: #111 url(//hostenko.com/pics/bg.png) no-repeat top center; }
#header {position: relative;height: 125px;z-index: 900;width: 950px; margin: 0 auto;background:none;}
#header 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;}
#header ul li {float: left;margin-left: 15px;}
#header ul li a:link, #header ul li a:visited {display: block;font-size: 1.5em;color: #c6d6de;text-decoration: none;line-height: 2.0em; padding: 2px 15px;}
#header ul li a:hover, #header ul li a:active {text-decoration: none;color: #fff; }
#header ul li.selected a, #menu-item-8 a, .current-menu-item a {color: #fff !important;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; }

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

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

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

#header a.logo, #header a.logo:visited {width: 226px;height: 39px;background: url(//hostenko.com/pics/logo.png) left top no-repeat;text-indent: -9000px;overflow: hidden;display: block;float: left;margin: 50px 0 0 40px;background-size: 226px 39px;}
#header a.logo:hover {opacity: 0.7}

#topline {background: #000 url(//hostenko.com/pics/topline.png) top center no-repeat; 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(//hostenko.com/pics/ico_phone1.png) left center no-repeat;}
#topline .topmnu li.phone small {color: #999; }

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

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

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

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

#topline .login a {color: #5cc212 !important; padding: 0px 0px 2px 25px !important; background: url(//hostenko.com/pics/ico_login.png) center left no-repeat; display: 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 {
    float:   none;
    display: inline-block;
  }

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

  #topline .topmnu li.mail {
    margin: 0;
  }

  #topline .topmnu li.login {
    float:    none !important;
    position: absolute;
    right:    0;
    top:      0;
    margin:   0;
  }

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

  #header a.logo {
    padding: 0;
  }

  #header ul li {
    float:   none;
    display: inline-block;
    z-index: 999;
  }

  #header 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) {
  #topline .topmnu li.login {
    margin-right: 3%;
  }

  #topline .topmnu li.login a {
    margin-right: 0;
  }

  #header ul {
    text-align:   right;
    margin-right: 3%;
    display:      table;
    width:        55%;
  }

  #header 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) {
  #header ul li.selected a,
  #menu-item-8 a,
  .current-menu-item a {
    background:    none;
    border-radius: 0;
    -webkit-box-shadow:    none;
            box-shadow:    none;
  }

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

  #header ul::before {
    display: block;
    content: 'Menu';
    cursor:  pointer;
  }

  #header ul li {
    display: none;
    z-index: 998;
  }

  #header ul li.selected a {
    display: unset;
  }

  #header ul:hover::before {
    color:        #fff;
    border-color: #1a1a1c;
  }

  #header 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%;
  }

  #header 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;
  }

  #header ul li:first-child {
    border-top: none;
  }

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

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

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

  #header ul li:last-child {
    border-radius: 0 0 10px 10px;
  }

  #header ul li:last-child a {
    border-radius: 0 0 10px 10px;
  }

  #header 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%;
  }

  #topline .topmnu li.mail {
    margin-left: 3%;
  }

  #header a.logo {
    margin-left: 3%;
  }

  #header ul {
    width: 42%;
  }
}

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

  #topline .topmnu {
    text-align: center;
  }

  #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 {
    display:        block;
    position:       static;
    margin:         8px auto 0;
    padding-bottom: 5px;
    max-width:      170px;
  }

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

  #header {
    padding-top: 40px;
  }

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

  #header a.logo {
    float:  none;
    margin: 0 auto 0px;
  }

  #header ul {
    margin: 30px 8% 0;
    width:  84%;
  }

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

@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(https://hostenko.com/pics/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(https://hostenko.com/pics/arrow_right.png) no-repeat top center;
                                display: block;
                                height: 36px;
                                background-size: 7px 36px;
                                width: 7px;
                                margin-left: 10px;
                        }