/*
Theme Name: Quadia Online video 
Theme URI: https://quadia.com/
Author: Max Duurland
Author URI: https://quadia.nl/
Description: Global Quadia theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, post-formats, translation-ready, accessibility-ready
Text Domain: quadia
*/



/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */




* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: "Brokman-DemiBold",Arial,"Times New Roman",Times,serif;
}

body {
	
	font-family: "Brokman-Medium",Arial,"Times New Roman",Times,serif;
	color:#2c327A;
	font-size:16px;
	line-height:24px;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3;
	margin: 20px 0 20px 0;
}
h3.purple{
	margin-top:0px;
	color:#BB3D92;
}

h3.darkblue{
	margin-top:0px;
	color:#2B307C;
}

.bg-white{
	background-color: #ffffff;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 24px;
}

p.intro{
	margin-top: 60px;
	font-size: 20px;
	line-height: 28px;

}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;

}

.yikes-easy-mc-text:focus,
.yikes-easy-mc-email:focus,
.form-control:focus{
	color:#000000;
}


textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	
	border: 0px solid #b94191;
	height:2px;
	margin-bottom:20px;
	background:#b94191;
}

hr.blue {
	
	border: 0px solid #00babe;
	height:2px;
	margin-bottom:20px;
	background:#00babe;
}



/* Form fields, general styles first. */
button,
input,
textarea {
	  border: 1px solid #bfbfbf;
    float: left;
   font-family: "Brokman-DemiBold",Arial,"Times New Roman",Times,serif;
    font-size: 16px;
    margin: 0 10px 0 0;
    padding:12px 10px;
    resize: none;
}

input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	color:#fff;
	outline: 0;
}

.wpcf7-form-control-wrap{
	margin-bottom:30px;
	display:block;
	float:left;
	width:100%;
}

.post-video{
	margin-bottom: 60px;
}

.form-control{
	background-image:url('images/input.jpg');
	background-repeat:repeat-x;
	background-color: #ffffff;
    border: 0px solid #cccccc;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
    color: #2c327a;
    display: block;
    font-size: 16px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    float:left;
}

.wpcf7-submit{
	margin-top:0px;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

div.wpcf7-validation-errors{
	border:1px solid #ebccd1;
    color: #a94442;
    background-color: #f2dede;

}

div.wpcf7-response-output {
	border: 1px solid transparent;
	border-style: solid;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    float:left;
}

.wpcf7 label{
	float:left;
}

/* GLOBALS */

@media (max-width: 768px) {

	.col-sm-6 {
	    width: 50%;
	}

}


@media (max-width: 544px) {

	.col-sm-6 {
	    width: 100%;
	}

}

.no-underline{
	text-decoration:none;
}

.text-shadow{
	text-shadow: 3px 3px 5px rgba(150, 150, 150, 0.25);
}

.hero-content .text-shadow{
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 100);
}

.overflow-hidden{
	overflow:hidden;
}

.overflow-text{
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
}

.text-align-right, .text-align-righ{
	text-align:right;
}

.text-align-left{
	text-align:left;
}

.no-background{
	background-color:transparent !important;
}
.white-background{
	background-color: #FFFFFF !important;
	padding-left: 24px !important;
	padding-top: 28px;
	padding-right: 24px;
	padding-bottom: 28px;
}

.white-background p {
	margin:0px;
}

.cursor-pointer{
	cursor:pointer;
}



/*Icons*/
.icon-table div{
	font-weight: 700 !important;
}

.icons{
	height: 90px;
	width: 100%;
	display: inline-block;
	/*background-color: #2e6ea6;*/
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-bottom: 18px;

}
.videoplatform-1{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/video-aanlevering.svg");
	background-size: 65px 81px;
	/*width: 65px;
	height: 81px;*/
}

.videoplatform-2{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/speech-to-text.svg");
	background-size: 73px 71px;
	/*width: 73px;
	height: 71px;*/

}

.videoplatform-3{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/rechtenbeheer.svg");
	background-size: 47px 47px;
	/*width: 47px;
	height: 47px;*/
}

.videoplatform-4{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/online-editing.svg");
	background-size: 74px 64px;
}

.videoplatform-5{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/e-learning.svg");
	background-size: 69px 59px;
}

.videoplatform-6{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/file-sharing.svg");
	background-size: 73px 64px;
}

.videoplatform-7,
.clipservice-8{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/interactive-video.svg");
	background-size: 68px 72px;
}

.videoplatform-8{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/gepersonaliseerde-video.svg");
	background-size: 73px 69px;
}

.videoplatform-9{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/video-powerpoint.svg");
	background-size: 69px 46px;
}
.videoplatform-10{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/videokanalen.svg");
	background-size: 79px 59px;
}

.webinars-1{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/projectmanagement.svg");
	background-size: 73px 59px;
	/*width: 65px;
	height: 81px;*/
}

.webinars-2{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/voorbereiding.svg");
	background-size: 88px 81px;
	/*width: 73px;
	height: 71px;*/

}

.webinars-3,
.clipservice-10{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/vormgeving.svg");
	background-size: 58px 82px;
	/*width: 47px;
	height: 47px;*/
}

.webinars-4{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/inschrijving.svg");
	background-size: 84px 49px;
}

.webinars-5,
.clipservice-2{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/productie.svg");
	background-size: 63px 54px;
}

.webinars-6{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/livestreaming.svg");
	background-size: 64px 62px;
}

.webinars-7,
.clipservice-4{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/oplevering.svg");
	background-size: 48px 64px;
}

.webinars-8{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/statistieken.svg");
	background-size: 63px 52px;
}

.corporate-1{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/format-ontwikkeling.svg");
	background-size: 37px 52px;
	width: 82px !important;
	height: 53px !important;
	margin-left:10px;
	float:left;
}

.corporate-2{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/advies.svg");
	background-size: 58px 47px;
	width: 82px !important;
	height: 58px !important;
	margin-left:10px;
	float:left;

}


.corporate-3{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/voorbereiding.svg");
	background-size: 58px 53px;
	width: 82px !important;
	height: 58px !important;
	margin-left:10px;
	float:left;
}


.corporate-4{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/productie.svg");
	background-size: 58px 54px;
	width: 82px !important;
	height: 58px !important;
	margin-left:10px;
	float:left;
}


.corporate-5
{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/interactive-video.svg");
	background-size: 58px 62px;
	width: 82px !important;
	height: 62px !important;
	margin-left:10px;
	float:left;
}

.corporate-6{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/statistieken.svg");
	background-size: 58px 48px;
	width: 82px !important;
	height: 58px !important;
	margin-left:10px;
	float:left;
}


.animatie-1{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/format-ontwikkeling.svg");
	background-size: 58px 48px;
	width: 82px !important;
	height: 57px !important;
	margin-left:10px;
	float:left;
}

.animatie-2{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/vormgeving.svg");
	background-size: 48px 58px;
	width: 82px !important;
	height: 58px !important;
	margin-left:10px;
	float:left;
}

.animatie-3{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/productionele-voorbereiding.svg");
	background-size: 43px 61px;
	width: 82px !important;
	height: 61px !important;
	margin-left:10px;
	float:left;
}

.animatie-4{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/redactionele-voorbereiding.svg");
	background-size: 58px 55px;
	width: 82px !important;
	height: 55px !important;
	margin-left:10px;
	float:left;
}


.animatie-5
{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/productie.svg");
	background-size: 63px 54px;
	width: 82px !important;
	height: 55px !important;
	margin-left:10px;
	float:left;
}

.animatie-6{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/statistieken.svg");
	background-size: 58px 48px;
	width: 82px !important;
	height: 48px !important;
	margin-left:10px;
	float:left;
}

.clipservice-1{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/tel-intake.svg");
	background-size: 77px 76px;
}

.clipservice-3{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/montage.svg");
	background-size: 67px 66px;
}

.clipservice-5{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/advies.svg");
	background-size: 82px 68px;
	/*width: 73px;
	height: 71px;*/

}

.clipservice-6{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/producer.svg");
	background-size: 66px 68px;
}
.clipservice-7{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/productie-animatie.svg");
	background-size: 100px 58px;
}
.clipservice-9{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/meer-camera.svg");
	background-size: 90px 62px;
}
.clipservice-11{
	background-image: url("/wp-content/themes/quadia-onlinevideo/images/svg/icons/contentbeheer.svg");
	background-size: 68px 64px;
}



iframe{

}

.font-white{
	color:#fff !important;
}

.centered{
	text-align:center;
}

.align-right{
	text-align:right;
}

.align-left{
	text-align:left;
}

.no-cursor{
 cursor:inherit;
}

.inline{
	display:inline;
}

.block{
	display:block;
}

.align-right{
	float:right;
}

.no-border{
	border:0px;
}


hr[class *="spacer-"]{
	clear:both;
	width:100%;
	    background: transparent;
    border: 0px;
    margin:0px;
}

.spacer-5{
	height:5px;
	
}

.spacer-8{
	height:8px;
	
}

.spacer-10{
	height:10px;
	
}

.spacer-15{
	height:15px;
	
}

.spacer-20{
	height:20px;
	
}

.spacer-25{
	height:25px;
	
}

.spacer-30{
	height:30px;
	
}

.spacer-35{
	height:35px;
	
}

.spacer-40{
	height:40px;
	
}

.spacer-50{
	height:50px;
	
}

.spacer-60{
	height:60px;
	
}

.spacer-80{
	height:80px;
	
}

.spacer-120{
	height:120px;
	
}

.more-link{
	color:#2c327a;
	display:block;
}
.more-link:hover{
	color:#00babe;
}


/* HEADINGS */

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
	font-family: "Brokman-Bold",Arial,"Times New Roman",Times,serif;
	font-weight:normal;
	font-size:20px;
	line-height:28px;
	color:#2c327A;
}

h1,.h1{
	font-size:60px;
	line-height:60px;
}

h2,.h2{
	font-size:30px;
	line-height:30px;
}

h2 span.intro-home{
	font-family: "Brokman-DemiBold",Arial,"Times New Roman",Times,serif;
	font-size:20px;
	font-size: 20px;
	font-weight: 400 !important;

}

h3,.h3{
	font-family: "Brokman-DemiBold",Arial,"Times New Roman",Times,serif;
	font-size:20px;
	line-height:28px;
}



.h4,h4{
	font-family: "Brokman-Medium",Arial,"Times New Roman",Times,serif;
	margin-top:0px;
}

.slogan{
	font-size:240px;
}

@media (max-width: 480px) {
	
	h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
		font-size:medium;
		line-height: inherit;
	}
	
	h1,.h1{
		font-size:20px;
		
	}
	
	h2,.h2{
		font-size:20px;
	
	}
	
	h3,.h3{
		font-size:20px;
	
	}
	
}



.home-arrow{
	line-height:30px;
	margin:0 10px;

}

.circle-arrow.right.lg.home-arrow::before{
	border-bottom: 15px solid transparent;
    border-left: 30px solid #e8423b;
    border-top: 15px solid  transparent;
    left: 20px;
    top: 20px;
}

.circle-arrow.disabled{
	opacity:0.5;
}


.home-arrow.circle-arrow.right.no-circle.lg::before{
	top:20px;
}




/* PARAGRAPHS*/

