.wrapper{
	width:100%;
	max-width:937px;
	margin:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top{
	padding-top:50px;
	color:#fff;
	font-family: Roboto;
	text-align:center;
}
.title{
	font-size: 69px;
	font-weight: 600;
	margin-top: 122px;
	letter-spacing: 1.3px;
}
.recent{
	font-family: Roboto;
	font-size: 40px;
	text-align: center;
	font-weight: 300;
	font-style: normal;
	margin: -7px auto 50px;
	border-bottom: 3px solid #f48221;
	max-width: 290px;
	padding-bottom: 10px;
}
.soon{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 10px;
	margin-top: 12px;
}
#logo{
	max-width: 240px;
	float:left;
}
#footer{
	max-width: 227px;
	display:block;
	margin:75px auto 100px;
}
#email{
	max-width: 240px;
	float:right;
}
a.svg{
	position: relative;
	display:block;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
a.svg:after{
	content: ""; 
	position: absolute; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
}
.banner{
	weight:100%;
	height:660px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-image: url("../img/main-vis-overlay.jpg");
}
.content{
	background:#f0f0f0;
	position:relative;
	width:100%;
	max-width:937px;
	margin:-76px auto 100px;
	padding: 120px 83px;
	font-family: Roboto;
	font-size: 20px;
	line-height: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content a{
	color:#f48221;
}
.content:before{
	display: block;
    content: "";
    width: 200px;
	height:137px;
    position: absolute;
    left: 85px;
    top: -51.7px;
	background: url(../img/ribbon.png) center no-repeat;
	background-size:200px 137px;
}
.halfcolor{
	background: linear-gradient(to bottom, #fff 32%, #f48221 0%);
	padding-bottom: 45px;
}
.client-slick{
	margin:auto;
}
.img-responsive{
	width:100%;
	height:auto;
}
.mobile{
	display:none;
}
.prew-arrow, .next-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 15px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	z-index:50;
}
.next-arrow {
    background: url("../img/arrow-next.png") 0 0 no-repeat;
	background-size:15px 30px;
    right: 10px;
}
.prew-arrow {
    background: url("../img/arrow-prev.png") 0 0 no-repeat;
	background-size:15px 30px;
    left: 10px;
}
@media  (max-width:950px) {
	.wrapper,
	.content{
		max-width:95%;
	}
}
@media  (max-width:600px) {
	.mobile{
		display:block;
	}
	.desktop{
		display:none;
	}
}
@media  (max-width:500px) {
	.wrapper, .content {
		max-width: 90%;
	}
	.top {
		padding-top: 30px;
	}
	.title {
		font-size: 39px;
		line-height: 1.1;
		margin-top: 128px;
	}
	.soon {
		font-size: 14px;
		margin-top: 25px;
		line-height: 1.6;
	}
	#logo {
		max-width: 163px;
	}
	.content {
		padding: 90px 25px;
		font-size: 15px;
		line-height: 1.6;
	}
	.recent {
		font-size: 30px;
		margin: -27px auto 40px;
		max-width: 210px;
	}
	#footer {
		max-width: 160px;
		margin: 50px auto 75px;
	}
	.halfcolor {
		background: linear-gradient(to bottom, #fff 52%, #f48221 0%);
		padding-bottom: 60px;
	}
	.prew-arrow, .next-arrow {
		top: 70%;
	}
}

/* BEGIN Thin */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Thin/Roboto-Thin.woff2?v=2.137") format("woff2"), url("../fonts/Thin/Roboto-Thin.woff?v=2.137") format("woff");
	font-weight: 100;
font-style: normal; }
/* END Thin */
/* BEGIN Thin Italic */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/ThinItalic/Roboto-ThinItalic.woff2?v=2.137") format("woff2"), url("../fonts/ThinItalic/Roboto-ThinItalic.woff?v=2.137") format("woff");
	font-weight: 100;
font-style: italic; }
/* END Thin Italic */
/* BEGIN Light */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Light/Roboto-Light.woff2?v=2.137") format("woff2"), url("../fonts/Light/Roboto-Light.woff?v=2.137") format("woff");
	font-weight: 300;
font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/LightItalic/Roboto-LightItalic.woff2?v=2.137") format("woff2"), url("../fonts/LightItalic/Roboto-LightItalic.woff?v=2.137") format("woff");
	font-weight: 300;
font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../fonts/Regular/Roboto-Regular.woff?v=2.137") format("woff");
	font-weight: 400;
font-style: normal; }
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../fonts/Regular/Roboto-Regular.woff?v=2.137") format("woff");
	font-weight: normal;
font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("../fonts/Italic/Roboto-Italic.woff?v=2.137") format("woff");
	font-weight: 400;
font-style: italic; }
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("../fonts/Italic/Roboto-Italic.woff?v=2.137") format("woff");
	font-weight: normal;
font-style: italic; }
/* END Italic */
/* BEGIN Medium */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Medium/Roboto-Medium.woff2?v=2.137") format("woff2"), url("../fonts/Medium/Roboto-Medium.woff?v=2.137") format("woff");
	font-weight: 500;
font-style: normal; }
/* END Medium */
/* BEGIN Medium Italic */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/MediumItalic/Roboto-MediumItalic.woff2?v=2.137") format("woff2"), url("../fonts/MediumItalic/Roboto-MediumItalic.woff?v=2.137") format("woff");
	font-weight: 500;
font-style: italic; }
/* END Medium Italic */
/* BEGIN Bold */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../fonts/Bold/Roboto-Bold.woff?v=2.137") format("woff");
	font-weight: 700;
font-style: normal; }
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../fonts/Bold/Roboto-Bold.woff?v=2.137") format("woff");
	font-weight: bold;
font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("../fonts/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
	font-weight: 700;
font-style: italic; }
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("../fonts/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
	font-weight: bold;
font-style: italic; }
/* END Bold Italic */
/* BEGIN Black */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/Black/Roboto-Black.woff2?v=2.137") format("woff2"), url("../fonts/Black/Roboto-Black.woff?v=2.137") format("woff");
	font-weight: 900;
font-style: normal; }
/* END Black */
/* BEGIN Black Italic */
@font-face {
	font-family: Roboto;
	font-display: block;
	src: url("../fonts/BlackItalic/Roboto-BlackItalic.woff2?v=2.137") format("woff2"), url("../fonts/BlackItalic/Roboto-BlackItalic.woff?v=2.137") format("woff");
	font-weight: 900;
font-style: italic; }
/* END Black Italic */		

a:focus {
	outline: none!important;
}