/* * Caio - Multipurpose App Landing Page * Author: OrbmobThemes * Copyright (C) 2017 Orbmob * This is a premium product available exclusively here : https://themeforest.net/user/orbmobthemes/portfolio */ /* /*==================================================== Table of Contents 01. Generel Styles + Generate Google Fonts + Essential Styles + Buttons + Floats + Overlays + Row Fix + Section Styles + Separators 02. Typography + Font Classes + Font Positions + Font Weight + Font Transformation + Font Colors + Font Sizes 03. Loading Screen + Loader Logo + Loader Animation + After Loading 04. Backgrounds + Solid Backgrounds + Image Backgrounds 05. Navigations + General + Bootstrap Fix + Dropdown 06. Homepage + General + Logo Styles + Solid Homepages & Headers + Homepage Images + Homepage Texts + Home Button Fix + Slideshow 07. About + General + About Images 08. Options 09. Showcase 10. Download 11. Features 12. Pricing Table 13. Video 14. Reviews 15. Newsletter 16. Team 17. FAQ 18. Blog + Blog Post + Blog Sidebar 19. Map 20. Contact 21. Footer 22. Responsive + Resolution Under 1450px + Resolution Under 1350px + Resolution Under 1260px + Resolution Under 1175px + Resolution Under 1080px + Resolution Under 992px + Resolution Under 825px + Resolution Under 768px + Resolution Under 530px + Resolution Under 490px + Resolution Under 450px + Resolution Under 400px + Resolution Under 375px ====================================================*/ /* The uncompressed version is available inside the main download file. */ @import "https://fonts.googleapis.com/css?family=Sofia|Poppins:300,400,500,600,700|Montserrat:100,300,400,700";*{margin:0;padding:0}::selection{background-color:#ececec}html,body{width:100%;height:100%;padding:0;margin-left:0;margin-right:0;font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased;text-align:center;font-size:1em}body{overflow-x:hidden}.container{margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;width:100%;height:auto;text-align:center;float:none}img{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}a{color:#191919;text-decoration:none;outline:none}a:hover,a:active,a:focus{text-decoration:none;outline:none;color:#505050}a i:hover,a i:active,a i:focus{text-decoration:none;outline:none;color:#505050}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Montserrat',sans-serif;font-weight:400}p{margin:0 0 5px;font-family:'Poppins',sans-serif}.clear{clear:both}ol,ul{list-style:none;padding:0}.no-padding{padding:0!important}.no-margin{margin:0!important}.no-border{border:none!important;border-style:none!important}.button,.buttonpro,.button-big{z-index:0;background:transparent;border:3px solid #ccc;cursor:pointer;color:#505050;display:block;margin:auto;font-weight:900;letter-spacing:3px;font-family:'Poppins',sans-serif;text-transform:uppercase;word-spacing:1px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;width:310px;height:50px;line-height:50px;font-size:11px}.button-big{width:250px;height:80px;line-height:80px;font-size:14px}.button:hover,.buttonpro:hover,.button-big:hover{background:#191919;border:3px solid #191919;color:#fff}.float-l{float:left!important}.float-r{float:right!important}.pattern-black:after,.pattern-white:after{content:'';width:100%;height:100%;top:0;left:0;position:absolute;z-index:-1}.pattern-black:after{background:url(../img/pattern-1.png) repeat}.pattern-white:after{background:url(../img/pattern-2.png) repeat}.row:before,.row:after{content:"";display:table;clear:both}.section-content{padding:0 10%;z-index:9999}.section-content-full{padding:0;z-index:9999}.sections{width:100%;z-index:1;padding-top:70px}.separator-small{width:90px;height:7px;background:#ccc none repeat;margin-top:35px;margin-bottom:35px}.separator-small-right{width:90px;height:7px;background:#ccc none repeat;margin-top:35px;margin-bottom:35px;text-align:right;float:right}.separator-center{width:90px;height:7px;background:#ccc none repeat;margin:auto;margin-top:50px;margin-bottom:50px}.poppins{font-family:'Poppins',sans-serif}.sofia{font-family:'Sofia',cursive;word-spacing:3px}.montserrat{font-family:'Montserrat',sans-serif}.t-left{text-align:left!important}.t-center{text-align:center!important}.t-right{text-align:right!important}.ultrabold{font-weight:900}.extrabold{font-weight:800}.bold{font-weight:700}.semibold{font-weight:600}.normal{font-weight:400}.light{font-weight:300}.lighter{font-weight:100}.italic{font-style:italic}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.dark{color:#191919}.white{color:#e5e5e5}.gray1{color:#777}.gray2{color:#505050}.colored{color:#0C1E4A}.f-smaller{font-size:12px}.f-small{font-size:14px;line-height:22px}.f-normal{font-size:18px}.f-semi-expanded{font-size:1.5em}.f-medium{font-size:30px}.f-expanded{font-size:2.5em}.f-big{font-size:45px}.f-large{font-size:3.0em}.f-extra-expanded{font-size:5.5em}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow:hidden}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:100%;border:0 solid transparent;border-top-color:#fff;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001;overflow:hidden} .pright { padding-right:50px } .loader-img img{display:block;position:absolute;left:47.5%;bottom:48%;width:111px;height:auto;z-index:1002} #loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:100%;border:2px solid transparent;border-top-color:#fff;overflow:hidden;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite} #loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:100%;border:0 solid transparent;border-top-color:#fff;overflow:hidden;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite} @-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}} #loader-wrapper .loader-section{position:fixed;top:0;width:50%;height:100%;overflow:hidden;background-color:#fff;background:r#fff;color:rgba(0,0,0,0.9);z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} #loader-wrapper .loader-section.section-left{left:0} #loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000);transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000)}.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000);transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000)}.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out} .loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 0s ease-out;transition:all .3s 0s ease-out} .btn-blog-more { background-color:#000000; color:#ffffff; padding: 7px 12px; font-size: 12px; font-weight: bold; } .btn-blog-more:hover { background-color:#656565; color:#ffffff; } .white-bg{background-color:#fff!important}.gray-bg{background-color:#505050!important}.dark-bg{background-color:#191919!important}.colored-bg{background-color:#0C1E4A}.solid-bg{background:#232121}.solid-bg-light{background:#e9e8e8}.fullscreen{width:100%;height:100vh}.image-bg{background:url(../img/bg-01.jpg);height:100vh}.image-bg-1{background:url(../img/bg-01.jpg)}.image-bg-2{background:url(../img/bg-02.jpg)}.image-bg-3{background:url(../img/bg-03.jpg)}.image-bg-4{background:url(../img/bg-04.jpg)}.image-bg-5{background:url(../img/bg-05.jpg)}.image-bg-6{background:url(../img/bg-06.jpg)}.image-bg-7{background:url(../img/bg-07.jpg)}.image-bg-8{background:url(../img/bg-08.jpg)}.image-bg-9{background:url(../img/bg-09.jpg)}.image-bg,.image-bg-1,.image-bg-2,.image-bg-3,.image-bg-4,.image-bg-5,.image-bg-6,.image-bg-7,.image-bg-8,.image-bg-9{width:100%;background-size:cover;display:block;position:relative;overflow:hidden;background-repeat:no-repeat;background-attachment:fixed;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;z-index:1}.navigation{background:#fff;z-index:999;padding:15px 3% 12px 10%;-webkit-box-shadow:0 8px 6px -6px #999;-moz-box-shadow:0 8px 6px -6px #999;box-shadow:0 8px 6px -6px #999;opacity:.973}.navbar-brand img{width:111px;position:relative;right:18px}.nav{float:right}.nav li a{margin-right:10px;color:#2f2f2f;font-size:11px;letter-spacing:1px}.no-shadow{-webkit-box-shadow:0 0 0 0 #999;-moz-box-shadow:0 0 0 0 #999;box-shadow:0 0 0 0 #999;opacity:1}#sticky-spacing{padding-bottom:100px}.nav > li > a:focus,.nav > li > a:hover{text-decoration:none;background-color:transparent;color:#777}.nav .open > a,.nav .open > a:focus,.nav .open > a:hover{background-color:transparent;border-color:transparent}.navbar-toggle{border-radius:0;border:1px solid #777}.navbar-nav > li > .dropdown-menu{border-radius:0}.icon-bar{background:#777}.nav li a{text-align:left}.uk-subnav > * > :focus,.uk-subnav > * > :hover{color:#505050;text-decoration:none}.uk-subnav > .uk-active > *{color:#191919}.dropdown-menu{background:#191919;padding-top:23px}.dropdown-menu li{margin-bottom:15px}.dropdown-menu li a{color:#e5e5e5;letter-spacing:1px}.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{color:#fff;text-decoration:none;background-color:transparent}.multi-drop a{margin-bottom:15px}.drop-left{float:left;padding-top:15px;padding-left:20px;overflow-x:hidden}.drop-right{float:right;padding-top:15px;padding-right:30px}.big-dropdown-home{min-width:500px}.big-dropdown{min-width:700px}.big-dropdown li{margin-bottom:30px}.big-dropdown-home li{margin-bottom:25px}.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{color:#555;background-color:transparent}.multi-drop .drop-title{font-weight:700;color:#f4f4f4;letter-spacing:4px}.caret{position:absolute;bottom:23px;right:0}.content{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99;text-align:center}.logo{position:absolute;top:30px;left:50px;z-index:9}.logo img{display:block;max-width:100px;height:auto;margin:auto}.logo-nav{float:left;max-width:60px;position:relative;bottom:25px}#header{position:relative;padding-top:70px;padding-bottom:150px}#header-solid-2{position:relative;padding-top:150px;padding-bottom:200px}#header-mp{position:relative;padding-top:115px;padding-bottom:150px}#header-solid-2-mp{position:relative;padding-top:100px;padding-bottom:200px}#header-bg{position:relative;padding-top:150px;padding-bottom:200px;margin-bottom:150px}#header-pages{position:relative;padding-top:120px;padding-bottom:150px;margin-bottom:150px}#header-pages-dark,#header-pages-light{position:relative;padding-top:50px;padding-bottom:100px;margin-bottom:150px}#header-pages-dark{background: url(../img/bg-05.jpg) no-repeat center center;}#header-pages-light{background:#efefef}.mockup-big img{width:500px}.mockup-medium{margin-bottom:-40%;margin-right:50px}.mockup-medium-2{margin-bottom:-30%;margin-right:50px}.header-img img{opacity:.9;width:70px;border-radius:100%;position:relative;right:15px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.multi-img-square img{border-radius:0;width:70px;margin-right:20px}.multi-img img{margin-left:25px;width:55px}.header-img img:hover{opacity:1}.home-03 a img{width:20px}.uk-slideshow li img{max-width:230px}#header-bg-07 img{max-width:70%}.mockup-vid{margin-top:30px}.header-text{padding-top:40px}.header-text h1{line-height:120%;word-spacing:3px}.header-text h5 a,#header-pages-light .header-text h5 a{color:#fff;font-weight:100;font-size:10px;margin:0 10px;letter-spacing:2px}.header-text h5 a{color:#ccc}#header-pages-light .header-text h5 a{color:#191919;font-weight:700}.header-text p{margin-top:25px;line-height:2;word-spacing:2px;letter-spacing:.5px}.home-03 h2{word-spacing:4px;letter-spacing:1px;margin:20px 0}.home-03 p{margin:20px 0}.home-03 .gray1{word-spacing:10px}.home-03 i{margin-right:5%;margin-left:5%}.home-05-text h2{margin-bottom:40px;line-height:32px;color:#777}.home-05-text .f-large{line-height:65px;color:#fff}.home-05-text .separator-smaller{width:50px;height:7px;background:#ccc none repeat;margin-top:35px;margin-bottom:35px}.download-link-home{margin-top:20px}.home-05-text .download-link-home a i{margin-top:35px;margin-right:45px;font-size:15px;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}.home-07 h2{word-spacing:4px;letter-spacing:0;margin:20px 0;line-height:45px}.home-07 h3,.beta{letter-spacing:8px;word-spacing:5px}.blank-bg h1{line-height:40px}.sp-page p{margin-top:35px}.header-text .button{margin:35px 35px 0 0}.home-05-text .button{margin-right:15px}.sp-page .button{margin-top:35px;margin-top:35px}.uk-slidenav i{background:#191919;padding:13px 10px 10px;font-size:2em;opacity:.7}.uk-slidenav i:hover{opacity:1;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.uk-slidenav-previous{position:absolute;top:50%;left:0;color:#ccc}.uk-slidenav-next{position:absolute;top:50%;right:0;color:#ccc}.uk-overlay-background{background:rgba(0,0,0,.78)}#about{padding-bottom:50px;background:#fff}#about-2{padding-top:0;padding-bottom:150px;background:#fff}#about .row{padding-bottom:100px}#about-2 .row{padding-bottom:50px}#about-2 .about-description h1{line-height:50px}.about-description{line-height:1.8}.about-description p{margin-bottom:20px}.about-description .button{margin-top:15px}.about-description ul{background:red}.about-description ul li i{margin-top:25px;margin-left:55px;font-size:23px;color:#b2b2b2}.img-1 img{margin-right:-200px}.img-2 img{padding:20px;position:relative;top:49px;right:50px}.about-3-img{position:relative;left:100px}.img-3{margin-right:-200px}.img-3:nth-child(2){margin-top:25px}.img-3:nth-child(3){margin-top:50px}#choose{padding-top:100px;padding-bottom:150px}#choose .section-content{padding-top:100px}.choice{margin-bottom:110px}.choice i{font-size:30px;margin-left:5px;margin-right:5px;position:relative;top:5px}.choice-page-2 .choice,.choice-page-3 .choice{margin-bottom:140px}.choice-page-3 .choice .icon{background:#191919;font-size:25px;width:60px;height:60px;text-align:center;color:#fff;border-radius:100%;line-height:60px;display:block;margin:15px}.choice h3{font-size:16px;word-spacing:3px;letter-spacing:1px;margin-bottom:20px}.choice img{margin:0 auto}#showcase{margin-top:100px;margin-bottom:150px}#showcase .section-content{padding-top:100px}#showcase .uk-slider li{padding:0 40px}#showcase .uk-slider li .hover{opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}#showcase .uk-slider li img{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}#showcase .uk-slider li:hover .hover{opacity:1}#showcase .uk-slider li:hover img{opacity:.3}#showcase .uk-slider li .hover i{position:absolute;top:50%;left:50%;letter-spacing:3px;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.showcase-page-02 .uk-slider li img{border:4px solid #fff}.showcase-page-02 .uk-slider li:hover img{opacity:.5;border:5px solid #191919}.showcase li{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;overflow:hidden}.showcase{overflow:hidden}.showcase li:hover{opacity:1}.showcase img{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;overflow:hidden}.showcase .hover{background:url(../img/pattern-2.png) repeat;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.showcase .hover p{position:absolute;top:50%;left:50%;letter-spacing:3px;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.showcase:hover .hover{opacity:1}.showcase:hover img{-o-transform:scale(1.3);-moz-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3)}.hover .button{margin:auto}.gutter{padding:20px}.gutter:hover img{-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.showcase-page-05 .showcase img{border:5px solid #fff}#download{background:#f4f4f4;padding-top:150px;padding-bottom:130px}#download .section-content{padding-top:100px}.download-page-3{padding-bottom:20px}.download-page-3 .row h3{margin:0 0 0 10px;letter-spacing:1px}.download-page-3 .row p{margin:10px 0 20px}.download-page-3 .row a i{margin-right:10px}#features{position:relative;background:#efefef;padding-top:100px}#features .section-content{margin-top:100px}#features-page{position:relative;background:#efefef;padding-top:100px;padding-bottom:100px}#features-page .section-content{margin-top:30px}.service{padding-bottom:100px}.service .separator-small{width:50px;height:1px}.service i{font-size:45px}.service-page i{font-size:55px}.service h2{font-size:16px;word-spacing:3px;letter-spacing:1px}.service p{line-height:1.8;color:#777;font-size:14px;margin-top:15px}.service-page p{margin-top:0}#pricing{background:#f4f4f4;padding-top:100px;padding-bottom:50px}#pricing-page{background:#fff;padding-top:100px;padding-bottom:50px}#pricing .section-content,#pricing-page .section-content{padding-top:100px}.price-table{border:1px solid #e5e5e5;padding:30px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;margin-bottom:100px}.table-special{border:1px solid #777}.price-head h1,.price-head h2{letter-spacing:3px}.big-table{transform:scale(1.1);z-index:99}.price-value{margin-bottom:50px}.price-body ul li{margin:25px 0 0;padding:0 0 25px}#video{padding-top:200px;padding-bottom:200px}#video .section-content i{margin-bottom:25px;border:1px solid #fff;width:100px;height:100px;line-height:100px;border-radius:100%;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}#video .section-content i:hover{color:#e5e5e5;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);border:1px solid transparent}#video .section-content p{margin-top:25px}#reviews{padding-top:100px;padding-bottom:150px}#reviews .section-content{padding-top:100px}#reviews-page-03{padding-top:100px;padding-bottom:70px}#reviews-page-03 .section-content{padding-top:100px}#reviews .uk-slider li img,.review-page-03 img{max-width:120px;border-radius:100%}#reviews .uk-slider p{margin:auto;margin-top:50px;margin-bottom:30px;max-width:600px;line-height:33px}.review-page-02 p,.review-page-03 p{width:400px}.review-page-03{margin-bottom:80px}.stars i{color:#ffd700;margin-top:10px}.review-page-03 p{padding:30px 0 20px;margin:auto;line-height:33px}#newsletter{padding-top:200px;padding-bottom:200px}#newsletter-mp{padding-top:0;padding-bottom:200px}#newsletter-mp .form-control{border-bottom:1px solid #afafaf}.subscribe-form{position:relative;margin-top:30px;z-index:3}.form-control{padding-bottom:7px;transition:none;background:transparent;border:none;border-bottom:1px solid #353535;border-radius:0;color:#A8A7A7;font-size:.8em;font-weight:400;text-align:left;width:50%;margin:auto;box-shadow:none}.subscribe-form .button{margin-top:50px}#team{padding-top:100px;padding-bottom:150px}#team .section-content{padding-top:100px}.member{margin-bottom:30px}.member h2{word-spacing:3px;letter-spacing:2px}.member h4{letter-spacing:9px;word-spacing:1px;max-width:240px;margin:auto}.member .separator-center{background:#191919}.member ul li{display:inline-block;margin-right:25px}.member ul li i{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}.member .hover{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.member:hover .hover{opacity:1}.member img{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.member:hover img{opacity:.3}.hover-content{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.hover-content ul li{border:1px solid #ccc;width:30px;height:30px;line-height:30px;margin-top:25px;color:#ccc}.hover-content ul li a{color:#191919}#faq{padding-top:100px;padding-bottom:150px}#faq .section-content{padding-top:50px}.uk-accordion{margin-top:20px}.faq-page-02 .uk-accordion{margin-top:35px}.faq-img{max-width:300px}.faq .uk-accordion-title{padding:20px;background:#f4f4f4;word-spacing:2px;letter-spacing:1px;border:1px solid #e5e5e5;font-size:12px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.faq-page-02 .uk-accordion-title{padding:20px;background:#fff;word-spacing:2px;letter-spacing:1px;border:none;border-bottom:1px solid #e5e5e5;font-size:12px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.faq .uk-accordion-title:hover{background:#e5e5e5}.faq-page-02 .uk-accordion-title:hover{background:#fff}.faq .uk-accordion-content{line-height:30px;margin-bottom:10px}#blog{position:relative;padding-bottom:50px}#blog-page{position:relative;padding-top:100px;padding-bottom:50px}#blog .section-content{padding-top:100px}#blog-page .section-content{padding-top:100px}#blog-post{padding-bottom:150px}.blog-post{margin-bottom:100px}.blog-post h3{word-spacing:3px;line-height:30px;padding:15px 0}.blog-post ul li{display:inline-block;padding-left:15px;border-left:1px solid #b2b2b2;margin:15px 0 15px 15px}.blog-post ul li a{margin-left:3px}.blog-post img{opacity:.9;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.blog-post img:hover{opacity:1}.blog-post p{line-height:32px}.post-text p{margin-bottom:15px}.blog-post .button{margin-top:30px}.blog-masonry .blog-post{padding:30px 30px 30px 0}.sidebar{margin:0 0 100px 30px}.sidebar ul{margin-top:25px}.sidebar ul li{margin-top:25px}.tags li{display:inline-block;padding:8px;margin:3px;border:1px solid #777;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.tags li:hover a{color:#fff}.tags li:hover{background:#191919;border:1px solid #191919}#map_canvas{height:450px;width:100%}#social{padding-top:150px;padding-bottom:150px;background:#f4f4f4}#social-mp{padding-top:150px;padding-bottom:150px}#contact{padding-top:100px;padding-bottom:150px;background:#fff}#contact .section-content,#contact-page .section-content{padding-top:100px}#contact-page{padding-top:100px;padding-bottom:100px;background:#fff}#contact form input,form textarea,#contact-page form input,form textarea{-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;margin-bottom:37px;transition:none;background:transparent;width:100%;color:#191919;float:left;border:1px solid #afafaf;font-size:12px;font-weight:500;word-spacing:2.5px;text-align:left}#message{height:100px}#contact-form{text-align:left}#contact-form p span{display:block;letter-spacing:2px;text-transform:uppercase}#contact-form p{margin-top:15px}#contact-form i{margin-right:5px}#contact-form p{float:right}.contact-full{margin-top:100px}.contact-wrapper{max-width:800px;background:red}.contact-btn{float:left}::-webkit-input-placeholder{color:#777}#contact-form label{cursor:text;display:block;margin:0;position:relative;top:0;width:100%}:-moz-placeholder{color:#777}::-moz-placeholder{color:#777}:-ms-input-placeholder{color:#777}#contact-form .error{bottom:12px;font-family:inherit;font-size:14px;font-weight:400;left:auto;letter-spacing:0;position:absolute;right:20px;text-transform:capitalize;width:auto}.response h3{letter-spacing:2px;margin:10px 0 25px;text-transform:uppercase}.info{max-width:250px;margin:auto;text-align:left;margin-bottom:57px}.info span{position:relative;left:10px;bottom:3px;letter-spacing:2px}.info p{margin-top:12px;line-height:25px}.contact-page-02 .info{max-width:100%;margin:auto;text-align:center;margin-top:150px}#footer{padding-top:50px;padding-bottom:50px;background:#191919}.footer-logo img{width:40px}.footer-social li{display:inline-block;margin:35px 0 0 35px}.footer-social li i{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}.footer-details{padding-top:50px}.footer-details p{margin-top:10px}.footer-details a{margin-left:5px}@media all and (max-width: 1450px){.header-text .button{margin:35px 10px 0 0}.home-05-text .f-large{font-size:35px;line-height:45px}}@media all and (max-width: 1350px){.choice{margin-bottom:100px}.home-05-text{margin:0 15px 0 40px}}@media all and (max-width: 1260px){#header-bg{padding-bottom:160px}.mockup-medium{margin-bottom:-20px;margin-right:50px}.header-text .f-extra-expanded{font-size:4em}.header-text .f-normal{font-size:14px}.choice img{max-width:280px}.f-expanded{font-size:2em}}@media all and (max-width: 1175px){.nav li a{margin-right:0}.choice{margin-bottom:70px}.header-text .f-semi-expanded{font-size:12px}home-05-text h2{margin-bottom:40px;line-height:30px;color:#777}.home-05-text{margin:0 15px 0 55px}}@media all and (max-width: 1080px){.mockup-medium{margin-bottom:30px}}@media all and (max-width: 992px){ .pright { padding-right:50px } .uk-slideshow li img{max-width:100px}.home-05-text .f-large{font-size:25px;line-height:35px}.home-05-text .f-semi-expanded{font-size:1em;line-height:28px}.navbar-collapse{position:absolute;left:0;background:#fff;width:100%;z-index:999}.mockup-medium{margin-bottom:-40%;margin-right:50px}.home-02{padding-top:45%}.img-1 img{margin-right:0;padding-top:0}.img-2 img{display:none}.img-3{margin-right:0}.img-3:nth-child(2){margin-top:0}.img-3:nth-child(3){margin-top:0}.about-3-img{position:static}.choice img{margin:65px 0 50px}.choice{margin-bottom:100px}#download{padding-bottom:50px}#download .button-big{margin-bottom:50px}#social{padding-bottom:20px}.social-link div a i{margin-bottom:80px}.info{max-width:100%;margin:auto;text-align:left;margin-top:120px;margin-bottom:0}.download-page-2 .col-md-4,.download-page-3 .col-md-4,.download-page-4 .col-md-4{padding-bottom:100px}}@media all and (max-width: 825px){.nav li a{margin-right:-5px}}@media all and (max-width: 768px){.home-05-text{margin:0}#header-bg{padding-top:200px;padding-bottom:150px}.mockup-big{margin-top:70px}.about-mock img{margin-top:20px}.nav{float:left}.navbar-collapse{position:absolute;left:0;text-align:left;width:100%;z-index:99999999}.caret{position:static}#sticky-spacing{overflow-y:auto;overflow-x:hidden}#sticky-spacing .navbar-collapse{position:absolute;left:0;background:#191919;text-align:left;width:100%;z-index:99999999}#sticky-spacing .navbar-collapse .nav{float:none}.map-half{margin-bottom:200px}.sidebar{margin:100px 0 0}#services .row{margin-bottom:0}.big-dropdown{min-width:100%;overflow:auto}.drop-left{float:none;padding-top:15px;padding-left:20px}.drop-right{float:none;padding-top:0;padding-left:20px}.sections{padding-top:0}.navigation{background:#fff;-webkit-box-shadow:0 4px 10px -3px rgba(0,0,0,0.75);-moz-box-shadow:0 4px 10px -3px rgba(0,0,0,0.75);box-shadow:0 4px 10px -3px rgba(0,0,0,0.75)}.header-text h5,#header-pages-light .header-text h5{display:none}#header-pages-dark,#header-pages-light{padding-top:100px}} @media all and (max-width: 530px){.loader-img img{left:45%}.choice img{width:85%}.blog-post ul li,.shop-post ul li{display:block;padding-left:15px;border-left:1px solid #b2b2b2;margin:0 0 20px}.blog-post .no-margin,.shop-post .no-margin{margin:0 0 20px!important}.blog-post .no-padding,.shop-post .no-padding{padding-left:15px!important}.blog-post .no-border,.shop-post .no-border{border-left:1px solid #b2b2b2!important}.multi-img img{margin-left:25px;width:45px}.simple-big h2{font-size:3em}.header-text .t-right{margin-bottom:20px;text-align:left!important;float:left}.home-03 h2{line-height:33px}.home-03 p{line-height:26px}.home-05-text h2{margin-bottom:15px}.uk-slideshow li img{max-width:50px}.uk-slideshow .separator-small{width:90px;height:7px;background:#ccc none repeat;margin-top:10px;margin-bottom:10px}}@media all and (max-width: 490px){.header-text .f-extra-expanded{font-size:3em}.home-05-text .download-link-home a i{margin-top:35px;margin-right:25px;font-size:15px;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}}@media all and (max-width: 450px){.header-text p{line-height:30px}.choice-page-3 .choice .icon{background:#191919;font-size:25px;width:60px;height:60px;text-align:center;color:#fff;border-radius:100%;line-height:60px;display:block;margin:15px}.loader-img img{left:42%}#map_canvas{height:350px}#contact-form p{float:left;margin-top:20px}.service .separator-small{display:none}#services .col-md-4{padding-bottom:100px;position:relative}.member ul li{margin-right:10px}.post-info .no-margin{margin:0 0 20px!important}.post-info .no-padding{padding-left:20px!important}.post-info .no-border{border-left:1px solid #b2b2b2!important}.simple-big h2{font-size:2.5em}}@media all and (max-width: 400px){.big-text h2{width:100%}.section-title h1{font-size:30px}.section-description{margin:0 10px}.f-large{font-size:2.3em}.f-medium,.f-expanded{font-size:20px}.big-text h3,.big-text-full h3{letter-spacing:1px;word-spacing:3px;line-height:30px}.big-text h2{line-height:47px}.works-filter li,.works-filter-full li{margin-right:18px}}@media all and (max-width: 375px){.header-text .f-extra-expanded{font-size:2em}.drop-right{float:left;padding-top:0;padding-right:20px}.f-big{font-size:20px}} #preview{ padding-top: 220px; } #header-index{ padding-top: 100px; padding-bottom: 120px; } .preview-home{ padding-top: 0px; padding-bottom: 100px; } .index-logo{ width: 50px; display: block; margin-bottom: 50px; } .index-buttons{ margin-top: 50px; } .index .button{ margin: 5px 10px 5px 0px; } .index span{ letter-spacing: 8px; } .index-sep{ margin-bottom: 120px; width: 80px; } .previews{ margin-bottom: 100px; } .previews img{ border: 6px solid #f4f4f4; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .previews img:hover{ border: 2px solid #fff; -moz-box-shadow: 0px 0px 5px #777777; -webkit-box-shadow: 0px 0px 5px #777777; box-shadow: 0px 0px 5px #777777; } .previews p{ margin-top: 20px; } #footer-index{ padding-top: 150px; padding-bottom: 100px; } @media all and (max-width: 600px){ .section-content { padding: 0 5%; } #sticky-spacing { padding-bottom: 30px; } .t-right { text-align: left !important; } #about .row { padding-bottom: 0px; } .separator-small-right { text-align: left; float: left; } #about-2 { padding-bottom: 0px; } #features-page { padding-top: 40px; padding-bottom: 40px; } .choice.t-right { text-align:center !important } .about-mock img { margin-top: 0px; } .choice { margin-bottom: 0px; } .choice.t-left { text-align:center !important } #video { padding-top: 100px; padding-bottom: 100px; } #faq { padding-top: 40px; padding-bottom: 40px; } .h1, h1 { font-size: 26px; } .faq-img { width:100%; max-width:100%; text-align:center } .faq-img img { max-width:80px } #faq .section-content { padding-top: 0px; } #blog { position: relative; padding-bottom: 0px; } #contact { padding-top: 40px; padding-bottom: 40px; } .info { margin-top: 40px; margin-bottom: 0; text-align: center; } #contact .section-content, #contact-page .section-content { padding-top: 30px; } .moff { display:none } }