/*
* @author: 360VIER - Marken- & Digitalagentur
* Theme Name: VC Widgets
* Description: VC Widgets Styling by 360VIER
* Version: 1.0
* Author: Sebastian Lind / 360VIER
* Author URI: https://www.360vier.de
*/




/* ________ VC ROW __________________*/


.full_width_background {
	position: relative;
	width: 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.full_width_content {
	position: relative;
	width: 100%;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	overflow: hidden;
}

.in_container_full_width_background {
	position: relative;
	width: 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.in_container_full_width_background h1 {
	color: #FFFFFF;
}

.no_parallax.in_container_full_width_background, .no_parallax.full_width_background {
	background-position: center center;
}

.parallax {
	min-height: 290px;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.full_width_content > .background_image_bg > .wpb_row, .in_container > .background_image_bg > .wpb_row {
	margin-bottom: 0px;
}

.full_width_content > .vc_row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.vc_row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}


.browserheight {
	height: 100vh;
	width: 100%;
	background-position: top center;
	background-size: 100% auto;
	display: table;
}

.browserheight > .background_image_bg {
	display: table-cell;
	vertical-align: middle;
}

.background_image_bg {
	height: 100%;
}

.syp_button {
	position: absolute;
	top: 120px;
	right: 30px;
	background-image: url('img/submityourpaper/transcultural-caravan_button_submit.png');
	background-repeat: no-repeat;
	background-size: 100%;
	width: 191px;
	height: 143px;
	text-transform: uppercase;
	line-height: 40px;
	font-size: 20px;
	padding: 10px 40px;
	text-align: center;
	color: #FFFFFF;
}

.syp_button:hover {
	background-image: url('img/submityourpaper/transcultural-caravan_button_submit-hover.png');
}





/* ________ IMAGE SLIDER __________________*/

#owlimageslider {
	height: 100vh;
}

#owlimageslider .item {
	height: 100vh;
	background-position: center center;
	background-size: 100% auto;
	background-color: rgba(0,0,0,0.4);
}

#owlimageslider .imageslidertext {
	display: table-cell;
	height: 100vh;
	width: 100vw;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
}

#owlimageslider .owl-buttons .owl-next {
	position: absolute;
	top: 50%;
	right: 5%;
	padding-top: 5px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #627050;
}

#owlimageslider .owl-buttons .owl-next:hover {
	background-color: #91a58e;
}

#owlimageslider .owl-buttons .owl-prev {
	position: absolute;
	top: 50%;
	left: 5%;
	padding-top: 5px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #627050;
}

#owlimageslider .owl-buttons .owl-prev:hover {
	background-color: #91a58e;
}





/* ________ SLIDER __________________*/


#owlslider {
	margin: 120px 0 60px 0;
	position: relative;
}

#owlslider .owl-buttons .owl-next {
	position: absolute;
	top: 50%;
	right: -15%;
	margin-top: -15px;
	padding-top: 5px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #627050;
}

#owlslider .owl-buttons .owl-next:hover {
	background-color: #91a58e;
}

#owlslider .owl-buttons .owl-prev {
	position: absolute;
	top: 50%;
	left: -15%;
	margin-top: -15px;
	padding-top: 5px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #627050;
}

#owlslider .owl-buttons .owl-prev:hover {
	background-color: #91a58e;
}

#owlslider .owl-controls {
	margin-top: 10px;
	text-align: center;
}

#owlslider .owl-page {
	width: 15px;
	height: 15px;
	display: inline-block;
	color: transparent;
	border: 2px solid #627050;
	background-color: #FFFFFF;
	margin: 0 2px;
	-webkit-border-radius: 7.5px;
	-moz-border-radius: 7.5px;
	border-radius: 7.5px;
}

#owlslider .owl-page:hover, #owlslider .owl-page.active {
	background-color: #627050;
}

.slideimage {
	height: auto;
	width: 50%;
	max-width: 540px;
	float: left;
	background-position: center;
	background-size: auto 100%;
}

