﻿

/* Place into Options --> General --> "Custom CSS" */


.q_icon_list {
    margin-bottom: 0px !important;
}
.carousel-inner h3{
margin: 0 !important;
}
.carousel-inner h2{
margin: 0 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-color: #dedede !important;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label
 {
    font-size: 1.1rem !important;
}

/* Customized CSS for Wordpress  Theme "Stockholm-Child" */
.loginfield { 
width:80% !important;
margin-top: 0.5em;
margin-right: 0.5em;
margin-bottom: 0.5em;
margin-left: 0.5em;
font-style: normal;
font-weight: 400;
font-size: 15px !important;
font-family: inherit;
font-size: inherit;
border-color: #efefef;
line-height: 1.5em;
text-indent: 0px;
text-shadow: none;
position: relative;
margin: 0 0 15px 0;
padding: 10px 17px;
outline: 0;
resize: none;
line-height: 18px;
background-color: #fff;
color: #8d8d8d;
border: 1px solid #397dab;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.formfield { 
width:80% !important;
margin-top: 0.5em;
margin-right: 0.5em;
margin-bottom: 0.5em;
margin-left: 0.5em;
font-style: normal;
font-weight: 400;
font-size: 15px !important;
font-family: inherit;
font-size: inherit;
border-color: #efefef;
line-height: 1.5em;
text-indent: 0px;
text-shadow: none;
position: relative;
margin: 0 0 15px 0;
padding: 10px 17px;
outline: 0;
resize: none;
line-height: 18px;
background-color: #fff;
color: #262626;
border: 1px solid #397dab;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.formfield_half { 
width:40% !important;
margin-top: 0.5em;
margin-right: 0.5em;
margin-bottom: 0.5em;
margin-left: 0.5em;
font-style: normal;
font-weight: 400;
font-size: 15px !important;
font-family: inherit;
font-size: inherit;
border-color: #efefef;
line-height: 1.5em;
text-indent: 0px;
text-shadow: none;
position: relative;
margin: 0 0 15px 0;
padding: 10px 17px;
outline: 0;
resize: none;
line-height: 18px;
background-color: #fff;
color: #262626;
border: 1px solid #397dab;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* Overwrite Standard Textarea widht */
textarea.standard {
    width: 83% !important;
    border: 1px solid #397dab;
    border-radius: 0;
}

.roformfield { 
width:80% !important;
margin-top: 0.5em;
margin-right: 0.5em;
margin-bottom: 0.5em;
margin-left: 0.5em;
font-style: normal;
font-weight: 300;
font-size: 15px !important;
font-family: inherit;
font-size: inherit;
border-color: #efefef;
line-height: 1.5em;
text-indent: 0px;
text-shadow: none;
position: relative;
margin: 0 0 15px 0;
padding: 10px 17px;
outline: 0;
resize: none;
line-height: 18px;
background-color: #e6e6e6;
color: #8d8d8d;
border: 1px solid #919191;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.itp-big {
	width:80% !important;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	font-style: normal;
	font-weight: 400;
	font-size: 15px !important;
	font-family: inherit;
	font-size: inherit;
	border-color: #efefef;
	line-height: 1.5em;
	text-indent: 0px;
	text-shadow: none;
	position: relative;
	margin: 0 0 15px 0;
	padding: 10px 17px;
	outline: 0;
	resize: none;
	line-height: 18px;
	background-color: #fff;
	color: #262626;
	border: 1px solid #397dab;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.itp-login {
   text-align: right !important;
   margin-top:-22px !important;
   margin-right:0px !important;
   font-size: 10px !important;
   font-weight: 300;
}


 .projects_holder article .portfolio_shader, .projects_masonry_holder article .portfolio_shader, .portfolio_slides .portfolio_shader {
    background-color: #397dab !important;
}

.blog_holder.masonry article .post_image a .post_overlay,
.blog_holder.masonry_full_width article .post_image a .post_overlay,
.latest_post_holder .boxes_image a .latest_post_overlay {
    background-color: #397dab !important;
}



.lang {
   text-align: right !important;
   margin-top: 4px !important;
   margin-right: 138px !important;
   font-size: 10px !important;
   font-weight: 300;
}


.dropdown {
   position: relative;
   display: block;
   text-align: right !important;
   margin-top:0px !important;
   margin-bottom:0px !important;
}

.dropbtn {
    background-color: transparent;
    color: white;
    padding-top: 13px;
    border: none;
    cursor: pointer;
    background-image:url('/wp-content/uploads/2016/10/login-icon.png');
    background-size: 16px;
    background-repeat:no-repeat;
    background-position: center;
    padding-left:32px;
    outline:none;
}

.dropbtn:hover, .dropbtn:focus {
   background-color: transparent;
}

.loginbtn {
    background-color: transparent;
    color: white;
    padding-top: 13px;
    border: none;
    cursor: pointer;
    background-image:url('/wp-content/uploads/2016/10/login-icon_inactive.png');
    background-size: 16px;
    background-repeat:no-repeat;
    background-position: center;
    padding-left:32px;
    outline:none;
}

.loginb:hover, .loginb:focus {
   background-color: transparent;
}



.dropdown-content {
    display: none;
    position: relative;
    background-color: transparaent; /* #efbb4a; */
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   font-size: 10px !important;
   font-weight: 300;
}

.dropdown-content a {

font-style: normal;
font-weight: 450;
font-size: 10px !important;
line-height: 1.5em;
text-indent: 0px;
text-shadow: none;
padding: 10px 8px;
text-decoration: none;
outline: 2px;
font-family: inherit;
font-size: inherit;
background-color: #e6ae48;
color: #f2f2f2;
display: inline-block;
box-shadow: inset 1px 1px #f2f2f2;
}
.dropdown-content a:hover {
color:#fff; background-color: #397dab
}


.dropdown a:hover {background-color: #397dab}

.show {display:inline-block;}

.checkbox, .radio {
    display: inline-block;
}

/* Slider Customization */
.slider_content  { 
top: 5% !important;
}


.formbutton {
	position: relative;
	display: inline-block;
	width: auto;
	height: 34px;
	line-height: 34px;
	margin: 0;
	padding: 0 22px;
	border: 2px solid #397dab;
	font-size: 11px;
	font-weight: 800;
	font-family: inherit;
	text-align: left;
	color: #fff;
	background-color: #397dab;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	font-style: normal;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: 2px;
	white-space: nowrap;
	border-radius: 0;
	-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;

	-webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	box-sizing: initial !important;
}

#lang_sel_list {
  position: absolute !important;
  left: 280px !important;
  padding-top: 4px !important;
  background: transparent !important;
  background-color: transparent !important;
}

#lang_sel_list ul {
    border-top: 0px !important;
}
#lang_sel_list ul a {
  background: transparent !important;
  color: #444444;
}

