/*ren capital invest css*/

/*main settings */

@font-face {
      font-family: "Calibri";
      src: url("http://www.ren-capital.de/style/CALIBRI.ttf");
    }

@charset "UTF-8";


#loading{

position:absolute;
height:100%;
width:100%;
z-index:3999;
background:rgba(255,255,255,0.65);
display:none;
top:0;
left:0;

}

#circleG{
	width:146px;
	margin:auto;
   position:absolute;
   left:50%;
   z-index:9000;
   top:50%;
   margin-top:-50px;
   margin-left:-73px;
}

.circleG{
	background-color:rgba(255,255,255,0);
	float:left;
	height:31px;
	margin-left:17px;
	width:31px;
	animation-name:bounce_circleG;
		-o-animation-name:bounce_circleG;
		-ms-animation-name:bounce_circleG;
		-webkit-animation-name:bounce_circleG;
		-moz-animation-name:bounce_circleG;
	animation-duration:1.6575s;
		-o-animation-duration:1.6575s;
		-ms-animation-duration:1.6575s;
		-webkit-animation-duration:1.6575s;
		-moz-animation-duration:1.6575s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	border-radius:20px;
		-o-border-radius:20px;
		-ms-border-radius:20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
}

#circleG_1{
	animation-delay:0.3295s;
		-o-animation-delay:0.3295s;
		-ms-animation-delay:0.3295s;
		-webkit-animation-delay:0.3295s;
		-moz-animation-delay:0.3295s;
}

#circleG_2{
	animation-delay:0.7755s;
		-o-animation-delay:0.7755s;
		-ms-animation-delay:0.7755s;
		-webkit-animation-delay:0.7755s;
		-moz-animation-delay:0.7755s;
}

#circleG_3{
	animation-delay:0.9985s;
		-o-animation-delay:0.9985s;
		-ms-animation-delay:0.9985s;
		-webkit-animation-delay:0.9985s;
		-moz-animation-delay:0.9985s;
}



@keyframes bounce_circleG{
	0%{}

	50%{
		background-color:#899faa;
	}

	100%{}
}

@-o-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:#899faa;
	}

	100%{}
}

@-ms-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:#899faa;
	}

	100%{}
}

@-webkit-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:#899faa;
	}

	100%{}
}

@-moz-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:#899faa;
	}

	100%{}
}

body{
height:100%;
position:absolute;
padding:0;
width:100vw;
overflow:hidden;
margin:0;
font-family: 'Calibri';
font-weight:lighter;
}
.body-no-over{
overflow:hidden;

}
/*curtains settings*/

.curtain{

position:absolute;
z-index:6000;
height:100%;
width:50%;
width:50vw;
top:0;
overflow:hidden;
transition-property:all;
transition-duration:1.5s;


}

.curtain .hole{
position:absolute;
height:400px;
border-radius:50%;
-webkit-box-shadow: 0px 0px 0px 1000px rgba(92,119,130,1);
-moz-box-shadow: 0px 0px 0px 1000px rgba(92,119,130,1);
box-shadow: 0px 0px 0px 1000px rgba(92,119,130,1);
width:400px;
top:50%;
margin-top:-200px;
background:none;
background-repeat:no-repeat;
background-size:80% auto;
background-position:center center;
background-image:url("../images/ren-logo-no-bg.png");
z-index:7000;
}

n
.curtain .hole:before{
-webkit-box-shadow: inset 0px 0px 3px 1px rgba(128,128,128,1);
-moz-box-shadow: inset 0px 0px 3px 1px rgba(128,128,128,1);
box-shadow: inset 0px 0px 3px 1px rgba(128,128,128,1);
content:"";
position:absolute:
margin:-202px;
width:400px;
height:400px;

display:block;
border-radius:50%;
border:1px solid #fff;
}
.left-curtain .hole{

left:100%;
margin-left:-200px;

}

.right-curtain .hole{
margin-left:-200px;

}


.left-curtain{
left:0;

}

.right-curtain{
left:50%;



}

.left-curtain-active{

left:-50%;

}


.right-curtain-active{
left:100%;

}

