/*!
Theme Name: resilient
Theme URI: http://underscores.me/
Author: Touchmarketing
Author URI: http://touchmarketing.com.nz
Description: Custom Responsive Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: resilient
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content: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 {content: "";display: table;table-layout: fixed;}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {clear: both;}
html, body, p, a, h1, h2, h3, h4, h5, h6, li, span{font-family:'Open Sans', sans-serif!important}
h2{font-weight:bold!important;margin:0!important}
p{line-height:1.75}
body{background-color:#2f4146!important}
.nopad{padding:0!important}
.cleargrid{width:100%!important}
*:focus {outline: none;}
.container{transition:all 0.6s ease}
.alignleft{float:left}
.alignright{float:right}
.w_border{border:1px solid #000;border-radius:50%}
.display{display:block!important}


/* Page default */
.page-template-default section{padding:30px 0}
.page-template-default section .orange-button{margin-right:60px;margin-top:20px;padding:18px 34px;display:inline-block;max-width:335px;height:auto;background:#f36c35;color:#fff;text-transform:uppercase;border-radius:8px;text-align:center}
.page section.page-fullwidth img{margin:0 24px}
.page section.page-fullwidth h4{line-height:1.4}
.page-template .site-header .right-links ul{margin-bottom:0}


.site{background-color:#fff;margin-right:100px;width:100%;-webkit-transition:width 0.6s;transition: width 0.6s;transition:all 0.6s ease}
.home .site-header{background-color:#f7c443;position:relative}
.archive .site-header{background-color:#fff;position:relative}
.single .site-header{z-index:1}
.page-template-blog .site-header{background-color:#fff;position:relative}
.page-template-blog .siteheader{width:unset}
.home .siteheader{width:100%}
.site-header{background-color:rgba(253, 251, 253, 0.7);position:absolute;width:100%;height:70px}
.siteheader{width:75%}
.site .fixed .siteheader{width:98%}
.site-header .logo{width:276px;position:absolute;top:12px;left:2%;transition:all 0.6s ease}
.site-header .logo img{width:100%;position:relative;top:-34px;left:-40px;z-index:1}
.home .site-header .right-links{margin-right:36px;height:70px}
.site-header .right-links{transition:all 0.6s ease;float:right;width:320px;transition:all 0.6s ease;position:relative;z-index:1}
.site-header .right-links ul{float:right;margin-top:8px}
.site-header .right-links .image-wrap{width:23.5px;height:23.5px}
.site-header .right-links ul li{display:inline-block;margin:15px}
.site-header .right-links ul li{cursor:pointer}
.site .fixed{width:78vw;position:fixed;transition:all 0.6s ease;background:#fff!important;z-index:10;box-shadow:0 2px 6px rgba(0,0,0,0.05) !important}
.menu-open.unset .fixed{width:98%}
.site .fixed .siteheader .logo{width:220px;top:18px;left:3%}
.site img.contact_modal{cursor:pointer}

/* site banner */
.home .site-banner{min-height:auto;background-color:#f7c443}
.archive .site-banner{min-height:auto;background-color:#ffc300}
.single .site-banner{background-position:center!important;position:relative}
.page-template-blog .site-banner{min-height:auto;background-color:#ffc300}
.archive .siteheader{width:100%}
.site-banner{background-color:transparent;min-height:446px;background-repeat:no-repeat!important;background-size:cover!important}
.site-banner .leftblock{margin-top:8em;margin-bottom:2em}
.site-banner .leftblock p.quote{margin-left:12px;font-size:16px;font-family:'Open Sans', sans-serif;font-weight:bold;font-style:italic;line-height:1.3;color:#343434}
.site-banner .leftblock p.name{margin-left:12px;margin-top:20px;font-size:14px;font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:capitalize;color:#000000}
.site-banner .leftblock .btn-banner{width:250px;margin-top:40px;margin-bottom:19px}
.site-banner .leftblock .btn-banner img{max-width:100%}
.site-banner .rightblock img{max-width:460px;position:absolute;top:-58px}
.site-banner .banner-text{padding:20% 0 10% 10%;color:#fff;font-size:18px;font-weight:bold;line-height:1.33;font-family:OpenSans}
.unset .site-banner .scrolling-quotes .slick-slide{visibility:hidden}
.unset .site-banner .scrolling-quotes .slick-active{visibility:visible}
.site-banner .scrolling-quotes .slick-active{visibility:visible!important}
.site-banner .scrolling-quotes .slick-slide{visibility:hidden}

/* site menu slide */
.site-menu-rightside{z-index:13;background-color:#26383d;color:#fff;width:70px;height:100%;position:fixed;right:0;top:0;bottom:0;padding:0 14px}
.site-menu-rightside span{position:relative;top:24px;cursor:pointer}
.site-menu-rightside span img{width:100%;transition:all 0.6s}
.logged-in .site-menu-rightside span{top:55px}
.logged-in .nav-bar{margin-top:154px}

.pusher{transform:translate(230px,0);background:#2f4146;height:100%;width:270px;top:0;right:0;overflow:auto!important;transition:all 0.6s ease;z-index:12;position:fixed}
.pusher .nav-bar{margin-top:122px}
.pusher .nav-bar li{list-style:none;text-align:right;transition:all 0.6s ease;margin:22px 0}
.pusher .nav-bar ul{padding:0;margin:0}
.pusher .nav-bar li a{letter-spacing:1.3px;transition:all 0.6s ease;display:block;padding:0 20px;text-transform:uppercase;font-size:14px;line-height:40px;color:#fff;text-decoration:none}
.pusher .nav-bar li:hover{background:#26383d}
.pusher .nav-bar li a:hover{border-right:4px solid #ffc300}
.pusher .nav-bar li.current-menu-item{background:#26383d}
.pusher .nav-bar li.current-menu-item a{border-right:4px solid #ffc300}
.pusher .nav-bar li.menu-item-has-children::before{transition:all 0.6s ease;margin-top:5px;left:65px;content:"\f104";position:absolute;color:#fff;font-family:fontawesome;font-size:20px}
.pusher .nav-bar li.rotate::before{transform:rotate(-90deg);color:#ffc300}
.pusher .nav-bar li.rotate a{border-right:4px solid #ffc300}
.pusher .nav-bar li.rotate ul li a{border:none}
.pusher .nav-bar ul li ul{display:none;background:#2f4146}
.test{display:block!important}
.pusher .nav-bar ul li ul::after{content:"";position:relative;height:20px;background:#26383d;display:block}
.pusher .nav-bar ul li ul li{margin:0}
.pusher .nav-bar ul li ul li a{text-transform:capitalize;padding-right:35px}
.menu-open .pusher{transform:translate(-70px,0);transition:all 0.6s ease}
.menu-open.unset .pusher{transform:translate(230px,0)}
.menu-open .site{width:76.6%}
.menu-open.unset .site{width:95.5%}
.menu-open.unset .site-menu-rightside span img{transform:rotate(-360deg);color:#ffc300}
.menu-open-mobile .site{width:100%;transform:translate(-110px,0)}
.menu-open-mobile .site{transform:translate(-410px,0);transition:all 0.6s ease}

/* mobile child elements */
.mobile .site-menu-rightside{z-index:1}
.mobile .site .pusher{z-index:unset;transform:translate(200px)}

/* Home below banner section */
section.below-banner{padding:40px 0;background:#fff}
section.below-banner .left-text{padding-right:50px}
section.below-banner .left-text h2{text-align:right;font-size:26px;color:#f36c35;margin-bottom:14px!important}
section.below-banner .left-text p{text-align:right;color:#f36c35;font-size:14px;line-height:1.38}
section.below-banner .right-text{padding-left:50px;padding-top:0;border-left:1px solid #707070}
section.below-banner .subheading{text-align:center;font-size:16px;font-weight:bold}
section.box-icons{width:96%;transition:all 0.6s ease;clear:both}
section.box-icons a{color:#000}
section.box-icons .boxes{overflow:hidden;width:20%;float:left;min-height:204px;padding:23px 0;transition:all 0.6s ease}
section.box-icons .boxes .image-wrap{width:97px;height:97px;margin:auto}
section.box-icons .boxes img{max-width:100%}
section.box-icons .boxes h3{text-align:center;font-size:14px}
.menu-open section.box-icons{width:100%}

/* Home Diagnostics section */
section.diagnostics{overflow:hidden;padding:30px 0;width:96%;transition:all 0.6s ease}
section.diagnostics .image-wrap{width:97px;height:97px;margin:auto}
section.diagnostics .image-wrap img{max-width:100%}
section.diagnostics h2{text-align:center;color:#fff;letter-spacing:2.7px}
section.diagnostics p{text-align:center;color:#fff}
section.diagnostics .items{margin:30px 0}
section.diagnostics .items a:hover{text-decoration:none}
section.diagnostics .items h3{color:#fff;text-align:center;text-transform:uppercase;font-size:13px;line-height:1.38}
.menu-open section.diagnostics{width:100%}

/* Home clients section */
section.clients{padding:30px 0;width:96%;background:#fff;overflow:hidden;transition:all 0.6s ease}
section.clients h2{text-align:center;color:#f36c35;text-transform:uppercase}
section.clients ul{padding:20px 0 0 80px}
section.clients ul li{list-style:none;display:inline-block;width:19%;padding:12px;transition:all 0.6s ease}
section.clients ul li img{max-width:56%}
.menu-open section.clients{width:100%}

/* Home above footer section */
section.above-footer{background:#f9f9f9;padding-top:30px;width:96%;transition:all 0.6s ease}
section.above-footer .col-left{padding-top:10px}
section.above-footer .col-left .image-wrap{padding:29px}
section.above-footer .col-left .image-wrap img{max-width:100%}
section.above-footer .col-left p{text-align:center;font-size:14px;font-weight:bold;margin-top:5px}
section.above-footer .col-left .button-wrap{width:250px;margin:auto;padding:30px 0}
section.above-footer .col-left .button-wrap img{max-width:100%}
section.above-footer .col-right{margin-top:30px}
section.above-footer .col-right .post-item .post-meta{margin-bottom:16px;font-size:16px;font-weight:bold}
section.above-footer .col-right .post-item .content{font-size:16px;line-height:1.88;margin-bottom:16px}
section.above-footer .col-right .post-item .post-image-wrap{overflow:hidden;padding-right:38px;border-right:1px solid #707070}
section.above-footer .col-right .post-item p{margin-top:30px}
section.above-footer .col-right .slick-slider .slick-arrow{position:absolute;top:38%}
section.above-footer .col-right .slick-slider .arrowleft{color:#0193aa;font-size:32px;cursor:pointer;left:-2vw;}
section.above-footer .col-right .slick-slider .arrowright{color:#0193aa;font-size:32px;cursor:pointer;right:-3vw}
.menu-open section.above-footer{width:100%}
.unset .above-footer .post-carousel .slick-slide{visibility:hidden}
.unset .above-footer .post-carousel .slick-active{visibility:visible}
.above-footer .post-carousel .slick-active{visibility:visible!important}
.above-footer .post-carousel .slick-slide{visibility:hidden}

/* page about us section */
section.page-fullwidth{width:96%}
.menu-open section.page-fullwidth{width:100%}

/* page testimonial section */
section.testimonial{width:96%;background:#eaeaea;transition:all 0.6s ease;padding:30px 0}
section.testimonial .label{font-size:24px;font-weight:bold;color:#000}
section.testimonial .label a{font-size:12px;color:#f36c35;text-transform:uppercase;margin-left:12px;text-decoration:underline}
section.testimonial .slick-slider{padding:2% 8% 0%}
section.testimonial .slick-slider .slick-arrow{position:absolute;top:38%}
section.testimonial .slick-slider .arrowleft{color:#0193aa;font-size:32px;cursor:pointer;left:0}
section.testimonial .slick-slider .arrowright{color:#0193aa;font-size:32px;cursor:pointer;right:0}
section.testimonial .slick-slider .item{font-style:italic}
section.testimonial .slick-slider .item .credit{font-weight:bold;margin-top:30px}
.unset section.testimonial .testi-items .slick-slide{visibility:hidden}
.unset section.testimonial .testi-items .slick-active{visibility:visible}
section.testimonial .testi-items .slick-active{visibility:visible!important}
section.testimonial .testi-items .slick-slide{visibility:hidden}
.menu-open section.testimonial{width:100%}

/* archive testimonials */
.testimonials h2{margin:50px 0}
.testimonials section.page-fullwidth{padding:20px 0}
.testimonials section.page-fullwidth h3{margin:20px 0}
.testimonials section.page-fullwidth hr{border-color:#ccc}
.testimonials section.page-title{background:#59757d;padding:70px 0}
.testimonials section.page-fullwidth h3 span{font-style:italic;font-size:16px}
.post-type-archive-testimonials .site-header .right-links ul{margin-bottom:0}
.post-type-archive-testimonials .site-header{background-color:#ffc300;position:relative}
.post-type-archive-testimonials .site-banner .leftblock{margin-top:10em;margin-bottom:12em}
.post-type-archive-testimonials .site-banner .leftblock h2{text-transform:uppercase}

/* archive post */
.articles{padding: 30px 0}
.articles .image-wrap{width:100%;height:100%}
.articles .image-wrap img{width:100%;height:100%;object-fit:cover;margin:0!important}
.articles .post-meta{margin:10px 0 20px}
.articles .article-item{margin:20px 0}
.articles h2{text-transform:uppercase}
.articles .article-item h3{margin-top:0}
.articles .article-item h3 a{margin-top:0;color:#f36c35}
.articles .article-item .read-more{color:#000;opacity:0.5}
.article-banner-title{position:relative;height:30em}
.article-banner-title h2{text-align:center;color:#f36c35;font-size:2.8vw;margin: 0;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%) }
.single .overlay{background:rgba(0, 0, 0, 0.6);position:absolute;top:0;left:0;height:100%;width:100%}
.single .page-fullwidth{padding:30px;margin-bottom:30px;overflow:hidden;margin-top:20px}
.single .page-fullwidth .post-meta{font-weight:bold;margin:12px 0}
.page-template-blog .site-header .right-links ul{margin-bottom:0}
.page-template-blog .site-header{background-color:#ffc300;position:relative}
.page-template-blog .site-banner .leftblock{margin-top:10em;margin-bottom:12em}
.page-template-blog .site-banner .leftblock h2{text-transform:uppercase}

/* contact header dropdown */
.site .contactdrop{background:#fff;display:none;position:relative;padding:65px 22px;z-index:0;position:relative}
.site .contactdrop.fixed{transform:translateY(70px);position:fixed;z-index:1;width:77vw}
.menu-open.unset .site .contactdrop.fixed{width:98%}
.site .contactdrop .details{width:100%;transition:all 0.6s ease}
.menu-open.unset .site .contactdrop .details{width:93%}
.site .contactdrop .details h2{text-transform:uppercase;color:#f36c35}
.site .contactdrop .details .wrap{margin-top:15px;border-top:1px solid #e2e2e2;padding-top:40px!important}
.site .contactdrop .details .wrap .col2 .sm ul{margin:0;padding:30px 0 0 0}
.site .contactdrop .details .wrap .col2 .sm li{margin-right:14px;width:40px;height:40px;list-style:none;display:inline-block;background-color:#f9f9f9;border-radius:50%;padding:4px;text-align:center}
.site .contactdrop .details .wrap .col2 span{font-style:italic}
.site .contactdrop .details .wrap .col2 .sm{margin-top:30px}
.site .contactdrop .details .wrap .col2 .sm li.facebook{background:#5471a4}
.site .contactdrop .details .wrap .col2 .sm li.twitter{background:#54b5e6}
.site .contactdrop .details .wrap .col2 .sm li.linkedin{background:#3c85ac}
.site .contactdrop .details .wrap .col2 .sm li a{color:#fff;font-size:22px}
.site .contactdrop .details .cform{padding-left:40px!important;transition:all 0.6s ease}
.site .contactdrop .details .cform input{padding:12px;border:1px solid #e2e2e2;width:100%}
.site .contactdrop .details .cform input::placeholder{text-transform:uppercase;opacity:0.5}
.site .contactdrop .details .cform textarea::placeholder{text-transform:uppercase;opacity:0.5}
.site .contactdrop .details .cform input[type="submit"]{width:unset;background:url(images/submit.png)no-repeat;background-size:contain;width:15vw;height:79px;color:transparent;margin-left:-3px;border:none}
.site .contactdrop .details .cform textarea{height:95px;padding:12px;border:1px solid #e2e2e2;width:100%}
.page-template-default .contactdrop{background-color:#fdf0c5;border-top:1px solid #ddd;transform:translateY(70px)}
.page-template-default .contactdrop .details .wrap{border-top:1px solid #f36c35}

/* search */
.site .custom-search{display:none;background:#f9f9f9;width:100%}
.site .custom-search.fixed{z-index:1;transform:translateY(70px);width:77vw;background:#fff;border-top:1px solid #e2e2e2}
.menu-open.unset .custom-search.fixed{width:100%}
.site .custom-search .wrap{padding:95px 0}
.site .custom-search .wrap form.search-form{text-align:center}
.site .custom-search .wrap form.search-form span{font-size:18px;text-transform:uppercase}
.site .custom-search .wrap form.search-form input::placeholder{font-weight:normal;text-transform:uppercase}
.site .custom-search .wrap form.search-form input{width:352px;padding:12px;border:1px solid #e2e2e2;border-radius:2px}
.site .custom-search .wrap form.search-form input[type="submit"]{width:unset;background:#f36c35;color:#fff;border:none;text-transform:uppercase}
.search .site-main{margin-bottom:40px;}
.search .site .search-banner{background:#f9f9f9}
.search .site-main a{color:#f36c35!important}
.search .siteheader{width:100%}
.search .site-header .right-links ul{margin-bottom:0px}

/* 404 page*/
.error404 .site-header{position:relative;}
.error404 .siteheader{width:100%;border-bottom:1px solid #e2e2e2}

/* contact modal */
#contactModal form input{width:100%;padding:12px;border-radius:3px;border:1px solid #e2e2e2}
#contactModal form textarea{width:100%;padding:12px;border-radius:3px;height:80px;border:1px solid #e2e2e2}
#contactModal form input[type="submit"]{background:#f36c35;border:none;color:#fff;font-weight:bold;text-transform:uppercase}
#contactModal .modal-title{color:#f36c35;font-size:22px;text-transform:uppercase}
#contactModal .close i{color:red}

/* site-footer */
.site-footer{background-color:#26383d;overflow:hidden;color:#fff;padding:30px 0 60px;position:relative}
.site-footer h2{color:#f36c35;margin-bottom:30px!important;text-transform:uppercase}
.site-footer .widget{text-transform:uppercase}
.site-footer .widget ul{padding:0}
.site-footer .widget ul li{list-style:none}
.site-footer .widget ul li a{color:#fff;line-height:1.75}
.footer-bottom{background-color:#000;text-align:center;font-size:12px;padding:12px;position:relative;color:#fff;z-index:15}

/* news letter script */
.submitted-message p{color:#f36c35!important}
.textwidget .hbspt-form span{color:#ffffff!important}
.textwidget form .your-name input{color:#000!important;font-weight: normal}
.textwidget form .your-email input{color:#000!important;font-weight: normal}
/* page loader */
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}
#loader{display:block;position:relative;left:39%;top:50%;width:80px;height:80px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#2f4146;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #e74c3c;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #f9c922;-webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite}
    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
#loader-wrapper .loader-section{position:fixed;top:0;width:76.5%;height:100%;background:#fff;visibility:visible;opacity:1}
.loaded #loader-wrapper{visibility:hidden;opacity:0;transition:all 1s ease;z-index:-1}



/* Ajax load more button */
#more_posts{background:#ffc300;padding:12px 26px;border-radius:3px;border:none;margin:auto;display:block}
.btn-opacity{opacity:0.5}

.page-template-form a.site-menu-rightside{display: none}
.page-template-form .pusher{display: none}
.page-template-form.menu-open .site{width:100%!important}
.page-template-form #loader-wrapper{display:none}
.page-template-form .siteheader{width:100%}
.page-template-form .site .fixed{width: 100%}
.page-template-form footer{display: none}

.page-template-form-gravity-style a.site-menu-rightside{display: none}
.page-template-form-gravity-style .pusher{display: none}
.page-template-form-gravity-style.menu-open .site{width:100%!important}
.page-template-form-gravity-style #loader-wrapper{display:none}
.page-template-form-gravity-style .siteheader{width:100%}
.page-template-form-gravity-style .site .fixed{width: 100%}
.page-template-form-gravity-style footer{display: none}
.page-template-form-gravity-style #content{width:100%!important}
/*
.page-template-spanish-form a.site-menu-rightside{display: none}
.page-template-spanish-form .pusher{display: none}
.page-template-spanish-form.menu-open .site{width:100%!important}
.page-template-spanish-form #loader-wrapper{display:none}
.page-template-spanish-form .siteheader{width:100%}
.page-template-spanish-form .site .fixed{width: 100%}
.page-template-spanish-form footer{display: none}
*/

/* New SASQ & DISC Form styling(GF) **/