@font-face{
	font-family:'Open Sans';
	src:url(../g-font/Light/OpenSans-Light.eot);
	src: url(../g-font/Light/OpenSans-Lightd41d.eot?#iefix) format('embedded-opentype'), url(../g-font/Light/OpenSans-Light.woff2) format("woff2"), url(../g-font/Light/OpenSans-Light.woff) format("woff"), url(../g-font/Light/OpenSans-Light.ttf) format("truetype"), url(../g-font/Light/OpenSans-Light.svg#OpenSansLight) format("svg");
	font-weight:300;font-style:normal; }
@font-face{
	font-family:'Open Sans';
	src: url(../g-font/Regular/OpenSans-Regular.eot);
	src: url(../g-font/Regular/OpenSans-Regulard41d.eot?#iefix) format('embedded-opentype'), url(../g-font/Regular/OpenSans-Regular.woff2) format("woff2"), url(../g-font/Regular/OpenSans-Regular.woff) format("woff"), url(../g-font/Regular/OpenSans-Regular.ttf) format("truetype"), url(../g-font/Regular/OpenSans-Regular.svg#OpenSansRegular) format("svg");
	font-weight:400;font-style:normal; }
@font-face{
	font-family:'Open Sans';
	src: url(../g-font/Semibold/OpenSans-Semibold.eot);
	src: url(../g-font/Semibold/OpenSans-Semiboldd41d.eot?#iefix) format('embedded-opentype'), url(../g-font/Semibold/OpenSans-Semibold.woff2) format("woff2"), url(../g-font/Semibold/OpenSans-Semibold.woff) format("woff"), url(../g-font/Semibold/OpenSans-Semibold.ttf) format("truetype"), url(../g-font/Semibold/OpenSans-Semibold.svg#OpenSansSemibold) format("svg");
	font-weight:600;font-style:normal; }
@font-face{
	font-family:'Open Sans';
	src: url(../g-font/Bold/OpenSans-Bold.eot);
	src: url(../g-font/Bold/OpenSans-Boldd41d.eot?#iefix) format('embedded-opentype'), url(../g-font/Bold/OpenSans-Bold.woff2) format("woff2"), url(../g-font/Bold/OpenSans-Bold.woff) format("woff"), url(../g-font/Bold/OpenSans-Bold.ttf) format("truetype"), url(../g-font/Bold/OpenSans-Bold.svg#OpenSansBold) format("svg");
	font-weight:700;font-style:normal; }

html {
    /*overflow-y: scroll;*/ }

body {
	background-color: rgb(248,248,248);
	margin: 0px;
	font-size:14px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif ;
	font-weight:300;
	color:#222222;
	/*-webkit-font-smoothing: antialiased;  Fix for webkit rendering */
	width:100%;
	min-width:auto;
	-webkit-tap-highlight-color: transparent; }

::-webkit-selection {
	color: rgb(253,253,253);
	background: #C1D9E1; }

::-moz-selection { /* Code for Firefox */
	color: rgb(253,253,253);
	background: #C1D9E1; }

::selection {
	color: rgb(253,253,253); 
	background: #C1D9E1; }

/* === design awards === */
.opl {
	display: inline-block;
	position: fixed;
	left: 0;
	top: 100px;
	z-index:998;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}

/*==== menu ====*/

#header.active {
	background-color:rgb(62,61,64);
	border-bottom: 1px solid #C1D9E1;
	height:65px;
	z-index:999; }
#header{
	background-color:transparent;
	height:80px; 
	z-index:997; 
	width:100% !important; 
	position: fixed; 
	top:0px; }
#header.active, #header {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	transition-property: initial;
	transition-duration: 0.5s;
	transition-timing-function: initial;
	transition-delay: initial; }

#parent_1.active{
	margin-top:0px; }
#parent_1 {
	font-weight:300;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	/*letter-spacing: 1em;*/
	width: 88.5%;
	max-width:1650px;
	position:relative;
	margin:0 auto;
	height:55px;
	margin-top:25px;
	overflow:hidden; }
#parent_1.active, #parent_1{
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	transition-property: initial;
	transition-duration: 0.35s;
	transition-timing-function: initial;
	transition-delay: initial; }
.child_2 {
	width: auto;
	height: 100%;
	float:right;
	margin-top:2px;
	letter-spacing: normal;
	white-space: normal;
	text-align: right;
	vertical-align: middle;
	overflow: hidden; }

.child_3 {
	width:auto;
	height:32px;
	float:left;
	/*background-size:275px 61px;*/
	margin-top:15px;
	margin-left:0px;
	font-weight:400;
	letter-spacing:.5px;
	color:#444444;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	cursor:pointer; }

.menu{
	height: 100%;
	overflow: hidden;
	float: right; }

.logo_menu{
	opacity:.6;
	float:left;/*
    linear-gradient(transparent, transparent);*/
	background-size: 100%;
	background-position:center; 
	width: 120px;
	height: 30px; 
	margin-top:2px;
	margin-left:0px;
	margin-right:10px; }

.logo_menu.active{
	float:left;
	background:url(../images/logo_gr.png) no-repeat;
	background: url(../images/logo_gr.svg) no-repeat,
    linear-gradient(transparent, transparent);
	opacity:1; 
	background-size: 100%;
	background-position:center; 
	width: 165px;
	height: 30px; 
	margin-top:2px;
	margin-left:0px;
	margin-right:10px;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-ms-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;}

/* ==menu-hamburger div ====*/
.menu-hamburger, .menu-hamburger:before, .menu-hamburger:after{
	background-color: #fdfdfd;
	height: 3px;
	width: 100%;
	display: block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s; }  

.menu-hamburger {
	position: relative;
	top: 12.5px;
	left: 0px; }

.menu-hamburger::before{
	content:"";
	position: absolute;
	top: -9px; }
.menu-hamburger::after{
	content: "";
	position: absolute;
	bottom: -9px; }

.menu.active .menu-hamburger{
	background: transparent; }

.menu.active .menu-hamburger:before{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px; }
.menu.active .menu-hamburger:after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	bottom: 0px; }

/* //==menu-hamburger div ====// */

/*
@-ms-viewport { width:device-width;}
@viewport { width:device-width;}*/
.menu-container{
	width: auto; }
.menu-list{
	width: auto;
	list-style-type: none; }
.menu-item{
	display:inline-block; }
.menu-link{
	color:#FDFDFD;
	text-decoration: none;
	text-transform:capitalize; }
.menu-toggle{
	display:none; }

.menu-toggle {
	width: 40px;
	height: 30px;
	top: 8px;
	right: 0px;
	cursor: pointer;
	position: absolute;
	z-index:106;
	display:none; }

nav {
	margin: 0;
	z-index: 15; }

nav ul {
	margin: 0;
	overflow: hidden;
	margin-top:18px; }

nav li {
	float: left;
	list-style: none;
	padding-right: 25px; }

nav li:last-child{
	padding-right:0px; }

nav a{
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
	color:rgba(253,253,253,.6);
	opacity:.7;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:300; }

nav a.active{
	opacity:1;
	color:#fdfdfd;
	font-size:1.3em;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	transition-property: initial;
	transition-duration: 0.35s;
	transition-timing-function: initial;
	transition-delay: initial; }

nav a:link { outline:none; }
nav a:hover { 
	color: #C1D9E1;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	transition-property: initial;
	transition-duration: 0.35s;
	transition-timing-function: initial;
	transition-delay: initial; }

nav li.menu-item.current a{
	color: #C1D9E1;
	font-weight: 50%;
	font-size: 1.3em; }

@-webkit-keyframes fadeInRight {
0% {
	opacity: 0;
	-webkit-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0); }
100% {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@-moz-keyframes fadeInRight {
0% {
	opacity: 0;
	-moz-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0); }
100% {
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@-ms-keyframes fadeInRight {
0% {
	opacity: 0;
	-ms-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0); }
100% {
	opacity: 1;
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@-o-keyframes fadeInRight {
0% {
	opacity: 0;
	-o-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0); }
100% {
	opacity: 1;
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@keyframes fadeInRight {
0% {
	opacity: 0;
	-webkit-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0); }
100% {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}

.mobile-nav-container {
	top: 0px;
	color: #333;
	display: none;
	height: 100%;
	right: 0px;
	position: fixed;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	width: 50px;
	z-index: 10; }

.menu-toggle .nav-open { display: block; }

.menu-toggle .nav-close { display: none; }

.menu-toggle.active-nav .nav-open { display: none; }

.menu-toggle.active-nav .nav-close { display: block; }

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(../font/fontawesome-webfont.eot);src:url(../font/fontawesome-webfont.eot) format('embedded-opentype'),url(../font/fontawesome-webfont.woff2) format('woff2'),url(../font/fontawesome-webfont.woff) format('woff'),url(../font/fontawesome-webfont.ttf) format('truetype'),url(../font/fontawesome-webfont.svg) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-3-4x{font-size:3.05em;font-weight:100;}.fa-angle-up::before{content:"\f106"}.fa-angle-down::before{content:"\f107"}

/* Body */

.module_full_bg {
	width: 100%; height: 100%;
	background: rgb(62,61,64);
	background-image: -webkit-linear-gradient(rgba(35,35,35,.7) 100%, rgba(35,35,35,.7) 100%), url(../images/intro.jpg);
	background-image: -moz-linear-gradient(rgba(35,35,35,.7) 100%, rgba(35,35,35,.7) 100%), url(../images/intro.jpg);
	background-image: -ms-linear-gradient(rgba(35,35,35,.7) 100%, rgba(35,35,35,.7) 100%), url(../images/intro.jpg);
	background-image: -o-linear-gradient(rgba(35,35,35,.7) 100%, rgba(35,35,35,.7) 100%), url(../images/intro.jpg);
	/*background-image: -webkit-linear-gradient(right bottom, rgba(193, 217, 225, 0.82),  rgba(62,61,64,.95)), url(../images/intro_12.jpg);
	background-image: -moz-linear-gradient(right bottom, rgba(193, 217, 225, 0.82),  rgba(62,61,64,.95)), url(../images/intro_12.jpg);
	background-image: -ms-linear-gradient(right bottom, rgba(193, 217, 225, 0.82),  rgba(62,61,64,.95)), url(../images/intro_12.jpg);
	background-image: -o-linear-gradient(right bottom, rgba(193, 217, 225, 0.82),  rgba(62,61,64,.95)), url(../images/intro_12.jpg);
	background-image: linear-gradient(right bottom, rgba(193, 217, 225, 0.82),  rgba(62,61,64,.95)), url(../images/intro_12.jpg);*/
	background-repeat:no-repeat;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	position: relative; }

.module_full_cont {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
	height: 100%;
	width:100%;
	position:relative;
	/*z-index:5;*/ }

@media only screen and (max-width: 1024px) {
.parallax_foot{
	background-attachment: local; }
}
.bgGradientFade{
	-webkit-animation-name: bgGradientFade;
	-moz-animation-name: bgGradientFade;
	-ms-animation-name: bgGradientFade;
	-o-animation-name: bgGradientFade;
	animation-name: bgGradientFade;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	animation-delay: 3.5s; }
@-webkit-keyframes bgGradientFade {
	from { opacity: 100%; background: rgb(62,61,64); }
	to { opacity: 0%; background: rgba(62,61,64,.1); }
}
@-moz-keyframes bgGradientFade {
from { opacity: 100%; background: rgb(62,61,64); }
	to { opacity: 0%; background: rgba(62,61,64,.1); }
}
@-ms-keyframes bgGradientFade {
from { opacity: 100%; background: rgb(62,61,64); }
	to { opacity: 0%; background: rgba(62,61,64,.1); }
}
@-o-keyframes bgGradientFade {
	from { opacity: 100%; background: rgb(62,61,64); }
	to { opacity: 0%; background: rgba(62,61,64,.1); }
}
@keyframes bgGradientFade { 
	from { opacity: 100%; background: rgb(62,61,64); }
	to { opacity: 0%; background: rgba(62,61,64,.1); }
}

.container_intro { 
	position: absolute;
	left: 50%;
	top: 45%;
	-webkit-transform: translate(-50%, -45%);
	-moz-transform: translate(-50%, -45%); 
	-ms-transform: translate(-50%, -45%); 
	-o-transform: translate(-50%, -45%); 
	transform: translate(-50%, -45%); 
	width: 100%;
	height: auto;
	text-align:center; }

.linea_2{
	position:absolute;
	width:100px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	/*animation-name: fadeInFromNone;
	animation-duration: 5.75s;*/ }

@-webkit-keyframes fadeInFromNone {
	from {opacity: 0; }
	90%{opacity: 0; }
	to {opacity: 1; }
}
@-moz-keyframes fadeInFromNone {
	from {opacity: 0; }
	90%{opacity: 0; }
	to {opacity: 1; }
}
@-ms-keyframes fadeInFromNone {
	from {opacity: 0; }
	90%{opacity: 0; }
	to {opacity: 1; }
}
@-o-keyframes fadeInFromNone {
	from {opacity: 0; }
	90%{opacity: 0; }
	to {opacity: 1; }
}
@keyframes fadeInFromNone {
	from {opacity: 0; }
	90%{opacity: 0; }
	to {opacity: 1; }
}

.header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0);
	opacity: 0.2; }

.header_overlay_1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0);
	opacity: .5; }


.section_wh2 {
	/*padding-bottom:100px;
	padding-top:95px;*/
	background-color:rgb(248,248,248);
	width:100% ;
	position:relative;
	/*margin-bottom: 50px;*/
	padding-top: 0px; }

.section_gr2 {
	/*padding-bottom:100px;
	padding-top:95px;*/
	background-color:rgb(240,240,240);
	width:100% ;
	position:relative;
	/*margin-bottom: 50px;
	margin-top: 45px;
	padding-top: 100px;
	padding-bottom: 100px;*/ }

.padd_sect{
	padding-top:	90px;
	padding-bottom: 95px; }


/*=======
.box_arrow_down{
	width:100px;
	height:100px;
	position:relative;
	overflow:hidden; }
.box_arrow_down > div{
	position:absolute;
	bottom:50%;
	left:50%;
	width:75%;
	height:75%;
	transform-origin:0 100%;
	z-index:1; }
.triSectionBottom{
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
	overflow: hidden;
	position: relative;}
.triSectionBottom:hover{
	opacity: 1;
	color:#C1D9E1; }

.scrolldown{
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	transform:rotate(-135deg);
	position: absolute;
	top: -29.5px;
	left: -27.5px;
	padding-top: 27px;
	padding-left: 28px;
	text-align: center;
	width: 123px;
	height: 123px;
	color: #ececed;
	background: #3e3d40; }
.scrolldown:hover{
	background:#C1D9E1;
	color: #ececed; }

.scrolldown,
.scrolldown:hover{	
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	transition-property: initial;
	transition-duration: 0.35s;
	transition-timing-function: initial;
	transition-delay: initial; }

.intro_arrow_down {
	width: 0;
	height: 0;
	border-left: 60px solid red;
	border-right: 60px solid transparent;
	border-bottom: 60px solid #ececee;
	opacity: .75;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto; }*/

/*===line scroll down/up===*/

.scrolldown_cont,
.scrollup_cont{
	text-align:center;
	width:100%;
	height: 60px;
	display:inline-block;
	/*margin:50px auto 25px;*/
	margin: 0px auto 25px;
	vertical-align:middle;
	position:relative; }

a.scrolldown,
a.scrollup {
	width:100px;
	/*height:38px;*/
	height:60px;
	-webkit-font-smoothing: antialiased;
	display:inline-block;
	color:#fdfdfd;
	text-align:center;
	outline:none;
	overflow:hidden; }

.c-scrolldown{
	bottom: 0px; }
.c-scrollup {
	top: 0px; }

.c-scrolldown,
.c-scrollup {
  width: 2px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
}

.c-scrolldown .c-line {
  background: -webkit-linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%);
  background: -moz-linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%);
  background: -ms-linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%);
  background: -o-linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%);
  background: linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%); }

