/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


/*------------------------HEADER NAV CSS-----------------------------*/

#header-wrap{
	border-bottom: rgba(255, 255, 255, 0) !important;
}

#header{
	border-bottom: none;
    /*height: 60px;*/
}

.sticky-header #header-wrap{
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2) !important;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2) !important;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2) !important;
}

.nav-no-link{
    margin: 0 2px;
}

.nav-no-link a{
    display: block;
    height: 100px;
    line-height: 100px;
    padding:0 15px;
    color: #444;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    pointer-events: none;
    cursor: default;
    -webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
    -o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
    transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
}

@media screen and (max-width: 991px){
    .nav-no-link{
        padding:0 5px;
        line-height: 60px;
    }
    #primary-menu{
        width: 100%;
    }
    .menu-right{
        float: right !important;
    }
    .menu-left{
        float:left !important;
    }
    #primary-menu ul li {
        border-top: none !important;
    }
    #primary-menu ul li a, #primary-menu ul .nav-no-link{
        text-align: center !important;
    }
    /*.transparent-header{
        padding-bottom: 5px;
    }*/
    .menu-right ul li:last-child{
        padding-bottom: 10px;
    }
    .transparent-header .dark .nav-no-link{
        color: #444;
    }
}

.transparent-header .nav-no-link{
    color: #EEE;
}

.transparent-header .dark .nav-no-link{
    color: #444;
}

.transparent-header .not-dark .nav-no-link{
    color: #444;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > .nav-no-link > a{
    line-height: 60px;
    height: 60px;
}

.menu-left{
    float:left !important;
}

.module-icon img{
    background-color: #EDEDEE !important;
}

.module-icon{
    margin-bottom: 0px;
}

.pic-box{
    overflow: hidden;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    margin: 0px 10px;
    margin-top: -2px;
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.pic-box img{
    display: block;
}

.menu-right .user .icon-angle-right:before{
    margin-left:10px;
}

/*------------------------HEADER NAV CSS END-----------------------------*/


/*------------------------ MOBILE HEADER NAV CSS-----------------------------*/

.m-headerbar{
    background: #35857D;
    position: fixed;
    height: 50px;
    z-index: 100;
    width: 100%;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.26);
}

.m-pageheader h2 {
    font-size: 24px;
    color: #FFFFFF;
    margin: 0;
    text-transform: capitalize;
    display: inline-block;
}

.m-pageheader {
    padding: 7px 12px;
    float: left;
    font-size: 12pt;
}

.m-header {
    /*float: right;*/
    padding: 3px 5px;
}

.m-headerbar .btn-header {
    float: right;
    margin: 8px 40px 8px 0;
    height: 34px;
    padding:0px;
    color: #fff;
}

.m-header .btn-header{
    margin:5px 0px;
}

.m-header-icon{
    color: #fff;
    font-size: 32px;
    display: inline-block;
    margin-right: 10px;
}

#primary-menu-trigger{
    font-size: 20px;
}

#primary-menu-phone {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

#primary-menu-phone a{
    color: #555;
}

@media (max-width: 991px) {
    body:not(.top-search-open) #primary-menu-phone{
        opacity: 1;
        pointer-events: auto;
        top: 15px;
        margin-top: 0;
        right: 60px;
        z-index: 1;
        -webkit-transition: opacity .2s .2s ease, top .4s ease;
        -o-transition: opacity .2s .2s ease, top .4s ease;
        transition: opacity .2s .2s ease, top .4s ease;
    }
    #primary-menu-trigger {
        top: 15px;
        right: 15px;
        left: auto;
    }
}

@media (max-width: 991px){
    #logo {
        height: 80px;
        float: left;
    }
    #logo img{
        height: 80px;
    }
    .container, #header.full-header .container, .container-fullwidth{
        width: 100% !important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1100px){
    #primary-menu .user .username{
        display: none !important;
    }
}

/*------------------------MOBILE HEADER NAV CSS END-----------------------------*/


/*------------------------BANNER CSS-----------------------------*/

.swiper-container{
    pointer-events: none;
}

