/* Theme Name: Kapsule Websites Version: 2.0 Description: Website for Themes by Kapsule Websites Author: Kapsule Websites Author URI: http://www.kapsulewebsites.com.au */ /************************************/ /************ START CSS *************/ @font-face { font-family: 'icomoon'; src:url('_assets/fonts/icomoon.eot'); src:url('_assets/fonts/icomoon.eot#iefix') format('embedded-opentype'), url('_assets/fonts/icomoon.woff') format('woff'), url('_assets/fonts/icomoon.ttf') format('truetype'), url('_assets/fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } /************************************/ /*********** CUSTOM CSS *************/ body { background: #131F29; color: #131F29; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; } a { color:#127DC9; font-weight: 400; } a:hover, a:active { color:#127DC9; } h1, h2, h3, h4, h5, h6 { line-height: 1.2em; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } /*a {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}*/ /************************************/ /*************** MAIN ***************/ /* Colors #EF495D = Yellow #fe491a = Orange #127DC9 = Blue #dfdce3 = Light Blue #131F29 = Dark Blue */ #header { position: fixed; top: 0; width: 100%; height: 80px; z-index: 8000; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } #header.dark { background: rgba(255,255,255,0.9); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 15px rgba(0,0,0,0.1); box-shadow: 0 0 15px rgba(0,0,0,0.1);} #header.black { background: rgba(0,0,0,0.5);} #header .img_white, #header .img_dark { position: absolute; top: 0; left: 0; display: block;} #header.dark .dark { opacity: 1; visibility: visible;} #header.dark .img_white { opacity: 0; visibility: hidden;} #header.white .img_white { opacity: 1; visibility: visible;} #header.white .img_dark { opacity: 0; visibility: hidden;} #logo { margin: 10px 0; position: relative;} #header .line { display: block; max-width: 1100px; margin: 0 auto; height: 1px; /*background: #f8f8f8;*/} #header.dark .line { background: none;} .header_fade { position: absolute; top: 0; left: 0; width: 100%; height: 185px; background: url(_assets/img/header.png) repeat-x left top; z-index: 7500;} /* #header.fixed { position: fixed; width: 100%; top: 0; z-index: 999; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1); box-shadow: 0 5px 10px rgba(0,0,0,0.1);} #logo { padding: 10px 0;} #menu { padding: 20px 0;}*/ /* Mobile Button */ .menu-button { width: 40px; height: 40px; padding: 10px 0 0 0; background: #EF495D; text-align: center; font-size: 16px; text-transform: uppercase; cursor: pointer; display: block; position: absolute; top: 20px; right: 30px; z-index: 9999;} .menu-button.active { background: #EF495D;} .menu-button:before, .menu-button:after { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .menu-button:before { content: ''; display: block; width: 20px; height: 8px; border-bottom: 2px solid #fff; border-top: 2px solid #fff; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -10px;} .menu-button:after { content: ''; display: block; width: 20px; height: 1px; border-top: 2px solid #fff; position: absolute; top: 50%; left: 50%; margin: 5px 0 0 -10px;} .menu-button.active:before { border-bottom: none; width: 28px; margin: -2px 0 0 -16px; border-color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu-button.active:after { width: 28px; margin: -1px 0 0 -14px; border-color: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-button.tablet {} .menu-button span { display: block; position: absolute; height: 40px; width: 80px; text-align: center; background: #EF495D; color: #fff; right: 40px; padding: 13px 0; top: 0; font-weight: bold; font-size: 14px; line-height: 1em;} /* Landing Page */ body.page-template-template-landing_page_thank #header, body.page-template-template-landing_page_thank #footer, body.page-template-template-landing_page #header, body.page-template-template-landing_page #footer { display: none !important;} .landing_page { position: relative; background: #142029; height: 1050px; overflow: hidden;} .land_header { position: absolute; top: 0; left: 0; width: 100%; z-index: 9;} .land_logo { text-align: left; padding: 20px;} .land_header .full { text-align: right; float: right; display: inline-block; padding: 30px 20px; font-size: 14px; font-weight: 700; color: #547389;} .land_h1 { position: absolute; bottom: 350px; left: 0; width: 100%; z-index: 9;} .land_h1 h1 { text-align: right; color: #fff; line-height: 1em; font-size: 80px; font-family: 'Open Sans', sans-serif; font-weight: 700; padding: 100px 0;} .device01 { position: absolute; top: 650px; right: 50%; margin-right: 400px; width: 595px; height: 374px; background: url(_assets/img/tablet-mba01.png) no-repeat; z-index: 1;} .device02 { position: absolute; top: 60px; left: 50%; margin-left: -550px; width: 480px; height: 776px; background: url(_assets/img/desktop-mba.png) no-repeat; z-index: 1;} .device03 { position: absolute; top: -382px; left: 50%; margin-left: 50px; width: 414px; height: 564px; background: url(_assets/img/phone-mba.png) no-repeat; z-index: 99;} .device04 { position: absolute; top: 110px; left: 50%; margin-left: 440px; width: 430px; height: 546px; background: url(_assets/img/tablet-mba02.png) no-repeat; z-index: 1;} .landing_offer { position: relative; margin-top: -350px; z-index: 99;} .land_offer { padding: 60px 70px; padding-bottom: 30px; background: #137EC8; color: #fff; text-align: right;} .land_offer .text { font-size: 24px; line-height: 1.5em; font-weight: 400;} .land_offer .offer { font-size: 54px; line-height: 1.1em; padding: 20px 0 60px 0; font-weight: 700; text-transform: uppercase;} .land_offer .offer strong { font-weight: 700;} .land_form { padding: 70px; background: #EE495D; color: #fff; margin-top: 50px;} .land_form h3 { position: relative; z-index: 991; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 25px; line-height: 1.3em;} .land_form .gform_wrapper { position: relative; z-index: 991; padding-top: 30px;} .land_form input[type="text"], .land_form input[type="email"] { background: none; border: none; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 20px; padding: 15px 0; margin: 10px 0 0 0; outline: none !important;} .land_form input[type="text"]:focus, .land_form input[type="email"]:focus { background: none; border: none; color: #fff;} .land_form input[type="submit"] { margin-top: 50px; display: block; width: 100%; padding: 20px; background: #fff; border: none; color: #EE495D; font-size: 24px; text-align: center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .land_form input[type="submit"]:hover { background: #142029;} .land_form .gfield { display: block; position: relative; height: 60px; border-bottom: 2px solid #fff;} .land_form .gfield_label { font-weight: 700; width: 90px; position: absolute; top: 0; padding: 20px 0; font-size: 18px !important; line-height: 1em;} .land_form .gfield_label .gfield_required { font-weight: 300 !important; display: inline-block; padding-left: 5px; font-size: 14px !important;} .land_form .ginput_container { display: block; margin-left: 90px;} .land_form .gfield_description { position: absolute; left: 0; bottom: 0; font-size: 12px !important; font-weight: 400 !important; width: 180px; padding: 0;} .land_form .gfield.longer {} .land_form .gfield.longer .gfield_label { width: 180px;} .land_form .gfield.longer .ginput_container { margin-left: 180px;} .gform_confirmation_wrapper { padding: 100px 0; font-size: 20px; font-weight: 400;} .landing_section { position: relative; background: #EFF4F9; margin-top: -115px; padding: 185px 0 40px 0; text-align: center;} .landing_section h2 { font-size: 54px; line-height: 1.1em; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #142029;} .land_content { padding: 40px 0; position: relative;} .land_content .text { font-weight: 400; font-size: 18px; line-height: 1.5em; color: #142029;} .land_samples { position: relative; padding: 50px 30px; background: #142029;} .land_samples .sample { background: #fff; margin: 30px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .land_samples .sample.middle { margin: 50px 30px 10px 30px;} .land_samples .sample img { width: 100%; height: auto;} .land_samples .sample:hover { opacity: 0.7;} .land_samples h4 { padding: 30px 0 0 0; text-align: center; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700;} .scrollto_form { margin: 20px 30px; padding: 20px; text-align: center; background: #EE495D; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor: pointer;} .land_address { padding: 60px 0; background: #137EC8; color: #fff; font-weight: 400; font-size: 18px; line-height: 1.5em; text-align: center;} .land_address h3 { padding-bottom: 15px; font-weight: 700; font-family: 'Open Sans', sans-serif;} body.page-template-template-landing_page_thank { background: #000;} body.page-template-template-landing_page_thank .landing_page { height: 700px;} body.page-template-template-landing_page_thank .land_h1 { bottom: 300px;} body.page-template-template-landing_page_thank .landing_page h1 { padding: 0;} body.page-template-template-landing_page_thank .landing_offer { margin-top: -300px; height: 300px;} .land_form .thank { text-align: center; font-size: 24px; font-weight: 400; line-height: 1.3em;} /* v2 - Yoga */ .landing_v2 .landing_page { background: #26132d url(_assets/img/fade2.jpg) repeat-x left top;} .landing_v2 .land_header .full { color: #547389;} .landing_v2 .land_h1 h1 { color: #fff;} .landing_v2 .device01 { background: url(_assets/img/tablet-yoga01.png) no-repeat;} .landing_v2 .device02 { background: url(_assets/img/desktop-yoga.png) no-repeat;} .landing_v2 .device03 { background: url(_assets/img/phone-yoga.png) no-repeat;} .landing_v2 .device04 { background: url(_assets/img/tablet-yoga02.png) no-repeat;} .landing_v2 .land_offer { background: #14B8B8; color: #fff;} .landing_v2 .land_form { background: #ff5a7c; color: #fff;} .landing_v2 .land_form input[type="text"], .landing_v2 .land_form input[type="email"] { color: #fff;} .landing_v2 .land_form input[type="text"]:focus, .landing_v2 .land_form input[type="email"]:focus { color: #fff;} .landing_v2 .land_form input[type="submit"] { background: #fff; color: #ff5a7c;} .landing_v2 .land_form input[type="submit"]:hover { background: #26132d;} .landing_v2 .land_form .gfield { border-bottom: 2px solid #fff;} .landing_v2 .landing_section { background: #EFF4F9;} .landing_v2 .landing_section h2 { color: #14B8B8;} .landing_v2 .land_content .text { color: #142029;} .landing_v2 .land_samples { background: #26132d url(_assets/img/fade2.jpg) repeat-x left top;} .landing_v2 .land_samples .sample { background: #fff;} .landing_v2 .land_samples h4 { color: #fff;} .landing_v2 scrollto_form { background: #ff5a7c; color: #fff;} body.page-template-template-landing_page_thank_2 { background: #000;} body.page-template-template-landing_page_thank_2 .landing_page { height: 700px;} body.page-template-template-landing_page_thank_2 .land_h1 { bottom: 300px;} body.page-template-template-landing_page_thank_2 .landing_page h1 { padding: 0;} body.page-template-template-landing_page_thank_2 .landing_offer { margin-top: -300px; height: 300px;} /* Home v2 */ .btn { display: inline; font-size: 15px; color: #fff !important; font-weight: 700; line-height: 1em; text-align: center; padding: 15px 20px; text-transform: uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .btn_color { background: #EF495D;} .btn_alt { background: #127DC9;} .btn_color:hover { -webkit-box-shadow: 0 0 5px rgba(239,73,93,1); -moz-box-shadow: 0 0 5px rgba(239,73,93,1); -ms-box-shadow: 0 0 5px rgba(239,73,93,1); box-shadow: 0 0 5px rgba(239,73,93,1); } .btn_alt:hover { -webkit-box-shadow: 0 0 5px rgba(18,125,201,0.5); -moz-box-shadow: 0 0 5px rgba(18,125,201,0.5); -ms-box-shadow: 0 0 5px rgba(18,125,201,0.5); box-shadow: 0 0 5px rgba(18,125,201,0.5); } #intro_block { position: relative; display: block; height: 700px; background: rgb(37,58,76); background: -moz-linear-gradient(top, rgba(37,58,76,1) 0%, rgba(19,31,41,1) 100%); background: -webkit-linear-gradient(top, rgba(37,58,76,1) 0%,rgba(19,31,41,1) 100%); background: linear-gradient(to bottom, rgba(37,58,76,1) 0%,rgba(19,31,41,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253a4c', endColorstr='#131f29',GradientType=0 ); } .intro_inner { position: absolute; bottom: 0; width: 100%; color: #fff; z-index: 9;} .intro_details { padding: 50px 50px 50px 70px;} .intro_details h1 { font-size: 64px; position: relative; line-height: 1em; padding-bottom: 30px;} .intro_details h1 span { position: relative; z-index: 9;} .intro_details h1 i { font-size: 144px; font-style: normal; color: #127DC9; position: absolute; left: -70px; top: -8px; line-height: 1em; opacity: 0.5; z-index: 5; font-family: Georgia, Serif; font-weight: bold; } .intro_details .text { font-size: 18px; line-height: 1.5em;} .intro_details .action_box { padding-top: 30px;} .action_box .btn { display: block; margin-right: 20px; padding: 15px; margin-bottom: 10px;} .intro_line { position: absolute; top: 0; left: 0; width: 25%; height: 100%; opacity: 0.15; z-index: 1; background: rgb(41,180,230); background: -moz-linear-gradient(top, rgba(41,180,230,1) 0%, rgba(18,125,201,1) 100%); background: -webkit-linear-gradient(top, rgba(41,180,230,1) 0%,rgba(18,125,201,1) 100%); background: linear-gradient(to bottom, rgba(41,180,230,1) 0%,rgba(18,125,201,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b4e6', endColorstr='#127dc9',GradientType=0 ); } #intro_block .cycle-slideshow { max-width: 500px; position: absolute; z-index: 99; bottom: -50px; background: #99A2AE; -webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.5); -moz-box-shadow: 0 15px 40px rgba(0,0,0,0.5); -ms-box-shadow: 0 15px 40px rgba(0,0,0,0.5); box-shadow: 0 15px 40px rgba(0,0,0,0.5); } #intro_block .slide { position: relative;} #intro_block .slide .featured { position: relative;} #intro_block .slide .hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; opacity: 0; background: rgba(250,250,250,0.4); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } #intro_block .slide:hover .hover { opacity: 1; } #intro_block .slide a { display: inline; font-size: 15px; background: #EF495D; color: #fff; font-weight: 700; line-height: 1em; text-align: center; padding: 15px 30px; text-transform: uppercase; } .section_title { text-align: center; font-size: 48px; color: #131F29; padding-bottom: 25px;} .home_content { background: #fff; position: relative; padding: 120px 0 60px 0; text-align: center;} .home_feature { padding: 15px 30px; display: block;} .home_feature span { font-size: 24px; color: #99A2AE; display: inline-block; padding-bottom: 15px;} .home_feature h3 { padding-bottom: 15px; font-size: 18px;} #theme_feed { background: #F3F5F6; position: relative; text-align: center; padding: 50px 0;} #theme_feed .btn { display: block; margin: 40px 25px 0 25px;} #theme_feed .item { margin: 0 25px 50px 25px; position: relative; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; -webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.1); -moz-box-shadow: 0 15px 40px rgba(0,0,0,0.1); -ms-box-shadow: 0 15px 40px rgba(0,0,0,0.1); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } #theme_feed .item.middle { margin: 50px 25px 0 25px;} #theme_feed .item .hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background: rgba(18,125,201,0.9); color: #fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; opacity: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } #theme_feed .item .inner { padding: 30px;} #theme_feed .item .inner h3 { font-size: 16px; padding-bottom: 15px;} #theme_feed .item .inner .text { font-size: 13px; line-height: 1.4em;} #theme_feed .item .inner .more { display: inline-block; background: #fff; color: #127DC9; text-align: center; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 7px 20px;} #theme_feed .item:hover .hover { opacity: 1;} #theme_feed .item:hover { -webkit-box-shadow: 0 15px 40px rgba(18,125,201,0.5); -moz-box-shadow: 0 15px 40px rgba(18,125,201,0.5); -ms-box-shadow: 0 15px 40px rgba(18,125,201,0.5); box-shadow: 0 15px 40px rgba(18,125,201,0.5); } #block_testimonial { position: relative; padding: 70px 0; background: #131F29 no-repeat center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;} .testimonial { width: 100%; display: block; position: relative;} .testimonial .inner { max-width: 750px; padding: 0 30px; margin: 0 auto; color: #fff; text-align: center;} .testimonial span { display: inline-block; font-size: 30px;} .testimonial .quote { font-size: 18px; font-family: Georgia, Serif; padding: 30px 0;} .testimonial .author { font-size: 12px;} /* Home */ #intro { position: relative; background: #131F29; color: #fff; padding-top: 80px;} .slogan { font-size: 48px; text-align: center; padding: 50px 0 0 0; font-weight: 200;} .slogan span { display: inline-block; width: 50px; height: 50px; margin: 0 10px; background: url(_assets/img/and.png) no-repeat center center;} .slogan_2 { font-size: 24px; text-align: center; padding: 0 0 50px 0; color: #fff;} #slideshow { position: relative; width: 100%; min-height: 500px;} #slideshow .cycle-slideshow { height: 100%;} #slideshow .slide { width: 100%; height: 100%;} .imac { position: relative; background: url(_assets/img/imac.jpg) no-repeat center top; height: 470px;} .imac_img { position: absolute; top: 29px; left: 59px; width: 614px; height: 354px;} .imac_txt { padding: 30px 20px;} .imac_txt h3 { font-size: 36px; padding-bottom: 30px;} .imac_txt h3 span { font-weight: 200;} .imac_txt .text { font-weight: 400; color: #fff;} .imac_txt a { display: inline-block; margin: 30px 0 0 0; padding: 15px 60px; background: #EF495D; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .imac_txt a:hover { background: #fe491a;} #product_promo { background: #fff; text-align: center; padding-bottom: 50px;} #product_promo h2 { font-size: 48px; text-align: center; padding: 50px 0 0 0;} #product_promo h2 span { font-weight: 200;} #product_promo .text { margin: 0 auto; padding-top: 20px; max-width: 500px; text-align: center;} a.browse { display: inline-block; margin: 0 auto; margin-top: 20px; text-align: center; padding: 15px 60px; background: #EF495D; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} a.browse:hover { background: #EF495D;} .product_box { margin: 20px; padding: 3px; background: #dfe5eb; position: relative; text-align: center; } .product_box .free_badge { position: absolute; top: -10px; right: -10px; width: 50px; height: 50px; text-align: center; font-size: 12px; font-weight: 700; padding-top: 12px; border: 2px solid #EF495D; color: #EF495D; z-index: 99; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .product_box .browser { position: absolute; top: -25px; left: 8px;} .product_box .browser li { display: inline-block; margin: 0 3px; width: 3px; height: 3px; background: rgba(0,0,0,0.3);} .product_box h3 { padding: 5px 0; font-size: 12px; color: #000; text-transform: none; margin: 0 50px 3px 50px; background: rgba(255,255,255,0.5); } .product_box .theme_cover { position: relative;} .product_box .hover_box { position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.95); top: 0; opacity: 0; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .product_box:hover .hover_box { opacity: 1;} .product_box .intro { padding: 20px 20px 0 20px; color: #464347; font-size: 14px; line-height: 1.5em;} .product_box ul { text-align: center !important; padding-top: 20px;} .product_box ul li { display: inline-block; position: relative;} .product_box ul li span { padding: 10px 40px; font-size: 16px;} #feature_box { background: #fff;} .feature_items {} .responsive_feat { background: #fff; padding: 20px 0 30px 0;} .feature_items .feat { position: relative; display: block; padding-left:120px; min-height: 155px; margin: 0; cursor: pointer;} .feature_items .feat i { position: absolute; top: 50%; margin-top: -25px; left: 35px; font-size: 50px; display: block; width: 50px; text-align: center; color: #dfdce3;} .feature_items .feat h3 { font-size: 18px; text-transform: none; font-weight: bold; padding:30px 0 10px 0; max-width: 430px;} .feature_items .feat .desc { max-width: 450px; position: relative;} .feature_items .feat.cycle-pager-active { background: #f4f1f7;} .feature_items .feat.cycle-pager-active i { color: #fe491a;} #feature_box .feature_img { width: 100%; height: 620px; background: no-repeat center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;} #testimonial { background: #353A40; padding: 40px 0; color: #99A2AE; text-align: center;} .testi { font-size: 24px; font-style: italic; max-width: 600px; font-weight: 400; line-height: 1.6em; margin: 0 auto;} .testi em { font-style: normal; font-size: 16px; padding-top: 15px; display: block;} /* Main */ #content { background: #fff;} #content.dark { background: #464347; color: #fff;} .pagefeature { position: relative; color: #fff; height: 300px; text-align: center; background: rgb(37,58,76); background: -moz-linear-gradient(top, rgba(37,58,76,1) 0%, rgba(19,31,41,1) 100%); background: -webkit-linear-gradient(top, rgba(37,58,76,1) 0%,rgba(19,31,41,1) 100%); background: linear-gradient(to bottom, rgba(37,58,76,1) 0%,rgba(19,31,41,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253a4c', endColorstr='#131f29',GradientType=0 ); } .pagefeature h1 { text-align: center; font-size: 48px;} .pagefeature .inner { position: absolute; bottom: 0; left: 0; width: 100%; padding: 50px 0; z-index: 9;} .pagefeature.single { border-bottom: 10px solid #EF495D;} .pagefeature.theme_single { height: 500px;} .pagefeature.theme_single h1 { font-size: 48px; padding-bottom: 20px;} .pagefeature.theme_single h1 span { font-weight: 200;} .pagefeature.theme_single .text { max-width: 600px; margin: 0 auto;} .pagefeature.theme_single .btn { max-width: 300px; display: block; margin: 0 auto;} .pagefeature.showcase_single { height: 500px;} .pagefeature.showcase_single h1 { font-size: 48px; padding-bottom: 20px;} .pagefeature.showcase_single h1 span { font-weight: 200;} .pagefeature.showcase_single h4 { font-weight: 200; font-size: 18px; text-transform: none;} .pagefeature.showcase_single .btn { display: inline-block; margin: 0 auto;} .pagefeature .intro_line { position: absolute; top: 0; left: 0; width: 40%; height: 100%; opacity: 0.15; z-index: 1; background: rgb(41,180,230); background: -moz-linear-gradient(top, rgba(41,180,230,1) 0%, rgba(18,125,201,1) 100%); background: -webkit-linear-gradient(top, rgba(41,180,230,1) 0%,rgba(18,125,201,1) 100%); background: linear-gradient(to bottom, rgba(41,180,230,1) 0%,rgba(18,125,201,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b4e6', endColorstr='#127dc9',GradientType=0 ); } .blogfeature { position: relative; color: #fff; height: 400px; background: #131F29 no-repeat center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .blogfeature .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #131F29; opacity: 0.7;} .blogfeature .inner { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px 0; z-index: 9;} .blogfeature.single { border-bottom: 10px solid #EF495D;} .blogfeature h1 { font-size: 48px;} /*.blogfeature { padding: 50px 0 40px 0; color: #fff; overflow: hidden; position: relative; background: no-repeat center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .blogfeature .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #464347; opacity: 0.8; z-index: 1;} .blogfeature .row { z-index: 9;} .blogfeature .text { font-weight: 400;} .blogfeature.single { border-bottom: 10px solid #EF495D;} .blogfeature.center { text-align: center;} .blogfeature i { font-size: 70px; float: right; color: #fff;}*/ .theme_feat { position: absolute; bottom: -60px; height: 190px; border: 15px solid #24272a; border-bottom: none; width: 400px; right: 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background: no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;} .single_page { padding: 50px 0;} .checkout_page { padding:0 0 50px 0; max-width: 600px; margin: 0 auto;} .select_theme { padding: 40px 0; background: #127DC9; color: #fff;} .select_theme h3 { padding-bottom: 30px; text-align: center; font-weight: bold;} .select_theme a { display: block; margin: 10px; padding: 10px 20px; border: 2px solid #fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .select_theme a:hover { background: #fff;} .select_theme a h4 { color: #fff; font-size: 18px; font-weight: bold;} .select_theme a:hover h4 { color: #EF495D;} .select_theme a h4 i { margin-right: 10px;} .still_stuck { padding: 40px 0; background: #fff;} .still_stuck h3 { font-weight: bold; color: #EF495D; text-align: center; padding-bottom: 30px;} .still_stuck h3:after { content: ''; display: block; width: 60px; margin: 0 auto; height: 2px; background: #EF495D; margin-top: 15px;} .login_form { margin: 0 auto; max-width: 350px;} .login_form .reg { text-align: center; padding-bottom: 20px;} .login_form .login-submit { text-align: center; padding-top: 15px;} .support_form { margin: 0 auto; max-width: 600px;} .support_form .reg { text-align: center !important; font-weight: 400; display: block;} .support_form form { padding-top: 20px;} .support_form .gfield { padding-bottom: 15px;} .support_form label { color: #464347; font-weight: 700; font-size: 16px;} .support_form .gfield_checkbox label { margin-left: 15px;} .support_form .gform_footer { text-align: center;} .support_form .gform_button { margin: 0 auto; text-align: center;} .faq .shortcode-toggle-title .ico:before, .faq .shortcode-accordion-title .ico:before { content: '\e635';} .faq .shortcode-toggle.active .shortcode-toggle-title .ico:before, .faq .shortcode-accordion.active .shortcode-accordion-title .ico:before { content: '\e635';} .faq .shortcode-toggle.active .shortcode-toggle-title, .faq .shortcode-accordion.active .shortcode-accordion-title { font-weight: 700; border: 1px solid #EF495D; color: #EF495D;} /* Support */ .support_section { padding: 40px 40px 60px 0;} .support_section h3 { font-weight: bold; padding-bottom: 10px; font-size: 16px;} .support_section .text {} .support_feed {} .support_feed a { display: block; border: 1px solid #f1f1f1; margin:3px; padding: 10px; color: #EF495D; font-weight: 700; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .support_feed a:hover { border: 1px solid #EF495D;} .support_ico { padding: 0 30px 0 0; text-align: center;} .support_ico i { font-size: 70px; color: #d1d9e3;} .single_support { padding: 40px 40px 40px 0;} /* Products */ .theme_overview { padding: 40px 0;} .product_overview { margin: 20px; padding: 3px; background: #dfe5eb; position: relative; text-align: center; } .product_overview .free_badge { position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; text-align: center; font-size: 18px; font-weight: 700; padding-top: 25px; border: 3px solid #EF495D; color: #EF495D; z-index: 99; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .product_overview .browser { position: absolute; top: -5px; left: 8px;} .product_overview .browser li { display: inline-block; margin: 0 3px; width: 3px; height: 3px; background: rgba(0,0,0,0.3);} .product_overview h3 { padding: 5px 0; font-size: 14px; color: #000; text-transform: none; margin: 0 80px 3px 80px; background: rgba(255,255,255,0.5); } .product_overview .theme_cover { position: relative;} .product_overview .hover_box { position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.95); top: 0; opacity: 0; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .product_overview:hover .hover_box { opacity: 1;} .product_overview .hover_box h2 { color: #464347; padding: 150px 0 20px 0;} .product_overview .hover_box h2 span { font-weight: 200;} .product_overview .hover_box .text { color: #464347; padding: 0 50px;} .product_overview ul { text-align: center !important;} .product_overview ul li { display: inline-block; position: relative;} .product_overview ul li a { padding: 10px 40px; font-size: 16px;} .product_overview ul li a.buy.price { padding: 10px 30px 10px 50px;} .product_overview ul li a span { top: 5px !important; left: 5px !important;} #mini_header { position: fixed; width: 100%; top: -100px; z-index: 99999; background: #fff; height: 80px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; opacity: 0; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1); box-shadow: 0 5px 10px rgba(0,0,0,0.1); } #mini_header.show { top: 0; opacity: 1;} #mini_header.hide { top: -100px; opacity: 0;} #mini_header h2 { font-size: 36px; padding: 20px 0; } #mini_header h2 span { font-weight: 200;} #mini_header ul { text-align: right; padding: 12px 0;} #mini_header ul li { display: inline-block; position: relative;} #mini_header ul li a { padding: 10px 40px; font-size: 16px;} #mini_header ul li a.buy.price { padding: 10px 30px 10px 50px;} #mini_header ul li a span { top: 5px; left: 5px;} .prod_overview { padding: 50px 0 40px 0; color: #fff; background: #127DC9 url(_assets/img/bg.jpg) no-repeat right bottom; /*background: #2b2c41 url(_assets/img/bg_page.jpg) no-repeat center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;*/} .prod_overview h3 { font-size: 48px; padding-bottom: 20px;} .prod_overview h3 span { font-weight: 200;} .prod_overview .text { font-weight: 400;} ul.buybutton { text-align: right;} ul.buybutton li { display: inline-block; position: relative;} .action_btn { display: inline-block; position: relative; margin: 5px; padding: 15px 60px; color: #fff !important; font-size: 18px; font-weight: 700; text-transform: uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .action_btn.demo { background: #fe491a;} .action_btn.details { background: #EF495D;} .action_btn.buy { background: #fe491a;} .action_btn.buy.price { padding: 15px 40px 15px 70px;} .action_btn.buy span { position: absolute; top: 10px; left: 10px; padding: 5px; background: #8EB863;} .action_btn.buy:hover { background: #15D6D6;} #product_slide { padding-top: 40px; position: relative; display: block;} #product_slide.slide_showcase { padding: 40px 0 50px 0;} .img_1, .img_2 { height: 450px; background: no-repeat center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;} .img_1 { margin: 40px 20px 0 0;} .img_2 { margin: 40px 0 0 20px;} .main_text { padding: 40px 0;} .specs { margin: 45px 0 0 40px; border-top: 2px solid #464347; padding: 30px 0;} .specs ul { padding-bottom: 30px;} .specs li { padding: 5px 0;} .specs li a { color: #127DC9;} .specs .btn { display: block;} .text .edd_download_purchase_form { display: none;} .showcase_text { max-width: 550px; margin: 0 auto; padding-top: 40px;} .block_nav { display: block; position: relative; margin: 40px 0;} .block_nav a { display: block; position: relative; padding: 30px 50px; color: #131F29; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .block_nav a h4 { display: block; position: relative; font-size: 24px; padding-bottom: 15px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .block_nav a span { display: block; position: relative; color: #127DC9; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .block_nav a.left { justify-content: flex-end; text-align: right;} .block_nav a.right { justify-content: flex-start;} .block_nav:after { content: ''; width: 1px; height: 100%; display: block; background: #000; position: absolute; top: 0; left: 50%;} /* Blog */ .blog_posts { position: relative; padding: 30px 0;} .the_post { margin: 20px; background: #fff; color: #131F29; -webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.1); -moz-box-shadow: 0 15px 40px rgba(0,0,0,0.1); -ms-box-shadow: 0 15px 40px rgba(0,0,0,0.1); box-shadow: 0 15px 40px rgba(0,0,0,0.1); -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } .the_post .preview { position: relative; background: #127DC9;} .the_post .preview img { position: relative; z-index: 9; width: 100%; height: auto; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .the_post .preview span { position: absolute; display: block; bottom: 15px; left: 30px; width: 50px; height: 50px; background: #131F29; color: #fff; text-align: center; padding-top: 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 1em; z-index: 99; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .the_post .preview span em { font-style: normal; font-weight: normal; font-size: 11px; display: block;} .the_post .preview i { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; font-size: 50px; color: #fff; text-align: center; z-index: 1;} .the_post .no_img { height: 200px; display: block; position: relative; background: #127DC9;} .the_post .details { padding: 30px;} .the_post h3 { padding-bottom: 10px; line-height: 1.3em; font-size: 18px; text-transform: uppercase; font-weight: 700;} .the_post .text {} .the_post .more { display: block; color: #EF495D; font-weight: 700; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .the_post:hover .preview span { background: #127DC9;} .the_post:hover { -webkit-box-shadow: 0 15px 40px rgba(18,125,201,0.5); -moz-box-shadow: 0 15px 40px rgba(18,125,201,0.5); -ms-box-shadow: 0 15px 40px rgba(18,125,201,0.5); box-shadow: 0 15px 40px rgba(18,125,201,0.5); background: #127DC9; color: #fff !important; } .the_post:hover .more { color: #fff;} .the_post:hover .preview img { opacity: 0.7;} .index_posts { padding: 30px 0;} .theposts { padding: 20px 0 20px 0;} .theposts .meta-date { width: 80px; height: 80px; border: 1px solid #127DC9; color: #127DC9; font-weight: 400; text-align: center; text-transform: uppercase; font-size: 14px; display: block; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; margin: 0 auto;} .theposts .meta-date span { font-size: 24px; display: block; padding-top: 18px;} .theposts h2 { font-weight: bold; color: #127DC9; font-size: 18px; padding-bottom: 15px;} .theposts .text {} .theposts .readmore { font-weight: 700; color: #127DC9;} .feat_posts .latest { text-align: center; color: #127DC9; font-weight: 700; font-size: 14px; text-transform: uppercase; position: relative; top: -20px;} .feat_posts { padding: 20px 0 20px 0;} .feat_posts .meta-date { width: 80px; height: 80px; border: 1px solid #fff; color: #fff; font-weight: 400; text-align: center; text-transform: uppercase; font-size: 14px; display: block; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; margin: 0 auto;} .feat_posts .meta-date span { font-size: 24px; display: block; padding-top: 18px;} .feat_posts h2 { font-weight: bold; color: #fff; font-size: 36px; padding-bottom: 15px; text-align: center;} .feat_posts .text { text-align: center;} .feat_posts .readmore { display: block; text-align: center; text-decoration: none !important; color: #fff; margin: 0 auto; margin-top: 20px; width: 250px; padding: 10px 30px; border: 1px solid #fff; line-height: 1em; text-transform: uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .feat_posts .readmore:hover { color: #EF495D; border: 1px solid #EF495D;} .post_prev, .post_next { } .post_prev a, .post_next a { display: block; margin: 5px; border-top: 3px solid #127DC9; padding: 15px 0; font-weight: 700; color: #127DC9;} .post_prev { text-align: left;} .post_next { text-align: right;} .post-social { text-align: center; padding: 20px 0;} .post-social li { display: block; position: relative; text-align: center;} .post-social li a { display: block; width: 40px; height: 40px; margin: 5px auto; padding-top: 8px; font-size: 16px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .post-social li.fb a { border: 1px solid #285d93; color: #285d93;} .post-social li.tw a { border: 1px solid #1eb5de; color: #1eb5de;} .post-social li.gp a { border: 1px solid #ee4240; color: #ee4240;} .post-social li.li a { border: 1px solid #2588bb; color: #2588bb;} .post-social li a span { display: none;} .post-social li.fb a:hover { background: #285d93; color: #fff;} .post-social li.tw a:hover { background: #1eb5de; color: #fff;} .post-social li.gp a:hover { background: #ee4240; color: #fff;} .post-social li.li a:hover { background: #2588bb; color: #fff;} /* Sidebar */ #sidebar { padding: 40px 0;} #sidebar h3 { font-weight: bold; font-size: 16px; padding-bottom: 15px;} #sidebar .box { padding-bottom: 30px;} #sidebar .box ul li {} #sidebar .box ul li a { display: block; border: 1px solid #f1f1f1; margin:3px; padding: 10px; color: #B4BBC4; font-weight: 700; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} #sidebar .box ul li a:hover { border: 1px solid #EF495D; color: #EF495D;} .our_themes { padding-bottom: 30px;} .our_themes a { display: block; margin: 5px 0; padding: 10px; border: 1px solid #B4BBC4; color: #B4BBC4; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .our_themes a h4 { font-size: 14px; font-weight: bold;} .our_themes a:hover { border-color: #EF495D; color: #EF495D;} .our_themes a h4 i { margin-right: 10px;} /* FAQ */ .faq_form { padding: 60px 0;} .faq_form h3 { text-align: center; color: #EF495D; border-bottom: 2px solid #EF495D; padding-bottom: 15px; margin-bottom: 20px; font-weight: bold;} .faq_form .gfield { padding-bottom: 15px;} .faq_form label { color: #B4BBC4; font-weight: 700;} .faq_form .gfield_checkbox label { margin-left: 15px;} .faq_form .gform_footer { text-align: center;} .faq_form .gform_button { margin: 0 auto; text-align: center;} /* Footer */ #footer { padding: 40px 0; color: #fff; font-weight: 400; background: #131F29;} .social { text-align: left;} .social li { display: inline-block; margin: 5px 10px 5px 0; vertical-align: top;} .social li span { position: relative; display: block; width: 40px; height: 40px; color: #fff; text-align: center; padding-top: 8px; font-size: 20px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; border: 2px solid #fff;} .social li span:hover { background: #fff; color: #127DC9;} .address { padding: 20px 0; font-size: 14px;} .address h3 { font-size: 18px; font-weight: bold; padding-bottom: 10px;} .footer_menu {} .footer_menu ul { text-align: right;} .footer_menu ul li { display: block; margin: 2px 0;} .footer_menu ul li a { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold;} .footer_menu ul li.action a { color: #EF495D;} .footer_menu ul li a:hover { text-decoration: underline;} .footer_menu ul ul { display: none;} .copyright { font-size: 10px; text-align: center; color: #99A2AE;} .copyright a { color: #99A2AE;} .copyright a:hover { color: #99A2AE;} /* SlideShow Blocks */ .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cycle-slideshow { position: relative; min-height: 100px; overflow: hidden;} .cycle-slideshow img { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block;} .cycle-slideshow img:first-child {position: static; z-index: 100;} .cycle-pager > * { cursor: pointer;} .cycle-pager { position: absolute; width: 100%; text-align: center; bottom: 23px; z-index: 999;} .cycle-pager span { font-family: arial; font-size: 40px; width: 16px; height: 16px; display: inline-block; color: #fff; cursor: pointer; opacity: 0.5;} .cycle-pager span.cycle-pager-active { opacity: 1;} .cycle-prev, .cycle-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; z-index: 999; opacity: 0; cursor: pointer; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .cycle-prev { left: 0;} .cycle-next { right: 0;} .cycle-prev i, .cycle-next i { display: block; width: 26px; height: 26px; position: absolute; top: 50%;} .cycle-prev i { border-bottom: 1px solid #000; border-left: 1px solid #000; margin: -12px 0 0 -12px; left: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .cycle-next i { border-bottom: 1px solid #000; border-right: 1px solid #000; margin: -12px 0 0 -12px; left: 20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .cycle-slideshow:hover .cycle-prev, .cycle-slideshow:hover .cycle-next { opacity: 1;} /*.slide_block { max-width: 100%; height: 400px; display: block; position: relative;} .slide_block .slide { width: 100%; height: 100%; display: block; position: relative; background: no-repeat center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;}*/ /************************************/ /************** MENUS ***************/ #menu { padding: 23px 40px 23px 0;} #menu ul { text-align: right;} #menu ul li { position: relative; display: inline-block;} #menu ul li a { display: block; font-size: 14px; line-height: 1em; padding: 10px; color: #131F29; font-weight: 700; text-transform: uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} #menu ul li a:hover {} #menu ul li.current-menu-item a, #menu ul li.current-menu-parent a, #menu ul li.current-page-ancestor a { color: #EF495D;} #menu ul li.action a { padding: 10px 20px; margin-left: 10px; color: #fff; background: #EF495D;} #menu ul li.action a:hover { -webkit-box-shadow: 0 0 5px rgba(239,73,93,1); -moz-box-shadow: 0 0 5px rgba(239,73,93,1); -ms-box-shadow: 0 0 5px rgba(239,73,93,1); box-shadow: 0 0 5px rgba(239,73,93,1); } #header.white #menu ul li a { color: #fff;} #header.white #menu ul li.current-menu-item a, #header.white #menu ul li.current-menu-parent a, #header.white #menu ul li.current-page-ancestor a { color: #fff;} #header.black #menu ul li a { color: #fff;} #header.black #menu ul li.current-menu-item a, #header.black #menu ul li.current-menu-parent a, #header.black #menu ul li.current-page-ancestor a { color: #fff;} /* Level 1 */ #menu ul ul:before { content: ''; position: absolute; left: 50%; top: -7px; margin-left: -7px; width: 0px; height: 0px; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #127DC9 transparent;} #menu ul ul { position:absolute; left: 50%; top: 56px; margin-left: -100px; border-top: 1px solid #127DC9; background: #fff; width: 200px; z-index:9999; text-align: center; padding: 15px 0; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1); } #menu ul ul li { width: 200px; display: block; margin: 0;} #menu ul ul li a, #menu ul li.current-menu-item li a { display: block; padding: 10px 20px; color: #131F29 !important; font-size: 14px; margin: 0; border: none; background: none; } #menu ul ul li a:hover, #menu ul li.current-menu-item ul a, #menu ul li.current-menu-parent ul a, #menu ul ul li.current-menu-item a, #menu ul ul li.current-menu-parent a { background: none; border: none; color: #131F29 !important;} #menu ul ul li a:hover, #menu ul ul li.current-menu-item a { color: #EF495D; } /* level 2 */ #menu ul ul ul:before { left: -5px; top: 19px; margin-left: -2px; border-width: 7px 7px 7px 0; border-color: transparent #f8f8f8 transparent transparent;} #menu ul ul ul { left:200px; margin-left:0; top: -10px; padding: 10px 0; border-top: none; border-left: 2px solid #f8f8f8; background: #f8f8f8; -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.1); } #header.white #menu ul ul:before { border-color: transparent transparent #f8f8f8 transparent;} #header.white #menu ul ul { border-top: 1px solid #f8f8f8;} /* mobile menu */ .mobile_sidebar { background: #131F29; padding: 30px; color: #fff; font-weight: 400;} .mobile_sidebar .mobile_menu { padding: 0 0 30px 0;} .mobile_sidebar .menu {} .mobile_sidebar .menu li { display: block; text-align: center;} .mobile_sidebar .menu li a { display: block; padding: 7px 0; font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase;} .mobile_sidebar .menu ul li {} .mobile_sidebar .menu ul li a { padding: 7px 20px; color: #99A2AE; font-weight: 400;} .mobile_sidebar .social { text-align: center;} .mobile_sidebar .social li { margin: 5px;} .mobile_sidebar .social li span:hover { color: #131F29;} .mobile_sidebar .address { padding: 30px 0; text-align: center; color: #99A2AE;} .mobile_sidebar .address h3 { color: #fff; padding-bottom: 10px;} .mobile_sidebar .copyright { text-align: center; padding-top: 30px;} /************************************/ /************** GRIDS ***************/ .container { margin:0 auto; width:1100px; display:block; padding: 0; } /* GRIDS TABLET */ @media (min-width: 768px) and (max-width: 1099px) { .cycle-pager { bottom: 8px;} .container { width: 768px; padding: 0 30px;} #logo img { height: 60px; width: auto;} #menu ul li.home_item { display: none;} .imac { height: 330px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .imac_img { top: 20px; left: 20px; width: 432px; height: 250px;} .imac_txt { padding: 0 0 0 20px;} .imac_txt h3 { font-size: 30px; padding-bottom: 20px;} .imac_txt a { display: block; margin: 20px 0 0 0; padding: 15px 0; text-align: center;} .product_overview:hover .hover_box {opacity: 0;} .product_box .hover_box { display: none;} .img_1, .img_2 { height: 300px;} .img_1 { margin: 30px 15px 0 0;} .img_2 { margin: 30px 0 0 15px;} .landing_page { height: 800px;} .land_h1 { bottom: 350px;} .land_h1 h1 { line-height: 1em; font-size: 50px; padding: 100px 0;} .device03 { margin-left: -30px;} .landing_offer { margin-top: -350px;} .land_offer { padding: 40px 50px; padding-bottom: 30px;} .land_offer .text { font-size: 18px; line-height: 1.5em;} .land_offer .offer { font-size: 30px; line-height: 1.1em; padding: 10px 0 40px 0;} .land_form { padding: 50px 40px 30px 40px; margin-top: 50px;} .land_form h3 { font-size: 16px; line-height: 1.3em;} .land_form .gform_wrapper { padding-top: 20px;} .land_form input[type="submit"] { margin-top: 20px; padding: 10px;} .landing_section { margin-top: -115px; padding: 155px 0 40px 0;} .landing_section h2 { font-size: 36px; line-height: 1.1em;} .land_content { padding: 40px 0;} .land_content .text { font-size: 18px; line-height: 1.5em;} .land_samples .sample { margin: 15px;} .land_samples .sample.middle { margin: 25px 15px 5px 15px;} .land_form .thank { text-align: center; font-size: 24px; font-weight: 400; padding: 30px 0 70px 0;} } /* GRIDS MOBILE */ @media (max-width: 767px) { .cycle-pager { bottom: 0;} .container { width: 100%; padding: 0 30px;} #logo img { height: 60px; width: auto;} /*#header.fixed { position: relative;} #logo { margin-right: 40px; padding-top: 15px;}*/ #intro { padding-top: 0 !important;} .slogan { font-size: 30px; text-align: center; padding: 50px 0 0 0; font-weight: 200;} .slogan span { display: inline-block; width: 50px; height: 50px; margin: 0 10px; background: url(_assets/img/and.png) no-repeat center center;} .slogan_2 { font-size: 16px; text-align: center; padding: 0 0 50px 0; color: #7D8A97;} .product_overview:hover .hover_box {opacity: 0;} .product_box .hover_box { display: none;} .imac { height: auto; background: none;} .imac_img { position: relative; top: 0; left: 0; width:auto; height: auto; border: 10px solid #24272a; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .imac_txt { padding: 30px 0; text-align: center;} .imac_txt h3 { font-size: 30px; padding-bottom: 20px;} .imac_txt a { display: block; margin: 20px 0 15px 0; padding: 15px 0; text-align: center;} a.browse { display: block; padding: 15px 0;} .product_box { margin: 20px 0; } .feature_items .feat { padding-left:0; min-height: auto; margin: 0; text-align: center;} .feature_items .feat i { position: relative; display: block; text-align: center; top: auto; margin-top: 20px; left: auto;} .pagefeature h5 { font-size: 12px;} .pagefeature h1 { font-size: 24px;} .pagefeature .text { font-size: 14px; padding-top: 10px; line-height: 1.3em; color: #B4BBC4;} .product_overview { margin: 20px 0;} .product_overview .free_badge { position: absolute; top: -10px; right: -10px; width: 50px; height: 50px; text-align: center; font-size: 12px; font-weight: 700; padding-top: 12px; border: 2px solid #EF495D; color: #EF495D; z-index: 99; } .product_overview h3 { margin: 0 40px 3px 40px; } .prod_overview { text-align: center;} ul.buybutton { text-align: center;} a.action_btn { padding: 15px 30px;} .img_1, .img_2 { height: 100px;} .img_1 { margin: 10px 5px 0 0;} .img_2 { margin: 10px 0 0 5px;} .specs { margin: 0;} #mini_header ul { text-align: center;} #mini_header ul .demo { display: none;} .single_support, .support_section { padding: 40px 0;} #sidebar { padding: 30px 0; border-top: 2px solid #464347;} .post-social { text-align: center; padding: 0 0 40px 0;} .post-social li { display: inline-block;} .post-social li a { margin: 5px;} .landing_page { height: 400px;} .land_h1 { bottom: 50px;} .land_h1 h1 { text-align: center; line-height: 1em; font-size: 50px; padding: 50px 0;} .device01, /*.device02,*/ .device03, .device04 { display: none;} .device02 { top: 0; margin-left: -150px;} .landing_offer { margin-top: -50px;} .land_offer { padding: 30px; padding-bottom: 10px; text-align: center;} .land_offer .text { font-size: 16px; line-height: 1.5em;} .land_offer .offer { font-size: 36px; line-height: 1.1em; padding: 0 0 20px 0;} .land_form { padding: 30px; margin-top: 30px;} .land_form h3 { font-size: 18px; line-height: 1.3em;} .land_form .gform_wrapper { padding-top: 20px;} .land_form input[type="submit"] { margin-top: 20px; padding: 10px; font-size: 18px;} .landing_section { margin-top: 30px; padding: 30px 0;} .landing_section h2 { font-size: 24px; line-height: 1.1em;} .land_content { padding: 30px 0;} .land_content .text { font-size: 16px; line-height: 1.5em;} .land_samples { padding: 30px; background: #142029;} .land_samples .sample.middle, .land_samples .sample { margin: 0 0 30px 0;} .land_samples h4 { display: none;} /* hover v2 */ #intro_block { height: auto; } .intro_inner { position: relative; padding-top: 100px;} .intro_details { padding: 40px;} .intro_details h1 { font-size: 48px;} .intro_details h1 i { font-size: 100px; left: -40px; top: -5px;} .action_box .btn { margin-right: 0; margin-bottom: 10px;} #intro_block .cycle-slideshow { position: relative; bottom: 0;} .section_title { font-size: 30px;} #theme_feed { padding: 50px 0;} #theme_feed .btn { display: block; margin: 40px 25px 0 25px;} #theme_feed .item { margin: 20px;} #theme_feed .item.middle { margin: 20px;} .block_nav { margin: 30px 40px;} .block_nav a { padding: 30px 0; } .block_nav a h4 { padding: 0; font-size: 20px; padding-bottom: 15px;} .block_nav a span { padding: 0;} .block_nav a.left { justify-content: center; text-align: center;} .block_nav a.right { justify-content: center; text-align: center} .block_nav:after { display: none;} } /************************************/ /*********** ICON STYLING ***********/ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-align: center; } .icon-phone:before { content: "\e600"; } .icon-mobile:before { content: "\e601"; } .icon-directions:before { content: "\e602"; } .icon-mail:before { content: "\e603"; } .icon-paperplane:before { content: "\e604"; } .icon-feather:before { content: "\e605"; } .icon-paperclip:before { content: "\e606"; } .icon-user:before { content: "\e607"; } .icon-location:before { content: "\e608"; } .icon-map:before { content: "\e609"; } .icon-target:before { content: "\e60a"; } .icon-share:before { content: "\e60b"; } .icon-heart:before { content: "\e60c"; } .icon-star:before { content: "\e60d"; } .icon-thumbsup:before { content: "\e60e"; } .icon-chat:before { content: "\e60f"; } .icon-quote:before { content: "\e610"; } .icon-house:before { content: "\e611"; } .icon-popup:before { content: "\e612"; } .icon-link:before { content: "\e613"; } .icon-flag:before { content: "\e614"; } .icon-cog:before { content: "\e615"; } .icon-tools:before { content: "\e616"; } .icon-tag:before { content: "\e617"; } .icon-megaphone:before { content: "\e618"; } .icon-palette:before { content: "\e619"; } .icon-leaf:before { content: "\e61a"; } .icon-book:before { content: "\e61b"; } .icon-lifebuoy:before { content: "\e61c"; } .icon-eye:before { content: "\e61d"; } .icon-calendar:before { content: "\e61e"; } .icon-bolt:before { content: "\e61f"; } .icon-cd:before { content: "\e620"; } .icon-gauge:before { content: "\e621"; } .icon-rocket:before { content: "\e622"; } .icon-brush:before { content: "\e623"; } .icon-cone:before { content: "\e624"; } .icon-earth:before { content: "\e625"; } .icon-keyboard:before { content: "\e626"; } .icon-screen:before { content: "\e627"; } .icon-database:before { content: "\e628"; } .icon-clipboard:before { content: "\e629"; } .icon-ticket:before { content: "\e62a"; } .icon-rss:before { content: "\e62b"; } .icon-droplets:before { content: "\e62c"; } .icon-statistics:before { content: "\e62d"; } .icon-pie:before { content: "\e62e"; } .icon-bars:before { content: "\e62f"; } .icon-checkmark:before { content: "\e630"; } .icon-cross:before { content: "\e631"; } .icon-minus:before { content: "\e632"; } .icon-plus:before { content: "\e633"; } .icon-info:before { content: "\e634"; } .icon-help:before { content: "\e635"; } .icon-warning:before { content: "\e636"; } .icon-cycle:before { content: "\e637"; } .icon-shuffle:before { content: "\e638"; } .icon-layout:before { content: "\e639"; } .icon-menu:before { content: "\e63a"; } .icon-document:before { content: "\e63b"; } .icon-docs:before { content: "\e63c"; } .icon-folder:before { content: "\e63d"; } .icon-upload:before { content: "\e63e"; } .icon-download:before { content: "\e63f"; } .icon-play:before { content: "\e640"; } .icon-pause:before { content: "\e641"; } .icon-flow-branch:before { content: "\e642"; } .icon-flow-tree:before { content: "\e643"; } .icon-arrow-left:before { content: "\e644"; } .icon-arrow-down:before { content: "\e645"; } .icon-arrow-up:before { content: "\e646"; } .icon-arrow-right:before { content: "\e647"; } .icon-arrow-left2:before { content: "\e648"; } .icon-arrow-down2:before { content: "\e649"; } .icon-arrow-up2:before { content: "\e64a"; } .icon-arrow-right2:before { content: "\e64b"; } .icon-flickr:before { content: "\e64c"; } .icon-vimeo:before { content: "\e64d"; } .icon-twitter:before { content: "\e64e"; } .icon-facebook:before { content: "\e64f"; } .icon-google-plus:before { content: "\e650"; } .icon-pinterest:before { content: "\e651"; } .icon-tumblr:before { content: "\e652"; } .icon-linkedin:before { content: "\e653"; } .icon-instagram:before { content: "\e654"; } .icon-dropbox:before { content: "\e655"; } .icon-paypal:before { content: "\e656"; } /************************************/ /************** OTHER ***************/ /* SELECT & PLACEHOLDER */ ::selection, ::-moz-selection { background: #f1f1f1; color:#333;} ::-webkit-input-placeholder { color:#cccccc;} :-ms-input-placeholder { color:#cccccc;} ::-moz-placeholder { color:#cccccc;} :-moz-placeholder { color:#cccccc;} /* FORMS */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], /*input[type="number"],*/ input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { background: #fff; border: 1px solid #ccc; color: #999; font-size:14px ; padding: 10px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, /*input[type="number"]:focus,*/ input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { background:#fff; } input[type="button"], input[type="submit"] { border: none; background: #EF495D; color: #fff; font-size: 18px; font-weight: 700; padding: 7px 40px; } input[type="button"]:hover, input[type="submit"]:hover { color: #fff; background: #db593e; } input[type="radio"], input[type="checkbox"] { margin: 0 !important; *margin-top: 0 !important; line-height: normal; } .gfield select { font-size: 18px !important; } .gform_wrapper { margin: 0 !important;} .gform_wrapper br { display: none !important;} .gfield_label { font-size: 13px !important; padding: 0;} .gfield_checkbox li { margin: 0 !important; font-size: 12px !important;} .gfield_html ol { font-size: 12px !important;} .gfield_html ol li { margin: 0 !important;} .gform_title { font-weight: normal !important;} /* TEXT STYLING */ .text { padding: 0;} .text a {} .text a:hover { text-decoration: underline;} .text h6 { font-size:16px;} .text h5 { font-size:18px;} .text h4 { font-size:18px;} .text h3 { font-size:24px;} .text h2 { font-size:30px;} .text h1 { font-size:36px;} .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { padding-bottom: 15px; font-weight: bold; } /* PAGE NAVIGATION */ .page_navigation { border: none; padding: 0;} .page_navigation ul li a { border-color: #ddd;} .page_navigation ul li a { background: #f9f9f9; color: #4b4b50;} .page_navigation ul li a:hover { background: #f1f1f1;} .page_navigation ul li a.current { color: #4b4b50; background: #ffdd00; border: 1px solid #ffd200;} /* ALIGNMENTS */ .wp-caption { border: 1px solid #ddd; background-color:#fff; color:#999; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } /* SHORTCODES */ .shortcode-list.custom li i { color: #127DC9;} .shortcode-list.custom li:before { color: #127DC9 !important;} .shortcode-alert.custom { background: #127DC9 !important; color: #fff;} .shortcode-button { font-weight: 700; text-transform: uppercase; padding: 15px !important; } .shortcode-button.custom { border: none !important; background: #EF495D; color: #fff !important;} .shortcode-button.custom:hover { background: #EF495D !important; color: #fff !important;} .box .shortcode-button.custom { border: none !important; background: #EF495D; color: #fff !important;} .box .shortcode-button.custom:hover { background: #EF495D !important; color: #fff !important;} /************************************/ /************* END CSS! *************/