@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,600&lang=en&subset=latin-ext,latin');

html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  overflow-x:hidden;
}
.nomargin{margin:0!important;}
.nopadding{padding:0!important;}
i.fa{color:#AAAAAA;}
.mailorInput{
	padding: 10px 20px;
	height:50px;
	background-color:#EEEEEE;
	border-radius:0px;
	margin-bottom:10px;	
}
.btn.btn-mailorGreen{
	background-color:#00B166;
	border-color:#00B166;
	color:#FFF;
	border-radius:0px;
}


.navbar{
	margin-bottom:0px;
}
.navbar-brand,
.navbar-nav li a:not(.dropdown-link) {
    line-height: 70px;
    height: 70px;
    padding-top: 0;
    color:black;
}
.navbar-nav li a:hover{
	text-decoration:underline;
}
.navbar-toggle{
    margin-top:20px;
}
.logoImage img{
	width:50px;
	height:50px;	
}
h1.brand{
	float:left;
	margin: 23px 0px 0px 10px;
	font-size:28px;
	font-weight:200;
	color:black;
}
h1.brand > strong{
	font-weight:400;
}

#SliderWrapper{
	background: url('/resources/img/landing_page/devices_bg.png') no-repeat scroll center center !important;
}

#Slider{
	padding-top:15px;
}
#Slider h3.slideCaption{
	text-align: center;
	text-transform: uppercase;
	line-height: 35px;
}
@media(min-width:768px){
	#Slider .slide{
		margin-top:25px;
	}
  #Slider .slide{
       height:500px;
  }
}
@media(max-width:768px){
	#Slider .slide{
		margin-top:15px;
	}
  #Slider .slide{
       height:300px;
  }
}

.sliderButtons{
	text-align:center;
	padding:10px 0 30px 0;
}
.sliderButtons .greenBtn{
	border: 1px solid #00B166;
	background-color: #00B166;
	color: white;
	padding: 7.5px 30px;
}
.sliderButtons .greenBtn:hover{
	color: #00B166;
	background-color: white;
}

.sliderButtons .orangeBtn{
	border: 1px solid orange;
	background-color: orange;
	color: white;
	padding: 7.5px 30px;
}

.sliderButtons .orangeBtn:hover{
	color: orange;
	background-color: white;
}
.sliderButtons .greenBtn, .sliderButtons .orangeBtn{
	width: 140px;
}

#DevicesSection{
	height:650px;
}
@media(min-width:768px){
	#DevicesSection{
		background: url('/resources/img/landing_page/devices-background.png') no-repeat scroll center center / cover !important;
	}
}
#DevicesSection .content{
	padding-top:100px;
}
#DevicesSection .content h2{
	text-transform: uppercase;
	font-size:25px;
	line-height:35px;
}
#LoginForm input[type='Submit']{
	padding:10px 40px;
}
@media(max-width:768px){
	#GroupTypesSection{display:none;}
}
#GroupTypesSection .groupType{
	float:left;
	padding:40px;
	font-size:16px;
	text-align:center;
	font-weight:200;
	text-transform:uppercase;
}
#GroupTypesSection .groupType .large{
	font-size:24px;
}

#SentencesSection{
	padding:25px 10px;
	text-align:center;
	font-size:20px;
}

#BenefitsSection{
	background: url('/resources/img/landing_page/benefits-background.png') no-repeat scroll center center / cover !important;
	padding-top:40px;
	padding-bottom:60px;
}
#BenefitsSection h2{
	font-size:30px;
	text-align:center;
	text-transform:uppercase;
	color:white;
	font-weight:400;
	margin-bottom:30px;
}

#BenefitsSection .benefitsBox{
	background-color:white;
	padding:50px;
	margin-bottom:10px;
	min-height:575px;
}
@media(min-width:768px){
	#BenefitsSection .benefitsBox{
		margin:20px;
	}
}
#BenefitsSection .benefitsBox .icon{
	margin-top:40px;
	text-align:center;
}
#BenefitsSection .benefitsBox h3{
	font-size:28px;
	text-align:center;
	font-weight:400;
	text-transform:uppercase;
	color:black;
}
#BenefitsSection .benefitsBox .subcaption{
	text-align:center;
	font-weight:300;
	font-size:18px;
	text-transform:uppercase;
	min-height:2em;
}
#BenefitsSection .benefitsBox p{
	margin-top:40px;
	text-align:center;
}
#FeaturesSection{
	padding-top:60px;
}
#FeaturesSection h2{
	text-align:center;
	text-transform: uppercase;
	font-weight:400;
	margin-bottom:40px;
}
#FeaturesSection .featuresBox{
	text-align:center;
	height:300px;
}
#FeaturesSection .featuresBox h3{
	text-transform: uppercase;
	font-weight:400;
}
#FeaturesSection .featuresBox .icon{
	
}

#VideoSection{
	padding-bottom: 30px;
}
#VideoSection h2{
	text-align:center;
	text-transform: uppercase;
	font-weight:400;
	margin-bottom:20px;
}
#VideoSection .mailorVideoCaption{
	text-align:center;
	margin:10px 0px;
}
#VideoSection .mailorVideo{
	width:100%;
	margin: 0px auto 25px;
	height:300px;	
}
#Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 60px;
  background-color: #f5f5f5;
  padding-top:25px;
}

#Footer .contactLinks{
	padding-top: 10px;
}
@media(min-width:786px){
	#Footer .contactLinks{
		text-align: right;
	}
}
#Footer p, #Footer a {
  color:#919191;
}