/*
 *
 * Version: 1.2.0 (20190215)
 * Requires:
 *
 * Copyright &copy; 2015-2024 Tod W. McNamara. All Rights Reserved
 *
 *
 */
@charset "utf-8";
/*

	++++General Styles++++
	++++Grid++++
	++++Typography++++
	++++Content Styles++++
	++++Page preload+++++
	++++Background++++
	++++Progress++++
	++++CSS Animation++++
	++++Media++++
*/

/*
General Style
*/

html{
	height:100%;
	scroll-behavior: smooth;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
.stop-scrolling {
	height: 100%;
	overflow: hidden;
}
body{
	margin:0;
   font-family: "Times New Roman", Times;
	font-size:13px;
	line-height:1.5;
	text-align:center;
	height:100%;
	--webkit-text-size-adjust: 100%;
	--ms-text-size-adjust: 100%;
}
/*@-o-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
*/
/*
Grid
*/
@media screen and (min-width: 580px) {
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-half,.grid-full {width: 96.969696969697%;margin: 0 1.315151515152%;float:left;}
.grid-half {width: 46.969696969697%;margin: 0 1.515151515152%;}
}

@media screen and (min-width: 840px) {
  .grid-1     { width: 13.636363636364%; }
  .grid-2     { width: 33.30303030303%; }
  .grid-3,
  .grid-half  { width: 46.969696969697%; }
  .grid-4     { width: 63.636363636364%; }
  .grid-5     { width: 80.30303030303%; }
  .grid-6,
  .grid-full  { width: 96.969696969697%; }
}
/*
Content Styles
*/
#wrapper{
	width:100%;
	height:800px;
	position:absolute;
	float: none;
	top:0;
	left:0;
	z-index:0;
	opacity:1.0;
  transition: 0.25s;
  padding: 16px;
}
.clear{
	float:none;
	clear:both;
}
.main {
	width: 100%;
	height: 100%;
	position:absolute;
/*	background: rgba(10, 10, 10, 0.2);*/
	z-index:10;
}
.content{
	margin:0 auto;
	max-width:960px;
	position:relative;
	top:10%;
}
.container{
   font-family: "Times New Roman", Times;
	position:absolute;
	float:none;/*left;*/
 	width:96%;
 	display:none;
}
.container-trailer{
	position:relative;
	margin-left: 10%;
	float:none;/*left;*/
 	width:90%;
 	display:block;
}

.container-bg{
	position:absolute;
	display:none;
	top:1.0%;
	left:1.0%;
	width:98%;
	height:95%;
	z-index:-1;
	opacity: 1.0;
	background-color: black;
	border-radius:18px;
}
.container-overlay{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.9;
	background:url(/media/image/src/01.png);
	border-radius:18px;
	z-index:1;
}
.small-separator{
	width:100px;
	height:1px;
	background:#fff;
	margin:10px auto;
}
.wide-separator{
	width:98%;
	left: 0;
	height:1px;
	background:grey;/*#fff;*/
	opacity: 0.7;
	margin:8px auto;
}
#kicker {
	font-size:1.2em;
	font-weight:500;
	max-width:650px;
	color: #fffaf0;
	line-height: 1.8em;
	padding:10px;
	margin:0 auto;
	text-align:justify;
}
.over-border{
	position:absolute;
	background:#fff;
	z-index:2;
}
.top-border{
	width:150px;
	height:1px;
	top:0;
	left:50px;
}
.bottom-border{
	width:150px;
	height:1px;
	bottom:0;
	right:50px;
}
.left-border{
	width:1px;
	height:150px;
	left:0;
	bottom:50px;
}
.right-border{
	width:1px;
	height:150px;
	right:0;
	top:50px;
}
/*
page preload
*/

#jpreOverlay {
	background-color: #fffaf0;
}

#jpreLoader{
	width:600px;
	height:100px;
	position:relative;
	z-index:1;
	margin:0 auto;
}
#jpreBar {
	background:#292929;
	position:fixed;
	width:100%;
	height:2px !important;
	top:0;
	left:0;
}
#jprePercentage {
    font-family: "Times New Roman", Times;
    color: #424242;
    font-size: 18px;
}
/*
Background
*/

.bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-3;
	background-size: cover;
	background-attachment: fixed;
	background-position: top;
	display:none;
}

/*
Progress
*/

.show-progress{
	margin:30px auto;
	cursor:pointer;
	color:#fff;
	clear:both;
}
.progress-holder{
	position:absolute;
	top:15%;
	left:50%;
	width:350px;
	height:300px;
	margin-left:-175px;
	display:none;
}

.percent{
	position:absolute;
	width:100px;
	height:100px;
	left:50%;
	margin-left:-50px;
	top:50px;
	color:#fffaf0;
	font-size:100px;
	opacity:0.5;
	z-index:-1;
}

/*
Subcribe
*/
/*
Css animation
*/

.bc{
	-webkit-transform: scale3d(0.2, 0.2, 0.2);
	-moz-transform: scale3d(0.2, 0.2, 0.2);
	-ms-transform: scale3d(0.2, 0.2, 0.2);
	-o-transform: scale3d(0.2, 0.2, 0.2);
	transform: scale3d(0.2, 0.2, 0.2);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0.2 !important;
}
.bc2{
	display:none
}
.transition{
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 300ms linear;
    transition: all 500ms linear;
}
.but-rotade{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform:scale(5.0) rotate(80deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: scale(5.0) rotate(80deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: scale(5.0) rotate(80deg);
	}
}

/* RESPONSIVE */
/* retina */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.container-bg{
	background: url(/media/img/overlays/01@2x.png);
	background-color: rgba(100,0,0,0.6);
}
}

/* media */
@media only screen and  (max-width: 1280px) {
  .progress-holder{
  	top:5%;
  }
  .about-link, .back-right , .contact-link, .back-left{
  	top:5%;
  	margin-top:0px;
  }
}
@media only screen and  (max-width: 959px) {
  .progress-holder{
  	margin-left:-125px;
  	width:250px;
  	height:240px;
  	top:10%;
  }
  .bc{
  	opacity:0!important;
  }
  .subcribe{
  	margin:5px auto 0;

  }
  .contact-info div.lanch-form{
  	margin-top:10px !important;
  }
}
@media only screen and  (max-width: 809px) {
  .rotade, .over-border{
  	display:none;
  }
  }
  @media only screen and (max-width :480px) {

  #contact_form input {
  	width:90%;
  	margin-left:5%;
  }
  #contact_form textarea{
  	width:90%;
  	margin-left:1%;
  }
}
.test {
  display: none;
}
