html, body{width:100%;height:100%;overflow-x:hidden;margin:0px;padding:0px;background-color:#cfd8dc;position:relative;display:table}
body{height:100%;font-family:Tahoma, Geneva, sans-serif;font-weight:300;padding:0;margin:0;font-size:16px;soverflow-x:hidden;position:relative}
h1{font-size:3em;line-height:1.2em;margin:0 0 .3em}
h2{font-size:1.8em;line-height:1.4em;margin:0 0 .3em}
h3{font-size:1.4em;line-height:1.4em}
h4{font-size:1.25em;line-height:1.4em}
h5{font-size:1.1em;line-height:1.4em}
h6{font-size:1em;line-height:1.2em}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none} 
p{padding:0 0 0.5em;margin:0}
a{color:#066B7F;outline:0;-webkit-transition:all .8s ease;transition:all .8s ease} 
a:hover{text-decoration:none;color:#1f2222;-webkit-transition:all .8s ease;transition:all .8s ease}
.highlight{color:#3eb0f7}
#preloader{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; overflow:visible; background:#fff url(../images/loading.gif) no-repeat center center}
.fullscreen{width:100%;min-height:100%;background-repeat:no-repeat;background-position:50% 50%;background-position:50% 50%\9 !important}
.overlay{background-color:rgba(0, 0, 0, 0.5);position:relative;width:100%;height:100%;display:block}
#menu{z-index:99}
.navbar-default{background:rgba(255, 255, 255, 0.95);box-shadow:0px 0.5px 2px #cecece}
.navbar-default .navbar-brand{padding:7px}
.navbar-default .navbar-nav > li > a{color:#777;font-weight:500}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{color:#3eb0f7}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{background:transparent;color:#3eb0f7}
.site-name img{width:150px; height:37px}
.logo{margin:100px 0 40px 0}
.logo img{width:150px; height:37px}
.option{text-transform:uppercase;padding:5px;min-width:80px;margin-right:5px;transition:all 0.4s;font-size:14px;color:#fff}
.signup-header{margin:150px 0 100px;background:rgba(255,255,255,0.2);border-radius:4px;padding-left:20px;padding-right:20px;}
.signup-header h3{padding:20px 0 10px;color:white;font-weight:300}
.form-header {padding:5px 5px 15px}
.form-header input{position:relative;padding:5px 15px}
.form-header .form-control{border-radius:0;border:solid 1px #dadada;background-color:#fff;color:#333;height:55px}
.form-header .btn{float:right;width:100%;background-color:#3eb0f7;color:white;/*font-size:17px !important;*/padding:0 33px;border:none;margin:0;-webkit-transition:all .8s ease;transition:all .8s ease}
.form-header .btn:hover{background-color:#1f96e0;-webkit-transition:all .8s ease;transition:all .8s ease}
.signup-header p{color:white}
.privacy{padding-top:0}
.privacy label{color:#000000;font-weight:300}
.privacy label:hover{text-decoration:underline;color:#000000;font-weight:300}
#policy{padding:100px 0 70px}
#intro{padding:100px 0 70px}
#intro h2{font-size:40px;font-weight:300;margin:15px 0 15px 0}
.intro-pic{margin-top:20px}
.row-feat{padding-top:50px}
#package{padding-top:100px}
.title-line{width:100px;height:3px;margin:0 auto;background:#3eb0f7}
.btn-style{margin:5px 0 10px;font-size:17px;padding:7px 10px;height:40px;background:#0277bd!important;transition:all 0.4s;color:white;border-radius:4px!important;border:1px solid #01579b!important}
.btn-style:hover{background:#1f96e0!important;color:white}
#client{background:#f6f6f6;padding:70px 0 70px}
#client img{max-height:80px;margin:0 20px;opacity:1;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease}
#client img:hover{opacity:0.7;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease}
#testi{padding:100px 0 100px}
.owl-theme .owl-controls .owl-page span{background:#3eb0f7}
.action{color:#fff}
.action h2{margin-top:100px;font-size:40px;font-weight:300}
#contact{width:100%;min-height:100%}
#contact  h2{color:white}
.alert{ border:none; border-radius:0; position:relative; font-size:17px; line-height:22px; padding:16px; padding-left:60px; }
.alert i{ font-size:28px; position:absolute; left:15px;top:13px} 
.table > thead > tr > th{ background:#3eb0f7; color:#fff; border-bottom:0; text-transform:uppercase; }
.table > thead > tr > th, .table > tbody > tr > td{ font-size:15px; font-weight:300; padding:20px 20px}
.scrollToTop{width:40px; height:40px;padding:5px;font-size:30px;text-align:center; background:rgba(0, 0, 0, 0.2);color:white;position:fixed;bottom:20px;right:20px;border-radius:50%;display:none}
.scrollToTop:hover{color:#3eb0f7}
.control-group .controls{overflow-x:hidden}
/* iPads (portrait) ----------- */
@media only screen 
and (min-width :768px) 
and (max-width :1024px) 
and (orientation :portrait){
.head{font-size:1.8rem!important}
.signup-header{margin:50px 0 100px;}
.btn-style{padding:7px 25px;}
#intro{padding:30px 0 50px;}
#policy{padding:30px 0 50px;}
#intro h2{text-align:center;}
#intro p{text-align:center;}
.row-feat{padding-top:10px;padding-bottom:40px;}
#client img{margin:10px 0 10px;max-height:40px;}
#bottom-action{text-align:center;}
.button-demo li{padding-bottom:50px;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width :768px) 
and (max-width :1024px) 
and (orientation :landscape){
.head{font-size:1.8rem!important}
.logo{margin:100px 0 30px 0;}
.signup-header{margin-top:250px;}
.intro-pic{margin-top:100px;}
#client img{max-height:45px;}
}

/* smart-phone ----------- */
@media (max-width:767px){
.head{font-size:1.3rem!important}
.logo{margin:40px 0 30px 0;}
.signup-header{margin:70px 0 80px;}
#intro{padding:70px 0 70px;}
#policy{padding:70px 0 70px;}
#intro h2{font-weight:150;text-align:center;}
#intro p{text-align:center;}
.row-feat{padding-top:10px;padding-bottom:40px;}
#package{padding-top:80px;}
.price-box{margin-bottom:30px;}
#client img{margin:10px 0 10px;}
.contact-left{margin-bottom:50px;}
#bottom-action{text-align:center;}
}
/* iPhone 6Plus (landscape) ----------- */
@media (max-width:736px){
}

/* iPhone 6 (landscape) ----------- */
@media (max-width:667px){
.head{font-size:1.3rem!important}
.logo{margin:30px 0 30px 0;}
.action h2{margin-top:70px;}
}

/* iPhone 5 (landscape) ----------- */
@media (max-width:568px){
.head{font-size:1.3rem!important}
.logo{margin:15px 0 15px 0;}
#intro{padding-top:50px;}
#policy{padding-top:50px;}
#screenshot{padding-top:70px;}
.screenshots{padding-top:30px;padding-bottom:70px;}
#testi{padding:70px 0 70px;}
.testi-item .box .message{line-height:25px;font-size:18px;}
.action h2{margin:50px 0 20px;}
}

/* iPhone 4 (landscape) ----------- */
@media (max-width:480px){
.head{font-size:1.3rem!important}
.action h2{font-size:30px;}
.button-demo li{padding-bottom:50px;}
}

/* smart phone width:360px ----------- */
@media (max-width:360px){
.head{font-size:1.3rem!important}
#intro h2{font-size:30px;}
}

/* iPhone 4/5 (portrait) ----------- */
@media (max-width:320px){
.head{font-size:1.3rem!important}
.logo{margin:30px 0 20px 0;}
.action h2{margin:70px 0 20px;}
.table > thead > tr > th, .table > tbody > tr > td{padding:20px 10px}
}