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

/*   01 - General & Basic Styles   */
/*   02 - Preload Animation		   */
/*   03 - Header & Navigation      */
/*   04 - Intro      			   */
/*   05 - Features  			   */
/*   06 - Clients		 	  	   */
/*   07 - Info-1		 	  	   */
/*   08 - Info-2		 	  	   */
/*   09 - Info-3		 	  	   */
/*   10 - Video Banner     		   */
/*   11 - Newsletter      		   */
/*   12 - Info-4		 	  	   */
/*   13 - Screens        		   */
/*   14 - Sttistic Banner  		   */
/*   15 - Pricing				   */
/*   16 - Testimonials			   */
/*   17 - Call To Action           */
/*   18 - FAQs			           */
/*   19 - Sign Up		   	  	   */
/*   20 - Footer		 	  	   */
/*   21 - Scroll to Top	 	  	   */



/* ==========================================================================
   Typo
   ========================================================================== */


/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}


/* ==========================================================================
   01. GENERAL & BASIC STYLES
   ========================================================================== */
   
body {
	color: #333;
	font-size: 16px; 
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
}

/*------------------------------------------*/
/*	CONTENT WRAPPER
/*------------------------------------------*/

#content_wrapper  {
	overflow: hidden;
}

/*------------------------------------------*/
/*	ONSCROLL ANIMATIONS
/*------------------------------------------*/

.animated{
	visibility: hidden;
}

.visible{
	visibility: visible;
}

/*------------------------------------------*/
/*	SECTION HEIGHT SETTINGS
/*------------------------------------------*/

.wide {
	padding-top: 100px;
	padding-bottom: 100px;
}

/*------------------------------------------*/
/*	HEADERS
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	margin-top: 0; 
	margin-bottom: 10px;
}

h3 span {
	font-weight: 900;
}

/*------------------------------------------*/
/*	H3 TITLE
/*------------------------------------------*/

h3.title-h3 {
	font-size: 36px;
	line-height: 44px;
	font-weight: 400;	
	margin-bottom: 0px;
}

h3.title-h3:after {
    display: block;
    content: "";
    height: 2px;
    width: 50px;
	background: #9fc418;
    margin-top: 15px;
	margin-bottom: 30px;
    position: relative;
}

/*------------------------------------------*/
/*	 PARAGRAPHS
/*------------------------------------------*/

p,li {
	color: #333;
	font-size: 18px; 
	line-height: 28px; 
	font-weight: 300;
}

/*------------------------------------------*/
/*	 LISTS
/*------------------------------------------*/

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*------------------------------------------*/
/*	 LINK SETTINGS
/*------------------------------------------*/

a {
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

a:hover {
	color: #444;
	text-decoration: none;
}

a:focus {
	outline: none;
	text-decoration: none;
}

/*------------------------------------------*/
/*	 BUTTON SETTINGS
/*------------------------------------------*/

.btn {
	color: #9fc418;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;	
	background-color: transparent;
	border: 2px solid #9fc418;
	padding: 12px 20px;
	margin-top: 20px;
 	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;	
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.btn i {
	margin-left: 4px;
}

/*------------------------------------------*/
/*	 BUTTON HOVER
/*------------------------------------------*/

.btn:hover {	
	color: #fff;
	background-color: #9fc418;
}

/*------------------------------------------*/
/*	BUTTON FOCUS
/*------------------------------------------*/

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
}

/*------------------------------------------*/
/*	IMAGE SETTINGS
/*------------------------------------------*/

.img-responsive {
	display: inline-block; 
}

/*------------------------------------------*/
/*	  STORE ICONS
/*------------------------------------------*/

a.store {
	margin-right: 10px;
}

a.store:last-child {
	margin-right: 0;
}

/*------------------------------------------*/
/*	INFO FEATURE
/*------------------------------------------*/

.info-feature {
	vertical-align: top;
	margin-bottom: 40px;
}

.info-feature i {
	color: #9fc418;
	font-size: 40px;
	line-height: 40px!important;
	float: left;
	margin-right: 15px;	
}

.info-feature h4 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	padding-top: 4px;
	margin-bottom: 15px;
}

