body{
	margin:0!important;
	padding: 0;
}

.head-bar{
	height:50px;
}

#grad {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* Standard syntax */
}

.logo img{
	width: 150px;
	position: absolute;
	margin-left: 20px;
}

#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:15px;
	line-height:32px;
	padding:0 15px;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#242424;
}

#primary_nav_wrap ul li:hover
{
	background:#242424;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background: rgba(163, 36, 30, 1.00);
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
		
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-color:#fff;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}



.banner{
	background-image:url(../images/cover-min.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom:10%;
}

.banner h2{
	color:#fff;
	padding-top:15%;
}

.banner h3{
	color:#fff;
}

.banner-sub{
	background-image:url(../images/cover.jpg);
	background-size:cover;
}

.banner-sub h2{
	color:#fff;
	padding-top:7%;
}
.banner-sub p{
	padding-bottom: 25px;
	color: #fff;
}

.block1{
	background-color: #E88D00;
	width:100%;
	max-width: 320px;
	margin:10px;
	height:200px;
	padding: 10px;
	
}

.block2{
	background-color:#007A7F;
	width:100%;
	max-width: 320px;
	margin:10px;
	height:200px;
	padding: 10px;
}

.block3{
	background-color:#BF3400;
	width:100%;
	max-width: 320px;
	margin:10px;
	height:200px;
	padding: 10px;
}

.block4{
	background-color:#007F24;
	width:100%;
	max-width: 320px;
	margin:10px;
	height:200px;
	padding: 10px;
	
}

.btn-learn1{
	background-color: #1E1D1F;
	color:#fff;
	border-style: none;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom!important;
	margin-bottom:3px;
	margin-top:20px;
}

.btn-learn2{
	background-color: #1E1D1F;
	color:#fff;
	border-style: none;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom!important;
	margin-bottom:5px;
}

.btn-learn3{
	background-color: #1E1D1F;
	color:#fff;
	border-style: none;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom!important;
	margin-bottom:5px;
	margin-top:20px;
}

.btn-learn4{
	background-color: #1E1D1F;
	color:#fff;
	border-style: none;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom!important;
	margin-bottom:5px;
}

.btn-learn1:hover{
	background-color: rgba(163, 36, 30, 1.00);
}.btn-learn2:hover{
	background-color: rgba(163, 36, 30, 1.00);
}.btn-learn3:hover{
	background-color: rgba(163, 36, 30, 1.00);
}.btn-learn4:hover{
	background-color: rgba(163, 36, 30, 1.00);
}

.about{
	width: 100%;
	max-width: 1500px;
	text-align: center;
	padding-bottom: 20px;
}

.about h2{
	color:rgba(163, 36, 30, 1.00)
}

.content h2{
	color:rgba(163, 36, 30, 1.00)
}

.quick{
	background: red; /* For browsers that do not support gradients */
 	background: -webkit-linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* Standard syntax */
}

.quick h2{
	color:#fff;
	padding:10px;
}

.form{
	width:100%;
	max-width: 400px;
}

.form h5{
	color:rgba(163, 36, 30, 1.00);
	text-align:left; 
}

.form-control-app{
	width: 100%;
	margin-right:5px;
}

.footer{
	background-color: #1E1D1F;
}

.footer h4{
	color:#fff;
	text-align: center;
	padding-left:20px;
	padding-right: 20px;
	padding-top:30px;
}

.foot{
	border-left-style:solid;
	border-right-style:solid;
	border-width:1px;
	border-color: rgba(163, 36, 30, 1.00);
}

.btn-learn5{
	background-color: rgba(163, 36, 30, 1.00);
	color:#fff;
	border-style: none;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom!important;
	margin-bottom:5px;
}

.btn-learn6{
	background-color: rgba(163, 36, 30, 1.00);
	color:#fff;
	border-style: none;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom!important;
	margin-bottom:5px;
}

.btn-learn7{
	background-color: rgba(163, 36, 30, 1.00);
	color:#fff;
	border-style: none;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom!important;
	margin-bottom:5px;
	margin-top: 20px;
}

.btn-learn8{
	background-color: rgba(163, 36, 30, 1.00);
	color:#fff;
	border-style: none;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom!important;
	margin-bottom:5px;
	margin-top: 20px;
}

.btn-learn5:hover{
	background-color: #fff;
	color:rgba(163, 36, 30, 1.00);
}.btn-learn6:hover{
	background-color: #fff;
	color:rgba(163, 36, 30, 1.00);
}.btn-learn7:hover{
	background-color: #fff;
	color:rgba(163, 36, 30, 1.00);
}.btn-learn8:hover{
	background-color: #fff;
	color:rgba(163, 36, 30, 1.00);
}

.sub-footer p{
	color: rgba(163, 36, 30, 1.00);
}

.form-control-app{
	width: 100%;
	padding:10px;
}

.form h4{
	text-align: center;
	color: rgba(163, 36, 30, 1.00);
}

.form-control-app-btn{
	background-color: rgba(163, 36, 30, 1.00);
	padding:10px;
	color:#fff;
	border-style: none;
	padding-left:15px;
	padding-right:15px;
	margin: 10px;
}

.contact-p a{
	color:rgba(163, 36, 30, 1.00);
}

.extended-footer{
	background-color: #1E1D1F;
	padding:15px;
}


.extended-footer h3{
	color:#fff;
	text-align: left;
	
}

.extended-footer p{
	color:#fff;
	text-align: left;
}

.extended-footer a{
	color:rgba(163, 36, 30, 1.00)!important;
	margin:10px;
}

.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	position: fixed;
	z-index: 3;
	left: 45%;
	top:25%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

.modal-content h2{
	color:#000000;
}

.modal-content p{
	color:#000000;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.mod-head{
	 background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(112, 17, 24, 1.00), rgba(163, 36, 30, 1.00), rgba(204, 52, 41, 1.00)); /* Standard syntax */
}

.mod-head img{
	width:100%;
	max-width: 100px;
	padding: 20px;
}

.mod-btn{
	background-color:#7F0002;
	color:#fff;
	border-style: none;
	font-size: 16px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
}