p{
	font-family: "Brokman-Medium",Arial,"Times New Roman",Times,serif;
	color: #2c327A;
	font-size:16px;
	line-height:24px;
}

p.introduction,
.introduction p,
span.introduction{
	font-family: "Brokman-Regular",Arial,"Times New Roman",Times,serif;
	font-size:20px;
	line-height:28px;
}

.home .introduction p{
	margin-bottom:0px;
}

small{
	font-family: "Brokman-Regular",Arial,"Times New Roman",Times,serif;
	font-size:14px;
	line-height:24px;
}


/* FONTS STYLE */

.font-white{
	color:#ffffff;
}

 .font-demibold{
 	font-family: "Brokman-DemiBold",Arial,"Times New Roman",Times,serif;
 }
 
  .font-light{
 	font-family: "Brokman-Light",Arial,"Times New Roman",Times,serif;
 }


/* PADDINGS AND MARGINS */

.no-padding{
	padding:0px !important;
}

.no-padding-top{
	padding-top:0px;
}

.no-padding-right{
	padding-right:0px  !important;
}

.no-padding-bottom{
	padding-bottom:0px !important;
}

.no-padding-left{
	padding-left:0px !important;
}

.padding-left-lg{
	padding-left:80px;
}

.padding-right-lg{
	padding-right:80px;
}

.padding-20{
	padding:20px;
}

.padding-40{
	padding:40px;
}
.text-align-right{
	text-align: right;
}

/* mobile */

@media (max-width: 480px) {

		div[class*="col-xs-"].no-padding-right,
		div[class*="col-xs-"].no-padding-left{
			padding:inherit;
		}

	.mob-text-align-left{
		text-align:left !important;
	}
	.margin-bottom-80-mob{
		margin-bottom:20px !important;
	}

}


.no-margin{
	margin:0px !important;
}

.no-margin-top{
	margin-top:0px;
}

.no-margin-right{
	margin-right:0px;
}

.no-margin-bottom{
	margin-bottom:0px;
}

.no-margin-left{
	margin-left:0px;
}

.margin-bottom-20{
	margin-bottom:20px;
}

.margin-bottom-40{
	margin-bottom:40px;
}

.margin-bottom-60{
	margin-bottom:60px;
}

.margin-bottom-80{
	margin-bottom:80px;
}


/* LINKS */

a,a:active,a.visited{
	text-decoration:underline;
	color:#2c327a;
}

a:hover{
	text-decoration:underline;
	color:#000;
}

/* BUTTONS */

input[type="submit"]:active, .button:active {
	color:#fff !important;
	
}

input[type="submit"]:before, .button:before 
{
	content: "";
	display:inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 22.5px solid #5e669a;
	border-right: 22.5px solid transparent;
	border-top: 22.5px solid transparent;
	border-bottom: 22.5px solid transparent;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	left: -1px;
	top: 0px;
}

input[type="submit"]:before,button.secondary:before, .button.secondary:before
{
	border-color: transparent transparent transparent #c9ccdd;
}

button.large:before, .button.large:before
{
	border-left: 30px solid #5e669a;
	border-right: 30px solid transparent;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

input[type="submit"]:before,button, .button
{
	overflow:hidden;
	display:inline-block;
	border: 2px solid #27317A;
	height:50px;
	border-radius:25px;
	padding:0px 35px 0 35px;
	line-height:45px;
    color:#ffffff;
	background-color: #283378;
    font-weight: bold;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
   	-webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.button.disabled{
	opacity:0.5;
}

button.large, .button.large
{
	height:60px;
	border-radius:35px;
	line-height:60px;
	padding:0px 42px 0 42px;
}

button.block, .button.block
{
	display:block;
}

button.secondary,button.secondary:visited,button.secondary,button.secondary:active, .button.secondary,.button.secondary:visited,.button.secondary:active
{
	background-color:#ffffff;
	color:#283378;
}

button.third,button.third:visited,button.third,button.third:active, .button.third,.button.third:visited,.button.third:active
{
	background-color:#27317A;
	color:#FFFFFF;
}



button:hover, .button:hover
{
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.25);
   cursor: pointer;
}

button:hover:before,.button:hover:before
{
	border-left-color: #9499bc;

	
}

a.button,a.button:active,a.button:visited
{
  text-decoration:none;
  color:#ffffff;
}


/* Share buttons */

.share-buttons{
	float:left;
}

.share-buttons a{
	float:left;
	color:#2c327a;
	text-decoration:none;
	line-height:35px;
	margin-right:20px; 
}

.share-buttons a:hover{
	text-decoration:underline;
}

.share-buttons a img{
	float:left;
	margin-right:10px;

}



/* FORM */

/* CUSTOM SELECTBOX */

			div.selectBox
			{
				position:relative;
				text-align:left;
				line-height:45px;
				clear:both;
				z-index:1;
				cursor: pointer;
			}
			
			div.selectBox span.selected
			{
				width:80%;
				display:block;
				text-overflow: ellipsis;
  				white-space: nowrap;
  				overflow: hidden;
			}
			
			div.selectBox span.selectArrow:after,
			div.selectBox span.selectArrow:before {
			    content:"";
			    border-style:solid;
			    border-width:10px;
			    width:0;
			    height:0;
			    position:absolute;
			    top:20px;
			    right:10px;
			}
			
			div.selectBox span.selectArrow:before {
			    border-color: #fff transparent transparent;
			}
			
			div.selectBox span.selectArrow:after {
			    margin-top: -1px;
			    border-color: #283378 transparent transparent;
			}
			
			
			div.selectBox span.selectArrow
			{
				position:absolute;
				right:0px;
				top:0px;
				color:#fff;
				width:40px;
				height:40px;
				text-align:center;
				font-size:20px;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
				background:#283378;
				
			}
			
			div.selectBox span.selectArrow,span.selected
			{
				position:relative;
				float:left;
				height:45px;
				z-index:1;
			}
			
			div.selectBox div.selectOptions
			{
				position:absolute;
				top:45px;
				left:0;
				overflow:hidden;
				background:#f6f6f6;
				padding-top:2px;
				display:none;
				min-width:100%;
			}
				
			div.selectBox span.selectOption
			{
				display:block;
				width:100%;
				line-height:20px;
				padding:10px;
			}
			
			div.selectBox span.selectOption:hover
			{
				color:#ffffff;
				background:#283378;	
			}	
			
			
			 /* DEFAULT SELECT */
 
			 div.selectBox.defaul-select{
			 
			  border-style: solid;
			    border-width: 3px;
			    border-color:#fff;
			    color: #2c327a;
			    cursor: pointer;
			    display: inline-block;
			    font-family: "Brokman-Bold",Arial;
			    font-size: 20px;
			    font-weight: normal;
			    margin: 0;
			    outline: medium none;
			   padding: 12px 50px 12px 18px;
			    background:transparent;

			    
			 }
			 
			div.selectBox.defaul-select .form-control{
				background:none;
				font-size: 20px;
    			line-height: 28px;
    			padding:0px;
			 }
			 
		
			div.selectBox.defaul-select span.selectArrow:after,
			div.selectBox.defaul-select span.selectArrow:before {
			  
			    top:0px;
			    right:0px;
			}
			
			div.selectBox.defaul-select span.selectArrow::before{
				border-color:transparent;
			}
			
			div.selectBox.defaul-select span.selectArrow{
			
			background-color: transparent;
			}
			
			div.selectBox.defaul-select span.selectArrow,span.selected
			{
				
				height:inherit;
			
			}
			
			
			div.selectBox.defaul-select span.selectArrow
			{
			
				position:absolute;
				right:20px;
				top:22px;
				width:10px;
				height:10px;
		
			}

			div.selectBox.defaul-select span.selected {
			    overflow: hidden;
			    text-overflow: auto;
			    white-space: nowrap;
			    width: 100%;
			}
			
			div.selectBox.defaul-select div.selectOptions{
				top:55px;
			}
			
			
							

/* SELECTBOX */

.select_filter_wrapper{
	float:left;
	position:relative;
	
}

select.select_filter {
	
   	padding: 13px 40px 11px 17px;
    margin: 0;
    background: #fff;
    color:#2c327a;
    border-width:3px;
    border-color:#fff;
    border-style:solid;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    font-family: "Brokman-Bold",Arial;
    font-size:20px;
    font-weight:normal;
    
}

select.select_filter.active{
	background-color:transparent;
	border-color: #fff;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
    select.select_filter {
    	padding-right:80px
    }
}

label.select_filter_label {
	
	position:relative;
}

label.select_filter_label:after {
    content:'>';
    font:30px "Consolas", monospace;
    color:#2c327a;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:15px; top:13px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}


 /* mobile */
 @media (max-width: 480px) {
 	select{
 		width:100%;
 		margin:10px 0;
 		padding:10px 0;
 		float:left;
 	}
 }
 

/* ICONS */

/* PAUSE AND PLAY ICON VIDEO*/

.play-icon {
    border-bottom: 16px solid transparent;
    border-left: 24px solid #fff;
    border-top: 16px solid transparent;
    height: 32px;
    width: 24px;
}

.pause-icon {
    width: 24px;
    height: 32px;
    border-right: 8px solid #fff;
    border-left: 8px solid #fff;
}

/* PLAY ICON */



.icon-arrow.right:before
{
	border-top:7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-left: 15px solid #e8423b;		
	top:18px;
	left:18px;
}

/* PLAY ICON CIRCLE */




/* PLAY COLOR */
.circle-arrow.white{
	background-color:#ffffff;
}

.circle-arrow.down.white:before{
	border-top-color:#e8423b;
}


.circle-arrow.right.white:before{

	border-left-color:#e8423b;
}


.circle-arrow.up.white:before{

	border-bottom-color:#e8423b;
}


.circle-arrow.left.white:before{
	border-right-color:#e8423b;
}



.circle-arrow
{
	display:inline-block;
	/*position:absolute;*/
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:#2c327A;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	border:none;
}

.circle-arrow:hover
{
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}



.circle-arrow:before
{
	display:inline-block;
	position:absolute;
	content:"";
	width: 0;
	height: 0;
}

.circle-arrow.down:before
{
	border-left:7.5px solid transparent;
	border-right: 7.5px solid transparent;
	border-top:15px;
	border-top-style:solid;
	border-top-color:#fff;		
	top:20px;
	left:17.5px;
}

.circle-arrow.right:before
{
	border-top:7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-left:15px;
	border-left-style:solid;
	border-left-color:#fff;				
	top:18px;
	left:18px;
}

.circle-arrow.up:before
{
	border-left:7.5px solid transparent;
	border-right: 7.5px solid transparent;
	border-bottom: 15px solid #ffffff;	
	border-bottom:15px;
	border-bottom-style:solid;
	border-bottom-color:#fff;				
	top:17px;
	left:17.5px;
}

.circle-arrow.left:before
{
	border-top:7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-right:15px;
	border-right-style:solid;
	border-right-color:#fff;				
	top:18px;
	left:16px;
}

.circle-arrow.left.lg:hover:before{
	border-right:20px solid #9499bc;
}

.circle-arrow.right.lg:not(.no-hover):hover:before{
	border-left:20px solid #9499bc;
}

/* ICON SIZE */




.circle-arrow.lg
{
	width:70px;
	height:70px;
	border-radius:100%;
	
}

.circle-arrow.down.lg:before{
	border-left:15px solid transparent;
	border-right: 15px solid transparent;
	border-top-width:30px;
	top:40px;
	left:35px;
}

.circle-arrow.up.lg:before{
	border-left:15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom-width:30px;
	top:34px;
	left:35px;
}

.circle-arrow.right.lg:before{
	border-top:10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left:20px;
	border-left-style:solid;
	border-left-color:#fff;	
	top:25px;
	left:25px;
}

.circle-arrow.left.lg:before{
	border-top:10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:20px;
	border-right-style:solid;
	border-right-color:#fff;	
	top:25px;
	left:25px;
}

/* NO CIRCLE  */

.circle-arrow.no-circle{
	width:50px;
	height:50px;
	border-radius:0px;
	background-color:transparent;
}

.circle-arrow.no-circle:hover{
 	box-shadow: none;	
}


.circle-arrow.down.no-circle:before{
	border-top-color:#e8423b;
}


.circle-arrow.right.no-circle:before{

	border-left-color:#e8423b;
}


.circle-arrow.up.no-circle:before{

	border-bottom-color:#e8423b;
}


.circle-arrow.left.no-circle:before{
	border-right-color:#e8423b;
}

.circle-arrow.lg.no-circle{
	width:50px;
	height:50px;
	border-radius:0px;
	background-color:transparent;
}

.circle-arrow.up.no-circle.lg:before
{
	top:17px;
	left:17.5px;
}

.circle-arrow.right.no-circle.lg:before
{
	top:9px;
	left:9px;
}

.circle-arrow.down.no-circle.lg:before
{
	top:20px;
	left:17.5px;
}

.circle-arrow.left.no-circle.lg:before
{
	top:18px;
	left:16px;
}


/* SECTIONS */

.section-large{
	padding:80px 0px;
}


section.section-wrapper{
	width: 100%;
	/*overflow:hidden;
	*/
	/*position:relative;
	z-index:1;*/

}

div[class *="section-"]{
	/*min-height:300px;*/
		background-attachment:fixed;
	
}


div[class *="section-yellow"]{
	min-height:350px;
	background-attachment:fixed;
	background-image:url('images/patterns/arrows-yellow.jpg');
	background-size:cover;
}

div .section-divider{
	min-height:25px;
}


div[class *="section-pink"]{
	background-image:url('images/patterns/arrows-pink.jpg');
	background-size:cover;
}

div[class *="section-blue"]{
	background-image:url('images/patterns/arrows-darkblue.jpg');
	background-size:cover;
}

div[class *="section-lightblue"]{
	background-image:url('images/patterns/arrows-blue.jpg');
	background-size:cover;
	
}

div[class *="section-default"]{
	background-image:url('images/patterns/arrows-default.jpg');
	background-size:cover;
	

}

div[class *="section-"] .section-bottom{

	width:100%;
	height:60px;
	bottom:0px;
	position:absolute;
}


/*
div[class *="section-default"] .section-bottom{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(243,243,243,0.6) 48%, rgba(243,243,243,1) 80%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(243,243,243,0.6) 48%,rgba(243,243,243,1) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(243,243,243,0.6) 48%,rgba(243,243,243,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f3f3f3',GradientType=0 );
}

div[class *="section-pink"] .section-bottom{
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(184,65,145,0.6) 48%, rgba(184,65,145,1) 80%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(184,65,145,0.6) 48%,rgba(184,65,145,1) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(184,65,145,0.6) 48%,rgba(184,65,145,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b84191',GradientType=0 );
}

div[class *="section-yellow"] .section-bottom{
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,165,50,0.6) 48%, rgba(252,165,50,1) 80%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,165,50,0.6) 48%,rgba(252,165,50,1) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(252,165,50,0.6) 48%,rgba(252,165,50,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fca532',GradientType=0 );
}

div[class *="section-blue"] .section-bottom{
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(10,15,71,0.6) 48%, rgba(10,15,71,1) 80%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(10,15,71,0.6) 48%,rgba(10,15,71,1) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(10,15,71,0.6) 48%,rgba(10,15,71,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0a0f47',GradientType=0 );
}
*/
div[class *="section-white"]{
	background-color:#ffffff;

}

div[class *="section-gray"]{
	background-color:#f5f5f5;

}

div[class *="section-"] div .bottom{
	z-index:-1;
	position: absolute;
	width:100%;
	bottom: 0px;
	left: 0px;
	height:200px;
		
}

 @media (max-width: 1024px) {
 
	body.browser-ios-iphone div[class *="section-yellow"],
	body.browser-ios-iphone div[class *="section-default"],
	body.browser-ios-iphone div[class *="section-pink"],
	body.browser-ios-iphone div[class *="section-blue"],
	body.browser-ios-iphone div[class *="section-lightblue"],
	body.browser-ios-iphone .quote-image,
	body.browser-ios-ipad div[class *="section-yellow"],
	body.browser-ios-ipad div[class *="section-default"],
	body.browser-ios-ipad div[class *="section-pink"],
	body.browser-ios-ipad div[class *="section-blue"],
	body.browser-ios-ipad div[class *="section-lightblue"],
	body.browser-ios-ipad .quote-image	{
	
	background-attachment:inherit !important;
		-webkit-background-size: cover;
 		 -moz-background-size: cover;
  		-o-background-size: cover;
 		 background-size: cover;
	}
	
	
 }




/* SECTION PADDINGS */

.body-size-m{
	padding:0 90px;
}

 @media (max-width: 480px) {
 
 .body-size-m{
	padding:0 10px;
}
	
 }

/* SECTIONS LABEL */

.section_label_container
{
	position:relative;
}

.section_label{
	display:inline-block;
	float:left;
	background-color:#fff;
	padding:15px 20px;
	padding-bottom:12px;
	padding-top: 12px;
}



/* mobile */

 @media (max-width: 480px) {
 
	 .section_label{
	 	float:inherit;
	 }
	 
	 body div[class*="section-"] div .section_label_wrapper{
	 	left:30% !important;
	 
	 }
 
}

/* VIDEO */
#video-wrapper .hero-image {
	width:100%;
}

#video-wrapper{
	position:relative;
	cursor:pointer;
	margin-top:100px;
}