/*------------------------------------------*/
/*	 SECTION TITLEBAR
/*------------------------------------------*/

.section-title {
	text-align: center;
	margin-bottom: 50px;
}

.section-title h3 {
	font-size: 36px;
	line-height: 44px;
	font-weight: 400;	
	margin-bottom: 0;
}

.section-title p { 
	color: #666;
	font-size: 20px;
	line-height: 28px;
	margin-top: 5px;
	padding: 0 18%;
}



/* ==========================================================================
   02. PRELOAD ANIMATION
   ========================================================================== */

.animationload {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #9fc418;
	z-index: 999999; 
}

.loader {
	position: absolute;
	top: 50%; 
	left: 50%; 
	margin: -100px 0 0 -100px;
	width: 200px;
	height: 200px;
	background-image: url(../img/icons/loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150px 150px;
}



/* ==========================================================================
   03. HEADER & NAVIGATION
   ========================================================================== */

/*------------------------------------------*/
/*	 Logo Image    
/*------------------------------------------*/

.navbar-brand {
	height: 60px;
	padding: 15px;
}
 
/*------------------------------------------*/
/*	 Navigation Bar    
/*------------------------------------------*/

.navbar {	
	padding: 20px 0px;
	margin-bottom: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
} 

.navbar-fixed-top { 
	background-color: transparent;
}

/*------------------------------------------*/
/*	 Navigation Menu    
/*------------------------------------------*/

.navbar-nav > li > a {
	color: #fff;
	font-size: 13px;
	line-height: 60px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	padding: 0 15px;
}

.navbar-nav > li > a:hover {
	color: #9fc418;
	background-color: transparent;
}

.navbar-nav > li > a:focus {
	background-color: transparent;
}

/*------------------------------------------*/
/*	 Navigation Menu Download Button     
/*------------------------------------------*/

.navbar-nav > li > a.download {	
	font-size: 13px;
	line-height: 26px;
	margin-top: 10px;
	padding: 5px 15px;
	margin-left: 5px;
	border: 2px solid #fff;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.navbar-nav > li > a.download:hover {
	background-color: #444;
	color: #fff;
	border: 2px solid #444;
}

/*------------------------------------------*/
/*	 Navbar Scroll   
/*------------------------------------------*/

.scroll-fixed-navbar {
	padding: 0px;
	background-color: #444;
	border-bottom: none;
}

.scroll-fixed-navbar .navbar-nav > li > a.download {
	background-color: #3aabe1;
	border-color: #3aabe1;
}

.scroll-fixed-navbar .navbar-nav > li > a:hover {
	color: #3aabe1;
}

.scroll-fixed-navbar .navbar-nav > li > a.download:hover {
	background-color: transparent;
	border-color: #fff; 
	color: #fff;
}

/*------------------------------------------*/
/*	 Responsive Menu Button    
/*------------------------------------------*/

.navbar-toggle {
    position: relative;
    float: right;
	background-color: transparent;
    padding: 10px;
	margin: 11px 30px 11px 0;
	border: none;
	color: #fff;
	border: 2px solid #fff;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}



/* ==========================================================================
   04. INTRO
   ========================================================================== */

#intro  {
	width: 100%;
	background-image: url(../img/thumbs/intro-bkg.jpg);
	background-repeat: no-repeat;
	background-position: center center;		
	background-size: cover;
	padding-top: 150px;
} 

/*------------------------------------------*/
/*	 INTRO TEXT   
/*------------------------------------------*/

.intro-txt h2 {
	color: #fff;
	font-size: 40px;
	line-height: 66px;
	font-weight: 300;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.intro-txt p {
	color: #fff;
	font-size: 22px;
	line-height: 32px;
	font-weight: 300;
}

/*------------------------------------------*/
/*	 INTRO STORE BADGES   
/*------------------------------------------*/

.intro-stores-badge {
	margin-top: 30px;
	margin-bottom: 80px;
}

.intro-stores-badge p {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}



/* ==========================================================================
   05. FEATURES
   ========================================================================== */

#features.wide {
	padding-bottom: 40px;
}

.feature-boxes {
	padding: 0 20px;
}

/*------------------------------------------*/
/*	  FEATURE BOX
/*------------------------------------------*/

.feature-box {
	margin-bottom: 60px;
	position: relative;
}

/*------------------------------------------*/
/*	  FEATURE BOX ICON
/*------------------------------------------*/

.feature-box-icon {
    text-align: center;
    float: left;
}

.feature-box-icon i {	
	width: 60px;
    height: 60px;
	color: #3aabe1;
	font-size: 50px;
	line-height: 50px!important;
	margin-top: 3px;
}

/*------------------------------------------*/
/*	  FEATURE BOX TEXT
/*------------------------------------------*/

.feature-box-text {
    overflow: hidden;
    padding-left: 20px;
}

.feature-box-text p {
	color:  #666;
	padding-right: 10px;
}



/* ==========================================================================
   06. CLIENTS
   ========================================================================== */
 
#clients {
	background-image: url(../img/thumbs/grey-pattern.jpg);
	background-repeat: repeat;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 40px;
	padding-bottom: 40px;
}

