/*!
Theme Name: AdVis Starter
Theme URI: 
Author: AdVisible
Author URI: http://advisible.com.au/
Description: 
Version: 1.0
Text Domain: advis-startup
*/


.site-header {position: relative;z-index: 10000}
	.sh-small .nav-main {overflow: hidden;-webkit-overflow-scrolling: touch;max-height: 0px;-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;transition: all 300ms ease-out}

#nav-cover {display: none;z-index: 9999;opacity: 0.9;background-color: #000;width: 100%;height: 100%;position: fixed;top: 0;left: 0}
.show-drawer {overflow: hidden;width: 100%;height: 100%}
			.show-drawer #nav-cover {display: block}
			.show-drawer .site-wrapper {overflow: hidden}
			.show-drawer .nav-main{max-height: 320px;-webkit-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in}

#menu-toggle span, #menu-toggle span:before, #menu-toggle span:after, #menu-toggle b, #menu-toggle.active:after { right:0;-webkit-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in}
			#menu-toggle span{ position: relative; top: -5px; }
				#menu-toggle.active span{ visibility:hidden }
			#menu-toggle span:before{ content: ""; position: absolute; top: -5px;  }
				#menu-toggle.active span:before {transform: rotate(-45deg); top:0;visibility:visible}
			#menu-toggle span:after{ content: ""; position: absolute; bottom: -5px; }
				#menu-toggle.active span:after {transform: rotate(45deg);bottom:0;visibility:visible}

			#menu-toggle.active b {display: none}
			#menu-toggle.active:after {content: "Close";display: inline-block;line-height: 18px;text-transform: uppercase;margin-left: 7px;font-size: 14px;font-family: 'Lato', sans-serif;font-weight: 900;color: #62564e}

@media screen and ( min-width: 768px ){
		.sh-small, #menu-toggle{display: none}
}



