html, body{height:100%;}
body{font-size:20px; color:#797979;}
h1, h2{color:#2ecc66; }
h1{font-size:3em;}
a, a:focus, a:active, a:hover{outline: none;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/helveticaneue-thin.eot');
    src: url('fonts/helveticaneue-thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-thin.woff2') format('woff2'),
         url('fonts/helveticaneue-thin.woff') format('woff'),
         url('fonts/helveticaneue-thin.ttf') format('truetype'),
         url('fonts/helveticaneue-thin.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*######################################*/
/*PRELOADER ############################*/
/*######################################*/

#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
    width:100%;
    height:100%;
  background-color:#fff; 
    z-index:9999; /* makes sure it stays on top */
}

#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/* Loading animation: */

.spinner {
  margin: 10px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background: #2dcc66;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*#######################################*/

/*.header{position: absolute; width:100%; z-index: 1; margin-top:0px; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:1.25em;}*/
.header{position: fixed; width:100%; z-index: 1; margin-top:0px; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:1.25em; background: url(../images/main-screen-pattern.png) #2ecc66;}
.navbar{background: url(../images/main-screen-page-overlay.png) repeat-y center top; background-size:100%; margin-bottom:0; padding-top:0px; background-size:100%;}
.header.nobg{background:none;}
.header.nobg .navbar{background:none;}
/*.navbar{padding-top:20px;}*/
.navbar-default{background: none; border:none; color:#fff;}
.navbar-nav{margin-top:30px;}
.navbar a, .navbar-default a{color:#fff; }
/*.navbar-default .navbar-nav > li{}
.navbar-default .navbar-nav > li > a{color:#fff; padding:5px 20px; line-height: 1.5em;}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus{color:#fff; text-decoration: underline;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{background:#fff; color:#2ecc66; border-radius: 1em;}
.navbar-default .navbar-nav > .highlighted > a, 
.navbar-default .navbar-nav > .highlighted > a:hover, 
.navbar-default .navbar-nav > .highlighted > a:focus{background:#fff; color:#2ecc66; border-radius: 1em;}
*/
.navbar .navbar-nav > li{}
.navbar .navbar-nav > li > a{color:#fff; padding:5px 17px; line-height: 1.5em;}
.navbar .navbar-nav > li > a:hover, 
.navbar .navbar-nav > li > a:focus{color:#fff; text-decoration: underline;}
.navbar .navbar-nav > .active > a, 
.navbar .navbar-nav > .active > a:hover, 
.navbar .navbar-nav > .active > a:focus{background:#fff; color:#2ecc66; border-radius: 1em;}
.navbar .navbar-nav > .highlighted > a, 
.navbar .navbar-nav > .highlighted > a:hover, 
.navbar .navbar-nav > .highlighted > a:focus{background:#fff; color:#2ecc66; border-radius: 1em;}

.nav > li > a:hover, .nav > li > a:focus{background: none;}

.navbar-brand{height:auto;}
.navbar .navbar-toggle{border-color:#fff;}
.navbar .navbar-toggle .icon-bar{background-color:#fff;}

.home-screen .home-screen-content h2{
font-size: 1.9em;
  margin-bottom: 0.5em;
  margin-left: 4px;
  color:#fff;
  }


.home-screen{width:100%; height:auto; padding:0; background: url(../images/main-screen-pattern.png) #2ecc66; position: relative; z-index: 0; color:#fff; overflow: hidden;}
.home-screen .page-overlay{width:100%; /*height:100%; position:absolute; left: 0; top: 0;*/ background: url(../images/main-screen-page-overlay.png) repeat-y center top; background-size:cover;}
.home-screen .container{position: relative; height:auto;}
.home-screen .main-image{ /*bottom: 0; left:0px; height:80%;  margin-top: 13%;*/ padding-top:130px; margin-left:50px; float: left;}
.home-screen .main-image img{max-height: 100%; /*position: absolute; bottom: 0;*/}
.home-screen .home-screen-content{ /*right:0; top:32%;*/  margin-top: 12%; float: right; width:575px;}
.home-screen-content img{width:163px;height:auto;}
.home-screen .home-screen-content h1{font-size:3.5em;margin:0px; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: normal; color:#fff;}
.home-screen .home-screen-content p{font-size:1em;margin-top:0.6em; margin-bottom:1em;margin-left: 4px;}
.home-screen .home-screen-content a{font-size:1.5em; color:#2dcc66; background: #fff; display:inline-block; padding:.2em 1.2em; border-radius:1em; margin-right:0.6em; margin-bottom:.5em;}

section, .section{padding: 120px 0 70px; overflow: hidden;}
.about{}
.section h1{text-align: center; margin: 0 0 .5em;}
.section .page-description{font-size:1.2em; text-align: center; line-height: 1.15em;}
.section.about .page-description{text-align: left;}
.section .page-description p{margin-bottom:1em;}
.about .call-out-boxes{margin-top:50px; text-align: center;}
.about .call-out-boxes .box{margin-bottom:30px;}
.about .call-out-boxes h2{font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:1.3em; color:inherit;}

.feature-section{}
.feature-section1{background: #fafafa;}
.feature-section2{background: #f3f3f3;}
.feature-section h2{font-size:1.5em;}
.feature-section p{font-size:1.2em;}
.feature-section .content{}
.feature-section .content > div{margin-bottom:2.5em;}

.total-control{position: relative;}
.total-control h2{font-size:1.65em; color: inherit;}
.total-control .call-out-boxes{ padding:200px 0 0;}
.total-control .section-image{position: absolute; width: 350px; bottom: 0; left: 50%; margin-left:-175px;}
.total-control .section-image img{ width:100%;}
.total-control .call-out-boxes .left-panel{}
.total-control .call-out-boxes .left-panel > div,
.total-control .call-out-boxes .right-panel > div{margin-bottom:50px;}

.total-control .call-out-boxes p{font-size:1.2em;}

.contact{background: #292c35; color: #fff; /*-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-height: 100%;*/}
.contact h1{font-size:3em; color:#fff;}
.contact form{color:#797979;}
.contact .contact-form{margin: 50px 0 25px;}
.contact .contact-form label{display: none;}

.contact .contact-form form > div{width:650px; margin: 0 auto; position: relative;}
.contact .contact-form input[type='text'],
.contact .contact-form input[type='email'] {background: #fff; border: none; border-radius:20px; padding: 15px 140px 15px 25px; width:100%; height: 100px; font-size:1.2em; }
.contact .contact-form input[type='submit'],
.contact .contact-form input[type='button']{width:157px; height: 100px;padding-right:6px; text-align: center; background:#2ECC66; color: #fff; border:none; border-radius: 0 20px 20px 0; position: absolute; right:0; top: 0; font-size:1.2em; }

footer{background: #292c35; color: #fff; padding: 0 0 100px; font-weight: bold; font-size: 1.2em; text-align: center;}
footer a{color: #fff;}
footer span{ display: inline-block; padding: 0 10px;}
footer a:hover{color:#fff; text-decoration: underline;}


.alignleft{text-align: left;}
.alignright{text-align: right;}

.navbar-collapse{opacity:0;}
.home-screen .main-image{opacity: 0;}
.home-screen .home-screen-content h1{opacity: 0;margin: 54px 0px 15px;}
.home-screen .home-screen-content p{opacity: 0}
.home-screen .actions{opacity:0;}
h1{opacity: 0;}
.page-description{opacity: 0;}
.about .call-out-boxes .box{opacity: 0;}
.feature-section .feature-image{opacity: 0;}
.feature-section .content .feature1, .feature-section .content .feature2{opacity: 0;}
.total-control .call-out-boxes > div > div{opacity: 0;}
.total-control .section-image{opacity: 0;}
.contact-form{opacity: 0;}

.inner-main{float:left;}
.inner h3{margin-top:50px;float:left;font-size:2.3em;color: #2ecc66;margin-bottom: 0.5em;}
.inner h2{  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.3em;
  color: inherit;

}
.inner a{color:#34e573;
}
.inner p {color: #797979;margin-bottom:1em;}

.footer1{
  background: #34e573;
  color: #fff;
  padding: 50px 0 50px;
  font-weight: bold;
  font-size: 1.25em;
  text-align: center;
  }
.footer1 a

{
 color: #fff;
}
	.imge
{
  width:250px;
  background: url('../images/main-image.png');
 background-repeat: no-repeat;
  position: relative;
    height: 544px;
  
}

#fadeshow1
{
position:absolute;
  top: 54px;
  left: 12px;
background:#fff;
  }

 .mobile-pages section, .mobile-pages .section {padding:0;}

@media screen and (min-width:1401px){
  .home-screen{height:100%;}
  .home-screen .page-overlay{height:100%;}
  .home-screen .main-image{padding-top:230px;}
  .home-screen .home-screen-content{margin-top:230px;}
}

@media screen and (max-width:1400px){
  body{}
  .container{max-width:1000px;}
  .navbar-brand > img{height:70px;}
  .navbar-nav{font-size:.9em;}
  .home-screen .home-screen-content{max-width:600px;}
  h1{font-size:2.5em;}
  .section .page-description{font-size:1em;}
  .about .call-out-boxes .box{font-size: .85em;}
  .total-control .section-image{text-align:center;}
  .total-control .section-image img{width:90%;}
  .feature-section p{font-size:1em;}
  .total-control .call-out-boxes p{font-size:1em;}
  .contact h1{font-size:2em;}

  .contact .contact-form input[type="text"], 
  .contact .contact-form input[type="email"]{border-radius:15px; height:80px;}
  .contact .contact-form input[type="submit"], 
  .contact .contact-form input[type="button"]{height:80px; border-radius:0 15px 15px 0;}

  .inner h3{font-size:2em;}
  .inner-main{font-size:18px;}

}

@media screen and (min-width:1200px) and (max-width:1399px){
  
  /*.home-screen .main-image{position: absolute; bottom: 8%; left: 0px; height:70%;}*/
}
@media screen and (max-width:1199px){
  .home-screen .home-screen-content{width:430px; font-size: .80em;}
  .total-control .call-out-boxes{padding-top:150px;}
  .total-control .section-image{width:300px; margin-left:-150px;}
  .home-screen .home-screen-content {
  margin-top: 20%;
  float: right;
  width: 530px;
}
}

@media screen and (max-width:991px){
  .navbar-brand > img{width:180px;}
  .home-screen .home-screen-content{margin-top:130px;}
  .home-screen .main-image{width:100%; text-align: center; margin:0; height: auto; /*left:0;top:42%;*/}
  .home-screen .main-image img{ }
  .home-screen .home-screen-content{position:static; width:100%; text-align:center; margin: 150px auto 0;}
  .feature-section{font-size:.85em;}
  .feature-section .feature-image img{width:100%;}
  .total-control .call-out-boxes{padding-top:50px;}
  .total-control .call-out-boxes .alignright, .total-control .call-out-boxes .alignleft{text-align: left;}
  .total-control .section-image{display: none;}

}
@media screen and (max-width:991px) and (min-width:768px){
  .header{font-size: .9em;}
  .navbar-collapse{padding-right:0;}

  .container-fluid > .navbar-collapse, 
  .container-fluid > .navbar-header, 
  .container > .navbar-collapse, 
  .container > .navbar-header{margin-right:-15px;}

.home-screen .main-image {
   float:left;
   padding-top:1px
}

	.imge
{
  width:250px;
  background: url('../images/main-image.png');
 background-repeat: no-repeat;
  position: relative;
    height: 544px;
  margin:0 auto;

}

}

@media screen and (max-width:767px){
  body{font-size:15px;}
  .header{margin-top:0;}
  
  .navbar-toggle{margin-top:27px;}
  .navbar-collapse{background: url(../images/main-screen-pattern.png) repeat #2ecc66; box-shadow: 0 3px 5px rgba(0,0,0,.3);}
  .navbar-collapse.pull-right{float:none !important;}
  .navbar-nav{margin:0; padding: 17px 0; background: url(../images/main-screen-page-overlay.png) repeat-y center top; margin-left:-15px; margin-right: -15px;}

  .feature-section .content, .feature-section .feature-image{text-align: center;}
  .home-screen .main-image img{}
  .feature-section .feature-image img{width:auto; max-width: 100%;}
  .feature-section .feature-image.pull-right{float:none !important;}
  .total-control .call-out-boxes .alignright, .total-control .call-out-boxes .alignleft{text-align: center;}
  
  .home-screen .home-screen-content{position:static; width:100%; text-align:center; margin: 120px auto 0;}
   .contact .contact-form form > div{width:100%;}
.home-screen .main-image {
  padding-top: 3px;
  float:left;}
	.imge{
  width:250px;
  background: url('../images/main-image.png');
 background-repeat: no-repeat;
  position: relative;
    height: 544px;
  margin:0 auto;
  }
  .inner h3{}
  .inner-main{font-size:16px;}
}
@media screen and (min-width:992px) and (max-height:650px){
  .home-screen .main-image{float: left;}
}
@media screen and (max-width:991px) and (orientation:landscape){
  .home-screen{min-height: 100%; height: auto;}
  .home-screen .page-overlay, .home-screen .container{height: auto;}
  .home-screen .home-screen-content{float: none; margin-bottom: 30px; font-size: .85em;}
  .home-screen .main-image{position: static; margin:0;}
  .home-screen .main-image img{}
   .home-screen .main-image {  padding-top: 1px;
 
}
}
@media screen and (max-width:599px){
  .home-screen .home-screen-content{margin-top:50px;}
  .contact .contact-form{margin: 40px 0 0;}
  .contact .contact-form input[type='text'],
  .contact .contact-form input[type='email'] { border-radius:10px; padding: 15px 100px 15px 25px; width:100%; height: 70px; font-size:1.2em; }
  .contact .contact-form input[type='submit'],
  .contact .contact-form input[type='button']{width:100px; height: 70px; font-size:1.2em; border-radius:0 10px 10px 0;}
  .home-screen .main-image {float:left;}
  /*left: 0;
  top: 34%;*/
  .inner h3{font-size:1.5em;}
  .inner-main{font-size:14px;}
}


	.imge{
  width:250px;
  background: url('../images/main-image.png');
 background-repeat: no-repeat;
  position: relative;
    height: 544px;
  margin:0 auto;

    
  }

  
}
@media screen and (max-width:479px){
  .home-screen{ height: auto;}
  
  
  .home-screen .page-overlay, .home-screen .container{height: auto;}
  .home-screen .home-screen-content{float: none; margin-bottom: 30px; font-size: .7em;}
  .home-screen .main-image{position: static; margin:0;}
  .home-screen .main-image img{}
  section, .section{padding:50px 0 30px;}
  .section h1{font-size: 2.5em;}
  .section .page-description{font-size:1.25em;}
  .inner h3{padding-top:50px;}
  
  .contact .contact-form{margin: 50px 0 20px;}
  footer{padding-bottom:50px;}
  .contact .contact-form input[type='text'],
  .contact .contact-form input[type='email'] { font-size:1em; }
  .contact .contact-form input[type='submit'],
  .contact .contact-form input[type='button']{}
  
}

@media screen and (max-width:319px){
  .navbar-brand > img{width:120px; height: auto;}
  .navbar .navbar-toggle{margin-top:15px;}
	.imge
{
  width:250px;
  background: url('../images/main-image.png');
 background-repeat: no-repeat;
  position: relative;
    height: 544px;
  margin:0 auto;
  

}
  

}