body {
	background : #ffffff;/*rgba(172, 179, 165, 0.1) !important;	*/
	margin-top: -5%;
}

html,body,.downloadSection ,.downloadSection > .container{
	height:100%;
}
#cas > .navbar {
    background: #C63717;
    padding: 0px 4%;
}
.snocNavbar{
	background: #C63717;
	 padding: 0px 4%;
}
.snoclogo {
    background-image: url("/resources/default/images/favicon.png");
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 144px;
    max-height: 60px;
    display: inline-block;
    width: 23px;
    height: 23px;
}
.iphone
{
	background: url("/resources/default/images/iphone.png") transparent no-repeat;
	background-size: contain;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-top: 4px;
}

.android
{
	background: url("/resources/default/images/android.png") transparent no-repeat;
	background-size: contain;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: 10px;
}

.iphone-download
{
	background: url("/resources/default/images/iphone.png") transparent no-repeat;
	background-size: contain;
	display: inline-block;
	width: 75px;
	height: 55px;
	margin-top: 4px;
}

.android-download
{
	background: url("/resources/default/images/android.png") transparent no-repeat;
	background-size: contain;
	display: inline-block;
	width: 75px;
	height: 55px;
	margin-top: 10px;
}

.downloadSection {
	padding-top: 5%;
	width: 100%;
}

.register-section {
    height: 100%;
    padding-top: 8%;
    text-align: center;
}

.contact-us-form-left {
    width: 100%;
    float: left;
    margin-right: 9px;
    margin-top: 10px;
}

.contact-us-form-right {
    width: 100%;
    float: left;
    margin-top: 10px;
}

#fm1 label{
	display : block;
    font-size: 14px;
}


#contact-us-form select {
    padding: 3px;
}

#resgister-form-container {
    /*width: 975px;*/
    margin: auto;
    padding: 10px 15px;
}

#resgister-form-container > .inner-container {
    color: #9B8780;
}

#download h2 {
	margin-top: 10%;
}

.download-links-container {
	display: block;
}

@media(max-width: 768px){
	.forgotPass{
	    padding-left: 28% !important;;
	}
	
	.snockeyfeatures {
	    width : 100% !important;
	}
	
	.freshonicons{
	    margin-top: 20px;
	}
	
	.download-links-container {
		display: inline-block !important;
	}
}

@media (max-width: 750px){
	.snockeyfeatures{
	    height: 140px !important;
   		margin-top: 20px;
	}
	.freshonicons{
	    height: 60% !important;
	}
	.herotitle2 {
       font-size: 3em;
       line-height: 40px;
     }
	.register-section {
	    padding-top: 25px;
	}
	.loginFormViewCls {
		width:100% !important;
	}
	.snocTextCss{
		font-size:10px;
	}
	.navbar-default .navbar-toggle{
		width:35px;
	}
	.copyRight{
		margin-top: -44px;
   	 	margin-right: -36px !important;
	}
	.enhancesyslogo{
		width: 194px !important;
  		margin-left: -10px !important;
	}
	.forgotPass{
		padding-left: 30% !important;
	}
	
	.download-links-container {
		display: inline-block !important;
	}
}

@media(max-width: 568px){
	.copyRight {
    	margin-top: -44px;
    	margin-right: -40px !important;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		margin-left: -26px;
	}
	.enhancesyslogo{
		width: 86px !important;
	}
	.download-links-container {
		display: inline-block !important;
	}
}	

@media (max-width: 320px){
	.snockeyfeatures {
	    height: 110px !important;
	    margin-left: 73px !important;
	 }
	 .freshonicons{
	    height: 350px !important;
	    margin-left: 73px !important;
	 }
	 
	 .download-links-container {
		display: inline-block !important;
		margin-top:-2%;
	}
	.downloadSection{
		overflow: 
	}
	#download h2 {
		margin-top: 0%;
	}
	
	@media (max-height: 480px){
		.download-links-container {
			margin-top:-10%;
		}
		
	}
	.iphone-download{
		height: 55px;
		margin-top: 0px !important;
	}
	.android-download{
		height: 55px;
	}
}