/*------------------------------------------*/
/*	 SMALL TITLE
/*------------------------------------------*/

#clients h4 {
	color: #555;
	font-size: 18px;
	font-weight: 300;
}

#clients h4 span {
	font-weight: 900;
}

/*------------------------------------------*/
/*	 CLIENT LOGO CAROUSEL
/*------------------------------------------*/

#our-customers {
	margin-top: 20px;
}



/* ==========================================================================
   07. INFO-1
   ========================================================================== */

#info-1 {
	border-bottom: 1px solid #eee;
} 

#info-1 ul.arrows_list1,
#info-2 ul.arrows_list1 {
    margin-left:25px;
}

#info-1 ul.arrows_list1 li,
#info-2 ul.arrows_list1 li {
    list-style: disc;
    line-height: 30px;
}

/*------------------------------------------*/
/*	  INFO-1 TEXT
/*------------------------------------------*/

.i1-txt {
	margin-top: 0px;
	padding-left: 30px;
}

/*------------------------------------------*/
/*	  INFO-1 SLIDER
/*------------------------------------------*/

.i1-slider {
	padding-left: 80px;
	position: relative;
}

/*------------------------------------------*/
/*	PHONE SLIDER HOLDER
/*------------------------------------------*/

.i1-phone-slider {
	width: 295px;
	height: 548px;
	background-image: url(../img/thumbs/i1-iphone-slider.png);
	background-repeat: no-repeat;
	background-position: 0 0;		
	background-size: 100%;
	z-index: 20;
	position: relative;
}

.i1-phone-slider .flexslider {
	width: 244px;
	position: relative;
	top: 48px;
	margin-right: auto;
	margin-left: auto;
}

.i1-phone-slider .slides li img {
	width: 100%;
}

/*------------------------------------------*/
/*	INFO-1 SLIDER BACK IMAGE
/*------------------------------------------*/

.i1-back-img {
    position: absolute;
	right: 8%;
    top: 20px;
    z-index: 1;
}



/* ==========================================================================
   08. INFO-2
   ========================================================================== */

#info-2 {
	position: relative;
    z-index: 2;
    overflow: hidden;
}

/*------------------------------------------*/
/*	INFO-2 TEXT
/*------------------------------------------*/

.i2-txt {
	margin-top: 0px;
	padding-left: 40px;
}

/*------------------------------------------*/
/*	INFO-2 LIST
/*------------------------------------------*/  

#i2-list {
	margin-top: 30px;
}

#i2-list li {
	margin-bottom: 20px;
}

/*------------------------------------------*/
/*	  INFO-2 LIST ICON
/*------------------------------------------*/

.list-icon {
    text-align: center;
    float: left;
}

.list-icon i {	
	width: 38px;
    height: 38px;
	color: #3aabe1;
	font-size: 38px;
	line-height: 38px!important;
	margin-top: 8px;
}

/*------------------------------------------*/
/*	  INFO-2 LIST TEXT
/*------------------------------------------*/