#video-wrapper .video-container{
	width:100%;
	max-height:680px;
	position:relative;
	overflow:hidden;
	
	
}

.video-control{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
	background: none !important;*/
	background-image:url('images/transparent.png');
	background-repeat:repeat;
	position: absolute;
	left:0px;
	width:0px;
	width:100%;
	height:100%;
	z-index:1;

}

.ios-playbtn {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	z-index:999;
	pointer-events:none;
	background-color:green;
}

.ios-playbtn-start{
	position: absolute;
	left:100px;
	top:100px;
	display: block;
	width: 100px;
	height: 100px;
	z-index:999;
	pointer-events:none;
	display:none;
}

body.browser-ios-ipad .ios-playbtn-start{
	display:block;
}

#video-wrapper .video-container iframe{
	width:100% !important;
    -moz-user-select: none;
    background-color: #000;
    box-sizing: border-box;
    display: block;


}

#video-wrapper #hero-heading{
	position:absolute;
	width:0px;
	height:0px;
	left:49.5%;
	bottom:50%;
	z-index:2;
	color:#fff;
}

#video-wrapper #hero-heading .hero-content{
	width:960px;
	margin-left:-480px;
	margin-top:-100px;
}

#video-wrapper .video-read-more{
	position:absolute;
	width:0px;
	height:0px;
	left:50%;
	bottom:20px;
	z-index:2;
}

#video-wrapper .video-read-more .circle-arrow{
	margin-left:-25px;
}

#video-wrapper .video-read-more.fixed-read-more{
	position:fixed;
	bottom:100px;
}

#video-wrapper .video-controls{
	
position:absolute;
	width:0px;
	height:0px;
	left:100px;
	top:100px;
	z-index:2;
	pointer-events:none;
	
}

#video-wrapper .video-controls .pause,
#video-wrapper .video-controls .play{
	display:none;
}

body.browser-ios-ipad .video-controls .pause,
body.browser-ios-ipad .video-controls .play{
	display:block !important;
}

body.browser-ios-ipad .video-control{
	display:none !important;
}

body.browser-ios-ipad .video-controls .play .pause-icon{
	display:none !important;
}

body.browser-ios-ipad #video-wrapper .video-controls .play .play-icon{
	display:block !important;
}


/* tablet */
@media (min-width: 768px) and (max-width: 979px) { 
	
	
	#video-wrapper{
		margin-top:200px;
	}
	
	#video-wrapper #hero-heading{
	
		position:absolute;
		width:0px;
		height:0px;
		left:50%;
		bottom:50%;
		z-index:2;
		color:#fff;
		
	}

	#video-wrapper #hero-heading .hero-content{
		width:500px;
		margin-left:-250px;
		margin-top:-200px;
	}
	

	#video-wrapper #hero-heading .hero-content div{
	
		text-align:center;
		
	}
	
	#video-wrapper2222 #hero-heading .hero-content .col-sm-6{
		width:100%;
	}

	#video-wrapper .video-controls{
	
		right:10px;
		bottom:10px;
	
	}
	
}






.post-password-required input[type="submit"] {
	padding: 7px 24px 4px;
	vertical-align: bottom;
}

.post-password-required input[type="submit"]:active {
	padding: 5px 24px 6px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #7d7b6d;
}

:-moz-placeholder {
	color: #7d7b6d;
}

::-moz-placeholder {
	color: #7d7b6d;
}

:-ms-input-placeholder {
	color: #7d7b6d;
}

.clear{
	clear:both;
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 0px 0 0px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin:0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */


.row.container{
	margin:0px;
	padding:10px;
}

/*
div[class*="col-md-"].first{
padding-left:0px;
width:7.33333%;

}

div[class*="col-md-"].last{
	
	padding-right:0px;
width:7.33333%;
}

*/
no-padding{
	padding:0px;
}



.site-body{

	padding:0;
}


/* centered columns styles */
.row-centered {
    text-align:center;
}




.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.cat-cases .col-centered{
	float:left;
}

.cat-cases .searchform-wrapper{
	width:100%;
	padding:0px;
}


/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */
 
 
 .header{
 	position:relative;
 	z-index:3;
 }
 
 /**
 * 4.1 NAVIGATION
 * ----------------------------------------------------------------------------
 */
 



.site-banner-container {
	
	margin:0 auto;
}


/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.header-top{
	min-height:100px;
	background-color:#283378;
	left: 0;
    margin-bottom: 0;
    top: 0;
    transition: box-shadow 0.5s ease 0s, opacity 0.3s ease 0s, min-height 0.4s ease 0s;
    width: 100%;
  transition: 0.5s;
    
}

.header_contents{
	padding:0px 0 0 0;
}

.sticky {
	margin:0px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    transition: max-height 0.25s ease-in;
    height:50px;
    transition: 0.5s;

}

/* small menu */


.sticky #navbar-collapse{
	margin-top:25px;
}

@media only screen and (orientation: landscape) {
	.sticky #navbar-collapse{
		margin-top:0px;
	}
}

.sticky .info-panel{
	display:none;
}

.sticky .info-panel a,
.sticky .info-panel a:visited,
.sticky .info-panel a:focus{
	color:#fff !important;
	text-decoration:none;
}

.sticky .logo-container{
	top:0px;
	height:50px;
}