a.scrolldown:hover .c-line {
	background: -webkit-linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%);
	background: -moz-linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%);
	background: -ms-linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%);
	background: -o-linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%);
	background: linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%); }

.c-scrollup .c-line {
  background: -webkit-linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%);
  background: -moz-linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%);
  background: -ms-linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%);
  background: -o-linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%);
  background: linear-gradient(to bottom, #ececee 50%, rgba(236, 236, 238, 0) 50%);
  /*animation: scrollup 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;*/
}
a.scrollup:hover .c-line{
	background: -webkit-linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%);
	background: -moz-linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%);
	background: -ms-linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%);
	background: -o-linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%);
	background: linear-gradient(to bottom, #C1D9E1 50%, rgba(193, 217, 225, 0.82) 50%); }

.c-scrolldown .c-line,
a.scrolldown:hover .c-line {
	-webkit-animation-name: scrolldown;
	-moz-animation-name: scrolldown;
	-ms-animation-name: scrolldown;
	-o-animation-name: scrolldown;
	animation-name: scrolldown; }
.c-scrollup .c-line,
a.scrollup:hover .c-line {
	-webkit-animation-name: scrollup;
	-moz-animation-name: scrollup;
	-ms-animation-name: scrollup;
	-o-animation-name: scrollup;
	animation-name: scrollup; }

.c-scrolldown .c-line,
a.scrolldown:hover .c-line,
.c-scrollup .c-line,
a.scrollup:hover .c-line {
	width: 100%;
	height: 100%;
	display: block;
	background-position: 0 -60px;
	background-size: 100% 200%;
	/*animation: scrollup 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;*/
	-webkit-animation-duration: 2.2s;
	-moz-animation-duration: 2.2s;
	-ms-animation-duration: 2.2s;
	-o-animation-duration: 2.2s;
	animation-duration: 2.2s;
	-webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.3, 1);
	-moz-animation-timing-function: cubic-bezier(0.76, 0, 0.3, 1);
	-ms-animation-timing-function: cubic-bezier(0.76, 0, 0.3, 1);
	-o-animation-timing-function: cubic-bezier(0.76, 0, 0.3, 1);
	animation-timing-function: cubic-bezier(0.76, 0, 0.3, 1);
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite; }

@-webkit-keyframes scrolldown {
  0% {
    background-position: 0 100%; }
  75% {
    background-position: 0 0; }
  100% {
    background-position: 0 -100%; }
}
@-moz-keyframes scrolldown {
  0% {
    background-position: 0 100%; }
  75% {
    background-position: 0 0; }
  100% {
    background-position: 0 -100%; }
}
@-ms-keyframes scrolldown {
  0% {
    background-position: 0 100%; }
  75% {
    background-position: 0 0; }
  100% {
    background-position: 0 -100%; }
}
@-o-keyframes scrolldown {
  0% {
    background-position: 0 100%; }
  75% {
    background-position: 0 0; }
  100% {
    background-position: 0 -100%; }
}
@keyframes scrollup {
  0% {
    background-position: 0 -100%; }
  75% {
    background-position: 0 0; }
  100% {
    background-position: 0 100%; }
}
/*===line scroll down/up /===*/

/* === SVG ===*/
.introsvg{
	margin:0 auto;
	position:relative;
	width:125px;
	padding:0;
	margin-bottom:35px;
	border: 1px solid red; }

#rizoma, #rizoma1{
	height:145px;
	width: 100%; }

.svg-container {
	/*background: #23333f;*/
	padding: 3em;
	max-width: 580px;
	margin: 0 auto; }
.svg-container svg {
	max-width: 250px; }

