/*
Theme Name:     Divi Child Theme
Theme URI:      http://www.elegantthemes.com/gallery/divi/
Description:    Divi Child Theme
Author:         Elegant Themes
Author URI:     http://www.elegantthemes.com
Template:       Divi
Version:        1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/*GENERAL STYLES*/

body {
	margin: 0;
	color: #373d41;
	font-family: "Roboto", Arial, sans-serif!important;
	font-weight: 400;
}

body.mobile_open {
	height: 100%;
	overflow: hidden !important;
}

h1 {
	font-size: 48px;
	font-weight: 300;
	line-height: 1.2em;
}

h2, h3, h4 {
	font-family: 'Roboto Slab', serif!important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

a {
	color: #ee2930;
}

a:hover {
	color: #bfbfbf;
}

/*GENERAL PERSONALIZED STYLES*/

.title::before {
	background: #bfbfbf;
	content: "";
	display: block;
	height: 1px;
	margin: 0 auto 80px auto;
	max-width: 400px;
}

.et_pb_text p {
	font-size: 1.3em;
	line-height: 1.5em;
	max-width: 840px;
	margin: 0 auto;
}

.et_pb_button {
	color: #ee2930!important;
	text-transform: uppercase;
	border-radius: 0;
	font-size: 1.2em!important;
	border: 1px solid;
	font-weight: 400;
}

.et_pb_button:hover {
	color: #fff!important;
	background-color: #ee2930!important;
	border: 1px solid!important;
	border-color: #ee2930!important;
}

#page-container {
	/*margin-bottom: 280px;*/
}

.entry-content {
	position: relative;
	height: 100%;
}

.entry-content:after {
	display: block;
	width: 100%;
	height: 44px;
	content: " ";
	background: url('images/bg_footer.png') repeat-x top;
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-bottom: -44px;
	z-index: 2;
}

.home .entry-content:before {
	display: block;
	width: 100%;
	height: 44px;
	content: " ";
	background: url('images/bg_stage.png') repeat-x top;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: -44px;
	z-index: 2;
}

.et_pb_row.et_pb_row_fullwidth, .et_pb_gutters1.et_pb_row.et_pb_row_fullwidth {
	width: 100%!important;
	max-width: 1600px!important;
}

.et_pb_row.et_pb_row_fullwidth, .et_pb_row {
	padding: 0!important;
}

.et_pb_section {
	padding: 0;
}

/* .single-project .et_pb_section {
	padding: 0!important;
} */
	

/*HEADER*/

#main-header {
	margin: 0 0 -80px 0;
	background: none;
	-webkit-box-shadow: none;
	box-shadow:none;
}

.home #main-header {
	position: fixed;
	z-index: 2;
	top: 0px;
}

.logo_container img {
	max-width: 140px!important;
}

.nav li a {
	color: #333!important;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
}

.nav li a:hover {
	color: #ee2930!important;
	opacity: 1!important;

	}

.home .nav li a, .single-project .nav li a {
	color: #fff!important;
}

.wpml-ls-item a {
	text-transform: lowercase!important;
	border-left: 1px solid #fff;
	padding-left: 20px;
	padding-bottom: 0!important;
	font-weight: 300!important;
}

.mobile_menu_bar:before {
	color: #333!important;
}

.home .mobile_menu_bar:before,
.single-project .mobile_menu_bar:before {
	color: #FFF !important;
}

.et_mobile_menu {
	padding: 20px 5% 22px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.et_mobile_menu li:last-child a {
	border-bottom: none;
	padding-bottom: 0!important;
}

/*HOME*/

/*Stage & Stage Works*/

.home .stage {
	position: fixed;
	top: 0px;
	z-index: 0;
	left: 0;
	width: 100%;
}

.home #et-main-area {
	background: #FFF;
	z-index: 1;
}

.stage_about h1, .stage_works h1 {
	margin-bottom: 45px;
}

.stage_work, .stage {
	height: 620px!important;
}

