/* 

Template Name: SmartMVP - Responsive Premium Startup Landing Page Template

Theme URL: http://themedept.com/demo/smartmvp/index.html

Description: SmartMVP - Responsive Premium Startup Landing Page Template

Author: ThemeDept

Author URL: http://themedept.com

Version: 1.0.1

Website: http://themedept.com

Tags: startup landing page, app landing page, html5 template, one page, startup, saas, mvp, landing page

*/







/* ------------------------------------------ */

/*             TABLE OF CONTENTS

/* ------------------------------------------ */



/*   01 - General Style                          */

/*   02 - Typography                             */

/*   03 - Buttons & Icons                        */

/*   04 - Header & Navigation                    */

/*   05 - Login/Signup Modal                     */

/*   06 - Sections Settings                      */

/*   07 - Testimonials                           */

/*   08 - Features Tab                           */

/*   09 - Fast Reg, Newsletter & Signup Divider  */

/*   10 - Charts & Showcase Section              */

/*   11 - Pricing Tabs                           */

/*   12 - Team Section                           */

/*   13 - Mobile Download Section                */

/*   14 - Footer                                 */





/* ==========================================================================

   01. GENERAL STYLE

========================================================================== */ 

/*------------------------------------------*/

/*	 Basic Settings

/*------------------------------------------*/

body {

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    -webkit-font-smoothing: antialiased;

    color: #727272;

    font-size: 16px;

    line-height: 28px;

    font-weight: 400;

    padding: 0;

	margin:0;

    background-color: #ffffff;

	 width: 100%;

    height: 100%;

    margin: 0px;

    padding: 0px;

    /*overflow-x: hidden;*/ 

}



.main-wrapper {

    overflow: hidden;

}



section{

    position: relative;

    overflow: hidden;

}



/*------------------------------------------------------------------*/

/*	 Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix

/*-----------------------------------------------------------------*/

@-webkit-viewport { 

	width: device-width; 

}



@-moz-viewport { 

	width: device-width; 

}



@-ms-viewport { 

	width: device-width; 

}



@-o-viewport { 

	width: device-width; 

}



@viewport { 

	width: device-width; 

}



/*------------------------------------------*/

/*	 Link 

/*------------------------------------------*/

a {

	-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, a:focus {

	color: #3e3e3e;

	text-decoration: none;

}



/*------------------------------------------*/

/*	 Lists

/*------------------------------------------*/

ul {

	padding-left: 0;

	list-style: none;

}



/*------------------------------------------*/

/*	 Backgrounds

/*------------------------------------------*/

.light-bg{

	background-color: #fafafa;

}



.dark-bg{

    background-color: #323a45;

}



.white-bg{

    background-color: #ffffff;

}



/*------------------------------------------*/

/*	 Overlay Effect

/*------------------------------------------*/

.overlay{

    /* Provides cross-browser RGBa background */

    zoom: 1;

    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#80000000', endColorstr='#80000000');

    background: transparent;

    /*background: rgba(51, 51, 51, 0.5);*/

}



/* set filter as none for IE9+, because IE9+ support RGBa */

:root .overlay {

    filter: none\0/IE9;

}



/*------------------------------------------*/

/*   Form Settings

/*------------------------------------------*/

.form-group {

    margin-bottom: 25px;

}



.control-label {

    display: block;

    font-size: 13px;

    line-height: 15px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    margin: 0 0 7px 0;

    color: #3e3e3e;

}



.form-control {

    display: inline-block;

    width: 100%;

    height: 39px;

    padding: 9px;

    font-size: 13px;

    line-height: 17px;

    color: #3e3e3e;

    background-color: transparent;

    background-image: none;

    border: 2px solid #cb6060;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    -webkit-transition: none;

    -o-transition: none;

    -moz-transition: none;

    transition: none;

}



/*------------------------------------------*/

/*   Modal Settings

/*------------------------------------------*/

.modal-content {

    text-align: center;

}



/*------------------------------------------*/

/*   Notifications

/*------------------------------------------*/

.signup-success,.signup-failed,.lm-success,.lm-failed,.sm-success,.sm-failed,.fast-failed,.fast-success,.subscription-success,.subscription-failed,.mc-success,.mc-failed{

    display: none;

    margin-top: 5px;

}



.lm-success,.sm-success{

    color:#27ae60;

}



.signup-success,.signup-failed,.fast-success,.fast-failed,.subscription-success,.subscription-failed,.mc-success,.mc-failed {

    color:#ffffff;

}



.lm-failed,.sm-failed{

    color:#c0392b;

}



/*------------------------------------------*/

/*	 Blockquote

/*------------------------------------------*/

blockquote {

    border: 0;

    padding: 0 20px;

}



blockquote:before {

    height: 0;

    float: left;

    position: relative;

    top: 14px;

    left: -30px;

    content: "“";

    font-family: Georgia, Times, "Times New Roman", serif;

    font-size: 50px;

    color: #999;

}



blockquote img {

	float: left;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	height: 75px;

	width: 75px;

	margin-right: 15px;

}



/*------------------------------------------*/

/*   Wrappers & Boxes

/*------------------------------------------*/

.wrapper-lg{

    padding: 80px 0 80px 0;

}



.wrapper-md{

    padding: 80px 0;

}



.wrapper-sm{

    padding: 50px 0;

}



.wrapper-xs{

    padding: 20px 0;

}



/* vertical align */

.vmiddle{

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



/*------------------------------------------*/

/*   Preloader

/*------------------------------------------*/

.preloader{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 99999;

    height: 100%;

    width: 100%;

    text-align: center;

    overflow: hidden !important;

}



.loader-container{

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -20px 0 0 -80px;

}



.signal {

    display: inline-block;

    border: 3px solid #fff;

    border-radius: 30px;

    height: 30px;

    opacity: 0;

    width: 30px;

    margin-top: 10px;

    -webkit-animation: pulsate 1s ease-out;

    -moz-animation: pulsate 1s ease-out;;

    -webkit-animation-iteration-count:infinite;

    -moz-animation-iteration-count:infinite;

}



@-webkit-keyframes pulsate {

    0% {

      transform:scale(.1);

      opacity: 0.0;

    }

    50% {

      opacity: 1;

    }

    100% {

      transform:scale(1.2);

      opacity: 0;

    }

}



@-moz-keyframes pulsate {

    0% {

      transform:scale(.1);

      opacity: 0.0;

    }

    50% {

      opacity: 1;

    }

    100% {

      transform:scale(1.2);

      opacity: 0;

    }

}



/*------------------------------------------*/

/*   New Venobox Close Icon

/*------------------------------------------*/

.vbox-close {

    top: 5px;

    right: 8px;

    width: 60px;

    height: 50px;

    background: url(../images/venobox/close.gif) no-repeat #161617;

}



/*------------------------------------------*/

/*   Text-Logo

/*------------------------------------------*/

.text-logo{

    font-family: 'Raleway','Open Sans',Helvetica,Arial,sans-serif;

    font-style: normal;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-size: 19px;

    line-height: 21px;

    color: #ffffff;

}





/* ==========================================================================

   02. TYPOGRAPHY

========================================================================== */

h1, h2, h3, h4 {

 	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;

 	margin: 0 0 20px;

    color: #3e3e3e;

    letter-spacing: -1px;

}



h1 {

    font-size: 48px;

    line-height: 52px;

    font-weight: 300;

}



h2 {

    font-size: 42px;

    line-height: 46px;

    font-weight: 300;

    text-align: center;

}



h3 {

    font-size: 32px;

    line-height: 36px;

    font-weight: 300;

}



h4 {

    font-size: 23px;

    line-height: 32px;

    font-weight: 400;

    color: #353535;

}



h5 {

    font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 700;

    font-size: 13px;

    line-height: 15px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #3e3e3e;

}



b, strong {

    font-weight: 600;

}



p {

    margin: 0;

}



.large{

	font-size: 18px;

    line-height: 25px;

    margin-bottom: 50px;

    font-weight: 400;

    text-align: center;

}



.text-white {

    color: #ffffff;

}



.stratp{

    font-size: 17px;

    line-height: 25px;

    margin-bottom: 20px;

    font-weight: 400;

    text-align: center;

    color: #727272;

}



.stratp2{

    font-size: 17px;

    line-height: 25px;

    margin-bottom: 20px;

    font-weight: 400;

    text-align: left;

    color: #000;

}





.strath3

{

	font-size: 36px;

    line-height: 36px;

    font-weight: 300;

}



a.active .strath5

{

		font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: bolder;

    font-size: 13px;

    line-height: 15px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #36aa0f !important;

	text-align:center;

	text-decoration:underline;

}

.strath5

{

	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 600;

    font-size: 13px;

    line-height: 15px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #3e3e3e !important;

	text-align:center;

	

	

	

}





.stratdiv

{

	padding-top:100px;

	padding-bottom: 50px;

}



.stratdiv1

{

	padding-top:60px;

	padding-bottom: 0px;

}



.stratdiv2

{

	padding-top:100px;

	padding-bottom: 20px;

}



.stratdivb

{

	height:80px;

}



.stratdivb2

{

	height:50px;

}





/* ==========================================================================

   03. BUTTONS & ICONS

========================================================================== */ 

.btn {

 	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 700;

    font-size: 11px;

 	line-height: 15px;

    text-transform: uppercase;

    letter-spacing: 1px;

    -o-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

    margin-right: 15px;

    margin-bottom: 5px;

    border-radius: 5px;

    display: inline-block;

    padding: 14px 28px 13px 28px;

    border:2px solid;

}



.btn:focus {

 	outline: none;

}



.btn:hover {

 	text-decoration: none;

}



.btn>i {

    font-size: 15px;

    margin-right: 5px;

    vertical-align: text-bottom;

}



.btn-box {

    padding:20px 0;

}



/*------------------------------------------*/

/*	 Buttons Color

/*------------------------------------------*/

.btn-ghost {

	background: transparent;

	color: #ffffff;

	border-color: #ffffff;

}



.btn-ghost:hover {

	background: #ffffff;

	color: #3e3e3e;

	border-color: #ffffff;

}



.btn-white {

	background: #ffffff;

	color: #c0392b;

	border-color: #ffffff;

}



.btn-white:hover {

    background: #c0392b;

    color: #3e3e3e;

    border-color: #c0392b;

}



.btn-grey {

	color: #3e3e3e;

	background-color: transparent;

	border-color: #7f8c8d;

}



.btn-grey:hover {

	color: #3e3e3e;

	border-color: #3e3e3e;

	background-color: transparent;

}



/*------------------------------------------*/

/*	 Icons Style

/*------------------------------------------*/

.icon-lg, .icon-sm {

    transition: all .2s ease;

    -webkit-transition: all .2s ease;

    -o-transition: all .2s ease;

    -moz-transition: all .2s ease;

    color: #3e3e3e;

}



.icon-lg {

    font-size: 65px;

}



.icon-sm {

    font-size: 40px;

}





/* ==========================================================================

   04. HEADER & NAVIGATION

========================================================================== */

/*------------------------------------------*/

/*   Header Background Parallax Settings

/*------------------------------------------*/

.header{

    -webkit-background-size: cover;

    -moz-background-size:cover;

    background-size: cover;   

}



.header .overlay {

    height: 600px;

}



/*------------------------------------------*/

/*   Navbar General Settings

/*------------------------------------------*/

.navbar{

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

}



.navbar-fixed-top {

    padding-top: 25px;

    padding-bottom: 25px;

}



/*.navbar-fixed-top.is-scrolling,

.navbar-fixed-top.innernav{

    background: #323a45;

   background: rgba(50,58,69,0.95) !important;

    background: rgba(0,0,0,0.80) !important;

    border: 0;

    padding-top: 5px;

    padding-bottom: 5px;

}*/



.navbar-fixed-top.innernav{

    background: #323a45;

    background: rgba(0,0,0,0.95) !important;

    border: 0;

    padding-top: 5px;

    padding-bottom: 5px;

}



.navbar-fixed-top.is-scrolling{

    background: #323a45;

    background: rgba(0,0,0,0.80) !important;

    border: 0;

    padding-top: 5px;

    padding-bottom: 5px;

}





.navbar-right{

    position: relative;

    top: 5px;

    float: left;

    text-align: left;

}



/* Img-Logo Fixes */

.navbar-brand.img-logo{

    padding:5px 0 0 0;

}



/*------------------------------------------*/

/*   Navbar Links Menu

/*------------------------------------------*/

.navbar-nav>li>a{

    font-family: 'Raleway','Open Sans',Helvetica,Arial,sans-serif;

    font-style: normal;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-size: 11px;

    line-height: 15px;

    color: #ffffff;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

}



.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus{

    color: #ffffff;

    background-color: transparent;

}



/*------------------------------------------*/

/*   Navbar Mobile Menu

/*------------------------------------------*/

.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus {

    background-color: transparent;

}



.navbar-toggle {

    color: #ffffff;

    padding: 0; 

    margin-top: 13px;

    margin-bottom: 0;

    font-size:26px;

}





.navbar-collapse {

    box-shadow:none;

    border:0;

}



/*------------------------------------------*/

/*   Navbar Buttons

/*------------------------------------------*/

.navbar-nav>li>a.btn-nav {

    margin: 6px 0 10px 15px;

    padding: 7px;  

}



.navbar-nav>li>a.btn-nav:hover, .navbar-nav>li>a.btn-nav:focus {

    background: #ffffff;

    color: #3e3e3e;

    border-color: #ffffff;

}



/*------------------------------------------*/

/*   Hero-Section

/*------------------------------------------*/

.hero-section .btn-color:hover{

    border-color: #ffffff;

}



.hero-section p{

    font-size: 21px;

    line-height: 27px;

    letter-spacing: -1px;

    margin-bottom: 35px;

}



.hero-section .btn-box{

    padding: 0;

}



.hero-section .btn{

    margin-bottom: 0;

} 



/*------------------------------------------*/

/*   Header Solid-Background

/*------------------------------------------*/

.solid-bg .overlay {

    background: none;

}



.solid-bg .btn-white:hover{

    border-color:#ffffff;

    color:#ffffff;

}



/*------------------------------------------*/

/*   Header App

/*------------------------------------------*/

.hero-app .hero-section{

    padding-top: 20%;

}



/*------------------------------------------*/

/*   Header Type

/*------------------------------------------*/

.type h1{

    line-height: 59px;

}



/*------------------------------------------*/

/*   Header Video Background

/*------------------------------------------*/

.header.video-bg{

    background: transparent;

}



/*------------------------------------------*/

/*   Header Video Background

/*------------------------------------------*/

.header.youtube-bg .overlay {

    height: 650px;

}



/*------------------------------------------*/

/*   Header Slider

/*------------------------------------------*/

.header.slider{

    background: none;  

}



.header.slider .overlay{

    height: 100%;

}



.slider-text{

    display: block;

}



/*------------------------------------------*/

/*   Header Dashboard

/*------------------------------------------*/

.header.dashboard .overlay{

    overflow:hidden;

}



.dashboard .hero-section{

    padding-top: 25%;

}



.image-dashboard {

    overflow: hidden;

    padding-top: 30px;

}



.image-dashboard img {

    max-width: 85%;

}







/* ==========================================================================

   05. LOGIN/SIGNUP MODAL

========================================================================== */ 

.login .modal-dialog{

    width: 400px;

    margin-top: 105px;

}



.login .modal-content{

    background-color: #fcfcfc;

    border-radius:6px;

}



.login .modal-header {

    padding: 15px 15px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}



.login .modal-header .close{

    color:#3e3e3e;

    opacity:0.7;

}



.login .modal-header .close:hover{

    opacity:1;

}



.login .modal-header .close i{

    font-weight:bold;

}



.login .modal-header .close:focus{

    outline:none;

}



.login .modal-header .modal-title{

    font-weight: 400;

    font-size: 25px;

    line-height: 29px;

    margin-top: 10px;

    margin-left: 25px;

}



.login .modal-header .modal-subtitle{

    font-weight: 300;

    font-size: 14px;

    line-height: 17px;

    color: #3e3e3e;

    margin-bottom: 0;

    margin-top: 5px;

}



.login .form-control{

    margin: 5px auto;

}



.login .btn{

    width: 100%;

    margin: 5px 0 0;

}



.login .btn-color:hover{

    color: #fff;

    background-color: #3e3e3e;

    border-color: #3e3e3e;

}



.login .modal-footer{

    border-top: 0;

    margin-top: 0;

    padding: 10px 20px 20px;

}



.login .forgot{

    color: #3e3e3e;

    margin-left: 0;

    overflow: hidden;

    text-align: center;

    width: 100%;

    font-size: 13px;

    font-weight: 400;

    text-transform: uppercase;

}



.modal-body {

    padding: 20px 50px;

}





/* ==========================================================================

   06. SECTIONS SECTIONS

========================================================================== */ 

/*------------------------------------------*/

/*   About - Intro Features

/*------------------------------------------*/

.intro-features {

    text-align: center;

}



.intro-features .icon-lg{

    margin-bottom: 20px;

}



/*------------------------------------------*/

/*   Image with Action

/*------------------------------------------*/

.img-with-action .btn-color:hover{

    background: transparent;

}



.img-with-action .btn-box{

    padding-bottom: 0;

}



.img-col-bg{

    position: absolute;

    height: 100%;

    padding: 0;

    top: 0;

}



/* light img overlay*/

.img-col-bg:before{

    opacity: 0.2;

    position: absolute;

    content: ' ';

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: #b0babf;

}



.img-right {

    right: 0;

    background: url(../images/img-right.jpg) 50% 0 no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

}





/* ==========================================================================

   07. TESTIMONIALS

========================================================================== */ 

/*------------------------------------------*/

/*   Testimonial-Press Section

/*------------------------------------------*/

.testimonial-press {

    height: 600px;

}



.testimonial-name {

    padding-top: 25px;

    font-size: 13px;

    line-height: 16px;

}



.testimonial-name span {

    display: block;

    font-weight: 600;

    color: #333333;

    font-size: 14px;

}



.testimonial-press .etabs img {

    margin-top: 30px;

    max-width: 122px;

    opacity: 0.3;

}



.testimonial-press .etabs .active img {

    opacity: 1;

}





/* ==========================================================================

   08. FEATURES TAB

========================================================================== */ 

.tab-features .features-title{

    padding-top: 80px;

    text-align: center;

}



.tab-features .large{

    margin-bottom: 20px;

}



.tab-features .panel-container{

    background-color: #e3e2e2;

}



.tab-features .etabs{

    display: table;

    text-align: center;

    margin: 0 auto;

}



.tab-features .etabs .tab{

    display: table-cell;

    padding: 0 70px 0px 0;

    opacity: 0.5;

}



.tab-features .etabs .tab:last-child{

    padding-right: 0;

}



.tab-features .etabs .tab.active{

    opacity: 1;

}



.tab-features .etabs .tab.active:before{

    content: '';

    position: relative;

    bottom: -55px;

    margin-left: 55px;

    vertical-align:middle;

    content: " ";

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 12px solid #fff;

    border-style: none double solid;

    width: 0;

    height: 0;

   display: block;

   visibility:hidden;

}





#section-22 .panel-container, #section-77 .panel-container

{

	background:#fff !important;

}



.etabs .icon-sm {

    /*display: inline-block;*/

	visibility:hidden;

    width:55px;

    height:auto;

    margin-right: 10px;

    vertical-align: sub;

    color: #ffffff;

}



.etabs .icon-sm:hover {

    color: #ffffff;

}



.tab-features .etabs .active h5, .tab-features .etabs .active i {

    color: #ffffff;

}



.tab-features .tab-content {

    overflow:hidden !important;

    height: 930px;

    padding-top: 100px;

}



.tab-content h4 {

    font-size: 24px;

    line-height: 30px;

}



.tab-content p{

    margin-bottom: 20px;

}



.tab-icon {

    margin-bottom: 20px;

}



.tab-icon .icon-sm{

    width: 60px;

    margin-bottom: 10px;

    display: inline-block;

}



.tab-icon .large{

    margin-bottom: 10px;

    display: inline-block;

    color: #3e3e3e;

    font-size: 20px;

    position: relative;

    bottom: 10px;

}



.img-device{

    width: 100%;

	height: 100%;

	-webkit-box-shadow: 0px 7px 26px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 7px 26px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 7px 26px 0px rgba(0,0,0,0.3);

	visibility:visible !important;

}



.img-device1{

    width: 100%;

	height: 100%;

	-webkit-box-shadow: 0px 7px 26px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 7px 26px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 7px 26px 0px rgba(0,0,0,0.3);

	visibility:hidden;

}



.img-device2{

    width: 100%;

	height: 100%;

}



.img-shadow{

   

	-webkit-box-shadow: 0px 7px 26px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 7px 26px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 7px 26px 0px rgba(0,0,0,0.3);

	visibility:hidden;

}



/*single feature-tab fixes*/

/* 2col text left with buttons, image right */

#tab-feature-1 .btn-box{

    padding: 0;

}



.slidecaption

{

	display: block;

    color: #fff;

    padding: 15px;

    text-align: left;

    line-height: 18px;

    letter-spacing: 2px;

    background: rgba(122, 189, 66, 0.9); 

    /* background: #5b932c; 

    background: #7abd42;*/

    z-index: 1;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    -moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

}



.slidecaption span, .slidecaption2 span

{

	font-size: 14px;

}





#strat1amazing

{

	margin-top:30%;

	margin-left: 45%;

	width: 400px;

}



#strat1amazing:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:550px;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

	

}



