/*
Theme Name: Formota - Child
Theme URI: http://harutheme.com/formota
Author: HaruTheme
Author URI: http://harutheme.com/
Description: This is child theme of Formota
Template: formota
Version: 1.0.0

*/

/*---------------------------------
    Write your css code from here
------------------------------------*/
.header-1 .haru-header-nav-wrap .header-logo img {max-height: 50px !important; }
.vc_custom_heading.heading_style_4, .vc_custom_heading.heading_style_6, .vc_custom_heading.heading_style_8, .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h1, .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a, .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title, .single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-content .post-navigation-title{ font-family: Raleway !important;}

.vc_custom_heading.heading_style_4{ font-weight: 700;}
.vc_custom_heading.heading_style_2{ color: #F5F5F5;}

header#haru-header { background-color: rgba(255,255,255,0.7) !important;}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a{ color: #3e3e3e;}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:hover{ color: #000 !important;}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:before{ background-color: #000;}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a{ color: #000 !important;}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before{ background: #000 !important;}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a{ color: #3e3e3e;}
    
.header-1 .haru-header-nav-wrap .header-logo img {max-height: 60px !important; }

.video-icon{ opacity: 1 !important; top: 40% !important;  margin-top: -40px;}
.slick-arrow{ opacity: 1 !important;margin-top: -25px !important;}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a{padding: 0 10px !important;} 

.video-image .video-icon{ margin-top: auto !important;}

.iframevim{ height: 210px !important;}
@media (max-width: 767px){.iframevim{ height: 210px !important;}}

.wpcf7-recaptcha {display: inline-block; margin: 0 auto;}

.call-icon { height: 35px; width: 35px; border-radius: 50%; background: #3e3e3e url(../image/call-icon-white.png) no-repeat center center; background-size: 15px; display: block; float: right; margin: 4px 20px 0;}

#j5NUTx5-1610076132187{ left: 0 !important; right: auto !important;}

.contactus-mobile{ float: right; background: #3e3e3e; color: #fff; padding: 14px 20px; margin: 0 40px 0 0; line-height: normal; font-size: 14px; font-weight: 700; animation: pulse 1s infinite;}
.contactus-mobile:hover{ background: #F5F5F5; color: #3e3e3e;}

@-webkit-keyframes mymove {
  from {left: 0%;}
  to {left: 130%;}
}

@keyframes mymove {
  from {left: 0%;}
  to {left: 130%;}
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(.92);
    }
    100% {
        transform: scale(1);
    }
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ font-weight: 700 !important;}
.rev-btn{ font-weight: 700 !important;}

.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more{ background: #3e3e3e; color: #fff; border: 0 !important;}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more:hover{ background: #F5F5F5; color: #3e3e3e;}

#haru-content-main .haru-breadcrumb-wrapper .container{ display: none !important;}
.post-related { display: none !important;}

.banner-links{ display: none !important;}
.video-views { display: none !important;}
.video-information{ display: none !important;}

/*.video-content { display: none !important;}*/
.single .single-video-content .video-content-left .video-content { display: none !important;}

#haru-content-main .haru-page-title-section .page-title-inner{ text-align: center;}
#haru-content-main .haru-page-title-section .page-title-inner .vc_general{ background: #3e3e3e; color: #fff; border: 0; margin: 20px auto 0; display: inline-block;}
#haru-content-main .haru-page-title-section .page-title-inner .vc_general:hover{ background: #F5F5F5; color: #3e3e3e;}

.button_style_6 button, .button_style_6 a { background-color: #3e3e3e !important; border: 1px solid #3e3e3e !important;  color: #fff !important;}

.button_style_6 button, .button_style_6 a{ border: 0 !important;}
.button_style_6 button:hover, .button_style_6 a:hover{ background: #F5F5F5 !important; color: #3e3e3e !important;}

.hire-link{ display: none !important;}

.banner-btn{ padding: 14px 20px !important; font-size: 14px !important; line-height: 18px !important;}

.desktop-map iframe{ width: 100%;}
.mobile-map{ display: none;}

img[data-src] {
  opacity: 0;
  transition: opacity .25s ease-in-out;
  will-change: opacity;
}

/* appear animation */
img[data-src][src] {
  opacity: 1;
}

.widget_nav_menu ul li a:hover, .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li a:hover{ color: #fff !important;}

.fotrcpysite:hover{ color: #fff !important;}

header#haru-header{ top: 0;}
header.haru-main-header.headroom--pinned:not(.headroom--top), .header-1.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above, .header-1.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above, .header-1.headroom--unpinned .haru-header-nav-wrap .header-nav-above{ height: 105px;}

.contact-form .contact-submit input{ max-width: 160px; width: 100%;}

.portfolio_wrapper .col-xs-12.text-center { margin: 0 0 20px !important;}
.portfolio_wrapper ul.simplefilter li{ color: #333333 !important; font-weight: 600 !important; position: relative; padding: 0 5px;  margin: 0 10px;}
.portfolio_wrapper ul.simplefilter li.active{ color: #333333 !important;}
.portfolio_wrapper ul.simplefilter li:before{ content: ""; position: absolute; width: 0; height: 2px; left: 0; bottom: 0; background-color: #3e3e3e; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.portfolio_wrapper ul.simplefilter li.active:before, .portfolio_wrapper ul.simplefilter li:hover:before{ width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.page-title-inner h1{ color: #fff;}
.video-item .video-meta h2{ color: #fff;}
.video-shortcode-wrapper.grid .video-content .video-list .video-item.style_1 .video-image .video-icon .view-video-button:hover{ border-color: #fff;}
.video-shortcode-wrapper.grid .video-content .video-list .video-item.style_1 .video-image .video-icon .view-video-button:hover:before{ color: #fff;}

.blog-page .blog-list{ float: left; width: 100%;}
.blog-page .blog-list .blog-item{ position: static !important; float: left;}
.blog-page .blog-list .blog-item:nth-child(3n+1){ clear: both;}
.blog-page .blog-shortcode-paging{ margin-bottom: 20px; clear: both;}


@media (max-width:767px) {
    #haru-main{ overflow: hidden;}
    
    .call-icon{ margin: 14px 40px 0 15px;}
    
    .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h1{ font-size: 30px !important;}
    
    .video-slideshow-shortcode-wrapper slick { max-width: 350px; margin: 0 auto;}
    .video-slideshow-shortcode-wrapper.slick .video-list .video-item.style_1 .video-image{ padding: 0 !important;}
    .video-slideshow-shortcode-wrapper.slick .video-list .video-item.style_1 .video-image .video-meta{ max-width: 300px; width: 100%; margin: 0 auto; }
    
    .contactus-mobile{ margin-top: 15px; padding: 8px 10px;}
    
    header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile img{     max-height: 30px !important;}
    
    .banner-btn{ padding: 8px 10px !important;}
    
    .desktop-map .map{ display: none;}
    .mobile-map{ display: block;}
    .mobile-map iframe{ width: 100%;}
    
    .blog-page .blog-list{ margin: 0 !important;}
    .blog-page .blog-list .blog-item .post-title a{ height: auto !important;}
}

/*hubspot CSS */
.hbspt-form{ position: relative;}
/*.hbspt-form:before{ content: ''; position: absolute; left: 0; bottom: 0; height: 60px; width: 100%; background: #fff;}*/
.huru-homevideo .video-item.style_3 { width:100% !important;}


.home_post .blog-list{ width: 100%; float: left;}
.home_post .blog-item{ position: static !important; float: left;}


header .header-nav-above .col-md-3{ width: 33.33333333%;}
header .header-nav-above .col-md-2{ width: 8.33333333%;}