.stage_work .et_pb_fullwidth_header_container.center, .stage .et_pb_fullwidth_header_container.center {
	height: 520px;
	margin-top: 30px;
}

.stage::before {
	height: 100%;
	width: 100%;
	content: '';
	background: url('images/bg_gradient.png') no-repeat left top;
	background-size: cover;
	position: absolute;
	top: 0;
	z-index: 1;
}

.stage_work::before {
		height: 100%;
		width: 100%;
		content: '';
		background: url('images/bg_gradient_2_40.png') no-repeat left top;
		background-size: cover;
		position: absolute;
		top: 0;
		z-index: 1;
	}

.stage::after, .stage_work::after {
	height: 100%;
	width: 100%;
	content: '';
	background: url('images/bg_dots.png');
	position: absolute;
	top: 0;
	z-index: 2;
}

.stage .et_pb_row, .stage_work .et_pb_row  {
	z-index: 3;
}

.stage strong, .stage_work strong {
	font-family: 'Roboto Slab', serif!important;
}

.stage a {
	color: #fff;
}
.only-mob{
	display: none;
}
.main-title-block {
	width:80%;
	height: 100%;
	margin:0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main-title-block h1.main-title{
	color:#fff;
	text-align: center;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon {
	text-indent: -999999px;
	background: url('http://git.kaleidadigital.com/kaleida/wp-content/uploads/2016/09/pointing-down.png') no-repeat center;
	background-size: contain;
	height: 36px;
	width: 36px;
}

/*Services (Our Expertise)*/

.services .et_pb_blurb_content {
	margin-bottom: 32px!important;
	}

.services .et_pb_blurb_position_left .et_pb_main_blurb_image {
	display: block;
	margin-bottom: 10px;
	width: 40px!important;
}

.services_about .et_pb_blurb_position_left .et_pb_main_blurb_image {
	width: 52px!important;
}	

.services .et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0;
}

.services .et_pb_blurb_position_left .et-pb-icon {
	font-size: 40px;
	color: #ee2930!important;
}

.services h4 {
		line-height: 1.5em;
}

.services h4:after {
		background: #bfbfbf;
		content: "";
		display: block;
		height: 1px;
		margin: 15px 0 10px 0!important;
		max-width: 50px;
}



/*WORKS*/

/*Works Grid*/

.top_none {
	padding-top: 0!important;
}

.top_20 {
	padding-top: 20px!important;
}

.top_30 {
	padding-top: 30px!important;
}

.top_60 {
	padding-top: 60px!important;
}

.top_80 {
	padding-top: 80px!important;
}

.bottom_none {
	padding-bottom: 0!important;
}

.bottom_20 {
	margin-bottom: 20px!important;
}

.bottom_80 {
	padding-bottom: 80px!important;
}

.center-right {
	margin-right: 10px!important;
}

.center-left {
	margin-left: 10px!important;
}

.center-all {
	margin-right: 10px!important;
	margin-left: 10px!important;
}

.center-all h2, .center-all p {
	width: calc(100% - 20px)!important;
}

.center-right h2, .center-left h2, .center-right p, .center-left p  {
	width: calc(100% - 10px)!important;
}

/*Works Item*/

.box_500 {
	height: 740px;
}

.box_320 {
	height: 440px;
}

.box_240 {
	height: 360px;
}

.et_pb_promo {
	padding: 0!important;
	background-size: cover!important;
	position: relative;
}

.et_pb_promo_description {
	width: 100%;
	/* height: 100%;*/
	position: absolute;
	bottom: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.et_pb_promo_description h2 {
	text-align: left;
	font-size: 21px;
	width: 100%;
	padding: 25px 25px 10px;
}

.et_pb_promo_description p {
	text-align: left;
	width: 100%;
	font-size: 2em;
	line-height: 1.2em;
	padding: 0 25px 25px;
}

.et_pb_promo_button {
	width: 100%;
	border: none!important;
	position: relative;
	text-indent: -9999999px;
}

.box_500 .et_pb_promo_button {
	height: 740px;
/*	top: -740px!important;*/
}

.box_240 .et_pb_promo_button {
	height: 360px;
	/*top: -360px!important;*/
}

.box_320 .et_pb_promo_button {
	height: 440px;
	/*top: -440px!important;*/
}

.et_pb_promo_button:hover {
	background: none!important;
	border: none!important;
}

.et_pb_promo:hover .et_pb_promo_description  {
	margin-bottom: 20px;
}

/*Works Category Menu*/

.works_menu p {
	width: 100%!important;
	font-size: 1em;
	margin: 0 auto -10px auto;
	font-weight: 400;
	color: #bfbfbf;
}

.works_menu a {
	border: 1px solid #bfbfbf;
	color: #bfbfbf;
	margin: 5px;
	padding: 2px 7px 0 7px;
	display: inline-block;
	text-transform: uppercase;
}

.works_menu a:hover {
	border: 1px solid #ee2930;
	color: #ee2930;
}

/*WORKS ARCHIVE*/

.work_archive {
	padding-bottom: 50px;;
}

.work_archive::before {
	display: none!important;
}

.work_archive article {
	width: 45%!important;
	float: left;
	margin: 0 2.5%;
	display: block!important;
}

.work_archive_item {
		height: 320px;
		background-size: cover;
		margin: 0 0 25px 0;
}

.work_archive_title {
		height: 320px;
		background: rgba(0, 0, 0, 0.7);
		opacity: 0;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
		text-align: center;
}

.work_archive a:hover .work_archive_title {
		opacity: 1!important;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
}

.work_archive_item h2 {
	color: #fff;
	text-align: center!important;
	line-height: 1.2em;
}


/* CONTACT */
.et_pb_contact p .et_contact_error {
border-width: 0px 0px 0px 4px !important;
}

.et-pb-contact-message {
text-align: center;
margin-bottom: 30px;
}

.et-pb-contact-message ul {
display: none;
}

.et_pb_contact_right {
min-width: 200px;
margin-bottom: 15px;
}

/* PROJECTS */

/* Client Info */

.client_info p {
	font-size: 1em;
	margin-bottom: -5px!important;
	text-align: right;
	clear: both;
}

.client_info p strong {
	font-family: 'Roboto Slab', serif!important;
}

.client_info a {
	background: #ebebeb;
	color: #000!important;
	padding: 2px 5px;
	margin-bottom: 5px!important;
	margin-left: 5px;
	display: inline-block;
}

.service_item {
	padding: 0;
	margin-bottom: 0px!important;
	margin-left: 10px;
	display: inline-block;
}

/* Iframe Block */

.web_nav {
	background: url('images/top_nav.png') no-repeat center top!important;
	background-size: contain!important;
	padding: 30px 0 0 0!important;
	border: 1px solid #ddd;
	background-color: #E9E9E9!important;
}

.web {
	height: 600px;
	overflow-y: scroll;
	border-top: 1px solid #ddd;
}

/* Anomation Block */

.gozio_amination {
	max-width: 960px;
	margin: 0 auto;
	padding: 50px 15px!important;
}

.animation_wrapper {
	position: relative;
	overflow: hidden;
}
.animation_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* HACK for making animations scalables on iOS */
.animation_wrapper iframe {
	min-width: 100%;
	width: 10px;
}

/*Cover Annual Reports*/

.cover {
	padding: 0 0 10px 0!important;
}

.cover img {
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}

/*More Projects*/

.more_projects {
	padding: 60px 0 0px 0;
	padding-top: 50px !important;
	background: #f9f9f9;
}

.more_projects .center-right {
	margin-left: 50px!important;
}

.more_projects .center-left {
	margin-right: 50px!important;
}

.more_projects .center-left, .more_projects .center-right  {
	margin-top: 35px!important;
	margin-bottom: 50px!important;
}

/* ABOUT */

.team-left {
	background: #f5f5f5;
	padding: 20px;
	margin-left: -10px!important;
	min-height: 340px;
}

.team-top {
	background: #f5f5f5;
	padding: 20px;
	margin-top: -20px!important;
	min-height: 360px;
}

.et_pb_member_position {
		color: #bfbfbf;
		font-weight: 400;
}

.et_pb_member_position:before {
		background: #bfbfbf;
		content: "";
		display: block;
		height: 1px;
		margin: 10px 0 5px 0!important;
		max-width: 32px;
}

/*CONTACT*/

/*Footer Red*/

.footer_red {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: -1;
	margin: 0;
	padding: 60px 0 0 0!important;
}

.footer_red p {
	font-size:0.8em!important;
	line-height: 1.2em!important;
}

#main-footer {
	display: none;
}

.copy {
margin: 30px auto;
}

/* ERROR 404 */

img#robot {
width: 180px !important;
height: auto !important;
}