#strat1fully

{

	margin-top: 35%;

	margin-left: 98%;

	width: 38%;

}



#strat1fully:after

{

	content: "";

    position: absolute;

    top: 80%;

    left:95%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

	

}



#strat1key

{

	margin-top:23%;

	margin-left: 30%;

	width: 40%;

}



#strat1key:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:350px;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

	

}





#strat2cloud

{

	margin-top:23%;

	margin-left: 25%;

	width: 85%;

}



#strat2cloud:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:72%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;



	

}



#strat2bookmark

{

	margin-top: 20%;

	margin-left: 98%;

	width: 38%;

}



#strat2bookmark:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:95%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

	

}



#strat2web

{

	margin-top:5%;

	margin-left: 45%;

}



#strat2web:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:67%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



#strat2ebooks

{

	margin-top: 27%;

	margin-left: 80%;

	width:25%;

}



#strat2ebooks:after

{

	

	content: "";

    position: absolute;

    top: 80%;

    left:77.5%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	



}





#strat2doc

{

	margin-top: 32%;

	margin-left: 80%;

	width:25%;

}



#strat2doc:after

{

	

	content: "";

    position: absolute;

    top: 83%;

    left:77.5%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	



}



#strat2free

{

	margin-top:4%;

	margin-left: 87%;

	width:42%;

}



#strat2free:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:95%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



.slidecaption2

{

	display: block;

    color: #fff;

    padding: 15px;

    text-align: left;

    line-height: 18px;

    letter-spacing: 2px;

    background: rgba(122, 189, 66, 0.9); 

    /* background: #5b932c; 

    background: #7abd42;*/

    z-index: 1;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    -moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

	position: absolute;

}



#strat3guided

{

	margin-top:45%;

	margin-left: 50%;

	width: 37%;

}



#strat3guided:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:35%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

	

}



#strat3guidedex

{

	margin-top:5%;

	margin-left: 50%;

	width: 37%;

}



#strat3guidedex:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:35%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

	

}



#strat4social

{

	margin-top:3%;

	margin-left: 8%;

	width: 40%;

}



#strat4social:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:25%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



#strat4stay

{

	margin-top: 25%;

	margin-left: 95%;

	width: 38%;

}



#strat4stay:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:92%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}



#strat4learn

{

	margin-top: 30%;

	margin-left: 101%;

	width: 34%;

}



#strat4learn:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:98%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}



#strat4share

{

	margin-top: 30%;

	margin-left: 95%;

	width: 34%;

}



#strat4share:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:92%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}





#strat5personal

{

	margin-top:20%;

	margin-left:30%;

	width: 40%;

}





#strat5personal:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:45%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



#strat5detailed

{

	margin-top:40%;

	margin-left:40%;

	width: 40%;

}





#strat5detailed:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:60%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



#strat5smart

{

	margin-top: 37%;

	margin-left: 95%;

	width: 34%;

}



#strat5smart:after

{

	content: "";

    position: absolute;

    top: 82%;

    left:92%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}





/*iphone captions*/





#strat1amazingi2,

#strat1fullyi2

{

	margin-top: 30%;

	margin-left: 90%;

	width: 38%;

}



#strat1fullyi2:after,

#strat1amazingi2:after

{

	content: "";

    position: absolute;

    top: 75%;

    left:87%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

	

}



#strat1keyi2

{

	margin-top:23%;

	margin-left: 30%;

	width: 40%;

}



#strat1keyi2:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:350px;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

	

}





#strat2cloudi2,

#strat2webi2,

#strat2ebooksi2,

#strat2freei2

{

	margin-top: 30%;

	margin-left: 90%;

	width: 38%;

}



#strat2cloudi2:after,