/*
 * menu
 ***************************/
    .menu-item-has-children {position:relative}
        .menu-children{position: absolute;z-index:9999;max-height: 0px;overflow: hidden;-webkit-transition: all 300ms ease-out;-moz-transition: all 600ms ease-out;-o-transition: all 600ms ease-out;transition: all 600ms ease-out}
        .menu-children{padding: 0 15px;background-color: #fff}
        .menu-arrow{cursor: pointer; display: block;float: right;padding: 9px 15px;position: absolute;top: 0px;right: 7px}
        .menu-arrow span{display: block;width: 0;height: 0;background-color: transparent;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #777;-webkit-transition: all 600ms ease-out;-moz-transition: all 600ms ease-out;-o-transition: all 600ms ease-out;transition: all 600ms ease-out}
        .sh-small .menu-item-has-children:hover .menu-children,
        .sh-small .menu-item-has-children:active .menu-children,
        .sh-small .menu-item-has-children:focus .menu-children {
              max-height: 400px;
              position: relative;
          }

        .sh-small .menu-item-has-children:hover .menu-arrow span,
        .sh-small .menu-item-has-children:active .menu-arrow span,
        .sh-small .menu-item-has-children:focus .menu-arrow span{
            -ms-transform: rotate(-180deg); /* IE 9 */
            -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
            transform: rotate(-180deg)
        }
    @media screen and ( max-width: 599px ){
        .site-footer .menu-item-has-children:hover .menu-children,
        .site-footer .menu-item-has-children:active .menu-children,
        .site-footer .menu-item-has-children:focus .menu-children {
              max-height: 400px;
              position: relative;
          }

        .site-footer .menu-item-has-children:hover .menu-arrow span,
        .site-footer .menu-item-has-children:active .menu-arrow span,
        .site-footer .menu-item-has-children:focus .menu-arrow span{
            -ms-transform: rotate(-180deg); /* IE 9 */
            -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
            transform: rotate(-180deg)
        }
    }
    @media screen and ( min-width: 600px ){
        .site-footer .menu-item-has-children .menu-arrow{display:none}

        .site-footer .menu-item-has-children {position:relative}
            .site-footer .menu-item-has-children:hover .menu-children,
            .site-footer .menu-item-has-children:hover .menu-children {
                max-height: 400px
            }
            .site-footer .menu-children {padding: 0; width:160px;}
                .site-footer .menu-children li {border: #0a79be solid;border-width:0 1px 0}
                   .site-footer .menu-children li a {white-space:nowrap;padding: 8px 15px 0; text-align: left}
                .site-footer .menu-children li:first-child{border-top:1px #0a79be solid}
                .site-footer .menu-children li:last-child{border-bottom:1px #0a79be solid}
                    .site-footer .menu-children li:last-child a{padding-bottom:8px}
    }
    @media screen and ( min-width: 768px ){
        .menu-item-has-children {position:relative}
            .menu-arrow{display:none}
            .site-footer .menu-item-has-children:hover .menu-children,
            .sh-large .menu-item-has-children:hover .menu-children {
                max-height: 400px
            }
            .menu-children {padding: 0; width:160px;}
                .menu-children li {border: #0a79be solid;border-width:0 1px 0}
                   .menu-children li a {white-space:nowrap;padding: 8px 15px 0}
                .menu-children li:first-child{border-top:1px #0a79be solid}
                .menu-children li:last-child{border-bottom:1px #0a79be solid}
                    .menu-children li:last-child a{padding-bottom:8px}
    }



/*
 *	LOADING
 ***************************/
			.loading {
						display:none; 
						text-align: center;
					    border: 2px solid #f7e700;
					    margin: 2em 0.5em 1em;
					    padding: 0.2em 1em;
					}

				.loading .ajax-loader {
						visibility: visible;
						display: inline-block;
						background-image: url(../images/AjaxLoader.gif);
						background-size: 50% 50%;
						width: 16px;
						height: 16px;
						border: none;
						padding: 0;
						margin: 0 10px 0 0;
						vertical-align: middle;
						background-size: 16px 16px;
					}



#bpop-bio{width: 100%}



/*
 * Modules - Related Posts
 ***************************************************/
          .related-posts .excerpt-item{ max-width: 350px; margin-bottom: 30px; }
              .related-posts .excerpt-details-holder{ position: relative; text-align: center; }
                  .related-posts .excerpt-details{ position: absolute; bottom: 5px; background-color: rgba(44, 45, 48, 0.9); transition: all 200ms ease-in-out; text-align: left; }
                  .related-posts .excerpt-details:hover{ background-color: rgba(255, 255, 255, 0.9); }
                      .related-posts .excerpt-link{ display: block; color: #fff; text-decoration: none; padding: 10px 15px; }
                      .related-posts .excerpt-link:hover{ color: #2c2d30; }
                          .related-posts .excerpt-link span{ display: none; }
                          .related-posts .excerpt-link h3{ margin-top: 0; margin-bottom: 5px; }
                          .related-posts .excerpt-link p{ margin-top: 0; font-size: 14px; }


          @media screen and (min-width: 1400px) {
                  .related-posts .excerpt-item {max-width: 350px;width: 33.33%;margin-right: 6.25%;margin-bottom: 50px}
          }



@media screen and (min-width: 1024px) and (max-width: 1199px){
  footer .boundary {
      max-width: 890px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
  footer .boundary {
      max-width: 1000px;
  }
}



/*
 * Page - Home
 ***************************************************/
      .home-video {display:none}
          .home-video .btn-close{background-color: #50b33f;border:none; color: #fff;cursor:pointer;position: absolute;right: 0;top: -31px}
              .home-video .btn-close:hover{background-color: #363230}

      #cta-small2{z-index: 2;position: relative}
      #newsletter-subscribe-form{display:none;margin-top: 15px;position:absolute;z-index:2;background-color:#333333;width: 100%;left: 0;padding: 15px}
          #newsletter-subscribe-form label{display:none}
            #newsletter-subscribe-form .wpcf7-text{ height: 35px; font-size: 14px; }
          #newsletter-subscribe-form .btn-subscribe-now {background-color:#e41b23;color:#fff}

      @media screen and ( max-width: 380px ){
        #newsletter-subscribe-form .field-email, #newsletter-subscribe-form .action-holder{ max-width: 350px; }
      }

      @media screen and ( min-width: 381px ){
        #newsletter-subscribe-form form{ width: 350px; margin-left: auto; margin-right: auto; }
        #newsletter-subscribe-form .field-email{  }
        #newsletter-subscribe-form .action-holder{  }
      }

      @media screen and ( min-width: 480px ){
        #newsletter-subscribe-form form{ width: 450px; }
        #newsletter-subscribe-form form:after{ content:""; display: table; clear: both; }
        #newsletter-subscribe-form .field-email{ width: 235px; margin-bottom: 0; float: left; }
        #newsletter-subscribe-form .action-holder{ width: 195px; float: right; position: relative; }
          #newsletter-subscribe-form .action-holder .btn{ margin: 0; }
            #newsletter-subscribe-form .ajax-loader{ position: absolute; top: 0; left: 0; }
      }

      @media screen and (min-width: 1066px) {
        #newsletter-subscribe-form:before{ content:""; display: block; position: absolute; left: 80%; top: -15px; width: 0;
height: 0; border-style: solid; border-width: 0 10px 15px 10px; border-color: transparent transparent #333333 transparent; }
        #newsletter-subscribe-form{ width: 485px; left: auto; right: 0; }
      }

      @media screen and ( min-width: 1100px ){
        #newsletter-subscribe-form{ right: 20px; }
      }

      @media screen and ( min-width: 1200px ){
        #newsletter-subscribe-form{ right: 50px; }
      }

      @media screen and ( min-width: 1400px ){
        #newsletter-subscribe-form{ right: 100px; }
      }

      @media screen and (min-width: 1082px) {
          /*#cta-small2 .btn-primary.arrow:after {display:block;content: " ";width: 30px;height: 0;position: absolute;margin-left: 27px;bottom: -15px;border-width: 0 15px 20px 15px;border-color: transparent transparent #333 transparent;border-style: solid}
          #newsletter-subscribe-form{width: 400px;right: 0;left: auto}*/
      }



/*
 * Page - Blog
 ***************************************************/
			.select2-container--default .select2-selection--single{height: 46px}
				.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 30px;padding: 8px 10px}
				.select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top:6px}

        .back-to-categories {display:none;padding:10px; position:fixed;z-index: 1000; bottom:0;width:100%; background-color:rgba(80, 179, 63, 0.7);text-align: center}
            .back-to-categories a {font-weight:bold;color:#fff;text-decoration: none}



/*
 * Page - Single Blog
 ***************************************************/
      .single-blog-content .hero-title{margin-bottom:-10px;line-height:36px}
      .single-blog-content .text-media .block-media > p{margin-top:0}



/*
 * Page - Team's Detail
 ***************************************************/
      .team-detail{text-align:center}
          .team-detail h2 {margin-bottom: 5px}
          .team-detail a {text-decoration: none;color: #62564e}

      .team-thumbnail {text-align: center;margin-top:30px}
          .team-thumbnail img{width:60%}

      @media screen and ( min-width: 768px ){
          .single-team .content > .boundary{ width: 700px; margin-left: auto; margin-right: auto; } 
      }
      
      @media screen and ( min-width: 1200px ){
          .single-team .content > .boundary{ width: 100%; }
          .single-team .content > .boundary:after{ content: ""; display: table; clear: both; }
              .single-team .post-content{ float: left; max-width: 62.5%; margin-right: 2.5%; }
              .single-team .post-sidebar{ float: right; max-width: 32.5%; margin-left: 2.5%; }
      }



/*
 * Videos
 ***************************************************/
      .video-holder {position: relative;overflow: hidden;max-width: 580px}
          .video-content{height: 100%;width: 100%}



/*
 * Page - About Us
 ***************************************************
      @media screen and (min-width: 768px) {
          .our-difference .value-added{margin-top: 50px}
      }
*/
      .page-about-us .biography-modal{display:none;background-color:#fff;padding:0;margin:0 auto;height: 90%;top: 50% !important;left:50% !important;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:fixed; max-width: 1000px;}
          .bClose {position: absolute;top:10px;right: 0;display: block;z-index:5}
              .bClose span{padding: 4px 10px;margin-right: 8px;cursor: pointer}

          .page-about-us .biography-modal .content {height: 100%;overflow-y: auto; }

          .page-about-us .biography-modal .gp-person {padding: 15px}

          .gp-article-item-photo {height:250px}
              .gp-article-item-photo img {object-fit: cover;max-width: 360px;height: 100%;width: 100%}

          @media screen and (min-width: 1024px){
            .page-about-us .biography-modal {padding:15px}
          }
          @media screen and (min-width: 1200px){
            .page-about-us .biography-modal {padding:30px}
          }
          @media screen and (min-width: 1400px){
            .page-about-us .biography-modal {padding:50px}
          }


/*
 * ANIMATED CSS
 ***************************************************/
.hidden { visibility: hidden; }

.animated {
     visibility: visible !important;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}


@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}


@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}


@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}