/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



body {
    font: 16px/1.5 Helvetica, Helvetica Neue, Arial;
}

img {padding-bottom:20px;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* =Main */

.wrapper {
	margin:0 auto;
	width:85%;
	height:100%;
	text-align:center;
}

/* The Overlay (background) */
.nav-overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0%;
    position: fixed; /* Stay in place */
    z-index: 201; /* Sit on top */
    left: 0;
    top: 0;
	opacity:1;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.nav-overlay-content {
    position: relative;
    top: 20%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
	margin:0 auto;
    margin-top: 20px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.nav-overlay a {
    padding: 2px;
    text-decoration: none;
    font-size: 36px;
	font-family: 'Work Sans', sans-serif;
	font-weight:700;
    color: #f15b2a;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.nav-overlay a:hover, .overlay a:focus {
    color: #594A42;
}

/* Position the close button (top right corner) */
.nav-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.clicker { cursor: pointer;}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 650px) {
	.nav-overlay-content {top:20%; margin-top:0px;  }
    .nav-overlay a {font-size: 24px; padding: 2px;}
    .nav-overlay .closebtn {
        font-size: 48px;
        top: 10px;
        right: 35px;
    }
}

@media screen and (max-height: 450px) {
	.nav-overlay-content {top:25%; margin-top:0px;  }
    .nav-overlay a {font-size: 20px; padding: 2px;}
    .nav-overlay .closebtn {
        font-size: 48px;
        top: 10px;
        right: 35px;
    }
	.slider {height:200px;}
}

#nav-wrap {width:100%; height:132px; background-color:#d2d3d4;}
.nav-area {width:85%; height:132px; margin:0 auto;}
.nav-logo {width:400px; padding-top:25px; float:left;}
.nav-logo-class {width:400px; transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}

.navbar-navholder {
	text-align: right;
	float:right;
	padding-top:38px;
}
.nav-payment {
	width:200px;
	height:40px;
	margin-left:30px;
	margin-top:6px;
	background-color:#EA2533;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	border:#222 2px solid;
	float:left;
	text-align:center;
	padding-top:7px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
   cursor:pointer;
}

.nav-payment:hover {
	background-color:#222;
	color:#fff;
}



#main {
    position: relative;
    background-color: #FFF;
}

#banner-wrap {
	width:100%;
	height:100vh;
	background-position:center;
	background-size:cover;
	position:absolute;
	z-index:1;
}

.banner-active {
	z-index:2;
}

/* HOMEPAGE BANNER */

.slider {
  width: 100%;
  height: 650px;
  position:relative;
	z-index:1;
} 

.slide1 .infobox {position:absolute; top:250px; opacity:1; width:800px; margin-left:7%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; z-index:10; }
.slide2 .infobox {position:absolute; top:250px; opacity:1; width:800px; margin-left:7%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; z-index:10; }
.slide3 .infobox {position:absolute; top:250px; opacity:1; width:850px; margin-left:7%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; z-index:10; }

.slide-heading-small {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:38px;
	line-height:38px;
	color:#231f20;
	font-weight:600;
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
}

.slide-heading-main {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:100px;
	line-height:102px;
	color:#231f20;
	font-weight:600;
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
}

.slide-content-text {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:23px;
	line-height:33px;
	color:#231f20;
	font-weight:normal;
	padding-bottom:20px;
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
}

.slide-link {
	font-family: 'Merriweather Sans', sans-serif;
	width:250px;
	height:35px;
	color:#fff;
	background-color:#e92533;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
   	cursor:pointer;
}

.slide-link:hover {
	background-color:#fff;
	color:#e92533;

}

.slide1 {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:1;
	animation:fade 20s infinite;
	-webkit-animation:fade 20s infinite;
} 

.slide1-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/banner-01.jpg)no-repeat center;
	background-size: cover;
}

.slide2 {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:0;
	animation:fade2 20s infinite;
	-webkit-animation:fade2 20s infinite;
}

.slide2-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/banner-02.jpg)no-repeat center;
	background-size: cover;
}

.slide3 {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:0;
	animation:fade3 20s infinite;
	-webkit-animation:fade3 20s infinite;
}

.slide3-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/banner-03.jpg)no-repeat center;
	background-size: cover;
}

