/* Document Settings _______________________________________________________________*/

@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Work+Sans&display=swap');


body {
	font-family: 'Work Sans', sans-serif;
	font-weight: normal;
	font-size: 17px;
	padding: 0;
	margin: 0;
	line-height: 200%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #fff;
	color: #333;
	
	none-webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
	
}

.wow{ visibility:hidden; -webkit-animation-duration: 1s;-moz-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: 1s;-moz-animation-delay: 0.1s;animation-delay: 0.1s;}
html,body { height: 100%; margin: 0px; padding: 0px; }
@font-face {
  font-family: 'ForteMT';
  src: url('ForteMT.eot?#iefix') format('embedded-opentype'),  url('ForteMT.woff') format('woff'), url('ForteMT.ttf')  format('truetype'), url('ForteMT.svg#ForteMT') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1 {
	font-size: 260%;
	line-height: 100%;
	font-family: 'Crimson Text', serif;
	font-weight: normal;
	padding-top: 8px;
	color: #fff; margin-top:0px !important
}

h2 {
	font-size: 180%;
	line-height: 95%;
	font-family: 'Crimson Text', serif;
	color: #BC1818 !important
}

h3 {
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:ultra-condensed;
	margin-top:5px;
	line-height: 100%;
	color: #F48C1D;
}
img{ border:none}

  
p { margin-top: 0.5em; }

.highlight-text{ font-size:160%}



#body{
	margin-right: auto;
	margin-left: auto;
	width: 100%; color:#fff
}
#body a{
	color: #000000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	text-transform: none;
	text-decoration: none
	
}
#body a:hover{
	color: #000;
	
}

.developmentlink{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}

/*.body-contain{ float:left; width:100%;}
.body-contain img{ max-width:100%; height:auto}*/

.body-contain{position: absolute; text-align:center; width:100%; height:100%; left:0px; display:table }

#body-wrapper {
			min-height:100%; overflow:hidden; height:100%; width:100%; text-align:center
}



video {
  max-width:100%;
  
}
.title-holder{
	width: 100%;
	float: left;
}
.logo{
	width: 100%; max-width:100%;
	float: left;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.logo img{ display:inline-block; max-width:90%; height:auto}
.main-title{
	width: 55%;
	float: left;
	padding-left: 5%;
	text-align: left;
	font-size: 200%;
	line-height: 130%;
	color: #752B31;
}
div{-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;
-ms-transition: all 0.7s ease;}



.red-button{ width:100%; text-align:center; float:left}
.red-button .inner{ display:inline-block; padding:10px; line-height:100%;font-family: 'ForteMT' !important; background-color:#D2232A}


.red-button .inner a{ z-index:300; position:relative; float:left; background-image:url(images/more-info-icon.fw.png); background-repeat:no-repeat; background-position:right 10px center; width:100%;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-ms-transition: all 0.5s ease; }
.red-button .inner{
	 display:inline-block; padding:10px; line-height:100%;font-family: 'ForteMT' !important; font-size:120%; background-color:#D2232A;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;  
	-ms-transition: all 0.5s ease; width:130px;  position:relative; overflow:hidden
	
}
.red-button .inner a:hover{ color:#000 !important}
.red-button .inner:before{ content:""; background-color:#fff; left:-100%; position:absolute; top:0px; width:100%; height:100%;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-ms-transition: all 0.5s ease; z-index:1}
.red-button .inner:hover:before{ left:0px !important }





.vbody{ position: absolute;
  top: 50%;
  transform: translateY(-50%); z-index:100; left:0px; right:0px; margin:auto; none-webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;}
	
	
.vbody h1{
none-webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
	-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.vbody .effect{
	none-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	color: #000000;
}
#footer{ width:100%; position:absolute; bottom:0px; left:0px; z-index:100}
.footer-bottom{
	color: #fff;
	width: 100%;
	float: left;
	background-color: #BC1818;
	none-webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
	-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.footer-bottom a{ color:#fff}
.tel{ display:inline-block; margin-left:20px; margin-right:20px; color:#000 }
.address{ display:inline-block;  margin-left:20px; margin-right:20px;}
.email{ display:inline-block;  margin-left:20px; margin-right:20px;}
.designer{display:inline-block;  margin-left:20px; margin-right:20px;}
.tel strong{ color:#BC1818 !important}
.footsocial{width:100%; float:left; margin-bottom:30px;}
.social1, .social2, .social3{ display:inline-block; margin-left:10px; margin-right:10px;}

a{
	color: #000 !important
}


@media all and (min-width: 50px) and (max-width: 620px) {
	#body{width:100% !important;}
	h1{ font-size:160%}
	h2{ font-size:130%}
	
	.main-title{ width:100% !important; padding:0px !important; text-align:center !important; font-size:140% !important}
	.logo{ width:100% !important; text-align:center !important}
	.logo img{ width:160px !important; height:auto !important }
	.highlight-text{ font-size:130%}
	.footer-bottom{ line-height:40px;}
.vbody{ line-height:160%}
	
}
@media all and (min-width: 620px) and (max-width: 1000px) {
	#body{width:100% !important;}
	h1{ font-size:250%}
	h2{ font-size:170%}
	.main-title{ padding:0px !important; text-align:center !important; }
	.logo img{ width:220px !important; height:auto !important }
	.footer-bottom{ line-height:55px;}
}