#mySVG1,
#rs_logo,
#logo_txt,
#prefoot{
	max-width: 600px;
	width: 100%;
	height: auto; }
#logo_txt{
	margin-top: 20px; }

#mySVG1 *,
#prefoot *,
#rs_logo *,
#logo_txt * {
  fill-opacity: 0;
  -webkit-transition: fill-opacity 1s;
  -moz-transition: fill-opacity 1s;
  -ms-transition: fill-opacity 1s;
  -o-transition: fill-opacity 1s;
  transition: fill-opacity 1s; }

#mySVG1.finihed *,
#prefoot.finished *,
#rs_logo.finished *,
#logo_txt.finished * {
	fill-opacity: 1; }

#green {
	fill: #C1D9E1;
	stroke: #C1D9E1;
	stroke-width: 5px; }
#white {
	fill: #ececee;
	stroke: #ececee;
	stroke-width: 5px; }
#green_1 {
	fill: #C1D9E1;
	stroke: #C1D9E1;
	stroke-width: 5px; }
#white_1 {
	fill: #ececee;
	stroke: #ececee;
	stroke-width: 5px; }
.st_service{fill: #ececee;
	stroke: transparent;
	stroke-width: 0px; }

#line_arrow{
	fill:none;stroke:#FFFFFF;stroke-width:10;stroke-miterlimit:10; }
/* //SVG// */

/* Studio Sec */

.sec_title{
	width:100%;
	text-align: center;
	font-family:  "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 3.2em;
	text-transform: capitalize;
	letter-spacing: .5px;
	font-weight: 400;
	margin: 0px auto 50px auto; }

.row_cont_studio{
	width: 85%;
	height:100%;
	max-width:3500px;
	vertical-align:middle;
	margin: 0 auto;
	position:relative;
	display:flex; }

.contleft{
	display: flex;
	flex: 1;
	width:49.76%;
	position:relative;
	margin: 0 auto;
	vertical-align: middle; }
.conttext_right, .conttext_right2{
	display: inline-block;
	width: 49.7%;
	vertical-align: middle; }
.conttext_left{
	display: inline-block;
	width: 49.7%;
	vertical-align: middle; }
 
.cont_inside_text{
	padding:0 11.5%;
	font-weight: 300;
	letter-spacing: .5px; }
 
/* animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 * Copyright (c) 2016 Daniel Eden */

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both; }

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite; }

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s; }


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes fadeInLong {
from {
	opacity:0; }
to {
	opacity:1; }
}
@-moz-keyframes fadeInLong {
from {
	opacity:0; }
to {
	opacity:1; }
}
@-ms-keyframes fadeInLong {
from {
	opacity:0; }
to {
	opacity:1; }
}
@-o-keyframes fadeInLong {
from {
	opacity:0; }
to {
	opacity:1; }
}
@keyframes fadeInLong {
from {
	opacity:0; }
to {
	opacity:1; }
}

.fadeInLong {
	-webkit-animation-name: fadeInLong;
	-moz-animation-name: fadeInLong;
	-ms-animation-name: fadeInLong;
	-o-animation-name: fadeInLong;
	animation-name: fadeInLong;
	-webkit-animation-duration: 3.2s;
	-moz-animation-duration: 3.2s;
	-ms-animation-duration: 3.2s;
	-o-animation-duration: 3.2s;
	animation-duration: 3.2s;
	-webkit-animation-delay:3.2s;
	-moz-animation-delay:3.2s;
	-ms-animation-delay: 3.2s;
	-o-animation-delay: 3.2s;
	animation-delay: 3.2s; }


@-webkit-keyframes pulse {
from {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
50% {
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05); }
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
}
@-moz-keyframes pulse {
from {
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
50% {
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05); }
to {
	-moz-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
}
@-ms-keyframes pulse {
from {
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
50% {
	-ms-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05); }
to {
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
}
@-o-keyframes pulse {
from {
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
50% {
	-o-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05); }
to {
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
from {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
50% {
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05); }
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse; }

@-webkit-keyframes fadeIn {
from {
	opacity: 0; }
to {
	opacity: 1; }
}
@-moz-keyframes fadeIn {
from {
	opacity: 0; }
to {
	opacity: 1; }
}
@-ms-keyframes fadeIn {
from {
	opacity: 0; }
to {
	opacity: 1; }
}
@-o-keyframes fadeIn {
from {
	opacity: 0; }
to {
	opacity: 1; }
}
@keyframes fadeIn {
from {
	opacity: 0; }

to {
	opacity: 1; }
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn; }

@-webkit-keyframes fadeInLeft {
from {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0); }
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none; }
}
@-moz-keyframes fadeInLeft {
from {
	opacity: 0;
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0); }
to {
	opacity: 1;
	-moz-transform: none;
	transform: none; }
}
@-ms-keyframes fadeInLeft {
from {
	opacity: 0;
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0); }
to {
	opacity: 1;
	-ms-transform: none;
	transform: none; }
}
@-o-keyframes fadeInLeft {
from {
	opacity: 0;
	-o-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0); }
to {
	opacity: 1;
	-o-transform: none;
	transform: none; }
}
@keyframes fadeInLeft {
from {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0); }
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none; }
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft; }

.fadeInLeft_1{
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: .25s;
	-moz-animation-delay: .25s;
	-ms-animation-delay: .25s;
	-o-animation-delay: .25s;
	animation-delay: .25s; }
.fadeInLeft_2{
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s; }
.fadeInLeft_3{
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	-ms-animation-delay: .75s;
	-o-animation-delay: .75s;
	animation-delay: .75s; }

@-webkit-keyframes fadeInUp {
from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0); }
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none; }
}
@-moz-keyframes fadeInUp {
from {
	opacity: 0;
	-moz-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0); }
to {
	opacity: 1;
	-moz-transform: none;
	transform: none; }
}
@-ms-keyframes fadeInUp {
from {
	opacity: 0;
	-ms-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0); }
to {
	opacity: 1;
	-ms-transform: none;
	transform: none; }
}
@-o-keyframes fadeInUp {
from {
	opacity: 0;
	-o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0); }
to {
	opacity: 1;
	-o-transform: none;
	transform: none; }
}
@keyframes fadeInUp {
from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0); }
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none; }
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp; }

