@charset "utf-8";
@font-face {
    font-family: 'montserratregular';
    src: url('fonts/Montserrat-Regular-webfont.eot');
    src: url('fonts/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat-Regular-webfont.woff2') format('woff2'),
         url('fonts/Montserrat-Regular-webfont.woff') format('woff'),
         url('fonts/Montserrat-Regular-webfont.ttf') format('truetype'),
         url('fonts/Montserrat-Regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('fonts/Montserrat-Bold-webfont.eot');
    src: url('fonts/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat-Bold-webfont.woff2') format('woff2'),
         url('fonts/Montserrat-Bold-webfont.woff') format('woff'),
         url('fonts/Montserrat-Bold-webfont.ttf') format('truetype'),
         url('fonts/Montserrat-Bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{ 
	padding:0; 
	margin:0; 
	font-family: 'montserratregular'; 
}
.clear{ clear:both; }
#defbg{
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:url(/images/bg-image.jpg)  no-repeat fixed 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-150;
}
video#bgvid {
	position: fixed; 
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -100;
}
#overylay{
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:url(/images/bgr.png) repeat;
	z-index:1;
}
#logo{
	position:fixed;
	width:160px;
	height:47px;
	left:50px;
	top:40px;
	z-index:2;
	background:url(/images/logo.png) no-repeat center center;	
}
#social{
	position:fixed;
	width:240px;
	height:20px;
	top:60px;
	right:80px;
	text-align:right;
	z-index:2;
}
#social span{
	font-size:14px;
	line-height:20px;
	font-family: 'montserratregular';
	color:#fff;
	float:right;
}
#social a.icoIG{
	width:21px;
	height:20px;
	background:url(/images/ico-instagram-off.png) no-repeat center center;
	margin-left:16px;
	float:right;
}
#social a.icoIG:hover{ background:url(/images/ico-instagram-on.png) no-repeat center center; }
#social a.icoBH{
	width:22px;
	height:20px;
	background:url(/images/ico-behance-off.png) no-repeat center center;
	margin-left:20px;
	float:right;
}
#social a.icoBH:hover{ background:url(/images/ico-behance-on.png) no-repeat center center; }
#social a.icoDR{
	width:21px;
	height:20px;
	background:url(/images/ico-dribbble-off.png) no-repeat center center;
	margin-left:18px;
	float:right;
}
#social a.icoDR:hover{ background:url(/images/ico-dribbble-on.png) no-repeat center center; }

#footer{
	text-align:center;
	position:fixed;
	bottom:60px;
	left:0;
	width:100%;
	font-size:16px;
	line-height:20px;
	color:#a4a5a9;	
	z-index:2;
}
#footer span{
	color:#fff;	
	display:inline-block;
	padding-top:5px;
}

#content{
	position:fixed;
	z-index:2;
	top:250px;
	left:0;
	width:100%;
	text-align:center;
	font-size:54px;
	line-height:68px;
	color:#fff;
	font-family: 'montserratbold';
}
#content span{ font-size:64px; }

#frmcnt{
	width:671px;
	height:61px;
	background:url(/images/frm-bg.png) no-repeat center center;
	padding:0;
	margin:0 auto;
}
#frmcnt input{
	width:570px;
	height:40px;
	font-size:16px;
	line-height:20px;
	float:left;
	margin:0 0 1px 25px;
	padding:10px 0;
	border:none;
	background:transparent;
	outline:none;
	color:#fff;
	font-family: 'montserratregular' !important;
}
#submit_frm{
	width:51px;
	height:51px;
	float:right;
	background:url(/images/btn-submit-on.png) no-repeat center center;
	margin:5px 6px 5px 0;
	cursor:pointer;	
}
#submit_frm:hover{
	background:url(/images/btn-submit-off.png) no-repeat center center;	
}

#frmerr{
	color:#ff9c9c;
	font-size:14px;
	line-height:18px;
	margin-top:26px;
	text-align:center;
	display:none;
}

#floatingBarsG{
	position:relative;
	width:40px;
	height:50px;
	float:right;
	margin:6px 12px 5px 0;
	display:none;
}

.blockG{
	position:absolute;
	background-color:#CFCFCF;
	width:6px;
	height:16px;
	-moz-border-radius:6px 6px 0 0;
	-moz-transform:scale(0.4);
	-moz-animation-name:fadeG;
	-moz-animation-duration:1.44s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-border-radius:6px 6px 0 0;
	-webkit-transform:scale(0.4);
	-webkit-animation-name:fadeG;
	-webkit-animation-duration:1.44s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-border-radius:6px 6px 0 0;
	-ms-transform:scale(0.4);
	-ms-animation-name:fadeG;
	-ms-animation-duration:1.44s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-border-radius:6px 6px 0 0;
	-o-transform:scale(0.4);
	-o-animation-name:fadeG;
	-o-animation-duration:1.44s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	border-radius:6px 6px 0 0;
	transform:scale(0.4);
	animation-name:fadeG;
	animation-duration:1.44s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}