@keyframes fade
{
	0%  { opacity: 1; z-index:1} 
	30% { opacity: 1; z-index:1}
	33% { opacity: 0; z-index:1}
	34% { opacity: 0; z-index:0}

	97% { opacity: 0;}	
	100%{ opacity: 1;}
}
@keyframes fade2
{
	0%  { opacity: 0;} 
	30% { opacity: 0;}
	33% { opacity: 1; z-index:0}
	34% { opacity: 1; z-index:1}
	63% { opacity: 1; z-index:1}
	66% { opacity: 0; z-index:1}
	67% { opacity: 0; z-index:0}
	75% { opacity: 0;}
	
	100%{ opacity: 0;}
}
@keyframes fade3
{
	0%  { opacity: 0; z-index:0}  
	63% { opacity: 0;}
	66% { opacity: 1; z-index:0}
	67% { opacity: 1; z-index:1}
	97% { opacity: 1; z-index:1}
	100%{ opacity: 0; z-index:1}
}


/* SUBPAGE BANNER */

.slider-sub {
  width: 100%;
  height:300px;
  position:relative;
	z-index:1;
}

.slide1-sub {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:1;
	animation:fade-sub 20s infinite;
	-webkit-animation:fade-sub 20s infinite;
} 

.slide1-image-sub {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/sub-banner-01.jpg)no-repeat center;
	background-size: cover;
}

.slide2-sub {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:0;
	animation:fade2-sub 20s infinite;
	-webkit-animation:fade2-sub 20s infinite;
}

.slide2-image-sub {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/sub-banner-02.jpg)no-repeat center;
	background-size: cover;
}

.slide3-sub {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:0;
	animation:fade3-sub 20s infinite;
	-webkit-animation:fade3-sub 20s infinite;
}

.slide3-image-sub {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/sub-banner-03.jpg)no-repeat center;
	background-size: cover;
}

@keyframes fade-sub
{
	0%  { opacity: 1; z-index:1} 
	30% { opacity: 1; z-index:1}
	33% { opacity: 0; z-index:1}
	34% { opacity: 0; z-index:0}

	97% { opacity: 0;}	
	100%{ opacity: 1;}
}
@keyframes fade2-sub
{
	0%  { opacity: 0;} 
	30% { opacity: 0;}
	33% { opacity: 1; z-index:0}
	34% { opacity: 1; z-index:1}
	63% { opacity: 1; z-index:1}
	66% { opacity: 0; z-index:1}
	67% { opacity: 0; z-index:0}
	75% { opacity: 0;}
	
	100%{ opacity: 0;}
}
@keyframes fade3-sub
{
	0%  { opacity: 0; z-index:0}  
	63% { opacity: 0;}
	66% { opacity: 1; z-index:0}
	67% { opacity: 1; z-index:1}
	97% { opacity: 1; z-index:1}
	100%{ opacity: 0; z-index:1}
}

/* SUBPAGE BANNER ENDS */

#cta-wrap {
	width:100%;
	height:400px;
	position:relative;
}

.cta-payment-wrap {
	width:35%;
	height:100%;
	background-color:#570f13;
	float:left;
}

.cta-payment-inner {
	height:inherit;
	padding-left:24%;
	padding-top:80px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.cta-login-wrap {
	width:65%;
	height:100%;
	background-color:#e92533;
	float:left;
}

.cta-login-inner {
	height:inherit;
	padding-left:10%;
	padding-top:80px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.cta-box-link {
	width:250px;
	height:50px;
	color:#fff;
	font-size:25px;
	font-weight:normal;
	border:#fff 2px solid;
	float:left;
	text-align:center;
	padding-top:5px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
   	cursor:pointer;
}

.cta-box-link:hover {
	background-color:#fff;
	color:#570f13;
}

.cta-link {
	text-decoration:none;
}

.cta-box-link-login {
	width:250px;
	height:50px;
	color:#fff;
	font-size:25px;
	font-weight:normal;
	border:#fff 2px solid;
	float:left;
	text-align:center;
	padding-top:5px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
   	cursor:pointer;
}

.cta-box-link-login:hover {
	background-color:#fff;
	color:#e92533;
}

.cta-register-link {
	width:175px;
	height:30px;
	color:#e92533;
	background-color:#fff;
	font-size:17px;
	font-weight:bold;
	float:left;
	text-align:center;
	padding-top:1px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
	border:#fff 2px solid;
   	cursor:pointer;
}

.cta-register-link:hover {
	background-color:#e92533;
	color:#fff;
	border:#fff 2px solid;
}

.cta-content-wrap {
	width:100%;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.cta-content-inner {
	padding-top:2px;
	padding-bottom:2px;
	float:left;
	height:100%;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.cta-white-bar {
	height: 130px;
	width:2px;
	margin-left:35px;
	margin-right:40px;
	margin-top:10px;
	float:left;
	background-color:#fff;
}

.cta-white-bar-H {
	height: 2px;
	width:90%;
	margin: 0 auto;
	margin-top:40px;
	margin-bottom:20px;
	background-color:#fff;
	display:none;
}

.cta-content-text-payment {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:23px;
	color:#fff;
	padding-top:10px;
	padding-bottom:25px;
	width:275px;
}

.cta-content-text-login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:23px;
	color:#fff;
	padding-top:10px;
	padding-bottom:25px;
	width:275px;
}

.cta-content-text-register {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:23px;
	color:#fff;
	padding-top:10px;
	padding-bottom:19px;
}

.cta-heading-small {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:38px;
	line-height:38px;
	color:#fff;
	font-weight:600;
}

.cta-heading-large {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:62px;
	line-height:64px;
	color:#fff;
	font-weight:600;
}

#cta-feature-table {
	display:table;
	width:100%;
	table-layout:fixed;
	border-spacing:35px;

}

#cta-feature-table-row {
	display:table-row;
}

#cta-feature-table-cell {
	display:table-cell;
	vertical-align:top;
	background:white;
	
}

