/* Template: FlatBook | Author: eriktailor | Version: 1.0.1 */
/*----------------------------------------------------------*/

/*--------------------------------------------------------*/
/* # TABLE OF CONTENTS */
/*--------------------------------------------------------*/



/*
   # Import Color Skin
   # General & Typography
   # Header & Navigation
   # Slider
   # Features
   # Includes
   # Videos
   # Samples
   # Cta Bar
   # Overview
   # Testimonials
   # Offers
   # About
   # Footer
   # Media Queries
*/

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/*--------------------------------------------------------*/
/* # IMPORT COLOR SKIN */
/*--------------------------------------------------------*/
@import url('colors/lime.css');

/*--------------------------------------------------------*/
/* # GENERAL & TYPOGRAPHY */
/*--------------------------------------------------------*/
body {background: #fff; font-family: 'helveticaLight', sans-serif; font-size: 16px; color: #999898; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
 
h1, h2, h3, h4, h5, h6 {font-family: 'helveticaBold', serif; font-weight: normal;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 {font-size: 46px; line-height: 50px; margin-bottom: 14px;}

h2 {font-size: 20px; line-height: 40px;}
	
h3 {font-size: 28px; line-height: 34px; margin-bottom: 8px;}
	
h4 {font-size: 21px; line-height: 30px; margin-bottom: 4px;}
	
h5 {font-size: 17px; line-height: 24px;}
	
h6 {font-size: 14px; line-height: 21px;}

p {margin: 0 0 20px 0; font-family: 'helveticaLight', sans-serif; font-weight: normal; line-height: 25px;}

em {font-style: italic;}
	
strong {font-weight: bold; color: #333;}
	
small {font-size: 80%;}

a, a:visited {text-decoration: none; outline: 0;}

a:hover {text-decoration: underline;}

p a, p a:visited {line-height: inherit;}
	
#wrapper {width: 100%; overflow: hidden; position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
		  -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: 0;}
	
#wrapper.pushed {top: 96px;}

#back-top {width: 40px; height: 40px; line-height: 32px; text-align: center; background: rgba(0,0,0,0.4); color: rgba(255,255,255,0.7); font-size: 23px; position: fixed; right: 20px; bottom: 20px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 99999;}

#back-top:hover {color: #fff;}

#back-top.downscaled {-webkit-transform: scale(0.0); -moz-transform: scale(0.0); -ms-transform: scale(0.0); -o-transform: scale(0.0); transform: scale(0.0);}

.no-js #wrapper {top: 96px;}

.btn {-webkit-border-radius: 3px; border-radius: 3px; font-family: 'helveticaBold',serif; font-size: 19px; padding: 10px 20px 13px; cursor: pointer; color: #fff;}

.btn:hover {-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; 
			-ms-transition: background-color 0.3s; transition: background-color 0.3s; color: #fff; text-decoration: none;}
			
.btn.grey {background: #ececec;}
	
.btn.grey:hover {background: #fbfbfb;}	

.btn.dark {background: rgba(73,76,75,0.25); color: #fff;}

.btn.dark:hover {background: rgba(73,76,75,0.35);}

.section-title {font-size: 33px; font-weight: normal; border-bottom: 0px solid #f1eaea; padding: 80px 0 0px; text-align: center;}

.section-title4 {font-size: 26px; font-weight: normal; border-bottom: 0px solid #f1eaea; padding: 80px 0 0px; text-align: center;}

.section-title.dark {border-bottom: 0px solid #e1dfdf;}

.section-title-bullet {width: 48px; height: 0px; display: table; margin: -17px auto 75px;}

.intro-text {width: 80%; margin: 0 auto 210px; text-align: center;}

.intro-text2 {width: 80%; margin: 0 auto 20px; text-align: center;}

.intro-text3 {width: 80%; margin: 0 auto 80px; text-align: center;}

.clear.bottom {padding-bottom: 50px;}

.clear { clear: both; display: block;  padding-top: -500px;}


#tvc {position: absolute; margin-top: 250px;}
#service {position: absolute; margin-top: 170px;}
#payment {position: absolute; margin-top: 150px;}
#faq {position: absolute; margin-top: 150px;}

/* --------------------------------------------------------------------------------------
+
+ SPECIAL CLASS 642*544
+
-------------------------------------------------------------------------------------- */



#classA {width: 100%; min-height:auto;  background: #ffffff top center no-repeat ; position: relative; z-index:999; margin-top: -50px; }
#classS {width: 100%; min-height:auto;  background: top center no-repeat ; position: relative; z-index:999; margin-top: -16px; }
#classB {width: 100%; min-height:auto;  background:  #ffffff top center no-repeat ; position: relative;  }
#classC {width: 100%; min-height:auto;  background:  #ffffff top center no-repeat ; position: relative;  }
#classD {width: 100%; min-height:auto;  background:  #ffffff top center no-repeat ; position: relative;  }
#classE {width: 100%; min-height:auto;  background:  #ffffff top center no-repeat ; position: relative;  }
#classF {width: 100%; min-height:auto;  background:  #ffffff top center no-repeat ; position: relative;  }
#classG {width: 100%; min-height:auto;  background:   top center no-repeat ; position: relative; z-index:999;  }

.classBG {width:100%; /*max-width: 1216px;*/ margin:  0 auto 0 auto; position: relative; display: block; z-index: 1; }
.popupsec {position:absolute; z-index: 100; right:3%; top:10%; width: 50%; max-width: 643px;}
.popupsecbox {position:absolute; z-index: 100; right:1%; top:0; width: 50%; max-width: 643px;}


.personAnimate{
          position:fixed;
        background:url('../images/person.png') ;
        width:120px;
        height:160px;
        top:40%;
        left:20%;
        z-index:99;
      }


/* --------------------------------------------------------------------------------------
+
+ END SPECIAL
+
-------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------
+
+ HEADER
+
-------------------------------------------------------------------------------------- */
header {
 
  height: 100px;
  position: fixed;
  width: 100%;
  display: block;
  z-index: -1;
  background: url('../img/bg-nav.png') repeat-x ;

}
header.black_bgr {
  background: #fff;
}
header .container {
  height: 100%;
  position: relative;
}
header .logo {
  width: 155px;
  height: 54px;
  position: absolute;
  top: 10px;
  /*left:50%;*/
  margin-left: 0px;
  -webkit-transition: all 1.5s ease-in-out 0.7s;
  -moz-transition: all 1.5s ease-in-out 0.7s;
  -ms-transition: all 1.5s ease-in-out 0.7s;
  -o-transition: all 1.5s ease-in-out 0.7s;
  transition: all 1.5s ease-in-out 0.7s;
  background: url('../img/ais_logo.png') no-repeat 0 50%;
}
header .logo:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
body.active header .logo {
  left: 30px;
  margin-left: 0;
}

header nav {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  display: block\9;
  
  width: 100%;
}
header nav ul {
  font-size: 0;
  float: left;
  height: 100%;
}
header nav ul li {
  display: inline-block;

  font-size: 16px;
  height: 76px;
  line-height: 76px;
}
header nav ul li + li {
  margin-left: 55px;
}
header nav a {
  outline-color: #000;
  font-family: "helveticaBold", sans-serif;
  display: block;
  color: #000;
}
header nav a:hover {
  color: #000;
  text-decoration: none;
}

.hiddenLink {
  width: 150px;
  height: 50px;
  /*background: #b3cb2d;*/
  position: absolute;
  z-index: 9999;
}

.hiddenLinkm {
  width: 200px;
  height: 70px;
  /*background: #b3cb2d;*/
  position: absolute;
  z-index: 9999;
}

/*--------------------------------------------------------*/
/* # SLIDER */
/*--------------------------------------------------------*/		
		
#slider {width: 100%; height: 555px;  background: #b3cb2d no-repeat fixed; 
		 -webkit-background-size: cover; background-size: cover; position: relative;}

#slider .cycle-slideshow {float: left; width: 100%;}

.slide {width: 100%;}

.slider-next, .slider-prev {width: 21px; height: 78px; display: table; position: absolute; top: 44%; opacity: 0.7; cursor: pointer; z-index: 100;}

.slider-next:hover, .slider-prev:hover {opacity: 1;}

.slider-next {background: url('../img/slider/next.png') no-repeat; right: 5%;}

.slider-prev {background: url('../img/slider/prev.png') no-repeat; left: 5%;}

.slide .contents {float: right; width: 35%; text-align: left; margin-top: 50px;}

.slide .buttons .btn:last-child {margin-right: 0;}

.slide .btn {margin-right: 10px;}

.slide h1 {font-size: 56px;  padding: 10px 20px; margin: 10px 0; color: #fff; display: table; width: auto; line-height: 40px;}

.slide h2 {font-size: 34px;  padding: 10px 20px; margin: 10px 0; color: #fff; display: table; width: auto; line-height: 40px;}

.slide h1 {margin-top: 200px;}

.slide p {color: #fff; font-size: 14px; line-height: 25px; width: 460px; margin: 20px 0 40px;}

.slide .model {float: right; width: 50%; margin-top: 161px;}

.slide .model img {float: left; }

.slide h2, .slide h1 {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; animation-delay: 0.3s;}

.no-js .slide.second, .no-js .slide.third, .no-js .slider-next, .no-js .slider-prev {display: none;}
		
/*--------------------------------------------------------*/
/* # FEATURES */
/*--------------------------------------------------------*/		
#features {width: 100%; height: 170px; background: #ececec;}

.feature h2 {font-size: 55px; font-weight: bold; border-bottom: 1px solid #e0dbdb; padding-bottom: 12px; display: table; margin: 58px auto 0;}

.feature span {text-align: center; display: block; margin-top: 10px;}

.mupsize img { visibility: visible; position: relative; width: 40%;  }
.mupsize2 img { visibility: visible; position: relative; width: 80%;  }

.mupA1 { margin:-50px auto 0 29%; }
.mupA2 { margin:0 auto 0 auto; }

.containerA {
visibility:visible;
height: 100%;
  position: relative;

}

.containerB {
visibility:hidden;
height: 0px;
  position: relative;
  overflow: hidden;

}

.resItem {
visibility:visible;

}



.mover {visibility: hidden; position: absolute;}
		
/*--------------------------------------------------------*/
/* # INCLUDES */
/*--------------------------------------------------------*/		
#includes {width: 100%; height:  auto; background: url('../img/bg-2.png') #b1c82b top center repeat-x ;}

#includes h1 img {vertical-align: middle;}

.include-box {width: 100%; margin-bottom: 35px;}

.include-box i {background: url('../img/quote_bg.png') no-repeat; width:63px; height: 76px; margin: 20px 17px 0 60px;
				display: table; color: #c9cccb; font-size: 25px; text-align: center; line-height: 65px; float: left;}

.include-box h2 {font-size: 20px; float: left;}		

.include-box p {float: left; width: 68%;}

.js .include-box {opacity: 0;}		


#logoais3g-inner{ position:absolute; right:10%;}


#logoais3g {
  clear: none;
  float: left;
  margin-left: 2.6785%;
  width: 79.4642%;
  display: block;
  text-align:right;
  z-index: 99990;
}
		
/*--------------------------------------------------------*/
/* # VIDEOS */
/*--------------------------------------------------------*/		
#videos {width: 100%; height: auto; background: url('../img/bg-1.png') #fff top center repeat-x ; }

.video-review {width: 640px; min-height: 400px !important; height: auto;  margin: -20px auto; display: table;}

.serenade-card { max-width: 1200px; width: auto;  height: auto;;
}

.video-review  h2 {margin-top: 20px;}	
		
.vjs-default-skin .vjs-big-play-button {background-color: rgba(0,0,0,0.5); border: 3px solid #fff; -webkit-border-radius: 50%; border-radius: 50%;
  box-shadow: none; height: 90px; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, transform 0.4s ease 0s; width: 90px; color: #fff;}		

.vjs-default-skin .vjs-big-play-button:before {text-shadow: none; line-height: 90px; font-size: 40px; margin-left: 5px;}

.vjs-big-play-button {left: 35% !important; top: 30% !important;}
		
/*--------------------------------------------------------*/
/* # SAMPLES */
/*--------------------------------------------------------*/						
#samples {width: 100%; background: url('../img/bg-3.png') #ffffff top center repeat-x ; position: relative; padding-top: 50px;}
#samples p {font-size: 16px;}


.tablet-mockup-bg {width: 100%;  background-repeat: no-repeat; background-attachment: fixed; height: 417px; 
				 -webkit-background-size: cover; background-size: cover; }
				
@media screen and (-webkit-min-device-pixel-ratio:0) {.tablet-mockup-bg {background-attachment: scroll;}}
				
.tablet-mockup {  no-repeat; width: 305px; height: 553px; margin-top: -131px;  z-index: 888;}

.js .tablet-mockup {opacity: 0; }

.selector {position: absolute; z-index: 1;}

.selector h1 {color: #fff; font-size: 34px; margin: 100px 0 31px;}

.selector ul {margin-left: -30px;}

.selector li {color: #fff; line-height: 47px; border-top: 1px dashed #614E48; cursor: pointer;}

.selector li:last-child {border-bottom: 1px dashed #614E48;}

.selector li h3 {font-size: 14px; font-weight: bold; display: inline; color: #614E48;}

.selector li.active {}

.selector li.active .active-bg {height: 47px; background: #b8cb23; position: absolute; width: 336px;  right: -20px; z-index: -1;}

.no-js .selector li.active .active-bg {width: 344px;}

.showcase {width: 305px !important; height: 553px !important; padding: 0px; margin: 0 0 0 150px; 
		   position: absolute; z-index: 999; }

.showcase.text h4 {color: #615e5e; font-size: 24px; margin-bottom: 22px;}

.showcase.text p {color: #9b9a9a; font-size: 12px; text-align: justify;}

.showcase.text img {margin-bottom: 20px; width: 100%;}

.no-js .showcase {margin-top: 71px;}

.no-js .showcase.text {display: none;}

.no-js .showcase.text:first-child {display: block;}

.slimScrollDiv {width: 498px !important; top: 71px;}

.slimScrollBar {height: 50px !important; opacity: 1 !important; border-radius: 0 !important; cursor: pointer;}

.slimScrollRail {width: 2px !important; right: 2px !important;}
			
/*--------------------------------------------------------*/
/* # CTA BAR */
/*--------------------------------------------------------*/		
#cta-bar {width: 100%; height: auto; background: #3a3e3d;}	

.call-to-action h1 {color: #fff; font-size: 24px; text-align: center; width: 85%; margin: 35px auto 10px; line-height: 32px;}

.call-to-action p {text-align: center;}

.call-to-action .btn {margin: 10px auto 60px; display: table;}

/*--------------------------------------------------------*/
/* # OVERVIEW */
/*--------------------------------------------------------*/
#overview {width: 100%; height: auto; background: #f0f0f0;}

.app-ov {height: 230px;}

.app-ov img {float: left;}

.app-ov h2, .app-ov p {float: left;}

.app-ov p {width: 45%;}

.js .app-ov img {opacity: 0;}

.app-ov-image-01 {-webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s;}

.app-ov-image-02 {margin-top: -6px; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; 
			      -o-animation-delay: 0.5s; animation-delay: 0.5s;}

.app-ov-image-03 {margin-top: -6px; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s;}

.chapter-ov {margin-bottom: 20px !important;}

.chapter-ov p {font-size: 13px;}

.chapter-ov img {width: 100%;}

.loadmore {margin: 0 auto; display: table; clear: both;}

.no-js .btn.loadmore {display: none;}

.chapter-ov-image-01 {-webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s;}

.chapter-ov-image-02 {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}

.chapter-ov-image-03 {-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;}

.chapter-ov-image-04 {-webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;}

.js .chapter-ov-image-01, .js .chapter-ov-image-02, .js .chapter-ov-image-03, .js .chapter-ov-image-04 {opacity: 0;}

/*--------------------------------------------------------*/
/* # TESTIMONIALS */
/*--------------------------------------------------------*/
#testimonials {width: 100%; height: auto; background: #fff;}

.testimonial {margin-bottom: 20px;}

.js .testimonial {opacity: 0;}

.testimonial.left img {float: left; margin-right: 35px;}

.testimonial.left h2 {float: left;}

.testimonial.left p {float: left; width: 80%;}

.testimonial.right img {float: right; margin-left: 35px;}

.testimonial.right h2 {float: right; text-align: right;}

.testimonial.right p {float: right; width: 80%; text-align: right;}

/*--------------------------------------------------------*/
/* # OFFERS */
/*--------------------------------------------------------*/
#offers {width: 100%; height: auto; background: url('../img/overlay_bg.png') no-repeat fixed #f6f6f6; -webkit-background-size: cover; background-size: cover;}

.price-table {background: #fff; margin-bottom: 40px; border-bottom: 2px solid #d4d4d4; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);box-shadow: 0 0 7px rgba(0,0,0,0.1);}

.js .price-table {opacity: 0;}

.price-table h2 {color: #656363; font-size: 24px; text-align: center; line-height: 72px;}

.price-table h3 {color: #fff; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 70px; line-height: 132px;}

.price-table ul {padding: 30px;}

.price-table li {line-height: 42px; border-top: 1px dashed #e2e2e2; text-align: center;}

.price-table li:last-child {border-bottom: 1px dashed #e2e2e2;}

.price-table .btn {margin: 0 auto 20px; display: table;}

.price-table.large {margin-top: -30px; background: #fef9ee;}

.price-table.large h2 {line-height: 84px;}

.price-table.large h3 {line-height: 150px;}

.price-table.large li {line-height: 52px;}

/*--------------------------------------------------------*/
/* # ABOUT */
/*--------------------------------------------------------*/
#about { border-bottom: 0px solid #f3f3f3; padding: 0;}

#about p {font-size: 16px; text-align: left; line-height: 25px; margin-top: 10px;}
#about h2 {font-size: 18px;  text-align: left; margin-top: 100px; line-height: 25px; }

/*--------------------------------------------------------*/
/* # FOOTER */
/*--------------------------------------------------------*/
#footer {width: 100%; height: 400px; background: #fff url('../img/bg_footer.png') no-repeat bottom; position: relative; z-index:999; }

.footer-bar {position: relative;}

.contact-bar {width: 100%; height: 125px;}

.contact-bar h2 {color: #fff; font-size: 24px; line-height: 125px; float: left;}

.contact-bar .btn {float: left; margin: 42px 0 0 38px;}

.no-js .contact-bar .btn {display: none;}

.contact-info {display: table; margin: 0 auto;}

.contact-form {width: 100%; background: #FEF9EE; height: auto;}

.textfield, .textarea {width: 400px; padding: 12px; border-radius: 0; border: 1px solid #ccc; display: block; margin: 10px auto; font-family: 'Open Sans', sans-serif;
					   font-size: 13px; color: #000; font-weight: normal;} 

.textarea {overflow-y: auto;}

.textfield::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {color: #A1A1A1; font-family: 'Open Sans', sans-serif; font-size: 13px;}

.textfield:-moz-placeholder, .textarea:-moz-placeholder {color: #A1A1A1; font-family: 'Open Sans', sans-serif; font-size: 13px;}

.textfield::-moz-placeholder, .textarea::-moz-placeholder {color: #A1A1A1; font-family: 'Open Sans', sans-serif; font-size: 13px;}

.textfield:-ms-input-placeholder, .textarea:-ms-input-placeholder { color: #A1A1A1; font-family: 'Open Sans', sans-serif; font-size: 13px;}

.placeholder {color: #A1A1A1; font-family: 'Open Sans', sans-serif; font-size: 13px;}

.textfield:focus, .textarea:focus {outline: 0;}

.contact-form input[type="submit"] {border: 0; outline: none; margin: 0 auto 30px; display: block; width: 173px; cursor: pointer;}

.contact-form form {margin-top: 30px;}

#success {text-align: center; margin: 20px 0; display: none;}

.footer-bar {  padding: 280px 0 20px;}

.footer-bar h2 {color: #fff; font-size: 15px;}

.social-icons {float: right; margin-top: 58px;}

.social-icons li {float: left; margin: 0 4px;}

.social-icons i {font-size: 33px;}

.social-icons a:hover {text-decoration: none;}

.social-icons i:hover {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;}





/* #Media Queries
================================================== */

/* Standard 960 to 1200px (devices and browsers) */
 @media only screen and (max-width: 1199px) {

.slider-next {right: 1%;}

.slider-prev {left: 1%;}

#slider, .tablet-mockup-bg, #offers {background-attachment: scroll;}

}

/* Smaller than standard 960 (devices and browsers) */
 @media only screen and (max-width: 959px) {

.tablet-mockup-bg{margin-top: 0 !important;} 

.intro-text{margin: 0 auto 80px;}



}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.menu li {padding: 0 3px;}

.include-box p {width: 59%;}

.include-box i {margin-left: 40px;}

.tablet-mockup {background-size: 100%; margin-top: -24px; height: 441px; width: 100%;}

.tablet-mockup-bg {margin-top: 100px;}

.showcase {width: 250px !important; height: 300px !important;}

.slimScrollDiv {width: 395px !important;}

.selector li.active .active-bg {width: 323px;}

.selector li {font-size: 12px;}

.testimonial.left p, .testimonial.right p {width: 77%;}

.price-table li {font-size: 13px;}

.price-table ul {padding: 30px 20px;}

.profile-image {width: 100%; margin-right: 0px;}

.slide h1, .slide h2 {font-size: 24px; padding: 5px 15px;}

.model img {max-width: 100%;}

.slide p {width: 86%;}

.slide .model {margin-top: 228px;}

.js .app-ov img {width: 54%;   }



}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

#slider {height: auto;}

.slide .contents {float: none; display: block; width: 100%;}

.slide h1 {margin-top: 27px;}

.slide h2, .slide h1 {font-size: 24px; text-align: center; margin-left: auto; margin-right: auto;}

.slide .buttons {display: table; margin: 0 auto; height: 70px;}

.slide .model {float: none; display: table; margin: 60px auto 0; width: 70%; }

.slide .model img {width: 100%; float: none; margin: 60px auto 0; display: table;}

.slide p {width: 100%; text-align: center;}

.menu {padding: 25px 0;}

.menu li {margin: 15px 0; padding: 0 9px;}

.menu li:last-child {margin-bottom: 0;}

#features {height: auto; padding-bottom: 60px;}

.feature {width: 50% !important;}

.include-box {margin: 0 0 25px 30px !important; width: 95% !important;}

.include-box i {margin-left: 0;}

.include-box p {width: 70%;}

.video-review {margin-bottom: 50px; width: 360px; height: 200px; }

.video-review h2, .video-review p {text-align: center;}

.video-js {margin-left: 10px;}

.intro-text {width: 100%;}

.tablet-mockup-bg {height: auto; margin-top: 30px;}

.tablet-mockup {margin-top: 200px; height: 276px;}

.showcase {margin-left: 49px; width: 100% !important; height: 262px !important;}

.slimScrollDiv {width: 362px !important; height: 332px !important;}

.selector {top: -140px; width: 450px; text-align: center; margin-left: 15px;}



.selector li.active .active-bg { width: 900%; margin-left: -30px;}

.app-ov {height: auto; text-align: center; margin-bottom: 80px !important;}

.app-ov.nomargin {margin-bottom: 0px !important;}

.app-ov h2, .app-ov p {float: none; width: 100%;}

.app-ov img {float: none; width: 100%;}

.chapter-ov {text-align: center;}

.call-to-action h1 {font-size: 19px; width: 100%;}

.testimonial.left p, .testimonial.right p {width: 100%; margin-bottom: 70px; text-align: center;}

.testimonial.left h2, .testimonial.right h2 {float: none; text-align: center;}

.testimonial.left img, .testimonial.right img {float: none; display: table; margin: 0 auto 10px;}

.price-table.large {margin-top: 0;}

.price-table {margin-bottom: 30px !important;}

.profile-image {float: none; margin: 0 auto 0px; display: table;}

.profile-info {text-align: center;}

.contact-bar {height: auto;}

.contact-bar h2 {font-size: 19px; text-align: center; float: none; width: 100%; line-height: 30px; margin: 48px 0;}

.contact-bar .btn {display: table; margin: -27px auto 40px; float: none;}

.footer-bar h2, .footer-bar p {text-align: center;}

.footer-bar {  padding: 140px 0 20px;}

.social-icons {float: none; display: table; margin: 0 auto;}

#boxover {visibility:hidden;}

#includes {width: 100%; height: auto; background: url('../img/bg-2.png') #b1c82b top center repeat-x ;}


.mupsize img { visibility: visible; width: 100%; position:  relative; }
.mupsize2 img { visibility: visible; width: 100%; position:  relative; left: -10%; }
.mupA1 { margin:-180px auto 0 auto; }
.mupA2 { margin:0 auto 0 auto; }
.mover {visibility: visible; position: relative;}
.containerA {
visibility:hidden;
overflow: hidden;
height: 0px;


}

header {
 
visibility:hidden;
overflow: hidden;
height: 0px;

}

.containerB {
visibility:visible;
text-align: center;
height: 100%;


}

.resItem {
visibility:hidden;
overflow: hidden;
height: 0px;


}

#about p {font-size: 18px; text-align: center; line-height: 25px; margin-top: 10px;}
#about h2 {font-size: 24px;  text-align: center; margin-top: -30px; line-height: 25px; }



}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/*xxxxxx@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px){

.menu li {padding: 0;}

.slide h1 {font-size: 40px; text-align: center; margin-top: -20px;}

.slide h2{font-size: 30px; margin-top: -20px; text-align: center;}

.section-title {font-size: 25px;}

.include-box {margin: 0 0 25px 17px !important; width: 100%;}

.video-review {width: 100%;}

.video-review:last-child {margin-bottom: 20px;}

.video-js {width: 280px !important; height: 185px !important;}

.vjs-big-play-button {left: 33% !important; top: 26% !important;}

.selector {width: 300px;}

.showcase {margin-left: 42px; width: 208px !important; height: 239px !important;}

.slimScrollDiv {top: 37px; width: 315px !important; height: 309px !important;}

.tablet-mockup {width: 120%; margin-left: 0px; height: 276px;}

.call-to-action h1 {font-size: 16px;}

.textfield, .textarea {width: 272px;}

.footer-bar h2 {font-size: 16px;}

#centermob {text-align: center; font-size: 10px; margin-top: -100px;}
#centermob2 {text-align: center; font-size: 10px; margin-top: 0px;}

#about p {font-size: 16px; text-align: center; line-height: 35px; margin-top: 0px;}
#about h2 {font-size: 25px;  text-align: center; margin-top: -30px; line-height: 50px; }



.section-title4 {font-size: 20px;}

#footer {width: 100%;  height: 280px; margin-top: 20px; background: #fff url('../img/bg_footer.png') no-repeat bottom; z-index:999; }
.footer-bar h2 {font-size: 10px; line-height: 15px; margin-top: 20px; z-index:10000; }

#tvc {position: absolute; margin-top: 150px;}

} 

@font-face {
    font-family: 'helveticaLight';
    src: url('../font/helveticaLight.eot');
    src: url('../font/helveticaLight.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaLight.woff') format('woff'),
         url('../font/helveticaLight.ttf') format('truetype'),
         url('../font/helveticaLight.svg#helveticaLight') format('svg');
  font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'helveticaLightItalic';
    src: url('../font/helveticaLightItalic.eot');
    src: url('../font/helveticaLightItalic.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaLightItalic.woff') format('woff'),
         url('../font/helveticaLightItalic.ttf') format('truetype'),
         url('../font/helveticaLightItalic.svg#helveticaLightItalic') format('svg');
  font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'helveticaRegular';
    src: url('../font/helveticaRegular.eot');
    src: url('../font/helveticaRegular.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaRegular.woff') format('woff'),
         url('../font/helveticaRegular.ttf') format('truetype'),
         url('../font/helveticaRegular.svg#helveticaRegular') format('svg');
  font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'helveticaItalic';
    src: url('../font/helveticaItalic.eot');
    src: url('../font/helveticaItalic.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaItalic.woff') format('woff'),
         url('../font/helveticaItalic.ttf') format('truetype'),
         url('../font/helveticaItalic.svg#helveticaItalic') format('svg');
  font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'helveticaBold';
    src: url('../font/helveticaBold.eot');
    src: url('../font/helveticaBold.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaBold.woff') format('woff'),
         url('../font/helveticaBold.ttf') format('truetype'),
         url('../font/helveticaBold.svg#helveticaBold') format('svg');
  font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'helveticaBoldItalic';
    src: url('../font/helveticaBoldItalic.eot');
    src: url('../font/helveticaBoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaBoldItalic.woff') format('woff'),
         url('../font/helveticaBoldItalic.ttf') format('truetype'),
         url('../font/helveticaBoldItalic.svg#helveticaBoldItalic') format('svg');
  font-weight: normal;font-style: normal;
}

/* text style------------------------------------*/
.italic{font-family: 'helveticaItalic';}
.bold{font-family: 'helveticaBold';}
.boldItalic{font-family: 'helveticaBoldItalic';}
.light{font-family: 'helveticaLight';}
.lightItalic{font-family: 'helveticaLightItalic';}

.white{color:#ffffff;}
.brown{color: #614E48;}
.green{color: #b8cb23;}
.greendark{color: #778b03;}

a {color: #614E48;}

.golden{color: #a97f15;}
.violet{color: #6d2e88;}
.darkgrey{color: #58585a;}

.pink{color: #ed2180;}





/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
.ac-container{
  width: 60%;
  margin: 10px auto 30px auto;
  text-align: left;
  height: auto;
}
.ac-container label{
  font-family: 'helveticaBold', Arial, sans-serif;
  padding: 5px 20px 0 0px;
  position: relative;
  z-index: 20;
  display: block;
  min-height: 30px;
  height: auto;
  cursor: pointer;
  color: #614E48;
  line-height: 33px;
  font-size: 20px;
  background: #ffffff;
  text-decoration: underline;
    
    padding-right: 30px;
}
.ac-container label:hover{
 
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
  
  
 
  text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);

}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  
  top: 7px;
  background: transparent url(../img/arrow_down.png) no-repeat center center;  
}
.ac-container input:checked + label:hover:after{
  background-image: url(../img/arrow_up.png);
}
.ac-container input{
  display: none;
}
.ac-container article{

  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
  font-family: 'helveticaLight', Arial, sans-serif;
  color: #777;
  line-height: 23px;
  font-size: 14px;
  padding: 20px;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  
  border-bottom: none;
}
.ac-container input:checked ~ article.ac-small{
  height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
  height: 180px;
}
.ac-container input:checked ~ article.ac-large{
  height:  auto !important;
  min-height: 100px;

}

#footer .social-icons {margin-top: 10px;}

.imgbox{
  margin: 0 auto;
  width:260px;
  height:460px;
  background: #f3f3f3;
  float: left;
  margin-left: 30px;
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: center;
  line-height: normal;
  padding: 5px;
}

#boxover {
  position: absolute;
  width: 200px;
  height: 100px;
  background-color: transparent;
  z-index: 999;
}








/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */



.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 60em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


/* ------------------------------------------
  DEMO STYLES
--------------------------------------------- */



/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

header {
  /*background: #fff;*/
  position: fixed;
  z-index: 9990;
  width: 100%;
  left: 0;
  top: 0;
  padding-left: 5%;
  padding-right: 10%;
}




/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(255,255,255, .9);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1002;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 60em) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
  margin-top: 20px;
  left: -5%;

}

@media screen and (min-width: 40em) {
  .nav-collapse {
    float: left;
    width: 700px;
    margin-top: -10px;
  }
}



@media screen and (min-width: 50em) {
  .nav-collapse {
    float: left;
    width: 700px;
    margin-top: -10px;

  }
}


@media screen and (max-width: 30em) {
  .nav-collapse {
    float: left;
    width: auto;
    margin-top: -40px;

  }
}

.nav-collapse li {
  float: left;
  width: 100%;
  
  margin-left: 0px;
  z-index: 9999;
  padding-left: 0px;
  text-align: center;

}

@media screen and (min-width: 60em) {
  .nav-collapse li {
    width: auto;
    margin-left: 30px;
    padding-left: 0px;
  }
}



.nav-collapse a {
  

  text-decoration: none;
  
  padding: 0em 0em;
  color: #000;
  width: 100%;
  float: left;

}

.nav-collapse a:active,
.nav-collapse .active a {
  
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
  

  text-decoration: none;
  
  padding: 0em 0em;
  color: #000;
  width: 100%;
  float: left;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;

}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 80px;
  height: 80px;
  float: left;
  margin-top: 50px;
  margin-left: 20px;
}

.nav-toggle:before {
  color: #614E48; /* Edit this to change the icon color */
  font: normal 35px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
  padding-top: 10px;
  margin-left: -20px;
}

.nav-toggle.active:before {
  font-size: 35px;
  content: "\78"; /* Close icon */
}

#slided {
  visibility: visible;
  position: relative;


}

#slidem {
  visibility: hidden;
  position: absolute;


}

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

#slided {
visibility: hidden;
position: absolute;

}

#slidem {
visibility: visible;
position: relative;

}

.ac-container{
  width: 80%;
  margin: 10px auto 30px auto;
  text-align: left;
  height: auto;
}

.ac-container input:checked ~ article.ac-medium{
  height: 350px;
}



}