/*SITE*/
.button{
    border-radius: 12px;
}
.button.success{
    color: #fff;
    font-weight: bold;
}
.callout{
    border-left: none;
    border-right: none;
}
a,
a:link,
a:visited{
    color: #3DAD66;
}
a:hover{
    color: #3DAD66;
    text-decoration: underline;
}

/*Header*/
#my_header,
header .top-bar,
header .top-bar tbody,
header .top-bar ul{
    background-color: #3DAD66;
}
body.admin-bar .position-left{
    padding-top: 50px;
}
header .top-bar table{
    margin-bottom: 0;
    color: #fff;
    font-weight: 400;
    text-shadow: 1px 1px 0 0 #000;
}
header .top-bar table i{
    color: rgba(0,0,0,0.8);
}
header .top-bar table td:first-child{
    border-right: 1px solid #fff;
}
header .top-bar table td{
    padding: 0 5px;
}
#my_header a{
    color: #fff;
    font-weight: bold;
}
#my_header a:hover{
    text-decoration: underline;
}
header .top-bar,
header .top-bar ul{
    /*background-color: #fff;*/
}
header table td{}
#logo{
    height: 60px;
}
#top_menu{
    margin-top: 20px;
}
#top_menu > li > ul{
    z-index: 5000;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after{
    border-color: #fff transparent transparent;;
}
.is-drilldown-submenu-parent>a:after{
    border-color: transparent transparent transparent #3DAD66;
}
.js-drilldown-back>a:before{
    border-color: transparent #3DAD66 transparent transparent;
}
#top_contacts{
    margin-top: 10px;
}


/*Main page*/
.slider_form .columns:last-child {
    border-left: 1px solid #3DAD66;
}
.slider_form p {
    margin-bottom: 0;
}

/*FirstBlock*/
.first_block .button.products{
    color: #fff;
    border: none !important;
    background-color: #3DAD66;
}
.first_block .button.products:hover{
    color: #3DAD66;
    border: none !important;
    background-color: #E2E2E2;
}
.first_block .button.clients{
    color: #3DAD66;
    border: none !important;
    background-color: #E2E2E2;
}
.first_block .button.clients:hover{
    color: #fff;
    background-color: #3DAD66;
}

/*Advantages*/
#advantages_block{
    margin-top: 30px;
    margin-bottom: 50px;
}
ul#advantages{
    list-style-type: none;
    margin: 20px;
}
ul#advantages li{
    display: inline-block;
    width: 32%;
    margin-left: 1%;
    margin-bottom: 20px;
    padding: 30px 0;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 8px;
    background-color: rgba(0,0,0,0.1);
}
ul#advantages li:hover{
    background-color: #3DAD66;
    color: #fff;
}
ul#advantages li div.block i{
    font-size: 34px;
    color: #3DAD66;
}
ul#advantages li:hover div.block i{
    color: #fff;
}
ul#advantages li div.block{
    padding: 20px;
    text-align: center;
}

/*Social*/
.connect-with-us {margin:40px 0; padding:40px 0; background:#F0F0F0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.connect-with-us h2 {text-align: center; font-weight: 900; text-transform: uppercase;}
ul.connecticons {display:table; margin:0 auto; text-align: center; list-style-type: none;}
ul.connecticons li {padding: 0 45px; display: inline-block;}
ul.connecticons li i {
    color:#fff; text-align: center; font-size:28px; width:60px; height:60px;
    background: #E2E2E2;
    border-radius:50%; padding: 10px 0 0 0;
    border:6px solid #3DAD66;
    -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
ul.connecticons li i:hover {background:#3DAD66; -webkit-transform:scale(1.2);transform:scale(1.2);}

/*SLIDER*/
.slick-arrow:hover{
    cursor: pointer;
}
#slider{
    margin-bottom: 50px;
}
#slider .block{
    position: relative;
}
#slider .caption{
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 8px 0;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}
.slick-dots li button:before{
    font-size: 20px !important;
}

/*Clients*/
#clients .block{
    position: relative;
}
#clients .block img{
    display: inline-block;
    width: 90%;
}

/*Fix ContactForm7 msg*/
.wpcf7-response-output{
    margin-top: 1em !important;
    clear: both;
    text-align: center;
}

/*Footer*/
footer{
    margin-top: 60px;
    padding: 20px 0;
    background-color: #3DAD66;
    color: #fff;
}
/*Contact form in footer*/
.contact_form div.text-center > i{
    padding-top: 25%;
    font-size: 80px;
    color: #3DAD66;
}

/*ALL PRODUCTS*/
#products{
    margin-top: 30px;
    margin-bottom: 30px;
}
#products article{
    margin-bottom: 30px;
}
#products article a{
    display: block;
    position: relative;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 8px;
    overflow: hidden;
}
#products article a:hover{
    box-shadow: 0 0 10px 2px #3DAD66;
}
#products article a:hover span.more{
    display: block;
}
#products article span.more{
    display: none;
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    opacity: 0.8;
    padding: 10px;
}
#products article img{
    display: block;
    width: 100%;
}
#products article span.title{
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding: 8px 18px;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.3);
    border-radius: 0 0 8px 8px;
}

#products .column:last-child:not(:first-child),
#products .columns:last-child:not(:first-child){
    float: left;
}

/*SINGLE PRODUCT*/
article#single_product{
    margin: 40px auto;
}
article#single_product .wpcf7-form h3{
    font-size: 20px;
    margin-bottom: 20px;
}
article#single_product .wpcf7-form .columns.medium-4.text-center{
    display: none;
}
article#single_product .wpcf7-form .columns.medium-4{
    width: 100%;
}
article#single_product #pdf{
    margin-bottom: 30px;
    padding: 10px 20px;
    border: 2px dashed #3DAD66;
}
article#single_product #pdf{
    font-size: 20px;
    text-align: center;
}
article#single_product #pdf a:hover{
    text-decoration: none;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(0,0,0,1);
}


/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
    clear: both;
}