.error404 h1 {
margin-bottom: 25px;
font-family: 'Roboto Slab', serif!important;
}

/*Social Footer*/

.footer_social {
	width: 176px;
	margin: 0 auto!important;
}

.footer_social li {
	margin: 12px 16px 0 0;
}

.footer_social li:last-child {
	margin: 2px 0 0 0!important;
}

.footer_social li a.icon::before {
	color: #b21f24;
}

.footer_social li a.icon:hover::before {
		color: #292e31;
}

.et_pb_social_media_follow li a.icon {
	margin: 0!important;
}

/*Newsletter*/

.et_bloom_inline_form{
	margin: 0!important;
}

.et_bloom_form_header {
	padding: 0!important;
}

.et_bloom_form_text {
	padding: 0!important;
}

.et_bloom_form_container .et_bloom_form_header .et_bloom_form_text h2 {
	font-size: 18px!important;
	text-transform: uppercase!important;
	color: #fff!important;
}

.et_bloom .et_bloom_form_container .et_bloom_form_content {
	padding: 20px 40px!important;
}

.et_bloom .et_bloom_form_content button {
	padding: 9px 10px!important;
}

.et_bloom h2.et_bloom_success_message.et_bloom_animate_message {
	margin-top: 0px!important;
}

.et_bloom_success_checkmark {
	display: none!important;
}