.list-text {
    overflow: hidden;
    padding-left: 25px;
	color: #333;
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
}

/*------------------------------------------*/
/*	INFO-2 IMAGES
/*------------------------------------------*/  

.i2-front-img {
    position: absolute;
    left: 28%;
    margin: 0px auto;
    top: -10px;
    z-index: 2;
}

.i2-back-img {
    position: absolute;
    left: 4%;
    top: 30px;
    z-index: 1;
}



/* ==========================================================================
   09. INFO-3
   ========================================================================== */

#info-3 {
	background-image: url(../img/thumbs/grey-pattern.jpg);
	background-repeat: repeat;
	position: relative;
    z-index: 2;
    overflow: hidden;
	border-top: 1px solid #eee;
}  
   
/*------------------------------------------*/
/*	INFO-3 TEXT
/*------------------------------------------*/

.i3-txt {
	margin-top: 20px;
	padding-left: 30px;
}

.i3-txt h3 {
	margin-bottom: 40px;
}

.i3-txt .btn {
	margin-top: 0px;
}

/*------------------------------------------*/
/*	INFO-3 IMAGES
/*------------------------------------------*/  

.i3-front-img {
    position: absolute;
    right: 16%;
    margin: 0px auto;
    top: 10px;
    z-index: 3;
}

.i3-back-img {
    position: absolute;
    right: 2%;
    top: 50px;
    z-index: 2;
}



/* ==========================================================================
   10. VIDEO BANNER
   ========================================================================== */

#video {
	background-color: #9fc418;
}

#video h3.title-h3:after {
	background: #fff;
}

/*------------------------------------------*/
/*	  VIDEO LINK
/*------------------------------------------*/ 

.video-block {
	position: relative;
	padding-bottom: 75.25%;
	padding-top: 20px;
	height: 0;
	overflow: hidden;
}

.video-block iframe,
.video-block object,
.video-block embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}

/*------------------------------------------*/
/*	  VIDEO TEXT
/*------------------------------------------*/ 

.video-txt  {
	padding-left: 60px;
}

.video-txt h3, .video-txt p {
	color: #fff;
}

.video-txt .btn {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

.video-txt .btn:hover {
	color: #fff;
	background: #444;
	border-color: #444;
}



/* ==========================================================================
   11. NEWSLETTER
   ========================================================================== */

#newsletter {
	width: 100%;
	background-image: url(../img/thumbs/newsletter.jpg);
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-position: center center;		
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 60px;
}

/*------------------------------------------*/
/*	  NEWSLETTER TEXT
/*------------------------------------------*/

.newsletter-txt {
	padding-right: 60px;
}

.newsletter-txt h4 {
	color: #fff;
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
}

/*------------------------------------------*/
/*	  NEWSLETTER FORM INPUT
/*------------------------------------------*/

#newsletter_form {
	margin-top: 5px;
	padding: 0 15px;
}

/*------------------------------------------*/
/*	  NEWSLETTER FORM INPUT
/*------------------------------------------*/

.form-control {
	height: 60px;
	background-color: #fff;
	border: 2px solid #fff;
	border-right: none;
	color: #444;
	font-size: 18px;
	font-weight: 300;
	padding: 15px 20px;
	box-shadow: none;
}

.form-control:focus {
	border-color: #fa5454;
	outline: 0;
	box-shadow: none;
}

/*------------------------------------------*/
/*	  NEWSLETTER FORM BUTTON
/*------------------------------------------*/

#newsletter_form .btn { 
	height: 60px;
	color: #fff;
	margin-top: 0; 
	padding: 15px 30px; 
	border-color: #fff;
	border-left: none;
}

#newsletter_form .btn i { 
	font-size: 18px;
}

#newsletter_form .btn:hover { 
	background-color: #3aabe1; 
	border-color: #3aabe1; 
}

/*------------------------------------------*/
/*	NEWSLETTER FORM NOTIFICATION
/*------------------------------------------*/

#form-notification {
	color: #fff;
	font-size: 17px;
	margin-top: 20px;	
}