.form-control{
    height: 44px;
    margin: 5px 0;
}

.slider-caption.slider-caption-center {
    max-width: 1200px;
}

@media (max-width: 1400px){
    .slider-caption img {
        max-height: 290px;
    }
}

.swiper-slide.center{
    float: none;
}

.snapshot-form{
    margin-top: 60px;
    pointer-events: all !important;
}

.snapshot-form .button{
    float: left;
}

.snapshot-form label{
    margin: 18px 0;
    float: right;
    color: #fff;
    font-size: 30px;
}

@media (max-width: 479px){
    .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide, .ei-slider {
        height: 340px !important;
    }
    .snapshot-form{
        margin-top: 20px;
    }
    .snapshot-form .button{
        display: block !important;
        float: none;
        margin: 20px auto !important;
    }
}

.banner-text{
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    color: #fff
}

.slider-caption h1{
    font-size: 64px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;

    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

@media (max-width: 479px){
    .swiper_wrapper .slider-caption h1 {
        font-size: 28px;
    }
}

/*------------------------BANNER CSS END-----------------------------*/

/*------------------------BODY CSS-----------------------------*/

p a{
    font-weight: 400;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pzgreen, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pzgreen {
   color: #fff;
   font-size: 16px;
   background: #35857D;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pzlgreen, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pzlgreen {
   color: #444;
   font-size: 16px;
   background: #b0cfcc;
}

.bootstrap-switch.bootstrap-switch-focused{
    box-shadow: none;
    border: 1px solid #ccc;
}

.request-form {
    width: 100%;
    height: 100%;
    background-image: url(/images/login-blur.png);
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 480px){
    .request-form {
        background-image: url(/images/login-blur-mobile.png);
    }
}

#works-with img{
    max-height: 50px;
    max-width: 300px;
    margin: 20px auto;
}

/*------------------------BODY CSS END-----------------------------*/
.who-we-are {
	text-align: center;
}

.who-we-are h3{
	margin: 15px 0px 15px 0px;
}

@media only screen and (max-width: 767px){
	#footer{
		text-align: center;
	}
    .g-recaptcha{
        transform:scale(0.89);
        transform-origin:0 0;
    }
    .center .g-recaptcha{
        transform: scale(1);
        margin-top: 40px !important;
    }
}

.job-posting ul li{
	font-size: 21px;
    font-weight: 300;
    margin-left: 24px;
}

@media screen and (max-device-width:767px){
    .nomobile{
        display: none !important;
    }
}
@media screen and (max-device-width:450px){
    .mtcenter{
        text-align: center !important;
    }
    .mtright{
        text-align: right !important;
    }
    .mtleft{
        text-align: left !important;
    }
}

/*------------------------CUSTOM TAB CSS-----------------------------*/

.tab-icon{
	font-size: 60px !important;
	color: #35857D;
}

.up-arrow{
	width: 0;
    height: 0;
    display: none;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #C4C6C8;
    margin-top: -29px;
    left: 0;
    right: 0;
    z-index: 40;
    position: absolute;
}

.up-arrow-light{
	width: 0;
    height: 0;
    display: none;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #F9F9F9;
    margin-top: -27px;
    left: 0;
    right: 0;
    z-index: 40;
    position: absolute;
}

.ui-tabs-active .up-arrow, .ui-tabs-active .up-arrow-light{
	display: inline-block;
}

.tab-arrow-1{
	margin-left: 10%;
}

.tab-arrow-2{
	margin-left: 35%;
}

.tab-arrow-3{
	margin-left: 60%;
}

.tab-arrow-4{
	margin-left: 85%;
}

/*------------------------CUTSOM TAB CSS END-----------------------------*/

.features-grid{
	margin-bottom: 90px !important;
}

.pz-button-main{
	text-shadow: none !important;
	border-bottom: 3px solid #1f615b !important;
}

.pz-button-secondary{
	text-shadow: none !important;
	border-bottom: 4px solid #C6853E !important;
}