#strat2webi2:after,

#strat2ebooksi2:after,

#strat2freei2:after

{

	content: "";

    position: absolute;

    top: 75%;

    left:87%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

	

}







#strat2bookmarki2,

#strat4sociali2,

#strat5personali2,

#strat5detailedi2

{

	margin-top: 20%;

	margin-left: 90%;

	width: 38%;

}



#strat2bookmarki2:after,

#strat4sociali2:after,

#strat5personali2:after,

#strat5detailedi2:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:87%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

	

}







#strat3guidedi2

{

	margin-top: 15%;

	margin-left: 60%;

	width:30%;

}



#strat3guidedi2:after

{

	content: "";

    position: absolute;

    top: 50%;

    left:-4%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

	

}







#strat4stayi2

{

	margin-top: 25%;

	margin-left: 93%;

	width: 38%;

}



#strat4stayi2:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:90%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}



#strat4learni2

{

	margin-top: 20%;

	margin-left: 93%;

	width: 34%;

}



#strat4learni2:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:90%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}



#strat4sharei2

{

	margin-top: 25%;

	margin-left: 95%;

	width: 34%;

}



#strat4sharei2:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:92%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}





#strat5smarti2

{

	margin-top: 18%;

	margin-left: 95%;

	width: 34%;

}



#strat5smarti2:after

{

	content: "";

    position: absolute;

    top: 70%;

    left:92%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}



/*ipad captions*/



#strat1amazingi

{

	margin-top:20%;

	margin-left: 45%;

	width: 400px;

}



#strat1amazingi:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:550px;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

	

}



#strat1fullyi

{

	margin-top: 35%;

	margin-left: 98%;

	width: 38%;

}



#strat1fullyi:after

{

	content: "";

    position: absolute;

    top: 80%;

    left:95%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

	

}



#strat1keyi

{

	margin-top:23%;

	margin-left: 30%;

	width: 40%;

}



#strat1keyi:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:350px;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

	

}





#strat2cloudi

{

	margin-top:0%;

	margin-left: 45%;

	width: 50%;

}



#strat2cloudi:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:65%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;



	

}



#strat2bookmarki

{

	margin-top: 20%;

	margin-left: 98%;

	width: 38%;

}



#strat2bookmarki:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:95%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

	

}



#strat2webi

{

	margin-top:5%;

	margin-left: 60%;

}



#strat2webi:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:67%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



#strat2ebooksi

{

	margin-top: 27%;

	margin-left: 80%;

	width:25%;

}



#strat2ebooksi:after

{

	

	content: "";

    position: absolute;

    top: 80%;

    left:77.5%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	



}





#strat2doci

{

	margin-top: 32%;

	margin-left: 80%;

	width:25%;

}



#strat2doci:after

{

	

	content: "";

    position: absolute;

    top: 83%;

    left:77.5%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	



}



#strat2freei

{

	margin-top:0%;

	margin-left: 87%;

	width:42%;

}



#strat2freei:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:95%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



.slidecaption2i

{

	display: block;

    color: #fff;

    padding: 15px;

    text-align: left;

    line-height: 18px;

    letter-spacing: 2px;

    background: rgba(122, 189, 66, 0.9); 

    /* background: #5b932c; 

    background: #7abd42;*/

    z-index: 1;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    -moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

	position: absolute;

}



#strat3guidedi

{

	margin-top:2%;

	margin-left: 50%;

	width: 37%;

}



#strat3guidedi:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:35%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

	

}



#strat4sociali

{

	margin-top:0%;

	margin-left: 15%;

	width: 40%;

}



#strat4sociali:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:25%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



#strat4stayi

{

	margin-top: 25%;

	margin-left: 95%;

	width: 38%;

}



#strat4stayi:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:92%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}



#strat4learni

{

	margin-top: 20%;

	margin-left: 55%;

	width: 34%;

}



#strat4learni:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:53.5%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}



#strat4sharei

{

	margin-top: 25%;

	margin-left: 95%;

	width: 34%;

}



#strat4sharei:after

{

	content: "";

    position: absolute;

    top: 74%;

    left:92%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}





#strat5personali

{

	margin-top:15%;

	margin-left:30%;

	width: 40%;

}





#strat5personali:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:45%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



#strat5detailedi

{

	margin-top:35%;

	margin-left:40%;

	width: 40%;

}





#strat5detailedi:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:60%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

}



#strat5smarti

{

	margin-top: 18%;

	margin-left: 95%;

	width: 34%;

}



#strat5smarti:after

{

	content: "";

    position: absolute;

    top: 70%;

    left:92%;

    border-style: solid;

    border-width: 15px 15px 15px 0;

    border-color: transparent #7abd42;

    display: block;

    width: 0;

    z-index: 1;

    opacity:.9;	

}







.btnNext {

	background:url("http://www.spreeder.com/2016/wp-content/themes/smartmvp/img/arrow.png");

	background-position:-25px 0px;

	display:block;

	right:300px;

	top:50%;

	margin-top:-100px;

	position:absolute;

	width:25px;

	height:100px;

}

/*.btnNext:hover {

	background-position:-25px -100px;

	width:25px;

	height:100px;

}*/



.btnPrevious {

	background:url("http://www.spreeder.com/2016/wp-content/themes/smartmvp/img/arrow.png");

	background-position:0px 0px;

	display:block;

	left:300px;

	top:50%;

	margin-top:-100px;

	position:absolute;

	width:25px;

	height:100px;

}

/*.btnPrevious:hover {

	background-position:0px -100px;

	width:25px;

	height:100px;

}*/









/* ==================================================================================

   09. NEWSLETTER, FAST-REGISTRATION HEADER & SIGNUP DIVIDER SECTIONS

=================================================================================== */ 

/* Newsletter */

.newsletter .table{

    display: table;

    width: 100%;

    margin: 0;

}



.newsletter .table-row{

    display: table-row;

}



.newsletter .follow{

    width: 120px;

}



.newsletter .getnewsletter{

    width: 190px;

}



.newsletter .table-cell {

    display: table-cell;

    vertical-align: middle;

}



.newsletter .table-title {

    font-size: 14px;

    line-height: 16px;

    color: #ffffff;

    opacity: 0.8;

}



.newsletter .social-list{

    display: block;

    margin: 0 0 0 -10px;

    list-style: none;

}



.newsletter .social-list>li {

    float: left;

    margin: 0 7px;

}



.newsletter .social-list>li a{

    font-size: 50px;

    color: #fff;

    text-align: center;

}



.newsletter .social-list>li a:hover{

    color: #3e3e3e;

}



.newsletter .input-group .form-control{

    background: transparent;

    border-color: #ffffff;

    font-weight: 400;

    font-size: 14px;

    height: 50px;

    color: #fff;

}



.newsletter .form-control:focus{

    box-shadow: none;

}



.newsletter .form-control::-moz-placeholder {

    color: #ffffff;

}



.newsletter .form-control:-ms-input-placeholder {

    color: #ffffff;

}



.newsletter .form-control::-webkit-input-placeholder {

    color: #ffffff;

}



.newsletter .btn{

    padding: 16px 28px 15px 28px;

    margin-right:0;

}



.newsletter .btn:hover{

    background: #333333;

    color: #fff;

    border-color: #333333;

}



.newsletter .subscription-success, .newsletter .subscription-failed {

    font-weight: 600;

    color: #ffffff;

}



.newsletter .subscription-success i, .newsletter .subscription-failed i{

    margin-right: 5px;

}



/* Signup Divider */

.signup-divider{

    text-align: center;

}



.signup-divider h2{

    font-weight: 400;

}



.signup-handwritten {

    font-family: 'Handlee', cursive;

    position: absolute;

    -moz-transform: rotate(-7deg);

    -o-transform: rotate(-7deg);

    -ms-transform: rotate(-7deg);

    -webkit-transform: rotate(-7deg);

    transform: rotate(-7deg);

    right: 0;

    bottom: 30px;

    font-size: 21px;

}



.signup-handwritten:before {

    content: "";

    position: absolute;

    left: -32px;

    top: 16px;

    background-repeat: no-repeat;

    background-image: url(../images/arrow-hand.png);

    background-size: 31px 55px;

    background-position: center center;

    width: 31px;

    height: 54px;

}



.signup-divider canvas{

    width:100%;

    height:100%;

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

}



.signup-divider .form-group,.fast-reg .form-group{

    width:25%;

    display: inline-block;

    margin-right: 15px;

    margin-bottom: 0;

}



.signup-divider .form-control,.fast-reg .form-control{

    background: transparent;

    border-color: #3e3e3e;

    font-weight: 400;

    font-size: 14px;

    height: 50px;

    color:#3e3e3e;

}



.signup-divider .btn{

    margin-bottom: 0;

    margin-right: 0;

    font-size: 15px;

    padding: 16px 28px 15px;

}



.fast-reg .btn{

    margin-bottom: 0;

    font-size: 13px;

    padding: 16px 28px 15px;

}



.signup-divider .btn:hover,.fast-reg .btn:hover{

    border-color: #ffffff;

}



.signup-divider .btn i,.fast-reg .btn i{

    font-size: 16px;

    margin-right: 0

}



.signup-divider.dark-bg {

    z-index: 0;

}



.signup-divider .form-control::-moz-placeholder {

    color: #fff;

}



.signup-divider .form-control:-ms-input-placeholder {

    color: #fff;

}



.signup-divider .form-control::-webkit-input-placeholder {

    color: #fff;

}



.signup-divider .form-container{

    background-color: #3e3e3e;

    background-color: rgba(62,62,62,0.8);

    padding: 10px 0;

    margin: 0 auto;

    width: 70%;

    border-radius: 6px;

}



/* Fast-reg Fixes */

.fast-reg .hero-section{

    text-align: center;

}



.fast-reg .form-control{

    background: #ffffff;

    border-color: #ffffff;

    font-weight: 400;

    font-size: 14px;

    height: 50px;

    color: #333;

}





/* ==========================================================================

   10. CHARTS SECTION

========================================================================== */ 

.charts p{

    margin-bottom: 20px;

}



.charts p.large{

    margin-bottom: 70px;

}



.charts h4{

    font-size: 24px;

    line-height: 30px;

}



.doughnut-box{

    margin-bottom: 206px;

}



.chart-box{

    margin-bottom: 80px;

}



.canvas-holder {

    z-index:10;

    position:absolute;

    left:0;

}



.canvas-holder .chart-text{

    text-align: center;

    position: absolute;

    left: 143px;

    top: 163px;

}



.canvas2-holder {

    position:absolute;

    left:370px;

    top:50px;

    z-index:0;

}



.canvas2-holder .chart2-text{

    text-align: center;

    position: absolute;

    left: 116px;

    top: 111px;

}



.chart-text, .chart2-text{

    font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 300;

    font-size: 21px;

    line-height: 24px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #333333;

}



.chart-text span, .chart2-text span{

    display:block;

    font-weight: 600;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-transform: none;

    letter-spacing: normal;

}



.line-canvas{

    width:100%;

}



/*------------------------------------------*/

/*   Showcase Item with Video Button

/*------------------------------------------*/

.showcase .video-player{

    position: absolute;

    top: 37%;

    left: 54%;

    color: #ffffff;

    font-size: 55px;

}



.showcase .video-player:hover{

    opacity: 0.6;

}





/* ==========================================================================

   11. PRICING TABS

========================================================================== */ 

.pricing-tab {

    padding: 50px 30px 30px;

    border-radius: 7px;

    color:#333333;

    text-align: center;

    position: relative;

}



.pricing-tab p.price{

    font-size: 56px;

    letter-spacing: -2px;

    margin-bottom: 30px;

    font-weight: 300;

}



.pricing-tab p.price span {

    font-size: 22px;

}



.pricing-tab h4 {

    margin: 0 60px 30px;

    padding-bottom: 5px;

}



.pricing-tab .btn{

    padding:11px 35px;

    font-size:13px;

}



.pricing-tab .btn:hover {

    background: #333333;

    color: #fff;

    border-color: #333333;

}



.pricing-tab .ribbon {

    position: absolute;

    top: -10px;

    right: -10px;

    width: 115px;

    height: 115px;

    overflow: hidden;

}



.pricing-tab .ribbon .popular{

    position: relative;

    left: -8px;

    top: 18px;

    width: 158px;

    padding: 10px 10px;

    color: #fff;

    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);

    -moz-transform: rotate(45deg) translate3d(0, 0, 0);

    -ms-transform: rotate(45deg) translate3d(0, 0, 0);

    -o-transform: rotate(45deg) translate3d(0, 0, 0);

    transform: rotate(45deg) translate3d(0, 0, 0);

}