/* Colors */
.itp-amber,.itp-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.itp-aqua,.itp-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.itp-blue,.itp-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.itp-light-blue,.itp-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.itp-brown,.itp-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.itp-cyan,.itp-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.itp-blue-grey,.itp-hover-blue-grey:hover,.itp-blue-gray,.itp-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.itp-green,.itp-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.itp-light-green,.itp-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.itp-indigo,.itp-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.itp-khaki,.itp-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.itp-lime,.itp-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.itp-orange,.itp-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.itp-deep-orange,.itp-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.itp-pink,.itp-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.itp-purple,.itp-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.itp-deep-purple,.itp-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.itp-red,.itp-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.itp-sand,.itp-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.itp-teal,.itp-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.itp-yellow,.itp-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.itp-white,.itp-hover-white:hover{color:#000!important;background-color:#fff!important}
.itp-black,.itp-hover-black:hover{color:#fff!important;background-color:#000!important}
.itp-grey,.itp-hover-grey:hover,.itp-gray,.itp-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.itp-light-grey,.itp-hover-light-grey:hover,.itp-light-gray,.itp-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.itp-dark-grey,.itp-hover-dark-grey:hover,.itp-dark-gray,.itp-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.itp-pale-red,.itp-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.itp-pale-green,.itp-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.itp-pale-yellow,.itp-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.itp-pale-blue,.itp-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}



/* Tabelsorter Plugin (overwrites */
table.tablesorter thead tr th { 
    background-image: url(images/bg.gif); 
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: right center;
}

table.tablesorter thead tr th{    
	border: 1px !important; 
}

table.tablesorter thead tr .tablesorter-headerAsc { 
    background-image: url(images/asc.gif);
 
}

table.tablesorter thead tr .tablesorter-headerDesc { 
    background-image: url(images/desc.gif);
}

table.tablesorter thead tr .sortless{background-image:none; cursor: default;}


.cssload-clock{
	border-radius: 143px;
	border: 7px solid rgb(57,125,171);
	height: 190px;
	width: 190px;
	position: relative;
	left: 35%;
	left: calc(50% - 102px);
		left: -o-calc(50% - 102px);
		left: -ms-calc(50% - 102px);
		left: -webkit-calc(50% - 102px);
		left: -moz-calc(50% - 102px);
}
.cssload-clock:after{
	content: "";
	position: absolute;
	background-color: rgb(57,125,171);
	top:5px;
	left: 48%;
	height: 90px;
	width: 10px;
	border-radius: 12px;
	transform-origin: 50% 97%;
		-o-transform-origin: 50% 97%;
		-ms-transform-origin: 50% 97%;
		-webkit-transform-origin: 50% 97%;
		-moz-transform-origin: 50% 97%;
	animation: grdAiguille 2.3s linear infinite;
		-o-animation: grdAiguille 2.3s linear infinite;
		-ms-animation: grdAiguille 2.3s linear infinite;
		-webkit-animation: grdAiguille 2.3s linear infinite;
		-moz-animation: grdAiguille 2.3s linear infinite;
}



.cssload-clock:before{
	content: "";
	position: absolute;
	background-color: rgb(57,125,171);
	top:14px;
	left: 48%;
	height: 83px;
	width: 10px;
	border-radius: 12px;
	transform-origin: 50% 94%;
		-o-transform-origin: 50% 94%;
		-ms-transform-origin: 50% 94%;
		-webkit-transform-origin: 50% 94%;
		-moz-transform-origin: 50% 94%;
	animation: ptAiguille 13.8s linear infinite;
		-o-animation: ptAiguille 13.8s linear infinite;
		-ms-animation: ptAiguille 13.8s linear infinite;
		-webkit-animation: ptAiguille 13.8s linear infinite;
		-moz-animation: ptAiguille 13.8s linear infinite;
}

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz {
    margin: 0 0 15px;
    padding: 10px 17px;
    border: 2px solid rgba(216, 216, 216, 0.82);
    outline: 0;
    resize: none;
    font-family: inherit;
    line-height: 18px;
    background-color: #fff;
    color: #8d8d8d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}


@keyframes grdAiguille{
		0%{transform:rotate(0deg);}
		100%{transform:rotate(360deg);}
}

@-o-keyframes grdAiguille{
		0%{-o-transform:rotate(0deg);}
		100%{-o-transform:rotate(360deg);}
}

@-ms-keyframes grdAiguille{
		0%{-ms-transform:rotate(0deg);}
		100%{-ms-transform:rotate(360deg);}
}

@-webkit-keyframes grdAiguille{
		0%{-webkit-transform:rotate(0deg);}
		100%{-webkit-transform:rotate(360deg);}
}

@-moz-keyframes grdAiguille{
		0%{-moz-transform:rotate(0deg);}
		100%{-moz-transform:rotate(360deg);}
}

@keyframes ptAiguille{
		0%{transform:rotate(0deg);}
		100%{transform:rotate(360deg);}
}

@-o-keyframes ptAiguille{
		0%{-o-transform:rotate(0deg);}
		100%{-o-transform:rotate(360deg);}
}

@-ms-keyframes ptAiguille{
		0%{-ms-transform:rotate(0deg);}
		100%{-ms-transform:rotate(360deg);}
}

@-webkit-keyframes ptAiguille{
		0%{-webkit-transform:rotate(0deg);}
		100%{-webkit-transform:rotate(360deg);}
}

@-moz-keyframes ptAiguille{
		0%{-moz-transform:rotate(0deg);}
		100%{-moz-transform:rotate(360deg);}
}

.full_width .projects_holder.v5 article .image_holder.standard_hover .text_holder {
padding: 50px 20px 85px;
}