a.ui-tabs-anchor img{
	background-color: #f0f0f0;
    border-radius: 50%;
    margin-bottom: 15px;
    /*background-color: rgba(22, 85, 79, 0.15);*/
    /*padding: 5px;*/
    height: auto;
    border: solid 1px #fff;

    transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
}

div.ui-tabs-anchor img{
    /*background-color: rgba(255,255,255,0.2);*/
    border-radius: 50%;
    margin-bottom: 15px;
    /*background-color: rgba(22, 85, 79, 0.15);*/
    background-color: rgb(48, 125, 118);
    height: auto;
    /*padding: 5px;*/
    /*border: solid 2px #fff;*/

    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
}

a.ui-tabs-anchor img:hover{
	background-color: #f9f9f9;
	border: solid 1px #c4c6c8;

	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

a .ui-tabs-anchor:hover img{
    background-color: #2f756e;

    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);
}

.ui-tabs-active img{
	background-color: #f9f9f9;
    margin-bottom: 15px;
    /*padding: 5px;*/
    border: solid 1px #c4c6c8 !important;

    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

#tour-tools .ui-tabs-anchor {
    padding: 40px 80px;
    background: white;
    height: 100%;
    border-radius: 10px;
}

@media screen and (max-device-width: 450px){
    #tour-tools .ui-tabs-anchor {
        padding: 40px 40px;
    }
}

.image-border img{
	/*border-bottom: solid 1px #C4C6C8;*/
    border-bottom: solid 2px #EDEDEE;
}

.gray-bg, .gray-bg .section{
    background-color: #f6f6f6;
}
.white-bg, .white-bg .section, .white-bg .container{
    background-color: #FFFFFF !important;
}

.tour-header{
	background-color: #35857D !important;
	color: #fff;
    background-image: url(/images/tour-bg.png);
}

.tour-header h1, .tour-header h2{
	color: #fff !important;
}

.tour-header .heading-block:after{
	border-color: #fff !important;
}

.heading-block.tour h1, .tour-title h1{
    font-size: 64px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.tour-border{
    position: absolute;
    z-index: 3;
    bottom: 0;
    height: 10px;
    width: 100%;
}

.app-overview .overview li{
    list-style-type: none;
    margin-bottom: 10px;
    font-size: 24px;
    color: #444;
    font-weight: 500;
    line-height: 1.5;
}

@media screen and (max-width: 450px){
    .app-overview .overview li{
        font-size: 16px;
        color: inherit;
        font-weight: inherit;
    }
    .tour-title h1{
        font-size: 44px;
    }
    .feature-box img{
        margin-top: 30px;
    }
    
}

@media screen and (max-width: 767px){
    #top-social, #slider:not(.swiper_wrapper) .slider-caption, .nivo-caption, .flex-caption, .slider-caption p, .slider-caption .button, .camera_caption, .ei-title, .slider-arrow-top-sm, .slider-arrow-bottom-sm {
        display: inherit !important;
    }
    .slider-caption h1{
        font-size: 40px ;
    }
    .app-overview .overview{
        margin-top: 30px;
    }
}

.app-overview .overview li i{ margin-right: 10px; }
.app-overview .target-user img{
    margin-bottom: 20px;
    border-radius: 50%;
}

