/*-----------------------------------------------------------------------------------

Theme Name:Karma Sartori
Template: Karma

*/
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,300);

@import "../Karma/style.css";

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, font, 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{
    font-family: "Roboto Slab", serif;
    font-size: 15px;
}
h1, h2, h3,h4{font-family: "Open Sans", serif; font-size: 19px;}

#menu-main-nav *, #footer_bottom *, .breadcrumb *{font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px;}
#footer_bottom *{font-size: 12px;}
#footer h3{border: none !important; font-size: 18px; text-transform: none; color: #CCCCCC;}
#foot_left{width: 700px;}
#foot_right {width: 220px;}
.footer_contact24{padding-bottom: 5px; border-right: 1px solid #855E71; text-align: center; color: #fff;}
.footer_contact24 h2{color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 35px;}
.footer_sede{color: #fff; padding-left: 45px; background: url('images/footer-sede.png') no-repeat left center;}
#footer .one_third_last{margin-top: 43px !important;}

#footer .footer-holder{width: 98% !important;}
#footer .one_third{margin-right: 2% !important;}
#footer .one_third, #footer .one_third_last{width: 32% !important;}

.breadcrumb *{font-size: 12px;}

#header .header-area {padding:16px 0;}
#menu-main-nav{padding: 30px 0;}
#menu-main-nav li strong{font-weight: normal; font-size: 15px;}
.top-block p{font-size: 13px;}
.top-block p span{font-size: 15px; color: #eee; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.top-block .top-holder{padding: 7px 0;}
.top-block .toolbar-right div{display: inline;}

#main .tools .frame h1{font-size: 22px; font-weight: normal;}

.separator{width: 100%;height: 4px; background:url('../Karma/images/_global/separator3.gif') 0 0 repeat-x; margin: 5px 0;}
.separator.sep20{margin: 10px 0;}
.separator.sep30{margin: 15px 0;}
.separator.sep40{margin: 20px 0;}
.separator.sep50{margin: 25px 0;}

.cta-box {background:#E7E9E6 url('../Karma/images/_global/bg_quote_wrap.png') 25px 25px no-repeat; border:1px solid #D8D9D6;
    padding:25px 30px; margin-bottom:10px; border-radius: 5px; font-size: 22px;}
.cta-box .three_fourth{padding: 8px 0px 0px 70px; line-height: 30px; width: 580px!important;}
.cta-box .three_fourth div{font-size: 25px;}
.cta-box .one_fourth_last{text-align: center;}
.cta-box .three_fourth, .home .cta-box .one_fourth_last{padding-bottom: 0;}
.cta-box .one_fourth_last p{margin: 0;}
.cta-box .large_button span{padding: 18px 0 18px 41px; text-align: center; line-height: 20px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px;}

.page-template-template_rightnav-php .cta-box{margin-top: 40px; padding: 25px 20px;}
.page-template-template_rightnav-php .cta-box .three_fourth{width: 400px !important;}
.page-template-template_rightnav-php .cta-box .three_fourth div{font-size: 22px;}
.page-template-template_rightnav-php .cta-box .one_fourth_last{width: 180px !important;}
.page-template-template_rightnav-php .cta-box .one_fourth_last .large_button{padding-right: 25px;}
.page-template-template_rightnav-php .cta-box .one_fourth_last .large_button span{padding-left: 25px; font-size: 17px;}

.central-button-container .simple-button{display: block; background: #ddd; transition: 0.5s ease; -webkit-transition: 0.5s ease;
    border-radius: 7px; padding: 10px; margin: 0 auto; text-decoration: none; width: 200px; text-align: center;}
.central-button-container .simple-button:hover{background: #ccc; }

/* HOME */
.home .two_thirds{padding-bottom: 0;}
.home .tools{display: none;}
.home #main .main-area{padding-top: 0px;}
#home-main-image{box-shadow: 3px 3px 5px #CCCCCC;}
#home_cosa_fare{text-align: center;}
#home_cosa_fare h2{font-size: 18px; color: #9B486F; margin-top: 10px;}
#home_cosa_fare h3{font-size: 35px; color: #9B486F; margin: 30px 0 40px;}
#home_cosa_fare h4{font-size: 18px; margin-bottom: 5px;}
#home_cosa_fare a{display: block; text-align: right;}
.home .modern_img_frame{background: none;}

/* CONTATTI */
.contacts_sede img{height: 200px; width: auto; border: 4px solid #DDDDDD; border-radius: 10px;}
.mapp-directions{display: none;}
.mapp-layout{width: 100% !important;}
#contacts_page .one_half{padding-bottom: 0;}
.contact_module .wpcf7-textarea, .contact_module .wpcf7-text{width: 100%;}
.contact_module label{margin-top: 10px; display: block;}
.contact_module .wpcf7-textarea{height: 130px;}

.contacts_info{padding: 14px 0; text-align: center;  border: 1px solid #9B486F; box-shadow: 3px 3px 5px #CCCCCC; background: #fff;}
.contacts_info h3{font-size: 30px; color: #9B486F; margin: 25px 0;}

/* CHI SIAMO */



/* SERVIZI */
.services-list{}
.services-list img{width: 100%; height: auto; box-shadow: 3px 3px 5px #CCCCCC;}
.services-list h2{padding-top: 5px; margin-bottom: 5px;}

.servizio_intro{font-family: "Roboto Slab", serif; font-size: 23px; color: #999999; line-height: 28px; margin-bottom: 35px;}
.servizio_img{width: 100%; height: auto;}


/* COSA FARE */
.cosa_fare_banner{
    border:1px solid #9B486F;
    box-shadow: 3px 3px 5px #CCCCCC;
    margin-bottom:60px;
}

.cosa_fare_banner h2{
   font-weight:bold;
   margin-top:50px;
   color:#9B486F;
   line-height:25px;
}


/* MOBILE */

.layoutMobile .hide-mobile{display: none !important;}
.layoutMobile .top-block .toolbar-right{float: none; text-align: center;}
.layoutMobile #footer .one_third, .layoutMobile #footer .one_third_last{float: none;  width: 100% !important;}
.layoutMobile .footer_contact24{border: none;}

.layoutMobile #footer_bottom{background: #220A15 !important;}

.layoutMobile .page-template-template_rightnav-php .cta-box .three_fourth{width: 400px !important;}
.layoutMobile .page-template-template_rightnav-php .cta-box .three_fourth div{font-size: 22px;}
.layoutMobile .page-template-template_rightnav-php .cta-box .one_fourth_last{width: 180px !important;}

.layoutTablet.page-template-template_rightnav-php #content .cta-box .three_fourth{float: none !important; width: 80% !important;}
.layoutTablet.page-template-template_rightnav-php #content .cta-box .one_fourth_last{float: none !important; 
    width: 90% !important; margin-top: 20px !important; padding-bottom: 0;}
.layoutTablet.page-template-template_rightnav-php #content .cta-box .one_fourth_last .large_button span{
        padding: 28px 0 28px 29px !important;}
.layoutTablet.page-template-template_rightnav-php #content .cta-box{padding: 15px 20px 0;}

.layoutTablet #content .contacts_sedi .one_half, .layoutTablet #content .contacts_sedi .one_half_last{float: none !important; width: 100% !important; margin-bottom: 30px !important;}
.layoutMobile #content .contacts_sedi .one_half, .layoutMobile #content .contacts_sedi .one_half_last{float: none !important; width: 100% !important; margin-bottom: 30px !important;}