.pricing-tab .ribbon .popular:after, .pricing-tab .ribbon .popular:before{

    content: '';

    position: absolute;

    bottom: -5px;

    border-top: 5px solid #3e3e3e;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

}



.pricing-tab .ribbon .popular:before{

    left: 0;

}



.pricing-tab .ribbon .popular:after{

    right: 0;

}



.pricing-features{

    margin-bottom: 30px;

}



.pricing-features li{

    padding: 3px 0;

    font-size: 16px;

    font-weight: 400;

}



.pricing-features li span{

    display:block;

    font-weight: 300;

}



.pricing-more {

    margin-top:30px;

    padding-left: 15px;

}



.pricing-more strong {

    color: #333333;

}



.pricing-more i{

    vertical-align: baseline;

}





/* ==========================================================================

   12. TEAM SECTION

========================================================================== */ 

.team h4{

    margin-top: 20px;

}



.team-img{

    position: relative;

    overflow: hidden;

    perspective: 300px;

    -webkit-perspective: 300px;

    -ms-perspective: 300px;

    -o-perspective: 300px;

    -webkit-border-radius: 5%;

    -moz-border-radius: 5%;

    border-radius: 5%;

    opacity:0.85;

}



.team-img .img-overlay{

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    opacity: 0;

    background: rgba(27,27,27,.7);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

}



.team-img:hover .img-overlay{

    opacity: 1;

}



.team-img:hover img{

    -ms-transform: scale(1.5,1.5);

    -moz-transform: scale(1.5,1.5);

    -o-transform: scale(1.5,1.5);

    -webkit-transform: scale(1.5,1.5);

    transform: scale(1.5,1.5);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

}



.team-img .img-icons {

    width: 100%;

    height: 100%;

    text-align: center;

}



.team-img .img-icons span{

    display: inline-block;

    position: relative;

    top: 33%;

    margin: 0 3%;

}



.team-img .img-icons .icon-white a{

    color:#ffffff;

}



.team-img .img-icons span i{

    text-align: center;

    font-size: 60px;

    width: 60px;

    height: 60px;

    padding: 5%;

}





/* ==========================================================================

   13. MOBILE DOWNLOAD SECTION

========================================================================== */ 

.mobile-download h3{

    margin-top: 0px;

}



.mobile-text {

    font-size: 18px;

    line-height: 25px;

    margin-bottom: 2h0px;

    font-weight: 400;

}



.mobile-download .btn-color {

    margin-top: 20px;

}



.mobile-download .btn-color:hover {

    background-color: #3e3e3e;

    border-color: #3e3e3e;

    color: #ffffff;

}



.mobile-download .shot-container {

    /*background: url("../images/app-screenshots/smartphone.png") no-repeat scroll center top rgba(0, 0, 0, 0);*/

	 background: url("") no-repeat scroll center top rgba(0, 0, 0, 0);

    margin: 0 auto 0;

    height: 595px;

    position: relative;

	

}



#owl-carousel-shots-phone {

    height: 550px;

    width: 600px;

    margin: 0 auto;

}



#owl-carousel-shots-phone .owl-wrapper-outer {

    height: 550px;

    width: 600px;

    margin-left: 4px

}



#owl-carousel-shots-phone .owl-item {

    margin-top: 89px;

    opacity: 0.2;

    padding: 0;

}



#owl-carousel-shots-phone .owl-item.active {

    opacity: 1;

}



#owl-carousel-shots-phone .img-shots-container img {

    margin: 0 auto;

}



#owl-carousel-shots-phone .owl-controls .owl-buttons div {

    background: none;

    color: white;

    position: absolute;

    font-size: 25px;

}



#owl-carousel-shots-phone .owl-controls .owl-buttons .owl-prev {

    left: -100px;

    top: 200px;

}



#owl-carousel-shots-phone .owl-controls .owl-buttons .owl-next {

    right: -100px;

    top: 200px;

}



.mobile-download .right-features {

    margin-top: 120px;

}



.mobile-download .right-features h4{

    margin-bottom: 5px;

    margin-top: 20px;

}



.mobile-download .description{

    margin-bottom: 35px;

}





/* ==========================================================================

   14. FOOTER

========================================================================== */ 

.footer, .footer a{

    color: #ced3d8;

}



.footer h5{

    font-size: 15px;

    line-height: 23px;

}



.footer-hero, .footer-cta{

    font-size: 19px;

    line-height: 22px;

    margin-top: 20px;

    font-weight: 400;

}



.footer-hero strong{

    font-weight: 600;

}



.footer-cta .btn{

    padding: 10px;

    margin-left: 5px;

    color: #fff;

}



.footer-cta .btn:hover{

    border-color: #ffffff;

}



.contact-item {

    margin: 11px 0 16px;

}



.contact-icon {

    margin-right: 10px;

    font-size: 22px;

    margin-bottom: 10px;

    height: 20px;

    width: 20px;

    display: inline-block;

    vertical-align: top;

}



.contact-content {

    display: inline-block;

    line-height: 21px;

}



.contact-content a {

    color: #c0392b;

    font-weight: 600;

}



.footer-nav{

    margin-top: 100px;

    font-family: 'Raleway','Open Sans',Helvetica,Arial,sans-serif;

    font-style: normal;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-size: 13px;

    line-height: 15px;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

    text-align: center;

}



.footer-nav li{

    display: inline-block;

    margin-left: 15px;

}



.footer-nav a {

    color: #fff;

}



.footer-copy{

    margin-top:15px;

    font-size:13px;

    line-height: 16px;

    text-align: center;

}



.text-footer

{

	font-size: 19px !important;

	color:#fff;

}

/* Twitter Feed by Tweetie */

.tweet {

    font-size: 16px;

    line-height: 21px;

}



.tweet ul{

    list-style-type: circle;

}



.tweet li {

    margin-top: 15px;

}



.tweet li span{

    font-style: italic;

    font-size: 15px;

}



/* ==========================================================================

   13. VEDA'S CSS

========================================================================== */ 



.menu-item.menu-item-type-post_type.menu-item-object-page.current_page_item a

{

	color:#090;

}

#popupContainer {

	display:none;	

}

#popupContainer1 {

	display:none;	

}

#listPopup
{
	outline: none;
	padding-left: 40px;
}



/*faq*/







#wpsm_accordion_2127 .ac_open_cl_icon{

	background-color:#2cc142;

	color: #ffffff;

	

     padding-top: 5px; 

     padding-bottom: 5px; 

	 margin-left:10px;

    line-height: 1.0;

    font-size:18px !important;

text-align: center !important;

     width: 32px !important;

    display: inline-block;

	

	

}



.faqPop

{

	text-decoration: underline;

	color:#0937ac;

}



	







#contact-form {

	

	width:95%;

	height:auto;

	overflow:hidden;

	margin:0 auto;

	padding-top:25px;

}

.app-box

{

	margin-top: 80px;

}



.divCol

{

	

	padding: 80px 0 60px 0;

	

}



#imgHsm

{

	display:none;

}



#spreedbtn

{ 

	border-color: #3e3e3e !important;

	color: #3e3e3e !important;

	

}



#spreedbtn:hover

{ 

	border-color: #fff !important;

}



.col-sm-6

{

	width: 44% !important;

}

.col-sm-6.hidden-xs

{

	width: 25% !important;

	padding-right: 0px !important;

	

	

}



.col-sm-4.col-md-12

{

	 margin-left: 150px;

}



/* Press */





.col-md-3.columns

{

	margin-bottom: 50px;

}



.pressWrap

{

	background:#fff;

	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

	padding: 30px 20px 30px 20px;

	/*-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.13);

-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.13);

box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.13);*/

}



.pressWrap1

{

	background:#fff;

	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

	padding: 20px 20px 30px 20px;

	height: 300px;

	/*-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.13);

-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.13);

box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.13);*/

}



.presspar

{

	font-size: 15px;

	line-height: 22px;

}



.pressimg

{

	    bottom: 20px;

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

}



.pressLink

{

	text-decoration:none;

}



/* Team */





h1.hLarge

{

	font-size: 60px;

	text-align:left;

	color:#ffffff;

	line-height: 80px;

}



.teamWrap

{

	background:#fff;

	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

	padding: 90px 20px 30px 20px;

	height: 350px;

	

}



.teamWrap1

{

	background:#fff;

	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

	padding: 90px 20px 30px 20px;

	height: 350px;

	background-color:#f4f4f4;

	

}



.teamPic

{

	position: absolute;

    height: 150px;

    width: 150px;

    font-size: 50px;

    line-height: 100px;

    padding: 10px !important;

    color: #f4f4f4;

    top: 60px;

    left: 47%;

    margin: -60px 0px 0px -60px !important;

    padding: 0px !important;

    border-radius: 50%;

    border: 10px solid #edecec;

	background-color: #edecec;

}



.teamPic1

{

	position: absolute;

    height: 150px;

    width: 150px;

    font-size: 50px;

    line-height: 100px;

    padding: 10px !important;

    color: #f4f4f4;

    top: 60px;

    left: 47%;

    margin: -60px 0px 0px -60px !important;

    padding: 0px !important;

    border-radius: 50%;

    border: 10px solid #fbfbfb;

	background-color: #fbfbfb;

}



.col-md-4.columns

{

	margin-bottom: 50px;

	padding-top:70px;

}



h6

{

	text-align:center;

    font-size: 16px;

	margin: 0px 0px 15px 0px !important;

}





h4

{

	margin-bottom:10px;

}



/* blog */



.header-title

{

	display:none;

}



h6.blogdate 

{

	text-align:left;

	font-size: 20px !important;

}



h6.blogdate span

{

	font-size: 16px !important;

	margin-left:0px !important;

}



.most-shared-posts li

{

	border-bottom: 1px solid #eee;

    margin-bottom: 12px;

    padding-bottom: 8px

}



.stButton .stFb,

.stButton .stTwbutton,

.stButton .stMainServices

{

	height:25px !important;

}





#preloader1

{

	/*

	position:relative;

	margin:auto;

	width:64px;*/

	position: absolute;

	left:48%;

	top:20%;



	

	

}



/*pro*/





.headerCol

{

	text-align:left; 

	margin-top: 50px;

}



.headerCol h2

{

	text-align:left; 

}



.headerCol1

{

	margin-top: 50px;

}



.col1

{

	width:50%;

	float:left;

}



#leftCol

{

	width:67%;

	float:left;

}



#rightCol

{

	width:33%;

	float:left;

}





#leftCol1

{

	width:60%;

	float:left;

}



#rightCol1

{

	width:40%;

	float:left;

}



#headerUl

{

	color:#fff;

	font-size:20px;

	list-style: none;

	padding-left: 50px;

}



.proh

{

	font-size:45px;

	color:#fff;

}



.propar

{

	font-size:17px;

	color:#fff;

}



#headerUl #one {

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-one.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}



#headerUl #two {

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-two.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}



#headerUl #three {

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-three.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}



#headerUl #four {

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-four.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}



#headerUl #five{

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-five.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}



#headerUl #onef {

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-onef.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}



#headerUl #twof {

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-twof.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}



#headerUl #threef {

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-threef.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}



#headerUl #fourf {

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-fourf.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}



#headerUl #fivef{

    list-style-type: none;

    line-height: 50px;

    padding-left: 70px;

    padding-bottom: 5px;

    margin-left: -10px;

    margin-bottom: 10px;

    padding-top: 3px;

    background: url('http://www.spreeder.com/wp-content/themes/smartmvp/img/icon-fivef.png') no-repeat;

    height: 55px;

    -webkit-font-smoothing: antialiased;

    vertical-align: middle;

}





#bonusCol

{

	float:left;

	width: 30%;

	margin-top: 20px;

}



#bonusCol1

{

	float:left;

	width: 70%;

	margin-top: 20px;

}

.bgcert2, .bgcert3

{

	display:none;

}



.divGuarantee

{

	width:auto;

	height:auto;

	

	

}



.guaranteep

{

	margin-top: 30px;

}



.textMain2 {

	font-size: 14px;

	line-height: 20px;

	width: 38%;

	position:absolute;

	margin: 0 auto;

  	left: 0;

  	right: 0;

	left:0;

	right:0;

	top: 155px;

  	z-index: 2;

 	display:none;

    

	

}

.textMain {

	font-size: 14px;

	line-height: 20px;

	width: 750px;

	position:absolute;

	margin: 0 auto;

  	left: 0;

  	right: 0;

	left:0;

	right:0;

	top: 100px;

 	z-index: 2;

 

    

	

}