.error { color: #ff4c4c !important; }
.valid { color: #4caf50 !important; }



/* ==========================================================================
   12. INFO-4
   ========================================================================== */

#info-4 {
	background-image: url(../img/thumbs/grey-pattern.jpg);
	background-repeat: repeat;
	position: relative;
    z-index: 2;
    overflow: hidden;
	border-bottom: 1px solid #eee;
} 
   
/*------------------------------------------*/
/*	INFO-4 TEXT
/*------------------------------------------*/

.i4-txt {
	margin-top: 20px;
	padding-left: 30px;
}

.i4-txt h3 {
	margin-bottom: 40px;
}

.i4-txt .btn {
	margin-top: 0px;
}

/*------------------------------------------*/
/*	INFO-4 IMAGES
/*------------------------------------------*/  

.i4-front-img {
    position: absolute;
    right: 22%;
    margin: 0px auto;
    top: 0px;
    z-index: 2;
}

.i4-back-img {
    position: absolute;
    right: 0%;
    top: 50px;
    z-index: 1;
}



/* ==========================================================================
   13. SCREENS 
   ========================================================================== */

#screens_carousel {
	margin-bottom: 40px;
}

/*------------------------------------------*/
/*	  Screens Carousel Image 
/*------------------------------------------*/ 

#screens_carousel .item {
	margin: 0 5px;
	text-align: center;
}

#screens_carousel .item a {
	cursor: pointer;
}

.img-thumbnail {
    padding: 8px;
    border: 1px solid #ccc;
}

/*------------------------------------------*/
/*	  Screens Carousel Navigation 
/*------------------------------------------*/ 

.customNavigation a {
	width: 11px;
	height: 11px;
	display: inline-block;
	background: #ddd;
	border-radius: 50%;
	cursor: pointer;
}

.customNavigation a:hover {
	background: #3aabe1;
}

.customNavigation a.prev {
	margin-right: 5px;
}



/* ==========================================================================
   14. STATISTIC BANNER
   ========================================================================== */
   
#statistic-banner {
	width: 100%;
	background-image: url(../img/thumbs/statistic.jpg);
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-position: center center;		
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}

/*------------------------------------------*/
/*	  STATISTIC BLOCK
/*------------------------------------------*/ 

.statistic-block i {
	color: #3aabe1;
	font-size: 40px;
	line-height: 40px;	
	margin-bottom: 15px;
}

.statistic-number {
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	font-weight: 900;		
	margin-bottom: 20px;
	margin-bottom: 10px;
}

.statistic-block h4 {
	color: #ccc;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 900;
}



/* ==========================================================================
   15. PRICING 
   ========================================================================== */

/*------------------------------------------*/
/*	 TABLE HEADER
/*------------------------------------------*/

.table-header {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	padding: 40px 30px;
}

.table-header h3 {
	color: #333;
	font-size: 34px;
	line-height: 34px;
	margin-bottom: 10px;
}

.table-header p {
	color: #444;
	font-size: 16px;
	line-height: 22px;
}

/*------------------------------------------*/
/*	 TABLE HEADER TEXT
/*------------------------------------------*/

.table-header p.price-info {
	font-size: 14px;
	line-height: 20px;
	padding: 0 10px;
}

/*------------------------------------------*/
/*	 TABLE HEADER PRICE
/*------------------------------------------*/

.table-header .price {
	margin: 20px 0 0;
}

.table-header .price span {
	color: #333;
	font-size: 100px;
	line-height: 100px;
	font-weight: 900;
}

/*------------------------------------------*/
/*	 Currency
/*------------------------------------------*/

sup.currency {
	color: #333;
	font-size: 45px;
	font-weight: 400;
    top: -45px;
}

sup.cents {
	color: #333;
	font-size: 45px;
	font-weight: 900;
    top: -45px;
}

/*------------------------------------------*/
/*	 Validity
/*------------------------------------------*/

sup.validity {
	color: #333;
	font-size: 30px;
    top: 0px;
	left: 0;
}

#price_1 sup.validity {
	left: 8px;
}