.app-overview .target-user.blog img { border: solid 4px #7282B8; }
.app-overview .target-user.seo img { border: solid 4px #EDA54C; } 
.app-overview .target-user.ux img { border: solid 4px #55AD77; } 
.app-overview .target-user.social img { border: solid 4px #62A7C4; }

.app-overview .target-user h3{ margin-bottom: 10px; }

.app-overview .overview, .app-overview .target-user{
    padding: 30px;
    background-color: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 0px;
    height: 100%
}

.app-overview .overview h2{ text-align: center; }

.app-overview .overview ul{
    max-width: 360px;
    margin: 0 auto;
}

.app-overview .overview.wide ul{ max-width: 410px; }

.up-arrow.blog {
    margin-left: 24.5%;
}
.up-arrow.seo {
    margin-left: 40.5%;
}
.up-arrow.ux {
    margin-left: 56.5%;
}
.up-arrow.social {
    margin-left: 72.5%;
}
.up-arrow.tour-border {
    width: 0;
    height: 0;
    display: block;
    border-bottom: 30px solid #FFFFFF;
}

.fbox-home{
	padding: 0 0 0 0px !important;
}

.feature-box p, .feature-box li, .feature-box span{
    color: #555;
}

.feature-box h3 span.subtitle{
    color: #555;
}

.feature-box{
    padding: 0 40px 0 0;
}

.col_last .feature-box{
    padding: 0 0 0 40px;
}

.dark .counter{
	text-shadow: none !important;
}

.dark .i-plain{
	text-shadow: none !important;
}

@media only screen and (max-width: 768px){
    /*.home-content .section{
        padding-top: 0px;
    }*/

    .feature-box .col_half, .feature-box .col_half ul{
        margin-bottom: 0px !important;
    }

    .home-content .feature-box{
        margin-bottom: 20px;
        text-align: center;
    }

    .home-content .feature-box li{
        list-style-type: none;
        width: 70%;
        margin: 10px auto 0;
    }

    .home-content .feature-box li::before{
        content: "";
        display: inline-block;
        width: 5px;
        height: 1px;
        margin-right: 8px;
        vertical-align: middle;
        background-color: #555;
    }

    .home-content .feature-box li::after{
        content: "";
        display: inline-block;
        width: 5px;
        height: 1px;
        margin-left: 8px;
        vertical-align: middle;
        background-color: #555;
    }
}

/*@media only screen and (max-device-width: 1024) and (orientation: landscape){
    .home-content .feature-box li{
        list-style-type: disc;
        width: inherit;
        margin: 10px auto 0;
    }

    .home-content .feature-box li::before{
        display: none;
    }

    .home-content .feature-box li::after{
        display: none;
    }
}*/


/*pricing Page*/

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*@media only screen and (max-device-width: 768px){
	.row-eq-height {
	  display: inline-block !important;
	}
}*/

@media only screen and (max-device-width: 480px){
    .row-eq-height {
      display: block !important;
    }
}

@media screen and (max-width: 768px){
    .row-eq-height {
      display: block !important;
    }
}

.price-starting-at{
	margin-bottom: 10px;
}

.price-starting-at p, .price-starting-at h2{
	display: inline;
}

.pricing-panel{
	background-color: #f6f6f6;
    border: 1px solid #c4c6c8;
    border-radius: 2px;
   /* padding: 20px 20px 20px 20px;*/
    text-align: center;
   /* margin-top: 49px;*/

    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

.pricing-panel .col_full, .pricing-panel .col_full p{
    margin-bottom: 0px;
}

.pricing-panel .pz-button-main{
	width: 50%;
	margin-bottom: 10px
}

.pricing-panel-special{
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);

    background-color: #e6efef;
}

.pricing-panel-special .pricing-panel-header{
	background-color: #b0cfcc;
}

.pricing-panel-row .col_last{
	padding-right: 0px !important;
}

.pricing-panel-header{
	background-color: #EDEDEE;
    border-bottom: solid 1px #c4c6c8;
    padding: 10px;
}

.pricing-panel h2, .pricing-panel p{
	margin-bottom: 10px;
}

.pricing-panel-header h2{
	margin-bottom: 0px;
}

.pricing-standout{
	background-color: #35857D;
    border-bottom: 3px solid #1f615b;
    color: #fff;
    padding: 10px;
}

.pricing-panel-price{
	padding: 20px 10px 10px 10px;
    border-bottom: 1px solid #c4c6c8;
}

.pricing-feature-list{
	padding: 20px 10px 20px 20px;
	text-align: left;
}

.pricing-feature-list p:before{
    content: "\e917";
    font-family: 'pz-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 12px;
    color: #35857d;
}

.plan-panel{
    background-color: #f6f6f6;
    border: 1px solid #c4c6c8;
    border-radius: 2px;
    text-align: center;
    padding: 0;
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

.plan-panel .col_full, .plan-panel .col_full p{
    margin-bottom: 0px;
}

.plan-panel .pz-button-main{
    width: 50%;
    margin-bottom: 10px
}

.plan-panel-special{
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);

    background-color: #e6efef;
}

.plan-panel-special .plan-panel-header{
    background-color: #b0cfcc;
}

.plan-panel-row .col_last{
    padding-right: 0px !important;
}

.plan-panel-header{
    background-color: #EDEDEE;
    border-bottom: solid 1px #c4c6c8;
    padding: 10px;
}

.plan-panel h2, .plan-panel p{
    margin-bottom: 10px;
}

.plan-panel-header h2{
    margin-bottom: 0px;
}

.plan-standout{
    background-color: #35857D;
    border-bottom: 3px solid #1f615b;
    color: #fff;
    padding: 10px;
}

.plan-panel-price{
    padding: 20px 10px 10px 10px;
    border-bottom: 1px solid #c4c6c8;
}

.plan-feature-list{
    padding: 20px 10px 20px 20px;
    text-align: left;
}

.plan-feature-list p:before{
    content: "\e917";
    font-family: 'pz-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 12px;
    color: #35857d;
}

.green-header{
	background-color: #35857D !important;
	color: #fff;
}

.green-header h1, .tour-header h2{
	color: #fff !important;
}

.green-header .heading-block:after{
	border-color: #fff !important;
}

.green-header a{
	color: #fff !important;
	font-weight: 500;
}


/*Sign Up Page*/

.form-panel{
	background-color: #f6f6f6;
    border: 1px solid #c4c6c8;
    border-radius: 2px;
    padding: 30px;
    /*text-align: center;*/

    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

.thank-you-panel{
	text-align: center;
	/*height: 300px;*/
}

.form-error{
    border: solid 1px #D95847;
    background-color: #e38c81;
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 25px;
    display: inline-block;
    width: 100%;
}

.form-error p{
    color: #FFFFFF;
    margin-bottom: 0px;
}

#simple-demo-form .form-error p{ font-size: 16px; }
#simple-demo-form .form-error{ margin-top: 15px; }

/*Forms*/

.form-panel .checkbox{
    margin-bottom: 10px !important;
}

.form-panel label.checkbox, .form-panel label.radio{
    font-weight: normal;
    text-transform: none;
}

#m-demo-form{
    width: 100%;
}

#m-demo-form .speech-panel .form-control{
    display: inline-block;
    width: auto;
    max-width: 100%;
    font-size: 20px;
    margin: 10px 0;
    border:none;
}

#m-demo-form .speech-panel{
    background-color: #35857D;
    color: #FFFFFF !important;
    background-image: url(/images/tour-bg.png);
}

.tour-header #m-demo-form .speech-panel .form-control{
    border: 1px solid #c4c6c8;
}

.tour-header #m-demo-form .speech-panel{
    background-color: #f6f6f6;
    color: #555 !important;
    background-image: none;
}