.order-btn

 {

	color: #000 !important;

	text-shadow: none;

	border-radius: 5px;

	background: #fdbc4f; /* Old browsers */

background: -moz-linear-gradient(top, #fdbc4f 0%, #e8800c 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdbc4f), color-stop(99%,#e8800c)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* IE10+ */

background: linear-gradient(to bottom, #fdbc4f 0%,#e8800c 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbc4f', endColorstr='#e8800c',GradientType=0 ); /* IE6-9 */

copy



	background-image: none !important;

	border: 1px solid #ff8310;



	font-weight:600;

	font-size: 25px;

	font-family: 'Open Sans',sans-serif;

	padding:20px;

	/*-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;*/

    width: 55%;

	

}

.order-btn:hover

{

	background:#e57803;

	cursor: pointer;

}



.OrderLogos

{

	width: 100%;

	margin-top:50px;

}





.OrderLogos .col1

{

	width:32%;

	float:left;

	

}





.OrderLogos .col2

{

	width:30%;

	float:left;

	

}



.OrderLogos .col3

{

	width:36%;

	float:left;

	

}



.colbtm

{

	padding-top:15px;

	color:#000;   

}



.colbtm p

{

	font-size:12px !important;

	line-height:17px !important;

	text-align:center !important;

}



#navi {

	right: 15px;

	list-style: none;

	position: fixed;

	top: 15%;

    z-index:1000;

	display:block;

}

#navi li { display:block; width:14px; height:13px; margin:7px; }

#navi li a { display:block; position:relative; z-index:1; width:100%; height:100%; cursor:pointer; text-decoration:none; }

#navi li a #dot { position:absolute; z-index:1; top:5px; left:5px; width:14px; height:14px; background: #7cbb00;

	-webkit-border-radius:50%;

	   -moz-border-radius:50%;

	        border-radius:50%;

			border:1px solid #b3b3b3;

}

#navi  a._mPS2id-h.mPS2id-highlight.mPS2id-highlight-first #dot {

	background:#666666;

	-webkit-border-radius:50%;

	   -moz-border-radius:50%;

	        border-radius:50%;

			

	

}

#navi li a._mPS2id-h.mPS2id-highlight.mPS2id-highlight-first:active #dot  { background:#666666; }

#navi li a:hover #dot  { background:#666666; }

#navi.light li a._mPS2id-h.mPS2id-highlight.mPS2id-highlight-first #dot { background:#666666; }

#navi li a._mPS2id-h.mPS2id-highlight.mPS2id-highlight-first.active #dot {  background:#666666; }

#navi li a .hover-text { position:absolute; top:1px; right:9px; padding-right:5px; width:70px; opacity:0; *display:none; font-size:12px; color:#aaa9a9; text-align:right; line-height:15px;

	-webkit-transition:opacity 0.2s;

	   -moz-transition:opacity 0.2s;

	        transition:opacity 0.2s;

			z-index:1000;

}

#navi li a:hover .hover-text { opacity:1; *display:block; }





/*contact us*/



.supportwrap

{

	margin-bottom:100px;

}



.tipDiv-s, .tipDiv-rs

{

	display:none;

}





.tipDiv

{

	position:absolute;

	top:30%;

	left:-40px;

}



.tipDiv-r

{

	position:absolute;

	top:30%;

	right:-40px;

}



.iconDiv

{

	float:left;

	width: 35%;

	height: auto;

	



	

}



.bubbleDiv img

{

	max-width:none;

	margin:0;

	padding:0;

	display:inline;



}



.bubbleDiv, .bubbleDivP

{	float:left;

	width: 60%;

	height: auto;

	background:#f0eeee;

	padding:40px 20px 20px 20px;

	position:relative;

	-webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px; 



}



@media screen and (max-width: 1900px)