@-webkit-keyframes slideInUp {
from {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	visibility: visible; }
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@-moz-keyframes slideInUp {
from {
	-moz-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	visibility: visible; }
to {
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@-ms-keyframes slideInUp {
from {
	-ms-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	visibility: visible; }
to {
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@-o-keyframes slideInUp {
from {
	-o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	visibility: visible; }
to {
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@keyframes slideInUp {
from {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	visibility: visible; }
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	-moz-animation-name: slideInUp;
	-ms-animation-name: slideInUp;
	-o-animation-name: slideInUp;
	animation-name: slideInUp; }

@-webkit-keyframes slideInLeft {
from {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	visibility: visible; }
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@-moz-keyframes slideInLeft {
from {
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	visibility: visible; }
to {
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@-ms-keyframes slideInLeft {
from {
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	visibility: visible; }
to {
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@-o-keyframes slideInLeft {
from {
	-o-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	visibility: visible; }
to {
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}
@keyframes slideInLeft {
from {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	visibility: visible; }
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	-moz-animation-name: slideInLeft;
	-ms-animation-name: slideInLeft;
	-o-animation-name: slideInLeft;
	animation-name: slideInLeft; }

/* Works Sec */

.container { 
	position: relative; 
	width: 88%;
	max-width:1650px;
	margin: 0 auto;
	/*margin-bottom: 100px;*/
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; }

.row_cont{
	width: 100%;
	height:100%;
	max-width:3500px;
	vertical-align:middle;
	display:inline-block;
	position:relative; }
/* ---- grid ---- */
.grid {
	background: transparent;
	/*max-width: 1200px;*/ }

/* clearfix */
.grid::after {
	content: '';
	display: block;
	clear: both; }

/* ---- grid-item ---- */
.grid-sizer,
.grid-item {
	width: 24%; }

.grid-item {
	/*height: 120px;*/
	float: left; }

.size_1{
	width:24%;
	margin: .5%; }
.size_2{
	width:49%;
	margin: .5%; }
.size_3{
	width:49%;
	margin: .5%; }

.grid-item:nth-child(8){
	clear: left !important; }

.gutter-sizer {
	width: .5%; }

.item_title{
	width:auto;
	height: auto;
	max-height: 45px;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 2.2em;
	position: relative;
	display: inline-block;
	margin-bottom: 10px; }
.grid_title_text{
	display: inline-block;
	padding-left: 10px;
	margin-bottom: 5px; }
.item_title img{
	width:auto;
	height: auto;
	margin-bottom: 15px;
	vertical-align: bottom;
	display: inline-block;
	max-height: 40px; }

.item_img{
	display:inline-block; }

.item_img img{
	width: 100%;
	/*min-width:150px;*/
	height: auto;
	image-rendering: optimizeQuality;
	image-rendering: optimizeSpeed;
	image-rendering: optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor; /*/ IE 7+ (non-standard property)*/
	image-rendering: -webkit-optimize-contrast; /*/ Safari 6, UC Browser 9.9*/
	image-rendering: -webkit-crisp-edges; /*/ Safari 7+*/
	image-rendering: -moz-crisp-edges; /*/ Firefox 3.6+*/
	image-rendering: -o-crisp-edges; /*/ Opera 12*/
	image-rendering: pixelated; /*/ Chrome 41+ and Opera 26+*/ }

.element_img_cont{
	overflow:hidden;
	margin: 0px auto;
	width:100%;
	height:100%;
	display:block; }
.element_img_cont img {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
	width:100%;
	height:auto;
	display:block;
	-ms-interpolation-mode: bicubic;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; }

.element_img_cont:hover img {
	-webkit-transform: scale3d(1.025, 1.025, 1);
	-moz-transform: scale3d(1.025, 1.025, 1);
	-ms-transform: scale3d(1.025, 1.025, 1);
	-o-transform: scale3d(1.025, 1.025, 1);
	transform: scale3d(1.025, 1.025, 1);
	overflow:hidden; }

/* Hover Caption */

.element_text,
.element_text_2{
	display:inline-block;
	height:auto; 
	width:auto;
	border: 5px solid rgba(193, 217, 225, 0.82);
	border-image-slice: 1;
	/*background: rgba(62,61,64,.8);*/
	background: rgba(30,30,30,.8);
	position:absolute;
	bottom: 0;
	left: 0;
	top:0;
	right:0;
	text-align:center;
	/*color:rgb(253,253,253);*/
	color:#f8f8f8;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-size: 2.09em;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	padding-bottom:21%;
	padding-top:19%;
	text-decoration:none;
	letter-spacing:.8px;
	opacity:0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index:2; }

.element_text{
	background-image: -webkit-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: -moz-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: -ms-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: -o-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	position: absolute;
	overflow: hidden;
	width: auto;
	height: auto;
	top: 0;
	left: 0; }
.element_text_2{
	background-image: -webkit-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 22%, rgba(193, 217, 225, 0.82) 22%, transparent 0%);
	background-image: -moz-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 22%, rgba(193, 217, 225, 0.82) 22%, transparent 0%);
	background-image: -ms-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 22%, rgba(193, 217, 225, 0.82) 22%, transparent 0%);
	background-image: -o-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 22%, rgba(193, 217, 225, 0.82) 22%, transparent 0%);
	background-image: linear-gradient(0deg, rgba(193, 217, 225, 0.82) 22%, rgba(193, 217, 225, 0.82) 22%, transparent 0%);
	position: absolute;
	overflow: hidden;
	width: auto;
	height: auto;
	top: 0;
	left: 0; }

.element_text:hover,
.element_text_2:hover{
	opacity:1; }

.text_hover{
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	width: 100%;
	top: 50%;
	left:50%;
	-webkit-transform: -webkit-translate(-50%, -50%);
	-moz-transform: -moz-translate(-50%, -50%);
	-ms-transform: -ms-translate(-50%, -50%);
	-o-transform: -o-translate(-50%, -50%);
	transform: translate(-50%, -50%); }

.text_tag{
	color:rgb(253,253,253);
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-size:.6em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	letter-spacing:1.5px;
	text-transform:none;
	margin-top:5px; }

.elem_title_resp{
	display:none;
	/*color:#3e3d40;*/
	letter-spacing: .6px;
	color: #222222;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility; }

.box_image{
	position:relative; }

.plus_button {
	width:0%;
	margin:-2% 45%;
	visibility: hidden;}

.plus_button_txt {
	display:block;
	float:left;
	width:100%;
	padding-top:50%;
	padding-bottom:50%;
	line-height:0em;
	margin-top:0.25em;
	text-decoration:none;    
	text-align:center;
	color:#fdfdfd;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:4em;
	font-weight:300;
	-webkit-font-smoothing: antialiased;
	border:1px solid transparent;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	-ms-border-radius: 9999px;
	-o-border-radius: 9999px;
	border-radius: 9999px; }


/* Partners Sec */

.ptrs_cont{
	position: relative; 
	width: 75%;
	max-width:1650px;
	margin: 0px auto;
	margin-top: 50px; }

.outer{
	width: 100%;
	display: table;
	table-layout: fixed;
	height: 100%; }

.inner{
	vertical-align: middle !important; }

.outer, .inner {
    width: 100%;
    height: 100%;
    display: table-cell;
	/* vertical-align: middle; */}
	
.ptrs_img{
	width:22.7%;
	position: relative;
	padding: 0%;
	float: left;
	margin: 1% 1% 0% 1%; }
.ptrs_img img{
	width:75%;
	height: 150px; }

.owl-carousel div img{
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); }

.owl-carousel div img:hover{
	 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); }


@media only screen and (max-width: 800px) {

.container{
	width: 87%;
	margin: 0px auto; }

.box_image{
	height: 100%;
	overflow: hidden;
	position: relative;}

.size_1{
	width:49%;
	margin: .5%;
	display: inline-block; }
.size_2{
	width:49%;
	margin: .5%;
	display: inline-block; }
.size_3{
	width:49%;
	margin: .5%;
	display: inline-block; }

.grid-item:first-child,
.grid-item:nth-child(2){
	margin-top: 0px !important; }

.grid-item:nth-child(5){
	clear: left !important; }

.size_1 img,
.size_2 img {
	position: relative;
	bottom: 0; }

.size_3 img{
	position: relative;
	width: 100%;
	padding-top: 51%; }

.grid-item:first-child .elem_title_resp,
.grid-item:nth-child(20) .elem_title_resp{
	margin-top:0px; }

.element_text,
.element_text_2{
	background-image: -webkit-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: -moz-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: -ms-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: -o-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	position: absolute;
	overflow: hidden;
	width: auto;
	height: auto;
	top: 0;
	left: 0; }

.text_hover{
	display: none; }

.elem_title_resp{
	display: inline-block;
	font-size: 2em;
	margin: 15px auto 10px;}
.element_img_cont:hover{
	overflow: hidden; }

.plus_button {
	width:0%;
	margin:24.5% 45%;
	visibility: visible; }

.header_overlay_1 {
	opacity: .25; }

}

@media only screen and (max-width: 600px) {
.container{
	width: 85%;
	margin: 0px auto; }


.box_image{
	height: 100%;
	overflow: hidden;
	width: auto;
	position: relative;
	/*padding-bottom: 47%;*/ }

.element_text,
.element_text_2{
	background-image: -webkit-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 7.3em, rgba(193, 217, 225, 0.82) 7.3em, transparent 0%);
	background-image: -moz-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 7.3em, rgba(193, 217, 225, 0.82) 7.3em, transparent 0%);
	background-image: -ms-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 7.3em, rgba(193, 217, 225, 0.82) 7.3em, transparent 0%);
	background-image: -o-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 7.3em, rgba(193, 217, 225, 0.82) 7.3em, transparent 0%);
	background-image: linear-gradient(0deg, rgba(193, 217, 225, 0.82) 7.3em, rgba(193, 217, 225, 0.82) 7.3em, transparent 0%);
	position: absolute;
	overflow: hidden;
	width: auto;
	height: auto;
	top: 0;
	left: 0; } 
	
.grid-sizer{
	width:100%; }

.element_img_cont{
	max-height: 230px; }

.size_1,
.size_2,
.size_3{
	max-height: 285px;
	width: 100%;
	margin: 10px auto;
	overflow: hidden; }
.size_1 img,
.size_2 img{
	margin-top: -110px; }

.size_3 img{
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	padding-top: 8%; }

.grid-item:first-child .elem_title_resp{
	margin-top:0px; }

.grid-item:nth-child(20) .elem_title_resp{
	margin-top: 15px; }

.plus_button {
	width:0%;
	margin:2% 45%;
	visibility: visible; }

}

.rzs_image{
	width: 100%;
	background-image: url("../images/projects/fondo gris.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover; }
.ci_image{
	width: 100%;
	background-image: url("../images/projects/fondo gris.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover; }
.sa_image{
	width: 100%;
	background-image: url("../images/projects/fondo gris.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover; }
.cb_image{
	width: 100%;
	background-image: url("../images/projects/fondo gris.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%; }

@media only screen and (max-width: 480px){
body{
	/*overflow: hidden;*/ }

.box_image{
	height: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 0%; }

.grid-sizer{
	width:100%; }

.size_1,
.size_2,
.size_3{
	width: 100%;
	height:auto !important;
	max-height: none;
	margin: 10px auto !important;
	overflow: hidden; }
.size_1 img,
.size_2 img {
	position: relative;
	width: 100%;
	padding-top: 2.5em; }

.size_3 img{
	position: relative;
	width: 100%;
	padding-top: 51%;
	/*height: auto;*/ }

.element_img_cont{
	max-height: none; }
	
.size_1,
.size_2,
.size_3{
	max-height: 285px;
	width: 100%;
	margin: 10px auto;
	overflow: hidden; }
.size_1 img,
.size_2 img{
	margin-top: -110px; }

.size_3 img{
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	padding-top: 8%; }

.grid-item:first-child .elem_title_resp{
	margin-top:0px; }

.grid-item:nth-child(20) .elem_title_resp{
	margin-top: 15px; }
.element_text,
.element_text_2{
	background-image: -webkit-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: -moz-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: -ms-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: -o-linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	background-image: linear-gradient(0deg, rgba(193, 217, 225, 0.82) 25%, rgba(193, 217, 225, 0.82) 25%, transparent 0%);
	position: absolute;
	overflow: hidden;
	width: auto;
	height: auto;
	top: 0;
	left: 0; }

.plus_button {
	width:0%;
	margin:21% 43%;
	visibility: visible; }
}


.first_row{
	width: 100%;
	height:auto;
	float:left;
	position:relative; }

.studio_img_cont{
	background: url(../images/rizoma_studio_1d.jpg) no-repeat,
    linear-gradient(transparent, transparent);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50%;
	position: relative;
	width: 100%;
	height: auto; }


.studio_text_cont{
	width: 85%;
	display: inline-block;
	vertical-align: middle;
	padding: 25px 0px;
	text-align: left; }
	
.block_cont{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
	font-size: 1.3em;
	letter-spacing: .015em;
	font-weight:300;
	color: #444444;
	font-family:'Open Sans', Arial, Helvetica, sans-serif; }
	
/*=====service=====*/

.skills_container {
	position: relative; 
	width: 90%;
	max-width:1650px;
	margin: 0px auto;
	margin-top: 50px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; }

.border_am{
	border-top:3px solid #C1D9E1;
	width:70px;
	margin:20px auto 0;}

.boxskillsinside{
	width:100%;
	height:100%;
	margin:0 auto;
	vertical-align:middle;
	text-align:left;	
	position: relative;
	display: inline-block; }
	
.skillsimg{
	position:relative;
	padding:0%;
 	width:23%;
	height:100%;
	display:inline-block;
	float:left;
	margin:1% 1% 0% 1%; }
.skillsimg:first-child{
	margin-left: 0%; }
.skillsimg:last-child{
	margin-right: 0%; }
	
/*.skillsimg:first-child, .skillsimg:nth-child(2){
	margin-top:0%; }*/

.cont_skillsimg{
	height:auto;
	margin:0 auto;
	overflow:hidden;
	text-align: center;
	/*min-height:250px;*/
	margin-top:-1px;
	/*margin-bottom: 40px;
	margin-left:-1px;*/
	width:89.3%;
	padding:0% 0%; }

.cont_skillsimg img {
	width:65px;
	height:auto;
	margin:0 auto;
	/*float:left;*/ }

.cont_skillsimg object {
	width:100px;
	height:auto;
	margin:0 auto; }
.cont_skillstext{
	width:85%;
	height:100%;
	margin:0 auto;
	text-align: center; }

.skilldesc{
	margin:0 auto;
	/*text-align:left;*/ }

.proj_title{
	font-size: 1.358em;
	font-weight: 600;
	letter-spacing: .6px;
	/*text-transform: capitalize;*/
	text-transform:uppercase;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	line-height:1;
	/*color:#444444;*/
	margin:25px auto;
	text-align: center; }

.skills_container .boxskillsinside .skillsimg:nth-child(4) .proj_title{
	min-width: 240px; }
	
.proj_desc{
	font-size: 1.2em;
	color:#444444;
	line-height:1.5;
	letter-spacing: .015em;
	font-weight:300;
	font-family:'Open Sans', Arial, Helvetica, sans-serif; }

.studio_title{
	text-transform: uppercase;
	/*font-size: 1.71em;*/
	text-align: left; }
@media only screen and (min-width: 1100px) and (max-width: 1200px) {
	.skillsimg:first-child .proj_desc,
	.skillsimg:nth-child(2) .proj_desc,
	.skillsimg:nth-child(3) .proj_desc{
		margin-top: 2.4em; }
}
	
@media only screen and (max-width: 1100px) {
.scrolldown{
	top: -30px;
	left: -26px; }

.skills_container{ 
	width: 94.5%; 
	margin: 0 auto; }

.skillsimg{
	width:48%; }

.skillsimg:first-child{
	margin: 1% 1% 6% 0%; }

.skillsimg:nth-child(2){
	margin: 1% 0% 6% 1%; }

.skillsimg:nth-child(3){
	margin: 1% 1% 0% 0%;
	clear: left; }

.skillsimg:last-child{
	margin: 1% 0% 0% 1%; }

.cont_skillsimg{ margin-bottom: 0px; }
.skillstext{ margin: 25px auto 20px; }
}

.writeme{
	width: 100%;
	height:100%;
	min-height:320px;
	overflow:hidden;
	display: flex; }

.c_form_title{
	width:100%;
	max-width:850px;
	padding:0px;
	margin:0 auto;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	/*-webkit-font-smoothing: antialiased;
	font-weight:300;
	font-size:2em;
	line-height:1.5;*/
	font-size: 1.71em;
    font-weight: 600;
    letter-spacing: .015em;
	text-align:center;
	color:rgb(62,61,64);
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	margin-bottom:60px;
    margin-top: -8px; }

.footsvg{
	margin:0 auto; position:relative; width:450px; padding:5%; margin-bottom: -4px; }

.parallax_foot_last {
	overflow:hidden !important;
	position: relative;
	width:100%;
	/*height:100%;
	z-index:1;*/
	text-align:center;
	background-color:rgb(62,61,64);
	border-bottom: 1px solid #C1D9E1;}

/*.scrollup_cont{
	text-align:center;
	width:100%;
	display:inline-block;
	margin:50px auto 35px;
	vertical-align:middle;
	position:relative; }

a.scrollup {
	width:60px;
	height:38px;
	-webkit-font-smoothing: antialiased;
	display:inline-block;
	color:#fdfdfd;
	text-align:center;
	outline:none;
	overflow:hidden; }

.scrollup:hover {
	color:#C1D9E1; }

a.scrollup, .scrollup:hover {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	transition-property: initial;
	transition-duration: 0.35s;
	transition-timing-function: initial;
	transition-delay: initial;
	text-decoration: none; }
.scrollup i {
	line-height: .3;
	height: 38px;
	font-size:5em;
	overflow: hidden; }*/


.foot{
	width:100%;
	position:relative; }

.text {
	width: 88.5%;
	max-width:1490px;
	height:100%;
	margin:0px auto;
	margin-bottom: 50px;
	display: inline-block;
	text-align:center; }

.footrow_l{
	text-align:left;
	float:left; }
.footrow_r{
	text-align:right;
	float:right; }

.footrow_l,
.footrow_r{
	width:45%;
	height:auto;
	margin:0 auto;
	/*margin-top:15px;*/
	line-height: 2em;
	font-family:inherit;
	font-size:1.2em;
	font-weight:300;
	/*text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;*/
	color:#fdfdfd;
	letter-spacing:.8px;
	display:inline-block;}

.footrow_l a,
.footrow_r a{
	text-decoration:none;
	color: #fdfdfd; }

.footrow_l a:hover,
.footrow_r a:hover{
	color: #C1D9E1; }

.footrow_l a, .footrow_l a:hover,
.footrow_r a, .footrow_r a:hover{
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	transition-property: initial;
	transition-duration: 0.35s;
	transition-timing-function: initial;
	transition-delay: initial;
	outline: none; }

/* ==== Quote Section ==== */

.quote_cont{
	width: 88%;
	max-width: 1650px;
	margin: 0 auto; }

.quote_txt{
	text-align: center;
	font-size: 2em;
	font-weight: 400;
	letter-spacing: .015em; }
.quote_sign_1,
.quote_sign_2 {
	font-size: 3em;
	font-weight: 400;
	display: inline-block;
	line-height: 0;
	color:#C1D9E1; }
.quote_sign_1{
	vertical-align: middle;}
.quote_sign_2{
	vertical-align: sub; }
.quote_line{
	height: 2px;
	width: 100px;
	margin: 25px auto;
	background-color: #C1D9E1; }
.quote_auth{
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 300;
	letter-spacing: 1.45; }

/*======= Contact_Section =======*/

.cnt_container{
	width: 82%;
	margin: 0 auto;
	max-width: 1650px;
	position: relative; }

.iframe_cont {
	width: 55.9%;
	padding-left: 3.6%;
	max-width:1490px;
	display: inline-block;
	vertical-align: middle; }

.ct_cont{
	width:39.9%;
	display:inline-block;
	vertical-align: middle;
	margin-top: -75px; }

.contact_txt,
.contact_txt_mail,
.contact_txt_resp{
	font-size:1.3em;
	font-weight:300;
	width:auto;
	/*margin-top: 1.6%;*/
	color: #444444;
	letter-spacing: .015em;
	display: inline-block;
	vertical-align: middle; }

.contact_txt a,
.contact_txt_mail a,
.contact_txt_resp a{
	color: #444444 !important;
	-webkit-appearance: none;
	text-decoration: none;
	outline: none;}
.contact_txt a:hover,
.contact_txt_mail a:hover,
.contact_txt_resp a:hover{
	color: #C1D9E1 !important;}

.contact_txt_resp{
	display: none; }

/*.contact_txt:first-child{
	margin-top:0px; }*/
.ct_icon_email{
	background: url(../images/icons/mail.png)no-repeat;
	background: url("../images/icons/mail.svg") no-repeat,
    linear-gradient(transparent, transparent);
	background-size: 50px 40px;
	background-position:  left center; }
.ct_icon_pin{
	background: url(../images/icons/mapa.png) no-repeat;
	background: url(../images/icons/mapa.svg) no-repeat,
    linear-gradient(transparent, transparent);
	background-size: 60px 40px;
	background-position:  left center; }
.ct_icon_phone{
	background: url(../images/icons/face.png) no-repeat;
	background: url(../images/icons/face.svg) no-repeat,
    linear-gradient(transparent, transparent);
	background-size: 50px 40px;
	background-position:  left center; }
.ct_icon_insta{
	background: url(../images/icons/insta.png) no-repeat;
	background: url(../images/icons/insta.svg) no-repeat,
    linear-gradient(transparent, transparent);
	background-size: 70px 40px;
	background-position:  left center; }

.ct_icon_email,
.ct_icon_pin,
.ct_icon_insta,
.ct_icon_phone{
	width: 88%;
	height:40px;
	padding-left: 60px;
	/*margin-right: 30px;
	min-width:250px;*/
	display: inline-block;
	vertical-align: middle;
	margin:30px auto 0px auto;}

.ct_icon_email,
.ct_icon_pin,
.ct_icon_phone,
.ct_icon_insta{
	display: table; }

.contact_txt,
.contact_txt_mail{
	display: table-cell;
   vertical-align: middle;
    margin-right: 75px; }

.contact_txt a,
.contact_txt_mail a,
.contact_txt_resp a {
    display: inline-block; }
	 
.contact_txt,
.contact_txt_mail,
.contact_txt_resp,
.ct_icon_email,
.ct_icon_insta,
.ct_icon_pin,
.ct_icon_phone{
	vertical-align:middle; }

/* === cookie policy - privacy policy=== */
.section_cookiep{
	background-color:rgb(248,248,248);
	width:60% ;
	position:relative;
	margin:100px auto;
	font-size: 1em; }

.section_cookiep a {
	text-decoration: none;
	cursor: pointer;
	color: #323232; }

.section_cookiep a:hover {
	border-bottom: 1px solid #323232; }

.cp_title{
	font-size: 4em;
	color: #C1D9E1;
	text-align: center;
	line-height: 1;
	margin: 50px auto 50px;
	display: inline-block;
	width: 100%; }

.cp_middle_title{
	font-size: 2.5em;
	color: #444444;
	text-align: left;
	margin: 50px auto;
	text-transform: uppercase;
	font-weight: 400; }
.cp_middle_title ul li{
  /*margin: 15px auto;*/
  padding: 0 0 0 .5em;
  text-indent: -1.2em;
  opacity: 1;
  list-style: none;}

.cp_little_title{
	font-size: 2.1em;
	color: #444444;
	text-align: left;
	margin-bottom: 20px; }

.cp_text{
	line-height: 1.7;
	font-size: 1.1em; 
	margin-bottom: 50px;
	letter-spacing: .015em;}
.cp_text b{
	color:#444444; }

.cp_text ul,
.text_block ul{
	counter-reset: my-badass-counter;
	list-style: none outside; }
.first ul li::before {
	content: counter(my-badass-counter, lower-latin) "."; }
.second ul li::before {
	content: counter(my-badass-counter, disc)" "; }
.third ul li::before {
	content: counter(my-badass-counter, decimal); }
.fourth ul li::before {
	content: "\200B"; }
.cp_text ul li::before,
.text_block ul li::before{
	counter-increment: my-badass-counter;
	margin-right: 5px;
	font-weight: bold;
	color:#505050; }
.cp_text ul li,
.text_block ul li{
  margin: 15px auto;
  padding: 0 0 0 2em;
  text-indent: -1.2em;
  opacity: 1; }

/* CSS Cookie Policy Banner */

#cookie-bar {
	/*background:rgb(8,12,19);
	background:#3e3d40;*/
	background: rgba(0,0,0,.45);
	display:block;
	height:auto;
	color:rgb(253,253,253);
	letter-spacing:1px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-weight:400; 
	font-size:16px !important;
	text-align:center;
	padding:10px 0;
	z-index:9999; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; }
#cookie-bar.fixed.bottom {bottom:0; top:auto; }
#cookie-bar p {margin:0; padding:0; }
#cookie-bar a {
	color:rgb(253,253,253);
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius:3px;
	text-decoration:none;
	padding:3px 10px;
	margin-left:20px; }

#cookie-bar .cb-disable {background:#990000; }
#cookie-bar .cb-disable:hover {background:#bb0000; }
#cookie-bar .cb-enable, .cb-policy {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius:3px;
	padding:3px 10px;
	width:auto;
	height:auto;
	font-size:16px;
	font-weight:400;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif ; 
	color:rgb(253,253,253);
	border:1px solid #C1D9E1;
	background-color: #C1D9E1;
	text-decoration:none;
	margin-left:10px; }
	
#cookie-bar .cb-enable:hover, .cb-policy:hover {background-color:/* #1d977b */ #C1D9E1; border-color:#C1D9E1;
color: rgb(253,253,253); }

#cookie-bar .cb-enable, .cb-policy, 
#cookie-bar .cb-enable:hover, .cb-policy:hover {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	transition-property: initial;
	transition-duration: 0.35s;
	transition-timing-function: initial;
	transition-delay: initial; }
	
.cb-policy {
	background-color: transparent;
	border-color: transparent;
	outline: none; }




@media only screen and (max-width: 800px) {
.footsvg{
	width:350px; padding:6%; }
#prefoot{
	max-width: 350px; }

.ct_icon_email,
.ct_icon_insta,
.ct_icon_pin,
.ct_icon_phone{
	padding-left: 30px;
	height: 30px;
	background-size: 30px 30px; }

}
@media only screen and (max-width: 480px) {
.footsvg{
	width:250px; padding:10%; }

}
@media only screen and (max-width: 320px) {
.footsvg{
	padding:38px 0%;
	width: 100%; }

.ct_icon_email,
.ct_icon_insta,
.ct_icon_pin,
.ct_icon_phone{
	width: auto;
	vertical-align: middle;}

}

/* ===================== Responsiveness ===================*/

@media only screen and (max-width: 1400px) {
body{ font-size: 13px; }
nav ul{ margin-top: 18px;}
.child_3{ margin-top: 17px; }
.svg-container {
	padding: 3em;
	max-width: 450px; }
}

@media only screen and (max-width: 1248px) {
.writeme{
	min-height: 405px; }
}
@media only screen and (max-width: 1280px) {
.svg-container {
	padding: 3em;
	max-width: 420px; }
}

@media only screen and (max-width: 1100px) {
body{ font-size: 12px;}

.opl a{
	width: 55px;
	height: 42px;
	text-indent: -9999px;
	display: block;
	outline:none;
	background-size:55px 42px !important; }

#parent_1,
#parent_1.active {
	margin-top: 5px; }

nav ul {
	margin-top:16px; }

.child_3{
	margin-top:12px;
	position: fixed;
	/*z-index: 9;*/ }

.sec_title{
	font-size: 3.5em; }

.proj_title{
	font-size: 1.5em; }

.proj_desc{
	font-size: 1.3em; }

.writeme{
	min-height:470px; }

.svg-container {
	padding: 3em;
	max-width: 450px; }

.fa-3-4x{
	font-size: 4em; }

.cnt_container{
	width: 80%;}

.ct_icon_email,
.ct_icon_pin,
.ct_icon_insta,
.ct_icon_phone{
	padding-left: 55px;
	height: 35px;
	background-size: 35px 35px; }

.contact_txt,
.contact_txt_mail{
	/*margin-top: .25%;*/
	width: 55%;
	max-width: 130px;}

.contact_txt_mail{
	display: none; }
.contact_txt_resp{
	display: table-cell; }

.contact_txt a,
.contact_txt_mail a,
.contact_txt_resp a {
    max-width: 150px; }

.padd_sect{
	padding-top:	60px;
	padding-bottom: 65px; }

/* CSS Cookie Policy Banner */

#cookie-bar {
	background: rgba(0,0,0,.65); }

}

/*For tablets & smart phones*/
@media only screen and (max-width: 800px) {
body{ font-size: 9.5px;}
#parent_1 {
	margin-top: 0px; }
#parent_1.active {
	margin-top: 0px; }

/* Menu */
.menu-container {
  box-sizing: border-box;
 top: 0;
  right: 0;
  width: 0;
  height: 0;
  position: fixed;
  border-top: 40px solid transparent;
  border-left: 230px solid transparent;
  -webkit-transition: all 500ms 150ms cubic-bezier(0.235, 0.005, 0.44, 1);
  -moz-transition: all 500ms 150ms cubic-bezier(0.235, 0.005, 0.44, 1);
  -ms-transition: all 500ms 150ms cubic-bezier(0.235, 0.005, 0.44, 1);
  -o-transition: all 500ms 150ms cubic-bezier(0.235, 0.005, 0.44, 1);
  transition: all 500ms 150ms cubic-bezier(0.235, 0.005, 0.44, 1); }

.menu-container.active {
	border-top: 40px solid #C1D9E1;
	border-left: 230px solid transparent; }

nav.active .menu-container {
	border-top-color: #333;
	/* border-top-width: calc(100vh*2);
	border-left-width: calc(100vw*2);*/
	border-top-width: calc(100em*2);
	border-left-width: calc(100em*2);
	text-align: center;
	/*padding-left: 100px;*/
	position: fixed;
    height: 100%;
    background: #333;/*
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;*/ }

.menu-container.active, nav.active .menu-container{
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear; }

.menu-toggle{
	display: block;
	position: absolute;
	height: 25px;
	width: 30px;
	/*top: 12px;
	right: 12.5px;*/
	top: 5px;
	right:0;
	background: transparent;
	cursor: pointer; }

.menu-list{
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*position: fixed;
	top: 25%;*/
	width: 100%;
	/*height: calc(100% - 200px);
	height: auto;*/
	z-index: 10;
	visibility: hidden;
	-webkit-transition: all 300ms cubic-bezier(0.235, 0.005, 0.44, 1);
	-moz-transition: all 300ms cubic-bezier(0.235, 0.005, 0.44, 1);
	-ms-transition: all 300ms cubic-bezier(0.235, 0.005, 0.44, 1);
	-o-transition: all 300ms cubic-bezier(0.235, 0.005, 0.44, 1);
	transition: all 300ms cubic-bezier(0.235, 0.005, 0.44, 1);
	text-align: center;
	margin: 0 auto;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:300;
	letter-spacing: 1.5px; }
	
.menu-list.active {
	visibility: visible; }

 ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative; }

ul li {
	opacity: 0;
	width: 100%;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1);
	transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1); }
 nav ul li a {
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	color: #777;
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-ms-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;
	-webkit-transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1);
	transition-timing-function: cubic-bezier(0.235, 0.005, 0.44, 1); }
ul li a:hover {
	color: #f5f5f5; }

ul li a{
	padding: 2% 0%; } 

ul li a.active {
	color: #fdfdfd; }
/*.menu-list.open {
  visibility: visible; }*/

nav a{
	opacity:1;
	color:#fdfdfd;
	font-size:1.3em; }
nav a:hover {
	text-decoration: none;
	-webkit-transition: width .5s ease, color .5s ease;
	-moz-transition: width .5s ease, color .5s ease;
	-ms-transition: width .5s ease, color .5s ease;
	-o-transition: width .5s ease, color .5s ease;
	transition: width .5s ease, color .5s ease; }

nav.active li {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-ms-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-duration: .35s;
	-moz-animation-duration: .35s;
	-ms-animation-duration: .35s;
	-o-animation-duration: .35s;
	animation-duration: .35s;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-ms-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s; }
nav.active li:nth-of-type(2) {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s; }
nav.active li:nth-of-type(3) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-ms-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s; }
nav.active li:nth-of-type(4) {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s; }
nav.active li:nth-of-type(5) {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s; }
nav.active li:nth-of-type(6) {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s; }

nav.active .menu-link{
	width: 100%; }

.middle-align {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
	-o-align-content: center;
	align-content: center;
	-ms-flex-line-pack: center; }

.menu-list{
	font-size: 3em; }

/* SVG */
#rs_logo, #logo_txt{
	max-width: 400px; }
#mySVG1,
#prefoot{
	max-width: 300px;
	width: 100%;
	height: auto; }

/* Studio Sec */
.skills_container {
	width: 92.3%; }

/* Body */
.module_full_bg,
.parallax_foot {
	background-attachment: local; }

.section_wh2{
	/*margin-top: 25px;
    margin-bottom: 25px;*/
    display: inline-block; }

.padd_sect{
	padding-top: 50px;
	padding-bottom: 50px; }

.studio_img_cont{
	/*padding-bottom: 40%;*/
	height: 225px; }

.block_cont,
.proj_desc{
	font-size: 1.7em;
	line-height: 1.5; }
.c_form_title,
.proj_title{
	font-size: 1.85em; }
	
/* Studio Sec */
/*.padd_sect{
	margin-top:	50px; }*/
.sec_title{
	margin: 0px auto 40px;
	font-size: 4.1em; }

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

.contleft{
	width:100%;
	display: inline-block;}
.contright{
	width: 100%; }
.conttext_right, .conttext_right2{
	width: 100%; }
.conttext_left{
	width: 100%; }

.studio_text_cont{
	width: 100%;
	display: block;
	padding: 0px;
	margin-bottom: 45px; }
.studio_title{
	margin-top: 0px; }

/* Service */

.cont_skillstext{
	width:88%; }

/* Works Sec */
.element_text,
.element_text_2{
	font-size: 1.6em; }

/* Quote Sec */
.quote_cont{
	width:85%; }

/* Footer */

.container{
	margin-bottom: 0px; }

.footrow_l,
.footrow_r{
	width: 100%;
	float: none;
	text-align: center;
	line-height: 2em;
	font-size: 1.7em;}
.footrow_l{
	margin-top: 0px; }
.text{
	height: auto;
	margin-bottom: 50px; }


/* Contact Sec */
.cnt_container{
	width: 71%; }

.contact_txt,
.contact_txt_mail,
.contact_txt_resp{
	font-size: 1.7em;
	/*width: 100%;
	max-width: none;*/ }

.contact_txt_mail{
	display: inline-block; }
.contact_txt_resp{
	display: none; }

.contact_txt a,
.contact_txt_mail a,
.contact_txt_resp a {
    max-width: none; }

.writeme{
	min-height:395px; }


.c_form_title{
	margin-bottom: 25px; }

.iframe_cont{
	width: 100%;
	height:100%;
	padding:0px; }
.ct_cont{
	width: 100%;
	margin: 0px auto 50px; }

.ct_icon_email,
.ct_icon_pin,
.ct_icon_insta,
.ct_icon_phone{
	background-size: 25px 25px;
	height: 25px;
	margin-left: 0px; }

/* cookie */
div#cookieChoiceInfo {
	font-size:1em !important;
	line-height:25px; }

#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {
	margin-left: 10px!important; }

.section_cookiep{
	width:83%;
	margin: 0 auto;
	font-size: 1.5em; }
.cp_title{ font-size:3em; margin-bottom: 10px;}
.cp_middle_title{
	font-weight: 400;
	font-size:1.93em; }
.cp_middle_title ul li{
  padding: 0 0 0 1.2em; }
  
.cp_little_title{
	font-weight: 300;
	font-size: 1.8em;
	line-height: 1.25; }
}

@media only screen and (min-width: 567px) and (max-width: 676px) {
.writeme{
	min-height:470px; }
}
@media only screen and (max-width: 567px) {
.writeme{
	min-height:470px; }
}
@media only screen and (max-width: 600px) {
/* SVG*/

#rs_logo, #logo_txt{
	max-width: 400px; }
#mySVG1
#prefoot{
	max-width: 350px;
	width: 100%;
	height: auto; }
#logo_txt{
	margin-top: 20px; }

/* Studio skills section */

.cont_skillstext {
	width: 90%; }

.studio_text_cont{
	width: 100%;
	display: block;
	padding: 0px;
	margin-bottom: 45px;}

.cont_skillstext{
	text-align: center; }
.skillsimg{
	width:100%;
	margin: 0% 0% 6.5%;}

.skillsimg:first-child,
.skillsimg:nth-child(3){
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 6.5%; }

.skillsimg:nth-child(2),
.skillsimg:last-child{
	margin-left: 0%;
	margin-right: 0%; }

.skillsimg:last-child{
	margin-bottom:0%; }

.cont_skillsimg{ margin-bottom: 0px; }
.skillstext{ margin: 20px auto 15px; }

.proj_title{
	font-size: 2em; }
.studio_title{
	margin-top: 0px; }
.cont_skillsimg{
	text-align: center; }
.cont_skillsimg img{
	float: none; }

/* Quote Sec */
.quote_cont{
	width:84%; }

/* Contact Sec */
.cnt_container{
	width: 85%; }

/* cookie */

#cookie-bar {
	background: rgba(0,0,0,.75); }
div#cookieChoiceInfo {
	font-size:1em !important;
	line-height:25px;
	color:rgb(253,253,253) !important;
	font-weight:400 !important; }

#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {
	margin-left: 10px!important;
	font-size:1em !important;
	color:rgb(253,253,253) !important;
	font-weight:400 !important; } 

}