.left-curtain:before{
content:"";
position:absolute;
height:100%;
margin-top:-200px;
top:-50%;
width:1px;
display:block;
background:#fff;
margin-left:-1px;
right:0;
z-index:8001;
-webkit-box-shadow: 1px 0px 1px 0px rgba(128,128,128,1);
-moz-box-shadow: 1px 0px 1px 0px rgba(128,128,128,1);
box-shadow: 1px 0px 1px 0px rgba(128,128,128,1);

}
.left-curtain:after{
content:"";
position:absolute;
height:100%;
margin-top:201px;
top:50%;
width:1px;
display:block;
background:#fff;
margin-left:-0px;
right:0;
z-index:8001;
-webkit-box-shadow: 1px 0px 1px 0px rgba(128,128,128,1);
-moz-box-shadow: 1px 0px 1px 0px rgba(128,128,128,1);
box-shadow: 1px 0px 1px 0px rgba(128,128,128,1);

}
.right-curtain:before{
content:"";
position:absolute;
height:100%;
margin-top:-200px;
top:-50%;
width:1px;
display:block;
background:#fff;
margin-left:1px;
left:0%;
z-index:8001;
-webkit-box-shadow: -1px 0px 1px 0px rgba(128,128,128,1);
-moz-box-shadow: -1px 0px 1px 0px rgba(128,128,128,1);
box-shadow: -1px 0px 1px 0px rgba(128,128,128,1);

}
.right-curtain:after{
content:"";
position:absolute;
height:100%;
margin-top:201px;
top:50%;
width:1px;
display:block;
background:#fff;
margin-left:1px;
left:0%;
z-index:8001;

-webkit-box-shadow: -1px 0px 1px 0px rgba(128,128,128,1);
-moz-box-shadow: -1px 0px 1px 0px rgba(128,128,128,1);
box-shadow: -1px 0px 1px 0px rgba(128,128,128,1);

}
h1{
width:100%;
font-weight:100;
display:block;
margin:auto;
padding-top:2.5%;
text-align:center;
font-size:3vw;
font-weight:200;
color:#000;
background:rgba(255,255,255,1);
padding-bottom:4%;
border-top:1px solid rgba(255,255,255,0.85);
padding-right:0;
-webkit-box-shadow: inset 0px 0px 3px 1px rgba(244,244,244,0.55);
-moz-box-shadow: inset 0px 0px 3px 1px rgba(244,244,244,0.55);
box-shadow: inset 0px 0px 3px 1px rgba(244,244,244,0.55);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+1,1+25,1+49,1+75,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0.2) 0%,  rgba(255,255,255,1) 25%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}

h2{

width:auto;
font-weight:100;
display:block;
margin:auto;
padding-top:2.5%;
text-align:center;
font-size:1vw;
color:#000;
text-transform:uppercase;
margin-bottom:15px;

}


.navigation{
height:70px;
width:100%;
width:100vw;
position:fixed;
z-index:4000;
top:-70px;
left:0;
transition-property:top;
transition-duration:1s;
}
.navigation-active{
top:0;

}

.footer{
height:70px;
width:100%;
width:100vw;
position:fixed;
bottom:-70px;
z-index:4001;
left:0;
background-color:#899faa;

transition-property:bottom;
transition-duration:1s;
}


.footer-active{
bottom:0px;
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(131,140,156,1);
-moz-box-shadow: inset 0px 2px 2px 0px rgba(131,140,156,1);
box-shadow: inset 0px 2px 2px 0px rgba(131,140,156,1);
}


.main{
position:absolute;
margin:0;
height:100%;
height:100vw;
min-height:100%;
width:100%;
padding:0;
display:block;
top:0px;
z-index:3001;
overflow:scroll;
padding-right:27px;
padding-bottom:100px;
margin-top:210px;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,1);
box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,1);
}



.header,.intro-image{
height:60vw;
width:100vw;
position:fixed;
z-index:2999;
margin-top:-210px;
}
.intro-image{
margin-top:0;
}

.intro-image,.header{
background-repeat:no-repeat;
background-size:cover;
background-position:bottom center;
background-image:url("http://www.ren-capital.de/images/architecture-1867194_1920.jpg");
border-bottom:1px solid #000;

}



.header .contact{

background-image:url("http://www.ren-capital.de/images/architecture-1727807_1920.jpg");


}

.header .legal-intro{
background-image:url("http://www.ren-capital.de/images/legal.jpg");
}
.header .impressum-intro{
background-image:url("http://www.ren-capital.de/images/impressum.jpg");
}
.header .about-intro{
background-image:url("http://www.ren-capital.de/images/business-3224643_1920.jpg");
}

.project{

background-image:url("http://www.ren-capital.de/images/project.jpg");


}

.standalone-image{
height:auto;
width:100%;
display:block;
margin-top:35px;
}
/*
.intro-image:before{
content:"";
width:100%;
height:60vw;
margin:0;
opacity:0.65;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
 position:absolute;

}
*/
/*navigation settings*/