.downloadSection {
	height: calc(100% - 54.5px - 50px);
	position: fixed;
	overflow-y:auto;
	top:54.5px;
}
@media(min-width: 1024px){
	.snockeyfeatures{
	    height: 300px !important;
	}
	
	.freshonicons{
	    height: 480px !important;
	}
}


@media(min-width: 768px){
	.forgotPass{
		padding-left: 28% !important;;
	}
	
}
.collapseContent{
	display:block;	
	border: none;
}

.copyRight{
	float : right;
}	

.snocTextCss{
	top: -7px;
	position: relative; 
	color: #fff;
}

.snockeyfeatures{
	width:37%;
    border-radius: .5em;
    padding-right: 8px;
    background: url(/resources/default/images/banner_logo.png) transparent center no-repeat;
    background-size: contain;
    height: 254px;
}


.freshonicons{
	width: 67.666667%;
	height: 480px;
	border-radius: .5em;
	padding-right: 8px;
	/* padding-top: 15px; */
	background-size: contain;
}

.btnCls {
    background-color: #C63717 !important;
    border-color: #C63717;
    color: white;
    margin-right: 10px;
    border-radius: .5em;
    padding: 2px 12px;
}

#fm1 input[type="text"], .navbar .nav select,#fm1 select, #fm1 input[type="password"] {
    width: 100%;
    padding: 3px;
    border-radius: 0px;
    border: 1px solid;
    background:white;
}

.languageSelect {
	padding: 3px;
    border-radius: .5em;
    border: 1px solid;
}

.availTheme {
	padding: 3px;
    border-radius: .5em;
    border: 1px solid;
}

.navbar .nav select {
	width : 58% !important;
}

.loginFormCls {
	padding-top: 0px;
}

.enhancesyslogo {
	background: url("/resources/default/images/enhance-logo.png") transparent no-repeat;
    background-size: contain;
    display: inline-block;
    width: 200px;
    height: 30px;
    margin-left: 15px;
}

.footerbarcls {
    font-size: 12px;
}

.navbar-nav > li > a {
    color: #fff !important;
}

.loginFormViewCls {
	width: 32%;
    padding-bottom: 40px;
    text-align: left;
    float: right !important;
    border-radius: 0.5em;
    padding: 0px 24px;
}

