/* Theme Name: Myapp Version: 1.0 Author: SreeThemes */ /* + General + Header - Main Header - Mobile Header + Hero + Services + Devices + Fun Facts + features + Testimonials + Video + Questions + Pricing + Blog + Download + Contact + Subscribe + Footer */ /*------------------------------------------------------------------ + General -------------------------------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,700|Raleway:300,400,500); body{position:relative;font-family:"Open Sans", Arial, sans-serif;color:#696969;} ul{list-style:none;margin:0;padding:0;} .margin-top20{margin-top:20px;} .margin-top30{margin-top:30px;} .margin-top40{margin-top:40px;} .margin-top50{margin-top:50px;} .margin-bottom20{margin-bottom:20px;} .margin-bottom30{margin-bottom:30px;} .margin-bottom40{margin-bottom:40px;} .margin-bottom50{margin-bottom:50px;} .text-danger{color:#88d317 !important;} .app-features-container{} .app-features-container .app-features{padding:20px;text-align:center;} .image .img-responsive{margin-right:0px !important;width:100%;} .section-title{text-align:center;} .section-title h2{margin-bottom:20px;} .section-title p{font-size:18px;} .section-title p:last-child{margin-bottom:0px;} .row ul li{font-size:14px;line-height:35px;list-style-position:inside;list-style-type:none;padding-left:20px;} .list li:before{content:"\f00c";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;width:1.3em;} .btn-danger{color:#fff;background-color:#88d317;border-color:#88d317;} .section-space{padding:100px 0;} .blog-spacing{padding:50px 0;} .app-features h5{margin-bottom:10px !important;} hr{border-top:1px solid rgba(0,0,0,0.1) !important;width:100%;} a,a:link,a:active{text-decoration:none;outline:none;color:#88d317;} a:hover,a,a:link:hover{color:#111;} h1,h2,h3,h4,h5,h6,p{margin:0;} h1,h2,h3,h5,h6{text-transform:capitalize;} h4,h1,h4{color:#696969;} h2,h3,h5,h6{color:#88d317 ;} h1,h4,h5,h6{font-weight:400;font-family:'Raleway', sans-serif;} h2,h3{font-weight:400;font-family:'Raleway', sans-serif;} h1{font-size:60px;} h2{font-size:48px;} h3{font-size:36px;} h4{font-size:24px;} h5{font-size:18px;} h6{font-size:14px;} p{color:#111;font-size:16px;line-height:25px;font-weight:300;margin-bottom:20px;} p:last-child{margin-bottom:0px;} input,textarea,button{border:none;outline:none;} .bg_white{background:#fff !important;} .bullets{margin-top:30px;text-align:center !important;} .btn_myapp{border-radius:12em;position:relative;display:inline-block;padding:15px 50px;font-family:"Open Sans", Arial, sans-serif;font-size:14px;text-align:center;} .btn_myapp::after{border-radius:12em;position:absolute;content:'';z-index:-1;width:0%;height:100%;top:0;left:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .btn_myapp:hover::after, .btn_myapp:active::after{width:100%;} .btn{padding: 15px 50px;border-radius:12em;font-size: 14px;text-align: center;} .btn-primary{color: rgba(105,105,105,0.9);background-color:#fff;border-color: rgba(105,105,105,0.2);} .btn-primary:hover,.btn-primary:active,.btn-primary:focus{ background:#f7f7f7 !important;border-color: rgba(105,105,105,0.2) !important;color: rgba(105,105,105,0.9) !important} .btn-primary:visited{color: rgba(105,105,105,0.5) !important} .btn-white{color: rgba(0,0,0,0.9) !important;background-color:#ffffff;border-color: #ffffff;} .btn-white:hover,.btn-white:active,.btn-white:focus{ background:#ffffff;border-color: #ffffff;color: rgba(0,0,0,0.7)} .btn-default{color: #fff !important;background-color:#88d317;border-color: #88d317;} .btn-default:hover,.btn-default:active,.btn-default:focus{ background:#88d317 !important;border-color: #88d317;color: rgba(255,255,255,0.7) !important} .btn-dark{color: #fff;background-color:#14181f;border-color: #14181f;} .btn-dark:hover,.btn-dark:active,.btn-dark:focus{ background:#000000;border-color: #000000;color: #fff;} .btn-warning{color: #fff;background-color:#fcc352;border-color: #fcc352;} .btn-warning:hover,.btn-warning:active,.btn-warning:focus{ background:#f1b93e;border-color: #f1b93e;} .btn_black::after{background:#111;color:#fff;} .btn_black:visited{color:#fff;} .btn_black:hover{color:#fff;} .btn_stroke_white{-webkit-box-shadow:inset 0 0 0 2px #fff;box-shadow:inset 0 0 0 2px #fff;background:transparent;color:#fff !important;} .btn_stroke_white::after{background:#fff;} .btn_stroke_white:visited{color:#fff;} .btn_stroke_white:hover{color:#88d317 !important;} .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background: #DCE35B; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #45B649, #DCE35B); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #45B649, #DCE35B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */} .row .vam{display:inline;} .row .vab{display:block;} .bullets{margin-top:30px;text-align:center !important;} .bullets span{display:inline-block;vertical-align:middle;width:20px;color:#88d317;opacity:0.2;font-size:60px;line-height:30px;text-align:center;cursor:pointer;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease;} .bullets span:hover{color:#88d317;opacity:1;} .bullets span.cycle-pager-active{color:rgba(0,0,0,0.5);opacity:1;} .loader{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999999;background:#fff;} .loader .spinner{position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;} .loader .double-bounce1{width:100%;height:100%;border-radius:50%;background-color:#88d317;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out;} .animated{opacity:0;} .vam.image{text-align:center;} .appribbon{border-radius: 12px;-webkit-box-shadow: -1px 11px 31px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px 11px 31px 0px rgba(0,0,0,0.75);box-shadow: -1px 11px 31px 0px rgba(0,0,0,0.75);display:block;font-size:20px;z-index: 5;width:6em;height:6em;background: #fefcea;background: -moz-radial-gradient(center, ellipse cover, #fefcea 0%, #f1da36 100%);background: -webkit-radial-gradient(center, ellipse cover, #fefcea 0%,#f1da36 100%);background: radial-gradient(ellipse at center, #fefcea 0%,#f1da36 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 );-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);rotation:-45deg;position:absolute;top:-50px;left:-50px;text-align:center;text-decoration:none;color:#000;font-weight:bold;font-family:Arial, sans-serif;-moz-transition:-moz-transform 0.3s ease;-webkit-transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;} .appribbon span{display:block;width:6em;height:6em;background: #fefcea;background: -moz-radial-gradient(center, ellipse cover, #fefcea 0%, #f1da36 100%);background: -webkit-radial-gradient(center, ellipse cover, #fefcea 0%,#f1da36 100%);background: radial-gradient(ellipse at center, #fefcea 0%,#f1da36 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 );-webkit-transform:rotate(22.5deg);-moz-transform:rotate(22.5deg);rotation:22.5deg;} .appribbon .ribbon-text{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);rotation:-2deg;position:absolute;top: 32px;right:9px; color:#ef494d} .nav{list-style:none;font-weight:bold;margin-bottom:10px;float:left;width:100%;} .nav li{float:left;margin-right:10px;position:relative;} .nav a{display:block;padding:5px;color:#fff;text-decoration:none;} .nav a:hover{color:#fff;text-decoration:none;} .nav ul:before{content:"\f0dc";font-family:FontAwesome;color:#fff;padding:8px;position:absolute;left:0;top:-7px;z-index:1;width:10%;line-height:10%;} .nav ul{list-style:none;position:absolute;left:-9999px;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-color:#fff;} .nav ul li{padding-top:1px;float:none;} .nav li ul li{border-bottom:1px solid #ccc;width:100%;overflow:hidden;} .nav li ul li a{padding:8px 15px !important;} .nav li ul li a:hover{color:#88d317!important;background:#fbfafb!important;overflow:hidden;border-radius:4px;} .nav li ul li:last-child{border-bottom:0px;padding-bottom:0px;} .nav ul li a{padding:10px !important;width:100% !important;display:block !important;} .nav ul a{white-space:nowrap;color:#000 !important;} .nav li:hover ul{left:0;color:#333;} .menu ul li ul li a::after{background:transparent !important;} .menu ul li ul li a::after{background:transparent !important;} #testimonials .bullets span{color:#fff !important;} #hero .row{font-size:0;} #hero .row .vam{float:none;display:inline-block;vertical-align:middle;padding-top:0;} #hero .row .vab { float: none;display: inline-block;vertical-align: baseline; } #main_header .logo{float:left;padding-top: 5px;padding-top: 5px !important;} #main_header .logo a{display:block;} #main_header .logo a img.logo_black{display:none;} #main_header .menu{float:right;margin-top:10px;} #main_header .menu ul li{float:left;margin-right:50px;padding:0;} #main_header .menu ul li a:hover, #main_header .menu ul li a:active, #main_header .menu ul li a:visited, #main_header .menu ul li a:focus{background:transparent;} #main_header .menu ul li a:hover::after{width:98%;} #main_header .menu ul li.active a::after{width:100%;} #main_header.header_after_scroll{background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);} #main_header.header_after_scroll .logo a img.logo_white{display:none;} #main_header.header_after_scroll .logo a img.logo_black{display:block;} #main_header.header_after_scroll .menu ul li a{color:#111;} #main_header.header_after_scroll .menu ul li a::after{background:#88d317;} #main_header .menu ul li a::after{position:absolute;top:-15px;left:1px;content:'';display:block;width:0;height:5px;background:#ffffff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} #main_header .menu ul li.active a{background:transparent;} #main_header .menu ul li:last-child{margin-right:0;} #main_header .menu ul li a{position:relative;display:block;margin:0;padding:0;color:#fff;font-family:'Raleway', sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;} @-webkit-keyframes sk-bounce{0%, 100%{-webkit-transform:scale(0);opacity:0.3;} 50%{-webkit-transform:scale(1);opacity:1;}} @keyframes sk-bounce{0%, 100%{transform:scale(0);-webkit-transform:scale(0);opacity:0.3;} 50%{transform:scale(1);-webkit-transform:scale(1);opacity:1;}} .scrollup{width:40px; height:40px;position:fixed;bottom:50px;right:20px;display:none;border-radius:50%;background:#88d317;z-index: 10000;} .scrollup a i{color: #fff !important;font-size: 16px;text-align: center;width: 100%;line-height: 35px;} /*------------------------------------------------------------------ - Main Header -------------------------------------------------------------------*/ #main_header{position:fixed;top:0;left:0;z-index:9999;width:100%;padding:5px 30px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;border-bottom:1px solid rgba(255,255,255,0.1);} #mobile_header .logo{float:left;} #mobile_header .logo a{display:block;} #mobile_header .menu_toggle{float:right;margin-top:10px;} #mobile_header .menu_toggle a{color:#fff;font-size:26px;line-height:0;} #mobile_header .menu{display:none;position:absolute;left:0;right:0;z-index:9999;margin-top:25px;padding-left:inherit;padding-right:inherit;} #mobile_header .menu ul{width:100%;background:#111;} #mobile_header .menu ul li a{display:block;width:100%;padding:15px 30px;background:#222d31;color:#fff;font-family:'Open Sans', Arial, sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;border-bottom: 1px solid rgba(255,255,255,0.1);} #mobile_header .menu ul li a:hover{background:#fff;color:#222d31;} /*------------------------------------------------------------------ + Hero -------------------------------------------------------------------*/ #hero{position:relative;background-image:url("../img/hero_bg.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;} #hero h1{font-weight:400;color:#fff;} #hero .text{text-align:center;} #hero{padding-bottom:50px;} #hero .ui_wrapper{padding-top:90px;padding-bottom:40px;text-align:center;} #hero .ui_wrapper img{max-width:100%;height:auto;-webkit-animation-delay:0.1s;-moz-animation-delay:0.1s;-ms-animation-delay:0.1s;-o-animation-delay:0.1s;animation-delay:0.1s;} /*------------------------------------------------------------------ + PicSlider -------------------------------------------------------------------*/ .appcontainer{margin: 30px auto; width: 274px; height: 486px; position: absolute; z-index: 1; left: 0; right: 0; top: 52px;} .appSlider{width:100%;height:100%;position:relative;} .appSlider-wrap{overflow:hidden;width:100%;height:100%;position:relative;} .appSlider-wrap > li{position:absolute;width:100%;height:100%;text-align:center;padding-left:0px !important;} .picDot-wrap{width:100%;position:absolute;bottom:24px;text-align:center;padding:0;} .picDot-wrap > li{display:inline-block;width:12px;height:12px;background-color:rgba(255,255,255,0.1);border-radius:6px;margin-right:4px;transition:background-color 1s;cursor:pointer;} .picDot-wrap > .on{background-color:#fff;} /*------------------------------------------------------------------ + Services -------------------------------------------------------------------*/ .feature{text-align:center;padding:40px;border-bottom:5px solid #88d317;-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-ms-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-o-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);} .feature:hover i, .feature:hover h6{cursor:default;} .feature i, .feature h6{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .feature h6{line-height:24px;font-size:20px;color:#88d317;margin-bottom:15px;} /*------------------------------------------------------------------ + Team -------------------------------------------------------------------*/ #team{background:#f7f7f7} #team .feature,#team .feature{padding:0px;} #team .team-info{padding:20px;background: #fff;} #team .feature img{background: #333;margin: 0;text-align: center;display: inline-block;border: 5px solid #88d317;border-radius: 50%;margin-top: 20px;width: 150px;height: 150px;position: relative;top:10px;} #team span{font-weight:300;} #team .team-info .id{font-weight:300;font-size:14px;color:#88d317 !important} #team .team-title{line-height:24px;font-size:15px;display:block; font-weight: 600;} /*------------------------------------------------------------------ + Gallery -------------------------------------------------------------------*/ #gallery{background:#f7f7f7} #gallery .feature,#gallery .feature{padding:0px;} #gallery .gallery-info{padding:20px;background: #fff;} #gallery .feature img{background: #333;margin: 0;text-align: center;display: inline-block;border: 5px solid #88d317;border-radius: 50%;margin-top: 20px;width: 150px;height: 150px;position: relative;top:10px;} #gallery span{font-weight:300;} #gallery .gallery-info .id{font-weight:300;font-size:14px;color:#88d317 !important} #gallery .gallery-title{line-height:24px;font-size:15px;display:block; font-weight: 600;} #gallery img{-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-ms-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-o-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);} /*------------------------------------------------------------------ + Devices -------------------------------------------------------------------*/ #devices{position:relative;background:#f7f7f7;} #devices .devices_image img{max-width:100%;height:auto;} #devices .device{margin-bottom:50px;} #devices .device:last-child{margin-bottom:0px;} #devices .device h5{margin-bottom:15px;color:#88d317;} /*------------------------------------------------------------------ + Fun Facts -------------------------------------------------------------------*/ #fun_facts{padding:100px 0;position:relative;background-image:url("../img/fun_facts_bg.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;} #fun_facts .fact .number, #fun_facts .fact .text{color:#fff;text-align:center;} #fun_facts .fact .number{margin-bottom:15px;font-weight:600;font-size:40px;line-height:70%;} .fact{padding:50px;background:rgba(255,255,255,0.1);} .fact .icon{font-size:50px;text-align:center;display:block;color:#FFFFFF;margin-bottom:30px;} /*------------------------------------------------------------------ + Testimonials -------------------------------------------------------------------*/ #testimonials{position:relative;background-image:url("../img/testimonial_bg.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;text-align:center;} #testimonials h2,#testimonials .message{color:#FFFFFF;margin-bottom:30px;} #testimonials h5{color:#FFFFFF;font-weight:600;} #testimonials .testimonial .message, #testimonials .testimonial p{font-family:"Open Sans", Arial, sans-serif;} #testimonials .testimonial .message{margin-bottom:50px;font-size:16px;font-style:italic;} #testimonials .testimonial img{margin-bottom:30px;border:2px solid #88d317;-webkit-border-radius:50%;border-radius:50%;} #testimonials .testimonial p{margin-top:10px;color:#fff;text-transform:capitalize;line-height:18px;} #testimonials .bullets_testimonials{margin-top:20px;} /*------------------------------------------------------------------ + Video -------------------------------------------------------------------*/ #video{position:relative;background-image:url("../img/video_bg.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;text-align:center;} #video a{display:inline-block;margin-bottom:50px;color:#fff;} #video a i{font-size:100px;} #video h4{margin-bottom:20px;color:#fff;} #video p{color:#fff;} /*------------------------------------------------------------------ + Questions -------------------------------------------------------------------*/ #questions .vam:first-child{text-align:center;} #questions h3{margin-bottom:15px;} #questions img{max-width:100%;height:auto;} #questions img{text-align:center;} #questions .panel-group{margin-bottom:0;} #questions .panel-default{border:none;} #questions .panel-default .panel-heading{-webkit-border-radius:0;border-radius:0;} #questions .panel-default .panel-heading a{display:block;color:#88d317;font-family:"Raleway", Arial, sans-serif;font-size:18px;line-height:24px;padding:20px 0;} #questions .panel-default .panel-heading a:before{content:"\f105";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;width:1.3em;} #questions .panel-default .panel-body{padding:0 0 20px 0;border-top:0px;} .panel-default>.panel-heading{background:transparent;padding:0px 0;} #questions .panel{box-shadow:none !important;border-bottom:1px solid rgba(0,0,0,0.1);margin-top:0;border-radius:0;} /*------------------------------------------------------------------ + Pricing Plans -------------------------------------------------------------------*/ #pricing{background:#f7f7f7;text-align:center;} #pricing .package{padding-bottom:50px;background:#fff;-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-ms-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-o-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);box-shadow:0px 0px 15px 1px rgba(0,0,0,0.10);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} #pricing .package{margin-bottom:40px;} #pricing .package .top{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} #pricing .package .top .title{padding:30px 0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} #pricing .package .top .price{margin-top:25px;font-size:72px;font-weight:400;line-height:70%;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;color:#88d317;} #pricing .package .top .price span{font-size:48px;} #pricing .package .top .time{margin:0;padding-bottom:25px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;color:#696969;} #pricing .package .bottom ul.features{padding:30px 0 50px 0;} #pricing .package .bottom ul.features li{padding:15px 0;} #pricing .package .bottom ul.features li:first-child{padding-top:0;} #pricing .package .bottom ul.features li:last-child{padding-bottom:0;} #pricing .package.active{-webkit-box-shadow:inset 0 0 0 1px #88d317;box-shadow:inset 0 0 0 1px #88d317;} #pricing .package.active .top{background:#88d317;} #pricing .package{border:1px solid #88d317;} #pricing .package.active .top .title, #pricing .package.active .top .price, #pricing .package.active .top .time{color:#fff;} #pricing .package_3{margin-bottom:0;} /*------------------------------------------------------------------ + Blog -------------------------------------------------------------------*/ #blog .blog-title .section-title{color:#fff;} #blog a{color:#88d317;} #blog a:hover{color:#111;} #blog .feature,#blog .feature{padding:0px;} #blog .post-info{padding:20px;} #blog article.blog-post{background:#f7f7f7;padding:15px;margin-bottom:15px;} #blog .post-info .blog-title{font-size:20px;margin-bottom:0px;padding-top:0px;} #blog .blog-title{line-height:24px;font-size:26px;color:#88d317;margin-bottom:10px;display:block;padding:15px 0;} #searchform{margin:0px;position:relative;} #searchform #s{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:1px solid #ddd;display:block;height:50px;margin:0;padding:10px 45px 10px 15px;width:100%;background:#fff;} #searchform #s:focus{border-color:#aaa;} #searchform #searchsubmit{background:url(../img/search.png) no-repeat center #88d317;height:30px;right:10px;line-height:1;margin-top:-15px;padding:0;position:absolute;text-indent:-99999px;top:50%;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;width:30px;border:none;border-radius:100px;} #searchform #searchsubmit:hover{background-color:#aaa;} #blog .comment .btn{padding:5px 20px;border-radius:12em;font-size:13px;text-align:center;float:right;} #comment-form h3.title-strong{font-size:18px;margin:20px 0;text-transform:uppercase;font-weight:500;} .blog-title h2,.blog-title p{color:#fff !important;margin-top:20px;} .blog-subscribe{padding:50px 25px;} .blog-subscribe .subscribe input.email{margin-bottom:15px;} .blog-header{background:#000 none repeat scroll 0 0;padding:10px 0;z-index:999;} .blog-title{font-size:20px;line-height:1.5;margin:0 0 20px;} .post-detail{border-bottom:1px solid #dedede;font-size:11px;font-style:italic;font-weight:bold;list-style:outside none none;margin:15px 0;padding:0 0 20px;text-transform:uppercase;} .post-detail > li{display:inline-block;margin-right:0px;padding-left:0 !important;padding-right:20px;} .post-detail li i{background:#88d317 none repeat scroll 0 0;color:#fff;font-size:12px;border-radius:100px;margin-right:5px;padding:8px;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#88d317;border-color:#88d317;color:#FFFFFF !important;cursor:default;z-index:2;} .pagination li a:hover{color:#1f1f1f;} .pagination > li > a, .pagination > li > span{color:inherit;font-size:11px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:10px 15px;font-size:14px;font-weight:400;} .widgettitle{font-size:18px;margin:0 0 20px;text-transform:uppercase;font-weight:500;} .widget{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px;background:#f7f7f7;padding:15px;} .widget ul{padding:0 0 0 0px;} .widget ul li{list-style-type:decimal;margin-bottom:5px;padding-left:0px !important;} .tagcloud a{background:#88d317 none repeat scroll 0 0;border:2px solid #88d317;color:#ffffff !important;display:inline-block;font-size:10px;font-weight:bold;margin-bottom:5px;padding:4px 17px;text-transform:uppercase;} .tagcloud a:hover{border-color:#88d317;color:#88d317 !important;background:#fff;} .comments .form-control{width:100%;margin-bottom:25px;padding:25px 20px;color:rgba(0, 0, 0, 0.5);background:#f7f7f7;font-family:"Open Sans", Arial, sans-serif;font-size:14px;border:0px;} .comment-list, .com-child{list-style:none outside none;margin:0;overflow:hidden;} .comment-list{padding:0;} .comment-avatar{border:1px solid #ddd;padding:5px;width:100px;height:100px;border-radius:50%;} .comment-ava{float:left;padding-right:20px;width:20%;} .com-box{float:left;width:80%;} .comment-list .comment{display:block;margin:10px 0;overflow:hidden;} .com-author{color:#555555;font-size:14px;font-weight:bold;margin:0;text-transform:uppercase;} .com-reply{float:right;font-size:13px;} .com-meta{font-size:12px;font-style:italic;} .comment-content{border-bottom:1px solid #eee;overflow:hidden;padding:20px 0;} .comment-top > span{display:block;font-size:11px;font-weight:bold;text-transform:uppercase;} .title-strong{font-size:14px;margin:0;text-transform:uppercase;} .pagination > li > a, .pagination > li > span{color:inherit;} .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} .video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} /*------------------------------------------------------------------ + Download -------------------------------------------------------------------*/ #download{position:relative;background-image:url("../img/download_bg.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;text-align:center;} #download h2{color:#fff;} #download h4{margin-bottom:20px;} #download p{color:#fff;} #download a{width:200px;padding-left:0;padding-right:0;} #download a.apple{margin-right:30px;} #download a.apple{display:block;margin-left:auto;margin-right:auto;margin-bottom:30px;} #download a i{margin-right:10px;vertical-align:bottom;font-size:20px;} /*------------------------------------------------------------------ + Contact -------------------------------------------------------------------*/ #subscribe .subscribe .submit_wrapper{text-align:left;} #subscribe .subscribe .submit_wrapper{text-align:center;} #main_footer .social_icons ul li{display:inline-block;margin-right:30px;} #main_footer .social_icons ul li:last-child{margin-right:0;} #main_footer .social_icons ul li a{color:rgba(0,0,0,0.5);font-size:24px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} #main_footer .social_icons ul li a:hover{color:rgba(0,0,0,0.8);} #main_footer .copyright p{margin-top:20px;line-height:18px;} #contact .contact_info .info:last-child{margin-bottom:0;} #contact .contact_form{text-align:right;} #contact .contact_form input.name, #contact .contact_form input.email, #contact .contact_form textarea,.phonenumber{width:100%;margin-bottom:25px;padding:25px 20px;color:rgba(0, 0, 0, 0.5);background:#f7f7f7;font-family:"Open Sans", Arial, sans-serif;font-size:14px;border:0px;} /*------------------------------------------------------------------ + Subscribe -------------------------------------------------------------------*/ #subscribe{position:relative;background-image:url("../img/download_bg.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;text-align:center;} #subscribe h2,#subscribe p{color:#FFFFFF;} /*------------------------------------------------------------------ + Footer -------------------------------------------------------------------*/ #main_footer{padding:50px 0;text-align:center;background: #f7f7f7;} #main_footer .info a{display:inline-block;margin-bottom:15px;} #main_footer .info p{color:#fff;} #subscribe .subscribe{margin-top:40px;} #subscribe .subscribe input.email{border-radius:12em;width:100%;padding:15px 20px;color:#333;font-family:"Open Sans", Arial, sans-serif;font-size:14px;} #hero .text h4, #hero .text p.description{margin-bottom:0px;} #hero .text h4{-webkit-animation-delay:0.1s;-moz-animation-delay:0.1s;-ms-animation-delay:0.1s;-o-animation-delay:0.1s;animation-delay:0.1s;} #hero .text p.description{color:#fff;font-family:"Open Sans", Arial, sans-serif;font-size:18px;line-height:30px;-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;-ms-animation-delay:0.3s;-o-animation-delay:0.3s;animation-delay:0.3s;font-weight:300;margin-bottom:30px;margin-top:20px;} #hero .text a{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-ms-animation-delay:0.2s;-o-animation-delay:0.2s;animation-delay:0.2s;} #hero .ui_wrapper{padding-bottom:0px;} #hero .btn{margin-right:10px;} #devices .devices_image{position:absolute;left:0;top:50%;width:50%;} #mobile_header{display:none;position:absolute;z-index:9;width:100%;padding:15px 30px;} /* iPhone 6 in landscape */ @media only screen and (min-width:375px) and (max-width:667px) and (orientation:landscape){.appcontainer{width:194px;height:353px;top:28px;} } @media only screen and (min-width:240px) and (max-width:320px){.appcontainer{width:194px;height:353px;top:28px;} } @media screen and (max-width:240px){.appcontainer{display:none;} .btn{padding:10px 10px;border-radius:12em;font-size:12px;text-align:center;} .appribbon, .appribbon span{width:80px;height:80px;left:22px;top:-60px;} } @media screen and (max-width:295px){.appcontainer{width:194px;height:353px;top:28px;} } @media only screen and (min-width:240px) and (max-width:320px){.appcontainer{width:215px !important;height:381px !important;top:34px !important;} } @media screen and (max-width:320px){.appcontainer{width:230px !important;height:405px !important;top:38px !important;} } @media screen and (max-width:375px){.appcontainer{width:264px;height:460px;top:47px;} } @media only screen and (max-width:667px) and (-webkit-device-pixel-ratio:2){.appcontainer{width:257px;height:486px;top:50px;} } @media screen and (min-width:414px) and (-webkit-device-pixel-ratio:3){.appcontainer{width:275px !important;height:627px;top:51px;} } @media screen and (max-width:800px){} @media screen and (min-width:480px){.appcontainer{width:273px;height:493px;top:52px;} .appribbon,.appribbon span{left:-35px;top:-60px;} } @media screen and (min-width:480px) and (max-width:320px){.appcontainer{margin:28px auto;width:227px;height:434px;top:43px;} } @media screen and (min-width:966px) and (max-width:603px){.appcontainer{width:221px;height:486px;top:38px;} .appribbon,.appribbon span{left:-3em;top:-3em;} } @media screen and (min-width:768px) and (max-width:1024px){.appcontainer{width:275px;height:500px;top:51px;} } @media screen and (min-width:768px) and (max-width:966px){#hero .vam.text .btn{padding:15px 25px;border-radius:12em;font-size:14px;text-align:center;display:inline-block;} #hero .row .vam{width:inherit;display:block;} } @media screen and (min-width:603px) and (max-width:480px){.appcontainer{width:273px;height:486px;top:51px;} } @media screen and (max-width:400px){#hero .text h1{font-size:35px;} } @media screen and (min-width:768px){#mobile_header{display:none;background:#222d31;} #main_header .menu ul li a{padding:10px 0px;} } @media screen and (max-width:768px){ .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {display: inline-block !important;} .appribbon,.appribbon span{width:80px;height:80px;left:-10px !important;top:-50px !important;} .appribbon .ribbon-text{top:24px;right:5px;font-size:14px;} .appribbon .ribbon-text p{font-size:13px;line-height:13px;} .appribbon{left:1.5em;top:1.5em;} #download a{width:100%;} .package .btn{display:block;margin:0 20px;} .blog-spacing{padding:0px 0;} #pricing .features{padding-left:40px;padding-right:40px;} #subscribe .subscribe input.email{margin-bottom:30px;} h2{font-size:30px;display:block;text-align:center;} .vam.image{text-align:center;} .fact{margin-bottom:40px;} .section-title h2{margin-bottom:20px;} .section-space{padding:50px 0;} .section-space#hero{padding-top:100px;} .row .vam{display:block;} .device.col-xs-12,.col-xs-12.app-features{text-align:center;} #devices .device{margin-top:50px;margin-bottom:0;} #hero .btn{display:block;margin:10px;} #hero .row .vam{padding-top:0px;} #mc-embedded-subscribe{display:block;width:100%;} #fun_facts .col-md-3:last-child .fact{margin-bottom:0px;} #main_header{display:none;} #questions .panel-default .panel-heading a:before{margin-left:0em;} } @media screen and (max-width:991px){#devices .devices_image{position:static;width:100%;margin-top:0;margin-bottom:50px;text-align:center;} #main_header .logo{float:left;} #main_header .logo a{display:none;} #main_header .logo a img.logo_black{display:none;} #main_header .menu{float:right;margin-top:15px;} #main_header .menu ul li,#main_header{float:left;margin-right:50px;padding:0;display:none;} #mobile_header{display:block;background:#222d31;} } @media screen and (max-width:1199px){#hero .text p.description{font-size:15px;line-height:24px;} } @media screen and (max-width:1280px){#main_header .menu ul li{margin-right:30px;} #main_header .menu ul li a{font-size:13px;} }