/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke.inline
Author URI: http://totalwptheme.com
Template: Total
Version: 2.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/*
@media only screen and (min-width: 769px) {
	#site-header {
		margin-top:100px;
	}
}
*/

/*
 * GRAU: f7f7f7 
 * BLAU: #166ead */


.bordertop {
	border-top: 20px solid #f7f7f7;
}
/*
.inline {
	display: inline; 
}
*/

/*SLIDER KEN BURNS*/
.sp-mask .wpex-slider-media img {
	animation: move 30s infinite;
}
.wpex-slider-media {
	overflow: hidden;
}
.wpex-slider__overlay {
	z-index: 1000;
}

@keyframes kenburns {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
		animation-timing-function: ease-in;
		opacity: 1;
	}
	100% {
		transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
		opacity: 0;
	}
}

.sp-mask {
	/*  width: 100%;
	height: 50vw;
	margin: 0 auto;*/
	/*  overflow: hidden;*/
	/*  position: relative;*/
}

.sp-mask .wpex-slider-media img {
	/*  width: 100%;
	animation: move 40s ease;  
	-ms-animation: move 40s ease;
	-webkit-animation: move 40s ease;
	-0-animation: move 40s ease;
	-moz-animation: move 40s ease;
	position: absolute;*/
}

@-webkit-keyframes move {
	0% {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		transform: scale3d(1.0);
		-ms-transform: scale(1.0);
		/* IE 9 */

		-webkit-transform: scale(1.0);
		/* Safari and Chrome */

		-o-transform: scale(1.0);
		/* Opera */

		-moz-transform: scale(1.0);
		/* Firefox */
	}
	70% {
		transform: scale3d(1.2);
		-ms-transform: scale(1.2);
		/* IE 9 */

		-webkit-transform: scale(1.2);
		/* Safari and Chrome */

		-o-transform: scale(1.2);
		/* Opera */

		-moz-transform: scale(1.2);
		/* Firefox */
	}
	100% {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		transform: scale3d(1.0);
		-ms-transform: scale(1.0);
		/* IE 9 */

		-webkit-transform: scale(1.0);
		/* Safari and Chrome */

		-o-transform: scale(1.0);
		/* Opera */

		-moz-transform: scale(1.0);
		/* Firefox */
	}
}
.wpex-slider-caption {
	z-index: 1001;
	font-family: "Univers Regular",sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	white-space: unset !important;
	font-size: 50px;
	line-height: 1.2em;
	color: #f7f7f7;
}

/*FAQ*/
.vc_tta-container {
	max-width: 900px;
	margin: 0 auto;
}

.vc_tta-color-blue.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
	background-color: #166dad !important;
}
.vc_tta.vc_tta-o-no-fill .vc_tta-panels .vc_tta-panel-body {
	background-color: #e5e5e5 !important;
}


/*TYPOGRAPHY*/


/*NEWSMODULE*/
.vcex-post-type-entry-categories,
.vcex-post-type-entry-date {
	text-transform: uppercase;
	color: #bec1c3;
	font-weight: 600;
}
.entries.left-thumbs .entry .entry-media {
	float: left;
	width: 30%;
	margin: 0;
}
.entries.left-thumbs .entry .entry-details {
	float: right;
	width: 65%;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

/*TOP BAR ALT SOCIAL FONT*/
#top-bar-social-alt {
	text-transform: uppercase;
}

.hyphenate,
.wpex-slider-caption {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-character: "-";
}