#cta-feature-wrap {
	width:50%;
	height:100%;
	display:table-cell;
	position:relative;
	float:left;
	padding:15px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

#cta-feature-inner {
	width:100%;
	height:100%;

	background-color:#fff;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

#cta-feature-image {
	width:100%;
	height:428px;
	background-color:#fff;	
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.cta-feature-heading {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:36px;
	padding-top:10px;
	padding-bottom:10px;
	color:#231f20;
	font-weight:600;
	text-align:center;
}

.cta-feature-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#231f20;
	text-align:center;
	width:90%;
	margin:0 auto;
}

.cta-feature-link-holder {
	width:100%;
	text-align:center;
	position:relative;
	margin-top:15px;
	margin-bottom:25px;
}

.cta-feature-link {
	width:220px;
	height:28px;
	margin:0 auto;
	color:#fff;
	background-color:#e92533;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding-top:1px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
	border:#e92533 2px solid;
   	cursor:pointer;
}

.cta-feature-link:hover {
	background-color:#fff;
	color:#e92533;
	border:#e92533 2px solid;
}

#cta-feature-about {
	width:100%;
	height:100%;
	background-image:url(../img/feature-about.jpg);
	background-size: cover;
	background-position:center;
}

#cta-feature-projects {
	width:100%;
	height:100%;
	background-image:url(../img/feature-projects.jpg);
	background-size: cover;
	background-position:center;
}

#cta-feature-plans {
	width:100%;
	height:100%;
	background-image:url(../img/feature-plans.jpg);
	background-size: cover;
	background-position:center;
}

#cta-feature-contact {
	width:100%;
	height:100%;
	background-image:url(../img/feature-contact.jpg);
	background-size: cover;
	background-position:center;
}

#content-area {
	width:100%;
	min-height:200px;
	background-color:#d2d3d4;
	position:relative;
}

.content-text {
	position: relative;
	width:85%;
    margin:0px auto;
    padding-top:40px;
	padding-bottom:60px;
	font-size:20px;
}

#content-area-sub {
	width:100%;
	min-height:200px;
	background-color:#e8e8e8;
	position:relative;
}

.content-text-sub {
	position: relative;
	width:85%;
    margin:0px auto;
    padding-top:40px;
	padding-bottom:40px;
	font-size:18px;
}

.content-text-home {
	font-size:20px;
	text-align:center;
	padding-bottom:35px;
	padding-top:10px;
	position:relative;
}