.slidetext {
	width: 50%;
	float: right;
}

.slidersubheadline {
	margin-top: 30px;
	text-transform: uppercase;
	text-decoration: underline;
	padding-bottom: 5px;
	letter-spacing: 1px;
	font-size: 12px;
}

.sliderheadline {
	font-family: 'Johnston Std Bold';
	margin-top: 30px;
	letter-spacing: 2px;
	font-size: 30px;
	line-height: 30px;
}

.slidercontent {
	margin-top: 30px;
	letter-spacing: 1px;
	font-size: 18px;
	line-height: 26px;
}

.sliderlink {
	margin-top: 30px;
}

.sliderlink_1 {
	text-transform: uppercase;
	padding-bottom: 5px;
	letter-spacing: 1px;
	font-size: 12px;
}

.sliderlink_2 {
	position: relative;
	color: #FFFFFF;
	background-color: #cf4e34;
	text-transform: uppercase;
	padding: 15px 30px;
	letter-spacing: 1px;
	font-size: 12px;
	margin-left: 20px;
}

.sliderlink_2:before {
	content: '';
	position: absolute;
	top: 0px;
	left: -20px;
	background-color: transparent;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	border-right: 20px solid #cf4e34;
	transform-origin: 0 100%;
}

.sliderlink_2:after {
	content: '';
	position: absolute;
	top: 0px;
	right: -20px;
	background-color: transparent;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	border-left: 20px solid #cf4e34;
	transform-origin: 0 100%;
}




/* ________ CALL FOR PAPER DETAIL __________________*/


#cfp_details {
	margin: 120px 0 60px 0;
	position: relative;
}

.cfp_details_image {
	height: auto;
	width: 50%;
	max-width: 540px;
	float: left;
	background-position: center;
	background-size: auto 100%;
}

.cfp_details_text {
	width: 50%;
	float: right;
}

.cfp_details_subheadline {
	margin-top: 30px;
	text-transform: uppercase;
	text-decoration: underline;
	padding-bottom: 5px;
	letter-spacing: 1px;
	font-size: 12px;
}

.cfp_details_headline {
	font-family: 'Johnston Std Bold';
	margin-top: 30px;
	letter-spacing: 2px;
	font-size: 30px;
	line-height: 30px;
}

.cfp_details_content {
	margin-top: 30px;
	letter-spacing: 1px;
	font-size: 18px;
	line-height: 26px;
}

.cfp_details_link {
	cursor: pointer;
	position: relative;
	color: #FFFFFF;
	background-color: #30302f;
	text-align: center;
	padding: 15px 30px;
	margin: 30px 30px 0px 30px;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 14px;
}

.cfp_details_link:hover {
	opacity: 0.8;
}

.cfp_details_link:before {
	content: '';
	position: absolute;
	top: 0px;
	left: -20px;
	background-color: transparent;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	border-right: 20px solid #30302f;
	transform-origin: 0 100%;
}

.cfp_details_link:after {
	content: '';
	position: absolute;
	top: 0px;
	right: -20px;
	background-color: transparent;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	border-left: 20px solid #30302f;
	transform-origin: 0 100%;
}

.cfp_details_akkordion1, .cfp_details_akkordion2 {
	display: none;
	padding: 10px 20px;
	border: 1px solid #30302f;
	margin: 0 31px;
	font-size: 14px;
}






/* ________ KONTAKTFORMULAR __________________*/

#contactform {
	margin: 120px 0px;
	width: 100%;
}

.contaform_col1 {
	width: 48%;
	float: left;
}

.contaform_col2 {
	margin-top: 55px;
	width: 48%;
	float: right;
}

#contactform input, #contactform select {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #30302f;
	border: 1px solid #FFFFFF;
	background-color: transparent;
	margin-bottom: 15px;
	padding: 0px 10px;
}

#contactform textarea {
	width: 100%;
	height: 364px;
	color: #30302f;
	border: 1px solid #FFFFFF;
	background-color: transparent;
	margin-bottom: 15px;
	padding: 10px;
}

