/* --- */

.section_elements .div_elements_title {
	cursor:default;
	margin-left:7rem;
	padding:7rem 0 2rem 14rem;
	font-size:1.6rem;
	font-weight:100;
	flex:1;
}

.section_elements .div_elements_title:before {
	content:"";
	vertical-align:middle;
	display:inline-block;
	margin:0 2rem 0 -6.3rem;
	width:4rem;
	font-size:0;
	border-bottom:2px solid #0099b3;
}

/* --- */

.section_elements .div_elements {
	display:flex;
	flex-direction:column;
	/*padding:0 7rem 0 7rem;*/
	width:100%;
}

.section_elements .div_elements .div_element {
	display:flex;
	overflow:hidden;
}

.section_elements .div_elements .div_element .div_element_icon {
	width:7rem;
	height:28rem;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 0.4em, #bbbcbc 0.5em);
}

.section_elements .div_elements .div_element .div_element_icon .div_element_arrow {
	width:100%;
	line-height:7rem;
	font-size:2rem;
	color:#ffffff;
	text-align:center;
}

/* --- */

.section_elements .div_elements .div_element .div_element_img {
	width:35rem;
}

.section_elements .div_elements .div_element .div_element_img .div_element_img_img {
	position:relative;
	width:42rem;
	height:28rem;
	z-index:2;
}

.section_elements .div_elements .div_element .div_element_img .div_element_img_dot {
	position:relative;
	margin:-21rem 0 0 14rem;
	width:32.5rem;
	height:25.5rem;
	background-image:url("/images/header/dotDark.png");
	background-position:right bottom;
	z-index:1;
}

.section_elements .div_elements .div_element .div_element_img .div_element_img_img .img_element {
	width:42rem;
	height:28rem;
}

/* --- */

.section_elements .div_elements .div_element .div_element_text {
	flex:1;
	color:#ffffff;
}

.section_elements .div_elements .div_element .div_element_text .div_element_title {
	cursor:default;
	padding:3.5rem 7rem 0 17rem;
	font-size:2.6rem;
	font-weight:900;
}

.section_elements .div_elements .div_element .div_element_text .div_element_title:before {
	content:".01";
	margin-left:-4rem;
	font-size:6rem;
	font-weight:100;
}


.section_elements .div_elements .div_element .div_element_text .div_element_description {
	padding:0rem 7rem 3.5rem 17rem;
	font-size:1.6rem;
	font-family:'Open Sans Light', "Roboto", "Avenir Black" !important;
}

/* --- */

.section_elements .div_elements .div_element .div_element_background {
	display:flex;
	flex-direction:column;
	width:28rem;
	background-image:url("/images/elements/element1back.png");
	background-repeat:repeat-x;
}

.section_elements .div_elements .div_element .div_element_background .div_element_background_text {
	margin:0 0 -2.5rem -7.5rem;
	font-size:9rem;
	font-weight:700;
	letter-spacing:-0.4rem;
	overflow:hidden;
}

/* --- */

.section_elements .div_elements .div_element.div_element_blue .div_element_icon .div_element_arrow {
	background-color:#00aecb
}
.section_elements .div_elements .div_element.div_element_green .div_element_icon .div_element_arrow {
	background-color:#31a836
}
.section_elements .div_elements .div_element.div_element_purple .div_element_icon .div_element_arrow {
	background-color:#0077b3
}

.section_elements .div_elements .div_element.div_element_blue .div_element_text {
	background-color:#000;
}
.section_elements .div_elements .div_element.div_element_green .div_element_text {
	background-color:#000;
}
.section_elements .div_elements .div_element.div_element_purple .div_element_text {
	background-color:#000;
}

.section_elements .div_elements .div_element.div_element_blue .div_element_text .div_element_title:before {
	content:".01";
	color:#00aecb;
}
.section_elements .div_elements .div_element.div_element_green .div_element_text .div_element_title:before {
	content:".02";
	color:#31a836;
}
.section_elements .div_elements .div_element.div_element_purple .div_element_text .div_element_title:before {
	content:".03";
	color:#0077b3;
}

.section_elements .div_elements .div_element.div_element_blue .div_element_background {
	background-image:url("/images/elements/element1back.png");
	background-color:#004450;
}
.section_elements .div_elements .div_element.div_element_green .div_element_background {
	background-image:url("/images/elements/element2back.png");
	background-color:#134a2c;
}
.section_elements .div_elements .div_element.div_element_purple .div_element_background {
	background-image:url("/images/elements/element3back.png");
	background-color:#193276;
}

