/* ----------------- */
/* TABLE OF CONTENTS */
/* ----------------- */
/* 0. TRANSITIONS
   1. STAFF
   2. SERVICES
   3. FOOTER
   4. LOGIN PAGE
   5. MENU
   6. GO MOBILE SECTION
   7. SPLASH SLIDER
   8. CALL TO ACTION
   8. ADMIN BAR
*/

/* ---------- 0. TRANSITIONS ---------- */
	/* You've been hit by a smooth transtion */
	.contour-btn, .c2a-subtxt .contour-btn {
		transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}

/* ---------- 1. STAFF ---------- */
	.staff-item {
		overflow: visible !important;
	}
	.staff-item h4, .staff-item .details p {
		color: #fff;
	}
	.staff-item .details {
		padding: 35px 25px 0;
		background: #333;
	}
	.pe-view-layout-class-staff .staff-item .details .arrow {
		border-bottom-color: #333;
	}
	.pe-view-layout-class-staff .staff-item:hover .details {
		margin-top: -20px !important;
	}
	.pe-view-layout-class-staff .staff-item .details .info-wrap {
		display: block !important;
	}
	@media screen and (max-width:767px) {
		.staff-item .details p {
			height: auto !important;
		}
	}

/* ---------- 2. SERVICES ---------- */
	.service-item h4 {
		font-size: 20px;
	}
	@media screen and (min-width:1024px) {
		.service-item {
			padding: 0 50px;
		}
	}
	@media screen and (max-width:1023px) and (min-width:768px) {
		.service-item {
			padding: 0 80px;
		}
	}
	.outline-btn {
		border: 2px solid rgba(255, 255, 255, 0.3);
		color: rgba(255, 255, 255, 0.8);
	}
	.outline-btn:hover {
		border: 2px solid rgba(255, 255, 255, 1);
		color: rgba(255, 255, 255, 1);
	}
	.peCaption .outline-btn {
		transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		border-color: rgb(255, 255, 255) !important;
		background-color: rgba(0, 147, 208, 0) !important;
		color: rgb(255, 255, 255) !important;
	}
	.peCaption .outline-btn:hover {
		border-color: rgb(0, 147, 208) !important;
		background-color: rgba(0, 147, 208, 1) !important;
		color: rgb(255, 255, 255) !important;
	}

	.desktop .pe-view-layout-class-feature .pe-button a {
		border-color: #0093d0;
		background-color: #0093d0;
		color: #fff;
	}
	.desktop .pe-view-layout-class-feature .pe-button a:hover {
		background-color: #fff;
	}
	.pe-wp-default li, .pe-wp-default .comment-body li, .pe-wp-default .mu_register li {
		font-weight: 300;
	}
	.pe-header-transparent.pe-header-scrolled .pe-menu-sticky {
		min-height: 62px;
	}
	.service-item > a > div {
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 4px;
		margin: 40px auto;
		position: relative;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
		background-color: #0093d0;
	}
	.service-item > a > div > i {
		color: #fff !important
	}
	.service-item:hover > a > div {
		transform: translateY(3px);
		-webkit-transform: translateY(3px);
		background-color: #333
	}
	.service-item:hover > a > div > .arrow {
		border-top-color: #333
	}
	.service-item:hover > a > h4 {
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	.service-item > a > div > .arrow {
		display: block;
		position: absolute;
		height: 0;
		width: 0;
		border-width: 8px;
		border-color: #0093d0;
		border-style: solid;
		border-left-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		bottom: -16px;
		left: 50%;
		margin-left: -8px;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out
	}
	.service-item > a > div i {
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
		line-height: 50px;
		font-size: 24px;
		text-align: center
	}
	.service-item > a + p > a:not(.read-more) {
		color: #fff;
	}
	.service-item > a + p > a.read-more {
		margin-top: 0;
		padding-top: 20px;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out
	}
	.service-item:hover > a + p > a {
		color: #fff;
	}
	.service-item .addthis-toolbox.at-wordpress-hide {
		display: none;
	}

/* ---------- 3. FOOTER ---------- */
	.foot-lower .copyright, .foot-lower .copyright a {
		position: relative !important;
		z-index: 3000 !important;
	}

/* ---------- 4. LOGIN PAGE ---------- */
	body.login {
		background: #fff;
		/*background-size: cover;
		background: url('../img/gaussian-blur-abstract-hd-wallpaper-2560x1600-10432.jpg') 50% 50% no-repeat;*/
	}
	#login,
	body.login #login {
		min-width: 300px !important;
		padding: 8% 0 0 0 !important;
	}
	body.login #login > *:not(h1) {
		border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background: #fff;
	}
	body.login #login > h1 > a {
		width: 80px !important;
		height: 80px;
		border-radius: 50%;
		margin-bottom: 15px;
		box-shadow: 0 0 18px 2px rgba(255, 255, 255, 0.5);
		-o-box-shadow: 0 0 18px 2px rgba(255, 255, 255, 0.5);
		-ms-box-shadow: 0 0 18px 2px rgba(255, 255, 255, 0.5);
		-moz-box-shadow: 0 0 18px 2px rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: 0 0 18px 2px rgba(255, 255, 255, 0.5);
	}
	body.login #login #nav, body.login #login #backtoblog {
		text-align: center;
		background: none;
	}
	body.login #login #nav {
		margin-top: 15px;
	}
	body.login #login #backtoblog {
		margin-top: 5px;
	}
	body.login #login #nav a, body.login #login #backtoblog a {
		color: #707070;
	}
	body.login .message,
	body.login #login .message,
	body.login #login #login_error {
		text-align: center;
	    color: #fff;
		border-left: none;
	    border-radius: 50px !important;
	    width: 80%;
	    margin: 5px auto 20px;
	    padding: 12px 24px;
	    box-shadow: 0 5px 20px -4px rgba(0,0,0,.15);
	    background-color: transparent;
	    background-image: linear-gradient(191deg, #00d2c8 0%, #0093d2 100%);
	}
	body.login #login #login_error {		
	    background-image: none;
	    color: initial;
	    border: solid 2px #d20000;
	}

	body.login form {
		margin-top: 5px;
		padding-bottom: 26px;
		box-shadow: 0 10px 40px -10px rgba(0,0,0,.15);
		background: transparent !important;
	}