#contactform input[type='file'] {
	width: 100%;
	height: 40px;
	line-height: 0px;
	color: #30302f;
	border: 1px solid #FFFFFF;
	background-color: transparent;
	margin-bottom: 15px;
	padding: 8px 10px;
}

#contactform input[type='submit'] {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #30302f;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	margin-bottom: 15px;
	padding: 0px 10px;
}

#contactform input[type='submit']:hover {
	color: #FFFFFF;
	border: 1px solid #30302f;
	background-color: #30302f;
}

#contactform input:focus {
	border: 1px solid #627050;
}

#contactform input#zip {
	float: left;
	width: 28%;
}

#contactform input#city {
	float: right;
	width: 68%;
}

#contactform select#salutation {
	float: left;
	width: 28%;
}





/* ________ GREEN TEXT __________________*/

.greentext {
	text-transform: uppercase;
	text-decoration: underline;
	padding-bottom: 5px;
	letter-spacing: 1px;
	font-size: 12px;
}

.greentext.centertext {
	width: 100%;
	text-align: center;
}





/* ________ VIDEO __________________*/

body.modal-open {
	overflow: visible;
	margin: 0;
	padding: 0;
	margin-right: 0px;
	padding-right: 0px;
}

body.modal-open .modal {
	overflow-y: inherit;
}

body.modal-open .modal-dialog {
	width: 50%;
	min-height: 500px;
}

body.modal-open iframe {
	width: 100%;
	height: 500px;
}

.videothumb {
	position: relative;
	cursor: pointer;
}

.videothumb .fa-play {
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -30px;
	color: #627050;
	font-size: 3em;
	text-align: center;
	padding: 5px 5px 5px 15px;
	border: 4px solid #627050;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	z-index: 9;
}

.videothumb:hover .fa-play {
	color: #bdc4ae;
	border: 4px solid #bdc4ae ;
}

.videothumb_image {
	width: 100%;
}





/* ________ VC BLOCKAKKORDION __________________

.block {
	float: left;
	position: relative;
	width: 30%;
	margin: 120px 3% 50px 0;
	text-align: center;
	padding: 120px 20px 60px 20px;
	background-color: transparent;
	color: #627050;
	border: 1px solid #627050;
}

.block .blockicon {
	display: block;
	margin: 0 auto;
}

.block .blockiconactive {
	display: none;
	margin: 0 auto;
}

.block.activeblock {
	color: #FFFFFF;
	background-color: #627050;
}

.block.activeblock .blockicon {
	display: none;
}

.block.activeblock .blockiconactive {
	display: block;
}

.block:last-child {
	margin-right: 0%;
}

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

.block .greentext {
	margin: 30px 0 60px 0;
}

.block .fa-caret-down {
	cursor: pointer;
	position: absolute;
	bottom: -20px;
	left: 45%;
	padding-top: 5px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #627050;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	transition: transform 1s;
}

.block .fa-caret-down.rotatecaret {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background-color: #bdc4ae;
}

.block .fa-caret-down:hover {
	background-color: #bdc4ae;
}

#akkordionblock-1, #akkordionblock-2, #akkordionblock-3 {
	position: relative;
	text-align: center;
	background-color: #bdc4ae;
	padding: 120px 0;
	color: #FFFFFF;
	height: 100%;
	display: none;
}

#akkordionblock-1 i.fa-times, #akkordionblock-2 i.fa-times, #akkordionblock-3 i.fa-times {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}

#akkordionblock-1 i.fa-times:hover, #akkordionblock-2 i.fa-times:hover, #akkordionblock-3 i.fa-times:hover {
	color: #627050;
}

#akkordionblock-1 img, #akkordionblock-2 img, #akkordionblock-3 img {
	margin-bottom: 30px;
}

.akkordioncol {
	float: left;
	position: relative;
	width: 30%;
	text-align: left;
	margin: 60px 3% 0 0;
	background-color: transparent;
	color: #FFFFFF;
}

*/