.tour-header .down-arrow:before {
    border-top: 30px solid #f6f6f6;
}

#m-demo-form .form-panel{
    color: #555;
}

#m-demo-form .message-text{
    font-size: 20px;
}

#m-demo-form .form-panel p{
    margin-bottom: 0;
}

#m-demo-form .form-panel .form-control::-webkit-input-placeholder {font-weight: 300;}
#m-demo-form .form-panel .form-control:-moz-placeholder{font-weight: 300;}
#m-demo-form .form-panel .form-control::-moz-placeholder{font-weight: 300;}
#m-demo-form .form-panel .form-control:-ms-input-placeholder{font-weight: 300;}

.tour-header #m-demo-form .demo-message-button{
    background-color: #EDA54C;
    border-bottom: 4px solid #C6853E !important;
}

@media screen and (min-device-width:450px) and (max-device-width:768px){
    #m-demo-form .speech-panel{
        text-align: center; 
    }
}

@media screen and (max-device-width:1024px) and (orientation: landscape){
    #m-demo-form .speech-panel .form-control{
        max-width: 190px;
    }
}

@media screen and (max-device-width:450px){
    .feature-box{
        padding: 0 !important;
    }
}


/*About Page*/
.button.button-xlarge{
	padding: 0 20px !important; 
}