.forgotPass{
    padding-left: 35%;
}
.forgotPassDiv{
	padding-top:5%;
}
.footercontent { min-height: 81px; position: absolute; background: #f9f9f9; margin-top: 75px; bottom: 0; left: 0; width: 100%; }
.login-content { background-color: #fff; padding-bottom: 270px; overflow: auto; }
.btn-def { color: #FFF!important; background-color: #d95121!important; border-color: #d95121 !important; }
.appname { font-family: BandaRegular, 'Trebuchet MS', sans-serif; font-size: 20px; color: white; }
.center, .align-center { text-align: center!important; }
.center [class*="col-"] div { position: relative; z-index: 2; padding-top: 4px; padding-bottom: 4px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.topspace { margin-top: 90px; }
.btn-def:hover, .btn-def:focus { background-color: #d95121!important; border-color: #f99c8a !important; border-top-color: rgb(249, 156, 138); border-right-color: rgb(249, 156, 138); border-bottom-color: rgb(249, 156, 138); border-left-color: rgb(249, 156, 138); outline: 0; outline-color: initial; outline-style: initial; outline-width: 0px; }
.wrongAlert { font-size: 14px; border-radius: 0; margin-bottom: 20px; border: 1px solid transparent; display: block; color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 10px;}
.successAlert { font-size: 14px; border-radius: 0; margin-bottom: 20px; border: 1px solid transparent; display: block; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding: 10px;}
.btn.btn-link { border: none!important; color: #08c!important; line-height: 20px!important; }
.btn-link:hover, .btn-link:focus { text-decoration: underline;}
#backToLoginForm a{color:white!important;}

#msg {
	padding : 16px;
}

#msg.errors {
	padding-left: 56px; 
}

.displayNone {
	display: none;
}

.displayBlock {
	display: block;
}

.errorCaptchaAlert{
	color: #a94442;
}

#inr_section {
  width: 100%;
  height: 100%;
  float: left;
  background-size: cover;
  opacity: 1;
}



#inr_section.hover {
    
    opacity:1;
    transition: opacity 1.5s ease-in;
    
    left: 0;
   background-image:url(images/leavs.jpg);
    
}


#inr_section.hover3 {
    opacity:1;
    transition: opacity 1.5s ease-in-out;
    left: 0;
     background-image: url(images/strawberry.jpg);    
}


.nametitle2 {
  height:  calc(100vh - 65px);
  line-height:  calc(100vh - 65px);
  text-align: center;
  cursor: default;

}
.herotitle2 {
    height: inline-block;
    vertical-align: middle;
    line-height: normal;
    color: #fff;
    font-family: alternate-gothic-no-2-d, sans-serif;
    text-transform: uppercase;
    text-shadow: 10px 9px 13px #0a0a0a;
    margin: 40px;
    letter-spacing: 8px;
    font-size: 80px;
    line-height: 120px;
}

.hero-sub-head {
	display: inline-block;
    font-family: futura-pt,sans-serif;
    text-transform: none;
    font-size: 38px;
    letter-spacing: 0.5px;
    line-height: 60px;
    font-weight:400;
    
}


.nametitle {
      font-size: 118px;
    text-align: center;
    vertical-align: middle;
    margin-top: 20%;
    color: #fff;
    font-family: "kepler-std-display",serif;
    font-weight: 500;
    letter-spacing: 3px;
}

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

   .herotitle2 {
    letter-spacing: 9px;
    font-size: 7em;
    line-height: 80px;
    
   }

}



@media all and  (max-width: 767px){
	 #inr_section {
           height: 280px;
           margin-top: 20px;
     }
	
   .herotitle2 {
	    letter-spacing: 9px;
	    font-size: 5em;
	    line-height: 55px; 
    } 
    .hero-sub-head {
        font-size: 25px;
        line-height: 55px;
        font-weight:400;
        
    }

}

@media all and  (max-width: 500px){
.herotitle2 {
letter-spacing: 4px;
    font-size: 3em;
    line-height: 35px;
}

 #inr_section {
  height: 230px;
   margin-top: 20px;
}
 .hero-sub-head {
        font-size: 20px;
        line-height: 40px;
       
        
    }
    
}


@media all and  (max-width: 400px){
.herotitle2 {
    letter-spacing: 3px;
    font-size: 3em;
    line-height: 30px;
}

 #inr_section {
  height: 230px;
   margin-top: 20px;
}
 .hero-sub-head {
        font-size: 15px;
        line-height: 30px;
       
        
    }
    
}


.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    /* width: 50%; */
    padding-left: 0;
    text-align: center;
    list-style: none;
}




.nametitle {
      font-size: 118px;
    text-align: center;
    vertical-align: middle;
    margin-top: 20%;
    color: #fff;
    font-family: "kepler-std-display",serif;
    font-weight: 500;
    letter-spacing: 3px;
}


@media all and (max-width:786px){
     .nametitle {
      font-size: 67px;
    text-align: center;
   
    margin-top: 50%;
    color: #fff;
    font-family: "kepler-std-display",serif;
    font-weight: 500;
    letter-spacing: 3px;
    }
}

.downloadDeliveryApp{
    padding-left: 50px !important;
}
.downloadDeliveryAppDiv{
	padding-top: 10%;
}