/* ________ VC BLOCKAKKORDION 2 LAB __________________*/


#lab .block {
	float: left;
	position: relative;
	width: 48%;
	margin: 120px 2% 50px 0;
	text-align: center;
	padding: 120px 20px 60px 20px;
	background-color: transparent;
	color: #627050;
	border: 1px solid #627050;
}

#lab .block .blockicon {
	display: block;
	margin: 0 auto;
}

#lab .block .blockiconactive {
	display: none;
	margin: 0 auto;
}

#lab .block.activeblock {
	color: #FFFFFF;
	background-color: #627050;
}

#lab .block.activeblock .blockicon {
	display: none;
}

#lab .block.activeblock .blockiconactive {
	display: block;
}

#lab .block:last-child {
	margin-right: 0%;
}

#lab .block .blockteaser {
	text-align: left;
}

#lab .block .greentext {
	margin: 30px 0 60px 0;
}

#lab .block .fa-caret-down {
	cursor: pointer;
	position: absolute;
	bottom: -20px;
	left: 47%;
	padding-top: 5px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #627050;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	transition: transform 1s;
}

#lab .block .fa-caret-down.rotatecaret {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background-color: #bdc4ae;
}

#lab .block .fa-caret-down:hover {
	background-color: #bdc4ae;
}

.akkordioncol2 {
	float: left;
	position: relative;
	width: 23%;
	text-align: left;
	margin: 60px 2% 0 0;
	background-color: transparent;
	color: #FFFFFF;
}

.downloadteaser {
	font-family: 'Johnston Std Medium';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
	margin-top: 30px;
}

.downloadlink {
	width: 100%;
	text-align: left;
	margin-top: 15px;
}

.downloadlink a {
	font-family: 'Johnston Std Medium';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
	margin-top: 30px;
	color: #FFFFFF;
}

.downloadlink a:hover {
	color: #627050;
	text-decoration: none;
}






/* ________ VC PROJECTS __________________*/


