@import url('https://fonts.googleapis.com/css?family=Karla:400,700');


body{
    font-family: 'Karla', sans-serif;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Karla', sans-serif;
}
h3{
    font-size: 18px;
    letter-spacing: 0}
    
    
.logo-img img {
    width: auto;
    max-height: 90px!important;
   }

strong{
    font-family: 'Karla', sans-serif;
    font-weight:700;
}
.header-menu.header-normal #my-menu > .mm-panel li a, .header-menu.header-fixed #my-menu > .mm-panel li a, .header-menu.header-sticky #my-menu > .mm-panel li a {
    color: #000000;
    font-family: 'karla';
    font-size:15px;
}
.hight{
    background-color: #3a88c4;
}

a.button-main.custom-button-color, a.button-main.custom-button-color.inverted {
    font-size: 15px;
    border-color: #3a88c4!important;
}



.call-action-text {
    float: left;
    width: 100%;
    color: #fff;
}

.call-action-text h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

h5{
    
    text-transform: uppercase;
  letter-spacing: 0px;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

h4{
    
  
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    letter-spacing: 0;
}


.box h4 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px;
    
  color:#3a88c4;
}




a:hover, a:active, a:focus, .header-menu.header-left-opened #my-menu > .mm-panel li a:hover, .header-menu.header-left-opened #my-menu > .mm-panel .sub-menu li.has-ul > a:hover, .header-menu.header-right-opened #my-menu > .mm-panel li a:hover, .header-menu.header-right-opened #my-menu > .mm-panel .sub-menu li.has-ul > a:hover, .header-menu.header-left-button #my-menu > .mm-panel li a:hover, .header-menu.header-left-button #my-menu > .mm-panel .sub-menu li.has-ul > a:hover, .header-menu.header-right-button #my-menu > .mm-panel li a:hover, .header-menu.header-right-button #my-menu > .mm-panel .sub-menu li.has-ul > a:hover, .header-menu.header-left-opened .copyright-text a, .header-menu.header-right-opened .copyright-text a, .header-menu.header-left-button .copyright-text a, .header-menu.header-right-button .copyright-text a, .header-menu.header-left-opened .copyright-text a:hover, .header-menu.header-left-opened .copyright-text a:active, .header-menu.header-left-opened .copyright-text a:focus, .header-menu.header-right-opened .copyright-text a:hover, .header-menu.header-right-opened .copyright-text a:active, .header-menu.header-right-opened .copyright-text a:focus, .header-menu.header-left-button .copyright-text a:hover, .header-menu.header-left-button .copyright-text a:active, .header-menu.header-left-button .copyright-text a:focus, .header-menu.header-right-button .copyright-text a:hover, .header-menu.header-right-button .copyright-text a:active, .header-menu.header-right-button .copyright-text a:focus, .header-menu.header-normal #my-menu > .mm-panel li a:hover, .header-menu.header-fixed #my-menu > .mm-panel li a:hover, .header-menu.header-sticky #my-menu > .mm-panel li a:hover, .header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text:hover, .header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text:active, .header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text:focus, #portfolio-filter ul li a.selected, .portfolio-pagination-wrap ul li a:hover, .portfolio-pagination-wrap ul li span.current, .wpcf7 .wpcf7-submit, .single-item-posts .entry-meta.entry-header a:hover, #commentform #submit, .error-caption a:hover, .error-caption a:focus, .error-caption a:active, .tagcloud a, .social_widget a i, .footer-widgets a:hover, a.button-main:hover, a.button-main:active, a.button-main:focus, a.button-main.inverted, .box.boxed-version .icon-boxed i, .color-text, .dropcap-color, .icons-example ul li a:hover, .woocommerce .woocommerce-pagination ul.page-numbers li a:hover, .woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover, .woocommerce .woocommerce-pagination ul.page-numbers li span.page-numbers.current, .woocommerce-page .woocommerce-pagination ul.page-numbers li span.page-numbers.current, .woocommerce-info a:hover, .portfolio-pagination-wrap.infinite-scroll-enabled ul li a:hover {

    color: #3a88c4;

}
.submit, .wpcf7 .wpcf7-submit, #commentform #submit, .tagcloud a, .social_widget a, .footer-widgets .tagcloud a:hover, .footer-widgets .social_widget a:hover, a.button-main:hover, a.button-main:active, a.button-main:focus, a.button-main.inverted, .box:hover .icon.circle-mode-box, blockquote, .portfolio-pagination-wrap.infinite-scroll-enabled ul li a:hover {

    border-color: #3a88c4;

}
a:hover, a:active, a:focus, .header-menu.header-left-opened #my-menu > .mm-panel li a:hover, .header-menu.header-left-opened #my-menu > .mm-panel .sub-menu li.has-ul > a:hover, .header-menu.header-right-opened #my-menu > .mm-panel li a:hover, .header-menu.header-right-opened #my-menu > .mm-panel .sub-menu li.has-ul > a:hover, .header-menu.header-left-button #my-menu > .mm-panel li a:hover, .header-menu.header-left-button #my-menu > .mm-panel .sub-menu li.has-ul > a:hover, .header-menu.header-right-button #my-menu > .mm-panel li a:hover, .header-menu.header-right-button #my-menu > .mm-panel .sub-menu li.has-ul > a:hover, .header-menu.header-left-opened .copyright-text a, .header-menu.header-right-opened .copyright-text a, .header-menu.header-left-button .copyright-text a, .header-menu.header-right-button .copyright-text a, .header-menu.header-left-opened .copyright-text a:hover, .header-menu.header-left-opened .copyright-text a:active, .header-menu.header-left-opened .copyright-text a:focus, .header-menu.header-right-opened .copyright-text a:hover, .header-menu.header-right-opened .copyright-text a:active, .header-menu.header-right-opened .copyright-text a:focus, .header-menu.header-left-button .copyright-text a:hover, .header-menu.header-left-button .copyright-text a:active, .header-menu.header-left-button .copyright-text a:focus, .header-menu.header-right-button .copyright-text a:hover, .header-menu.header-right-button .copyright-text a:active, .header-menu.header-right-button .copyright-text a:focus, .header-menu.header-normal #my-menu > .mm-panel li a:hover, .header-menu.header-fixed #my-menu > .mm-panel li a:hover, .header-menu.header-sticky #my-menu > .mm-panel li a:hover, .header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text:hover, .header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text:active, .header-menu.header-sticky.header-transparent-enabled.white-color #logo.logo-text:focus, #portfolio-filter ul li a.selected, .portfolio-pagination-wrap ul li a:hover, .portfolio-pagination-wrap ul li span.current, .wpcf7 .wpcf7-submit, .single-item-posts .entry-meta.entry-header a:hover, #commentform #submit, .error-caption a:hover, .error-caption a:focus, .error-caption a:active, .tagcloud a, .social_widget a i, .footer-widgets a:hover, a.button-main:hover, a.button-main:active, a.button-main:focus, a.button-main.inverted, .box.boxed-version .icon-boxed i, .color-text, .dropcap-color, .icons-example ul li a:hover, .woocommerce .woocommerce-pagination ul.page-numbers li a:hover, .woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover, .woocommerce .woocommerce-pagination ul.page-numbers li span.page-numbers.current, .woocommerce-page .woocommerce-pagination ul.page-numbers li span.page-numbers.current, .woocommerce-info a:hover, .portfolio-pagination-wrap.infinite-scroll-enabled ul li a:hover {

    color: #3a88c4;

}

.wpcf7 input, .wpcf7 textarea {
    margin: 0;
    padding: 5px;}
    
input {
   
    border: 1px solid #3a88c4;

}
   
input[type=submit] {
       background-color: #3a88c4;
    color: #fff;
    font-family: 'Karla', serif;
} 
    
#main {background-color: #fff;}
footer .footer-widgets {
    display:none;
}

.modal {
    overflow: hidden !important;
    z-index: 9200;
    background-color:rgba(58,136,196,0.59);
    
}

 footer .footer-copyright {
     background-color:#3a88c4;
     color: #fff;
     font-family:'Karla';
     font-size: 16px;
 }