/*font-family: 'Open Sans', sans-serif;*/

/* Global
================================================================*/

body {
	background: #282828;
	margin: 0;
	padding: 0;
}

 body,
p {
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 140%;
	color: #444;
	letter-spacing: .03em;
}

.wrapper { 
	background: #fff url(../img/trees.jpg) repeat-x bottom center;
	padding: 0 0 150px;
}
.wrapper.home-page {background-image: none;padding: 0;}

				@media all and (max-width: 1400px) {
					.container { 
						max-width: 1240px;
						width: auto;
					}
				}
 
 
h1 {
	font-size: 40px;
 	margin: 0 0 20px;
	color: #ffffff;
	font-weight: 300;
}

.home-page h1 { color: #282828 }

h2 {
	font-size: 28px;
 	color: #fff;
	font-weight: 600;
	margin: 0 0 10px;
}

h3 {
	font-size: 24px;
 	margin: 0 0 10px;
	font-weight: 300;
	text-transform: uppercase;
}

h3 span { font-weight: 300 }

h3:before {
	font-family: "Ionicons";
    content: "\f386  ";
	color: #f05e4b;
}

h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	color: #003963
} 
  
 
a,
a:hover,
a:focus,
a:visited,
.ion {
	color: #f05e4b;
	text-decoration: none;
 }