@media only screen and (orientation: portrait) {
	.sticky .logo-container {
		top: 35px;
	}
}

@media only screen and (min-width: 768px) and (orientation: portrait) {
	.sticky .logo-container {
		top: 0px;
	}
}

.sticky .brand{
	top:-100px;
	
}

.sticky .logo-container .subbrand{
	top:15px;
}

.sticky.header-top{
	min-height:50px;
}


.info-panel{

	float:right;
	color:#fff;
	padding-right:10px;
	padding-top:5px;
}

.info-panel .phone{
	float:right;
}

.info-panel img{
	display:inline;
	/*width:20px;*/
	margin:5px;
	}
	
	.info-panel a{
	text-decoration:none;
		color:#ffffff;
	}

.logo-container{
	position:absolute;
	overflow:hidden;
	height:100px;
	width:150px;
}


.brand{
	position:absolute;
	top:45px;
	 transition: 0.5s;
}

.subbrand{
	position:absolute;
	top:100px;
	transition: 0.5s;
}


/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */


.container-fluid {
    margin-left: auto;
    margin-right: auto;
   	padding:0px;
 
}

.container-fluid.header-top{
	position:fixed;
	background-image:url('images/patterns/arrows-blue.jpg');
	background-size:cover;
}

.nav-container{

}

.navbar {
    border: 0px solid transparent;
    margin-top: 0px;
    min-height: 50px;
    position: relative;
    margin-bottom:0px;
      
}

.navbar-collapse{
	margin-top:40px;
}

@media only screen and (max-width: 992px) and (orientation: landscape) {
	.navbar-collapse{
		margin-top:0px;
	}
}

ul.nav.navbar-nav{
	float:right;
}

ul.nav.navbar-nav li a,
ul.nav.navbar-nav li a:hover{
	background-color:transparent;
}

ul.nav.navbar-nav li a{
	padding-right:10px;
	padding-bottom:25px;
	text-decoration:none;
}

.sticky ul.nav.navbar-nav li a{

	padding-bottom:15px;

}

ul.nav.navbar-nav li.menu-item{
	position:relative;

	
    
}

ul.nav.navbar-nav li:last-child a{
	padding-right:35px;
}

/* languages */



ul.submenu-languages{

	/* background-image: url("images/menu-background.png"); */
	background-color: rgba(34, 39, 89, 0.9);
    background-repeat: repeat;
    transition: opacity 0.35s ease 0s;
    visibility: hidden;
    white-space: nowrap;
    z-index: 101;
    padding:20px 0 20px 20px;
    position:absolute;
	left:0px;
	top:60px;

}

.sticky ul.submenu-languages{
	top:50px;
}

.menu-item-language:hover ul.submenu-languages{
	 visibility: visible;
	
	
}

ul.submenu-languages  li a,
ul.submenu-languages  li a.active,
ul.submenu-languages  li a.visited{
	color:#fff;
}

ul.submenu-languages  li a:before,
ul.submenu-languages  li a:after{
	content: none;
	border:0px !important;
}




/* ARROW DOWN */

ul.nav.navbar-nav li:last-child a:after,
ul.nav.navbar-nav li:last-child a:before {
    content:"";
    border-style:solid;
    border-width:10px;
    width:0;
    height:0;
    position:absolute;
    top:20px;
    right:0px;
}

ul.nav.navbar-nav li:last-child a:before {
    border-color: #fff transparent transparent;
}

ul.nav.navbar-nav li:last-child a:after {
    margin-top: -1px;
    border-color: #283378 transparent transparent;
}

.sub-menu-wrapper .sub-menu li a:before, .sub-menu-wrapper .sub-menu li a:after {
	/*display: none;*/
}


.navbar-brand, .navbar-nav > li{
	 display: inline-block;
	 float:none;
}

.navbar-nav > li > a{
	font-family: "Brokman-Medium",'Arial';
	font-weight:500;
	color:#fff;
	font-size:16px;
	padding:15px 20px 15px 20px;	

}

.navbar-nav > li.current-menu-item > a,
.navbar-nav > li.current-menu-parent a{
color:#ffd631;
}

ul.nav.navbar-nav li a:hover{
	color:#ffd631;
	background-color:transparent;
}

.navbar-nav > li.current-menu-item a,
ul.nav.navbar-nav li a.hover{
	
}

.navbar-default .navbar-nav > li > a.last{
	padding:5px 15px 5px 15px;
}

/* submenu */



ul.nav.navbar-nav li:hover .sub-menu-wrapper{
	 visibility: visible;
    opacity: 1;
}
	
.sub-menu-wrapper{
	min-width: 100%;
	white-space: nowrap;
	/* background-image:url('images/menu-background.png'); */
	background-color: rgba(34, 39, 89, 0.9);
	background-repeat:repeat;
    position: absolute;
    left: 0;
    top: 100%;
   padding: 30px 1000em; 
    margin: 0 -1000em; 
    z-index: 101;
    visibility: hidden;
    opacity: 0;
    transition:  opacity 0.35s ease;
   -moz-transition:  opacity 0.35s ease;
   -webkit-transition:  opacity 0.35s ease;    
}


ul.nav.navbar-nav li:last-child .sub-menu-wrapper{
	padding: 0;
	margin: 0;
}

.sub-menu-wrapper .sub-menu {
	margin:0px;
	padding: 20px 35px 20px 20px;
}

ul.nav.navbar-nav li .sub-menu-wrapper .sub-menu li a{
	color:#ffffff;
	padding:0px;
	top: 60px;
}


ul.nav.navbar-nav li .sub-menu-wrapper .sub-menu li a:hover{
	color:#ffd631;
}

/* ARROW DOWN */

body .sub-menu-wrapper .sub-menu li:last-child a:after,
body .sub-menu-wrapper .sub-menu li:last-child a:before {
    content:inherit;
    border-style:none;
    border-width:inherit;
    width:inherit;
    height:inherit;
    position:inherit;
    top:inherit;
    right:inherit;

}

body .sub-menu-wrapper .sub-menu li:last-child a:before {
    border-color: transparent;
}

body .sub-menu-wrapper .sub-menu li:last-child a:after {
    margin-top: inherit;
    border-color:  transparent;
}






/* mobile */

@media (max-width: 544px) {
	
	.sticky.header-top{
		min-height:90px;
	}
	
	
	.sticky .info-panel{
		display:block;
	}
	
	
	.info-panel{
		float:none;
		padding-right:0px;
		text-align:center;
		margin-left:20px;
	}

	.info-panel img{
		float:left;
		display: none;


	}

	.info-panel .phone{
		float:left;
	}

	.info-panel .phone img{
		display:inline;

	}

}




body .navbar-toggle:before
{
	content: inherit;
	display:inherit;
	position: inherit;
	width: inherit;
	height: inherit;
	border-left: inherit;
	border-right: inherit;
	border-top: inherit;
	border-bottom: inherit;
	-moz-border-radius: inherit;
	-webkit-border-radius:inherit;
	border-radius: inherit;
	left:inherit; 
	top:inherit;
}

body .navbar-toggle{
	padding:0px;
	margin:0px 20px 0 0;
}

.logo-container{
	margin-left:20px;
}

@media (max-width: 768px) {
	
	
	#video-wrapper{
		margin-top:50px;
	}
	
	#video-wrapper #hero-heading .hero-content{
		margin-top:-100px; 
	}
	
	.sticky .container{
		width:100%;
	
	}

	#video-wrapper .video-container{
		height:180px;
	}
	
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    
    .collapse.in{
		background-color:#2c327a;
	
	}
	
	
}

/* mobile */

@media (max-width: 544px) { 
	
		
	.navbar-nav{
		width:100%;
		text-align:center;
	}
	
	ul.nav.navbar-nav li{
		width:100%;
		text-align:center;
	}
	
	ul.nav.navbar-nav li a{
	
		padding:10px;
	}
	
	ul.nav.navbar-nav li:last-child a{
		padding:10px;
	}
		
	.sub-menu-wrapper .sub-menu,
	.sub-menu-wrapper{
		display:none;
		min-width: 0%;
	}
	
	ul.nav.navbar-nav li:last-child > *, .sub-menu-wrapper .sub-menu {
		display: block;
	}
	
	
	
	#video-wrapper{
		margin-top:80px;
	}
	
	#video-wrapper #hero-heading .hero-content{
		margin-top:-50px;
	}
	
	#video-wrapper #hero-heading h1{
	
		
			font-size:40px;
		
	
	}
}



/**
* 5.0 Content
* ----------------------------------------------------------------------------
*/

.gradient-pink [class*="col-"]:last-child{
	padding:0px;
}

.gradient-green [class*="col-"]:first-child{
	padding:0px;
}