.blue {
	color: #326AB1 !important;
}
.white {
	color: #fff
}
.red {
	color: #f03a40;
}
.black {
	color: #33404c;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
	float: right;
}
.left {
	float: left;
} 
.italic {
	font-style: italic;
}
/*for title*/
.midi {

}
/*for pretitle*/
.maxi {

}
.ultra {
	font-size: 80px;
}
.w400 {
	font-weight: 400;
}
.w500 {
	font-weight: 500;
}
.w600 {
	font-weight: 600;
}
.w700 {
	font-weight: 700;
}
@media only screen and (max-width: 752px) {
	.hero h2 {
		font-size: 50px !important;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}
.pretitle {
/*	font-family: "Open Sans", sans;*/
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 15px;
	text-transform: uppercase;
}
.title {
	font-weight: 500;
	font-size: 35px;
	text-transform: uppercase;
}
.smalltitle {
	font-weight: 500;
	font-size: 25px;
	text-transform: uppercase;
}
@media only screen and (max-width: 752px) {
	.subtitle {
		font-size: 20px !important;
	}
}
.subtitle {
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 30px;
	text-transform: uppercase;
}

.shadow {
	box-shadow: 0 0 60px rgb(52 64 76 / 10%) !important;
	/*	background-color: #fff;
	border-radius: 10px;*/
}
/*316AB1*/
.copy {
	/*font-family: "Open Sans", sans;*/
	font-size: 30px;
	font-weight: 300;
}
@media only screen and (max-width: 752px) {
	.copy {
		font-size: 20px;
	}
}
@media only screen and (min-width: 752px) {
	.limit {
		max-width: 75%;
	}
}

/*ANIMATION*/
/*CIRCLE ANIMATION*/
.round_animate_wrap {
	position: relative;
	
	/*	right: 50%;*/
	/*
	top: 90px;
	padding: 5px;
	overflow: hidden;
	z-index: 0;
	*/

	/* position: relative; */
	/* top: 90px; */
	/* padding: 5px; */
	overflow: visible;
	z-index: 0;
}
.round_animate {
	width: 600px;
	height: 600px;
	position: relative;
    margin: 0 auto; /*40 auto*/
    overflow: visible;
}
.round_animate .shape_1 {
	border: 1px solid #dff0ff;
	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	transform: rotate(23deg);
	animation: shape_1 35s linear infinite; 
}
.round_animate .shape_1 span {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #f1f1f1;
	position: absolute;
	left: 50%;
}
.round_animate .shape_1 span.r_1 {
	top: -15px;
	margin-left: -15px;
}
.round_animate .shape_1 span.r_2 {
	margin-left: -234px;
	top: 80px;
}
.round_animate .shape_1 span.r_3 {
	margin-left: -202px;
	top: 520px;
}
.round_animate .shape_1 span.r_4 {
	margin-left: 263px;
	top: 395px;
}
.round_animate .shape_2 {
	border: 1px solid #eaf5ff;
	width: 500px;
	top: 50px;
	height: 500px;
	left: 50px;
	border-radius: 50%;
	position: absolute;
	transform: rotate(-41deg);
	animation: shape_2 25s linear infinite; 
}
.round_animate .shape_2 span {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #f1f1f1;
	position: absolute;
	left: 50%;
}
.round_animate .shape_2 span.r_1 {
	top: -10px;
	margin-left: -10px;
}
.round_animate .shape_2 span.r_2 {
	margin-left: -201px;
	top: 80px;
}
.round_animate .shape_2 span.r_3 {
	margin-left: -202px;
	top: 398px;
}
.round_animate .shape_2 span.r_4 {
	margin-left: 235px;
	top: 295px;
}
.round_animate .shape_3 {
	border: 1px solid #f1f8ff;
	width: 400px;
	top: 100px;
	height: 400px;
	left: 100px;
	border-radius: 50%;
	position: absolute;
	transform: rotate(0deg);
	animation: shape_3 15s linear infinite; 
}
.round_animate .shape_3 span {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #f1f1f1;
	position: absolute;
	left: 50%;
}
.round_animate .shape_3 span.r_1 {
	top: -8px;
	margin-left: -5px;
}
.round_animate .shape_3 span.r_2 {
	margin-left: -175px;
	top: 82px;
}
.round_animate .shape_3 span.r_3 {
	margin-left: -141px;
	top: 340px;
}
.round_animate .shape_3 span.r_4 {
	margin-left: 168px;
	top: 285px;
}

/*
.round_animate .shape_1 {
border: 1px solid #dff0ff;
border-radius: 50%;
position: absolute;
width: 100%;
height: 100%;
transform: rotate(23deg);
animation: shape_1 35s linear infinite; }
.round_animate .shape_1 span {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #96ceff;
position: absolute;
left: 50%; }
.round_animate .shape_1 span.r_1 {
top: -5px;
margin-left: -5px; }
.round_animate .shape_1 span.r_2 {
margin-left: -224px;
top: 90px; }
.round_animate .shape_1 span.r_3 {
margin-left: -202px;
top: 520px; }
.round_animate .shape_1 span.r_4 {
margin-left: 273px;
top: 405px; }
.round_animate .shape_2 {
border: 1px solid #eaf5ff;
width: 500px;
top: 50px;
height: 500px;
left: 50px;
border-radius: 50%;
position: absolute;
transform: rotate(-41deg);
animation: shape_2 25s linear infinite; }
.round_animate .shape_2 span {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #bbdfff;
position: absolute;
left: 50%; }
.round_animate .shape_2 span.r_1 {
top: -5px;
margin-left: -5px; }
.round_animate .shape_2 span.r_2 {
margin-left: -201px;
top: 90px; }
.round_animate .shape_2 span.r_3 {
margin-left: -202px;
top: 398px; }
.round_animate .shape_2 span.r_4 {
margin-left: 235px;
top: 315px; }
.round_animate .shape_3 {
border: 1px solid #f1f8ff;
width: 400px;
top: 100px;
height: 400px;
left: 100px;
border-radius: 50%;
position: absolute;
transform: rotate(0deg);
animation: shape_3 15s linear infinite; }
.round_animate .shape_3 span {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #d0e9ff;
position: absolute;
left: 50%; }
.round_animate .shape_3 span.r_1 {
top: -5px;
margin-left: -5px; }
.round_animate .shape_3 span.r_2 {
margin-left: -175px;
top: 90px; }
.round_animate .shape_3 span.r_3 {
margin-left: -141px;
top: 340px; }
.round_animate .shape_3 span.r_4 {
margin-left: 172px;
top: 285px; }
*/

/* Safari 4.0 - 8.0 */
@-webkit-keyframes shape_1 {
	0% {
		transform: rotate(0deg); }
	100% {
		transform: rotate(360deg); } }
/* Standard syntax */
@keyframes shape_1 {
	0% {
		transform: rotate(0deg); }
	100% {
		transform: rotate(360deg); } }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes shape_2 {
	0% {
		transform: rotate(0deg); }
	100% {
		transform: rotate(360deg); } }
/* Standard syntax */
@keyframes shape_2 {
	0% {
		transform: rotate(0deg); }
	100% {
		transform: rotate(360deg); } }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes shape_3 {
	0% {
		transform: rotate(0deg); }
	100% {
		transform: rotate(360deg); } }
/* Standard syntax */
@keyframes shape_3 {
	0% {
		transform: rotate(0deg); }
	100% {
		transform: rotate(360deg); } }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes animate_color {
	60% {
		color: #ef473a; } }
/* Standard syntax */
@keyframes animate_color {
	60% {
		color: #ef473a; } }

@media only screen and (min-width: 753px) {
	.cutout {
		-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 45%,92% 0);
		clip-path: polygon(0 0,0 100%,100% 100%,100% 45%,92% 0);
	}
	/*CIRCLE*/
	.absolute-content {
		position: absolute;
		top: 40%;
		left: 0;
		right: 0;
	}
	.service-box {
		margin-top: 100px !important;
		margin-bottom: 200px !important;
		padding-top: 50px !important;
		padding-right: 50px !important;
		padding-bottom: 50px !important;
		padding-left: 50px !important;
		background-color: #f7f7f7 !important;
		margin-left: -30px;   
	}
}


.absolute {
	position: absolute; 
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	width: 700px; /* Need a specific value to work */
	z-index: -1;
}