/*------------------------------------------*/
/*	 TABLE BODY 
/*------------------------------------------*/

.table-body {
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	padding-top: 20px;
}

ul.table-features {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	padding: 5px 40px;
}

ul.table-features li {
    padding: 10px 0; 
	border-bottom: 1px solid #ddd;
}

ul.table-features li:last-child {
	border-bottom: none;
}

/*------------------------------------------*/
/*	 TABLE BUTTON
/*------------------------------------------*/

.pricing-table .btn {
	color: #444;
	font-size: 13px;
	border-color: #444;
	margin: 30px 0 40px;
}

.pricing-table .btn:hover {
	background-color: #9fc418; 
	border-color: #3aabe1; 
	color: #fff;
}

/*------------------------------------------*/
/*	 TABLE HIGHLIGHT
/*------------------------------------------*/

.highlight .table-header {
	background-color: #3aabe1; 
	border-color: #3aabe1; 
}

.highlight .table-header h3, 
.highlight .table-header .price span,
.highlight sup.currency, 
.highlight sup.cents,
.highlight sup.validity, 
.highlight .table-header p {
	color: #fff;
}

/*------------------------------------------*/
/*	 PRICING NOTICE MESSAGE
/*------------------------------------------*/

.pricing-notice {
	margin-top: 40px;
}

.pricing-notice p {
	font-size: 17px;
	line-height: 24px;
	padding: 0 20%;
}



/* ==========================================================================
   16. TESTIMONIALS
   ========================================================================== */
   
#testimonials {
	background-image: url(../img/thumbs/grey-pattern.jpg);
	background-repeat: repeat;
	border-top: 1px solid #eee;
}

/*------------------------------------------*/
/*	  TESTIMONIAL MESSAGE 
/*------------------------------------------*/ 

.testi-content {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	position: relative;
	margin-bottom: 30px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

/*------------------------------------------*/
/*	  MESSAGE ARROW
/*------------------------------------------*/ 

.testi-arrow {
	height: 32px;
	width: 32px;
	background-image: url(../img/icons/testimonial-arrow-down.png);
	background-attachment: scroll;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-color: transparent;
	position: absolute;
	top: 100%;
	left: 10%;	
}

/*------------------------------------------*/
/*	  TESTIMONIAL MESSAGE TEXT
/*------------------------------------------*/ 

.testimonial p {
	color: #666;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 0;
	padding: 25px;
}

/*------------------------------------------*/
/*	  TESTIMONIAL MESSAGE AUTHOR
/*------------------------------------------*/ 

.testi-author {
	margin-left: 20px;
}

.testimonial h4 {
	color: #000;
	font-size: 17px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 0;
}

.testimonial span {
	color: #3aabe1;
	font-size: 14px;
	font-weight: 700;
	display: block;
}

.testimonial span.work-space {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	display: block;
}



/* ==========================================================================
   17. CALL TO ACTION
   ========================================================================== */

#call-to-action {
	width: 100%;
	background-image: url(../img/thumbs/call-to-action.jpg);
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-position: bottom center;		
	background-size: cover;
}

#call-to-action h4 {
	color: #fff;
	font-size: 30px;
	line-height: 38px;
	font-weight: 300;
	margin-bottom: 15px;
}

#call-to-action p {
	color: #fff;
	font-size: 20px;
	line-height: 20px;
}

#call-to-action h4 span {
	font-weight: 900;
}

#call-to-action .stores-badge {
	margin-top: 30px;
}



/* ==========================================================================
   18. FAQs
   ========================================================================== */

#faqs.wide {
	padding-bottom: 80px;	
}

/*------------------------------------------*/
/*	  FAQs Question
/*------------------------------------------*/

.question {
	margin-bottom: 20px;
}

#faqs h4 {
	color: #9fc418;
	font-size: 15px;
	line-height: 15px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.question h5 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}

.question p {
	color: #666;
	font-size: 17px;
	line-height: 24px;
}


 
/* ==========================================================================
   19. SIGN UP
   ========================================================================== */

#sign-up {
	background-image: url(../img/thumbs/grey-pattern.jpg);
	background-repeat: repeat;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 60px;
	padding-bottom: 60px;
} 