/****** Menu Full-screen ******/

.fontlight {
font-family: 'Roboto', sans-serif;
font-weight: 300;
}

.words {
font-family: 'Roboto Slab', serif !important;
font-weight: 700;
}


.under {
border-bottom: 5px solid #fff;
content: "";
display: inline-block;
width: 28px;
animation: blink 0.75s infinite;
margin-left: -2px;
}

@keyframes blink {
0% {opacity: 0}
49%{opacity: 0}
50% {opacity: 1}
}
@media screen and (max-width: 980px) {
.et_header_style_centered #main-header {
position: fixed;
}
.et_header_style_centered #main-header .mobile_nav {
background-color: transparent;
}
.mobile_nav.closed .select_page {
display: none;
}
.et-fixed-header#main-header {
background-color: transparent !important;
}
}
.et_mobile_menu {
top: 0;
left: 0;
position: fixed;
z-index: 9998;
overflow: scroll !important;
background-color: rgba(0, 0, 0, 0.8) !important;
margin-left: 0px;
padding: 33% 10%;
height: 100%;
width: 100%;
border-top: none;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
}
.et_mobile_menu li a {
text-align: right;
font-size: 1.6em;
border: 0;
padding: 7% 0;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
color: #DDD;
}

.et_mobile_menu li a:hover {
color: #999;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
color: #fff !important;
}
span.mobile_menu_bar {
z-index: 9999;
}


/*RESPONSIVE STYLES*/

@media (min-width: 1640px) {

	.more_projects .center-right {
	margin-left: 0px!important;
	}
	
	.more_projects .center-left {
	margin-right: 0px!important;
	}
}
	