.gradient-pink{
	background: #ec1e79;
	background: -moz-linear-gradient(45deg,  #ec1e79 0%, #672d91 100%); 
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ec1e79), color-stop(100%,#672d91)); 
	background: -webkit-linear-gradient(45deg,  #ec1e79 0%,#672d91 100%);
	background: -o-linear-gradient(45deg,  #ec1e79 0%,#672d91 100%);
	background: -ms-linear-gradient(45deg,  #ec1e79 0%,#672d91 100%); 
	background: linear-gradient(45deg,  #ec1e79 0%,#672d91 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1e79', endColorstr='#672d91',GradientType=1 ); 
	
}

.gradient-green{
	background: #d7e022; 
	background: -moz-linear-gradient(45deg,  #d7e022 1%, #02a99c 100%); 
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,#d7e022), color-stop(100%,#02a99c)); 
	background: -webkit-linear-gradient(45deg,  #d7e022 1%,#02a99c 100%);
	background: -o-linear-gradient(45deg,  #d7e022 1%,#02a99c 100%); 
	background: -ms-linear-gradient(45deg,  #d7e022 1%,#02a99c 100%); 
	background: linear-gradient(45deg,  #d7e022 1%,#02a99c 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e022', endColorstr='#02a99c',GradientType=1 );
	
}

[class*="gradient-"]{
	margin-bottom:20px;
}


[class*="gradient-"]:last-child{
	margin:0px;
}

[class*="gradient-"] p,
[class*="gradient-"] h1,
[class*="gradient-"] h2,
[class*="gradient-"] h3,
[class*="gradient-"]{
	color:#fff;
}

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.sidebar .entry-header .entry-meta {
	padding: 0;
}

.entry-thumbnail img {

}

.entry-header {
	
}

.entry-title {

}

.entry-title a {

}

.entry-title a:hover {
	
}


/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */



/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */


/* Page links */
.page-links {
	clear: both;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 2.2;
	margin: 20px 0;
	text-transform: uppercase;
}

.page-links a,
.page-links > span {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;
}

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
	background: #e63f2a;
	border: 1px solid #e63f2a;
	color: #fff;
}

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
	background: #fff;
	color: #e63f2a;
}

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
	background: none;
}

.page-links .page-links-title {
	background: transparent;
	border: none;
	margin-right: 20px;
	padding: 0;
}

/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #220e10;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #ea9629;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #595959;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}


/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */

.gallery {
	margin-bottom: 20px;
	margin-left: -4px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
	text-align: center;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition:         opacity 400ms ease;
	width: 100%;
}

.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */



/* Video */
.format-video {
	background-color: #db572f;
}

.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
	color: #fbfaf3;
}

.format-video .entry-title {
	font-size: 50px;
	font-weight: 400;
}

.format-video .entry-meta {
	color: #220e10;
}


/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */

.attachment .hentry {
	background-color: #e8e5ce;
	margin: 0;
	padding: 0;
}

.attachment .entry-header {
	margin-bottom: 0;
	max-width: 1040px;
	padding: 30px 0;
}

.attachment .entry-title {
	display: inline-block;
	float: left;
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}

.attachment .entry-title:before {
	content: "\f416";
	font-size: 32px;
	margin-right: 10px;
}

.attachment .entry-meta {
	clear: none;
	color: inherit;
	float: right;
	max-width: 604px;
	padding: 9px 0 0;
	text-align: right;
}

.hentry.attachment:not(.image-attachment) .entry-meta {
	max-width: 104px;
}

.attachment footer.entry-meta {
	display: none;
}

.attachment-meta:before {
	content: "\f307";
}

.full-size-link a:before {
	content: "\f402";
}

.full-size-link:before {
	content: none;
}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
	color: #ca3c08;
}

.attachment .entry-content {
	background-color: #fff;
	max-width: 100%;
	padding: 40px 0;
}

.image-navigation {
	margin: 0 auto;
	max-width: 1040px;
	position: relative;
}

.image-navigation a:hover {
	text-decoration: none;
}

.image-navigation .nav-previous,
.image-navigation .nav-next {
	position: absolute;
	top: 50px;
}

.image-navigation .nav-previous {
	left: 0;
}

.image-navigation .nav-next {
	right: 0;
}

.image-navigation .meta-nav {
	font-size: 32px;
	font-weight: 300;
	vertical-align: -4px;
}

.attachment .entry-attachment,
.attachment .type-attachment p {
	margin: 0 auto;
	max-width: 724px;
	text-align: center;
}

.attachment .entry-attachment .attachment {
	display: inline-block;
}

.attachment .entry-caption {
	text-align: left;
}

.attachment .entry-description {
	margin: 20px auto 0;
	max-width: 604px;
}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
	margin: 0;
}

.attachment .site-main .sidebar-container {
	display: none;
}

.attachment .entry-content .mejs-audio {
	max-width: 400px;
	margin: 0 auto;
}

.attachment .entry-content .wp-video {
	margin: 0 auto;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */


/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */



/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */


/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */



/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */





/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */



/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */



/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */
 
 .sidebar-inner{
 
 	
 }
 




/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

 



/**
 * 6.2 quotes
 * ----------------------------------------------------------------------------
 */


.quote-wrapper{
	width:100%;
	height:400px;
	position:relative;
	overflow:hidden;
	margin-top:50px;

}

.home .quote-wrapper{

	height:550px;

}

.quote-image{
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	height:550px;
	background-position: center 100px;
	}

.page-id-4361 .quote-image{
	background-position: center -270px;

}

.page-id-4321 .quote-image{
	background-position: center -220px;

}
.page-id-4340 .quote-image{
	background-position: center 100px;

}

.page-id-4360 .quote-image{
	background-position: center 100px;

}



.quote-content{
	/*margin:160px 20px 160px 0px;*/
	
	margin:7% 0;
}

.left-4347 {
	padding-right: 0px !important;
}
.left-4347 img {
	width: 100%;
	height: 100%;
}
.right-4347{
	background-color: #00BABF;
	color:#ffffff !important;
	padding-top: 59px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 5px !important;
}

.right-4347 h3.purple,
.right-4347 p
{
	color:#FFFFFF;
}

.left-4980 {
	padding-right: 0px !important;
}
.left-4980 img {
	width: 100%;
	height: 100%;
}
.right-4980{
	background-color: #00BABF;
	color:#ffffff !important;
	padding-top: 59px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 5px !important;
}

.right-4980 h3.purple,
.right-4980 p
{
	color:#FFFFFF;
}

.right-4341 {
	padding-left: 0px !important;
}

.right-4341 img {
	width: 100%;
	height: 100%;
}

.left-4341{
	background-color: #FFFFFF;

	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 16px !important;
}

.right-4983 {
	padding-left: 0px !important;
}

.right-4983 img {
	width: 100%;
	height: 100%;
}

.left-4983{
	background-color: #FFFFFF;

	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 16px !important;
}

.right-4353 {
	padding-left: 0px !important;
}

.right-4353 img {
	width: 100%;
	height: 100%;
}

.right-4996 {
	padding-left: 0px !important;
}

.right-4996 img {
	width: 100%;
	height: 100%;
}

.right-4354{
	background-color: #FFFFFF;

	padding-top: 0px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 30px !important;
}

.left-4346
{
	background-image: url("/wp-content/uploads/2018/09/corporatebranded-corporatevideo-1.jpg");
	background-size: 400px  415px;
	height: 415px;
	background-position: center center;
}

.left-4346 img {
	width: 100%;
	height: 100%;
	display: none;
}

.right-4346{
	padding-left:24px !important;
}

.left-4353{
	background-color: #FFFFFF;

	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 30px !important;
}

.right-4353{
	background-image: url("/wp-content/uploads/2018/09/corporatebranded-brandedvideo.jpg");
	background-size: 500px  368px;
	height: 345px;
	width: 368px;
	background-position: center center;
}

.left-4996{
	background-color: #FFFFFF;

	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 5px !important;
}

.right-4996{
	background-image: url("/wp-content/uploads/2018/09/corporatebranded-brandedvideo.jpg");
	background-size: 500px  368px;
	height: 342px;
	width: 368px;
	background-position: center center;
}


.left-4616{
	padding-right: 0px !important;
}

.left-4616 img {
	width: 100%;
	height: 100%;
}

.right-4616{
	background-color: #FFFFFF;
	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 47px !important;
}

.left-5003{
	padding-right: 0px !important;
}

.left-5003 img {
	width: 100%;
	height: 100%;
}

.right-5003{
	background-color: #FFFFFF;
	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 47px !important;
}

.right-4353 img{
display: none;
}


.right-4353 {
	padding-left: 0px !important;
}
.right-4353 img {
	width: 100%;
	height: 100%;
}
.left-4353{
	background-color: #FFFFFF;
	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 6px !important;
}

.right-4371 {
	padding-left: 0px !important;
}
.right-4371 img {
	width: 100%;
	height: 100%;
}
.left-4371{
	background-color: #FFFFFF;
	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 6px !important;
}

.right-5005 {
	padding-left: 0px !important;
}
.right-5005 img {
	width: 100%;
	height: 100%;
}
.left-5005{
	background-color: #FFFFFF;
	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 24px !important;
	padding-bottom: 6px !important;
}

.right-4365 {
	padding-left: 0px !important;
}

.right-4365 img {
	width: 100%;
	height: 100%;
}

.left-4365{
	background-color: #FFFFFF;

	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 94px !important;
	padding-bottom: 20px !important;
	min-height: 482px;
	max-height: 482px;
	overflow: auto;
}

.right-5002 {
	padding-left: 0px !important;
}

.right-5002 img {
	width: 100%;
	height: 100%;
}

.left-5002{
	background-color: #FFFFFF;

	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 94px !important;
	padding-bottom: 20px !important;
	min-height: 482px;
	max-height: 482px;
	overflow: auto;
}

.right-4398 {
	padding-left: 0px !important;
}

.right-4398 img {
	width: 100%;
	height: 100%;
}

.left-4398{
	background-color: #FFFFFF;

	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 94px !important;
	padding-bottom: 1px !important;
}

.right-5010 {
	padding-left: 0px !important;
}

.right-5010 img {
	width: 100%;
	height: 100%;
}

.left-5010{
	background-color: #FFFFFF;

	padding-top: 26px !important;
	padding-left:24px !important;
	padding-right: 94px !important;
	padding-bottom: 1px !important;
}

.right-4406 {
	padding-left: 0px !important;
	padding-top: 0px !important;
	background-color: #FFFFFF;
}

.right-4406 img {
	width: 100%;
	height: 100%;
}

.left-4406{
	background-color: #FFFFFF;

	padding-top: 24px !important;
	padding-left:24px !important;
	padding-right: 47px !important;
	padding-bottom: 0px !important;
}

.right-4960 {
	padding-left: 0px !important;
	padding-top: 0px !important;
	background-color: #FFFFFF;
}

.right-4960 img {
	width: 100%;
	height: 408px;
}

.left-4960{
	background-color: #FFFFFF;

	padding-top: 24px !important;
	padding-left:24px !important;
	padding-right: 47px !important;
	padding-bottom: 0px !important;
}

.bottom-4533,
.bottom-4523{
	min-height: 102px;
}

.bottom-4489,
.bottom-4483,
.bottom-4493{
	min-height: 199px;
}

.quote-content h1,
.quote-content h2,
.quote-content h3,
.quote-content h4{
	color:#fff;
	 	text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);

}

.quote-content h1{
	margin-top:0px;
}

.quote-content h2{
	margin-bottom:0px;
}

.quote-content h1.dark-shadow,
.quote-content h2.dark-shadow,
.quote-content h3.dark-shadow,
.quote-content h4.dark-shadow {
	text-shadow: 3px 3px 5px rgba(60, 60, 60, 0.3);
}

/* mobile */

@media (max-width: 480px) {

	.left-4365{
		background-color: #FFFFFF;

		padding-top: 26px !important;
		padding-left:24px !important;
		padding-right: 24px !important;
		padding-bottom: 20px !important;
		min-height: initial;
		max-height: none;
	}


	.home .quote-wrapper{

	height:inherit;

}
	
	.quote-image{
		background-size:cover;
		background-attachment:inherit;
background-position:center top;
		height:400px;
		overflow:hidden;
	}
	
	
	.quote-content{
		text-align:center;		
		margin-top:25%;
	}
	
	.quote-content h1,
	.quote-content h2,
	.quote-content h3,
	.quote-content h4{
		font-size:30px;
		line-height:30px;
	
	}
}


/**
 * 6.3 skrollr arrows
 * ----------------------------------------------------------------------------
 */
 
 .skrollr_container{
 	width:1px;
 	position:absolute;
 	height:100%;
 	z-index:1;
 	top:100px;
 	margin:0 auto;
 	left:50%;
 	
 
 }
 
  .skrollr_container:after{
  
  position:relative;
  }
 
  div[class*="skrollr_arrow"]{
  	position:absolute;
  	background-image:url('images/svg/skrollr-arrows.svg');
  	width:60px;
  	height:60px;
  }
  
  div[class*="skrollr_arrow"]:nth-child(1){
  	left:-360px;
 
  }
  
    div[class*="skrollr_arrow"]:nth-child(2){
  	left:-300px;

  }
  
    div[class*="skrollr_arrow"]:nth-child(3){
  	left:-190px;

  }
  
    div[class*="skrollr_arrow"]:nth-child(4){
  	left:-25px;

  }
  
    div[class*="skrollr_arrow"]:nth-child(5){
  	left:200px;

  }
  
    div[class*="skrollr_arrow"]:nth-child(6){
  	left:310px;

  }
  
  
 
 
  .skrollr_arrow_blur{
 	background-image:url('images/svg/skrollr-arrows-blur.svg');

 }
 
 
body .skrollr_arrow_size_sm{
 	background-size:60px;
 }
 
body .skrollr_arrow_size_lg{
 	background-size:112px;
 	  	width:112px;
  	height:112px;
 }
 
 div[class*="skrollr_arrow_size"]{

 
 }
 
 
 /**
 * 6.4 FEATURED BOX	
 * ----------------------------------------------------------------------------
 */
 
 
 .featured-box{
 padding:0px;
 	background-color:#f5f5f5;
 	margin-bottom:40px;
 	-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 2px 1px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 2px 1px 0px rgba(0, 0, 0, 0.25);
 }
 
  .featured-box:hover{
 	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.25);
 }
 
  .owl-carousel div:nth-child(4){
 	/*clear:both;*/
 }
 
.featured-box .featured-header{
 
 	background-repeat:no-repeat;
	background-position:top center;
	background-size:100%;
 }
 
.featured-box:hover .featured-header:not(.no-hover) .up{
 	opacity:0;
 }
 
 
 

  .featured-box .up{
 	opacity:1;
 }
 
 
 
 .featured-box .featured-header img{
 	width:100%;
 }
 
 .featured-box .featured-body{
 	padding:40px 10px 0px 20px;
 	min-height:330px;
 }

.featured-box .featured-body h3{
	height:52px
}
 
 .featured-box  .featured-body-size-s{
 	min-height:210px;
 }
 
  .featured-box  .min-height-s{
 	min-height:250px;
 }
 
 
   .featured-box  .min-height-m{
 	min-height:320px;
 }
 
   .featured-box  .min-height-l{
 	min-height:350px;
 }
 
    .featured-box  .min-height-xl{
 	min-height:420px;
 }
 

 
 .featured-box.featured-active .featured-body{
	background-color:#fff;
 }
 

 
 .featured-box .featured-footer{
	display:none;
 	padding:25px 0;
 	text-align:center;
 	background-color:#f5f5f5;
 }
 
 /* 2 columns */
 
 
 @media (max-width: 992px) {
 

 
   .owl-carousel div:nth-child(4){
	 	clear:inherit;
	 }

}

@media(max-width:544px){
	
	.featured-box  .min-height-s{
	 	min-height:0px;
	 }
 
   .featured-box  .min-height-m{
	 	min-height:300px;
	 }
 

	
}
 

 
 /* mobile */

@media (max-width: 480px) {
	
	.owl-carousel div:nth-child(4),
	.owl-carousel div:nth-child(3){
 		clear:none;
 	}
 

	.featured-box{
 		margin-bottom:20px;
 	}
 	
 	 .featured-box .featured-footer{
 		background-color:#f0f0f0;
 	}
}

/**
 * 6.4.2 NEWS BOX	
 * ----------------------------------------------------------------------------
 */
 
 
 .news-box{
 
 	margin-bottom:0px;
 }

 
.news-box .news-header{
 	overflow:hidden;
 }
 
 .news-box .news-header img{
 	
 }
 
 .news-box .news-body{
 	padding:10px;
 }
 
 .home  .news-box .news-body p{
 
 margin:0px;
 }
 
 .news-box.news-active .news-body{

 }
 
 /* mobile */
 @media (max-width: 544px) {

	 .news-box{
	 margin: 12.5px 20px;
	  float: left;
	 	background-color:#fff;
	 	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	 }
	 
	 .news-box .news-header{
	 	width:33.3333%;
	 	 float: left;
	 }
	 
	 .news-box .news-body{
	 	width:66.6667%;
	 	 float: left;
	 }
	 
	 .news-box .news-body h3{
	 	font-size:25px;
	 	line-height:25px;
	 	margin-bottom:0px;
	 }

 }
 
  @media (max-width: 425px) {
  
  .news-box .news-body h3{
	 	font-size:15px;
	 	line-height:15px;
	 	margin-bottom:0px;
	 }
  
  }
 
 
 
/**
 * 6.4.2 POSTS BOX	
 * ----------------------------------------------------------------------------
 */
 
 
 .posts-box{
 
 	margin-bottom:20px;
 	background-color:#f5f5f5;
 }

 
.posts-box .posts-header{
 	overflow:hidden;
 }
 
 .posts-box .posts-header img{
 	
 }
 
 .posts-box .posts-body{
 	padding:40px 40px 40px 10px;
 }

.products .posts-body{
	padding-top:0px;
}

.products{
	margin-bottom:60px;
}

.products table{


	border-collapse: collapse;
	border: none;
}

.products table tr td{
	font-size:16px;
	line-height: 22px;
	color:#2B307C;
	/*background-color: #6d4c41;*/
	font-weight: 700 !important;
	border-collapse: collapse;
	border: none;
	vertical-align: top;
	width: 25%;
}

.products table.tree tr td{
	vertical-align: baseline;

}

.products table.partners tr td {
	width: initial;
}
 
 .posts-box .posts-body-size-s{
 
 	padding:10px 40px 40px 10px;
 }
 
 .posts-box .posts-body-size-s h3{
 	margin-bottom:0px;
 }
 
 .posts-box.posts-active .posts-body{

 }
 
 /* mobile */
 @media (max-width: 480px) {

	 .posts-box{
	 margin: 12.5px 20px;
	  float: left;
	 	background-color:#fff;
	 	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		 position: relative;
	 }
	 
	 .posts-box.no-background{
	 -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0.25);
	 }
	 
	 .posts-box .posts-header{

	 	width:33.3333%;
	 	 float: left;
	 }
	 
	 .posts-box .posts-body{
	 	width:66.6667%;
	 	 float: left;
	 }
	 
	 .posts-box .posts-body h3{
	 	font-size:25px;
	 }
	 
	 /* list of posts */
	 
	.list .posts-box{
		padding:0px;
	}
	 
	 .posts-box .posts-header img{
	 	width:100%;
	 }
	 
	 .list .posts-box .posts-header, .posts-box .posts-body{
		 padding:20px;
	 	width:100%;
	 	 /*float: left;*/
		 padding-top: 0px;
	 	 
	 }
	 
	  .list .posts-box .posts-header {
		padding:0px;
	 }

	  .customer-body{
		background-size: 120px 120px;
	  }
 }
 
 
 
 /**
 * 6.4.2 POSTS BOX	
 * ----------------------------------------------------------------------------
 */

.category-cases .posts-more-box{

}
 
 .posts-more-box{
	 cursor: pointer;
	 margin-bottom: 40px;
	 background-color: #fff;
	 -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
	 -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
	 box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.25);
}

.case-information {
	position: absolute;
	bottom: -50px;
	left: 30px;
	padding-right: 30px;
	transition: all 1s;
	z-index: 2;
}

.category-labs .posts-more-box:hover {
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
}

.posts-more-box:hover > .case-information{
	position: absolute;
	bottom: 25px;
	left: 30px;
	padding-right: 30px;
	transition: all 1s;
}
/* mobile case*/
@media (max-width: 768px) {

	.case-information {
		bottom: 30px;
	}

}

.case-text {
	color: #fff;
	border-top: 1px solid white;
	padding-top: 10px;
}

#show-case {
	overflow: hidden;
	display: inline-block;
	border: 2px solid white;
	height: 50px;
	border-radius: 25px;
	padding: 0px 35px 0 35px;
	line-height: 45px;
	color: #ffffff;
	background-color: transparent;
	font-weight: bold;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	float: left;
}