ul.nav-ul{

width:100vw;
margin:auto;
height:70px;
display:block;
list-style:none;
padding:0;
position:relative;
overflow:hidden;

}

.nav-ul li{
display:inline-block;
transition-property:all;
transition-duration:1s;
font-size:1vw;
text-transform:uppercase;
list-style:none;
float:left;
width:20vw;
height:0px;
line-height:0;
padding:0px;
padding-top:35px;
padding-bottom:35px;
text-align:center;
font-weight:lighter;
cursor:pointer;
transition-property:all;
transition-duration:1s;
white-space:nowrap;
background-repeat:no-repeat;
background-position:center center;
background-size:auto 70%;

}
.nav-ul li a{

text-decoration:none;
color:rgba(77,104,115,1);
height:0;
width:auto;
text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
transition-property:all;
transition-duration:1s;
display:block;
padding:35px;
margin:auto;
margin-top:-35px;

}


.li-inactive{
background-color:#899faa;
}
.li-inactive:hover{

background-color:rgba(255,255,255,0.2);

}
.li-inactive:hover:before{
display:none;
}
.li-inactive:hover a{

color:#000;
}

.li-inactive:before{
content:"";
height:1px;
width:inherit;

position:absolute;
padding:0;
display:block;
margin-top:35px;
background:#899faa;

-webkit-box-shadow: 0px -3px 3px 0px rgba(92,119,130,1);
-moz-box-shadow: 0px -3px 3px 0px rgba(92,119,130,1);
box-shadow:  0px -3px 3px 0px rgba(92,119,130,1);
}
.li-active{

background-color: rgba(255,255,255,0);
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(92,119,130,1);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(92,119,130,1);
box-shadow: inset 0px 0px 0px 0px rgba(92,119,130,1);
color:#000;
}
.li-active:before{
display:none;
}

.home-button{

background-repeat:no-repeat;
background-size:auto 80%;
background-position:center center;
background-image:url("../images/ren-logo-no-bg.png");
}


/*main settings*/
.headlines{
border-bottom:1px solid rgba(0,0,0,0.25);
height:auto;
width:100%;
width:100vw;
top:0px;
position: -webkit-sticky;
position: sticky;
margin-left:0;
padding-top:15vw;
top:-15vw;
z-index:3001;
max-height:10vw;

}
.clear{
border-bottom:1px solid rgba(0,0,0,0.25);
display:block;
margin-top:-1px;
height:0px;
width:100%;
width:100vw;
top:0px;
position: -webkit-sticky;
position: sticky;
margin-left:0;
top:0vw;
z-index:3003;
-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.55);
}

.headlines p{

display:block;
width:32.5%;
margin:0;
padding:0;
text-align:right;
font-size:1.2vw;
font-weight:lighter;
font-style:italic;
background:rgba(255,255,255,1);
height:65px;
position:relative;
bottom:15px;
top:-65px;
left:50%;
margin-left:-10%;
}

.content{

width:100vw;
margin-bottom:150px;
min-height:100%;
min-height:97.5vw;
padding-top:0vw;
top:0;
position:relative;
z-index:3002;
overflow:hidden;
-webkit-box-shadow: inset 0px 0px 3px 1px rgba(204,204,204,1);
-moz-box-shadow: inset 0px 0px 3px 1px rgba(204,204,204,1);
box-shadow: inset 0px 0px 3px 1px rgba(204,204,204,1);

}




.content-bg{

background:#fff;
height:60vw;
width:100%;
padding-bottom:50px;
border-top:1px solid #ccc;
/*min-height:55vw;*/

}

.content-plain-text-wrapper{
position:relative;
width:70vw;
margin-left:15vw;
max-height:30vw;
max-width:70vw;
overflow:hidden;
margin-top:0;
margin-top:0px;

}

.content-mix-wrapper{
width:70vw;
margin:auto;
}

.content-plain-text{
width:100%;
margin-left:0;
max-height:40vw;
margin-top:0;
overflow:scroll;
padding:27px;
padding-bottom:100px;

}
.content-plain-text-half-size{
width:50%;
float:left;
display:inline-block;
height:100%;
}
.content-plain-text-half-size p,
.content-plain-text-half-size h3{
white-space:normal;

}

.content-plain-text h3{
margin-top:35px;

}

.box-float-3-container{
display:block;
position:relative;
white-space:normal;
height:auto;
width:70vw;
margin-left:15vw;
min-height:350px;
min-height:fit-content;
margin-top:50px;

}