@media (max-width: 980px) {
	
	.services_about {
	margin-bottom: -60px;
	}
	
	.et_pb_team_member {
	margin-bottom: 40px!important;	
	}
	
	.et_pb_column {
	margin-bottom: 0!important;
	}
	
	.center-right {
	margin-right: 0!important;
	margin-bottom: 20px!important;
	}
	
	.center-left {
	margin-left: 0!important;
	/*margin-bottom: 20px!important;*/
	}
	
	.center-all {
	margin-right: 0!important;
	margin-left: 0!important;
	margin-bottom: 20px!important;
	}
	
	.center-right h2, .center-left h2, .center-right p, .center-left p, .center-all h2, .center-all p {
	width: 100%!important;
	}
	
	.box_500, .box_320, .box_240 {
	height: 420px;
	}
	
	.box_500 .et_pb_promo_button, .box_320 .et_pb_promo_button, .box_240 .et_pb_promo_button {
	height: 420px;
	}
	
	.client_info {
	padding-bottom: 20px;
	}
	
	.client_info p {
	text-align: left;
	}
	
	.client_info a {
	margin-right: 5px;
	margin-left: 0;
	}
	
	.web_nav {
	padding: 20px 0 0 0!important;
	background-image: none!important;
	}
	
	.more_projects .center-right {
	margin-right: 50px!important;
	margin-left: 50px!important;
	}

	.more_projects .center-left {
	margin-right: 50px!important;
	margin-left: 50px!important;
	margin-top: 0!important;
	}
	
	.service_item {
	margin-right: 10px;
	margin-left: 0;
	}
	
	.footer_social {
		margin: 0 auto 50px!important;
	}

	.home #main-header {
	z-index: 2;
	}

	header.z99 {
	z-index: 99 !important;
	}

	.et_header_style_left .logo_container {
	z-index: 9999;
	}
	
}

@media (max-width: 720px) {
	
	h1 {
	font-size: 1.8em;
	}
	
	.et_pb_text p {
	font-size: 1.1em;
	}

	.et_pb_fullwidth_header .et_pb_fullwidth_header_container, .et_pb_row {
		width: 90%!important;
	}

	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
		width: 100%!important;
	}
	
	#page-container {
	/*margin-bottom: 440px;*/
	}
	
	.title::before {
	margin: 0 auto 40px auto;
	}
	
	.stage, .stage_work {
	height: 480px!important;
	}
	
	.stage .et_pb_fullwidth_header_container.center, .stage_work .et_pb_fullwidth_header_container.center {
	height: 380px;
	}
	
	.stage h1, .stage_work h1 {
	font-size: 1.8em;
	}


	.top_60 {
	padding-top: 30px!important;
	}
	
	.top_80 {
	padding-top: 40px!important;
	}
	
	.bottom_80 {
	padding-bottom: 40px!important;
	}
	
	.box_500, .box_320, .box_240 {
	height: 360px;
	}
	
	.box_500 .et_pb_promo_button, .box_320 .et_pb_promo_button, .box_240 .et_pb_promo_button {
	height: 360px;
	}
	
.et_pb_promo_description h2 {
	font-size: 18px;
}

.et_pb_promo_description p {
	text-align: left;
	font-size: 1.5em;
}
	
}

@media (max-width: 640px) {
	
#page-container {
	/*margin-bottom: 480px;*/
	}
.only-desk{
	display: none;
}
.only-mob{
	display: block;
}
.main-title-block {
	width:90%;
}
.under {
	border-bottom: 3px solid #fff;
	width: 20px;
}
.stage h1.main-title{
	font-size:1.6em;
}   

.box_500, .box_320, .box_240 {
	height: 300px;
}
	
.box_500 .et_pb_promo_button, .box_320 .et_pb_promo_button, .box_240 .et_pb_promo_button {
height: 300px;
}
	
}

@media (max-width: 400px) {
	
	#page-container {
	/*margin-bottom: 520px;*/
	}
	
}