.cases-overview .gradientback {

	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height: 50%;
	background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.cases-overview .posts-more-box {
	margin-bottom: 0px !important;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 420px;
	overflow: hidden;
}

input[type="submit"]:before, #show-case:before {
	border-left: 22.5px solid #fff;
}

.posts-more-box:hover{

}

.posts-more-box .posts-more-header{
 	overflow:hidden;
 }
 
 body .posts-more-box .posts-more-header img{
	max-width:inherit;
 }
 
 .posts-more-box .posts-more-header img{


 }
 
 .posts-more-box .posts-more-body h3{
 	margin:0px;
 }
 
 
 .posts-more-box .posts-more-body{
 	padding:20px !important;
 }
 
  .posts-more-box .posts-more-body .text{
  height:140px;
  overflow:hidden;
  }
 
 .posts-more-box .posts-more-body{
	overflow:hidden;
 }
 
 .posts-more-box .posts-more-body .button-wrapper{
	right:-200px;
	bottom:10px;
	position:absolute;
	 transition: 0.5s;
 }
 
  .posts-more-box .posts-more-body .button-wrapper{

  	background-color:#fff;
  	padding-left:20px;
  
  }
 
  .posts-more-box:hover .posts-more-body .button-wrapper{
	right:20px;
 }
 
  /* mobile */
 @media (max-width: 768px) {

	 #news-items .posts-more-box{
	 	padding:0px;
	 }
	 
 }

 
 /* mobile */
 @media (max-width: 480px) {

	 #news-items .posts-more-box{
	 margin: 0px;
	 padding:0px;
	 	background-color:#fff;
	 	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	 }
	 
	#news-items .posts-more-box .posts-more-header{
	 	width:100%;
	 	  float: inherit;
	 }
	 
	  #news-items .posts-more-more-box .posts-more-more-body{
	 		width:100%;
	 	 float: inherit;
	 }
	 
	 
	  .posts-more-box .posts-more-body .text{
		  height:inherit;
		  overflow:visible;
  	}

	  #news-items .posts-more-box .posts-more-body div{
		 padding:0px;

	 
	 }
	 
	  #news-items .posts-more-box .posts-more-body div:nth-child(2){
		 padding:0px;
		 margin-top:20px;
	 
	 }
	 
	 #news-items .posts-more-box .posts-body h3{
	 	font-size:25px;
	 }

	 .cases-overview .gradientback {
		 height: 90%;
		 background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%); /* FF3.6+ */
		 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
		 background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		 background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
		 background: -ms-linear-gradient(top,  rgba(137,255,241,0) 0%,,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%); /* IE10+ */
		 background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%); /* W3C */
		 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	 }

 }
 
  /**
 * 6.4.2 POST BOX HILIGHT
 * ----------------------------------------------------------------------------
 */
 
.hilight{
 	margin-bottom:60px;
 }
 
 .hilight .closeButton{
	 position:absolute;
	 width:70px;
	 right:0px;
	 top:80px;
	 z-index:1;

 }
 
 .hilight .closeButton img{
 

 }

 .loader { border: 0 none; float: left; clear: both; margin: 100px 0 0 200px; }
 

 
.hilight .post-toggle-wrapper{
 	padding:80px;
 	position:relative;
 }
 
.hilight .post-toggle-header{
 	
 }
 
 .hilight .post-toggle-header .video-wrapper{
  	display:none;
  	z-index:999;
  }
 
.hilight .media{
	margin:0 0 20px 0;

}

.hilight .social{
	margin:0 0 20px 0;
}

.hilight .social a{
	float:right;
	margin-left:15px;
}

body:not(.category-1) .hilight .post-toggle-body,
body:not(.category-1) .hilight .post-toggle-body p,
body:not(.category-1) .hilight .post-toggle-wrapper p,
body:not(.category-1) .hilight .post-toggle-wrapper h2,
body:not(.category-1) .hilight .post-toggle-wrapper label,
body:not(.category-1) .hilight .post-toggle-body a,
body:not(.category-1) .hilight .post-toggle-body h1,
body:not(.category-1) .hilight .post-toggle-body h2,
body:not(.category-1) .hilight .post-toggle-body h3,
body:not(.category-1) .hilight .post-toggle-body h4,
body:not(.category-1) .hilight .post-toggle-body h5,
body:not(.category-1) .hilight .post-toggle-body h6,
body:not(.category-1) .hilight .post-toggle-body h7{
	color:#fff;
}