.box-float-3:nth-child(1){
   margin-left:7.5%;
   
}

.box-float-3{


width:25%;
float:left;
height:auto;
display:inline-block;
min-height:350px;
margin-right:5%;
}



.box-float-3 .box-banner{

height:auto;
max-height:150px;
width:100%;
position:relative;
overflow:hidden;

}
.box-float-3 .box-banner img{
display:block;
height:auto;
width:90%;
margin-left:5%;
filter: grayscale(0.75);


}
.box-float-3 h3,
.content-plain-text h3{
text-transform:uppercase;
font-weight:100;
padding-bottom:15px;
border-bottom:1px solid rgba(92,119,130,1);
color:rgba(92,119,130,1);
margin-bottom:0;
}
.box-float-3 h3,
.box-float-3 p{
width:90%;
padding:5%;

display:block;

}

.box-float-3 p{
padding-top:5px;
margin-top:0;
padding-top:5%;

}

.real-estate{
margin-bottom:0px;
padding-bottom:0px;
min-height:350px;
margin-top:25px;
}

.real-estate .box-float-3{
min-height:250px;


}

.real-estate .box-banner img{

filter: grayscale(0);

}

/*footer settings*/


.footer-ul{
width:100vw;
right:0px;
bottom:0px;
margin:auto;
height:70px;
display:block;
position:absolute;




}


.footer-ul li{
height:70px;
line-height:0px;
padding:0;
width:33vw;
float:left;
list-style:none;
margin:0;
background-repeat:no-repeat;
background-position:center center;
background-size:auto 70%;
display:block;
max-height:70px;
cursor:pointer;
}

.footer-ul li a{
font-size:1vw;
display:block;
width:100%;
height:0;
line-height:0;
padding-top:35px;
padding-bottom:35px;
text-decoration:none;
text-transform:uppercase;
color:rgba(77,104,115,1);
text-align:center;
background-color:rgba(255,255,255,0);
transition-property:all;
transition-duration:1s;

}
.footer-ul li a:hover{
background-color:rgba(255,255,255,1);
color:#000;
}

.telephone:before,
.location:before,
.fax:before,
.email:before{
position:absolute;
content:"";
display:block;
width:20vw;
height:0px;
margin:0;
color:#000;
transition-property:all;
transition-duration:1s;
opacity:0;
padding-top:35px;
padding-bottom:35px;
text-align:center;

}

.telephone:before{

content:"Tel: +49 06093 99 33 910";

}
.location:before{

content:"Weyberhöfe 17, 63877 Sailauf";

}
.fax:before{

content:"Fax: +49 06093 99 33 91";

}

.email:before{

content:"E-mail: info@ren-capital.de";

}



.footer-ul li:hover:before{
opacity:1;
background-color:#fff;

}












.copyright{
position:absolute;
height:auto;
display:block;
bottom:5%;
bottom:5vw;
right:10%;
right:10vw;
z-index:7001;
color:black;
width:auto;
font-size:1.5vw;


}


.main-no-bg{
background-image:none;

}

.call-to-action{
margin:auto;
margin-left:60vw;
margin-top:5vw;
height:70px;
width:20vw;

min-width:200px;
display:block;

border:1px solid rgba(92,119,130,1);


transition-property:all;
transition-duration:1s;
background:#fff;
position:relative;
bottom:0px;
}

.call-to-action:before{
content:"";
display:block;
width:60vw;
height:1px;
background:#899faa;
margin:0;
position:absolute;
margin-left:-60vw;
margin-top:35px;

}


.call-to-action:hover{

background:#899faa;

}
.call-to-action:hover a{

color:#000;

}

.call-to-action a{

display:block;
height:0;
line-height:0;
padding-top:35px;
padding-bottom:35px;
width:100%;
margin:0;
text-decoration:none;
color:rgba(92,119,130,1);
text-align:center;
text-transform:uppercase;
transition-property:color;
transition-duration:1s;
}
.box-float-3 .call-to-action{
margin:auto;
width:50%;
position:static;
min-width:unset;
height:auto;
margin-top:-15px;
}
.box-float-3 .call-to-action:before{
display:none;

}

.box-float-3 .call-to-action a{
padding:15px;
width:auto;
display:block;
}

.ajax-right{
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0px 50px 50px;
border-color: transparent transparent transparent #899faa;
position:absolute;
top:15vw;
transition-property:all;
transition-duration:0.5s;
right:7.5vw;
cursor:pointer;
z-index:4001;

}