/*------------------------------------------*/
/*	  SIGN UP TITLE
/*------------------------------------------*/

#sign-up h3 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 400;	
	margin-bottom: 5px;
}

#sign-up p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 0;
}
 
/*------------------------------------------*/
/*	  REGISTER FORM
/*------------------------------------------*/

#register_form {
	margin-top: 30px;
}

#input-name, #input-email, #input-phone {
	padding-right: 0;
}

#register_form .form-control {
	background-color: #fff;
	height: 52px;
	font-size: 16px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	box-shadow: 0 0 0 0;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/*------------------------------------------*/
/*	  REGISTER FORM INPUT FOCUS
/*------------------------------------------*/

.form-control:focus {
    outline: 0px none;
    box-shadow: none;
}

/*------------------------------------------*/
/*	  REGISTER FORM BUTTON
/*------------------------------------------*/

#form_btn .btn {
	display: block;
	width: 100%;
	color: #fff;
	background-color: #9fc418;
	padding: 14px 30px;
	margin-top: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#form_btn .btn:hover {
	background-color: #444; 
	border-color: #444; 	
	color: #fff;
}

/*------------------------------------------*/
/*	  REGISTER FORM MESSAGE 
/*------------------------------------------*/

.loading {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
}

.error {
	color: red;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 20px;
}



/* ==========================================================================
   20. FOOTER
   ========================================================================== */

#footer {
	padding-top: 80px;
	padding-bottom: 80px;
}

/*------------------------------------------*/
/*	 FOOTER COPYRIGHT  
/*------------------------------------------*/

#footer p {
	font-size: 17px;
	line-height: 22px;
	font-weight: 300;
	margin-bottom: 2px;
}

/*------------------------------------------*/
/*	 FOOTER SOCIAL ICONS 
/*------------------------------------------*/

.footer-icons-socials {
	display: inline-block; 
	padding-left: 0;
	margin-bottom: 10px;
}

.footer-icons-socials li {
	float: left;
	width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
	padding: 0;
}

/*------------------------------------------*/
/*	 FOOTER SOCIAL ICONS SETTINGS 
/*------------------------------------------*/

.foo-social {	
	color: #fff;
	background-color: #9fc418;
	width: 42px;
	height: 42px;
	font-size: 17px;
    line-height: 42px;
	margin-right: 5px;
    display: block;
	text-align: center;
    text-decoration: none;
}

/*------------------------------------------*/
/*	 FOOTER SOCIAL ICONS HOVER 
/*------------------------------------------*/