.team-title span {
    display: block;
    color: #35857D;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-size: 15px;
    margin-top: 5px;
}

/*Footer*/
.social-icon-footer{
    text-align: left;
    margin-right: 4px;
    display: inline-block;
}

.dark .footer-links a,.dark .footer-links p{
    color: rgba(255,255,255,0.5);
}
.footer-links a, .footer-links p{
    display: inline-block;
    margin: 0 3px 10px;
    color: #333;
}

.dark .footer-nav-links a, .dark .footer-nav-links p{
    color: rgba(255,255,255,0.7);
}
.footer-nav-links a, .footer-nav-links p{
	display: inline-block;
    margin: 0 3px 10px;
    font-weight: 500;
    color: #333;
}

.footer-border-right{
	border-right: solid 1px rgba(255, 255, 255, 0.5);
    padding-right: 10px;
}

.border-bottom{
	border-bottom: solid 1px rgba(255, 255, 255, 0.5)
}

#security{
    padding-bottom: 20px;
}

#security i{
    font-size: 180px;
    margin:0 auto;
    display: inline-block;
}

#security .col_last{
    padding-right: 0;
}

#security img{
    width: 190px;
    margin:0 auto;
    display: block;
}

.built-in {
    display: inline-block;
    color: rgb(59, 58, 60);
    background-color: rgba(255,255,255,0.5);
    float: right;
    padding: 8px 10px 7px;
    margin-top: -8px;
    border-radius: 2px;
}

@media screen and (max-device-width:767px){
    .built-in{
        margin-top: 30px;
        float: none;
    }
    #security img{
        padding-left: 0;
        margin-bottom: 40px;
        margin-top: 40px;
    }
    #security i{
        margin-bottom: 40px;
    }
    #security{
        text-align: center;
        padding-top: 40px;
    }
}

.loader-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-top: -130px;
    margin-left: -50px;
}

.down-arrow {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #C4C6C8;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
}

.down-arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #35857D;
    margin: 0 auto;
    left: -30px;
    right: -30px;
    top: -32px;
    position: absolute;
}

@media screen and (max-device-width:450px){
    .down-arrow{
        margin-top: -25px;
    }
    .g-recaptcha{
        margin-top: 50px;
    }
}

.center .g-recaptcha{
    display: inline-block;
    margin-top: 60px;
}

/* Branding Page */

.contact-card{
    background-color: #FFFFFF;
    border-radius: 3px;
    border: solid 1px #c4c6c8;
    padding: 10px 20px;
    display: inline-block;
}

.contact-card img{
    border-radius: 50%;
    display: inline-block;
    width: 100px;
    vertical-align: text-bottom;
    margin-right: 20px;
}

.contact-card p{
    display: inline-block;
    margin-bottom: 0;
}

#pagezii-logo img{
    margin-bottom: 10px;
    padding: 10px;
}

#square-logo img{
    display: inline-block;
    max-width: 140px;
}

#primary-colors .panel, #secondary-colors .panel, #grays .panel{
    padding: 5px;
}

#primary-colors .panel p, #secondary-colors .panel p, #grays .panel p{
    margin: 0 5px;
}

/* Branding Page End */

/* Video Container */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px;
}

/* Testimonials Quote CSS */

.pz-quote{
    padding: 0 40px;
}

.pz-quote img{
    border-radius: 50%;
    width: 100px !important;
    height: auto;
    margin-right: 30px;
    display: inline-block !important;
}

.pz-quote .name h3, .pz-quote .name p {
    margin-bottom: 0px;
}