{	

	#strat1fullyi

	{

		margin-top: 35%;

		margin-left: 130%;

		width: 38%;

	}



	#strat1fullyi:after

	{

		content: "";

    	position: absolute;

    	top: 80%;

    	left:123.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

}



@media screen and (max-width: 1800px)

{

	#strat1fully, 

	#strat2bookmark, 

	#strat4stay,

	#strat4learn,

	#strat4share,

	#strat5smart

	{

		margin-left: 110%;

	}



	#strat1fully:after, 

	#strat2bookmark:after, 

	#strat4stay:after,

	#strat4learn:after,

	#strat4share:after,

	#strat5smart:after

	{

    	left:106%;

	}

	

	#strat2ebooks

	{

		margin-left: 85%;

		

	}

	

	#strat2ebooks:after

	{

		left:82%;

	}

	

	/*#strat4stay

	{

		margin-left: 85%;

	}

	

	#strat4stay:after

	{

		left:82%;

	}*/

	

	/*iphone captions*/

	

	#strat1amazingi2,

	#strat1fullyi2,

	#strat2cloudi2,

	#strat2webi2,

	#strat2ebooksi2,

	#strat2freei2

	{

		margin-top: 30%;

		margin-left: 98%;

		width: 38%;

	}



	#strat1fullyi2:after,

	#strat1amazingi2:after,

	#strat2cloudi2:after,

	#strat2webi2:after,

	#strat2ebooksi2:after,

	#strat2freei2:after

	{

		content: "";

    	position: absolute;

    	top: 75%;

    	left:94%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat2bookmarki2,

	#strat4sociali2,

	#strat5personali2,

	#strat5detailedi2

	{

		margin-top: 20%;

		margin-left: 98%;

		width: 38%;

	}



	#strat2bookmarki2:after,

	#strat4sociali2:after,

	#strat5personali2:after,

	#strat5detailedi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:94%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat4stayi2

	{

		margin-top: 25%;

		margin-left: 98%;

		width: 38%;

	}



	#strat4stayi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:94%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4learni2

	{

		margin-top: 20%;

		margin-left: 98%;

		width: 34%;

	}



	#strat4learni2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:94%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

	#strat5smarti2

	{

		margin-top: 18%;

		margin-left: 98%;

		width: 34%;

	}



	#strat5smarti2:after

	{

		content: "";

    	position: absolute;

    	top: 70%;

    	left:94%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	

	

}



@media screen and (max-width: 1680px)

{

	.newPrompt 

	{	

	    margin-top: 50px !important;

		width:420px !important;

		height: 260px !important;

	}

	

	.newPrompt textarea 

	{

		width: 375px !important;

    	height: 135px !important;

	}

	

	.newPrompt span

	{

		font-size: 17px !important;	

	}

	

	.newPrompt.newPromptApp

	{	

	    /*margin-top: -20px !important;*/

		width: 780px !important;

		height:460px  !important;

		margin-left: 0%;

		

	}



	.newPrompt.newPromptApp textarea 

	{

		width: 730px !important;

    	height: 330px !important;

		

	}

	





	#strat1fully, 

	#strat2bookmark, 

	#strat4stay,

	#strat4learn,

	#strat4share,

	#strat5smart

	{

		margin-left: 130%;

	}



	#strat1fully:after, 

	#strat2bookmark:after, 

	#strat4stay:after,

	#strat4learn:after,

	#strat4share:after,

	#strat5smart:after

	{

    	left:124.5%;

	}

	

	

	#strat2ebooks, #strat2doc

	{

		margin-left: 95%;

		width: 30%;

	}

	

	#strat2ebooks:after, #strat2doc:after

	{

		left:91%;

	}

	/*iphone captions*/

	

	#strat1amazingi2,

	#strat1fullyi2,

	#strat2cloudi2,

	#strat2webi2,

	#strat2ebooksi2,

	#strat2freei2

	{

		margin-top: 30%;

		margin-left: 112%;

		width: 38%;

	}



	#strat1fullyi2:after,

	#strat1amazingi2:after,

	#strat2cloudi2:after,

	#strat2webi2:after,

	#strat2ebooksi2:after,

	#strat2freei2:after

	{

		content: "";

    	position: absolute;

    	top: 75%;

    	left:108%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat2bookmarki2,

	#strat4sociali2,

	#strat5personali2,

	#strat5detailedi2

	{

		margin-top: 20%;

		margin-left: 112%;

		width: 38%;

	}



	#strat2bookmarki2:after,

	#strat4sociali2:after,

	#strat5personali2:after,

	#strat5detailedi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:108%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat4stayi2

	{

		margin-top: 25%;

		margin-left: 112%;

		width: 38%;

	}



	#strat4stayi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:108%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4learni2

	{

		margin-top: 20%;

		margin-left: 112%;

		width: 34%;

	}



	#strat4learni2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:108%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

	#strat5smarti2

	{

		margin-top: 18%;

		margin-left:112%;

		width: 34%;

	}



	#strat5smarti2:after

	{

		content: "";

    	position: absolute;

    	top: 70%;

    	left:108%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

	/*#strat3guidedi2

	{

		margin-top: 25%;

		margin-left: 95%;

		width:30%;

	}



	#strat3guidedi2:after

	{

		content: "";

    	position: absolute;

    	top: 50%;

    	left:-4%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}*/

	

	

	

	

}



@media screen and (max-width: 1500px)

{



	.img-device, .img-device1, .img-device2

	{

		width: 75%;

		height: auto;

		margin: 0 auto;

	}

	

	.tab-features .tab-content 

	{

    	height: 730px;

	}

	

	#strat1amazing, #strat1key

	{

		margin-left: 55%;	

	}



	

	.slidecaption, .slidecaption2

	{

		font-size:14px;

	}

	

	.slidecaption span, .slidecaption2 span

	{

		font-size:13px !important;

		line-height:18px !important;

	}

	

	#strat1fully, 

	#strat2bookmark, 

	#strat4stay,

	#strat4learn,

	#strat4share,

	#strat5smart

	{

		margin-left: 150%;

	}



	#strat1fully:after, 

	#strat2bookmark:after, 

	#strat4stay:after,

	#strat4learn:after,

	#strat4share:after,

	#strat5smart:after

	{

    	left:143%;

	}

	

	#strat2ebooks, #strat2doc

	{

		margin-left: 130%;

		width: 30%;

	}

	

	#strat2ebooks:after, #strat2doc:after

	{

		left:123.5%;

	}

	

	#strat2cloud

	{

    	margin-top:10%;

	}

	

	#strat2web

	{

    	 margin-left: 65%;

		 width: 80%;

	}





	#strat2free

	{

    	margin-left: 87%;

    	width:80%;

	}

	

	#strat2free:after

	{

    	left:140%;

	}

	

	#strat4social

	{

    	margin-left:20%;

    	width: 60%;

	}



	#strat4social:after

	{

    	left:65%;	

	}

	

	#strat5personal

	{

    	margin-left:60%; 

    	width: 60%;

	}



	#strat5personal:after

	{

    	left:95%;	

	}

	

	#strat3guided

	{

		margin-top:30%;

		

	}

	

/*iphone captions*/

	

	#strat1amazingi2,

	#strat1fullyi2,

	#strat2cloudi2,

	#strat2webi2,

	#strat2ebooksi2,

	#strat2freei2

	{

		margin-top: 30%;

		margin-left: 118%;

		width: 38%;

	}



	#strat1fullyi2:after,

	#strat1amazingi2:after,

	#strat2cloudi2:after,

	#strat2webi2:after,

	#strat2ebooksi2:after,

	#strat2freei2:after

	{

		content: "";

    	position: absolute;

    	top: 75%;

    	left:112.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat2bookmarki2,

	#strat4sociali2,

	#strat5personali2,

	#strat5detailedi2

	{

		margin-top: 20%;

		margin-left: 118%;

		width: 38%;

	}



	#strat2bookmarki2:after,

	#strat4sociali2:after,

	#strat5personali2:after,

	#strat5detailedi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:112.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat4stayi2

	{

		margin-top: 25%;

		margin-left: 118%;

		width: 38%;

	}



	#strat4stayi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:112.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4learni2

	{

		margin-top: 20%;

		margin-left: 118%;

		width: 34%;

	}



	#strat4learni2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:112.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

	#strat5smarti2

	{

		margin-top: 18%;

		margin-left:118%;

		width: 34%;

	}



	#strat5smarti2:after

	{

		content: "";

    	position: absolute;

    	top: 70%;

    	left:112.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	



	

	

}



@media screen and (max-width: 1400px)

{

/*iphone captions*/

	

	#strat1amazingi2,

	#strat1fullyi2,

	#strat2cloudi2,

	#strat2webi2,

	#strat2ebooksi2,

	#strat2freei2

	{

		margin-top: 30%;

		margin-left: 130%;

		width: 38%;

	}



	#strat1fullyi2:after,

	#strat1amazingi2:after,

	#strat2cloudi2:after,

	#strat2webi2:after,

	#strat2ebooksi2:after,

	#strat2freei2:after

	{

		content: "";

    	position: absolute;

    	top: 75%;

    	left:123.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat2bookmarki2,

	#strat4sociali2,

	#strat5personali2,

	#strat5detailedi2

	{

		margin-top: 20%;

		margin-left: 130%;

		width: 38%;

	}



	#strat2bookmarki2:after,

	#strat4sociali2:after,

	#strat5personali2:after,

	#strat5detailedi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:123.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat4stayi2

	{

		margin-top: 25%;

		margin-left: 130%;

		width: 38%;

	}



	#strat4stayi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:123.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4learni2

	{

		margin-top: 20%;

		margin-left: 130%;

		width: 34%;

	}



	#strat4learni2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:123.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

	#strat5smarti2

	{

		margin-top: 18%;

		margin-left:130%;

		width: 34%;

	}



	#strat5smarti2:after

	{

		content: "";

    	position: absolute;

    	top: 70%;

    	left:123.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

}



@media screen and (max-width: 1366px)

{

	.col-md-4.columns p

	{

		font-size: 14px;

		line-height:25px;

	}

	

	h6

	{

		font-size:15px;

	}

	

	#leftCol

	{

		width:60%;

		float:left;

	}



	#rightCol

	{

		width:35%;

		float:left;

	}

	

	#headerUl

	{

		font-size:17px;

	}

	

	#strat1key

	{

		width:350px;

	}

	

	#strat1fully:after, 

	#strat2bookmark:after, 

	#strat4stay:after,

	#strat4learn:after,

	#strat4share:after,

	#strat5smart:after

	{

    	left:142%;

	}

	

	#strat2ebooks:after, #strat2doc:after

	{

		left:122%;

	}

	

	

	

	/*iphone*/

	#strat3guidedi2

	{

		margin-top: 15%;

		margin-left: 60%;

		width:30%;

	}



	#strat3guidedi2:after

	{

		content: "";

    	position: absolute;

    	top: 50%;

    	left:-4%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	.textMain

	{

		width: 650px; 

	}

	

	

}



@media screen and (max-width: 1200px)

{

	.col-sm-4.col-md-12

	{

	 	margin-left: 170px;

	}

	



	.textMain

	{

		 width: 740px;

	}

	

	h3 

	{

    	font-size: 26px;

    	line-height: 32px;

    	font-weight: 300;

	}

	

	.guaranteep p

	{

		margin-bottom: 15px;

	}

	

	/*.slidecaption

	{

		font-size: 14px !important;

	}



	.slidecaption span

	{

		font-size: 13px;

	}*/

	

	br

	{

		display:none;

	}

	

	.newPrompt.newPromptApp

	{	

	    /*margin-top: -20px !important;*/

		

		margin-left: -10%;

		

	}

}



@media screen and (max-width: 1100px)

{

	/*ipad captions*/



	#strat1amazingi

	{

		margin-top:25%;

		margin-left: 45%;

		width: 400px;

	}



	#strat1amazingi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:450px;

   	 	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	

	}



	#strat1fullyi

	{

		margin-top: 35%;

		margin-left: 140%;

		width: 38%;

	}



	#strat1fullyi:after

	{

		content: "";

    	position: absolute;

    	top: 55%;

    	left:131%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}



	#strat1keyi

	{

		margin-top:23%;

		margin-left: 30%;

		width: 40%;

	}



	#strat1keyi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:350px;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	

	}



	#strat2cloudi

	{

		margin-top:0%;

		margin-left: 45%;

		width: 90%;

	}



	#strat2cloudi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:65%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;

	}



	#strat2bookmarki

	{

		margin-top: 20%;

		margin-left: 98%;

		width: 38%;

	}



	#strat2bookmarki:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:95%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}



	#strat2webi

	{

		margin-top:5%;

		margin-left: 60%;

		width:70%;

	}



	#strat2webi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:67%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	}



	#strat2ebooksi

	{

		margin-top: 27%;

		margin-left: 80%;

		width:60%;

	}



	#strat2ebooksi:after

	{

	

		content: "";

    	position: absolute;

    	top: 80%;

    	left:77.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	



	}





	#strat2doci

	{

		margin-top: 32%;

		margin-left: 80%;

		width:25%;

	}



	#strat2doci:after

	{

	

		content: "";

    	position: absolute;

    	top: 83%;

    	left:77.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	



	}



	#strat2freei

	{

		margin-top:0%;

		margin-left: 87%;

		width:80%;

	}



	#strat2freei:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:100%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	}



.slidecaption2i

{

	display: block;

    color: #fff;

    padding: 15px;

    text-align: left;

    line-height: 18px;

    letter-spacing: 2px;

    background: rgba(122, 189, 66, 0.9); 

    /* background: #5b932c; 

    background: #7abd42;*/

    z-index: 1;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    -moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

	position: absolute;

}



#strat3guidedi

{

	margin-top:30%;

	margin-left: 50%;

	width: 37%;

}



#strat3guidedi:after

{

	content: "";

    position: absolute;

    bottom: -15px;

    left:35%;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #7abd42 transparent;

    display: block;

    width: 0;

    z-index: 1;

	opacity:.9;	

	

}



	#strat4sociali

	{

		margin-top:0%;

		margin-left: 25%;

		width: 65%;

	}



	#strat4sociali:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:50%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	}



	#strat4stayi

	{

		margin-top: 25%;

		margin-left: 140%;

		width: 38%;

	}



	#strat4stayi:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:131%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4learni

	{

		margin-top: 20%;

		margin-left: 75%;

		width: 60%;

	}



	#strat4learni:after

	{

		content: "";

    	position: absolute;

    	top: 65%;

    	left:70%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4sharei

	{

		margin-top: 25%;

		margin-left: 130%;

		width: 60%;

	}



	#strat4sharei:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:122%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}





	#strat5personali

	{

		margin-top:10%;

		margin-left:30%;

		width:60%;

	}





	#strat5personali:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:60%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	}



	#strat5detailedi

	{

		margin-top:35%;

		margin-left:40%;

		width: 60%;

	}





	#strat5detailedi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:70%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

   		z-index: 1;

		opacity:.9;	

	}



	#strat5smarti

	{

		margin-top: 15%;

		margin-left: 130%;

		width: 34%;

	}



	#strat5smarti:after

	{

		content: "";

    	position: absolute;

    	top:40%;

    	left:121.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



}







@media screen and (max-width: 1024px)

{

	h1 

	{

    	font-size: 40px;

		line-height:48px;

    	

	}

	

	h1.hLarge

	{

		font-size: 50px;

	}

	

	.hero-app .hero-section .btn-box

	{

		/*display:block !important;*/

	}

	

	.hero-section p 

	{

    	font-size: 18px;

    	line-height: 24px

	}

	

	#owl-carousel-shots-phone 

	{

    	height: 405px;

    	width: 400px;

    	/*margin: 0 auto;*/

	

	}



	#owl-carousel-shots-phone .owl-wrapper-outer 

	{

    	height: 405px;

    	width: 400px;

    	margin-left: 4px;

	}

	

	.col-sm-4.col-md-12

	{

	 	margin-left: 70px;

		width:90% !important;

	}

	



	.newPrompt 

	{	

	    margin-top: 20px !important;

	}

	

	h3 

	{

    	font-size: 22px !important;

    	line-height: 28px;

	}

	

	.guaranteep p

	{

		margin-bottom: 10px;

	}

	

	.col-md-3.columns

	{

		width:50% !important;

		float:left;

	}

	

	.tab-features .tab-content 

	{

    	height: 650px;

	}

	

	.proh, .strath3

	{

		font-size: 34px !important;

    	line-height: 42px !important;

	}

	

	.newPrompt.newPromptApp

	{	

	    margin-top: 50px !important;

		width: 600px !important;

		height: 380px !important;

		margin-left:0px;

	}





	.newPrompt.newPromptApp textarea 

	{

		width: 550px !important;

    	height: 250px !important;

	}

	

	/*iphone captions*/

	

	#strat1amazingi2,

	#strat1fullyi2,

	#strat2cloudi2,

	#strat2webi2,

	#strat2ebooksi2,

	#strat2freei2

	{

		margin-top: 30%;

		margin-left: 137%;

		width: 38%;

	}



	#strat1fullyi2:after,

	#strat1amazingi2:after,

	#strat2cloudi2:after,

	#strat2webi2:after,

	#strat2ebooksi2:after,

	#strat2freei2:after

	{

		content: "";

    	position: absolute;

    	top: 75%;

    	left:128.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat2bookmarki2,

	#strat4sociali2,

	#strat5personali2,

	#strat5detailedi2

	{

		margin-top: 20%;

		margin-left: 137%;

		width: 38%;

	}



	#strat2bookmarki2:after,

	#strat4sociali2:after,

	#strat5personali2:after,

	#strat5detailedi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:128.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat4stayi2

	{

		margin-top: 25%;

		margin-left: 137%;

		width: 38%;

	}



	#strat4stayi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:128.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4learni2

	{

		margin-top: 20%;

		margin-left: 137%;

		width: 34%;

	}



	#strat4learni2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:128.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

	#strat5smarti2

	{

		margin-top: 18%;

		margin-left:137%;

		width: 34%;

	}



	#strat5smarti2:after

	{

		content: "";

    	position: absolute;

    	top: 70%;

    	left:128.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

	#strat3guidedi2

	{

		margin-top: 15%;

		margin-left: 60%;

		width:25%;

	}



	#strat3guidedi2:after

	{

		content: "";

    	position: absolute;

    	top: 50%;

    	left:-4%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	.textMain

	{

		width: 550px;

		top:70px;

	}



	

}



@media screen and (max-width: 991px)

{

	.newPrompt 

	{

		left: 15% !important;

	}

	

	.row

	{

		margin-left: 0px !important;

		margin-right: 0px !important;

	}

}





@media screen and (max-width: 990px)

{

	

	.newPrompt.newPromptApp

	{	

	    margin-top: 80px !important;

		width: 600px !important;

		height: 380px !important;

		margin-left: -70px;

	}

	

	#owl-carousel-shots-phone 

	{

    	

		margin-top:-100px;

	}



	#owl-carousel-shots-phone .owl-wrapper-outer 

	{

    	

    	margin-left: 4px;

	}

	

	.col-sm-4.col-md-12

	{

	 	

		margin-top: 70px;

		

	}

	

	#leftCol

	{

		width:100%;

		float:left;

	}



	#rightCol

	{

		width:100%;

		float:left;

	}

	

	#headerUl

	{

		padding-top: 50px;

		padding-left: 25%;

	}

	

	h4

	{

		font-size:21px;

	}

	

	.stratp, .stratp2, p

	{

		font-size:15px;

	}

	

	.tab-features .tab-content 

	{

    	height: 600px;

	}

	

	.img-device, .img-device1

	{

		width: 100%;

		height: 100%;

	}

	

	.col-md-4.columns

	{

		width:33% !important;

		float:left !important;

	}

	

	.teamPic, .teamPic1

	{

		width:100px;

		height:100px;

		left: 55%;

	}

	

	

	.teamWrap, .teamWrap1

	{

		padding-top: 30px;

	}

	

	.teamWrap,.teamWrap1 

	{

		height: 300px;

	}

	

	.teamWrap h4

	{

		font-size:18px;

	}

	

	.teamWrap h6

	{

		font-size:14px;

	}

	

	

	.col-md-4.columns p {

    	font-size: 14px;

    	line-height: 20px;

	}

	

	.textMain

	{

		width: 550px;

		top:65px;

	}

	 

	.textMain p

	{

		font-size:13px;

		margin-top: -3px;

		line-height:18px;	  

	}

	 



	.guaranteep

	{

		margin-top:10px;

	}

	

	

	



	.col-md-3.columns

	{

		width:40% !important;

		float:left;

	}

	

	#strat1amazing

	{

		margin-top:15%;

		margin-left: 15%;

		width: 400px;

	}



	#strat1amazing:after

	{

    	left:350px;

	}

	

	#strat1key

	{

		margin-top:15%;

		margin-left: 15%;

		width: 300px;

	}



	#strat1amazing:after, #strat1key:after

	{

    	left:250px;

	}

	

	

	#strat1fully, 

	#strat2bookmark, 

	#strat4stay,

	#strat4learn,

	#strat4share,

	#strat5smart

	{

		margin-left: 70%;

		width:30%;

	}



	#strat1fully:after, 

	#strat2bookmark:after, 

	#strat4stay:after,

	#strat4learn:after,

	#strat4share:after,

	#strat5smart:after

	{

    	left:67.5%;

	}

	#strat4learn,

	#strat4share,

	#strat5smart

	{

		margin-top: 20%;

	}

	

	#strat2cloud

	{

    	margin-top:0%;

		margin-left: 10%;

		width:70%;

	}

	#strat2cloud:after

	{ 

		left: 50%;

	}

	

	#strat2web

	{

    	margin-top:0%;

		margin-left: 20%;

		width:60%;

	}

	

	#strat2ebooks, #strat2doc

	{

		margin-top: 15%;

		margin-left: 70%;

		width: 30%;

	}

	

	#strat2ebooks:after, #strat2doc:after

	{

		left:67.5%;

		top:70%;

	}

	

	#strat2free

	{

		margin-top: 3%;

    	margin-left: 23%;

    	width:60%;

	}

	

	#strat2free:after

	{

    	left:70%;

	}

	

	#strat5personal

	{

		margin-top:10%;

    	margin-left:20%; 

    	width: 60%;

	}



	#strat5personal:after

	{

    	left:55%;	

	}

	

	#strat5detailed

	{

		margin-top:15%;

	}

	

	/*ipad captions*/



	#strat1amazingi

	{

		margin-top:16%;

		margin-left: 25%;

		width: 400px;

	}



	#strat1amazingi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:350px;

   	 	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	

	}



	#strat1fullyi

	{

		margin-top: 18%;

		margin-left: 66%;

		width: 35%;

	}



	#strat1fullyi:after

	{

		content: "";

    	position: absolute;

    	top: 55%;

    	left:63.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}



	#strat1keyi

	{

		margin-top:23%;

		margin-left: 30%;

		width: 40%;

	}



	#strat1keyi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:350px;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	

	}



	#strat2cloudi

	{

		margin-top:0%;

		margin-left: 35%;

		width: 72%;

	}



	#strat2cloudi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:65%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;

	}



	#strat2bookmarki

	{

		margin-top: 20%;

		margin-left: 98%;

		width: 38%;

	}



	#strat2bookmarki:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:95%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}



	#strat2webi

	{

		margin-top:5%;

		margin-left: 41%;

		width:65%;

	}



	#strat2webi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:67%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	}



	#strat2ebooksi

	{

		margin-top: 27%;

		margin-left: 55%;

		width:60%;

	}



	#strat2ebooksi:after

	{

	

		content: "";

    	position: absolute;

    	top: 80%;

    	left:50%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	



	}





	#strat2doci

	{

		margin-top: 32%;

		margin-left: 80%;

		width:25%;

	}



	#strat2doci:after

	{

	

		content: "";

    	position: absolute;

    	top: 83%;

    	left:77.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	



	}



	#strat2freei

	{

		margin-top:0%;

		margin-left:35%;

		width:65%;

	}



	#strat2freei:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:70%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	}



.slidecaption2i

{

	display: block;

    color: #fff;

    padding: 15px;

    text-align: left;

    line-height: 18px;

    letter-spacing: 2px;

    background: rgba(122, 189, 66, 0.9); 

    /* background: #5b932c; 

    background: #7abd42;*/

    z-index: 1;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    -moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

    box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);

	position: absolute;

}



	#strat3guidedi

	{

		margin-top:20%;

		margin-left: 50%;

		width: 37%;

	}



	#strat3guidedi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:35%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	

	}



	#strat4sociali

	{

		margin-top:0%;

		margin-left: 25%;

		width: 65%;

	}



	#strat4sociali:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:50%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	}



	#strat4stayi

	{

		margin-top: 25%;

		margin-left: 60%;

		width: 38%;

	}



	#strat4stayi:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:57.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4learni

	{

		margin-top: 15%;

		margin-left:45%;

		width: 40%;

	}



	#strat4learni:after

	{

		content: "";

    	position: absolute;

    	top: 65%;

    	left:43.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4sharei

	{

		margin-top: 15%;

		margin-left: 65%;

		width: 40%;

	}



	#strat4sharei:after

	{

		content: "";

    	position: absolute;

    	top: 60%;

    	left:62.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}





	#strat5personali

	{

		margin-top:7%;

		margin-left:20%;

		width:60%;

	}





	#strat5personali:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:50%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

    	z-index: 1;

		opacity:.9;	

	}



	#strat5detailedi

	{

		margin-top:10%;

		margin-left:20%;

		width: 60%;

	}





	#strat5detailedi:after

	{

		content: "";

    	position: absolute;

    	bottom: -15px;

    	left:50%;

    	border-style: solid;

    	border-width: 15px 15px 0;

    	border-color: #7abd42 transparent;

    	display: block;

    	width: 0;

   		z-index: 1;

		opacity:.9;	

	}



	#strat5smarti

	{

		margin-top: 10%;

		margin-left: 65%;

		width: 34%;

	}



	#strat5smarti:after

	{

		content: "";

    	position: absolute;

    	top: 65%;

    	left:62.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

		

	/*iphone*/

	

	#strat3guidedi2

	{

		margin-top: 15%;

		margin-left: 60%;

		width:25%;

	}



	#strat3guidedi2:after

	{

		content: "";

    	position: absolute;

    	top: 50%;

    	left:-4%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	



}



@media screen and (max-width: 800px)

{

	h1 

	{

    	font-size: 34px;

    	line-height: 42px;

	}

	

	h2 

	{

    	font-size: 32px;

    	line-height: 38px;

	}

	

	h4 

	{

    	font-size: 19px;

	}

	

	h6

	{

		font-size: 15px;

	}

	

	

	p,.large 

	{

    	font-size: 16px;

    	line-height: 22px;

	}

	

	h1.hLarge

	{

		margin-top: 300px;

	}

	

	.col-md-3.columns 

	{

    	margin-bottom: 30px;

		width:40%;

		float:left;

		margin-left: 6%;

	}

	

	.col-sm-6

	{

		width: 95% !important;

	}

	

	

	

	.vmiddle

	{

		top: 30%;

	}

	

	.col-sm-6.hidden-xs

	{

		display:block !important;

		width:75% !important;

		padding-left: 60px;

	}

	

	.newPrompt 

	{

		margin-top:0px !important;

	}

	

	.header .overlay 

	{

    	height: 650px !important;

	}

	

	

	.app-box 

	{

    	margin:0;

	}

	

	

	.col-sm-4.col-md-12

	{

		display:block !important;

	}

	

	.mobile-download .shot-container

	{

		height: 480px !important;

	}

	

	.mobile-download .right-features

	{

		margin-top: -100px !important;

		display: block !important;

	}

	

	.col-md-4.columns p {

    	font-size: 13px;

    	line-height: 18px;

	}

	

	 .tab-features .etabs .tab {

        display: table;

        width: 30%;

        height: auto;

        margin: 0;

        /*border-bottom: 1px solid #ffffff;*/

        padding: 0 0 0 5%;

		float:left;

        /*border-right: 0;

        opacity: 1;*/

	

    }

	

	.textMain

	{

		width: 480px;

	}

	

	/*iphone captions*/

	

	#strat1amazingi2,

	#strat1fullyi2,

	#strat2cloudi2,

	#strat2webi2,

	#strat2ebooksi2,

	#strat2freei2

	{

		margin-top: 20%;

		margin-left: 65%;

		width: 38%;

	}



	#strat1fullyi2:after,

	#strat1amazingi2:after,

	#strat2cloudi2:after,

	#strat2webi2:after,

	#strat2ebooksi2:after,

	#strat2freei2:after

	{

		content: "";

    	position: absolute;

    	top: 75%;

    	left:62.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat2bookmarki2,

	#strat4sociali2,

	#strat5personali2,

	#strat5detailedi2

	{

		margin-top: 20%;

		margin-left: 65%;

		width: 38%;

	}



	#strat2bookmarki2:after,

	#strat4sociali2:after,

	#strat5personali2:after,

	#strat5detailedi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:62.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	#strat4stayi2

	{

		margin-top: 25%;

		margin-left: 65%;

		width: 38%;

	}



	#strat4stayi2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:62.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}



	#strat4learni2

	{

		margin-top: 20%;

		margin-left: 65%;

		width: 34%;

	}



	#strat4learni2:after

	{

		content: "";

    	position: absolute;

    	top: 74%;

    	left:62.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

	#strat5smarti2

	{

		margin-top: 18%;

		margin-left:65%;

		width: 34%;

	}



	#strat5smarti2:after

	{

		content: "";

    	position: absolute;

    	top: 70%;

    	left:62.5%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	}

	

	#strat3guidedi2

	{

		margin-top: 15%;

		margin-left: 60%;

		width:25%;

	}



	#strat3guidedi2:after

	{

		content: "";

    	position: absolute;

    	top: 50%;

    	left:-4%;

    	border-style: solid;

    	border-width: 15px 15px 15px 0;

    	border-color: transparent #7abd42;

    	display: block;

    	width: 0;

    	z-index: 1;

    	opacity:.9;	

	

	}

	

	.col-md-3.columns

	{	

	

		padding-left:0px !important;

		padding-right:0px !important;

		

	}

	

	



}

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

{

	.col-xs-12 .hidden-xs {

		display:block !important;

	}

	

	.col-md-4.columns

	{

		width:100% !important;

		float:left !important;

	}

	

	.teamPic

	{

		width:100px;

		height:100px;

		left: 50%;

	}

	

	

	.teamWrap

	{

		padding-top: 30px;

	}

	

	.teamWrap,.teamWrap1 

	{

		height: 200px;

	}

	

	.teamWrap h4

	{

		font-size:18px;

	}

	

	.teamWrap h6

	{

		font-size:14px;

	}

}







@media screen and (max-width: 750px)

{

	/*.bgcert1

	{

		display:none;

	}

	

	.bgcert2

	{

		display:block;

	}

	

	.textMain

	{

		display:none;

	}

	

	.textMain2

	{

		display:block;

		top:210px;

		width:60%;

	}

	

	.textMain2 p

	{

		font-size:14px;

		line-height:17px;

	}

	

	*/

	

	.guaranteep

	{

		margin-top:10px;

	}

	

	

	

	.order-btn

	{

		font-size: 19px !important;

		padding:12px !important;	

	}

	

	.newPrompt.newPromptApp

	{	

	    margin-top: 80px !important;

		width: 550px !important;

		height: 350px !important;

		margin-left: -60px;

	}





	.newPrompt.newPromptApp textarea 

	{

		width: 500px !important;

    	height: 220px !important;

	}

	

	

	



}





@media screen and (max-width: 700px)

{

	.textMain

	{

		width: 450px;

	}

	

	

	

	

}



@media screen and (max-width: 650px)

{

	.slidecaption, .slidecaption2

	{

		display:none;

	}

	

	

	

	#navi {

		display:none;

	}

	

	

	





}



@media screen and (max-width: 603px)

{

	.window

	{

		margin-left: -7% !important;

	}

	

	.mobile-download .right-features

	{

		margin-top: 70px !important;

	}

	

	h2 

	{

    	font-size: 30px;

    	line-height: 42px;

	}

	

	h3

	{

		font-size: 20px;

	}

	

	

	p,.large 

	{

    	font-size: 13px;

    	line-height: 19px;

	}

	

	.hero-section p 

	{

    	font-size: 16px;

    	line-height: 22px

	}

	

	/*.col-md-3.columns 

	{

		margin-left:0%;

		width:100%

	}*/

	

	.col-sm-6.hidden-xs

	{

	

		padding-left: 0px;

	}

	

	.mobile-download .shot-container

	{

		display: block !important;

		height: 380px !important;

	}

	





	

	.textMain2

	{

		display:block;

		top:190px;

		width:70%;

	}

	

	.guaranteep

	{

		margin-top:10px;

	}

	

	.textMain2 p

	{

		font-size:14px;

		line-height:17px;

	}

	

	h3

	{

		line-height: 27px !important;

	}

	

	.pressWrap1

	{

		height: 150px;

	}

	

	.bgcert3

	{

		display:block;

	}

	

	.bgcert1

	{

		display:none;

	}

	

	.textMain

	{

		top:120px;

		width:350px;

	}

	

	

	

}



@media screen and (max-width: 550px)

{

	/*.teamWrap

	{

		height: 320px;

	}

	*/

	.col-md-4.columns p

	{

		line-height:20px;

	}

	

	.mobile-download .shot-container 

	{

  		height: 350px;

	}

	

	.newPrompt 

	{	

		width:390px !important;

		height: 260px !important;

	}

	

	.newPrompt textarea 

	{

		width: 340px !important;

    	height: 140px !important;

	}

	

	.newPrompt span

	{

		font-size: 15px !important;

	}

	

	.col-sm-4.col-md-12

	{

		margin-left: 30px;

	}

	

	h1.hLarge

	{

		font-size:42px;

		line-height: 45px;

	}

	

	.textMain2

	{

		display:block;

		top:135px;

		width:70%;

	}

	

	.stratdiv, .stratdiv2

	{

		padding-top: 50px;

	}

	

	.strath3

	{

		font-size: 28px !important;

	}

	

	.order-btn

	{

		font-size: 17px !important;

		padding:9px !important;

		line-height:22px !important;

		width: 90% !important;

	}

	.pressWrap1

	{

		height:200px;

	}

	

	.newPrompt textarea, .newPrompt.newPromptApp textarea  

	{

		

		width: 340px !important;

    	height: 140px !important;

	}



 	.newPrompt.newPromptApp 

	{	

		margin-left: -50px;

		width:390px !important;

		height: 260px !important;

		margin-top: 130px !important;

	}

	

	.window

	{

		margin-left: -15% !important;

	}

	

}



@media screen and (max-width: 520px)

{

	

	.textMain

	{

		top:100px;

		width:250px;

	}

	

	.textMain2 p

	{

		line-height:19px;

		font-size:14px;

		margin: -8px 0 5px 0;

		

	}

	

	.guaranteep

	{

		margin-top: 20px;

	}

	

	#bonusCol, 

	#bonusCol1

	{

		width: 100%;

		float: left;

	}

	

	.OrderLogos .col1, 

	.OrderLogos .col2, 

	.OrderLogos .col3

	{

		width:100%;

		float:left;

	

	}



	

}





@media screen and (max-width: 450px)

{

	.textMain2

	{

		top:150px;

	}

	

	.textMain2 p

	{

		line-height:17px;

		font-size:13px;

		margin: -8px 0 5px 0;

		

	}

	

	h3

	{

		font-size:19px !important;

		line-height: 28px !important;

	}

	

	.window

	{

		margin-left: -30% !important;

	}

}





@media screen and (max-width: 414px)

{

	

	#headerUl

	{

		padding-left: 10%;

	}

	

	#imgHsm

	{

		display:block;

		width:120% !important;

		height:auto !important;

	}

	

	#imgHbg

	{

		display:none;

		

	}

	

	.teamWrap1

	{

		height: 320px;

	}

	

	.hero-section h1

	{

		font-size: 33px  !important;

	}

	

	h2

	{

		font-size: 30px !important;

	}

	

	h1.hLarge

	{

		font-size: 45px !important;

		line-height: 45px !important;

	}

	

	

	.textMain

	{

		top:80px;

		width: 200px;

	}

		

	.textMain .strath3

	{

		font-size: 20px !important;

		text-align:center !important;

		line-height: 22px !important;

	}

	

	.bgcert3

	{

		width:100%;

		height:auto;

		

	}

	

	.mobile-download .right-features

	{

		margin-top: 0px !important;

	}

	

	

	.col-sm-4.col-md-12 

	{

    	margin-left: 20px !important;

	}

	

	.newPrompt 

	{	

		width:320px !important;

		height: 260px !important;

		margin-left:-10px;

		margin-top: -30px !important;

	}

	

	.newPrompt textarea 

	{

		width:270px !important;

    	height: 140px !important;

		font-size:13px;

	}

	

	.newPrompt span

	{

		font-size: 12px !important;

		font-weight:700;

	}

	

	.newPrompt.newPromptApp 

	{	

		margin-top: 50px !important;

		width:330px !important;

	

	}

	

	.newPrompt.newPromptApp textarea

	{

		width:280px !important;

	}

	

	

	.header .overlay 

	{

    	height: 600px !important;

	}

	

	#owl-carousel-shots-phone 

	{

    	height: 310px;

    	width: 330px;

    	margin: 0 auto;

	}



	#owl-carousel-shots-phone .owl-wrapper-outer 

	{

    	height: 310px;

    	width: 330px;

    	margin-left: 4px

	}

	

	.mobile-download .shot-container 

	{

  		height: 200px;

		margin-top: 0px !important;

	}

	

	

	.window

	{

		margin-left: -35% !important;

	}

	

	.tab-features .etabs

	{

		padding-left:25% !important;

	}

	

	

	.text-footer

	{

		font-size: 15px !important;

	}

	

	.footer-hero

	{

		font-size: 13px !important;

		line-height: 19px !important;

	}

	

	/*.stratdivb

	{

		display:none;

	}*/

	

	.teamWrap

	{

		height:230px;

	}

	

	.headerCol1 img

	{

		width:100% !important;

		height:auto  !important;

	}

	

	

	

	

}





@media screen and (max-width: 375px)

{

	.newPrompt 

	{	

		margin-left:-25px;

	}

	

	.hero-section h1

	{

		font-size: 30px  !important;

	}

	

	h2

	{

		font-size: 27px !important;

	}

	

	.window

	{

		margin-left: -40% !important;

	}

	

	

	.playbar

	{

		margin-left: -5% !important;

	}

	

	

}





@media screen and (max-width: 360px)

{

	.newPrompt.newPromptApp 

	{	

		

		width:300px !important;

		height: 300px !important;

	

	}

	

	.newPrompt.newPromptApp textarea

	{

		width:250px !important;

		height: 140px !important;

	}

	

	.window

	{

		margin-left: -55% !important;

	}

	

	.playbar

	{

		margin-left: -9% !important;

	}

	

	.playbar .new

	{

		left: 250px !important;

	}



	.playbar .settings

	{

		left: 275px !important;

	}



	.playbar .play

	{

		left: 40px !important;

	}



	.playbar .restart

	{

		left: 18px !important;

	}

	

	

}







@media screen and (max-width: 320px)

{

	.newPrompt 

	{	

		margin-left:-35px;

	}

	

	.hero-section h1

	{

		font-size: 27px  !important;

		line-height: 30px !important;

	}

	

	h2

	{

		font-size: 24px !important;

		line-height: 30px !important;

	}

	

	h4

	{

		font-size: 24px !important;

		line-height: 30px !important;

	}

	

	#owl-carousel-shots-phone 

	{

    	height: 290px !important;

    	width: 280px !important;

    	margin: 0 auto;

	}



	#owl-carousel-shots-phone .owl-wrapper-outer 

	{

    	height: 290px !important;

    	width: 280px !important;

    	margin-left: 0px !important;

	}

	

	.teamWrap

	{

		height:270px;

	}

	

	

	.tab-features .etabs

	{

		padding-left:20% !important;

	}

	

	.bgcert3

	{

		visibility:hidden;

	}

	

	

	

	

}



@media screen and (max-height: 800px)

{

	.img-device, .img-device1, .img-device2

	{

		width:78% !important;

		height:auto;

		margin: 0 auto;

	}

}





/* ==========================================================================

   14. Spreeder App

========================================================================== */ 



.bmcol

{

	float:left;

	width: 250px;

}

#blink

{

	background: #4dba28;

    width: 100px;

    height: 50px;

    float: left;

  

	-webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

	padding-top:10px;

	text-align:center

}



#blink a

{

	

	color:#fff;

	text-decoration:underline;

}



.start

{

	background:#f4f4f4;

	width: 100%;

	padding: 20px 20px 20px 20px;

}





.introduction

{	background:#f4f4f4;

	width: 100%;

	padding: 20px 20px 20px 20px;

}

.main-wrapper-app

{

	overflow:hidden;

	margin:0;

	padding:0;

}



.container-app {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}



img {

	border: 0px;

}



.player {

    position: relative;

	

}



.hide {

	/*display: none;*/

}



.clock {

	text-align: center;

	padding: -10px 0 20px 0 !important;

}



	.clock .timer {

		background-color: #ffff66;

		color: green;

		padding: 3px 10px;

	}



#keyCommands {

	padding-top: 10px;

	font-size: 0.8em;

	text-align: center;

	color: #666;

}

	#keyCommands b {

		color: #333;

		font-weight: bold;

	}



.headline {

	font-size: medium;

	text-align: center;

	color: #666;

	padding: 25px 0;

}



.headline b {

	color: #6699cc;

}



.newPrompt {

	background-color:rgba(255,255,255,.80);

	width:550px;

	padding: 10px 40px 10px 20px;

	position: absolute;

	top: 30px;

	left: 27%;

	border: 3px solid #403B32;

	height: 310px;

	z-index: 500;

	line-height: 1.5em;

	-webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

	margin-top: 30px;

}



.newPrompt.newPromptApp

{

	background-color:rgba(255,255,255,.80);

	width: 780px;

	padding: 10px 40px 0px 20px;

	position: absolute;

	/*top: 30px;*/

	left: 18%;

	border: 3px solid #403B32;

	height:460px;

	

	z-index: 500;

	line-height: 1.5em;

	-webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

	margin-top: 60px;

	resize:vertical;

}





    .newPrompt textarea {

    	width: 500px;

    	height: 180px;

    	background-color: #f3f3f3;

    	padding: 10px 20px 10px 20px;

    	border: 1px solid #000;

    	font-family: verdana;

    	margin-top: 15px;

		-webkit-border-radius: 7px;

    	-moz-border-radius: 7px;

    	border-radius: 7px;

		resize:none;

    }

	

	.newPrompt.newPromptApp textarea {

    	width: 730px;

    	height: 330px;

    	background-color: #f3f3f3;

    	padding: 10px 20px 10px 20px;

    	border: 1px solid #000;

    	font-family: verdana;

    	margin-top: 15px;

		-webkit-border-radius: 7px;

    	-moz-border-radius: 7px;

    	border-radius: 7px;

		resize: vertical !important;

    }



    .newPrompt .newMenu {

    	padding-top: 15px;

    	text-align: center;

    }

	

	.newPrompt span

	{

		font-size: 22px;

    	font-weight: 300;

		color:#333;

	}

	

	.newPromptApp

	{

		visibility: hidden;

	}



.spreedbtn

{

	width:150px;

	height:40px;

	background-color: #4dba28;

	font-weight: 500;

	font-size: 15px;

	font-weight: 700;

	line-height: 15px;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #fff;

	border:none;

	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

	margin-top:-15px;

	

}

.spreedbtn:hover

{

	cursor: pointer;

	background: transparent;

	border: 2px solid  #4dba28;

	color:  #4dba28;



}

.window {

	width: 600px;

	height: 200px;

	margin: 23px auto 23px auto;

		font-family:Arial, Helvetica, sans-serif;

	

}



	.window table {

		width: 100%;

		height: 100%;

	}

	

	.window td {

		padding: 10px;

		line-height:100%;

		

		

	}



.playbar {

	background: url(img/background2.gif) no-repeat #fff;

	height: 45px;

	width: 362px;

	margin: 0px auto;

	border:2px solid #7d7d7d;

	-webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px;

	

}



.playbar .btnWrap {

	/*position: absolute;*/

}



.playbar .restart {

	position: absolute;

	top: 11px;

	left: 13px;

	cursor: pointer;

}

.playbar .play {

	position: absolute;

	left: 36px;

	top: 1px;

	cursor: pointer;

}

.playbar .scrollbar {

	position: absolute;

	left: 81px;

	top: 22px;

}

.playbar .scroller {

	position: absolute;

	top: 13px;

	left: 80px;

	cursor: pointer;

}

.playbar .new {

	position: absolute;

	top: 20px;

	left: 260px;

	cursor: pointer;

}

.playbar .settings {

	position: absolute;

	top: 13px;

	left: 283px;

	cursor: pointer;

	z-index: 100;

}



.settingsMenu {

	display: none;

	position: absolute;

	left: 134px;

	top: 26px;

	background-color: #f0f0f0;

	border: 2px solid #7d7d7d;

	font-size: 0.6em;

	font-family: verdana;

	padding: 10px 5px;

	width: 220px;

	z-index: 50;

}



.settingsMenu table td 

{

	font-size:11px;

	line-height:15px;

	border:none;

	padding-top:3px;

	padding-bottom:3px;

}







.settingsMenu .options {

	text-align: center;

	padding-top: 10px;

}



.settingsMenu input {

	width: 50px;

	font-size: 11px;

}



.settingsMenu select {

	font-size: x-small;

}



.settingsMenu .colorPicker {

	background-color: #fff;

	border: 2px solid #666;

	width: 20px;

	height: 15px;

	cursor: pointer;

}



.settingsMenu .paletteRow table {

	margin: 0px auto;

}



.palette td {

	width: 15px;

	height: 15px;

	font-size: 1px;

	border: 1px solid gray !important;

	cursor : pointer;

}



.hide .palette

{

	display:none;

}



.advanced {

	display: none;

	background-color: #ccc;

	margin-top: 5px;

	padding: 2px;

}



.advanced td {

	vertical-align: top;

	padding-bottom: 5px;

}



textarea.stoplist {

	/*width: 163px;*/

	width: 130px;

}



.space {

	padding: 60px;

}