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

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

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

/*--------------------------------------------------------*/
/* # IMPORT COLOR SKIN */
/*--------------------------------------------------------*/
@import url('../includes/fb_colors.php');

/*--------------------------------------------------------*/
/* # GENERAL & TYPOGRAPHY */
/*--------------------------------------------------------*/
body {background: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #999898; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
 
h1, h2, h3, h4, h5, h6 {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: 'Roboto', sans-serif; font-weight: normal; line-height: 25px; font-size:17px; color:#000000;}

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

a, a:visited {text-decoration: none; outline: 0; font-family: 'Love Ya Like A Sister' !important;}

a:hover {text-decoration: underline;}

p a, p a:visited {line-height: inherit;}

.lead {width: 80%; text-align: center; margin: 0 auto 20px; display: block;}
	
#back-top {width: 40px; height: 40px; line-height: 40px; 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);}

#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;}

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

.btn, .wpcf7 input[type="submit"] {-webkit-border-radius: 3px; border-radius: 3px; font-size: 19px; padding: 10px 20px 13px; cursor: pointer; color: #fff;}

.btn:hover, .wpcf7-submit: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: 1px solid #f1eaea; padding: 80px 0 28px; text-align: center;}

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

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

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

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

.text-divider {width: 100%; border-top: 1px solid #E7E7E7; display: block; clear: both; margin: 20px 0 30px; float: left;}

.page-full {width: 100%; height: auto; padding-bottom: 80px;}

.page-full h1 {font-size: 33px; font-weight: normal; border-bottom: 1px solid #f1eaea; padding: 80px 0 28px; text-align: center;}

.page-full h2 {font-size: 31px; line-height: 60px;}

.page-full h3 {font-size: 26px; line-height: 36px;}

.page-full h4 {font-size: 21px; line-height: 30px;}

.page-full h5 {font-size: 17px; line-height: 30px;}

.page-full h6 {font-size: 14px; line-height: 32px;}

.fb-btn.large {-webkit-border-radius: 3px; border-radius: 3px; font-size: 26px; padding: 15px 25px 18px; cursor: pointer; color: #fff;}

.fb-btn.medium {-webkit-border-radius: 3px; border-radius: 3px; font-size: 19px; padding: 10px 20px 13px; cursor: pointer; color: #fff;}

.fb-btn.small {-webkit-border-radius: 3px; border-radius: 3px; font-size: 15px; padding: 5px 15px 8px; cursor: pointer; color: #fff;}

.fb-btn.large, .fb-btn.medium, .fb-btn.small {display: table; clear: both; -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; margin: 25px auto;}

.fb-btn.large.light, .fb-btn.medium.light, .fb-btn.small.light {background: #ABABAB;}

.fb-btn.large.dark, .fb-btn.medium.dark, .fb-btn.small.dark {background: #545454;}

/* # Additional Content Layout */

div.acmenu {width:60%; margin-left:20%; padding-top:15px;}
div.accontent {width:50%; margin-left:20%; padding-top:30px;}
p.accontent {margin: 0 0 20px 0; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 25px;}
p.topgap {margin: 0 0 5px 0; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 25px;}

/*--------------------------------------------------------*/
/* # HEADER & NAVIGATION */
/*--------------------------------------------------------*/

#header {width: 100%; height: 72px; position: fixed; z-index: 9999; top: 0; left: 0;}

.logo {float: left;}

.logo img {padding-top: 0px;}

.menu-btn {float: right;}

.menu-btn i {color: #fff; font-size: 31px; line-height: 72px; cursor: pointer;}

.menu-btn button {background: transparent; border: 0; cursor: pointer;}

.menu {background: #3A3E3D; width: 100%; height: auto; margin-top: 72px; padding: 40px 0; border-top: 1px solid rgba(255,255,255,0.7); position: fixed; z-index: 9999; 
	   -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5); box-shadow: inset 0 0 15px rgba(0,0,0,0.5); top: 0;}

.menu li {color: #fff; float: left; padding: 0 15px;}

.menu li a {color: #fff; margin: 0 15px 0 8px;}

.menu li a:hover {text-decoration: none;}

.menu i {color: #626463; font-size: 15px;}

.menu li:first-child {padding-left: 0;}

.page-heading {width: 100%; height: 180px; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; background-color: #ccc;}

.page-heading h1 {color: #FFF; font-size: 45px; font-weight: 300; line-height: 100px; padding-top: 72px; margin: 0;}

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

#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; background-repeat: no-repeat;}

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

.slider-next {background: no-repeat; right: 5%;}

.slider-prev {background: no-repeat; left: 5%;}

.slide .contents {float: left; width: 50%;}

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

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

/*this is to move the button right to be centered beneath the headline: */

.slide h1, .slide h2 {font-size: 42px; /*background: rgba(0,0,0,0.2);*/ padding: 10px 20px; margin: 10px 0; color: #fff; display: table; width: auto; line-height: 140%; text-align:center;}

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

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

.slide p {color: #fff; font-size: 18px; line-height: 25px; width: 360px; margin: 20px 0 40px 53px; text-align:center; font-family: Georgia;}


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

.slide .model img {float: right;}

.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: 48px auto 0;}

.feature span {text-align: center; display: block; margin-top: 10px;}
		
/*--------------------------------------------------------*/
/* # INCLUDES */
/*--------------------------------------------------------*/		
section.includes {width: 100%; height: auto; background: #fff;}

.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; font-size: 30px;}		

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

.js .include-box {opacity: 0;}		
		
/*--------------------------------------------------------*/
/* # VIDEOS */
/*--------------------------------------------------------*/		
section.videos {width: 100%; height: auto; background: #f0f0f0;}

.video-review {width: 370px; margin: 40px auto; display: table;}

.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 */
/*--------------------------------------------------------*/						
section.samples {width: 100%; background: #fef9ee; position: relative;}

section.samples .lead {margin-bottom: 210px;}

.tablet-mockup-bg {width: 100%; background-image: url('../img/overlay_bg.png'); 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 {background-repeat: no-repeat; width: 100%; height: 571px; margin-top: -131px; z-index: 888;}

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

.selector {position: absolute; z-index: 100; width: 320px;}

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

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

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

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

.selector li.active {}

.selector li.active .active-bg {height: 47px; background: rgba(73,76,75,0.25); position: absolute; width: 352px; right: -20px; z-index: -1;}

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

.selector li.active {background: rgba(0, 0, 0, 0.2); margin-left: -40px; padding-left: 40px;}

.showcase {width: 370px !important; height: 407px !important; padding: 35px; background: #fff; margin: 0 0 0 66px; 
		   position: absolute; overflow-x: hidden; overflow-y: scroll;}

.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 {padding: 25px 0;}

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

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

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

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

section.overview .lead {margin-bottom: 50px;}

.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 */
/*--------------------------------------------------------*/
section.testimonials {width: 100%; height: auto; background: #fff;}

.testimonial {margin: 20px 0;}

.testimonial:first-child {margin-top: 40px;}

.js .testimonial {opacity: 0;}

.testimonial img {width: auto !important;}

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

.testimonial.left h2 {float: left;}

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

.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; color: #000000;}

/*--------------------------------------------------------*/
/* # OFFERS */
/*--------------------------------------------------------*/
section.offers {width: 100%; height: auto; -webkit-background-size: cover; background-size: cover; background-color: #f0f0f0; background-repeat: no-repeat; background-attachment: fixed;}

section.offers .lead {margin-bottom: 50px;}

.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 !important; 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 */
/*--------------------------------------------------------*/
section.about {background: #fff;}

/*--------------------------------------------------------*/
/* # FOOTER */
/*--------------------------------------------------------*/
#footer {width: 100%; height: auto; background: #3a3e3d;}

.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;}

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

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

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

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

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

.footer-bar h2 {color: #fff;}

.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;}

/*--------------------------------------------------------*/
/* # WORDPRESS STYLES */
/*--------------------------------------------------------*/
.alignnone {margin: 5px 20px 20px 0;}

.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}

.alignright {float:right; margin: 5px 0 20px 20px;}

.alignleft {float: left; margin: 5px 20px 20px 0;}

.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignright {float: right; margin: 5px 0 20px 20px;}

a img.alignnone {margin: 5px 20px 20px 0;}

a img.alignleft {float: left; margin: 5px 20px 20px 0;}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%;  padding: 5px 3px 10px; text-align: center;}

.wp-caption.alignnone {margin: 5px 20px 20px 0;}

.wp-caption.alignleft {margin: 5px 20px 20px 0;}

.wp-caption.alignright {margin: 5px 0 20px 20px;}

.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}

.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%; height: auto;}

.sticky {border: 2px dashed; padding: 30px;} 

.sticky .post-header {padding-top: 0;}

.sticky .read-more {margin-bottom: 22px;}

.gallery-caption {} .bypostauthor {}

/*--------------------------------------------------------*/
/* # BLOG */
/*--------------------------------------------------------*/
#blog {width: 100%; height: auto; padding: 60px 0;}

.post {border-bottom: 1px solid #E7E7E7; margin-bottom: 40px; padding-bottom: 10px;}

.post h2 {display: table; float: left;}

.post-header {clear: both; display: table; width: 100%; padding: 21px 0 11px;}

.post .byline {display: block; float: left; clear: both; font-size: 14px; line-height: 41px;}

.post .byline, .post .byline a {color: #ccc !important;}

.post .read-more i {font-size: 10px;}

.post .read-more {display: block; clear: both; padding: 13px 0 0;}

.searchbar > form {position: relative;}

.searchbar input {border: 1px solid #E7E7E7; padding: 10px; width: 90%;}

.searchbar i {bottom: 12px; position: absolute; right: 13px; font-size: 13px; color: #ccc;}

.widget {margin: 15px 0; display: block; float: left; clear: both;}

.widget:first-child {margin-top: 0;}

.widget h4 {font-size: 16px;}

.widget a {color: #999898; font-size: 14px;}

.pagination a {color: #999898; font-size: 11px; border: 1px solid #E7E7E7; display: inline-block; margin: 0 0 4px; padding: 8px;}

.widget li {line-height: 23px;}

.tagcloud a {border: 1px solid #E7E7E7; display: inline-block; margin: 0 0 4px; padding: 8px; font-size: 11px !important;}

.comment-form {background: #f1f1f1; padding: 25px;}

.comment-form label {display: block; clear: both;}

.form-submit > input[type="submit"] {border: 0; border-radius: 3px; color: #FFF; cursor: pointer; font-size: 19px; padding: 10px 20px 13px;}

.comment-form-comment > textarea {width: 97%;}

.comment-form-author > input, .comment-form-email > input, .comment-form-url > input, .comment-form-comment > textarea {border: 1px solid #eee; padding: 10px;}

.post blockquote, .comments blockquote {font-style: italic; padding-left: 4%; font-size: 16px; margin: 35px 0; color: #ccc;}

.comment-list .says {display: none;}

.comment-list .avatar {width: 40px; height: 40px; float: left;}

.comment-author.vcard cite {float: left; padding: 13px 0 13px 20px;}

.comment-author.vcard {float: left; width: 50%; height: 60px;}

.comment-meta.commentmetadata {float: right; width: 50%; height: 60px;}

.comment-meta.commentmetadata {float: right; height: 40px; line-height: 20px; padding: 10px 0; text-align: right; width: 50%;}

.comment-meta.commentmetadata a, .comment-meta.commentmetadata a:visited {color: #999898;}

.comment-by {line-height: 40px;}

.comment-reply-link {float: right;}

.comment-desc > p {margin-top: 10px;}

.comment-by > strong {float: left; padding-left: 20px;}

.post table, .comments table {margin-bottom: 20px;}

.comment {border-top: 1px solid #E7E7E7; padding: 25px 0 8px; float: right; display: block; clear: both; width: 100%;}

.comments-title {margin-bottom: 20px;}

.comment-by .date {color: #CCC; float: left; padding-left: 5px;}

.comment .children {clear: both; display: block; float: right; width: 90%;}

.comment .children .comment {padding: 25px 0 0;}

#respond {float: left; width: 100%; margin-top: 37px;}

.comment-by strong {color: #585858;}

.widget .menu {position: relative; background: transparent; box-shadow: none; -webkit-box-shadow: none; float: left; margin: 0; padding: 0;}

.widget .menu li, .widget .menu a {color: #999898;}

.widget .menu li {padding: 0; display: block; float: none; margin: 0;}

.widget .menu li a {margin: 0;}

#wp-calendar td {background: #ebebeb; margin: 1px; border: 1px solid #fff; padding: 6px;}

#wp-calendar caption {margin: 5px 0 20px; text-align: left;}

.textwidget p {margin-bottom: 0;}

.post li, .post dt, .post dd, .comments li, .comments dt, .comments dd {line-height: 25px;}

.post ul li:before, .comments ul li:before{content: "▪"; margin-right: 10px; font-weight: bold;}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6, 
.comments h1, .comments h2, .comments h3, .comments h4, .comments h5, .comments h6 {display: block; clear: both; float: none;}

.post h3, .comments h3 {font-size: 19px;} .post h4, .comments h4 {font-size: 18px;} .post h5, .comments h5 {font-size: 17px;} .post h6, .comments h6 {font-size: 16px;}

.post blockquote cite, .comments blockquote cite {display: block; margin-top: 20px; font-weight: bold;}

.post th, .post td, .comments th, .comments td {border: 1px solid #CCC; padding: 10px;}

.post th, .comments th {background: #f6f6f6;}

.post ol, .comments ol {list-style: decimal inside;}

.post li ol, .post li ul, .comments li ol, .comments li ul {margin-left: 25px;}

.post dt, .comments dt {font-weight: bold;}

.post strong, .comments strong {font-weight: bold; color: #999898;}

.post address, .comments address {line-height: 25px; margin-bottom: 20px;}

.post pre, .comments pre {background: #f6f6f6; padding: 19px; overflow: scroll; border: 1px solid #E8E8E8; line-height: 25px; overflow-y: hidden; margin-bottom: 20px;}

.post .columns img, .post .column img, .comments .columns img, .comments .column img {max-width: 100%; width: auto;}

.attachment-post-thumbnail.wp-post-image {max-width: 100%;}

.alignnone.wp-image-907 {max-width: 100%; height: auto;}

#page-links a {border: 1px solid #E7E7E7; color: #999898; display: inline-block; font-size: 11px !important; margin: 0 0 4px; padding: 8px;}

.post-password-form input[type="submit"] {-webkit-border-radius: 3px; border-radius: 3px; font-size: 16px; padding: 2px 11px 4px; cursor: pointer; color: #fff; border: 0;}

.post-password-form input {border: 1px solid #E6E6E6; padding: 6px;}

.comment:before {content: ""; display: none;}

/* 2013-11-08 */
.blog .post {padding: 20px !important; margin: 20px 0;}

.blog .post .read-more {margin-bottom: 28px;}

.blog .post .image {margin: 8px 0 25px;}

.blog .post-header {padding: 0 0 11px;}

.single-post .post {padding-bottom: 28px;}

.single-post cite, .single-post q {font-style: italic; color: #CCCCCC;}

sub {font-size: 10px; vertical-align: sub;}

sup {font-size: 10px; vertical-align: super;}

code {background: #F0F0F0; padding: 2px 5px;}

.comment-by cite {color: #999898; font-style: normal;}

.comment .depth-8 .date, .comment .depth-9 .date, .comment .depth-10 .date {display: none;}

.single-post .pingback {padding-bottom: 22px;}

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

.gallery img {border: 0 !important;}

.gallery-caption {font-size: 11px;}

.wp-caption {border: 0;}

.post-header h2 {-ms-word-wrap: break-word; word-wrap: break-word;}

.blog .post:first-child {margin-top: 0;}

/* 2013-11-23 */
#mc_embed_signup input[type="submit"] {border: 0 !important;}

#mc_embed_signup input[type="email"] {border: 1px solid #CCCCCC !important;  text-indent: 0px !important; padding: 12px !important; margin: 20px auto !important; display: block !important;}

#mc_embed_signup input.email {margin: 20px auto !important; width: 40% !important;}

/* 2013-12-19 */
.contact-form form {margin-bottom: 20px;}

.contact-form fieldset {margin-bottom: 20px;}

.contact-form input[type="text"], .contact-form input[type="password"], .contact-form input[type="email"], .contact-form textarea, .contact-form select {border: 1px solid #ccc; padding: 10px; outline: none; color: #777; margin: 0; width: 97%; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; border-radius: 0;
-webkit-border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important;}

.contact-form select {padding: 0; width: 97%;} 

.contact-form input[type="text"]:focus, .contact-form input[type="password"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus {border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow:  0 0 3px rgba(0,0,0,.2);}

.contact-form textarea {min-height: 60px;}

.contact-form label, .contact-form legend {display: block; font-weight: bold; font-size: 13px;}

.contact-form input[type="checkbox"] {display: inline;}

.contact-form label span, .contact-form legend span {font-weight: normal; font-size: 13px; color: #444;}

.contact-form .wpcf7 {width: 400px; margin: 0 auto;}

.contact-form .wpcf7-submit {border: 0; outline: none !important; margin: 0 auto; display: block; cursor: pointer;}

.wpcf7 textarea {overflow-y: auto;}

.wpcf7 input[type="text"]::-webkit-input-placeholder, .wpcf7 input[type="email"]::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {color: #A1A1A1; font-family: 'Open Sans', sans-serif; font-size: 13px;}

.wpcf7 input[type="text"]:-moz-placeholder, .wpcf7 input[type="email"]:-moz-placeholder,
.wpcf7 textarea:-moz-placeholder {color: #A1A1A1; font-family: 'Open Sans', sans-serif; font-size: 13px;}

.wpcf7 input[type="text"]::-moz-placeholder, .wpcf7 input[type="email"]::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {color: #A1A1A1; font-family: 'Open Sans', sans-serif; font-size: 13px;}

.wpcf7 input[type="text"]:-ms-input-placeholder, .wpcf7 input[type="email"]:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {color: #A1A1A1; font-family: 'Open Sans', sans-serif; font-size: 13px;}

.wpcf7-not-valid-tip {background: #EDAAAA; border: 1px solid #C27F7F; color: #975454 !important; padding: 10px;}

.wpcf7-validation-errors {background: #EAE9CC; border: 1px solid #D0CFB2 !important; color: #A4A386 !important;}

.wpcf7-mail-sent-ok {background: #D4EDB5; border: 1px solid #ABC48C !important; color: #7F9860 !important;}

.wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-mail-sent-ok {width: 97%; line-height: 22px;}

.wpcf7-response-output {margin: 0 !important; padding: 10px !important;}

.wpcf7 img.ajax-loader {margin-left: 40px; margin-top: -139px;}

#mc-embedded-subscribe {display: block; margin: 0 auto 20px;}

/* 2014-05-31*/
.include-box h2 {line-height: 24px; margin-bottom: 10px; margin-top: 10px; max-width: 60%;}

.video-review {margin: 40px auto 0;}

.price-table li {line-height: 23px !important; padding: 10px 0;}

.row {margin-bottom: 0;}

.tablet-mockup {position: relative;}

.wpcf7-form > p > span {width: 100%;}

.full-sample {position: absolute; left: 0; top: 0; margin: 0;}

.menu.usual {background: rgba(0, 0, 0, 0) !important; border-top: 0 none; box-shadow: none; float: right; margin: 0; max-width: 750px; padding: 27px 0; position: relative; display: block;}

.menu.usual i {display: none;}

.menu.usual > ul {display: block; float: right;}

.menu.usual li {padding: 0 5px;}

.menu.usual a {color: rgba(255,255,255,0.6)!important;}

.menu.usual li:hover a {color: #fff !important;}

.h-usual .menu-btn {display: none;}

.slider-next, .slider-prev {font-size: 60px !important; top: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.slider-next:hover, .slider-prev:hover {color: #fff !important;}


/*--------------------------------------------------------*/
/* # MEDIA QUERIES */
/*--------------------------------------------------------*/

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

.slider-next {right: 1%;}

.slider-prev {left: 1%;}

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



}

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

.comment-by .date {display: none;}

.comment-form-comment > textarea {width: 95%;}

section.samples .lead {margin-bottom: 50px;}

.slider-next, .slider-prev {display: none !important;}

#slider {height: 540px;}

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

@media only screen and (min-width: 768px) and (max-width: 959px) {

.slide p{margin: 20px 0 40px 22px;}

.slide .btn {margin-right: 100px; margin-left:120px;}

.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;}

.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%;}

.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%;}

.menu.usual {max-width: 590px;}

.menu.usual li {padding: 0;}

.menu.usual li a {margin: 0 10px;}.slide h1, .slide .model {margin-top: 150px !important;}.slide .contents {left: 30px; position: relative;}.slide .model {position: relative; right: 20px;}

}

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

#slider {height: auto;}

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

.slide p{margin: 0px 0 25px 0px;}

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

.slide h2 {padding-top: 0px;}

.slide h2, .slide h1 {font-size: 32px; 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: 100%; }

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

.slide p {width: 100%; text-align: center; font-size:16px;}

.slide .small-gap {margin-top:10px;}

.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;}

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

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

.intro-text {width: 100%;}

.gallery-item {clear: both; display: block; float: none !important; width: 100% !important; margin-bottom: 25px;}

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

.tablet-mockup {background-size: 100%; margin-top: 380px; height: 403px;}

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

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

.selector {top: -50px; width: 420px; text-align: center;}

.selector li.active .active-bg {left: 0; width: 100%;}

.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 20px; display: table; width: auto !important; max-width: 100%;}

.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;}

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

.pagination {margin-bottom: 35px;}

.comment-form-comment > textarea {width: 94%;}

.single-post .sidebar {margin-top: 40px;}

.searchbar input {width: 94.5%;}

#mc_embed_signup input.email {margin: 20px auto !important; width: 80% !important;}

.selector li.active {padding-left: 0; margin-left: 0;}

.include-box h2 {max-width: 100%;}

.menu.usual {display: none;}

.h-usual .menu-btn {display: block;}

.menu.usual {left: 0; padding: 0; position: relative; top: 0; background-color: #3A3E3D !important; border-top: 1px solid rgba(255, 255, 255, 0.7); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;}

.menu.usual li {display: block; float: none; padding: 0 5px;  position: relative; border-bottom: 1px dashed #606060; padding-bottom: 16px;}

.menu.usual > ul {display: block; float: none; margin: 20px;}

}

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

}

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

.menu li {padding: 0;}

.slide h2, .slide h1 {font-size: 20px;}

.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: -28px; height: 346px;}

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

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

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

.comment-form-comment > textarea, .comment-form-author > input, .comment-form-email > input, .comment-form-url > input, .comment-form-comment > textarea {width: 91%;}

.searchbar input {width: 92.5%;}

.video-review {display: block;}

.mejs-container {width: 100% !important; overflow: hidden;}

/* 2013-12-22 */
.tablet-mockup {width: 100%; height: 288px; margin-left: 0;}

.showcase {width: 184px !important; padding: 20px;}

.slimScrollDiv {width: 264px !important; height: 251px !important;}

.contact-form .wpcf7 {width: 90%;}



}



.promopage {
margin-top:10px !important;
text-alight:left;
font-size: 16px !important;
font-color: #000000 !important;
}

.promoheader {
font-size: 20px;
}

.slightindent {
padding-left:10px;
}