/* ---------- 5. MENU ---------- */
	.pe-menu>li {
		padding-bottom: 7px;
	}

/* ---------- 6. GO MOBILE SECTION ---------- */
	#section-go-mobile h5 {
	    color: #fff;
	}
	#section-go-mobile.pe-style-dark, #section-go-mobile.pe-style-dark p,
	#section-go-mobile .span6.pe-col-content {
	    color: #def3ff;
	}
	#section-go-mobile .span6.pe-col-content {
	    padding: 22px 0 0 10px;
	}
	#section-go-mobile .pe-button a {
	    background: #0093d0;
	    border-color: #fff;
	    color: #fff;
	    display: block;
	    text-align: center;
	}
	#section-go-mobile .pe-button a:hover {
	    background: #fff;
	    border-color: #fff;
	    color: #0093d0;
	}
	@media screen and (max-width: 767px) {
	    #section-go-mobile .pe-button a {
	        font-size: 14px;
	        line-height: 18px;
	    }
	    #first-call-btn .contour-btn {
	        width: 100% !important;
	        float: none !important;
	        display: block !important;
	        margin-left: 0;
	        box-sizing: border-box;
	        -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	        -moz-box-sizing: border-box;
	        -webkit-box-sizing: border-box;
	    }
	    #first-call, #first-call-btn {
	        width: 100% !important;
	        float: none !important;
	    }
	    #first-call, #first-call-btn,
	    #first-call h2, #first-call h3 {
	        text-align: center !important;
	    }
	    #first-call h3 {
	        font-size: 20px !important;
	    }
	    #section-go-mobile .pe-view-layout-class-feature .pe-col-media {
	        margin-bottom: 0px;
	    }
	    #section-go-mobile pe-button {
	        margin-bottom: 70px !important;
	    }
	    #section-go-mobile .row-fluid.pe-container.pe-layout-left {
	        margin-bottom: 60px !important;
	    }
	}
	@media screen and (max-width: 1024px) and (min-width: 768px) {
	    #first-call-btn .contour-btn {
	        width: auto !important;
	        display: inline-block !important;
	        margin-left: 0;
	    }
	    #section-go-mobile .row-fluid.pe-container.pe-layout-left {
	        margin-bottom: 50px !important;
	    }
	}
	@media screen and (max-width: 1024px) {
	    #section-go-mobile .span6.pe-col-content  {
	    padding: 20px 0 0 0px !important;
	    }
	}