@media screen and (max-width: 600px){
.menu-list{
	font-size: 7.3em; }
ul li a,
ul li a.active {
	padding: 1.5% 0%; } 
}

@media screen and (min-width: 480px) and (max-width:800px) {
#header, #header.active{
	height:40px; } 

#parent_1{
	height:40px;
	/*width:83%;*/
	width: 90%;
	margin-top: 0; }

.logo_menu, .logo_menu.active{
	width:56px;
	height:20px;
	margin-top:-2px; }

.nome{
	font-weight:400;
	margin-top:2px; }

.menu-container {
  border-top: 40px solid transparent;
	border-left: 230px solid transparent; }

.menu-container.active {
  border-top: 40px solid #C1D9E1;
  border-left: 230px solid transparent; }
	
.menu-toggle {
	width: 30px;
	height: 30px;
	right: 0px;
	z-index:106; }

.menu-toggle.on .one {
	-webkit-transform: rotate(45deg) translate(5px, 6px);
	-moz-transform: rotate(45deg) translate(5px, 6px);
	-ms-transform: rotate(45deg) translate(5px, 6px);
	-o-transform: rotate(45deg) translate(5px, 6px);
	transform: rotate(45deg) translate(5px, 6px); }

.menu-toggle.on .two {
	opacity: 0; }