.projectcategorie {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #627050;
	padding: 10px 15px;
	width: auto;
	float: left;
	letter-spacing: 1px;
	margin: 0px 10px 60px 0px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.projectcategorie .fa {
	width: 10px;
}

.projectcategorie .fa-check {
	display: inline-block;
}

.projectcategorie .fa-times {
	display: none;
}

.projectcategorie.disabled, .projectcategorie:hover {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #bdc4ae;
}

.projectcategorie:hover .fa-check {
	display: none;
}

.projectcategorie:hover .fa-times {
	display: inline-block;
}

.projectcategorie.disabled .fa-check {
	display: none;
}

.projectcategorie.disabled .fa-times {
	display: inline-block;
}

.projectcategorie.disabled:hover {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #627050;
}

.container.nopadding {
	padding-right: 0px;
	padding-left: 0px;
}

.project {
	width: 24%;
	margin-right: 1%;
	margin-bottom: 60px;
	cursor: pointer;
	float: left;
	display: inline-block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.project:hover {
	opacity: 0.8;
}

.project.hidewissen, .project.hideglobalitat, .project.hidediversitat, .project.hidenetzwerk, .project.hidevermischung, .project.hideaustausch {
	display: none;
}

.project .teasertext {
	font-family: 'Johnston Std Medium';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
	margin-top: 30px;
}

.projectlink {
	cursor: pointer;
	position: relative;
	color: #FFFFFF;
	background-color: #30302f;
	text-align: center;
	padding: 15px 30px;
	margin: 30px auto 120px auto;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 14px;
	width: 300px;
	text-transform: uppercase;
}

.projectlink:hover {
	opacity: 0.8;
}

.projectlink:before {
	content: '';
	position: absolute;
	top: 0px;
	left: -20px;
	background-color: transparent;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	border-right: 20px solid #30302f;
	transform-origin: 0 100%;
}

.projectlink:after {
	content: '';
	position: absolute;
	top: 0px;
	right: -20px;
	background-color: transparent;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	border-left: 20px solid #30302f;
	transform-origin: 0 100%;
}

.projectdetail {
	display: none;
	position: relative;
	height: 100%;
	background-color: #bdc4ae;
	color: #FFFFFF;
	padding-top: 60px;
}

.projectdetail i.fa-times {
	position: absolute;
	top: 60px;
	right: 30px;
	cursor: pointer;
}

.projectdetail i.fa-times:hover {
	color: #627050;
}

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

.projectdetail .projecticons {
	display: inline-block;
	margin: 0 10px;
}

.projectdetail .date {
	margin: 30px 0 60px 0;
	width: 100%;
	text-align: center;
	font-family: 'Johnston Std Bold';
	letter-spacing: 2px;
	font-size: 30px;
	line-height: 30px;
}

.projectdetail .projectheadline {
	margin: 0 0 60px 0;
	width: 100%;
	text-align: center;
	font-family: 'Johnston Std Bold';
	letter-spacing: 2px;
	font-size: 60px;
	line-height: 60px;
}

.projectdetail .projectdetailshead {
	font-family: 'Johnston Std Medium';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
	border: 1px solid #FFFFFF;
	padding: 20px;
	margin-bottom: 60px;
}

.projectdetail .projectdetailsheadline {
	font-family: 'Johnston Std Bold';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
	height: 70px;
}

.projectdetail .projectsubheadline {
	font-family: 'Johnston Std Bold';
	letter-spacing: 2px;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 15px;
}

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

.projectdetail .projectdetailimage {
	margin-bottom: 30px;
}

.projectdetail .projectdetailtext {
	margin-bottom: 30px;
}

.projectdetail .projecdetailcontainer {
	margin-bottom: 120px;
}






/* ________ VC KEYCONTACT __________________*/


.keycontact {
	width: 100%;
	height: auto;
	margin: 60px 0;
	font-size: 13px;
	line-height: 25px;
	text-transform: uppercase;
}

.keycontact a {
	color: #30302f;
	text-decoration: none;
}

.keycontact a:hover {
	color: #bdc4ae;
	text-decoration: underline;
}


.keycontact img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.keycontact .keycontactsborder {
	height: 1px;
	border-bottom: 1px solid #30302f;
	margin-bottom: 5px;
	padding-top: 5px;
}





/* ________ VC BORDER IMAGE __________________*/



.border_image {
	height: auto;
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
	background-position: center;
	background-size: auto 100%;
}

.border_image img {
	height: auto;
	width: 100%;
}






/* ________ VC BLOGMODUL __________________*/


#blog .post_new {
	margin-bottom: 60px;
}

#blog .post_new_img {
	width: 47%;
	height: auto;
	margin-right: 3%;
	float: left;
}

#blog .post_new_teaser {
	width: 50%;
	height: auto;
	float: right;
}

#blog .post, #allpost .post {
	width: 31%;
	margin-right: 2%;
	margin-bottom: 60px;
	float: left;
}

#blog .post_img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.bloglink a {
	font-family: 'Johnston Std Medium';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 36px;
	text-transform: uppercase;
	margin-top: 30px;
	color: #555555;
}

.bloglink a:hover {
	color: #627050;
	text-decoration: none;
}

.singlepost .singlepost_img {
	width: 47%;
	height: auto;
	margin: 0 3% 3% 0;
	float: left;
}

.singlepost .singlepost_teaser {
	width: 50%;
	float: left;
}

.morepostlink {
	cursor: pointer;
	position: relative;
	color: #FFFFFF;
	background-color: #30302f;
	text-align: center;
	padding: 15px 30px;
	margin: 30px auto 120px auto;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 14px;
	width: 300px;
	text-transform: uppercase;
}

.morepostlink:hover {
	opacity: 0.8;
}