#rotateG_01{
	left:0;
	top:18px;
	-moz-animation-delay:0.54s;
	-moz-transform:rotate(-90deg);
	-webkit-animation-delay:0.54s;
	-webkit-transform:rotate(-90deg);
	-ms-animation-delay:0.54s;
	-ms-transform:rotate(-90deg);
	-o-animation-delay:0.54s;
	-o-transform:rotate(-90deg);
	animation-delay:0.54s;
	transform:rotate(-90deg);
}

#rotateG_02{
	left:5px;
	top:6px;
	-moz-animation-delay:0.72s;
	-moz-transform:rotate(-45deg);
	-webkit-animation-delay:0.72s;
	-webkit-transform:rotate(-45deg);
	-ms-animation-delay:0.72s;
	-ms-transform:rotate(-45deg);
	-o-animation-delay:0.72s;
	-o-transform:rotate(-45deg);
	animation-delay:0.72s;
	transform:rotate(-45deg);
}

#rotateG_03{
	left:17px;
	top:2px;
	-moz-animation-delay:0.9s;
	-moz-transform:rotate(0deg);
	-webkit-animation-delay:0.9s;
	-webkit-transform:rotate(0deg);
	-ms-animation-delay:0.9s;
	-ms-transform:rotate(0deg);
	-o-animation-delay:0.9s;
	-o-transform:rotate(0deg);
	animation-delay:0.9s;
	transform:rotate(0deg);
}

#rotateG_04{
	right:5px;
	top:6px;
	-moz-animation-delay:1.08s;
	-moz-transform:rotate(45deg);
	-webkit-animation-delay:1.08s;
	-webkit-transform:rotate(45deg);
	-ms-animation-delay:1.08s;
	-ms-transform:rotate(45deg);
	-o-animation-delay:1.08s;
	-o-transform:rotate(45deg);
	animation-delay:1.08s;
	transform:rotate(45deg);
}

#rotateG_05{
	right:0;
	top:18px;
	-moz-animation-delay:1.26s;
	-moz-transform:rotate(90deg);
	-webkit-animation-delay:1.26s;
	-webkit-transform:rotate(90deg);
	-ms-animation-delay:1.26s;
	-ms-transform:rotate(90deg);
	-o-animation-delay:1.26s;
	-o-transform:rotate(90deg);
	animation-delay:1.26s;
	transform:rotate(90deg);
}

#rotateG_06{
	right:5px;
	bottom:5px;
	-moz-animation-delay:1.44s;
	-moz-transform:rotate(135deg);
	-webkit-animation-delay:1.44s;
	-webkit-transform:rotate(135deg);
	-ms-animation-delay:1.44s;
	-ms-transform:rotate(135deg);
	-o-animation-delay:1.44s;
	-o-transform:rotate(135deg);
	animation-delay:1.44s;
	transform:rotate(135deg);
}

#rotateG_07{
	bottom:0;
	left:17px;
	-moz-animation-delay:1.6199999999999999s;
	-moz-transform:rotate(180deg);
	-webkit-animation-delay:1.6199999999999999s;
	-webkit-transform:rotate(180deg);
	-ms-animation-delay:1.6199999999999999s;
	-ms-transform:rotate(180deg);
	-o-animation-delay:1.6199999999999999s;
	-o-transform:rotate(180deg);
	animation-delay:1.6199999999999999s;
	transform:rotate(180deg);
}

#rotateG_08{
	left:5px;
	bottom:5px;
	-moz-animation-delay:1.8s;
	-moz-transform:rotate(-135deg);
	-webkit-animation-delay:1.8s;
	-webkit-transform:rotate(-135deg);
	-ms-animation-delay:1.8s;
	-ms-transform:rotate(-135deg);
	-o-animation-delay:1.8s;
	-o-transform:rotate(-135deg);
	animation-delay:1.8s;
	transform:rotate(-135deg);
}
@-moz-keyframes fadeG{
0%{background-color:#919191}
100%{background-color:#CFCFCF}
}
@-webkit-keyframes fadeG{
0%{background-color:#919191}
100%{background-color:#CFCFCF}
}
@-ms-keyframes fadeG{
0%{background-color:#919191}
100%{background-color:#CFCFCF}
}
@-o-keyframes fadeG{
0%{background-color:#919191}
100%{background-color:#CFCFCF}
}

@keyframes fadeG{
0%{background-color:#919191}
100%{background-color:#CFCFCF}
}