/*

Theme Name: Mambajao Water District Theme

Author: Mambajao Water District

Description: 2018 Mambajao Water District Theme

Version: 3.9.6

Template: Chameleon

*/



/*

:root {

  --white: #ffffff;

  --purple-brown: #231f20;

  --purple-brown-faded: #3f3f3f;

  --dusty-teal: #498c96;

  --dusty-teal-faded: #609aa2;

  --algae: #59a064;

  --faded-green: #85b996;

}

*/





/*GLOBAL*/

html { background-color: #003cff; }

body { background-color: #ffffff; color: #666a70; font-family: "Poppins",sans-serif; overflow-x: hidden !important; }



h1 { font-size: 60px; margin: 0; }

h2 { font-size: 50px; margin: 0; }

h3 { font-size: 40px; margin: 0; }

h4 { font-size: 30px; margin: 0; }

h5 { font-size: 24px; margin: 0; }

h6 { font-size: 20px; margin: 0; }



ul { margin: 0; padding: 0; } 

li { list-style: none; }

a { text-decoration: none; transition: 0.4s ease all; }

a:hover { text-decoration: none; }



strong { font-weight: 700; }



@media only screen and ( max-width: 1024px ) {

    h1 { font-size: 50px; }

    h2 { font-size: 40px; }

    h3 { font-size: 30px; }

    h4 { font-size: 24px; }

    h5 { font-size: 20px; }

    h6 { font-size: 18px; }

}

@media only screen and ( max-width: 600px ) {

    h1 { font-size: 40px; }

    h2 { font-size: 30px; }

    h3 { font-size: 24px; }

    h4 { font-size: 20px; }

    h5 { font-size: 18px; }

    h6 { font-size: 16px; }

}



/* H E A D E R */

#header { position: relative; width: 100%; padding: 0; position: absolute; width: 100%; top: 0; z-index: 99999; }

#header #header-content { position: relative; }



#header #header-content #header-left { display: inline-block; position: relative; z-index: 9; }

#header #header-content #header-left #logo { margin-top: 12px; min-height: 74px; }

#header #header-content #header-left #logo a {}

#header #header-content #header-left #logo a img { max-width: 200px; transition: 0.4s ease all; width: 100%; }



#header #header-content #header-right { border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); float: right; text-align: right; width: 100%; padding: 0 15px; position: absolute; top: 60px; right: 0; transition: 0.4s ease all; }

#header .header-top-info { position: absolute; top: 16px; right: 30px; z-index: 9; }

#header .header-top-info a.phone { color: #ffffff; display: inline-block; font-size: 16px; padding: 2px 15px; }

#header .header-top-info a.phone:hover { color: #0056ff; }

#header .header-top-info a.phone i { color: #ffffff; margin-right: 6px; }

#header .header-top-info .social-media-icons { display: inline-block; }

#header .header-top-info .social-media-icons li { display: inline-block; padding: 4px 12px; }

#header .header-top-info .social-media-icons li a { color: #ffffff; font-size: 13px; text-transform: uppercase; opacity: 0.4; transition: 0.4s ease all; }

#header .header-top-info .social-media-icons li a:hover { opacity: 1; }

#header .header-top-info .social-media-icons li a i { margin-right: 4px; }

#header .header-top-info a.search-btn { color: #ffffff; font-size: 13px; text-transform: uppercase; opacity: 1; transition: 0.4s ease all; }

#header .header-top-info a.search-btn:hover { opacity: 1; }

#header .header-top-info a.search-btn i { margin-right: 4px; }

#header #header-content #header-right #main-menu {}

#header #header-content #header-right #main-menu .cta-wrapper { display: inline-block; padding: 16px 0 16px 20px; border-left: 1px solid rgba(255,255,255,0.2); }

#header #header-content #header-right #main-menu .cta-wrapper .header-cta { background: linear-gradient(to bottom, #009bce, #0078af); border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 500; padding: 10px 24px; text-transform: uppercase; outline: 2px solid transparent; outline-offset: -2px; transition: 0.4s ease all; }

#header #header-content #header-right #main-menu .cta-wrapper .header-cta:hover { background-color: #0056ff; box-shadow: 0 8px 20px rgba(0,0,0,0.2); color: #ffffff; outline: 2px solid #ffffff; }

#header #header-content #header-right #main-menu .cta-wrapper .header-cta i { margin-right: 6px; }

#header #header-content #header-right #main-menu ul { display: inline-flex; }

#header #header-content #header-right #main-menu ul li { display: inline-block; padding: 0px; }

#header #header-content #header-right #main-menu ul li a { display: block; color: #ffffff; font-size: 15px; font-weight: 500; padding: 24px; position: relative; border-bottom: 2px solid transparent; text-transform: uppercase; }

#header #header-content #header-right #main-menu ul li a::after { background-color: #fff; content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 0%; height: 2px; transition: 0.4s ease all; }

#header #header-content #header-right #main-menu ul li a:hover::after { width: 100%; left: 0; }

/*#header #header-content #header-right #main-menu ul li a:hover { border-bottom: 2px solid #ffffff; }*/

/*

#header #header-content #header-right #main-menu ul li.current-menu-item a { border-bottom: 2px solid transparent; }

#header #header-content #header-right #main-menu ul li.current-menu-item a:hover { border-bottom: 2px solid #ffffff; }

*/

#header #header-content #header-right #main-menu ul li.menu-item-has-children { position: relative; }

#header #header-content #header-right #main-menu ul li .menu-arrow { color: #fff; position: absolute; top: 25px; right: 8px; }

#header #header-content #header-right #main-menu ul li .menu-arrow i { background-color: transparent; color: #fff; font-size: 16px; cursor: pointer; padding: 2px 0; }

#header #header-content #header-right #main-menu ul li ul.sub-menu { background-color: #0056ff; border-radius: 0; display: block; position: absolute; top: -1000%; left: 0; width: 240%; margin-top: 0; padding: 0px; z-index: 5; text-align: left; transition: 0.8s ease all; }

#header #header-content #header-right #main-menu ul li.show-sub ul.sub-menu { top: 100%; display: block; }

#header #header-content #header-right #main-menu ul li ul.sub-menu li { display: block; padding: 0; width: 100%; }

#header #header-content #header-right #main-menu ul li ul.sub-menu li a { display: block; padding: 12px 30px; border: 0px solid transparent; }

#header #header-content #header-right #main-menu ul li ul.sub-menu li a:hover { background-color: rgba(0,0,0,0.2); border: 0px solid transparent; }

#header #header-content #header-right #main-menu ul li ul.sub-menu li a:before { content: "\f105"; color: #ffffff; font-family: fontawesome; font-size: 14px; padding-right: 6px; }



/* R E S P O N S I V E    M E N U */

#menu-toggle { background: linear-gradient(0deg,#ffffff,#ffffff); border: 0px solid #0056ff; border-radius: 10px; display: none; padding: 12px; position: fixed; top: 35px; right: 30px; z-index: 9999999; transition: 0.4s ease all; }

#menu-toggle span { background-color: rgba(0,0,0,0.3); display: block; width: 28px; height: 4px; margin-bottom: 4px; }

#menu-toggle span:last-child { margin-bottom: 0; }

#main-menu-responsive { background: rgba(0,0,0,1); box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 84px 0; position: fixed; height: 100%; width: 100%; max-width: 300px; right: -100%; z-index: 999999; transition: 0.4s ease all; }

#main-menu-responsive ul {}

#main-menu-responsive ul li {}

#main-menu-responsive ul li a { color: #ffffff; display: block; font-size: 16px; padding: 8px 30px; position: relative; border-right: 2px solid transparent; }

#main-menu-responsive ul li a::after { background-color: #fff; content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 4px; height: 0%; transition: 0.4s ease all; }

#main-menu-responsive ul li a:hover::after { height: 100%; top: 0; }

#main-menu-responsive ul li.current-menu-item a::after { height: 100%; top: 0;}



#main-menu-responsive ul li.menu-item-has-children { position: relative; } 

#main-menu-responsive ul li .menu-arrow { color: #fff; cursor: pointer; position: absolute; right: 30px; top: 12px; }

#main-menu-responsive ul li .menu-arrow i { color: #fff; font-size: 16px; cursor: pointer; }

#main-menu-responsive ul li ul.sub-menu { background-color: transparent; border-radius: 0px; width: 100%; height: auto; overflow: hidden; margin-top: 0; padding: 0px; z-index: 5; text-align: left; transition: 0.4s ease all; }

#main-menu-responsive ul li.show-sub ul.sub-menu {}

#main-menu-responsive ul li ul.sub-menu li { display: block; padding: 0; }

#main-menu-responsive ul li ul.sub-menu li a { display: block; padding: 12px 30px; border: 0px solid transparent; }

#main-menu-responsive ul li ul.sub-menu li a:hover { background-color: rgba(0,0,0,0.2); border: 0px solid transparent; }

#main-menu-responsive ul li ul.sub-menu li a:before { content: "\f105"; color: #ffffff; font-family: fontawesome; font-size: 14px; padding-right: 6px; display: inline-block; position: relative; }



#main-menu-responsive .contact-info { padding: 30px; }

#main-menu-responsive .contact-info a.phone { color: #000812; display: inline-block; font-size: 16px; padding: 8px 0; }

#main-menu-responsive .contact-info a.phone:hover { color: #0056ff; }

#main-menu-responsive .contact-info a.phone i { color: #ffffff; margin-right: 6px; }

#main-menu-responsive .contact-info .social-icons-shortcode { display: inline-block; }

#main-menu-responsive .contact-info .social-icons-shortcode li { display: inline-block; }

#main-menu-responsive .contact-info .social-icons-shortcode li a { color: #ffffff; font-size: 24px; padding: 12px; }

#main-menu-responsive .mobile-search-form { padding: 30px; position: relative; }

#main-menu-responsive .mobile-search-form > form { padding: 0px; width: 100%; }

#main-menu-responsive .mobile-search-form > form input[type="text"] { background-color: rgba(255,255,255,0); border: 2px solid rgba(255,255,255,0.2); color: #ffffff; padding: 12px; width: 100%; }

#main-menu-responsive .mobile-search-form > form input[type="submit"] { background: linear-gradient(60deg,rgba(0,155,206,0.9),rgba(0,120,175,0.9)); color: #ffffff; font-family: fontawesome; padding: 12px; width: 100%; }

#main-menu-responsive .mobile-search-form > form input[type="submit"]:hover { background-color: #0056ff; color: #ffffff; }

#main-menu-responsive a.search-btn { color: #ffffff; font-size: 13px; text-transform: uppercase; opacity: 1; padding: 30px; transition: 0.4s ease all; }



#page-search-form { background: #ffffff; padding: 30px; position: fixed; width: 100%; height: 100%; top: 0; left: -102%; right: 0; opacity: 0; visibility: hidden; text-align: center; z-index: -1; transition: 0.8s ease all; }

#page-search-form.open { opacity: 1; visibility: visible; z-index: 999999; left: 0%; }

#page-search-form form#searchform { margin-top: 5%; }

#page-search-form form#searchform div {}

#page-search-form form#searchform div input[type="text"] { border: 0px solid transparent; border-bottom: 1px solid rgba(0,0,0,0.2); border-radius: 0px; font-size: 32px; width: 70%; }

#page-search-form form#searchform div input[type="submit"] { background-color: transparent; border: 0px solid #151515; color: rgba(0,0,0,0.2); font-family: fontawesome; font-size: 32px; padding: 16px 24px; transition: 0.4s ease all; }

#page-search-form form#searchform div input[type="submit"]:hover { color: rgba(0,0,0,1); }

#page-search-form #btn-close { color: rgba(0,0,0,0.4); font-size: 20px; position: absolute; top: 30px; right: 30px; transition: 0.4s ease all; }

#page-search-form #btn-close:hover { color: rgba(0,0,0,0.9); }



.header-cta-mobile { background: linear-gradient(to bottom, #009bce, #0078af); border-radius: 4px; color: #ffffff; display: none; font-size: 16px; font-weight: 500; padding: 10px 24px; text-transform: uppercase; position: fixed; top: 35px; right: 100px; z-index: 9999999; }

.header-cta-mobile:hover { background-color: #0056ff; color: #ffffff; }

.header-cta-mobile i { margin-right: 6px; }



@media only screen and ( max-width: 1499px ) {

    #header #header-content #header-right #main-menu ul li a { padding: 24px 16px; }

    #header #header-content #header-right #main-menu ul li.menu-item-has-children a { padding: 24px 24px 24px 16px; }

}



@media only screen and ( max-width:1366px ) {

    #header #header-content #header-right #main-menu ul li a { font-size: 14px; padding: 24px 12px; }

    #header #header-content #header-right #main-menu ul li.menu-item-has-children a { padding: 24px 24px 24px 12px; }

}



@media only screen and ( max-width: 1230px ) { /*  R E S P O N S I V E - M E N U  */

    #header { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #content { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #footer { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #front-page-slider { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    section.page-heading { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    

    #header.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #content.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #footer.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #front-page-slider.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    section.page-heading.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    

    #menu-toggle { display: block; }

    #main-menu-responsive.toggle { right: 0%; overflow-y: scroll; }

    #header #header-content #header-right { display: none; }

    #header .header-top-info { display: none; }

    .header-cta-mobile { display: inline-block; }

    

}



@media only screen and ( max-width: 1200px ) { /*  R E S P O N S I V E - M E N U  */

    #header { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #content { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #footer { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #front-page-slider { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    section.page-heading { transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    

    #header.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #content.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #footer.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    #front-page-slider.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    section.page-heading.mobile { transform: translate3d(-280px,0,0); transition: cubic-bezier(.69, .06, .19, 1.45) all 0.6s 0.05s; }

    

    #menu-toggle { display: block; }

    #main-menu-responsive.toggle { right: 0%; overflow-y: scroll; }

    #header #header-content #header-right { display: none; }

    #header .header-top-info { display: none; }

    .header-cta-mobile { display: inline-block; }

    

}



@media only screen and ( max-width: 991px ) {

    #header #header-content #header-left #logo a img { max-width: 100px; }

}



@media only screen and ( max-width: 768px ) {}



@media only screen and ( max-width: 400px ) {

    .header-cta-mobile { display: none; }

}



@media only screen and ( min-width: 1231px ) {

	body.header-sticky-on-scroll:not(.page-no-header) #header { position: absolute; transition: none; top: 0; }

	body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready { position: fixed; opacity: 0; }

	body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset { transform: translateY(-100%); transition: ease all 0.6s; }

	body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset { background: #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.1); transform: translateY(0); opacity: 1; padding: 15px; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #logo { margin-top: 0 !important; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #logo a img { max-width: 80px !important; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset .search-toggle { color: #ff7800; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #header-content #header-right { top: 0; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu { position: relative; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul {}

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li  {}

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li a { color: #000812 !important; padding: 24px; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li a::after { background-color: #0078af !important; content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 0%; height: 2px; transition: 0.4s ease all; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li a:hover::after { width: 100%; left: 0; }

    

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li .menu-arrow { color: #000812 !important; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li .menu-arrow i { color: #000812 !important; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li .sub-menu {}

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li .sub-menu li {}

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li .sub-menu li a { color: #ffffff !important; border: 0px solid transparent !important; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #main-menu ul li .sub-menu li a:hover { background-color: rgba(0,0,0,0.2); border: 0px solid transparent !important; }

    

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset a.mega-menu-link { color: #252525 !important; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #00aeff !important; }

	body.admin-bar #header.sticky-ready-done { margin-top: 32px; }

    body.header-sticky-on-scroll:not(.page-no-header) #header.sticky-ready-onset .header-top-info { display: none; }

}





/*SUBPAGE TITLE

---------------------------------------------------------------------*/

.page-heading { background: #0f2e4f no-repeat center; background-size: cover; background-position: center 62%; color: #fff; min-height: 410px; overflow: hidden;  position: relative; z-index: 0; padding-top: 150px;}

.page-heading * { color: inherit; }

.page-heading #breadcrumbs { color: #ffffff; }

.page-heading #breadcrumbs a { color: #ffffff; }

.page-heading .section-separator { width: 102%; position: absolute; left: 0; bottom: 0; z-index: 5; transform: scale(1.02); }

.page-heading.left 	{ text-align: left;}

.page-heading.center{ text-align: center;}

.page-heading.right { text-align: center;}

.page-heading-overlay { background-color: #585b60; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }

.page-heading-inner { overflow: hidden; position: relative; z-index: 1; bottom: 0; left: 0; right: 0; }

.page-heading-inner .page-heading-content { padding: 78px 0 180px; }

.page-not-found-404 .page-heading-inner .page-heading-content { padding: 78px 0 10px; }

.page-heading-inner .page-heading-content h1 { letter-spacing: 0em; }

.page-heading-inner a { color: inherit; }

.page-heading-inner .title { color: #ffffff; font-size: 45px; font-weight: 700; line-height: 45px; margin: 0; text-transform: uppercase; }

.page-heading-inner .title-description { font-size: 20px; font-weight: 300; margin: 0 0 20px; }

.page-heading-inner .page-title-button .btn { background-color: rgba(237, 28, 35, 0.8); border: 2px solid #ffffff; font-size: 23px; line-height: 1em; margin: 0; min-width: 230px; padding: 17px 20px; transition: ease-in-out all 0.2s; }

.page-heading-inner .page-title-button .btn i:first-child { margin-right: 5px; }

.page-heading-inner .page-title-button .btn i:last-child { margin-left: 5px; }

.page-heading-inner .page-title-button .btn:hover { background-color: #ed1c23; border: 2px solid #ed1c23; transform: scale(1.2); }

.page-heading-inner .page-title-button .btn.btn-primary { background-color: rgba(0, 99, 44, 0.8); }

.page-heading-inner .page-title-button .btn.btn-primary:hover { background-color: #85b996; border-color: #85b996; }

/*center*/

.page-heading.center .container { padding: 0; position: static; width: 100%; }

.page-heading.center #breadcrumbs { color: #00152f; margin-bottom: 30px; }

.page-heading.center .title { font-size: 140px; line-height: 0.8em; }

.page-heading.center .title span{ font-size: 160px; line-height: 0.8em; }

.page-heading.center .page-title-image { bottom: 0; height: 100%; position: absolute; width: 100%; z-index: 1; }

.page-heading.center .page-title-image img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; }

.page-heading.center .page-title-image-1 { z-index: -1; }

.page-heading.center .page-title-image-2 img { top: auto; bottom: -50px; }

.page-heading.center .page-title-button { margin: -190px 0 100px; position: relative; z-index: 1; }

.page-heading.center .page-title-button .btn { margin: 10px 15px; }

/*right*/

.page-heading.right .page-title-image-1 { left: -50px; position: absolute; top: -30px; }

.page-heading.right .page-title-image-2 { left: 110px; position: absolute; top: 26px; }

/* M A M B A J A O - H E A D I N G */

.mambajao { padding: 78px 0 50px !important; }

.mambajao h4.site-name { font-weight: 300; text-shadow: 4px 4px 6px rgba(0,0,0,0.6); text-transform: capitalize; }

.mambajao h1.page-title { font-size: 60px; font-weight: 700; line-height: 1.2em; text-shadow: 4px 4px 6px rgba(0,0,0,0.6); }

.mambajao .heading-left { text-align: left; width: 100%; max-width: 37%; float: left; }

.mambajao .heading-left h4.tagline { font-weight: 700; text-shadow: 4px 4px 6px rgba(0,0,0,0.6); line-height: 1.2em; text-transform: inherit; }

.mambajao .heading-right { text-align: right; width: 100%; max-width: 50%; margin-left: 50%; } 



@media only screen and ( max-width: 1024px ) {

    .mambajao h4.site-name { font-size: 20px; }

    .mambajao h1.page-title { font-size: 40px; }

    .mambajao .heading-left h4.tagline { font-size: 20px; }

}



@media only screen and ( max-width: 991px ) {

    .mambajao { padding: 78px 0 100px !important; }

    .mambajao .heading-right { max-width: 100%; margin-left: auto; margin-right: auto; padding: 0 30px; text-align: center; }

    .mambajao .heading-left { float: none; max-width: 90%; margin: auto; text-align: center; padding-bottom: 30px; }

    #footer .footer-widgets .widget-area { text-align: left; }

    #footer .footer-widgets .first { text-align: center; }

} 



@media only screen and ( max-width: 767px ) {

	#footer .footer-widgets .widget-area .widget_nav_menu ul > li > a { text-align: center !important; width: auto !important; }

	#footer .footer-widgets .widget-area { text-align: center; }

	#services-content-area .project-social-links .social-share-icons { margin-top: -50px; margin-bottom: 70px; }

    #services-content-area .project-social-links .social-share-icons ul li a i { padding: 5px; margin-bottom: 19px; }

    .page-heading { min-height: 430px; }

    /*#services-content-area .project-social-links .social-share-icons*/

    .blog #articles article { max-width: 100%; padding: 20px 15px !important; }

    .blog .post-title {margin-top: 15px !important;}

    .blog #sidebar .sidebar-inner { margin: 0px 15px; }

    .home .home-services-heading .heading .title .text { font-size: 38px !important; }

    .home .post-project .heading .title .text { font-size: 45px !important; }

    .fl-node-5b89044ce7745.fl-col > .fl-col-content,  .fl-node-5b89044ce7745.fl-col > .fl-col-content .post-project .container-fluid { padding-left: 0px; padding-right: 0px; }

    #footer .footer-widgets .widget-area .contact-info > ul > li img {position: relative !important; left: -10px !important; }

    #footer .footer-widgets .widget-area .widget_nav_menu ul > li > a { display: inline-block !important; }
} 



@media only screen and ( max-width: 375px ) {

    .page-heading { min-height: 480px; }

    .mambajao h4.site-name { font-size: 18px; }

    .mambajao h1.page-title { font-size: 30px; }

}









/* S L I D E R */

#front-page-slider { position: relative; }

#front-page-slider .slider-wrap {}

#front-page-slider .slider-wrap .slide { background-size: cover; background-position: center; padding: 30px; position: relative; }

#front-page-slider .slider-wrap .slide .content-wrap { position: absolute; left: 0; right: 0; bottom: 20%; max-width: 620px; margin: auto 30px auto auto; padding: 30px; text-align: left; width: 100%; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-heading { margin-bottom: 15px; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-heading h1 { color: #ffffff; font-weight: 900; line-height: 1.2em; text-transform: uppercase; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-content { margin-bottom: 30px; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-content h1 { color: #ffffff; font-weight: 900; line-height: 1.2em; text-transform: none; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-content h3 { color: #ffffff; font-weight: 300; text-transform: none; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-content h6 { color: #ffffff; font-weight: 300; text-transform: none; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-buttons {}

#front-page-slider .slider-wrap .slide .content-wrap .slide-buttons a.btns-solid { background: linear-gradient(to bottom, #009bce, #0078af); border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 500; padding: 12px 30px; margin-right: 15px; outline: 2px solid transparent; outline-offset: -2px; text-transform: uppercase; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-buttons a.btns-solid:hover { background-color: #0056ff; box-shadow: 0 8px 20px rgba(0,0,0,0.2); color: #ffffff; outline: 2px solid #ffffff; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-buttons a.btns-outline { background-color: transparent; border: 3px solid #ffffff; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 500; padding: 9px 27px; text-transform: uppercase; }

#front-page-slider .slider-wrap .slide .content-wrap .slide-buttons a.btns-outline:hover { background-color: #0056ff; border: 3px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); color: #fff; }

#front-page-slider .section-separator { width: 102%; position: absolute; bottom: 0; z-index: 5; transform: scale(1.02); }



#front-page-slider .separator-object-left { position: absolute; left: 30px; bottom: -148px; max-width: 470px; width: 100%; z-index: 9; }

#front-page-slider .separator-object-right { position: absolute; right: 0; bottom: -24px; max-width: 470px; width: 100%; z-index: 9; }



@media only screen and ( max-width: 1366px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 3% !important; }

}



@media only screen and ( max-width: 1200px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { text-align: center; left: 0; margin: auto; max-width: 90%; width: 100%; bottom: 15% !important; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h1 { font-size: 50px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h3 { font-size: 30px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h6 { font-size: 18px; }

}



@media only screen and ( max-width: 1199px ) {

    #front-page-slider .separator-object-left { max-width: 35%; bottom: -15%; }

    #front-page-slider .separator-object-right { max-width: 35%; bottom: -1%; }

}



@media only screen and ( max-width: 1024px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { text-align: center; left: 0; bottom: 20% !important; margin: auto; max-width: 90%; width: 100%; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h1 { font-size: 60px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h3 { font-size: 20px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h6 { font-size: 14px; }

    

    #front-page-slider .slider-wrap .slide .content-wrap .slide-buttons a.btns-solid { font-size: 14px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-buttons a.btns-outline { font-size: 14px; }

    

    #front-page-slider .separator-object-left { bottom: -12%; }

    #front-page-slider .separator-object-right { bottom: -1%; }

}



@media only screen and ( max-width: 991px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 20% !important; }

}



@media only screen and ( max-width: 800px ) {

    #front-page-slider .slider-wrap .slide .content-wrap .slide-heading h2 { font-size: 32px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h4 { font-size: 16px; }

}



@media only screen and ( max-width: 767px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 20% !important; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h1 { font-size: 50px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h3 { font-size: 20px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h6 { font-size: 16px; }

    

    #front-page-slider .separator-object-left { bottom: -8%; }

    #front-page-slider .separator-object-right { bottom: -1%; }

}



@media only screen and ( max-width: 736px ) {

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h1 { font-size: 30px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h3 { font-size: 18px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h6 { font-size: 14px; }

}





@media only screen and ( max-width: 600px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 20% !important; text-align: left; }

    

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h1 { font-size: 40px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h3 { font-size: 18px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h6 { font-size: 16px; text-transform: none; }

    

}



@media only screen and ( max-width: 400px ) {

    #front-page-slider .slider-wrap .slide { padding: 30px 15px; }

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 0% !important; max-width: 96%; text-align: center; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-buttons a { display: block !important; width: 200px; margin: 0 auto 20px !important; }

}



@media only screen and ( width: 736px ) and ( height: 414px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 0% !important; text-align: center; }

}

@media only screen and ( width: 667px ) and ( height: 375px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 33% !important; text-align: center; }

}

@media only screen and ( width: 598px ) and ( height: 335px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 0% !important; text-align: center; }

}

@media only screen and ( width: 568px ) and ( height: 320px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 0% !important; text-align: center; }

}

@media only screen and ( width: 360px ) and ( height: 567px ) { /* NEXUS 5 PORTRAIT */

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 0% !important; text-align: center; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h1 { font-size: 32px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h6 { font-size: 14px; }

}

@media only screen and ( width: 598px ) and ( height: 335px ) { /* NEXUS 5 LANDSCAPE */

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 0% !important; text-align: center; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h1 { font-size: 32px; }

    #front-page-slider .slider-wrap .slide .content-wrap .slide-content h6 { font-size: 14px; }

}



/*  M A X - H E I G H T  */

/*

@media only screen and ( max-height: 1366px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 40% !important; }

}

@media only screen and ( max-height: 991px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 30% !important; }

}

@media only screen and ( max-height: 767px ) {

    #front-page-slider .slider-wrap .slide .content-wrap { bottom: 20% !important; }

}

*/





/* O W L    C A R O U S E L */

.owl-carousel { opacity: 1 !important; }

.owl-carousel .owl-dots { text-align: center; padding: 64px 30px; position: absolute; bottom: 30px; z-index: 999; }

.owl-carousel button.owl-dot span { background-color: rgba(0,0,0,0.5); border-radius: 999px; display: inline-block; transition: 0.4s ease all; width: 10px; height: 10px; margin-right: 10px; }

.owl-carousel button.owl-dot.active span { background-color: rgba(0,0,0,1); transition: 0.4s ease all; width: 40px; }

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { backface-visibility: visible; -ms-touch-action: auto; touch-action: auto; }





/*        S H O R T C O D E S 

*/

/* FEATURES */

#features-mod {}

#features-mod .featured-item {}

#features-mod .featured-item .featured-item-wrapper { display: flex; flex-wrap: wrap; align-items: center; }

#features-mod .featured-item .featured-item-wrapper .half { max-width: 50%; width: 100%; padding: 15px; }

#features-mod .featured-item .featured-item-wrapper .featured-image {}

#features-mod .featured-item .featured-item-wrapper .featured-image img { width: calc(100% - 60px); height: auto; transition: 0.4s ease all; }

#features-mod .featured-item .featured-item-wrapper .featured-image img:hover { transform: scale(1.05); }

#features-mod .featured-item .featured-item-wrapper .featured-content {}

#features-mod .featured-item .featured-item-wrapper .featured-content h4.feature-title { margin-bottom: 20px; }

#features-mod .featured-item .featured-item-wrapper .featured-content h6.feature-desc { font-weight: 300; line-height: 1.7em; max-width: 398px; }



#features-mod .owl-dots { display: block; position: relative; padding: 30px; }

#features-mod .owl-carousel.light-dots button.owl-dot span { background-color: rgba(255,255,255,0.5); border-radius: 999px; display: inline-block; transition: 0.4s ease all; width: 10px; height: 10px; margin-right: 10px; }

#features-mod .owl-carousel.light-dots button.owl-dot.active span { background-color: rgba(255,255,255,1); transition: 0.4s ease all; width: 40px; }



#features-mod .owl-carousel.dark-dots button.owl-dot span { background-color: rgba(0, 86, 255, 0.5); border-radius: 999px; display: inline-block; transition: 0.4s ease all; width: 10px; height: 10px; margin-right: 10px; }

#features-mod .owl-carousel.dark-dots button.owl-dot.active span { background-color: rgba(0, 86, 255, 1); transition: 0.4s ease all; width: 40px; }



/* BENEFITS */

#benefits-mod {}

#benefits-mod .benefits-row { display: flex; flex-wrap: wrap; width: 100%; }

#benefits-mod .benefits-item { width: 100%; max-width: 33.33%; padding: 15px; }

#benefits-mod .benefits-item .benefits-item-wrapper { border-radius: 10px; transition: 0.8s ease all; position: relative; overflow: hidden; }

#benefits-mod .benefits-item .benefits-item-wrapper::before { background: linear-gradient(60deg,#008aff,#003cff); content: ""; display: block; position: absolute; opacity: 0; transition: 0.8s ease all; width: 100%; height: 100%; z-index: 1; }

#benefits-mod .benefits-item .benefits-item-wrapper .benefits-title { position: relative; z-index: 5; }

#benefits-mod .benefits-item .benefits-item-wrapper .benefits-title h3 { border-bottom: 2px dashed rgba(255,255,255,0); color: #0056ff; padding: 30px; margin: 0; transition: 0.8s ease all; }

#benefits-mod .benefits-item .benefits-item-wrapper .benefits-content { padding: 30px; position: relative; z-index: 5; }

#benefits-mod .benefits-item .benefits-item-wrapper .benefits-content li { font-size: 16px; padding: 8px 0 8px 21px; position: relative; transition: 0.8s ease all; }

#benefits-mod .benefits-item .benefits-item-wrapper .benefits-content li i { color: #ffd200; margin-right: 6px; position: absolute; top: 12px; left: 0; }

#benefits-mod .benefits-item .benefits-item-wrapper .benefits-button { padding: 0 30px 30px; position: relative; z-index: 5; }

#benefits-mod .benefits-item .benefits-item-wrapper .benefits-button a { background-color: transparent; border: 2px solid #0056ff; border-radius: 999px; color: #0056ff; display: inline-block; font-size: 16px; padding: 18px 25px; position: relative; width: 65px; height: 65px; overflow: hidden; transition: 0.8s ease all; }

#benefits-mod .benefits-item .benefits-item-wrapper .benefits-button a span { position: absolute; left: -200%; white-space: nowrap; }

#benefits-mod .benefits-item .benefits-item-wrapper .benefits-button a i { position: absolute; top: 22px; right: 23px; }



#benefits-mod .benefits-item .benefits-item-wrapper:hover::before { opacity: 1; }

#benefits-mod .benefits-item .benefits-item-wrapper:hover .benefits-title h3 { border-bottom: 2px dashed rgba(255,255,255,0.1); color: #ffffff; }

#benefits-mod .benefits-item .benefits-item-wrapper:hover .benefits-content li { color: #ffffff; }

#benefits-mod .benefits-item .benefits-item-wrapper:hover .benefits-button a { border: 2px solid #ffffff; color: #ffffff; width: 148px; }

#benefits-mod .benefits-item .benefits-item-wrapper:hover .benefits-button a span { position: relative; left: 0%; }

#benefits-mod .benefits-item .benefits-item-wrapper:hover .benefits-button a i { right: -200%; }



@media only screen and ( max-width: 1199px ){

    #benefits-mod .benefits-item { max-width: 50%; }

}



@media only screen and ( max-width: 1024px ){

    #benefits-mod .benefits-item { max-width: 33.33%; }

}





/*        S H O R T C O D E S 

*/





/* B E A V E R - THEME OPTIONS*/

.bg-bar {}

.sep-top {}

.sep-bottom {}

.fluid-width-video-wrapper iframe { height: calc( 100% - 2px ) !important; }

.sep-top .fl-row-content-wrap { background-size: 104% !important; }

.sep-bottom .fl-row-content-wrap { background-size: 104% !important; }

.bg-bar > .fl-row-content-wrap { background-size: 102% !important; }

.overflow-hidden { overflow: hidden !important; }

#sitemap .social-icons-shortcode li a:hover { border-color: #0091c5 !important; color: #0091c5 !important; }

#sitemap .h4 {font-size: 16px; }


@media only screen and ( max-width: 1520px ) {

    .sep-top .fl-row-content-wrap,

    .sep-bottom .fl-row-content-wrap { background-size: 104% !important; }

}



@media only screen and ( max-width: 1024px ) {

    .mobile-no-bg-img .fl-row-content-wrap { background-position: right bottom !important; background-size: contain !important; }

}



@media only screen and ( max-width: 991px ) {

    .bg-bar > .fl-row-content-wrap { background-size: 102% !important; }

    .page-id-7 .heading-advanced-box.centered-mobile { max-width: 80%; }

}





/* G R A V I T Y F O R M */

.gform_wrapper { background-color: #0d2744; border-radius: 5px; padding: 25px 30px; /*max-width: 390px !important;*/ width: 100%; margin: auto !important; }

.gform_wrapper form {}

.gform_wrapper form .gform_body ul.gform_fields {}

.gform_wrapper form .gform_body ul.gform_fields li { position: relative; padding: 0; }

.gform_wrapper form .gform_body ul.gform_fields li label { margin-bottom: 5px; color: #ffffff; font-size: 14px !important; opacity: 1; visibility: visible; position: relative; z-index: 0; font-family: "Poppins", SANS-SERIF; font-weight: normal;}

.gform_wrapper form .gform_body ul.gform_fields li .ginput_container { margin: 0; }

.gform_wrapper form .gform_body ul.gform_fields li .ginput_container input { background-color: #ffffff; border: 1px solid transparent !important; border-radius: 0px; color: #000; font-size: 14px; font-weight: 300; padding: 10px 15px !important; width: 100%; margin: 0; }

.gform_wrapper form .gform_body ul.gform_fields li .ginput_container input::placeholder { color: rgba(255,255,255,0.6); }

.gform_wrapper form .gform_body ul.gform_fields li .ginput_container textarea { background-color: #ffffff; border: 1px solid transparent !important; border-radius: 0px; color: #000; font-size: 14px; font-weight: 300; padding: 10px 15px !important; width: 100%; margin: 0; }

.gform_wrapper form .gform_body ul.gform_fields li .ginput_container textarea::placeholder { color: rgba(255,255,255,0.6); }

.gform_wrapper form .gform_footer { text-align: right; }

.gform_wrapper form .gform_footer .gform_button,

.gform_wrapper form .gform_footer input[type=submit] { background-color: #0b94c3; border: 2px solid #0b94c3; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 600; padding: 15px 30px; text-transform: none; margin-right: 0px; }

.gform_wrapper form .gform_footer .gform_button:hover,

.gform_wrapper form .gform_footer input[type=submit]:hover { background-color: #0b94c3; border: 2px solid #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.2); border-radius: 0px; }



.gform_wrapper .gform_heading .gform_title { color: white; font-family: "Poppins", SANS-SERIF; font-weight: 600; font-size: 24px; }

.gform_wrapper .gfield_required { color: white !important; margin-left: 4px !important; }

.gform_wrapper div.validation_error { color: red !important; font-weight: 300 !important; border-top: 2px solid #fff !important;border-bottom: 2px solid #fff !important;  }

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { padding-right: 0px !important; font-size: 14px; font-weight: 600; color: white; }

.gform_wrapper .validation_message { font-size: 14px !important; font-weight: 300 !important; color: red !important; }

.gform_wrapper .instruction { margin-top: 10px; }



@media only screen and ( max-width: 1024px ) {

    .gform_wrapper form .gform_body ul.gform_fields li .ginput_container textarea,

    .gform_wrapper form .gform_body ul.gform_fields li .ginput_container input { }

}





/* S E R V I C E S - S I N G L E - P A G E */

#services-content-area {}

#services-content-area .service-image { background-color: #e8eeef; width: 100%; min-height: 365px; margin: -55px auto 22px; padding: 30px; }

#services-content-area .service-image img {}

#services-content-area .cta-area { margin: 0 auto 30px; }

#services-content-area .cta-area > a { background-color: #ff4e00; display: block; padding: 32px 25px; position: relative; }

#services-content-area .cta-area > a > .cta-wrap { position: relative; padding-left: 80px; }

#services-content-area .cta-area > a > .cta-wrap > img { max-width: 75px; position: absolute; left: 0; top: 0; }

#services-content-area .cta-area > a > .cta-wrap > .cta-text { color: #ffffff; }

#services-content-area .cta-area > a > .cta-wrap > .cta-text h4 { font-weight: 300; line-height: 1.4em; }

#services-content-area .cta-area > a > .cta-wrap > .cta-text h6 { font-weight: 300; }

#services-content-area .content-wrap { line-height: 2em; padding: 85px 0; }

#services-content-area .cta-area > a:hover {opacity: 0.9; }



/* P R O J E C T S - S I N G L E - P A G E */

#services-content-area {}

#services-content-area .project-image { background-color: #e8eeef; width: 100%; min-height: auto; margin: -55px auto 22px; padding: 0px; }

#services-content-area .project-social-links .social-share-icons { left: 0px; top: 0px; width: 100%; position: relative; }

#services-content-area .project-social-links .social-share-icons ul { text-align: left; }

#services-content-area .project-social-links .social-share-icons ul li { display: inline; }

#services-content-area .project-social-links .social-share-icons ul li a { display: inline; padding: 10px;  }



/* POST - S I N G L E - P A G E */

.single-post .owl-theme .owl-nav {

    margin-top: 0px; 

    position: absolute;

    top: 0%;

    width: 100%;

    z-index: 1;

}

.single-post .owl-stage-outer { z-index: 2; }

.single-post .owl-theme .owl-nav .owl-prev {

    float: left;

    font-size: 150px;

    color: #797979;

    margin-left: -60px;

}

.single-post .owl-theme .owl-nav .owl-next {

    float: right;

    font-size: 150px;

    color: #797979;

    margin-right: -60px;

}

.single-post .owl-theme .owl-nav .owl-prev:hover {

    color: #0091c5;

    background: none;

}

.single-post .owl-theme .owl-nav .owl-next:hover {

    color: #0091c5;

    background: none;

}

.single-post .owl-theme .slide-post-title { text-align: center; font-family: "Poppins", sans-serif; font-weight: 600; }

.single-post .owl-theme .slide-post-title a { color: #000; }

.single-post .owl-theme .slide-post-title a:hover { color: #337ab7 !important; }

.single-post .owl-theme .owl-item .item img.attachment-thumbnail.size-thumbnail.wp-post-image:hover { transform: rotateY(-360deg) translateY(-10px); transition: ease all 1s; }

.single-post .owl-theme { margin-bottom: 30px; }



@media only screen and ( max-width: 991px ) {

    #services-content-area .service-image { max-width: 50%; }

    #services-content-area .cta-area { max-width: 50%; }

    #services-content-area .content-wrap { padding: 15px 0 60px; }

}



@media only screen and ( max-width: 959px ) {

    #services-content-area .content-wrap { padding: 15px 30px 60px; }

}



@media only screen and ( max-width: 667px ) {

    #services-content-area .service-image, 

    #services-content-area .cta-area { max-width: 80%; }

    .fl-node-5b7fea513e788 .heading-advanced-title .title-suffix::after, .fl-node-5b7fea513e788 .heading-advanced-title .title-suffix::before { width: 25px !important; }

}



@media only screen and ( max-width: 400px ) {

	#front-page-slider .slider-wrap .slide .content-wrap .slide-content h6 { font-size: 14px; }

	.fl-node-5b7fea513e788 .heading-advanced-box .heading-advanced-title .title-suffix { font-size: 12px !important; }

	.fl-node-5b7fea513e788 .heading-advanced-title .title-suffix::after, .fl-node-5b7fea513e788 .heading-advanced-title .title-suffix::before { width: 15px !important; }

    #services-content-area .service-image, 

    #services-content-area .cta-area { max-width: 90%; }

    #services-content-area .service-image { min-height: 280px; }

}











/*CHROME SETTINGS

---------------------------------------------------------------------*/

body::-webkit-scrollbar { background-color: #cecece; width: 14px; }

body::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border: 0px solid #252525; }

body::-webkit-scrollbar-track { }



body::-moz-scrollbar { background-color: #cecece; width: 14px; }

body::-moz-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border: 0px solid #252525; }

body::-moz-scrollbar-track { }









/* F O O T E R */

#footer {}

#footer a { display: inline-block; word-break: break-all; overflow-wrap: break-word; }



#footer #menu-footer-menu {}

#footer #menu-footer-menu li { display: inline-block; padding: 4px 20px; }

#footer #menu-footer-menu li a { border-bottom: 2px solid transparent; color: #666a70; font-size: 16px; font-weight: 300; }

#footer #menu-footer-menu li a:hover { color: #0078ff; border-bottom: 2px solid #0078ff; }



#footer .footer-widgets { background-color: #0091c5; color: #ffffff; padding: 40px 0 30px; }

#footer .footer-widgets .widget-title { font-size: 24px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 20px; }

#footer .footer-widgets p { font-size: 13px; font-weight: 400; }

#footer .footer-widgets .widget-area { padding: 15px; }

#footer .footer-widgets .widget-area .widget_nav_menu ul {}

#footer .footer-widgets .widget-area .widget_nav_menu ul > li {}

#footer .footer-widgets .widget-area .widget_nav_menu ul > li > a { border-bottom: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.7); display: block; padding: 8px 0 8px 30px; position: relative; }

#footer .footer-widgets .widget-area .widget_nav_menu ul > li > a:hover { color: rgba(255,255,255,1); }

#footer .footer-widgets .widget-area .widget_nav_menu ul > li > a::before { background-color: transparent; border: 2px solid rgba(255,255,255,0.5); border-radius: 100%; content: ""; display: block; position: absolute; top: 13px; left: 8px; width: 10px; height: 10px; transition: 0.4s ease all; }

#footer .footer-widgets .widget-area .widget_nav_menu ul > li > a:hover::before { border: 2px solid rgba(255,255,255,1); border-top: 2px solid rgba(255,255,255,0); border-bottom: 2px solid rgba(255,255,255,0); transform: rotate(320deg); }

#footer .footer-copyright { background-color: #062a4d; padding: 30px; text-align: center; }

#footer .footer-copyright .copyright { padding: 4px 0; text-align: left; }

#footer .footer-copyright h6 { color: #fff; font-size: 13px; font-weight: 400; }



#footer .footer-widgets .widget-area .contact-info {}

#footer .footer-widgets .widget-area .contact-info > ul {}

#footer .footer-widgets .widget-area .contact-info > ul > li { color: rgba(255,255,255,0.7); font-size: 13px; font-weight: 300; padding: 15px 0 15px 50px; position: relative; }

#footer .footer-widgets .widget-area .contact-info > ul > li a { color: rgba(255,255,255,0.7); display: block; font-size: 13px; font-weight: 300; }

#footer .footer-widgets .widget-area .contact-info > ul > li a:hover { color: rgba(255,255,255,1); }

#footer .footer-widgets .widget-area .contact-info > ul > li a::after { background: #ffffff; content: ""; display: block; position: relative; left: 0; bottom: 0; width: 0px; height: 2px; transition: 0.4s ease all; }

#footer .footer-widgets .widget-area .contact-info > ul > li a:hover::after { width: 60px; }

#footer .footer-widgets .widget-area .contact-info > ul > li img { position: absolute; left: 4px; }



#footer #copyright-menu {}

#footer #copyright-menu > ul { text-align: right; }

#footer #copyright-menu > ul > li { display: inline-block; padding: 4px 12px; position: relative; }

#footer #copyright-menu > ul > li::after { color: #ffffff; content: "|"; display: inline-block; position: absolute; top: 3px; right: 0;}

#footer #copyright-menu > ul > li:last-child::after { content: ""; }

#footer #copyright-menu > ul > li > a { border-bottom: 1px solid transparent; color: #ffffff; display: block; font-size: 13px; }

#footer #copyright-menu > ul > li > a:hover { border-bottom: 1px solid #fff; }



.privacy-policy .fl-rich-text p, .disclaimer .fl-rich-text p, .terms-and-conditions .fl-rich-text p, .terms-and-conditions .fl-rich-text h5 { color: black; }





@media only screen and ( max-width: 1160px ) {

    .home .home-services-heading .heading .title .text { font-size: 45px; }

}

@media only screen and ( max-width: 991px ) {

    .copyright-row .col-md-6 { width: 100%; max-width: 100%; text-align: center; }

    #footer .footer-copyright h6 { text-align: center; width: 100%; }

    #footer #copyright-menu > ul { text-align: center; width: 100%; }

    #footer .footer-widgets .widget-area .widget_nav_menu ul > li > a { text-align: left; width: 50%; }

    .blog .contentbar { padding: 0px 30px; }

}







@supports (-ms-ime-align:auto) {
	#footer .footer-widgets .widget-area .contact-info > ul > li a { font-size: 11px !important; }
	
	.post-article .service-grid-item .grid-item-wrapper .grid-image-wrap img.grid-image { width: 100%; }

   .fl-node-5b89044ce7745 > .fl-col-content { padding-left: 0px; padding-right: 0px; }

   #front-page-slider .slider-wrap .slide .content-wrap { bottom: 10%; }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#footer .footer-widgets .widget-area .contact-info > ul > li a { font-size: 11px !important; }

	.post-article .service-grid-item .grid-item-wrapper .grid-image-wrap img.grid-image { width: 100%; }

	.post-article .project-grid-item .grid-item-wrapper .grid-image-wrap { display: block; }

	.gform_wrapper form .gform_footer .gform_button, .gform_wrapper form .gform_footer input[type=submit] { padding-top: 15px !important; padding-bottom: 15px !important; padding-right: 30px !important; padding-left: 30px !important; }

}

 

#front-page-slider .slider-wrap .owl-carousel .owl-item .slide { min-height: 600px; }

/*#front-page-slider .slider-wrap .owl-carousel .owl-item .slide { min-height: 763px; }*/

#footer .footer-widgets .widget-area .contact-info > ul > li a { font-size: 12px; }

#services-content-area .service-image img { width: 100%; }

#services-content-area .project-image img { width: 100%; }

.single-post .mambajao .heading-right .site-name { display: none; }

.blog .sidebar-inner a:hover { color: #337ab7 !important; }

.search .sidebar-inner a:hover { color: #337ab7 !important; }



.safari-mac-os #sidebar .widget #searchform #searchsubmit {

    margin: 16px 0px !important;

}

.ios #sidebar .widget #searchform #searchsubmit {

    margin: 16px 0px !important;

}

.footer-copyright .container { width: 100%; }