.hilight .post-toggle-body .meta{
	color:#a0a0a0;
	margin:0 0 10px 0;
}

.toggle-content-wrapper{
	float:right;
	position: inherit;
	text-align:center;
	width:50px;
	margin-right:-100px;
}

.toggle-content-wrapper .toggle-text{
	display:inline-block;
}

.post-toggle-body .wpcf7{
	float:left;
	border:1px solid #fff;
	padding:80px;
}

/* GALLERY */

#post-gallery{
	
}

.gallery-video{
	position:relative;
}

#post-gallery .video-iframe{
	display:none;

}

#post-gallery .ajax-load{
	position:absolute;
	top:50%;
	left:50%;
}

#post-gallery .gallery-videos{
	margin: 20px -10px 10px -10px;
	
}

#post-gallery .gallery-video{
	background-color:#f3f3f3;
	
}

#post-gallery .gallery-videos .video{
	position:relative;
	float:left;
	margin:10px;
	opacity:0.5;
}

#post-gallery .gallery-videos .video:hover{

	opacity:1;
}


#post-gallery .gallery-videos .video .circle-arrow{
	position:absolute;
	left:40px;
	top:5px;
}




@media (max-width:768px){
	
	#post-gallery .gallery-videos .video{
		margin:3px;
	}
	
	#post-gallery .gallery-videos .video img{

	
	}
	
	
	.toggle-content-wrapper{
		float:left;
		width:100%;
		text-align:left;
	}
	
	.toggle-content-wrapper .toggle-text{
		display:block;
	}
	
}
 
 
 
 
 
/**
 * 6.4.2 HIGHLIGHT BOX	
 * ----------------------------------------------------------------------------
 */
 
 
 .highlight-box{
 

 }

 
 .highlight-box .highlight-header{

 }
 

 
 .highlight-box .highlight-header .quote{
 	font-family: "Brokman-Bold",Arial;
	color:#b94191;
 }
 
  
 
  .highlight-box .highlight-header .quote.large{
	font-size:240px;
	display:block;
	margin-top:40px;
 }
 
 
.home .highlight-box .highlight-header .quote.large{
	display:inline;
margin-top:0px;
 }
 
 .highlight-box .highlight-body{

 }
 
 

 
 /* mobile */
 @media (max-width: 768px) {

	 .highlight-box .highlight-header .quote.large{
		font-size:100px;
		line-height:100px;
 	}
 	
 	.hilight .post-toggle-wrapper{
 		padding:20px 0 0 0;
 	
 	}
 	
 	
 	

 }
 
 
 
 
 /**
 * 6.4.2 CUSTOMERS BOX	
 * ----------------------------------------------------------------------------
 */
 
 
 .customer-box-wrapper{
 
	background-color:#fff;
	padding:40px 80px;
 }
 
  .customer-box-wrapper .col-md-2{
	  width: 20%;
  }

 
 .customer-box {
	 	-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 2px 1px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 2px 1px 0px rgba(0, 0, 0, 0.25);
 }
 
  .customer-box:hover {
	 		-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.25);
 }
 
.customer-body{
	background-repeat:no-repeat;
	background-position:top center;

 }
 
  .customer-box:hover   .customer-body:not(.no-hover) .up{
 	opacity:0;
 }
 

  .customer-body .up{
 	opacity:1;
 }

 
 
 

 
 /* mobile */
 @media (max-width: 480px) {

	 .customer-box-wrapper{
 
	background-color:#fff;
	padding:10px;
 }
 
   .customer-box-wrapper .col-md-2{
   text-align:center;
  	width:50%;
  }
  
   .customer-box {
    margin-bottom:20px;
   
   }
   
  
 

 }
 
 .up img {
 	max-width: 100%;
 	height: auto;
 }
 
 .customer-box-wrapper .col-md-2 {
 	min-height: 1px;
 }
 
 
 
/**
 * 6.5 Owl Carousel
 * ----------------------------------------------------------------------------
 */
 /*
.owl-nav{
	display:none;
}*/
 
 .owl-theme .owl-controls {
    margin-top: 10px;
    margin-bottom:20px;
    text-align: center;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    background: #869791 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
.owl-theme .owl-controls .owl-nav .disabled {
    cursor: default;
    opacity: 0.5;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
}
.owl-theme .owl-dots .owl-dot span {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 23px;
    margin: 5px 7px;
    transition: opacity 200ms ease 0s;
    width: 23px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #2c327A none repeat scroll 0 0;
}

.owl-carousel.off {
    display: block;
}


/**
 * Enlarge fullscreenbutton	
 * ----------------------------------------------------------------------------
 */


.q-h {
    display: block;
    position: relative;
}
.q-c, .q-l, body div.q-i, .q-i iframe {
    border: medium none;
    display: block;
    float: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.q-i, .q-i iframe {
    display: block;
    float: none;
    overflow: hidden;
}
.q-f {
	
    cursor: pointer;
    display: block;
    float: none;
    position: absolute;
}
.q-disabled .q-f {
    display: none;
}
.q-fs-active.q-h {
    display: table;
    height: 100%;
    width: 100%;
}
.q-fs-active .q-c, .q-fs-active .q-l {
    display: block;
    height: auto;
    position: relative;
}
.q-fs-active .q-c {
    display: table-cell;
    vertical-align: middle;
}
.q-fs-active .q-l {
    margin: 0 auto;
    width: 100%;
}
.q-h.q-fullbrowser_open {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
}
.q-f {
    background: transparent none repeat scroll 0 0;
    bottom: 0;
    height: 40px !important;
    right: 0;
    width: 40px !important;
}



/**
 * 6.5.1 CASES	
 * ----------------------------------------------------------------------------
 */
 
 body .owl-stage{
  
 }

 body.body-fullscreen .owl-stage{
 	position:relative !important;
	 width:960px !important;
	/* height:500px!important;*/
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    z-index: 999999999 !important;
    
 }
 
 .body-fullscreen-owl-item{
 	display:none !important;
 }

  body.body-fullscreen .case-box .navigation,
   body.body-fullscreen .header,
   body.body-fullscreen .section_label_wrapper{
 	display:none;
 }
 

 
  .case-box .owl-controls{
 	display:none;
 }
 
 .case-background{
 	background-repeat: no-repeat;
 	background-size:cover;
 	background-color:#87a1d5;
 	/*background-attachment:fixed;*/
background-position:center center;

 	width:100%;
 	height:500px;

 
 }
 
 .case-box .case-wrapper{
 	margin-top:-380px;
 	padding: 0 80px;

 
 }
 
  
  body .case-box .navigation{
  height:1px;
  width:100%;
 	position:absolute;
	z-index:10;
	top:300px;
 }
 
body .case-box .navigation .container{
   position:relative;
}
 
  body .navigation .nav_left, body .navigation .nav_right{
  	position:absolute;
  	width:70px;
  	height:70px;
  
  }
  
  
  
   body .navigation .circle-arrow{
   	position:absolute;
   }
 
 body .navigation .nav_left{
 	left:-20px;
 }
 
  body .navigation .nav_left .owl-prev{
 	 
  }
 
  body .navigation .nav_right{
 	right:-20px;
 	
 }
 
 
 .case-box .case-body, .case-box .case-header{
 	
	z-index:10;
 }
 

 
 .case-box .case-header{
 	margin-bottom:60px;

 }
 
 .case-box  .video-wrapper{
 	z-index:999;
 	position:relative;
 	width:800px;
 	height:450px;
 }
 
 body .case-wrapper{
 	z-index:11;
 }
 
 body div[class*="section-"] div .section_label_wrapper{
 	position:absolute;
 	top:0px;
 	left:0px;
 	z-index:2
 }
 
 @media (max-width: 767px) {
 
 /*.case-box .circle-arrow{*/
 	/*display:none;*/
 /*}*/
 .mt-100{
	 margin-top: 120px;
 }
  .case-box .case-header{
 	/*background-color:#87a1d5;*/
 	margin:0 0 20px 0;
	width:100%;
 	padding:0px 20px 40px 20px;
 	height:200px;
 }
  
  .case-background{
  	/*background-image:none !important;*/
  	height:300px;
  	padding:80px 0 0 0 ;
  }
  
   .case-box .case-wrapper{
  		padding:0px;
  	margin:0;
	   margin-top: -230px;
  
  }
  
   .case-box .case-body{
   		padding:20px 20px 0 20px;
   		/*max-height:260px;*/

   }
   
  .case-box .case-body .ellipsis{
   	display:inline !important;
   }
   

  
  
 }
 
  @media (max-width: 767px) {
  
	 .case-box .owl-controls{
	 	display:block;
	 }
 
  }
  
  
  /* CASES HOME fullscreen*/
  
	.q-q-f{
		position:absolute;
		bottom:0px;
		right:0px;
		width:40px;
		height:40px;
	}
	
	.home iframe{
		width:800px !important;
		height:450px !important;
		border:0px;
	
	}
	
	body.home iframe#videos-home{
		 height:900px !important;
	 }

	body.home iframe#home-videos{
		height:900px !important;
	}
	
	body.fs-enable.home iframe{
		width:100% !important;
		height:100% !important;
	}
	

  

 
  @media (max-width: 544px) {
	.home iframe{
		/*width:auto !important;
		height:auto !important;
	
	*/
	}
  
  }
  
  
 
 /**
 * SEARCHFORM
 * ----------------------------------------------------------------------------
 */
 
 .searchform-wrapper{
 padding:0 80px;
 margin:20px 0 0 0;
 
 }
 
 
  .searchform-wrapper .form-control{
  
  padding:10px;
  height:inherit;
 }
 
 
 
/**
 * 6.5.2 NEWS	
 * ----------------------------------------------------------------------------
 */
 
  #news-items .posts-more-box{
   margin-bottom:20px;
  }

 #news-items .posts-more-header{
 	position: relative;
 	padding: 0;
 	overflow:hidden;

 
 }
 

      body.page-id-134 .posts-more-box .posts-more-header img,
  body.category-90 #news-items .posts-more-header img,
	  body.category-13 #news-items .posts-more-header img,
	  body.category-82 #news-items .posts-more-header img{

width:100%;
 
 }
 
  @media (max-width: 544px) {
  
   #news-items .posts-more-header{
   	height:auto;
   }
  
    #news-items .posts-more-header img{

	width:100%;
 
 }
}
 
  /* mobile */
 @media (max-width: 480px) {

	body.home  #news-items .posts-more-box{
	 margin: 12.5px 20px;
	  float: inherit;
	 	background-color:#fff;
	 	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.25);
	 }
	 
	body.home  #news-items .posts-more-box .posts-more-header{
	 	width:33.3333%;
	 	 float: left;
	 }
	 
	body.home  #news-items .posts-more-more-box .posts-more-more-body{
	 	width:66.6667%;
	 	 float: left;
	 }
	 
	body.home  #news-items .posts-more-box .posts-body h3{
	 	font-size:25px;
	 }

 }
 
 
 
 
  #news-items .posts-more-header .cat_overlay{
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 66%;
 	text-align: center;
 	background: rgb(255,255,255);
 	background: rgba(255,255,255,0.8);    
 	font-family: 'Brokman-DemiBold';
 	padding: 10px;
 }
   #news-items .posts-more-header .format{
 	position: absolute;
 	top: 5px;
 	left: 5px;
 	width:30px;
 }
 
  #news-items .posts-more-body .date{
 	color: #a0a0a0;
 	font-size: 14px; 
  }
 