.pz-quote .name{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*.pz-quote .text{
    text-align: left;
    margin-top: 30px;
    background-color: #FFFFFF;
    padding: 6px 14px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    color: #555;
}*/
.pz-quote .text{
    text-align: left;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 60px;
    /*border-top: solid 2px rgba(255,255,255,0.4);*/
}
.pz-quote .text p{
    margin-bottom: 0;
    margin-top: -50px;
}

.pz-quote .text p:before{
    content: "";
    background-image: url(/images/main/quotes-start.png);
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    top: 50px;
    left: -60px;
}

/********** 19. COLORS **********/
/***************************************/

.pzgreen{background-color: #35857D !important;}
.pzdarkgreen{background-color: #1F615B !important;}
.mgreen{background-color: #55AD77 !important;}
.lgreen{background-color: #7AC598 !important;}
.myellow{background-color: #EDA54C !important;}
.lyellow{background-color: #EDBB7F !important;}
.mred{background-color: #D95847 !important;}
.lred{background-color: #E38C81 !important;}
.mblue{background-color: #62A7C4 !important;}
.lblue{background-color: #92C2D6 !important;}
.mpurple{background-color: #7282B8 !important;}
.lpurple{background-color: #9FACD3 !important;}
.morange{background-color: #E48850 !important;}
.lorange{background-color: #EBAC86 !important;}

.pzgreen.pattern{background-image: url('/images/pagezii-pattern-pzgreen.png');}
.lgreen.pattern{background-image: url('/images/pagezii-pattern-green.png');}
.lyellow.pattern{background-image: url('/images/pagezii-pattern-yellow.png');}
.lred.pattern{background-image: url('/images/pagezii-pattern-red.png');}
.lblue.pattern{background-image: url('/images/pagezii-pattern-blue.png');}
.lpurple.pattern{background-image: url('/images/pagezii-pattern-purple.png');}
.lorange.pattern{background-image: url('/images/pagezii-pattern-orange.png');}

.mgreen.pattern, .myellow.pattern, .mred.pattern, .mblue.pattern, .mpurple.pattern, .morange.pattern{
    background-image: url('/images/tour-bg.png');
    color: #FFFFFF !important;
}

.pattern h2{
    color: #FFFFFF !important;
}

/*.mgreen .ui-tabs-anchor img{ background-color: #55AD77; }
.myellow .ui-tabs-anchor img{ background-color: #EDA54C; }
.mred .ui-tabs-anchor img{ background-color: #D95847; }
.mblue .ui-tabs-anchor img{ background-color: #7282B8; }
.mpurple .ui-tabs-anchor img{ background-color: #5b6893; }
.morange .ui-tabs-anchor img{ background-color: #7282B8; }*/

.ui-tabs-anchor img.lgreen{ background-color: #a3d7b8 !important; }
.ui-tabs-anchor img.lyellow{ background-color: #f2d0a6 !important; }
.ui-tabs-anchor img.lblue{ background-color: #b5d5e3 !important; }
.ui-tabs-anchor img.lpurple{ background-color: #b9c3df !important; }

.pattern .heading-block:after {
    border-top: 2px solid #FFFFFF;
}

.panel.pzgreen, .panel.pzdarkgreen, .panel.mgreen, .panel.lgreen, .panel.myellow, .panel.lyellow, .panel.mred, .panel.lred, 
.panel.mblue, .panel.lblue, .panel.mpurple, .panel.lpurple, .panel.morange, .panel.lorange, .panel.dark{
    color: #FFFFFF !important;
}

.btn.pzgreen, .btn.pzdarkgreen, .btn.mgreen, .btn.lgreen, .btn.myellow, .btn.lyellow, .btn.mred, .btn.lred, .btn.mblue, .btn.lblue, .btn.mpurple, .btn.lpurple, .btn.morange, .btn.lorange{
    color: #FFFFFF;
    border-bottom: 3px solid rgba(0,0,0,0.2);
}

.button.pzgreen, .button.pzdarkgreen, .button.mgreen, .button.lgreen, .button.myellow, .button.lyellow, .button.mred, .button.lred, .button.mblue, .button.lblue, .button.mpurple, .button.lpurple, .button.morange, .button.lorange{
    color: #FFFFFF;
    border-bottom: 3px solid rgba(0,0,0,0.2) !important;
}