/* ---------- 7. SPLASH SLIDER ---------- */	
	#section-splash.pe-splash-section .peWrap {
		position: fixed;
		z-index: -1;
	}/*
	#section-splash .peSlider.peVolo.peNeedResize.pe-block.peVoloMobile {
		height: auto !important;
		min-height: 400px;
	}*/
	#section-splash .pe-splash-section .pe-headlines > div,
	#section-splash .peCaptionLayer {
		font-family: 'Open Sans';
	}
	#section-splash .peSlider>div.peCaption>[class*="pe-caption-"] {
		font-weight: 300;
	}
	#section-splash .peSlider>div.peCaption>.pe-caption-large {
		font-weight: 300;
		font-size: 42px;
	}
	#section-splash > .pe-block > .pe-block > .peSlider > .peCaption {
		width: 100%;
		text-align: center;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer {
		display: block;
		max-width: none;
		margin: 0 auto;
		width: 940px !important;
		text-align: center !important;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a {
		padding: 8px 16px;
		color: #fff !important;
		transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a:hover {
		text-decoration: none;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a.it-starts-here > * {
		transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a.it-starts-here {
		position: relative;
		display: inline-block;
		padding: 0;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a.it-starts-here > img {
		opacity: 1;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a.it-starts-here > span {
		width:100%;
		text-align: center;
		position: absolute;
		top:35%;
		left:0;
		opacity: 0;
		transition: transform 0.6s ease-out;
		-o-transition: transform 0.6s ease-out;
		-ms-transition: transform 0.6s ease-out;
		-moz-transition: transform 0.6s ease-out;
		-webkit-transition: transform 0.6s ease-out;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a.it-starts-here:hover > img {
		opacity: 0 !important;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a.it-starts-here:hover > span {
		opacity: 1;
		transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a.bg-color {
		padding: 8px 16px;
		background-color: rgba(0, 147, 208, 0.701961);
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer a.bg-color:hover {
		padding: 8px 24px;
		background-color: rgba(0, 147, 208, 1);
		text-decoration: none;
	}
	#section-splash .peSlider>div.peCaption>.peCaptionLayer img {
		display: block;
		max-width: none;
		margin: 0 auto;
	}
	/*  SPECIAL STYLES FOR GO MOBILE SLIDE */
		#section-splash .peSlider>div.peCaption>.peCaptionLayer.go-mobile {
		    width: auto !important;
		}
		#go-mobile-link > img {
		    margin: 0 !important;
		}

/* ---------- 8. CALL TO ACTION ---------- */
	.c2a-hdr {
		text-align: center;
	}
	.c2a-subtxt {
		text-align: center; font-weight: 300;
	}
	.c2a-subtxt .contour-btn {
		margin-left: 0; font-size: 26px; line-height: 41px;
	}
	.c2a-subtxt .contour-btn:hover {
		color: #0093d0;
		text-decoration: none;
		background-color: #fff;
	}
	.c2a-subtxt .contour-btn [class*="icon-"] {
		margin: 9px 0 0 9px
	}
	.blue-txt {
		color: #0093d0;
	}
	.fw-bold {
		font-weight: bold;
	}

/* ---------- 9. ADMIN BAR ---------- */
	#wpadminbar .quicklinks>ul>li.wlcms-admin-logo>a {
		padding: 0 !important;
	}
	#wpadminbar a img,
	#wpadminbar .wlcms-admin-logo img {
		height: 32px !important;
		max-height: 32px !important;
	}