.menu-toggle.on .three {
	-webkit-transform: rotate(-45deg) translate(5px, -7px);
	-moz-transform: rotate(-45deg) translate(5px, -7px);
	-ms-transform: rotate(-45deg) translate(5px, -7px);
	-o-transform: rotate(-45deg) translate(5px, -7px);
	transform: rotate(-45deg) translate(5px, -7px); }

.one,
.two,
.three {
	height: 3px;
	margin: 5px auto; }

nav a:hover{
	color:#3e3d40;
	text-decoration: none; }

nav a:link{
	width: 100%; }

/* arrow_down */

.linea_2{
	width: 85px;
	height: 85px; }
.box_arrow_down{
	width:85px;
	height:85px;
	position:relative;
	overflow:hidden; }
.scrolldown {
    top: -46px;
    left: -17.5px;
    padding-top: 12px;
	padding-left: 10px; }

.fa-3-4x{
	font-size: 3.5em; }
	
}
@media screen and (min-width: 0px) and (max-width:480px) {
/* awards */
.opl {
display: inline-block;
position: absolute;
left: 0;
top: 75px;
z-index:998; }

/* SVG */
#rs_logo, #logo_txt, .svg-container{
	max-width: 225px; }

#mySVG1
#prefoot{
	max-width: 350px;
	width: 100%;
	height: auto; }