.morepostlink:before {
	content: '';
	position: absolute;
	top: 0px;
	left: -20px;
	background-color: transparent;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	border-right: 20px solid #30302f;
	transform-origin: 0 100%;
}

.morepostlink:after {
	content: '';
	position: absolute;
	top: 0px;
	right: -20px;
	background-color: transparent;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	border-left: 20px solid #30302f;
	transform-origin: 0 100%;
}

#allpost {
	display: none;
}






/* ________ VC LATEST TWEET TWITTER __________________*/

.twittericon {
	margin: 0px 0px 20px 0px;
	background-color: #FFFFFF;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
}

.twittericon > .fa-twitter {
	color: rgba(98,112,81,1.0);
}

.twitter {
	background-color: #FFFFFF;
	color: rgba(98,112,81,1.0);
	padding: 15px 10px;
}







/* ________ VC SITEMAP __________________*/


.sitemapheader {
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	line-height: 30px;
}

.sitemap ul li {
	width: 100%;
}

.sitemap ul li {
	list-style: none;
	padding: 0px 0px 10px 0px;
}

.sitemap ul{
	padding: 0px;
}

.sitemap > ul > li > ul > li, .sitemap > ul > li > a{
	padding: 0px 0px 10px 0px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.sitemap > ul > li > a:hover, .sitemap > ul > li > a:focus {
	text-decoration: none;
	background-color: transparent;
	color: #e5d1bb;
}




/* __________ RESPONSIVE __________*/


@media (max-width: 1170px) {
	#owlslider .owl-buttons .owl-next, #owlslider .owl-buttons .owl-prev {
		display: none;
	}
	.browserheight {
		height: 500px;
		width: 100%;
	}
	#owlimageslider {
		height: 500px;
		width: 100%;
	}
	#owlimageslider .item {
		height: 500px;
		width: 100%;
		background-size: 100% auto;
	}
	#owlimageslider .imageslidertext {
		height: 500px;
	}
}



@media (max-width: 992px) {
	.browserheight {
		height: 462px;
	}
	#owlimageslider {
		height: 462px;
	}
	#owlimageslider .item {
		height: 462px;
	}
	#owlimageslider .imageslidertext {
		height: 462px;
	}

}



@media (max-width: 500px) {
	.syp_button {
		display: none;
	}
	.block {
		float: none;
		width: 100%;
	}
	.block .fa-caret-down {
		display: none;
	}
	.in_container_full_width_background h1 {
		display: none;
	}
	.browserheight {
		height: 300px;
		background-size: auto 100%;
	}
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	.vc_empty_space {
		display: none;
	}
	.in_container_full_width_background {
		min-height: 300px;
	}
	#blog .post_new_img {
		width: 100%;
		margin-right: 0%;
	}
	#blog .post_new_teaser {
		width: 100%;
	}
	#blog .post, #allpost .post {
		width: 100%;
		margin-right: 0%;
	}
	.singlepost .singlepost_img {
		width: 100%;
		margin: 0 0 30px 0;
	}
	.singlepost .singlepost_teaser {
		width: 100%;
	}
	.morepostlink {
		width: 94%;
	}
	.cfp_details_image {
		width: 100%;
		margin-bottom: 30px;
	}
	.cfp_details_text {
		width: 100%;
	}
	.cfp_details_link {
		margin: 30px 0px 0px 0px;
	}
	.cfp_details_link:before, .cfp_details_link:after {
		display: none;
	}
	#owlimageslider .imageslidertext {
		display: none;
	}
	.browserheight {
		height: 200px;
	}
	#owlimageslider {
		height: 200px;
	}
	#owlimageslider .item {
		height: 200px;
	}
	#owlimageslider .imageslidertext {
		height: 200px;
	}
	.contaform_col1 {
		width: 100%;
	}
	.contaform_col2 {
		width: 100%;
	}
	.project {
		width: 100%;
		margin-right: 0%;
	}
	.projectcategorie {
		display: none;
	}
	#lab .block {
		width: 100%;
		margin: 120px 0% 50px 0;
	}
}