.section_elements .div_elements .div_element.div_element_blue .div_element_background .div_element_background_text {
	color:#006a77;
}
.section_elements .div_elements .div_element.div_element_green .div_element_background .div_element_background_text {
	color:#00692f;
}
.section_elements .div_elements .div_element.div_element_purple .div_element_background .div_element_background_text {
	color:#21429c;
}


.div_stripes {
	display:flex;
	flex-direction:column;
	background-image:repeating-linear-gradient(-45deg, transparent, transparent 0.4em, #bbbcbc 0.5em);
	width:40rem;
	height:auto;
	position:relative;
	z-index:-1;
}


#elements .container_stripes_out {
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	
}

#elements .div_stripes_out {
	display:flex;
	flex-direction:row;
	background-image:repeating-linear-gradient(-45deg, transparent, transparent 0.4em, #bbbcbc 0.5em);
	height:7rem;
	width:68rem;
}

.elements_title_container {
	display:flex;
	flex-direction:row;
	width:100%;
} 

.div_stripes_title {
	display:flex;
	flex-direction:column;
	background-image:repeating-linear-gradient(-45deg, transparent, transparent 0.4em, #bbbcbc 0.5em);
	flex:1;
	height:auto;
}


/* Responsive smartphone */

@media screen and (max-width: 1024px) {
	.div_elements .div_element {
		padding:1rem 0rem 0rem 0rem !important;
	}
	
	#elements .container_stripes_out {
	display:none;
	}


	.div_elements {
		width:100% !important;
		padding:0 !important;
		
	}
	
	.div_element_background {
		width:60%;
	}
	
	.div_element_img {
		display:none;
	}
	
	.div_elements_title {
		font-size:3rem !important;
	}
	
	.div_element_icon {
		display:none;
	}
	
	.section_elements .div_elements .div_element .div_element_background .div_element_background_text {
		align-self:flex-end;
	}
	
	.div_element_title {
		font-size:3.5rem;
	}
	
	.div_element_description {
		font-size:2.5em;
	}
	
	.div_element {
		overflow:hidden;
	}
	
	.div_stripes_out, .div_stripes, .container_stripes_out {
		display:none;
	}
}


@media screen and (min-width: 1025px) and (max-width:1300px) {

	.div_elements .div_stripes {
		width:20rem !important;
	}

	.div_stripes_out {
		width:48rem;
	} 
}	

@media screen and (min-width:331px) and (max-width:420px){

	#elements div.div_element_title {
		font-size:2rem !important;
	}

}

@media screen and (min-width:0px) and (max-width:420px){

.section_elements .div_elements .div_element .div_element_text .div_element_title {
		padding:3.5rem 0rem 0 5rem !important;
	}

.section_elements .div_elements .div_element .div_element_text .div_element_description {
	padding-bottom:7.5rem !important;
	padding-left:8rem !important;
	font-size:1.6rem !important;
	margin-right:-6rem !important;
	}

.div_element_title {
	font-size:2.2rem !important;
	}

.div_element_description p {
	padding-right:2rem !important;
	}

.section_elements .div_elements .div_element .div_element_text {
	flex:none !important;
	width:85% !important;
	}

.section_elements .div_elements .div_element .div_element_background {
	flex:none !important;
	width:15% !important;
	}

.section_elements .div_elements_title {
	padding: 0 !important;
	}
}

@media screen and (min-width:1024px) and (max-width:1025px) and (max-height:769px) and (orientation:landscape) {
	#elements > div.div_elements > div.div_element.div_element_blue {
		margin-top:2rem !important;
	}

	.deloitte_digital {
		padding:50px 20px 21px 42px;
	}

	.header .div_header_home {
    	height: 100vh;
	}

	.div_about_article {
 		padding-top: 0rem !important; 
		}
	}


/* overlap lanscape elements*/

@media screen and (max-width:1024px) and (orientation:landscape) {
	#elements > div.div_elements > div.div_element > div.div_element_text > div.div_element_description {
		padding:0rem 7rem 7.5rem 13rem;
	}
}

/* Elements padding iphone 5/6/7/ landscape */


@media screen and (min-width:330px) and (max-width:667px) and (orientation:landscape) {
	.section_elements .div_elements .div_element .div_element_text .div_element_title {
		font-size: 1.9rem !important;
	}
}