#header{
	height:45px; }
#header.active{
	height:45px; }

#parent_1{
	height:45px;
	width:92%;
	margin-top: 0; }

.menu-toggle{
	top:8px; }

.child_3{
	margin-top:10px; }

.nome{
	margin-top:6px; }

.logo_menu, .logo_menu.active{
	width:56px;
	height:20px;
	margin-top:3px; }

.menu-toggle {
	width: 30px;
	height: 20px;
	right: 0px;
	margin-top:0px;
    z-index:106; }

.menu-container {
	border-top: 40px solid transparent;
	border-left: 230px solid transparent; }

.menu-container.active {
	border-top: 40px solid #C1D9E1;
	border-left: 230px solid transparent;
	/*z-index: -1;*/ }


nav.active .menu-link{
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s; }

.menu-toggle{
	display: block;
	position: absolute;
	height: 25px;
	width: 30px;
	top: 8px;
	right:0;
	background: transparent;
	cursor: pointer; }

.menu-list{
	font-size: 2.3em; }

svg-container {
	padding: 0em;
	max-width: 200px; }

/*.section_wh2,*/
.section_cookiep{
	margin-top:25px;
	margin-bottom:25px; }

.padd_sect{
	padding-top: 50px;
	padding-bottom: 50px; }

/* Studio Sec */
/*.padd_sect{
	margin-top:	50px; }*/

.sec_title{
	margin: 0px auto 40px;
	font-size: 4em;}

.contleft{
	width:100%; }
.contright{
	width: 100%; }
.conttext_right, .conttext_right2{
	width: 100%; }
.conttext_left{
	width: 100%; }
.studio_text_cont{
	text-align: left;	}

.studio_img_cont{
	/*padding-bottom: 54%;*/
	height: 250px; }