.content100 {
	width:100%;
	float:left;
	padding-right:15px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.content75 {
	width:75%;
	float:left;
	padding-right:15px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.content60 {
	width:60%;
	float:left;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
	
.content50 {
	width:50%;
	float:left;
	padding-right:15px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.content40 {
	width:40%;
	float:left;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.content33 {
	width:33.3333%;
	float:left;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
	
.content25 {
	width:25%;
	float:left;
	padding-right:15px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.padding-left {
	padding-left:50px;
}

.padding-right {
	padding-right:15px;
}



/* =Footer */
#footer {
	width:100%;
	background-color:#231f20;
	position:relative;
	padding-top:100px;
	padding-bottom:10px;
	color:#fff;
	font-size:14px;
	line-height:22px;
}

footer-logo {
	width:400px;
}

.footer-wrap {
	width:85%;
	margin:0px auto;
	padding-bottom:60px;
	position:relative;
}

#footer-copy {
	width:100%;
	background-color:#231f20;
	position:relative;
	padding-bottom:40px;
	color:#fff;
	font-size:14px;
	line-height:22px;
	text-align:center;
}

.footer-copy-wrap {
	width:85%;
	margin:0px auto;
	border-top:1px solid #616261;
	padding-top:40px;

}

.footer-30 {
	width:30%;
	float:left;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.footer-25 {
	width:25%;
	float:left;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.footer-20 {
	width:20%;
	float:left;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.footer-inner {
	width:90%;
	position:relative;
}

.footer-wrap-2 {
	width:70%;
	margin:0px auto;
	display:none;
	text-align:center;
}

.footer-padding {
	padding-bottom:30px;
}
.footer-right {float:right;}

.footer-text { font-size:14px; color:#ffffff; line-height:30px;}

a.footer-link { font-size:14px; color:#ffffff; line-height:30px;}
a.footer-link:link { color:#ffffff; text-decoration:none;}
a.footer-link:visited { color:#ffffff; text-decoration:none;}
a.footer-link:hover { color:#ffffff; text-decoration:underline;}
a.footer-link:active { color:#ffffff; text-decoration:underline;}

.project-col {
	width:33.3333%;
	float:left;
	padding:10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.project-wrap{
	width:100%;
	margin:10px;
	background-color:#fff;
	text-align:center;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

a.project-link { font-family: 'Merriweather Sans', sans-serif; font-weight:900; font-size:20px; color:#231f20; line-height:40px; letter-spacing:-1px; text-decoration:none; margin-bottom:5px;}
a.project-link:link { color:#231f20; text-decoration:none;}
a.project-link:visited { color:#231f20; text-decoration:none;}
a.project-link:hover { color:#ffffff; text-decoration:none;}
a.project-link:active { color:#ffffff; text-decoration:underline;}

.project-wrap:hover {
	background-color:#e92533;
	color:#fff;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
}

.project-wrap img {
	width:100%;
	padding:0px;
}

.no-pad {
	padding:0px;
}


.plans-col {
	width:33.3333%;
	float:left;
	padding:15px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.plans-col-inner {
	width:100%;
	height:100%;
	background-color:#333;
	margin-bottom:0px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.plans-pic {
	width:100%;
	float:none;
	position:relative;
}

.plans-pic img{
	padding:0px;
}

.plans-specs {
	width:100%;
	float:none;
	color:#ffffff;
	padding:10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.plans-specs-text {	font-size:14px; }
.plans-specs-heading {font-size:24px; }

.plans-link-holder-wrap {
	width:100%;
	position:absolute;
	bottom:10px;
}

.plans-link-holder {
	width:90%;
	margin:0px auto;
	text-align:center;
	position:relative;
}

.plans-link {
	width:100%;
	height:25px;
	color:#fff;
	background-color:#e92533;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:1px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
	border:#e92533 2px solid;
   	cursor:pointer;
}

.plans-link:hover {
	background-color:#fff;
	color:#e92533;
	border:#fff 2px solid;
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 3%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
	transition:  .25s ease-in-out;
   	-moz-transition:  .25s ease-in-out;
   	-webkit-transition:  .25s ease-in-out;
}

	
/* =headers */
.heading-1 { margin: 0; padding: 0; font-size: 42px; line-height:55px; letter-spacing:0px; color: #231f20; font-family: 'Merriweather Sans', sans-serif; font-weight:700; margin-bottom:15px;}
.heading-2 { margin: 0; padding: 0; font-size: 20px; line-height:24px; letter-spacing:-1px; color: #231f20; font-family: 'Merriweather Sans', sans-serif; font-weight:900;}
.heading-3 { margin: 0; padding: 0; font-size: 55px; line-height:55px; letter-spacing:0px; color: #ffffff; font-family: 'Merriweather Sans', sans-serif; font-weight:900;}
.heading-4 { margin: 0; padding: 0; font-size: 30px; line-height:40px; letter-spacing:0px; color: #5a4a42; font-family: 'Merriweather Sans', sans-serif; font-weight:500;}
.heading-5 { margin: 0; padding: 0; font-size: 30px; line-height:40px; letter-spacing:0px; color: #ffffff; font-family: 'Merriweather Sans', sans-serif; font-weight:500;}
.heading-6 { margin: 0; padding: 0; font-size: 24px; line-height:24px; letter-spacing:0px; color: #ffffff; font-family: 'Merriweather Sans', sans-serif; font-weight:700; padding-bottom:20px;}

.center-it {text-align:center;}
.heading-padding {padding-top:10px; padding-bottom:20px;}

a.white-link:link { color:#ffffff; text-decoration:underline;}
a.white-link:visited { color:#ffffff; text-decoration:underline;}
a.white-link:hover { color:#ffffff; text-decoration:none;}
a.white-link:active { color:#ffffff; text-decoration:underline;}

a.grey-link:link { color:#5a4a42; text-decoration:underline;}
a.grey-link:visited { color:#5a4a42; text-decoration:underline;}
a.grey-link:hover { color:#5a4a42; text-decoration:none;}
a.grey-link:active { color:#5a4a42; text-decoration:underline;}

a.text-link:link { color:#5a4a42; text-decoration:underline;}
a.text-link:visited { color:#5a4a42; text-decoration:underline;}
a.text-link:hover { color:#5a4a42; text-decoration:none;}
a.text-link:active { color:#5a4a42; text-decoration:underline;}

hr.style-one {
    border: 0;
    height: 1px;
    background: #666666;
	margin-top:20px;
	margin-bottom:30px;
}

#form-outer {
	width:100%;
	margin:0 auto;
	padding-top:15px;
}

.form-group {
	width:100%;
	padding-bottom:20px;
	text-align:left;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.form-set {
	width:100%;
	padding-bottom:10px;
	text-align:left;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.form-label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333;
}

.button {
	width:100%;
	height:40px;
	background-color:#333;
	color:#fff;
	font-weight:bold;
	padding:10px;
	border:none;
	text-align:center;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
}

.button:hover {
	background-color:#ea2533;
	color:#ccc;
}

.text-input {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:40px;
	height:40px;
	color:#333;
	border: solid 1px #ccc;
	padding-left:5px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.input-required {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
}

.form-textarea {
	width:100%;
	height:80px;
	background-color:#fff;
	color:#333;
	font-size:16px;
	border:1px solid #ccc;
	padding:10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/*.form-errors {
	display:block;
	width:100%;
	color:#C00;
	font-size:12px;
	margin-bottom:10px;
	margin-top:2px;
	border:0px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
} */

input.error {
	background-color:rgba(255, 0, 0, 0.2);
	border-color: #ea2533;	
}

label.error {
	color:#ea2533;
	font-size:14px;	
}

.error {
	color: #ea2533;
}

/* Custom HTML5 Form Validation styles */

form .text-input.invalid {
      border-color: red;
}

/* Styling the validation errors */

form .form-control {
  margin-bottom: 15px;
  width: 100%;
  font-size:16px;
	color:#333;
  padding: 8px 10px;
  border: 1px solid #ccc;
  outline: 0;
  background: white;
  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

form .input-height {
	line-height:40px;
	height:40px;
}
	

form .textarea-height {
	height:80px;
}

form .form-control:focus {
  border-color: #444;
}

form .form-group {
  margin-bottom: 15px;
}

form .form-group label {
  display: block;
  font-weight: bold;
  font-size: 14px;
}

form .form-group .form-control {
  margin-bottom: 0;
}

form .form-control.invalid {
      border-color: red;
    }

    /* Styling the validation errors */
    .site-form .form-group {
      position: relative;
    }
    .site-form .form-group .validation-error {
      color: red;
      font-size: 14px;
    }
    .site-form_before .form-group .validation-error {
      position: absolute;
      right: 0;
      top: 1px;
    }

.msg-error {
  color: red;
  font-size: 14px;
  font-family:Arial, Helvetica, sans-serif;
}


.cap-error {
  border: solid 1px red;
}

/* form .valid {
	
	border-color: #360;
	background-color:rgba(0, 255, 0, 0.4);	
}
*/

.form-style {
	width:100%;
	height:40px;
	background-color:#fff;
	color:#333;
	font-size:14px;
	border:1px solid #bfbfbf;
	padding-left:10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

form .form-style .error {
	background-color:#ea2533;
}

.form-style-textarea {
	width:100%;
	height:80px;
	background-color:#fff;
	color:#333;
	font-size:14px;
	border:1px solid #bfbfbf;
	padding:10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}


.payment-field-set {
	width:100%;
	padding-bottom:10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.payment-form-header {
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	color:#fff;
	padding-left:10px;
	margin-bottom:15px;
	border-bottom:1px solid #bfbfbf;
	background-color:#999;
}

.payment-label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333;
}

.payment-hints {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	margin-top:5px;
	margin-bottom:10px;
}

.payment-input {
	width:300px;
	height:35px;
	background-color:#fff;
	color:#333;
	font-size:14px;
	border:1px solid #bfbfbf;
	padding-left:10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.payment-input .correct {
	
	border:1px solid # 060;

}

.payment-ccv {
	width:100px;
	height:40px;
	background-color:#fff;
	color:#333;
	font-size:14px;
	border:1px solid #bfbfbf;
	padding-left:10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.payment-month {
	width:200px;
	height:40px;
	background-color:#fff;
	color:#333;
	font-size:14px;
	border:1px solid #bfbfbf;
	padding-left:10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.payment-year {
	width:100px;
	height:40px;
	background-color:#fff;
	color:#333;
	font-size:14px;
	border:1px solid #bfbfbf;
	padding-left:10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.paymentcheckbox {
    display: block;
    position: relative;
    font-size:16px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
    padding-left: 35px;
    margin-bottom: 15px;
	margin-top:5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.paymentcheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
	border:1px solid #bfbfbf;
}

/* On mouse-over, add a grey background color */
.paymentcheckbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.paymentcheckbox input:checked ~ .checkmark {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.paymentcheckbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.paymentcheckbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #333;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.payment-button {
	width:50%;
	height:40px;
	background-color:#333;
	color:#fff;
	font-weight:bold;
	padding:10px;
	margin-top:10px;
	border:none;
	text-align:center;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
}

.payment-button:hover {
	background-color:#ea2533;
	color:#ccc;
}

form #card_number {
background-image: url(../img/images.png), url(../img/images.png);
  background-position: 2px -121px, 260px -61px;
  background-size: 120px 361px, 120px 361px;
  background-repeat: no-repeat;
  padding-left: 54px;
  width:300px;
	height:35px;
	background-color:#fff;
	color:#333;
	font-size:14px;
	border:1px solid #bfbfbf;

	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
form #card_number.visa {
  background-position: 2px -163px, 260px -61px;
}
form #card_number.visa_electron {
  background-position: 2px -205px, 260px -61px;
}
form #card_number.mastercard {
  background-position: 2px -247px, 260px -61px;
}
form #card_number.maestro {
  background-position: 2px -289px, 260px -61px;
}
form #card_number.discover {
  background-position: 2px -331px, 260px -61px;
}
form #card_number.valid.visa {
  background-position: 2px -163px, 260px -87px;
}
form #card_number.valid.visa_electron {
  background-position: 2px -205px, 260px -87px;
}
form #card_number.valid.mastercard {
  background-position: 2px -247px, 260px -87px;
}
form #card_number.valid.maestro {
  background-position: 2px -289px, 260px -87px;
}
form #card_number.valid.discover {
  background-position: 2px -331px, 260px -87px;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1600px) {

}
   
   
@media only screen and (max-width: 1400px) {
	
.cta-heading-small {font-size:34px; line-height:34px; }
.cta-heading-large {font-size:58px;	line-height:60px; }	
.cta-payment-inner {padding-left:20%;}
.cta-login-inner {padding-left:7%;}
.cta-content-text {font-size:17px; line-height:23px;}
.cta-content-text-register {font-size:17px;	line-height:23px;}

}

@media only screen and (max-width: 1200px) {

/* Banner INFO */
.slider {height: 550px;}
.slider-sub {height: 250px;}
.slide1 .infobox {width:750px; top:200px;}
.slide2 .infobox {width:750px; top:200px;}
.slide3 .infobox {width:750px; top:200px;}
.slide-heading-small {font-size:34px;}
.slide-heading-main {font-size:90px; line-height:92px;}
.slide-content-text {font-size:20px; line-height:30px; padding-bottom:15px;}

/* PAYMENT AND LOGIN */	
#cta-wrap {height:380px;}
.cta-heading-small {font-size:30px; line-height:30px; }
.cta-heading-large {font-size:50px;	line-height:52px; }	
.cta-payment-inner {padding-left:13%;}
.cta-login-inner {padding-left:6%;}
.cta-content-text {font-size:16px; line-height:23px;}
.cta-content-text-register {font-size:16px;	line-height:23px;}
.cta-white-bar {margin-left:10px; margin-right:30px;}
.cta-box-link {width:200px;	height:50px; font-size:23px; padding-top:6px;}
.cta-box-link-login {width:200px; height:50px; font-size:23px; padding-top:6px;}
.cta-content-text-payment {font-size:16px; line-height:23px; width:240px;}
.cta-content-text-login {font-size:16px; line-height:23px; width:240px;}

/* Content */
.content60 {width:50%;}
.content40 {width:50%;}
.project-col {width:50%}
.plans-col {width:50%}

/* Footer */
.footer-30 {width:50%; text-align:center; padding-bottom:30px;}
.footer-25 {width:50%; text-align:center; padding-bottom:30px;}
.footer-20 {width:50%; text-align:center; padding-bottom:30px;}
.footer-inner {width:100%;}
.footer-right {float:none; text-align:center;}
.footer-wrap { padding-bottom:50px;}	

}


@media only screen and (max-width: 959px) {

/* Banner INFO */
.slider {height: 500px;}
.slider-sub {height: 200px;}
.slide1 .infobox {width:680px; top:170px;}
.slide2 .infobox {width:680px; top:170px;}
.slide3 .infobox {width:680px; top:170px;}
.slide-heading-small {font-size:30px;}
.slide-heading-main {font-size:80px; line-height:82px;}
.slide-content-text {font-size:18px; line-height:28px; padding-bottom:15px;}


#cta-wrap {height:800px;}	
.cta-content-wrap {width:100%; text-align:center;}
.cta-payment-wrap {width:100%; height:300px; float:none; position:relative; text-align:center;}
.cta-payment-inner {padding-left:0; padding-top:45px; padding-bottom:50px;}
.cta-content-text-payment {font-size:18px; line-height:23px; width:90%; margin:0 auto;}
.cta-box-link {width:50%; float:none; margin:0 auto;}
.cta-content-inner { float:none; margin:0 auto; text-align:center;}

.cta-login-wrap {width:100%; height:500px; float:none; position:relative; text-align:center;}
.cta-login-inner {padding-left:0; padding-top:45px; padding-bottom:50px;}
.cta-content-text-login {font-size:18px; line-height:23px; width:90%; margin:0 auto;}
.cta-box-link-login {width:50%; float:none; margin:0 auto;}
.cta-white-bar {margin-left:0 margin-right:0; display:none;}
.cta-white-bar-H {display:block;}
.cta-content-text-register {font-size:18px;	line-height:23px;}
.cta-register-link { width:175px; height:30px; float:none; margin:0 auto;}

.heading-1 {font-size: 36px; line-height:48px;}
.content70 {width:100%;}
.content60 {width:100%;}
.content50 {width:100%;}
.content40 {width:100%;}
.content33 {width:50%;}
.content25 {width:50%;}
.padding-left {padding-left:0px;}
.padding-right {padding-right:0px;}
img {padding-top:20px; padding-bottom:0px;}

}

@media only screen and (max-width: 870px) {
.nav-payment {display:none;}
#cta-feature-wrap {width:100%; padding:10px;}
#cta-feature-table {
	display:block;
	width:100%;
	border-spacing:0px;
	
}
#cta-feature-table-row {
	display:block;
	margin-top:30px;
	margin-bottom:30px;
}

#cta-feature-table-cell {
	display:block;
	margin-top:30px;
	
}
}

@media only screen and (max-width: 767px) {
	
/* Banner INFO */
.slider {height: 350px;}
.slider-sub {height: 150px;}
.slide1 .infobox {width:400px; top:95px;}
.slide2 .infobox {width:400px; top:95px;}
.slide3 .infobox {width:450px; top:95px;}
.slide-heading-small {font-size:20px; line-height:22px;}
.slide-heading-main {font-size:50px; line-height:52px;}
.slide-content-text {font-size:16px; line-height:26px; padding-bottom:15px;}
.slide-link {width:220px; height:30px; font-size:14px; padding-top:5px;}	
	
.nav-logo {width:300px; padding-top:37px; float:left;}
.nav-logo-class {width:300px; transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}	
.content-text {width:90%; font-size:18px;}
.content-text-sub {width:90%; font-size:16px;}

.project-col {width:100%}
.plans-col {width:100%}
.plans-col-inner {margin-bottom:0px;}

.content33 {width:100%;}
.content25 {width:100%;}

.footer-wrap-2 { width:85%;}
.footer-30 {width:100%;}
.footer-25 {width:100%;}
.footer-20 {width:100%;}	

}


@media only screen and (max-width: 480px) {

/* Banner INFO */
.slider {height: 200px;}
.slide1 .infobox {display:none;}
.slide2 .infobox {display:none;}
.slide3 .infobox {display:none;}

#nav-wrap {width:100%; height:100px; background-color:#d2d3d4;}
.nav-area {width:90%; height:100px; margin:0 auto;}
.nav-logo {width:250px; padding-top:27px; float:left;}
.nav-logo-class {width:250px; transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}
.navbar-navholder {padding-top:24px;}
.cta-box-link {width:90%;}
.cta-box-link-login {width:90%;}
.cta-heading-large {font-size:30px;	line-height:32px; }	
a.project-link { font-size:16px; line-height:32px; }

}

@media only screen and (max-width: 368px) {
.nav-logo {width:200px; padding-top:31px; float:left;}
.nav-logo-class {width:200px;}	
a.project-link { font-size:14px; line-height:32px; }
}


<!---Minimum widths --->

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 1140px) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* NAV */
nav.navigation{
	position:relative;
	z-index:2;
}

ul.mynav-menu, ul.mynav-menu li, ul.mynav-menu li a{
	float:left;
}
ul.mynav-menu{
	padding-left:10px;
}
ul.mynav-menu li a{
	height:38px;
	margin-left:25px;
	color:#231f20;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	font-family:Arial;
	font-size:15px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */

}
ul.mynav-menu li a:hover{
	color:#231f20;
	border-bottom:4px solid #EA2533;
}
.mynav-toggle{
	display:none;
	position:relative;
	width:60px;
	height:50px;
	cursor:pointer;
	float:left;
	margin-left:30px;
}
span.icon-bar{
	position:absolute;
	right:12px;
	display:block;
	width:40px;
	height:5px;
	background-color:#1c1d1d;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.icon-bar:nth-child(1){
  top:8px;
}
.icon-bar:nth-child(2){
  top:24px;
}
.icon-bar:nth-child(3){
  top:39px;
}

.mynav-small{
	position:relative;
	background-color:rgba(0,0,0,0);
	display:none;
	margin:0px;
	padding:0px;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mynav-small.active{
	display:block;
}



ul.mynav-menu-small, ul.mynav-menu-small li, ul.mynav-menu-small li a{
	position:relative;
	display:inline-block;
	width:100%;
	
}
ul.mynav-menu-small{
	position:relative;
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
ul.mynav-menu-small li a{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	padding:14px;
	background-color:#231f20;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;

}
ul.mynav-menu-small li a:hover{
	background-color:#444444;
	color:#fff;
}

ul.mynav-menu-small-pay, ul.mynav-menu-small-pay li, ul.mynav-menu-small-pay li a{
	position:relative;
	display:inline-block;
	width:100%;
	
}
ul.mynav-menu-small-pay{
	position:relative;
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
ul.mynav-menu-small-pay li a{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	padding:14px;
	background-color:#e92533;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;

}
ul.mynav-menu-small-pay li a:hover{
	background-color:#570f13;
	color:#fff;
}



/* ICON BARS ANIMATION */

.mynav-toggle.active .icon-bar:nth-child(1){
	top:23px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mynav-toggle.active .icon-bar:nth-child(2){
	width:0;
}
.mynav-toggle.active .icon-bar:nth-child(3){
	top:23px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.text-inner{
	position:relative;
	width:80%;
	margin:0px auto;
}


/* MEDIAQUERIES */

@media screen and (max-width:1275px){
	ul.mynav-menu{
		position:absolute;
		top:50px;
		width:100%;
		height:0;
		padding:0;
		overflow:hidden;
	}

	.mynav-toggle{
		display:block;
	}
	
	.mynav-small.active{
	opacity:1;
	display:block;
}

.text-inner{
	position:relative;
	width:95%;
	margin:0px auto;

}
	
}
@media screen and (min-width:1276px){
	
	.mynav-small.active{
	opacity:0;
	display:none;
}
}

@media only screen and (max-width: 480px) {
.mynav-toggle {margin-left:0px;}
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}