.foo-social.ico-facebook:hover {background-color: #3b5998; color: #fff;}
.foo-social.ico-twitter:hover {background-color: #00a9ed; color: #fff;}
.foo-social.ico-behance:hover {background-color: #00a8e7; color: #fff;}
.foo-social.ico-google-plus:hover {background-color: #cd1111; color: #fff;}
.foo-social.ico-linkedin:hover {background-color: #015886; color: #fff;}
.foo-social.ico-dribbble:hover {background-color: #d92d84; color: #fff;}
.foo-social.ico-instagram:hover {background-color: #beb3a8; color: #fff;}
.foo-social.ico-pinterest:hover {background-color: #ac281a; color: #fff;}
.foo-social.ico-dropbox:hover {background-color: #008ad2; color: #fff;}
.foo-social.ico-skype:hover {background-color: #00a9ed; color: #fff;}
.foo-social.ico-youtube:hover {background-color: #cd1b20; color: #fff;}
.foo-social.ico-tumblr:hover {background-color: #3a5976; color: #fff;}
.foo-social.ico-vimeo:hover {background-color: #00adee; color: #fff;}
.foo-social.ico-flickr:hover {background-color: #d2d2d2; color: #fff;}
.foo-social.ico-github:hover {background-color: #222; color: #fff;}
.foo-social.ico-renren:hover {background-color: #364a83; color: #fff;}
.foo-social.ico-vk:hover {background-color: #3b5998; color: #fff;}
.foo-social.ico-xing:hover  {background-color: #015f5e; color: #fff;}
.foo-social.ico-weibo:hover  {background-color: #be4443; color: #fff;}
.foo-social.ico-rss:hover{background-color: #ff6600; color: #fff;}
.foo-social.ico-digg:hover  {background-color: #222; color: #fff;}
.foo-social.ico-deviantart:hover {background-color: #57675d; color: #fff;}
.foo-social.ico-envelope:hover {background-color: #999; color: #fff;}
.foo-social.ico-delicious:hover {background-color: #0A0A0A; color: #fff;}

/*------------------------------------------*/
/*	 FOOTER LINKS  
/*------------------------------------------*/

.contact-socials {
	display: inline-block; 
	padding-left: 0;
	margin-bottom: 5px;
}

.contact-socials li {
	float: left;
	width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
	padding: 0;
}

.foo_link {
	text-align: center;
	color: #444;
	font-size: 16px;
    line-height: 18px;
	font-weight: 700;
	text-decoration: underline;
	margin-left: 10px;
    display: block;
}

.foo_link:hover {
	color: #3aabe1;
	text-decoration: underline;
}



/* ==========================================================================
   21. SCROLL TO TOP
   ========================================================================== */

#scrollUp {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-image: url(../img/icons/back-to-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
	background-color: rgba(65, 65, 65, 0.85);
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	transition: all 250ms linear;	
}

#scrollUp:hover {
	background-color: rgba(45, 45, 45, 1);	
}

nav a#pull {  
    display: none;  
}





/* ==========================================================================
   STYLE CHANGER 
   ========================================================================== */

#stlChanger {
	color: #cecece;
	font-size: 14px;
	overflow: hidden;
	position: fixed;
	top: 80px;
	left:0;
	z-index: 9999999;
}

#stlChanger .bgChanger {
	position: relative;
	overflow: hidden;
}

#stlChanger .bgChanger {
	min-width: 220px;
	min-height: 220px;
}

#stlChanger .blockChanger {
	width: 170px;
}

#stlChanger .chBody {
	background: #eee;
	width: 180px;
	position: relative;
	overflow: hidden;
	border: 1px solid #aaa;
	border-radius: 0 6px 6px 0;
}

#stlChanger .chBut {
	background: #444;
	width: 40px;
	height: 40px;
	position:absolute;
	top: 15px;
	right:0px;
	z-index: 1000000;
	text-align: center;
	border: 1px solid #333;
	border-left: none;
	border-radius: 0px 4px 4px 0px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#stlChanger .chBut:hover {
	background: #c50009;
	border-color: #c50009;
}

#stlChanger .chBut i {
	color: #fff;
	font-size: 26px;
	margin: 7px 4px;
}

#stlChanger .stBlock {
	position:relative;
	overflow:hidden;
}

#stlChanger p {
	color: #444;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

#stlChanger .stBgs a {
	text-decoration:none;
	width: 40px;
	height: 40px;
	float:left;
	padding:0;
	margin: 0 4px 5px 0;
	cursor:pointer;
	opacity: 1;
}

#stlChanger .stBgs a:hover {
	opacity: 0.7;
}

.s_1 {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 2px 6px;
	background-color: #aaa;
	text-transform: uppercase;
	border-radius: 4px;
	line-height: 26px;
	display: block;
	margin-bottom: 5px;
}

.s_1.s_1_dark {
	background-color: #444;
}

.s_1:hover {
	color: #fff;
	background-color: #3aabe1;
}

.layout_color {
	background: url(../img/color-scheme/light.jpg) no-repeat top center;
	width: 142px;
	height: 30px;
	display: inline-block;
	text-indent: 9999px;
	overflow: hidden;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}

.layout_color { background-position: 0 top;}
.layout_color:hover { background-position: 0 bottom;}


.stBlock .btn {
	background-color: #9fc418;
	color: #fff;
	font-size: 13px;
	margin: 0px 10px;
	padding: 8px 14px;
	border: 2px solid #3aabe1;
}

.stBlock .btn:hover {
	background-color: #444;
	border-color: #444;
}