@charset "utf-8";

html,body { margin:0; padding:0; background:#f8f8f8; }
body {width:100%; height:100%; font-family: Verdana,Tahoma, Geneva, sans-serif; font-size:100%;}

/* PWS ECommerce fix */
#mxcpr,.chrono_credits {display:none}
#comjshop a {/*color: #34ad30;*/}
.jshop h1 { font-size: 2rem;}

.count_commentar {font-size: .9rem;}

.category_name { font-size: 150%; margin: 1rem 1rem !important; display: block;}
.category_short_description { margin: 1rem 1rem;}
.row-fluid .sblock4,.row-fluid .sblock3 { margin: 2% 0.5%;    border: 1px solid #ccc;    border-radius: 1rem;    padding: 1rem !important;}
.product .name a {color:#34ad30; font-size: 150%;}
.sblock3 {max-width: 33%;    width: 33%;}

a.btn.btn-success.button_buy {    color: #fff !important;    font-weight: bold;}
.form_sort_count {font-size: .8rem;}
.sblock1.jshop_categ.category {  border: 1px solid #ccc;    border-radius: 1rem;    margin: 1rem 0;}
.row-fluid {    width: 100%;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.row-fluid .sblock2 { width: 100% !important; margin: 1rem 0;    text-align: center;}

/* --- category PWS fix */
@media (max-width: 425px) {
.form-horizontal .control-label { float: none!important; width: 100%!important; text-align: left !important; }
.form-horizontal .controls { margin-left: 0px!important;}
}
.jshop_list_product .product .description {font-size: .9rem; margin: 1rem 0;}
.jshop_list_product .image_block { padding: 1rem; }

/* --- product PWS fix */
.productfull .text_zoom {padding-top: 1.5rem;}
.jshop_list_product .block_product {  border: none;}
.productfull { width: 90%; margin: 0 auto;}
.image_middle {    width: 99%;    margin: 0 auto;    padding: 2rem 0 0;    text-align: center;}
.jshop_img_description {    margin-top: 1rem;}

/* --- Checkout PWS ECommerce fix */
.pws-checkout-menu {font-size: 0.9rem;}
.checkout_payment_block, .checkout_shipping_block {margin:0 1.5rem;}

.checkout_payment_block label, .checkout_shipping_block label { position: relative; top: -.7rem; margin-left: .5rem;width: 90%}
td.jshop_order_step {    padding: 1rem;    border: 1px solid #ccc;}
.checkoutinfo div {padding:0.5rem 0;}
/* --- end Checkout PWS ECommerce fix */

/* end PWS ECommerce fix */

#bg { background:#f5f5f5; background:url('../images/bg.png'); width:100%; height:100%; position:relative; }
#box { width:90%; margin:0 auto;}

header {min-height: 100px;}  header a {color: #2fa745;}
#logo { float:left; width:250px; color:#34ad30; }
 #nav { width: 540px; z-index: 9; overflow: hidden; float: left; left: 7%; top: 20%; position: relative; }
 #contacts { float:left; width:200px; color: green; font-size: 1em; margin-top: 10px;}
 
#slider { }
 .textpad { position: absolute; top: 90px; left: 38%; background: #000; opacity: 0.7; padding: 10px; border-radius: 15px; box-shadow: 0 0 30px #c0fdbd; border: 1px solid #c0fdbd; width: 40%;    height: 30%; z-index: 2;}
 .textm {position:absolute; top:100px; left:40%; color:#fff;text-align:center;font-size:1.3em; z-index: 3;}
 .mi-but {position: absolute; bottom: 3em; left: 48%; background: #000; opacity: 0.7; padding: 10px; border-radius: 10px; box-shadow: 0 0 24px #c0fdbd; border: 1px solid #c0fdbd; width: 12%; height: 45px; z-index: 2;}
 .mi-buttext,.mi-buttext2 {position:absolute; bottom: 4.2em; left: 51.5%; color:#fff;text-align:center;font-size:0.9em; z-index: 3;}
.mi-buttext2 {position:absolute; top: 56%; left: 51.2%; color:#fff;text-align:center;font-size:0.9em; z-index: 3;}
.mi-buttext a,.mi-buttext2 a {color:#fff !important;}

.bg  {width:100%; height:100%; min-height:600px; position:relative; background-image:url('/images/template/mainbg.jpg');      background-attachment: fixed; background-position:center; /* background-position: -200px -180px;*/ background-size: cover; background-repeat: no-repeat; }
.bg2  {width:100%; height:200px; background-image:url('/templates/panteonwsproton3/images/mainbg_sm.jpg'); background-attachment: fixed; background-size: cover; background-position:center;   }

.daysf {font-family: 'Days One', sans-serif;}
#logo,#contacts,#nav,.textm,.mi-buttext,H1,H2,H3,H4,H5,H6 {font-family: 'Play','Days One', sans-serif !important;font-weight: bold;}

 ul.menu-nav { position: relative; left: 5%; top: 2%; float: left;}
 ul.menu-nav li {display:inline-block; margin:0px 10px 0px 10px;  }
 ul.menu-nav li:hover { 
  }
 ul.menu-nav li a { padding:2px 12px; color:#34ad30; text-decoration: none;  }
 ul.menu-nav li a:hover { border-bottom:1px solid #34ad30 !important;   
   -webkit-transition: all 300ms cubic-bezier(0.42,0,1,1);
  transition: all 300ms cubic-bezier(0.42,0,1,1);}

ul.menu-nav ul {display:none; position:absolute; z-index: 5; margin:0px; padding:0px;box-shadow:0rem 1rem 2rem #33333370;}
ul.menu-nav li:hover ul {display:block; }
ul.menu-nav ul li {display: block; margin:0px; } 

.bodyc { width:100%;}
.bodyc:after {clear:both;}
main#content { position: relative; padding-bottom: 50px; }
.item-page, .blog {}
.blog {}

#bread {position: relative; top:0px; font-size: 1.1rem;}
.breadcrumb { color:#34ad30; padding: 10px 0px;overflow: hidden; }
.breadcrumb li {float:left;padding: 0px 10px;list-style: none;font-size:.9rem;}
.breadcrumb li a {color:#34ad30;}

#content {position:relative; }

#component {width:99%; margin:0 auto 4em; }

#section { }
.sbox {padding:20px 60px; overflow:hidden;}
.bleft {float:left; width:49%; }
.bright {float:right; width:49%; }
.pws-bg1 {background: #01af1a;color:#fff;}
.pws-bg1 a,.pws-bg1 h2,.pws-bg1 h3 {color: #fff !important;}

#aside { width: 100%; margin-top:3em; }

#footer {width:100%; background:#34ad30; color:#fff; padding:20px 0px; overflow: hidden; box-shadow:0px -1px 7px #777; position: relative;}
 #foo1 {float:left; width:100%; padding:10px 10px 10px 30px; }
 #foo2 {float:right; width:100%; padding:10px 30px 10px 10px; text-align:right;  }
#footer a {color:#fff; text-decoration:none; border-bottom:1px solid #fff;}
#footer a:hover { border-bottom:0px;}

i {color:#283C6B; text-shadow:0px 0px 5px #fff;}
.fa28 { font-size: 28pt !important;}


#foo1 ul {margin:0; padding:0;}
#foo1 ul li a {padding:0 10px;}

#nav,#header,#logo,#contacts,#cart,#slider {border:0px solid #ccc;}

.servpad h2 {font-size:1.5em;color:#fff !important;}
.servitem {text-align:center; padding:2em 0;}
.servpad a:hover {text-decoration:none !important;}

.divider img {  display: none;}

.servcircle {border: 20px solid #01AF1A; border-radius: 99px;}
.servcircle:hover {box-shadow: 0 0 55px #779C7C; -webkit-transition: all 300ms cubic-bezier(0.42,0,1,1);
  transition: all 300ms cubic-bezier(0.42,0,1,1);}
.servshad {border-bottom:4px solid #333; box-shadow:0 0 12px #333;}
.clr {clear:both;}

/* ==================== Component fixes */
.wk-slideshow-default .nav {margin-top:-20px !important; position:relative; z-index:100;}
.wk-slideshow {margin:0 auto !important;}

.breadcrumbs {font-size:80%;}
.logolink {text-decoration:none; border:0px !important;}

/* ==================== WebSite styles */

h1 {font-size:190%; margin-bottom:15px; }
h2 {font-size:170%; margin-bottom:10px; margin: 1.5em !important; }
h3 {font-size:150%; margin-bottom:10px; margin: 1.5em !important; }
h1,h2,h3,h4,h5 {text-shadow:1px 1px 1px #ccc; text-align:center; font-weight:bold; color:#34ad30 !important;}
a {text-decoration:none; color:#333; }
a:hover {color:#999;}
a:link {}
a:visited {}
a:alink {}

p {line-height: 1rem; font-size: 1rem;}
em {font-style:italic;}
b,strong {font-weight:bold;}

#headerpad {font-family:'Philosopher',sans-serif;}

.readmore {text-align: right; margin: 5% 10%;}
.readmore a {padding: 5px 10px;border: 1px solid #ccc;border-radius: 7px;background: #01AF1A;color: #fff;text-shadow: -1px -1px 1px #555; box-shadow:0px 0px 12px #ccc;}
.readmore a:hover {background: #068E1A; color: #fff; box-shadow: 0px -3px 3px #ccc; transition:all ease-in-out 300ms; position:relative; top:3px;}

.gcore-label-top {padding-bottom: 1em;}

form input { height: 2rem !important;}
input.btn {    padding: .1rem 1rem;}