ul#categories {
 	display: block;
 	margin: auto;
 	border-bottom: 2px solid #283378;
 	padding:0px;
 }
ul#categories li {
  	margin: 0px;
  }
ul#categories li a{
   	display: block;
   	background-color: #FFF;
   	padding: 5px;
   	text-align: center;
   	color: #283378;
   	text-decoration: none;
   	border-left: 2px solid #FFF;
   	border-top: 2px solid #FFF;
   	border-right: 2px solid #FFF;
   	font-family: 'Brokman-DemiBold'
   }
ul#categories li.active a
   {
   		background-color: #283378;
   		color: #FFF;
   }
ul#categories li.active a,
ul#categories li a:hover{
   	border-left: 2px solid #283378;
   	border-top: 2px solid #283378;
   	border-right: 2px solid #283378;
   }
   
   
 #news-items .posts-more-body a {
 	font-size: 14px;
 	color: #283378;
 }
 
  #news-items .posts-more-body a {
 	font-size: 14px;
 	color: #283378;
 }
 
 .category-cases   #news-items .posts-more-body a {
 	color: #fff;
 }
 
  #news-items #pagination,#pagination{
  	text-align: center;
  	position:relative;
  	height:40px;
  	clear:both;
  	margin:40px 0 60px 0;
  }
  
  
	 #news-items #pagination .number-of-posts,#pagination .number-of-posts{
	 
	 display:inline;
	 position:absolute;
	 top:10px;
	 margin:0 0 0 20px ;
	 
	
	 
  }
  
  
   @media (max-width: 480px) {
   
   #news-items #pagination ,
   #pagination {
	   text-align:center;
	   float:inherit;
	  
   }
   
	   #news-items #pagination .number-of-posts,#pagination .number-of-posts{
		width:100%;
			display:block;
		 	position:inherit;
		 	top:inherit;
		 	margin:0px ;
		 
		
		 
	  }
   
   }
  
/**
 * Downloads
 * ----------------------------------------------------------------------------
 */
  
  .download_wrapper{

  clear:both;
  
  }
  
  .download_wrapper a{

  }
  
.download_wrapper a.icon-button span.et-icon span:before{

	content: "";
	display:inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 22.5px solid #5e669a;
	border-right: 22.5px solid transparent;
	border-top: 22.5px solid transparent;
	border-bottom: 22.5px solid transparent;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	left:0px; 
	top:0px;
	text-decoration:none;
	

  
  }
  
  .download_wrapper a.icon-button span.et-icon span{
  	overflow:hidden;
	display:inline-block;
	border:none;
	background-color:#283378;
	height:45px;
	border-radius:25px;
	padding:0px 35px 0 35px;
	line-height:45px;
    color:#ffffff;
    font-weight: bold;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
  	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
   	-webkit-transition-property: box-shadow;
    transition-property: box-shadow;
  
  }
  
  
  
  @media (max-width: 544px) {
  
	  .post-toggle-body .wpcf7{
	  	padding:20px; 
	  	margin-bottom:20px;
	  }
	  
	 .post-toggle-body .wpcf7 .no-padding-right{
	 
	 padding:0px;
	  }
	  
	  
  
  }
  
  
  
  
  /**
 * Cases
 * ----------------------------------------------------------------------------
 */
  
  
  .cat-cases ul#categories li a{
  
  	min-height:60px;
  
  }
  
  
  
  
  
/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

body .footer{
	position:inherit;
	z-index:1;
	
}

.footer a {
		text-decoration:none;
		color:#ffffff;
}





 
 /**
 * newsletter
 * ----------------------------------------------------------------------------
 */
 
 .mc4wp-form-fields{

 }

.mc4wp-form-fields input.input{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

 .mailster-form-info{
	float:left;
 }
 
 body .mailster-form-info.error{
  background-color: #f2dede !important;
    border-color: #ebccd1 !important;
    color: #a94442 !important;
 }
 
 body .mailster-form-info.success{
 	background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    color: #3c763d !important;
    display:block;
    width:360px;
 }
 
 .mailster-wrapper{
 float:left;
 margin-bottom:20px;
 width:100%;
 }
 
 .mailster-submit-wrapper{
 	float:left;
 	margin-bottom:20px;
 }
 
  label.yikes-mailchimp-field-required{
 color:#fff !important;
 float:left !important;
 }
 
 .mymail-form-fields {
 	color: #fff;
 }
 
 .mymail-wrapper {
 	float: left;
 	width: 100%;
 }
 
 .mymail-submit-wrapper {
 	margin-top: 6px;
 }

.yikes-easy-mc-form .yikes-easy-mc-submit-button {
 	background-color: #fff;
    width: 200px !important;
 	background-color:#ffffff;
	color:#283378;
 	margin: 6px 0 0;
    padding: unset !important;
 }
 
body .yikes-easy-mc-submit-button:before
{
	content: "";
	display:inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 22.5px solid #5e669a;
	border-right: 22.5px solid transparent;
	border-top: 22.5px solid transparent;
	border-bottom: 22.5px solid transparent;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;

}

.mailchimp-required{
	font-size: 120%;
	font-weight: 700;
	color:#BF4D4D;
}

body .yikes-easy-mc-submit-button
{

	background-color:#ffffff;
	color:#283378;

}

 
 
 /**
 * 7.0 Footer bottom
 * ----------------------------------------------------------------------------
 */
 
 
 
 
 .footer-bottom img.social-icon{
 	width:50px;
 	height:50px;
 }
 
 .footer-bottom .social-icons div[class *="col-"]{
	width:70px;
	
}

 .footer-bottom .social-icons div[class *="col-"]:first-child{
	width:50px;
	padding:0px 10px 0 0;
	
}

 .footer-bottom .social-icons div[class *="col-"]:last-child{
	width:60px;
	padding:0px 0 0 20px;
	
}

@media (max-width: 480px) {

	.footer-bottom .social-icons div[class*="col-"]:last-child {
	    padding: inherit;
	    width: inherit
	}

	.footer-bottom .social-icons div[class*="col-"] {
	    width: inherit;
	}

}

/**
 * 10.0 Media Queries
 * ----------------------------------------------------------------------------
 */
 
 button.navbar-toggle{

	background-color:transparent !important;
	transition-property:inherit;
}

button.navbar-toggle .icon-bar{
	background-color:#fff !important;
}

body{
	 	font-family: "Brokman-Regular",Arial;
		width:100%;
		overflow:hidden;
	}
	
	
	
   
   @media (min-width: 768px) {  
   
	  body.category-90 #news-items .posts-more-header,
	  body.category-13 #news-items .posts-more-header,
	  body.category-82 #news-items .posts-more-header{
	   		height:370px;
	   }
   
   }

/* iPad Pro */
@media (min-width: 1024px) {

	body.category-90 #news-items .posts-more-header,
	body.category-13 #news-items .posts-more-header,
	body.category-82 #news-items .posts-more-header{
		height:230px;
	}

}
 
 /* Large desktop */
@media (min-width: 1200px) { 
	
 		body.category-90 #news-items .posts-more-header,
	  body.category-13 #news-items .posts-more-header,
	  body.category-82 #news-items .posts-more-header{
	   		height:430px;
	   }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	ul.nav.navbar-nav{
		float:left !important;
	}
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

.dt-corner{
	display:none;
}

body .metaslider .caption-wrap{
	font-size:16px;
line-height:18px;
	height:50%;
}
	
.header-top [class*="col-md-"]{
	float:left;
	width:50%;
	
}


	
	 
}
 

/* OVP landingspage */

body.page-template-ovp{


}

body.page-template-ovp .quote-content h1{
	margin-top:10px;

}

@media (min-width: 480px) {

	body.page-template-ovp .quote-content h1{
		margin-top:10px;
		font-size:49px;
		line-height:57px;
	}

}

body.page-template-ovp .quote-content h2{
	font-family: "Brokman-Light",Arial,"Times New Roman",Times,serif;
}

body.page-template-ovp .quote-image{
	background-size: auto 100%;
	background-attachment: initial;
	background-position: top;
}

body.page-template-ovp .section-wrapper .section-wrapper{

}

body.page-template-ovp .section-wrapper .section-wrapper div[class *="section"]{
	padding:60px 0;

}

body.page-template-ovp  .section-wrapper .section-wrapper:first-child{

}


body.page-template-ovp  .section-wrapper .section-wrapper:first-child p{
	text-align:center;
	font-weight:bold;
	color:#2B3579;
}

@media (min-width: 480px) {

	body.page-template-ovp  .section-wrapper .section-wrapper:first-child p{
		font-size:27px;
		line-height:45px;
	}

}

body.page-template-ovp  .section-wrapper .section-wrapper h2{
	color:#A32C6A;
}


body.page-template-ovp  .section-wrapper .section-wrapper .clear{
	display:none;
}

body.page-template-ovp  .section-wrapper .section-wrapper .col{
	width:100%;
}

@media (min-width: 480px) {

	body.page-template-ovp  .section-wrapper .section-wrapper .col{
		width: 50%;
		align-self: center;
	}
	body.page-template-ovp  .section-wrapper .section-wrapper .col.col-center{
		display: flex;
		justify-content: center;

	}
	body.page-template-ovp  .section-wrapper .section-wrapper .col.col-left{
		display: flex;
		justify-content: flex-start;

	}
	body.page-template-ovp  .section-wrapper .section-wrapper .col.col-right{
		display: flex;
		justify-content: flex-end;

	}


}

@media (min-width: 480px) {

	body.page-template-ovp  .section-wrapper .section-wrapper .section-m .body-size-s{
		display: flex;
	}
}



body.page-template-ovp  .section-wrapper .section-wrapper .section-xs .body-size-s.portfolio,
body.page-template-ovp  .section-wrapper .section-wrapper .section-xs .body-size-s{
	display: flex;
	flex-direction: column;
}

body.page-template-ovp  .section-wrapper .section-wrapper .section-xs .body-size-s.portfolio{
	text-align: center;
}
body.page-template-ovp  .section-wrapper .section-wrapper .section-xs .body-size-s.portfolio .col-md-3{
	text-align: center;
	padding: 0 30px;
	margin-bottom: 15px;
}
body.page-template-ovp  .section-wrapper .section-wrapper .section-xs .body-size-s.portfolio .icons{
	background-position: center;
}

body.page-template-ovp  .section-wrapper .section-wrapper .section-m .body-size-s button.simple{
	border-radius: 0;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px;
	font-weight: normal;
	background-color: #A32C6A;
	border: none;
}
body.page-template-ovp  .section-wrapper .section-wrapper .section-m .body-size-s.portfolio-buttons button.simple{
	background-color: #2B3579;
}
body.page-template-ovp  .section-wrapper .section-wrapper .section-m .body-size-s.portfolio-buttons{
	justify-content: center;
}
body.page-template-ovp  .section-wrapper .section-wrapper .section-m .body-size-s button.simple:before{
	display: none;
}