.ajax-right:before{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0px 50px 50px;
border-color: transparent transparent transparent #fff;
position:absolute;
margin:-50px;
margin-left:-51px;


}



.ajax-left{


width: 0;
height: 0;
border-style: solid;
border-width: 50px 40px 50px 0;
border-color: transparent #899faa transparent transparent;
position:absolute;
top:15vw;
transition-property:all;
transition-duration:0.5s;
left:7.5vw;
cursor:pointer;
z-index:4001;

}
.ajax-left:before{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 40px 50px 0;
border-color: transparent #ffffff transparent transparent;
position:absolute;
margin:-50px;
margin-left:1px;


}
.ajax-left:hover{
transform:scale(1.05);
transform-origin:50% 50%;
border-color: transparent #000 transparent transparent;


}

.ajax-right:hover{
transform:scale(1.05);
transform-origin:50% 50%;
border-color: transparent transparent transparent #000;


}



/*ajax call*/



.ajax-call{
width:100%;
position:absolute;
left:0%;
transition-property:left;
transition-duration:1s;
white-space:normal;
display:inline-block;
white-space:nowrap;
height:100%;
}

.inactive-call-right{

left:100%;

}
.inactive-call-left{

left:-100%;

}








.ajax-call-to-left{

left:-100%;


}
.ajax-call-to-right{

left:100%;

}
.ajax-call-active{

left:0%;
margin-top:0;
top:0;

}

/*Contact module */




.contact-data img{
display:block;
height:auto;
width:40%;
margin-left:50%;
margin-top:35px;

}

.contact-data h2,
.contact-data p{
display:block;
width:80%;
padding:0;
text-align:right;
margin-left:0;
font-size:1vw;


}
.contact-data h2{
font-weight:bold;

}

.contact-module{


height:auto;


}

.contact-module h3{
display:block;
padding-top:35px;
padding-bottom:15px;
border-bottom:1px solid #5c7782;
text-transform:uppercase;
font-weight:lighter;
}

.contact-module form{

height:auto;
width:100%;
display:block;
min-height:500px;


}
.contact-module form .form-row{
width:100%;
height:4vw;
min-height:4vw;
border-bottom:1px solid #5c7782;
display:block;
margin-bottom:15px;
}
.form-row label{

display:block;
width:30%;
height:0;
line-height:0;
padding:0;
padding-top:35px;
padding-bottom:35px;
padding-top:2vw;
padding-bottom:2vw;
float:left;
margin:0;
color:#899faa;
font-weight:bold;
}

.form-row input.i-text,
.form-row .t-textarea{
margin:0;
display:block;
border:none;
height:0;
line-height:auto;
padding:0;
padding-top:35px;
padding-bottom:35px;
padding-top:2vw;
padding-bottom:2vw;
padding-left:10%;
font-family:"Calibri";
width:60%;
font-size:0.8vw;
font-weight:lighter;
float:right;
background:rgba(92,119,130,0.15);
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(92,119,130,1);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(92,119,130,1);
box-shadow: inset 0px 0px 0px 1px rgba(92,119,130,1);
color:rgba(92,119,130,1);
transition-property:all;
transition-duration:1s;
}

.contact-module form .form-row:hover input.i-text,
input.i-text:focus,
input.i-text:active{

background:rgba(92,119,130,0.75);
color:#fff;
}

.form-row input.i-radio{
float:left;
display:block;
height:20px;
width:20px;
line-height:0px;
margin-top:25px;
color:white;
}

.contact-module form .radio label{

width:10%;
float:left;
display:block;
text-align:left;
margin-right:70px;
}

.contact-module form .textarea{

border:none;
height:210px;
height:10vw;

}


.form-row .t-textarea{

height:6vw;

}



.form-row input.i-submit{

-webkit-box-shadow: inset 0px 0px 0px 1px rgba(92,119,130,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(92,119,130,1);
box-shadow: inset 0px 0px 0px 1px rgba(92,119,130,1);
line-height:0;
background:#fff;
width:30%;
padding:35px;
height:0;
color:#899faa;
display:block;
margin:0;
margin-left:70%;
border:none;
margin-top:0px;
text-transform:uppercase;
transition-property:all;
transition-duration:1s;
cursor:pointer;
}
.form-row input.i-submit:hover{
background:#899faa;
color:#fff;

}
.standalone-image{

width:20%;
height:auto;
margin:auto;
display:block;

}

.text-align-center{

text-align:center;
margin-top:15px;

}