/* Skills Sec */
.skillsimg:first-child,
.skillsimg:nth-child(2),
.skillsimg:nth-child(3){
	padding-bottom: 25px; }
.proj_title{
	margin: 20px auto; }

.proj_desc{
	font-size: 1.7em;
	line-height: 1.5; }
.c_form_title,
.proj_title{
	font-size: 2em; }

.studio_title{
	margin-top: 0px; }

.skillsimg:last-child{
	margin-bottom: 0%; }

.skills_container .boxskillsinside .skillsimg:nth-child(4) .proj_title {
    min-width: 0px; }

/* Quote Sec */
.quote_cont{
	width:75%; }

/* Contact Form */
.c_form_title{
	margin-bottom: 25px;}

.iframe_cont{
	margin-bottom: 0px; }

.ct_cont{
	width: 100%;
	margin: 0px auto 50px; }

.ct_icon_email,
.ct_icon_pin,
.ct_icon_insta,
.ct_icon_phone{
	padding-left:40px; }


.contact_txt a,
.contact_txt_mail a,
.contact_txt_resp a {
    max-width: none;
	 display: inline-block; }

/* Footer */

.footrow_l,
.footrow_r{
	font-size: 1.3em;}

/* cookie */
div#cookieChoiceInfo {
	font-size:1em !important;
	color:rgb(253,253,253) !important;
	font-weight:400 !important; }

#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {
	font-size:1em !important;
	color:rgb(253,253,253) !important;
	font-weight:400 !important; }

.section_cookiep{
	width:88%; }

}

@media only screen and (max-width: 355px) {
.writeme{
	min-height:480px; }
.contact_txt_mail{
	display: none; }
.contact_txt_resp{
	display: inline-block; }
.contact_txt a{
    max-width: 135px;}
}

@media only screen and (max-width: 315px) {
.writeme{
	min-height:490px;}
}
@media only screen and (max-width: 300px) {
.writeme{
	min-height:510px;}
}

@media only screen and (max-width: 260px) {
.writeme{
	min-height:530px; }
}
@media only screen and (max-width: 197px) {
.writeme{
	min-height:545px; }
}


@media only screen and (max-width: 240px) {
.gdpr_a{
	width: 90%; }
}

@media screen and (min-width: 0px) and (max-width:265px) {
.ct_cont{
	width: 100%;
	margin: 0px auto 75px; }
}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1.5) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* Portrait */
@media only screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: portrait) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* Landscape */
@media only screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: landscape) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 600px; }

}

/* Portrait */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 550px; }

}

/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1.5) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* Portrait */
@media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: portrait) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* Landscape */
@media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: landscape) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* ----------- iPad 3 and 4 ----------- */

/* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-device-pixel-ratio: 2)
and (device-aspect-ratio: 3/4)
and (orientation: portrait)  {
ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: 5% 0%; }

.module_full_bg, .parallax_foot {
	background-attachment:local; }

.svg-container {
	padding: 3em;
	max-width: 450px; }
}
/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-device-pixel-ratio: 2)
and (device-aspect-ratio: 3/4)
and (orientation: landscape)  {
.svg-container {
	padding: 3em;
	max-width: 425px; }

.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
ul li a,
ul li a.active {
	color: #fdfdfd;
	padding: 2% 0%; }

.module_full_bg,
.parallax_foot {
	background-attachment:local; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 450px; }
}

/* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 400px; }
}

/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
and (min-device-width: 601px) 
and (max-device-height: 906px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* Portrait */
@media screen 
and (min-device-width: 601px) 
and (max-device-height: 906px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) 
and (orientation: portrait) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* Landscape */
@media screen 
and (min-device-width: 601px) 
and (max-device-height: 906px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) 
and (orientation: landscape) {
.module_full_bg,
.parallax_foot {
	background-attachment:local; }
}

/* --------- Pxel 2 XL ------------*/
/* Portrait */
@media only screen 
and (min-device-width : 411px) 
and (max-device-height : 823px)  
and (-webkit-min-device-pixel-ratio : 3)
and (orientation : portrait) {
nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.7em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: 2.5% 0%; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 300px; }

}

/* --------- iPhone X ------------*/
/* Portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-height : 812px)  
and (-webkit-min-device-pixel-ratio : 3)
and (orientation : portrait) {
nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.6em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: 3% 0%; }

.linea_2{
	width: 100px;
	height: 100px; }
.box_arrow_down{
	width:100px;
	height:100px;
	position:relative;
	overflow:hidden; }
/*.scrolldown {
    top: -30px;
    left: -26px; }

.fa-3-4x{
	font-size: 4em; }*/
.c-scrolldown,
.c-scrollup{
	height: 45px; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 280px; }

}

/* Landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-height : 812px)  
and (-webkit-min-device-pixel-ratio : 3)
and (orientation : landscape) {
#header{
	height: 45px; }
#header.active{
	height: 45px; }
#parent_1 {
	margin-top: 0px;
	height: 50px;}
#parent_1.active {
	margin-top: 0px;
	height: 50px; }

.logo_menu, .logo_menu.active {
 	width: 56px;
	height: 20px;
	/*margin-top: -4px;*/ }

.menu-container {
	/*margin-top: -5px;*/}


#rs_logo, #logo_txt, .svg-container {
	max-width: 255px; }
#logo_txt{
	margin-top:20px; }

.footsvg {
    width: 350px;
    padding: 6.5%; }

/*.scrolldown {
    top: -33px;
    left: -19px;
    padding-top: 12px;
	padding-left: 10px; }

.fa-3-4x{
	font-size: 7.5em; }*/
.c-scrolldown,
.c-scrollup{
	height: 35px; }
}

/* --------- Pxel 2 ------------*/
/* Landscape */
@media only screen 
and (min-device-width : 411px) 
and (max-device-height : 731px)  
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : landscape) {
nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.1em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: .75% 0%; }
#rs_logo, #logo_txt, .svg-container {
    max-width: 250px; }

}
@media only screen 
and (min-device-width : 411px) 
and (max-device-height : 731px)  
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : portrait) {
nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.6em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: 3% 0%; }
#rs_logo, #logo_txt, .svg-container {
    max-width: 280px; }

}

/* --------- iPhone 6/7/8 Plus ------------*/
/* Portrait */
@media only screen 
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait)
/*and (min-aspect-ratio: 16/9)*/ {

nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.6em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: 4% 0%; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 275px; }
}
/* Landscape */
@media only screen 
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape)
/*and (min-aspect-ratio: 16/9)*/ {

nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.1em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: .75% 0%; }

/*.scrolldown {
    top: -45.5px;
    left: -18.5px;
    padding-top: 12px;
	padding-left: 10px; }*/

.c-scrolldown,
.c-scrollup{
	height: 35px; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 250px; }

}

/* --------- iPhone 6/7/8  ------------*/
/* Portrait */
@media only screen 
and (min-device-width : 375px)
and (max-device-height : 667px)
and (-webkit-device-pixel-ratio : 2)
and (orientation: portrait) {

nav a,
nav a.active,
nav li.menu-item.current a{
	font-size: 1.5em; }
ul li a,
ul li a.active {
	padding: 2.5% 0%; }

.c-scrolldown,
.c-scrollup{
	height: 35px; }
#rs_logo, #logo_txt, .svg-container {
	max-width: 250px; }
}
/* Landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-height : 667px) 
and (-webkit-device-pixel-ratio : 2)
and (orientation: landscape)  {
/*
nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1em; }*/
nav a,
nav a.active,
nav li.menu-item.current a{
	font-size: 1.3em; }
ul li a,
ul li a.active {
	padding: 1.5% 0%; }


.container_intro {
	top: 42%; }
.c-scrolldown,
.c-scrollup{
	height: 35px; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 225px;}
}

/* --------- Pxel 2 XL ------------*/
/* Portrait */
@media only screen 
and (min-device-width : 360px) 
and (max-device-height : 640px)  
and (-webkit-min-device-pixel-ratio : 3)
and (orientation : portrait) {
nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.5em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: 2.5% 0%; }
}
/* Landscape */
@media only screen 
and (min-device-width : 360px) 
and (max-device-height : 640px)  
and (-webkit-min-device-pixel-ratio : 3)
and (orientation : landscape) {
nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.1em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: .5% 0%; }
}

/* --------- iPhone 5/SE  ------------*/
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-height: 568px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait)  {

nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.3em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: 3% 0%; }

/*.scrolldown {
    top: -30px;
    left: -26px; }*/
.c-scrolldown,
.c-scrollup{
	height: 35px; }

#rs_logo, #logo_txt, .svg-container {
	max-width:220px; }
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-height: 568px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape)  {

nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.3em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: .75% 0%; }

.container_intro {
	top: 40%; }


#rs_logo, #logo_txt, .svg-container {
	max-width: 220px; }

/*.scrolldown {
    top: -45.5px;
    left: -18.5px; }*/
.c-scrolldown,
.c-scrollup{
	height: 30px; }

}
/* --------- iPhone 4  ------------*/
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-height: 480px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait)  {
ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: 2.5% 0%; }
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-height: 480px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape)  {
ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: .5% 0%; }

.container_intro {
	top: 48%; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 220px; }
#logo_txt {
	margin-top: 15px; }
}

/* --------- iPhone 3  ------------*/
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-height: 480px)
and (-webkit-device-pixel-ratio: 1)
and (orientation: portrait)  {
	
nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.3em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: 1.5% 0%; }
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-height: 480px)
and (-webkit-device-pixel-ratio: 1)
and (orientation: landscape)  {
	
nav a,
nav a.active,
nav li.menu-item.current a {
	font-size: 1.1em; }

ul li a,
ul li a.active {
 	color: #fdfdfd;
	padding: .75% 0%; }

#rs_logo, #logo_txt, .svg-container {
	max-width: 220px; }
}