.white { color: #fff }
.blue { color: #003963 }
.orange { color: #f05e4b}
.list-unstyled li { margin: 0 0 10px; }
 

/* Spacing
-----------------------------------------*/
.no-gutter [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.no-gutter-left > [class*='col-'] { padding: 0 10px 10px 0 }

.no-gutter-right > [class*='col-'] { padding: 0 0 10px 10px; }

.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }
.pad40 { padding: 40px; }
.pad50 { padding: 50px; }
.pad50f { padding: 50px 2% }
.padtb10 { padding: 10px 0 }
.padtb20 { padding: 20px 0 }
.padtb30 { padding: 30px 0 }
.padtb40 { padding: 40px 0 }
.padtb50 { padding: 50px 0 }
.padtb60 { padding: 60px 0 }
.padtb70 { padding: 70px 0 }
.padtb80 { padding: 80px 0 }
.pad1020 { padding: 10px 20px}
.pad1030 { padding: 10px 30px}
.pad1040 { padding: 10px 40px}
.pad1050 { padding: 10px 50px}
.pad1080 { padding: 10px 80px }
.pad8050 { padding: 80px 50px}
.pb-none { padding-bottom: none }
.pad010p { padding: 0 10% }
.pad030 { padding: 0 30px; }
.pad010 { padding: 0 10px}
.marb10 { margin-bottom: 10px}
.marb20 { margin-bottom: 20px}
.marb30 { margin-bottom: 30px}
.marb40 { margin-bottom: 40px}
 
.mright { text-align: right }
.txt12 { font-size: 12px }
.txt14 { font-size: 14px }
.txt18 { font-size: 18px }
.txt20 { font-size: 20px }
.bg-grey { background: #f8f8f8}

/* Buttons
-----------------------------------------*/
.btn,
.btn-lg{
	border-radius: 0;
	border: none;
}

.btn-primary{
	background: #f05e4b;
	color: #fff;
	padding: 12px 10px;
	font-weight: 600;
	text-transform: uppercase;
}
.btn-lg { padding: 15px 30px; }

.btn-lg:visited {
	background: #003963;
	color: #fff;
}

.btn-blue,
.btn-blue:visited {
	background: #003963;
	color: #fff;
	padding: 8px 20px 9px
}

.btn-blue:hover { color: #F8E100 }
 

textarea,
.input-group input,
.form-control {
	border-radius: 0;
	height: 44px;
	margin: 0 0 15px
}
label { font-size: 13px }
textarea.form-control { height: 160px}

.ir {
	width: 100%;
	height: auto;
}
.border-bottom {border-bottom: 1px dotted #ccc;}
/* Header
================================================================*/
 
header { 
	position: fixed;
	width: 100%;
	top: 0;
	padding: 0 0 20px;
	z-index: 999;
	background: #fff;
}
header .relative {
	padding-top: 20px;
}

header .ion,
.home-nav .ion{
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 38px;
	color: #282828
}
.home-nav .ion {
	top: 12px;
}
.home-page .top {display: none}
.home-logo {
	position: absolute;
	top: 30px;
	left: 35px;
	z-index: 1
}
.home-intro {
	padding: 160px 30px 0;
}
.home-intro br { display: none }
.home-nav {
	position: absolute;
 	right: 40px;
	top: 20px;
	z-index: 500
}
.top {
	background: #eaeaea;
 	height: 22px;
	text-align: right;
	line-height: 100%
}
 
.top a {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	background: #e0dfdf;
	padding: 3px 30px;
 	margin: 0;
	color: #282828
}
.top a:nth-child(2) {
	background: #f05e4b;
	color: #fff;
}
.home-top-links {
	padding: 20px 80px 0 0;
	
}
.home-top-links a {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin: 2px 0 0 5px;
	padding: 5px 10px;
	background: rgba(12, 105, 183, 0.3);
}

				
				@media screen and (max-width: 1500px) {
					.home-intro {
						padding-top: 100px;
					}
				}
				@media screen and (max-width: 1100px) {
					.home-intro br { display: inherit}
					.home-intro span { display: none }
				}
				@media screen and (max-width: 992px) {
					.home-intro { padding: 140px 30px 50px }
					.home-nav { right: 20px; }
					.home-top-links {
						padding: 70px 0 0 0
					}
				}

/* Navigation
-----------------------------------------*/
#nav {
	position: absolute;
    top: 0;
    right: 20px;
    z-index: 2201;
    opacity: 0.8;
    cursor: pointer;
}
/* Main Nav Panel
================================================================*/
.panel {
	border: none;
	display: block;
}

.panel-content {
  	position: relative;
	padding: 0;
	overflow-y: scroll;
  	height: 100%;
	display: flex;
 }

.panel-content .panel-close {
  position: absolute;
  font-size: 48px;
  text-align: center;
  cursor: pointer;
  display: block;
  color: #fff;
  right: 50px;
  top: 20px;
  z-index: 999;
}

.panel {
  z-index: 999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background: #2c2c2c;
  position: fixed;
  display: block;
  bottom: 0;
  top: 0;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  right: -100%;
  width: 100%;
  border-radius: 0;
}
.panel-close { z-index: 999}
.panel.expanded { right: 0; }

.main-nav { width: 100%; }

.main-nav [class*='col-']{
	padding-left: 10px;
	padding-right: 10px;
}

.panel-content .no-gutter { height: 100%; }

.links {
	background: #f05e4b;
	height:100%;
    min-height:764px;
	padding: 30px;
}

.links a:link,
.links a:visited{
	font-size: 22px;
	color: #2c2c2c;
}
.links p { margin: 0 0 30px; }

.links a:hover { text-decoration: underline }

.panel-container {
	padding: 50px;
	color: #fff;
}
.links .panel-container {
	padding: 0
}
.panel-container a { color: #fff; }

.panel-container nav ul li { margin: 0 0 40px; }

nav a {
	font-size: 20px;
	font-weight:400;
 	letter-spacing: .08em;
	margin: 0;
}


.contact-information {
 	margin: 40px auto;
  	padding: 20px 0;
}
.contact-information h1 span{
	background: #444;
	color: #fff;
	font-weight: 600;
	padding: 5px 20px;
}
			 
				@media screen and (max-width: 599px) {	
					.links {display: none;}
				}
				@media screen and (max-width: 500px) {	
					.contact-information h1 span {
						font-size: 30px;
					}
				}


/* Home Page
================================================================*/


.home {
	flex-direction:row;
	height: 100vh;
	position: relative;
}

.home-content { background: #fff; }
 .bg-orange {	
	 position: relative;
	 background: #f05e4b;
	 height: 100vh;
}
				@media screen and (max-width: 992px) {
					.bg-orange {
						height: auto;
					}
				}

/* Features
-----------------------------------------*/
		 
.summary h4 {
	text-transform: uppercase;
	font-size: 14px;
	margin: 0
}
.summary .pad20 {
	padding-left: 80px;
	padding-bottom: 0;
	height: 130px;
}
.summary .pad20 img {
	position: absolute;
	left: 10px;
}
.summary [class*='col-']:nth-child(3),
.summary [class*='col-']:nth-child(4) {
	border-top: 1px dotted #ccc;
	margin: 0 0 30px
}
.summary [class*='col-']:nth-child(2),
.summary [class*='col-']:nth-child(4) {
	border-left: 1px dotted #ccc;
}
.demo .btn-primary {
	font-size: 14px;
}

				@media all and (max-width: 1100px) {
					.summary .pad20 {
						padding-left: 65px;
						padding-bottom: 0;
						height: 180px;;
					}
					.summary .pad20 img {
						left: 5px
					}
					.demo .btn-primary {
						font-size: 11px;
						padding: 14px 10px;
					}
				}
				@media screen and (max-width: 767px) {
					.summary [class*='col-'],
					.summary [class*='col-']:nth-child(3),
					.summary [class*='col-']:nth-child(4),
					.summary [class*='col-']:nth-child(2),
					.summary [class*='col-']:nth-child(4) {
						border-left: none;
						border-right: none;
						border-top: none;
						border-bottom: 1px dotted #ccc;
						margin: 0
					}
					.summary [class*='col-']:nth-child(4) {
						margin: 0 0 20px;
					}
					.summary .pad20 {
						height: auto;
						padding: 20px 0 30px 85px;
					}
					.demo .btn-primary {
						font-size: 14px;
						padding: 12px 10px;
					}
				}

 
/* Image Slider
-----------------------------------------*/
		 
.slider {
 	height: 100%;
	overflow: hidden;
	background: #f05e4b
}
.sss {
	height: 0;
	margin: 0; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
 	display: block; 
}

.sssnext, .sssprev {
	display: none
}

				@media screen and (max-width: 992px) {
					.slider {
						height: 60%;
					}
				}
				
/* Contact Info
-----------------------------------------*/	 
.contact-info {
	position: fixed;
	bottom: 0;
	background: #f05e4b;
  }
.contact-details {
  	background: #f05e4b;
	text-align: center; 
	padding: 60px 10px 30px;
}
.contact-details p {
	margin: 0;
}
.contact-details h3 {
	font-size: 26px;
	font-weight: 800;
	color: #fff;
}
.contact-details h2 { font-size: 20px;}
				@media all and (max-width: 1100px) {
					.contact-details { padding: 90px 10px 30px}
					.contact-details h2 { font-size: 18px; }
					.contact-details p { font-size: 14px; }
				}
				@media screen and (max-width: 992px) {
					.contact-info {
						position: relative;
						bottom: auto;
					}
					.contact-details { padding: 30px; }
					.contact-details h2 { font-size: 22px; }
					.contact-details p { font-size: 16px; }
				}

/* Demo box
-----------------------------------------*/
.demo {
  	background: #282828;
	padding: 30px 30px 10px;
	color: #fff;
	margin: 0;
}
.demo p {
	color: #fff;
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 130%;
}
				@media screen and (max-width: 420px) {
					.demo .col-xs-6 {
						float: none;
						width: auto;
					}
					.demo {
						padding-bottom: 30px
					}
				}

/* Sub Page
================================================================*/

.sub-page { padding: 100px 0 0; }


/* Page Title
-----------------------------------------*/
.page-title {
	position: relative;
	background: #f05e4b;
	width: 100%;
	padding: 10px 0;
	margin: 0
}

.page-title h1 { margin: 50px 0; }

.side-edge {
	position:absolute;
 	right: 0;
	top: 0;
	z-index: 900;
	width: 33%;
	background: #c94939;	
	height: 164px;	
   -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}
		
				@media all and (min-width: 1649px) {
					.side-edge {
						width: 38%;
						-webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
						clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
					}
				}
				@media all and (min-width: 1919px) {
					.side-edge {
						width: 42%;
						-webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
						clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
					}
				}

				@media screen and (max-width: 992px) {
					.side-edge {
						display: none;
					}
					.industry .padtb40,
					.padtb30,
					.padtb50{
						padding: 30px;
					}
					.page-title {
						padding: 10px 20px;
					}
				}
				@media screen and (max-width: 599px) {
					.industry .padtb40,
					.padtb30{ padding: 15px; }
                    .page-title {text-align: center}
				}

.industry ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	column-gap: 40px;
	-moz-column-gap: 40px;
}

.feature-box {
	padding: 50px;
	border: 1px solid #eaeaea;
	-webkit-box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.67);
	box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.67);
	min-height: 350px;
	margin: 0 0 30px;
	
}

/* Clients
================================================================*/
.clients {
	padding: 30px 0 50px;
	margin: 0 0 100px;
	min-height: 300px;
}

.clients h3:before { content: none }

.clients img { padding: 10px; }


/* Footer
================================================================*/
footer {
	text-align:  center;
	color: #fff;
	padding: 0 0 30px;
}

footer h1,
footer h4 {
	color: #f05e4b;
	font-weight: 300
}

/* Footer Demo Form
-----------------------------------------*/
.demo-form{
	width: 80%;
	margin: 0 10% 0;
}

.privacy {
	margin: 30px 0 0 ;
	padding: 30px 0;
	border-top: 1px dotted #444
}

/* Testimonial
-----------------------------------------*/
.testimonial {
	min-height: 750px;
	margin: 0 0 30px;
	border-bottom: 1px dotted #ccc;
}
.testimonial iframe { margin: 0 0 20px }

				@media screen and (max-width: 992px) {
					.testimonial {
						min-height: auto;
						padding: 0 0 40px;
					}
				}


/* Clients
-----------------------------------------*/
.industry-image { position: relative; }

.image-edge,
.image-edge-left{
	position:absolute;
 	left: 15px;
	top: 0;
	z-index: 900;
	width: 150px;
	background: #fff;	
	height: 300px;	
   -webkit-clip-path: polygon(0% 0, 90% 0, 5% 100%, 0% 100%);
	clip-path: polygon(0% 0, 90% 0, 5% 100%, 0% 100%);
   
}
.image-edge-left{
	left: auto;
	right: 13px;
	 -webkit-clip-path: polygon(80% 0, 100% 0, 100% 95%, 0% 95%);
	clip-path: polygon(80% 0, 100% 0, 100% 95%, 0% 95%);
}
/*
.reduce-costs .image-edge { height: 420px; }

.reduce-risk .image-edge-left{ height: 480px; }*/


.feature-name-container {
	position: relative;
	width: 100%;
	background: #eaeaea;
	border-bottom: 40px solid #f05e4b;
	padding: 125px 0;
	margin: 0 0 20px

}
.feature-name {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	background: #fff;
	height: 250px;
	padding: 70px 0 80px
}

img.feat-icon {
	position: absolute;
	z-index: 910;
	top: 20%;
}
.left-image img.feat-icon {
	right: 20px;
}
.panel-container .bg-grey {
	background: none;
	padding: 0
}
.panel-container .btn-primary {
	background: #282828
}

					@media screen and (max-width: 1600px) {
						.panel-container .contact-left,
						.panel-container .contact-right {
							float: none;
							width: auto;
						}

					}
					@media screen and (max-width: 992px) {
						.image-edge,
						.image-edge-left{ display: none; }
						.industry-image { margin: 0 0 30px; }
						.clients { height: 350px; }
						img.feat-icon {
							left: 0;
							right: 0;
							margin: 0 auto;
							max-width: 100%;
							top: 23%;
						}
					}
					@media screen and (max-width: 767px) {
						img.feat-icon { top:15%; }
					}
					@media screen and (max-width: 599px) {
						img.feat-icon { display: none }
					}
					@media screen and (max-width: 450px) {
						.clients { height: 420px; }
						.clients .col-xs-4 {
							width: 50%;
						}
						
					}


.alert-danger {
	margin: 0 30px 30px;
}
.alert-danger p{
	font-size: 12px;
}
.grecaptcha-badge {
    display: none;
}

/* Download App
-----------------------------------------*/
.download-ea {
    max-width: 120px;
    height: auto;
    margin-bottom: 20px;
}
.download-app {
    max-width: 200px;
    height: auto;
    margin-bottom: 20px;
}
.d-resort h4 { color: #000; margin: 0 0 20px }

    @media screen and (max-width: 800px) {
        .d-resort .col-md-6 {margin-bottom: 50px; border-bottom:1px dotted #ccc}
    }

    @media screen and (max-width: 470px) {
        .d-resort .col-xs-6 { float: none; width: 100%; padding: 0; text-align: center}
    }