/* Theme Name: Ready Layer Theme URI: http://www.sunrisetheme.com Author: sunrisetheme Author URI: http://www.sunrisetheme.com Description: Forest Version: 1.0 Text Domain: cactus Domain Path: /languages/ Tags: blog, responsive */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Reset 2.0 - Typography 3.0 - Elements 4.0 - Forms 5.0 - Navigation 5.1 - Links 5.2 - Menus 6.0 - Accessibility 7.0 - Alignments 8.0 - Clearings 9.0 - Widgets 10.0 - Content 10.1 - Posts and pages 10.2 - Asides 10.3 - Comments 11.0 - Infinite scroll 12.0 - Media 12.1 - Captions 12.2 - Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Reset --------------------------------------------------------------*/ /*-------------------------------------------------------------- 12.1 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- 12.2 Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption {} body { font-family:"Roboto", sans-serif; outline:none; font-size:14px; color:#444444; line-height:1.5;} ul,li { margin: 0px;padding: 0px;padding-left: 10px;margin-left: 10px;line-height: 2em;} #cactus-single-page ul { list-style:disc; margin-left:1.2em} #cactus-single-page ol { list-style: decimal;} #cactus-single-page ul li { list-style: inherit} #cactus-single-page ol li { list-style: inherit} #cactus-single-page li > ul, #cactus-single-page li > ol { margin-bottom: 0; margin-left: 1.2em; } .dark-div { background-color:#2d353f; color:#888888} .font-1 {font-family:"Lato", sans-serif;} .font-2 {font-family:"Roboto", sans-serif;} .color-1 {color:#2d353f;} .color-2 {color:#eab23f;} .color-3 {color:#222222;} .color-4 {color:#835d26;} .color-5 {color:#e50111} .background-color-1 {background-color:#252525;} .background-color-2 {background-color:#eab23f;} .background-color-3 {background-color:#222222;} a{ text-decoration:none; outline:0;transition:all 0.2s; -webkit-transition:all 0.2s} a, a:hover, a:active, a:focus, a:visited {outline:0;text-decoration:none} a { color: #eab23f } a:hover { color:#eab23f;} .dark-div a { color:#FFFFFF} .dark-div a:hover { color:#eab23f} /*HTML Heading*/ /*default*/ h1,h2,h3,h4,h5,h6 {padding:0; margin:0; color:#2d353f;} h1 {font-family:"Lato", sans-serif; font-size:60px; font-weight:normal; /*letter-spacing: 1px; line-height:10px;*/ line-height:1.2} h2,h3,h4,h5 {font-family:"Roboto", sans-serif; font-weight:400;} h2 { font-size:36px;} h3 { font-size:25px;} h4 { font-size:20px; line-height:1.5} h5,h6 { font-size:14px;} .line-height-default { line-height:1.75} .h1 {font-family:"Lato", sans-serif; font-size:60px; font-weight:normal; /*letter-spacing: 1px; line-height:10px;*/ line-height:1.2} .h2.,h3,.h4,.h5 {font-family:"Roboto", sans-serif; font-weight:400;} .h2 { font-size:36px;} .h3 { font-size:25px;} .h4 { font-size:20px; line-height:1.5} .h5,.h6 { font-size:14px;} /*dark div*/ .dark-div h1,.dark-div h2,.dark-div h3,.dark-div h4,.dark-div h5,.dark-div h6 {color:#888888} /*HTML Heading*/ /*Form*/ input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], input[type="search"], textarea, .form-control {box-shadow: none;-webkit-box-shadow: none;display: block;width: 100%;height: 50px;padding: 6px 10px;line-height: 1.42857143;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;outline:none;margin-bottom:20px;border:2px solid #e5e5e5;color:#444444;} textarea {height:150px;} input:not([type]):focus, input[type="color"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus , input[type="search"]:focus, .form-control:focus, textarea:focus, input[type="text"]:focus {outline: 0;box-shadow: none;-webkit-box-shadow: none; border-color:#eab23f} .form-control::-moz-placeholder {color: #999999;opacity: 1;} .form-control:-ms-input-placeholder {color: #999999;opacity: 1;} .form-control::-webkit-input-placeholder {color: #999999;opacity: 1;} .form-control:focus::-moz-placeholder{color: #444444;opacity: 1;} .form-control:focus:-ms-input-placeholder{color: #444444;opacity: 1;} .form-control:focus::-webkit-input-placeholder{color: #444444;opacity: 1;} input::-moz-placeholder{color: #999999;opacity: 1;} input:-ms-input-placeholder{color: #999999;opacity: 1;} input::-webkit-input-placeholder{color: #999999;opacity: 1;} input:focus::-moz-placeholder{color: #444444;opacity: 1;} input:focus:-ms-input-placeholder{color: #444444;opacity: 1;} input:focus::-webkit-input-placeholder{color: #444444;opacity: 1;} textarea::-moz-placeholder{color: #999999;opacity: 1;} textarea:-ms-input-placeholder{color: #999999;opacity: 1;} textarea::-webkit-input-placeholder{color: #999999;opacity: 1;} textarea:focus::-moz-placeholder{color: #444444;opacity: 1;} textarea:focus:-ms-input-placeholder{color: #444444;opacity: 1;} textarea:focus::-webkit-input-placeholder{color: #444444;opacity: 1;} input:-webkit-autofill, input:focus:-webkit-autofill, input[type="text"]:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } /*Form*/ /*HTML - Button*/ /*default*/ button, input[type=button], input[type=submit], .btn { border:none; border-radius:5px; -webkit-border-radius:5px; transition:all 0.3s; -webkit-transition:all 0.3s; text-transform:uppercase; font-weight:700; background-image:none;text-shadow:none; padding:10px 20px 10px 20px; box-shadow:none; -webkit-box-shadow:none; text-decoration:none; border:none;} button, input[type=button], input[type=submit] {padding:13px 20px 13px 20px; margin-right:-4px; border-radius:3px; -webkit-border-radius:3px;} button:focus, input[type=button]:focus, input[type=submit]:focus, .btn:focus,.btn:active:focus,.btn.active:focus {outline:none;} button, input[type=button], input[type=submit], .btn-default {background-color:#eab23f;color:#FFFFFF;} button, input[type=button]:focus, input[type=submit]:focus, .btn-default:focus {background-color:#835d26;color:#FFFFFF;} button:hover, input[type=button]:hover, input[type=submit]:hover, .btn-default:hover {background-color:#835d26;background-image:none; color:#FFFFFF;} .btn-orange-color {background-color:#eab23f;color:#FFFFFF;} .btn-orange-color:focus {background-color:#835d26;color:#FFFFFF;} .btn-orange-color:hover {background-color:#835d26;color:#FFFFFF;} .btn-dark-color {background-color:#252525;color:#FFFFFF;} .btn-dark-color:focus {background-color:#835d26;color:#FFFFFF;} .btn-dark-color:hover {background-color:#835d26;color:#FFFFFF;} /*----------------------------------------*/ .button {border:none; border-radius:5px; -webkit-border-radius:5px; transition:all 0.3s; -webkit-transition:all 0.3s; text-transform:uppercase; font-weight:700; background-image:none;text-shadow:none; padding:10px 20px 10px 20px; box-shadow:none; -webkit-box-shadow:none; text-decoration:none; border:none;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;white-space: nowrap;font-size: 14px;line-height: 1.42857143;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .add_to_cart_button {background-color:#eab23f;color:#FFFFFF;} .add_to_cart_button:focus {background-color:#eab23f;color:#FFFFFF;} .add_to_cart_button:hover {background-color:#000000;background-image:none; color:#FFFFFF;} /*------------------------------------*/ .btn-large { font-size:20px;letter-spacing:1px; font-weight:700; padding:17px 29px 19px 29px;} /*dark div*/ .dark-div .btn-default:hover, .dark-div .btn-orange-color:hover, .dark-div .btn-dark-color:hover, .dark-div .add_to_cart_button:hover { color:#FFFFFF;} /*HTML - Button*/ /*HTML - Divider*/ /*default*/ .cactus-divider {width:100%; display:block;} .cactus-divider li:nth-child(1) { font-size:19px; font-weight:700; display:block; margin-bottom:13px; color:#222222;} .cactus-divider li:nth-child(2) { display:block; height:3px; width:100%; background-color:rgba(0,0,0,0.1)} .cactus-divider.center li:nth-child(1) {text-align:center} .cactus-divider.right li:nth-child(1) {text-align:right} .cactus-divider.no-text li:nth-child(1) {display:none} /*dark div*/ .dark-div .cactus-divider li:nth-child(1) {color:#999999;} /*HTML - Divider*/ /*HTML - Dropcap*/ .stm-dropcap { font-weight:700; font-size:48px; display:block; float:left; padding:0 8px 0 8px; line-height:1; margin-top:-1px;} /*HTML - Dropcap*/ /*HTML - Author*/ .single-author { margin-bottom:60px; } .cactus-author { width:100%; display:table; border:2px #e5e5e5 solid; padding:20px;line-height:1} .cactus-author .author-picture, .cactus-author .author-content { display:table-cell; vertical-align:top} .cactus-author .author-picture .picture-content a{ display:block; width:90px; height:90px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; margin-right:20px; margin-bottom:10px} .cactus-author .author-picture .picture-content a img { width:100%; height:auto} .cactus-author .author-content { width:100%;} .cactus-author .author-content .author-title { line-height:1.5; font-size:18px; font-weight:700; margin-top:8px; margin-bottom:6px;} .cactus-author .author-content .author-description { font-style:italic; color:#999999; margin-bottom:3px;} /*HTML - Author*/ /*Comments*/ #comments {margin-bottom:60px; line-height:1} #comments ol.comment-list {margin-bottom:60px;border-top:3px #FFFFFF solid; margin-left:0; padding-left:0;} #comments > h2.comments-title {font-family:"Lato", sans-serif;font-size:18px;font-weight:800 !important;padding-right:20px;color:#222222; line-height:1.4; margin-top:-6px; margin-bottom:31px;} #comments > h2.comments-title span { color:#eab23f} #comments ol.comment-list li.depth-1 {list-style:none;padding:0; border-bottom:3px solid rgba(0,0,0,0.1); margin-bottom:40px; padding-bottom:20px;} #comments ol.comment-list li.depth-1:last-child {border-bottom:none; padding:0; margin-bottom:0;} #comments ol.comment-list li.depth-1:last-child article {} #comments ol.children {list-style:none;padding-left:70px; margin-top:31px} #comments ol.children ol.children{list-style:none;/*padding-left:80px;*/padding-left:0;margin-top:0px} #comments ol.children article { background-color: rgba(229,229,229,0.3); padding:20px 20px 16px 20px;} #comments .comment-list {/*margin-bottom:82px;*/} #comments .comment-list .comment-body {position:relative;display:table;width:100%;margin-bottom:20px;} #comments .comment-list .comment-body .comment-meta{display:table-cell;vertical-align:top;font-size:12.5px;color:#999999;font-weight:normal;} #comments .comment-list .comment-body .comment-meta a{font-weight:700; color:#444444; font-weight:700} #comments .comment-list .comment-body .comment-meta a:hover{color:#eab23f;} #comments .comment-list .comment-body .comment-content{display:table-cell;width:100%;vertical-align:top;padding-left:30px;} #comments .comment-list .comment-body .comment-content p {display:block;padding:41px 0 0 0;color:#444444; line-height:2.0; margin-bottom:0;} #comments .comment-list .comment-body .reply {position:absolute;right:30px;top:5px;} #comments .comment-list .comment-body .reply:before { content:''} #comments .comment-list .comment-body .reply a {color:#222222;font-size:12px;font-weight:normal; font-style:italic; font-weight:700} #comments .comment-list .comment-body .reply a:hover {color:#eab23f;} #comments .comment-list .comment-body .comment-metadata {position:absolute;left:99px;top:19px;} #comments .comment-list .comment-body .comment-metadata a {font-weight:normal; color:#999999; font-size:12px; font-style:italic} #comments .comment-list .comment-author {width:70px;height:70px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;overflow:hidden;} #comments .comment-list .comment-author img {width:100%;height:auto;} #comments .comment-list .comment-author b.fn {position:absolute;top:0px;font-weight:normal;left:99px;text-transform:uppercase; font-family:"Lato", sans-serif; font-weight:700; color:#222222} #comments .comment-list ol.children .comment-author b.fn { top:20px;} #comments .comment-list ol.children .comment-body .comment-metadata {top:39px;} #comments .comment-list ol.children .comment-body .comment-content { padding-left:20px; padding-right:20px;} #comments .comment-list ol.children .comment-body .comment-content p { padding-left:0; margin-bottom:0;} #comments .comment-list ol.children .comment-body { margin-bottom:20px;} #comments .comment-list ol.children .comment-body .reply { top:25px;right:30px} #comments .comment-list ol.children .comment-author {width:60px;height:60px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;overflow:hidden;} #comments .comment-author span.says {display:none;} #comments .comment-respond {padding:0 0 0 0; margin-top:-2px; position:relative} #comments .comment-reply-title {clear: both; font-family:"Lato", sans-serif;font-size:18px;font-weight:800 !important;color:#222222;padding-right:20px; display:block; margin-bottom:37px} #comments .comment-notes {color:#FF0000;display:none;} #comments .comment-form-author {float:left;width:33.333%;padding:0 30px 10px 0;} #comments .comment-form-email {float:left;width:33.333%;padding:0 30px 10px 0;} #comments .comment-form-url {float:left;width:33.3333%;padding:0 0 10px 0;} #comments .comment-form-comment {display:block;clear:both;} #comments .comment-form-comment textarea {height:130px;} #comments .form-submit input[type=submit]#submit {font-size:14px;text-transform:uppercase;padding:13px 20px 13px 20px !important;} #comments .comment-form-author input, #comments .comment-form-email input, #comments .comment-form-url input, #comments .comment-form-comment input {margin:0;} #comments .comment-form-author label, #comments .comment-form-email label, #comments .comment-form-url label, #comments .comment-form-comment label, #comments .form-allowed-tags { display:none;} #comments #comment::-moz-placeholder {opacity: 1;} #comments .comment-awaiting-moderation { color:#FF0000; position:absolute; left:100px; bottom:-25px;} #comments #cancel-comment-reply-link { color:#222222;text-transform:uppercase;font-size:12.5px;font-weight:normal;margin-left:13px;position:absolute;bottom:13px;left:160px;width:100px;} #comments #cancel-comment-reply-link:hover { color:#eab23f;} @media (max-width:767px){ #comments .comment-list .comment-body .reply {position:absolute;left:99px;top:33px !important;} #comments .comment-list ol.children .comment-body .reply {top:53px !important} #comments .comment-list .comment-body .reply:before { content:''} #comments .comment-list .comment-body .comment-content p { padding-top:70px;} #comments .comment-form-author {float:none;width:100%;padding:0; margin-bottom:20px} #comments .comment-form-email {float:none;width:100%;padding:0; margin-bottom:20px} #comments .comment-form-url {float:none;width:100%;padding:0 ; margin-bottom:20px} } /*Comments*/ /*bootstrap tooltip*/ .tooltip { background:transparent !important; font-size:12px !important; font-weight:normal !important; border-radius:3px !important; color:#999999 !important; } .tooltip.top{background-color:transparent !important;} .tooltip-inner{background-color:#e5e5e5 !important;color:#999999 !important;} .tooltip.top .tooltip-arrow{border-top-color:#e5e5e5} /*bootstrap tooltip*/ /*wp-pagenavi*/ .page-navigation {line-height:1} .page-navigation .wp-pagenavi {text-align:center;display:block;padding:0 !important; margin-bottom:70px; padding-top:4px !important; line-height:1} .wp-pagenavi a, .wp-pagenavi span {display:inline-block;border:none !important;background:#F2F2F2;padding:13px 15px 0 15px !important;color:#444444;font-weight:normal;margin:-4px 6px 10px 0 !important;min-width:40px !important;min-height:40px !important;text-align:center;} .wp-pagenavi a:hover {color:#FFFFFF;background:#eab23f} .wp-pagenavi span.current {background:#eab23f;color:#FFFFFF;font-weight:normal !important;} .wp-pagenavi span.extend { color:#000000; background:transparent;padding:9px 0px 0 0px !important; margin-right:5px !important; margin-left:-5px !important;} .wp-pagenavi span.extend:before { content:"."} .wp-pagenavi span.extend:after { content:"."} /*wp-pagenavi*/ /*VC*/ .entry-content {max-width:1000px;} /*Composer Tab*/ .page .entry-content { max-width:1200px;} /*default*/ #content .wpb_content_element .wpb_tabs_nav { margin-bottom:22px;} .wpb_tabs .wpb_tabs_nav li {margin: 0 10px 0 0;} .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a { font-weight:700; background:#eaeaea; padding:16px 30px 13px 30px; color:#222222; display:block; position:relative} .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a:hover {background-color:#7b4296; color:#FFFFFF;} .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a:hover {cursor: default; background-color:#222222; color:#FFFFFF;} .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background:#FFFFFF;} .wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab{padding:0; -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 30px; -moz-column-gap: 30px;column-gap: 30px; line-height:2;} .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {-webkit-column-count: 0;-moz-column-count: 0;column-count: 0; line-height:2;padding:0 0 0 30px; margin-top:-8px;} .wpb_tour .wpb_tabs_nav a { width:auto;} .wpb_tour .wpb_tabs_nav li {margin: 0 0 10px 0; position:relative} .wpb_tour_next_prev_nav { display:none;} @media(max-width:767px){ .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {line-height:2;padding:0 0 0 0; margin-top:-2px; width:100%; float:none} .wpb_tabs .wpb_tabs_nav li { display:block; float:none; margin-bottom:10px;} .wpb_tabs .wpb_tabs_nav li:last-child {margin-bottom:0;} .vc_responsive .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav {width: 100%;float: none;} div .navbar-brand {width: auto !important; max-width: calc( 100% - 62px );line-height: 58px; height: 70px !important; margin-top: 0 !important } div .navbar-brand img { display: inline-block;vertical-align: middle;} } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {font-weight:700; font-size:14px; padding:16px 25px 16px 25px; color:#999999; display:block; position:relative;transition:all 0.3s; -webkit-transition:all 0.3s; text-transform:uppercase; min-height:46px; line-height:1} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { margin:0 0 10px 0; transition:all 0.2s; -webkit-transition:all 0.2s; background-color:#FFFFFF; border-radius:3px; -webkit-border-radius:3px; border:2px #cdcdcd solid} .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {} .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {padding: 1px 20px 11px 20px; line-height:2;} .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {background-image:none;right:20px;} .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before { width:12px; height:2px; background-color:#999999; content:''; position:absolute; right:5px; top:12px;transition:all 0.3s; -webkit-transition:all 0.3s;} .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after { width:2px; height:12px; background-color:#999999; content:''; position:absolute; right:10px; top:7px; transition:all 0.3s; -webkit-transition:all 0.3s;} .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after { opacity:0; transform:rotate(260deg); -webkit-transform:rotate(250deg);} .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before{background-color:#eab23f;} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover {} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover a {color:#eab23f;} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active a{color:#eab23f;} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover .ui-accordion-header-icon:before {background-color:#eab23f;} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover .ui-accordion-header-icon:after {background-color:#eab23f;} /*dark div*/ /*Composer Tab*/ /*VC*/ #body-wrap { width:100%; overflow-x:hidden; position:relative; overflow:hidden} #wrap { overflow-x:hidden; overflow:hidden} /*Top NAV*/ #top-nav{ line-height:1} #top-nav .navbar-default {background:transparent; background-image: none; box-shadow:none; -webkit-box-shadow:none; border:none; border-radius:0; -webkit-border-radius:0;} .top-nav{ width:100%; min-height:70px; position:relative; z-index:2} .bg-overlay-top-menu { background: #232323 } .bg-top-menu { background:rgba(0,0,0,1)} .navbar {position: relative;min-height: 70px;margin-bottom:0;border:none;} .navbar-brand { height:60px;padding: 6px 15px;} .navbar-nav>li { min-height:70px; z-index:9; transition:all 0.3s; -webkit- transition:all 0.3s;} .navbar-default .navbar-nav>li>a {font-weight:800; color:#FFFFFF;text-shadow:none;-webkit-text-shadow:none; height:70px; padding:24px 20px; text-transform:uppercase; font-size:12px; transition:all 0.3s; -webkit- transition:all 0.3s;} @media (max-width: 1200px) { .navbar-brand { max-width: 260px; } .navbar-default .navbar-nav>li>a { padding: 24px 10px; } } .navbar-default .navbar-nav>li>a.active {background-color:transparent; color:#eab23f} .navbar-default .navbar-nav>li>a.active:hover {color:#eab23f} .navbar-default .navbar-nav>li>a:hover { background-color:transparent; color:#eab23f;} .navbar-default .navbar-nav>li>a>i { padding-right:4px;} .navbar-default .navbar-nav.navbar-right>li:last-child>a {background-color:#eab23f; padding:24px 25px; margin-left:20px;} .navbar-default .navbar-nav.navbar-right>li:last-child>a:hover {color:#FFFFFF; background-color:#eab23f;} .navbar-collapse {box-shadow:none; -webkit-box-shadow:none} #top-nav #menu-main-menu > li.current-menu-item>a {background-color:transparent; color:#eab23f} #top-nav #menu-main-menu > li.current-menu-item>a:hover {color:#eab23f} /* .bg-top-menu .navbar-default .navbar-nav>li>a.active {background-color:#eab23f;} .bg-top-menu .navbar-default .navbar-nav>li>a.active:hover {color:#FFFFFF} .bg-top-menu .navbar-default .navbar-nav>li>a:hover {background-color:#eab23f; color:#FFFFFF;} */ .container>.navbar-header { position:relative; z-index:9;} /*Submenu*/ .navbar-default ul li:hover {} .navbar-default ul > li:hover > a { color:#FFFFFF} .navbar-default ul > li:last-child:hover > a { color:#FFFFFF} /*.bg-top-menu .navbar-default ul li:hover { background:#eab23f}*/ .navbar-default ul li:last-child:hover { background:transparent} .navbar-default ul li > ul {position:absolute;transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0; transform:scale(1,0); -webkit-transform:scale(1,0); visibility:hidden; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;margin-left:-28px} .navbar-default ul li:hover > ul {opacity:1;transform:scale(1,1); -webkit-transform:scale(1,1); visibility:visible} /*hack for only safari*/ @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.navbar-default ul li > ul { display: none; } ::i-block-chrome,.navbar-default ul li:hover > ul {display: block;} } /*hack for only safari*/ .navbar-default ul li ul li { min-width:200px; white-space:nowrap; background:rgba(0,0,0,1.00);} .navbar-default ul li ul li:first-child {border-top: 3px solid #eab23f;} .navbar-default ul li ul li a {padding:11px 20px; display:block; color:#FFFFFF; text-transform:uppercase; font-size:12px;} .navbar-default ul li ul li a:hover {background-color:#eab23f; color:#FFFFFF} .navbar-default ul li ul li:hover {background-color:#eab23f;} .navbar-default ul li ul li:last-child:hover { background-color:#eab23f;} .navbar-default ul li ul li > ul { left: 100%;margin-top: -53px;border-left: 3px solid transparent;margin-left: -22px;list-style: none;} .navbar-default ul li ul li > ul:active, .navbar-default ul li ul li:first-child > ul:active {color: #FFF;} .navbar-default ul li ul li:first-child > ul { left: 100%;margin-top: -53px;border-left: 3px solid transparent;margin-left: -22px;list-style: none;} /*Submenu*/ /*Mega menu*/ .collapse.navbar-collapse {position:relative;} .collapse.navbar-collapse ul li.cactus-mega-menu { position:static; line-height:1.75} .collapse.navbar-collapse ul li.cactus-mega-menu > ul { position:absolute; left:0; right:0; top:100%; background-color:#F1ABAC; background-color:rgba(0,0,0,0.9); border-top:3px solid #eab23f} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li { background-color:none; background:none; border:none; float:left; width:25%; border-right:1px rgba(255,255,255,0.15) solid; border-bottom:1px rgba(255,255,255,0.15) solid; min-width:25%} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li:nth-child(4n) {border-right:none} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li:nth-last-child(1),.collapse.navbar-collapse ul li.cactus-mega-menu > ul > li:nth-last-child(2),.collapse.navbar-collapse ul li.cactus-mega-menu > ul > li:nth-last-child(3),.collapse.navbar-collapse ul li.cactus-mega-menu > ul > li:nth-last-child(4){border-bottom:none} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li:nth-child(5n) { clear:both;} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li > a {font-size:18px; font-weight: normal; font-family:"Lato", sans-serif; pointer-events:none; font-weight:700;} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li > ul { position:static; visibility:visible; display:block;transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1; margin-top:0; border-left:none;} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li > ul > li{ border-top:none; border-top:1px rgba(255,255,255,0.15) solid; background:none; background-color:none; min-width:100%;} .collapse.navbar-collapse ul li.cactus-mega-menu ul li a { white-space: nowrap; overflow:hidden; text-overflow: ellipsis} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li > ul > li > ul { display:none;} .collapse.navbar-collapse ul > li.cactus-mega-menu ul li:hover > a { color:#eab23f} .collapse.navbar-collapse ul > li.cactus-mega-menu ul li ul li:hover > a { color:#FFFFFF} @media (max-width:991px){ /*.collapse.navbar-collapse ul li.cactus-mega-menu > ul > li { width:33.33%} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li:nth-child(5n) { clear: none;} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li:nth-child(4n) { clear:both !important; border-right:1px rgba(255,255,255,0.15) solid;} .collapse.navbar-collapse ul li.cactus-mega-menu > ul > li:nth-child(3n) { border-right:none}*/ } /*Mega menu*/ /*Mobile*/ .navbar-default .navbar-toggle { border:none; background-color:#eab23f; width:40px; height:35px; padding:9px 9px; text-align:center; margin-top:17px; transition:all 0.1s; -webkit-transition:all 0.1s} .navbar-default .navbar-toggle:hover { background-color:#835d26;} .navbar-default .navbar-toggle .icon-bar { background-color:#FFFFFF;} .navbar-default .navbar-toggle:focus {background-color: #835d26;} #wrap {transition: all 0.3s; -webkit-transition: all 0.3s;} .resize-body{-webkit-transform: translateX(-70%);transform: translateX(-70%);-webkit-transform: translateZ(0) translateX(-70%);transform: translateZ(0) translateX(-70%);-webkit-transform: translate3d(-70%, 0, 0);transform: translate3d(-70%, 0, 0); } .canvas-ovelay{right: 0;top: 0;bottom: 0;left: 0;overflow: hidden;position: fixed;z-index: 999998;background: rgba(0,0,0,0.5); transition: all 0.3s; -webkit-transition: all 0.3s; display:none;} .off-canvas-default {left:10%; right: 0;top: 0;bottom: 0;overflow: hidden;position: absolute;z-index: 999999;background-color: #111111;transition: all 0.3s;-webkit-transition: all 0.3s;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transform: translateZ(0) translateX(100%);transform: translateZ(0) translateX(100%);-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} .show-menu-canvas {-webkit-transform: translateX(0);transform: translateX(0);-webkit-transform: translateZ(0) translateX(0);transform: translateZ(0) translateX(0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .off-canvas-default .off-canvas-inner {} .off-canvas-default .off-canvas-inner .close-canvas-menu { height:70px; text-align:center; cursor:pointer; width:100%; border-bottom:1px #3b444e solid} .off-canvas-default .off-canvas-inner .close-canvas-menu i { color:#FFFFFF; font-size:24px; margin-top:22px;} .off-canvas-default .off-canvas-inner .close-canvas-menu i:before {transition: all 0.6s;-webkit-transition: all 0.6s;} .off-canvas-default .off-canvas-inner .close-canvas-menu i.rotate:before { transform:rotate(180deg); -webkit-transform:rotate(180deg)} .off-canvas-default .off-canvas-inner .off-menu ul { list-style:none} .off-canvas-default .off-canvas-inner .off-menu ul li {margin-left:-20px;} .off-canvas-default .off-canvas-inner .off-menu ul li ul li {padding-left:30px;} .off-canvas-default .off-canvas-inner .off-menu ul a{ display:block; color:#FFFFFF;} .off-canvas-default .off-canvas-inner .off-menu ul a:hover{color:#835d26;} .off-canvas-default .off-canvas-inner .off-menu ul li a{ padding:13px 30px 13px 10px;} .off-canvas-default .off-canvas-inner .off-menu ul li a:before{content:'\f105 '; font-family: 'FontAwesome'; display:inline-block; margin-right:5px;} .off-canvas-default .off-canvas-inner .off-menu ul li:last-child{ border-bottom:0; padding-bottom:50px;} .off-canvas-default .off-canvas-inner .off-menu ul li ul li:first-child {} .off-canvas-default .off-canvas-inner .off-menu ul li ul li:last-child {border-bottom: none; padding-bottom:0;} /*Mobile*/ @media (min-width:768px) and (max-width:991px) { .navbar-default .navbar-nav.navbar-right>li:last-child>a { margin-left:10px;} .navbar-default .navbar-nav>li>a {padding:24px 10px;} } /*Top NAV*/ /*Top Information*/ #top-information { line-height:1} .top-information { width:100%; margin-top:-70px; z-index:1; position:relative} #top-information .img-background {width:100%; background-position: 50% 50%; transition: none; -webkit-transition: none; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;} #top-information .overlay-background {background-color:#323a45; opacity:0.9; position:absolute; top:0; bottom:0; left:0; right:0;} #top-information .banner-info-content {color:#FFFFFF; z-index:3; margin-top:252px;} /*hack for firefox*/ @-moz-document url-prefix() { #top-information .banner-info-content {margin-top:181px;} } /*hack for firefox*/ #top-information .banner-info-content h1{font-weight:700; display:block; color:#FFFFFF; margin-bottom:28px;} #top-information .banner-info-content h4{ font-style:italic; display:block; color:#FFFFFF; width:70%; margin-bottom:43px;} #top-information .banner-info-content .button-group { padding-bottom:180px;} #top-information .banner-info-content .button-group .btn-large{ margin-right:17px; margin-bottom:20px;} #top-information .banner-info-content .button-group .btn-large:last-child{ margin-right:0;} @media(max-width:767px) { #top-information .banner-info-content h4{width:100%;} } #top-information .nav-bottom-info { position:absolute; display:block; bottom:0; left:50%; text-transform:uppercase; color:#FFFFFF; margin-left:-77px; font-size:12px; font-weight:200;letter-spacing:0.7px; text-align:center; line-height:2.7; margin-bottom:15px;} #top-information .nav-bottom-info i { font-weight:normal; font-size:24px;} #top-information .nav-bottom-info:hover { color: #eab23f; } /*Top Information*/ /*Top Slider*/ #top-slider { padding-top:100px; transition:all 0.4s; -webkit-transition:all 0.4s; line-height:1} #top-slider .link-picture {display:block; opacity:1; overflow:hidden; transition:all 0.2s; -webkit-transition:all 0.2s;} #top-slider .link-picture:hover { opacity:0.8} #top-slider .link-picture img{ width:100%;} #top-slider .title-slider {display:block; font-size:36px; font-weight:800; line-height:1.35; margin-top:-12px; margin-bottom:33px;} #top-slider .title-slider span{} #top-slider .content-slider {display:block; margin-bottom:33px;} #top-slider .cactus-slider-single { margin-bottom:-10px} #top-slider .cactus-slider-single .owl-controls .owl-pagination{ bottom:100%; position:absolute; width:100%; margin-bottom:43px;} #top-slider .cactus-slider-single .owl-controls .owl-buttons{ display:none} #top-slider .cactus-slider-single .owl-controls .owl-page span { width:10px; height:10px; background-color:transparent; border:2px #2d353f solid; transition:all 0.1s; -webkit-transition:all 0.1s; margin:0 10px; opacity:1;} #top-slider .cactus-slider-single .owl-controls .owl-page.active span { width:10px; height:10px; background-color:#eab23f;border-color: #eab23f} #top-slider .cactus-slider-single .owl-controls .owl-page:hover span {background-color:#eab23f; border-color: #eab23f; opacity:1} #top-slider .cactus-slider-single .button-group .btn, #top-slider .cactus-slider-single .button-group .button{ margin-right:16px;/*margin-bottom:30px;*/} @media(max-width:991px) { #top-slider .cactus-slider-single .button-group .btn, #top-slider .cactus-slider-single .button-group .button{ margin-right:17px; margin-bottom:40px;} #top-slider .link-picture { margin-bottom:27px;} #top-slider .slider-item .pull-right { float:left !important; width:100%;} #top-slider .title-slider {margin-top:0;} } @media(max-width:767px) { #top-slider .cactus-slider-single .button-group .btn, #top-slider .cactus-slider-single .button-group .button{ margin-right:17px; margin-bottom:40px;} #top-slider .link-picture { margin-bottom:27px;} #top-slider .slider-item .pull-right { float:left !important; width:100%;} #top-slider .title-slider {margin-top:0;} } #top-slider.top-slider-theme-details { padding-top:0; padding-bottom:130px;} #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-pagination {top:100%; position:absolute; width:100%; margin-top:38px;} #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-buttons{ display: block; height:0;} #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-buttons .owl-prev{ position:absolute; left:0; width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; border:2px solid #999999; background-color: transparent; transition:all 0.3s; -webkit-transition:all 0.3s; margin:0; margin:0; margin-left:15px; top:50%; margin-top:-25px; opacity:1; z-index:9} #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-buttons .owl-next{ position:absolute; right:0; width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; border:2px solid #999999; background-color: transparent; transition:all 0.3s; -webkit-transition:all 0.3s; margin:0; margin-right:15px; top:50%; margin-top:-25px; opacity:1; z-index:9} #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-buttons .owl-prev i, #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-buttons .owl-next i { color:#2d353f; font-size:25px; margin-top:7px;} #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-buttons .owl-prev i { margin-left:-3px;} #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-buttons .owl-next i { margin-left:3px;} #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-buttons div:hover {border:2px solid #2d353f;} #top-slider.top-slider-theme-details .picture-content { padding-left:100px; padding-right:100px;} #top-slider.top-slider-theme-details .link-picture {display:block; opacity:1; overflow:hidden; transition:all 0.2s; -webkit-transition:all 0.2s; text-align:center; pointer-events:none} #top-slider.top-slider-theme-details .link-picture img{width:auto; max-width:100%; height:auto} @media(max-width:767px) { #top-slider.top-slider-theme-details .cactus-slider-single .owl-controls .owl-buttons{ display: none;} #top-slider.top-slider-theme-details .picture-content { padding-left:0; padding-right:0;} #top-slider.top-slider-theme-details .link-picture { margin-bottom:0;} #top-slider.top-slider-theme-details .link-picture img{ width:100%} } /*Top Slider*/ /*ads-offer*/ #ads-offer { padding-top:93px; line-height:1} #ads-offer .ads-offer-title {color:#FFFFFF; font-size:36px; font-weight:800; text-align:center; margin-bottom:56px; padding-left:15px; padding-right:15px;} #ads-offer .offer-content{padding:20px 0 20px 0; text-align:center; margin-bottom:21px;} /*Layer 1*/ #ads-offer .offer-content .offer-icon-boder {width: 70px;height: 40px;background-color:rgba(255,255,255,0.25);position: relative; text-align:center; display:inline-block} #ads-offer .offer-content .offer-icon-boder:before {content: "";position: absolute;top: -20px;left: 0;width: 0;height: 0;border-left: 35px solid transparent;border-right: 35px solid transparent;border-bottom: 20px solid rgba(255,255,255,0.25);} #ads-offer .offer-content .offer-icon-boder:after {content: "";position: absolute;bottom: -20px;left: 0;width: 0;height: 0;border-left: 35px solid transparent;border-right: 35px solid transparent;border-top: 20px solid rgba(255,255,255,0.25);} /*Layer 1*/ /*Layer 2*/ #ads-offer .offer-content .offer-icon-boder .offer-icon{width: 64px;height: 40px;background-color: transparent;position: relative; display:inline-block; z-index:1} #ads-offer .offer-content .offer-icon-boder .offer-icon:before {content: "";position: absolute;top: -17px;left: 0;width: 0;height: 0;border-left: 32px solid transparent;border-right: 32px solid transparent;border-bottom: 19px solid #2d353f;} #ads-offer .offer-content .offer-icon-boder .offer-icon:after {content: "";position: absolute;bottom: -17px;left: 0;width: 0;height: 0;border-left: 32px solid transparent;border-right: 32px solid transparent;border-top: 19px solid #2d353f;} /*Layer 2*/ /*Layer 3*/ #ads-offer .offer-content .offer-icon-boder .offer-icon .pic-offer-icon { position:absolute; top:3px; bottom:2px; left:0px; right:0px; background-color:#2d353f; color:#FFFFFF; font-size:36px; z-index:2; font-weight:normal; line-height:1} #ads-offer .offer-content .offer-icon-boder .offer-icon .pic-offer-icon:nth-child(1) { margin-top:-1px;} #ads-offer .offer-content .offer-icon-boder .offer-icon .pic-offer-icon:nth-child(2) { margin-top:-1px;} #ads-offer .offer-content .offer-icon-boder .offer-icon .pic-offer-icon:nth-child(3) {} #ads-offer .offer-content .offer-icon-boder .offer-icon .pic-offer-icon:nth-child(4) {} /*Layer 3*/ #ads-offer .title-offer-item {font-size:18px; font-weight:800; text-align:center; color:#bdbdbd; line-height:1.5; margin-bottom:11px;} #ads-offer .content-offer-item { text-align:center; margin-bottom:93px;} @media(max-width:767px){ #ads-offer .content-offer-item { text-align:center; margin-bottom:53px;} #ads-offer .container>.row .col-md-3:last-child .content-offer-item { text-align:center; margin-bottom:93px;} } /*ads-offer*/ /*Customer say*/ #customer-say { padding-top:93px; padding-bottom:70px; line-height:1} #customer-say .customer-say-title { font-size:36px; font-weight:800; text-align:center; margin-bottom:61px; padding-left:15px; padding-right:15px;} #customer-say .customer-content { text-align:center; position:relative} #customer-say .customer-content .customer-details { border-radius:50%; -webkit-border-radius:50%; overflow:hidden; width:90px; height:90px; display:inline-block; margin:0 8.5px 28px 8.5px; cursor:crosshair; position:relative} #customer-say .customer-content .customer-details .thumbnail-overlay { position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; transition:all 0.2s; -webkit-transition:all 0.2s;border-radius:50%; -webkit-border-radius:50%;} #customer-say .customer-content .customer-details:hover .thumbnail-overlay{ opacity:0.5} #customer-say .customer-content .customer-details.active .thumbnail-overlay{ opacity:0.5} #customer-say .customer-content .customer-details.active:hover .thumbnail-overlay{ opacity:0.5} #information-tooltip { line-height:1} #information-tooltip .points-star { text-align:center; position:relative} #information-tooltip .points-star i{ margin-left:5.5px; margin-right:5.5px; margin-top:30px; margin-bottom:7px;} #information-tooltip .points-star .close-tips { position:absolute; width:40px; height:40px; top:0; right:0; text-align:center; cursor:pointer} #information-tooltip .points-star .close-tips > i { margin-top:10px; font-size:18px;} #information-tooltip .content-customer-say {font-style:italic; padding-left:40px; padding-right:40px; text-align:center; margin-bottom:10px;} #information-tooltip .content-customer-name{padding-left:40px; padding-right:40px; text-align:center; font-weight:700; color:#999999; margin-bottom:28px;} @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,#customer-say .customer-content .customer-details img { width:100%; border-radius:50%; -webkit-border-radius:50%;} } /*Customer say*/ /*Testimonials*/ .cactus-testimonials { padding-top:93px; padding-bottom:70px; line-height:1} .cactus-testimonials .customer-say-title { font-size:36px; font-weight:800; text-align:center; margin-bottom:61px; padding-left:15px; padding-right:15px;} .cactus-testimonials .customer-content { text-align:center; position:relative; transition:all 0.3s; -webkit-transition:all 0.3s;} .cactus-testimonials .customer-content .customer-details { border-radius:50%; -webkit-border-radius:50%; width:90px; height:90px; display:inline-block; margin:0 8.5px 30px 8.5px; cursor:crosshair; position:relative; text-align:center;} .cactus-testimonials .customer-content .customer-details img{ max-width:100%; height:auto; display:inline-block; vertical-align:middle; border-radius:50%; -webkit-border-radius:50%;} .cactus-testimonials .customer-content .customer-details .thumbnail-overlay { position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; transition:all 0.2s; -webkit-transition:all 0.2s;border-radius:50%; -webkit-border-radius:50%;} .cactus-testimonials .customer-content .customer-details:hover .thumbnail-overlay{ opacity:0.5} .cactus-testimonials .customer-content .customer-details.active .thumbnail-overlay{ opacity:0.5} .cactus-testimonials .customer-content .customer-details.active:hover .thumbnail-overlay{ opacity:0.5} .cactus-testimonials .arrow_box { position: absolute; background: #EAEAEA; width:600px; top:100%; z-index:999999; border-radius:5px; -webkit-border-radius:5px; margin-top:20px; cursor:auto; right:100%; margin-right:-345px; display:none; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; } .cactus-testimonials .arrow_box.opacity-1{opacity:1} .cactus-testimonials .arrow_box:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(234, 234, 234, 0); border-bottom-color: #EAEAEA; border-width: 10px; margin-left: -10px; } .cactus-testimonials .arrow_box { line-height:1} .cactus-testimonials .arrow_box .points-star { text-align:center; position:relative} .cactus-testimonials .arrow_box .points-star i{ margin-left:5.5px; margin-right:5.5px; margin-top:30px; margin-bottom:7px;} .cactus-testimonials .arrow_box .points-star .close-tips { position:absolute; width:40px; height:40px; top:0; right:0; text-align:center; cursor:pointer} .cactus-testimonials .arrow_box .points-star .close-tips > i { margin-top:10px; font-size:18px;} .cactus-testimonials .arrow_box .content-customer-say {font-style:italic; padding-left:40px; padding-right:40px; text-align:center; margin-bottom:10px;} .cactus-testimonials .arrow_box .content-customer-name{padding-left:40px; padding-right:40px; text-align:center; font-weight:700; color:#999999; margin-bottom:28px;} @media(max-width:767px) { .cactus-testimonials .arrow_box { right: auto; left: auto; margin-right:0; } } /*Testimonials*/ /*Tooltip system*/ #arrow-tooltip-up{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid #eaeaea; position:absolute; display:none; opacity:0;} #information-tooltip { border-radius:5px; -webkit-border-radius:5px; background-color:#eaeaea; margin-left:15px; margin-right:15px; position:absolute; display:none; opacity:0;} /*hack for only safari*/ @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,#information-tooltip {transition: none; -webkit-transition: none;} ::i-block-chrome,#arrow-tooltip-up{transition: none; -webkit-transition: none;} } /*hack for only safari*/ /*ads-footer*/ #ads-footer {background-color:#eaeaea; line-height:1} #ads-footer .ads-content { text-align:center; padding-top:53px; padding-bottom:60px;} #ads-footer .ads-title {font-weight:800; font-size:18px; display:block; text-align:center; line-height:1.5; margin-bottom:33px;} /*ads-footer*/ /*Widget*/ footer .footer-sidebar { padding-top:53px; line-height:1} /*footer .row .widget-col:nth-child(4n+1){clear:both}*/ footer .row .widget-col{ display:inline-block; float:none; margin-right:-4px; vertical-align:top} footer .row .widget-col:nth-child(4n){ margin-top:-7px;} footer .row .widget-col:nth-child(5n){ margin-top:-7px;} footer .row .widget-col:nth-child(6n){ margin-top:-7px;} footer .row .widget-col:nth-child(7n){ margin-top:-7px;} footer .footer-sidebar .widget-inner {margin-bottom:53px;} .dark-div .widget-inner .widget-title { font-size:18px; font-weight:800; color:#FFFFFF; line-height:1.5; display:block;} footer .text-details {display:block} footer .style-list {padding:0} footer .widget-inner .style-list li{ margin-bottom:11px;list-style: none;} footer .widget-inner .style-list li:last-child{ margin-bottom:0;} .dark-div .widget-inner .widget-text .text-details{ margin-top:26px;} .dark-div .widget-inner .widget-link .style-list { margin-top:26px;list-style: none;} .dark-div .widget-inner a.link-d-widget{padding-left:15px; display:block} .dark-div .widget-inner a.link-d-widget:before{color:#eab23f;content:'\f105 '; font-family: 'FontAwesome'; display:block; margin-right:10px; position:absolute; margin-left:-15px;} .dark-div .widget-inner a.link-b-widget{color:#888888;} .dark-div .widget-inner a.link-b-widget:hover{color:#eab23f;} .dark-div .widget-from-blog .title-link { font-size:18px; font-weight:700; display:block; line-height:1.3; margin-top:28px; margin-bottom:9px;} .dark-div .widget-from-blog .text-information { display:block; font-size:12px; margin-bottom:17px;} .dark-div .widget-from-blog .text-information a{color:#888888;} .dark-div .widget-from-blog .text-information a:hover{color:#eab23f;} .dark-div .widget-buyer .picture { text-align:center; margin-top:33px; margin-bottom:12px; line-height:1} .dark-div .widget-buyer .text-details{margin-bottom:6px;} @media(max-width:767px) { footer .row .widget-col:first-child{ margin-top:0px;} footer .row .widget-col{ margin-top:-7px;} footer .row .double { margin-left:0; margin-right:0; padding-left:0; padding-right:0;} footer .row .double .widget-col .widget-link .widget-title { display:none} footer .row .double .widget-col:nth-child(2) { margin-top:-33px;} } #cactus-sidebar .widget-col { padding-bottom:30px;} #cactus-sidebar .widget-col .widget-inner {} #cactus-sidebar .widget-col .widget-inner .widget-title { font-weight:800; font-size:18px; line-height:1.5; margin-top:0; position:relative; display:block; padding-top:16px; margin-bottom:23px;} #cactus-sidebar .widget-col .widget-inner .widget-title:before { content:''; width:100%; position:absolute; height:3px; background-color:#eaeaea; top:0;} #cactus-sidebar .post-item .post-picture { display:block;} #cactus-sidebar .post-item .post-picture a { display:block; margin-right:0; margin-bottom:20px; overflow:hidden; position:relative; width:100%; padding-top:54%;} #cactus-sidebar .post-item .post-picture a img {transition:all 0.3s; -webkit-transition:all 0.3s; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; display:block} #cactus-sidebar .post-item .post-picture a .thumbnail-overlay { opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; transition:all 0.3s; -webkit-transition:all 0.3s; z-index:1} #cactus-sidebar .post-item .post-picture a:hover .thumbnail-overlay{ opacity:0.5} #cactus-sidebar .post-item .post-picture a:hover img {} #cactus-sidebar .post-item h2 { display:block; font-size:18px; font-weight:800; line-height:1.4; margin-bottom:14px; margin-top:-6px;} #cactus-sidebar .post-item h2 a { color:#444444;} #cactus-sidebar .post-item h2 a:hover { color:#eab23f;} #cactus-sidebar .post-item .post-item-info { color:#999999; margin-top:-7px; margin-bottom:23px;} #cactus-sidebar .post-item .post-item-info span { display:inline-block; margin-right:5px} #cactus-sidebar .post-item .post-item-info span:after { content:"/"; margin-left:5px;} #cactus-sidebar .post-item .post-item-info span:last-child:after { content:""; margin-left:0;} #cactus-sidebar .post-item .post-item-info a { color:#999999;} #cactus-sidebar .post-item .post-item-info a:hover { color:#eab23f;} #cactus-sidebar .widget-latest-comments .post-item .post-item-info a { color:#eab23f;} #cactus-sidebar .widget-latest-comments .post-item .post-item-info a:hover { color:#835d26;} #cactus-sidebar .widget-latest-comments .comment-content { margin-bottom:20px;} #cactus-sidebar .widget-latest-comments .comment-content a{ border-radius:3px; -webkit-border-radius:3px; background-color:#e5e5e5; padding:13px 20px 13px 20px; display:block; color:#444444} #cactus-sidebar .widget-latest-comments .comment-content a:hover{background-color:#eab23f; color:#FFFFFF} /*Widget*/ /*breadcrumb*/ .cactus-breadcrumb { margin-bottom:80px; position:relative; width:100%; transition:all 0.2s; -webkit-transition:all 0.2s; line-height:1} .cactus-breadcrumb .breadcrumb-title h1 { font-size:36px; font-weight:700; color:#FFFFFF; margin-bottom:23px; display:block;} .single-post.cactus-breadcrumb .breadcrumb-title h1 { font-weight:800;margin-bottom:0} .blog-listing.cactus-breadcrumb .breadcrumb-title h1 { font-weight:700;margin-bottom:0} .cactus-breadcrumb .breadcrumb-title h2 { font-size:20px; font-style:italic; line-height:1.55; display:block;} .cactus-breadcrumb .container .row {padding-bottom:72px; padding-top:70px; position:relative;} .cactus-breadcrumb .button-group { position:absolute; top:0;right:15px; top:50%; margin-top:-20px; white-space:nowrap;} .cactus-breadcrumb .button-group .btn{ margin-right:17px;} .fixed-scroll-bc.cactus-breadcrumb .breadcrumb-title h1 {margin-bottom:13px;} /* .fixed.cactus-breadcrumb {position:fixed; width:100%; top:0; animation:showpanel 0.6s forwards; -webkit-animation:showpanel 0.6s forwards; z-index:99999999; transition:all 0.3s; -webkit-transition:all 0.3s; -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);} .fixed.cactus-breadcrumb .container .row {padding-bottom:9px; padding-top:8px;} .fixed.cactus-breadcrumb .breadcrumb-title h1 { font-size:36px; font-weight:700; color:#FFFFFF; margin-bottom:0px; display:block;} .fixed.cactus-breadcrumb .breadcrumb-title h2 { display:none} @keyframes showpanel { from { opacity:0} to { opacity:1} } @-webkit-keyframes showpanel { from { opacity:0} to { opacity:1} }*/ .sub-breadcrumb.cactus-breadcrumb .breadcrumb-title h1 {margin-bottom:13px;} .sub-breadcrumb.cactus-breadcrumb { width:100%; transition:all 0.5s; -webkit-transition:all 0.5s; -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75); opacity:0.3; overflow:hidden; position:absolute; z-index:-1; top:0; margin-top:-80px;} .sub-breadcrumb.cactus-breadcrumb .container .row {padding-bottom:9px; padding-top:8px;} .sub-breadcrumb.cactus-breadcrumb .breadcrumb-title h1 { font-size:36px; font-weight:700; color:#FFFFFF; margin-bottom:0px; display:block;} .sub-breadcrumb.cactus-breadcrumb .breadcrumb-title h2 { display:none} .fixed-sub.sub-breadcrumb.cactus-breadcrumb{opacity:1; z-index:99999999;top:0;position:fixed; margin-top:0;} .fixed-sub.cactus-breadcrumb {opacity:0;} .cactus-breadcrumb.dl-pr-style { margin-bottom:0;} .cactus-breadcrumb.dl-pr-style .container .row { padding-top:0; padding-bottom:0;} .cactus-breadcrumb.dl-pr-style .breadcrumb-title{ padding-top:21px;padding-bottom:21px;} .cactus-breadcrumb.dl-pr-style a, .cactus-breadcrumb.dl-pr-style { color:#999999; font-size:12px; font-weight:800} .cactus-breadcrumb.dl-pr-style a { margin-right:50px;} .cactus-breadcrumb.dl-pr-style a:last-child { margin-right:0;} .cactus-breadcrumb.dl-pr-style a:nth-child(1):before { content:'\f007'; font-family: 'FontAwesome'; font-size:18px; padding-right:15px} .cactus-breadcrumb.dl-pr-style a:nth-child(2):before { content:'\f090'; font-family: 'FontAwesome'; font-size:18px; padding-right:15px} .cactus-breadcrumb.dl-pr-style a:nth-child(3):before { content:'\f019'; font-family: 'FontAwesome'; font-size:18px; padding-right:15px} .cactus-breadcrumb.dl-pr-style a:hover {color:#835d26} .cactus-breadcrumb.dl-pr-style a.active {color:#835d26} .cactus-breadcrumb.dl-pr-style.bc-1 { background-color:rgba(255,255,255,0.08)} @media(max-width:767px) { .cactus-breadcrumb .container .row {padding-bottom:152px; padding-top:70px;} .cactus-breadcrumb .button-group { left:15px; right:15px; top:100%; margin-top:-120px; text-align:center} /* .fixed.cactus-breadcrumb .breadcrumb-title h1 {text-align:center} .fixed.cactus-breadcrumb .container .row {padding-bottom:92px;} .fixed.cactus-breadcrumb .button-group { left:15px; right:15px; margin-top:-70px; text-align:center} */ .fixed-sub.cactus-breadcrumb .breadcrumb-title h1 {text-align:center} .fixed-sub.cactus-breadcrumb .container .row {padding-bottom:92px;} .fixed-sub.cactus-breadcrumb .button-group { left:15px; right:15px; margin-top:-70px; text-align:center} .single-post.cactus-breadcrumb .container .row {padding-bottom:72px; padding-top:70px;} .single-listing-theme.cactus-breadcrumb .container .row {padding-bottom:72px; padding-top:70px;} .blog-listing.cactus-breadcrumb .container .row {padding-bottom:72px; padding-top:70px;} .cactus-breadcrumb.dl-pr-style .container .row { padding-bottom:0; padding-top:0} } @media(max-width:440px) { .cactus-breadcrumb.dl-pr-style a { display:inline-block; margin-bottom:20px;} .cactus-breadcrumb.dl-pr-style .breadcrumb-title{padding-bottom:7px;} } /*breadcrumb*/ /*Theme Listing*/ #categories-theme-listing { display:block; width:100%; margin-top:-2px; margin-bottom:60px; line-height:1} #categories-theme-listing .menu ul { display:block;padding-left:0;list-style:none;} #categories-theme-listing .menu ul li { float:left; margin-right:30px; margin-bottom:27px; color:#999999;margin-left:0;padding-left:0;list-style:none;line-height:1em;} #categories-theme-listing .menu ul li a { color:#999999; display:inline-block; padding-left:15px; position:relative} #categories-theme-listing .menu ul li a:before{ width:10px; height:10px; border:2px solid #999999; content:''; position:absolute; border-radius:5px; -webkit-border-radius:5px; left:0; top:2px; transition:all 0.2s; -webkit-transition:all 0.2s} #categories-theme-listing .menu ul li a:hover { color:#2d353f} #categories-theme-listing .menu ul li a:hover:before { border:2px solid #2d353f;} #categories-theme-listing .menu ul li.active a{color:#2d353f} #categories-theme-listing .menu ul li.active a:before{border:2px solid #eab23f; background-color:#eab23f} #categories-theme-listing .menu ul li.current-cat a{color:#2d353f} #categories-theme-listing .menu ul li.current-cat a:before{border:2px solid #eab23f; background-color:#eab23f} #categories-theme-listing .option ul { display:block; text-align:right; margin-top:-8px;} #categories-theme-listing .option ul li { display:block; position:relative;} #categories-theme-listing .option ul li a { font-size:12px; font-weight:800; text-transform:uppercase; color:#2d353f; display:block; padding-top:8px; padding-bottom:8px;} #categories-theme-listing .option ul li a i { margin-right:3px;} #categories-theme-listing .option ul li a:hover {color:#eab23f} #categories-theme-listing .option ul li ul { position:absolute; display:none; right:0; min-width:120px; z-index:1; margin-top:0px;} #categories-theme-listing .option ul li:hover ul { display:block;} #categories-theme-listing .menu { margin-bottom:31px;} @media(max-width:767px) { #categories-theme-listing .option ul {text-align:left;} #categories-theme-listing .option ul li ul {left:0; min-width:120px;} #categories-theme-listing .option ul li:hover ul { margin-left:19px;} } #rd-listing-theme { line-height:1} #rd-listing-theme .theme-item { margin-bottom:60px; display:inline-block; margin-right:-4px; float:none; vertical-align:top;} @media(max-width:767px) { #rd-listing-theme .theme-item { width:100%;} } #rd-listing-theme .theme-item .listing-theme-content{background:rgba(0,0,0,0.05); padding:30px 30px 0 30px; position: relative; padding-bottom:70px} #rd-listing-theme .theme-item .listing-theme-content .img-theme { margin-bottom:21px;} #rd-listing-theme .theme-item .listing-theme-content .img-theme a { display:block; position:relative} #rd-listing-theme .theme-item .listing-theme-content .img-theme a .thumbnail-overlay { position:absolute;right:0; top:0; bottom:0; left:0; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s;} #rd-listing-theme .theme-item .listing-theme-content:hover .img-theme a .thumbnail-overlay { opacity:0.3;} #rd-listing-theme .theme-item .listing-theme-content .img-theme img { width:100%; height:auto; opacity:1} #rd-listing-theme .theme-item .listing-theme-content h3 { font-size: 18px; font-weight:800; display:block; text-align:center; margin-bottom:11px;} #rd-listing-theme .theme-item .listing-theme-content h3 a{color:#2d353f} #rd-listing-theme .theme-item .listing-theme-content h3 a:hover{color:#eab23f} #rd-listing-theme .theme-item .listing-theme-content .button-group { text-align:center; position:absolute; left:0; right:0; bottom:0;} #rd-listing-theme .theme-item .listing-theme-content .button-group .btn { margin-right:16px; margin-bottom:30px;} #rd-listing-theme .ads-content-listing { min-height:100px; margin-bottom:60px; background:rgba(31,167,86,0.1); padding-bottom:20px;} #rd-listing-theme .ads-content-listing .social-button .social-item { display:block; float:right; padding-top:19px; margin-left:20px;} #rd-listing-theme .ads-content-listing .social-button .social-item:nth-last-child(1) { margin-left:0;} #rd-listing-theme .ads-content-listing .social-button .social-item.twitter { padding-top:18px;} #rd-listing-theme .ads-content-listing .social-button .social-item.google-plus { padding-top:20px;} #rd-listing-theme .ads-content-listing .social-button { text-align:right; padding-right:30px;} #rd-listing-theme .ads-content-listing .content-ads .picture-ads { padding-top:18px; padding-left:15px; padding-right:30px; float:left; } #rd-listing-theme .ads-content-listing .content-ads .body-ads .title-ads { display:block; font-size:18px; font-weight:800; padding-top:27px; padding-bottom:11px;} #rd-listing-theme .page-navigation .wp-pagenavi { margin-bottom:50px} @media(max-width:991px) { #rd-listing-theme .ads-content-listing .social-button .social-item { display:block; float:left; padding-top:20px; margin-right:20px; margin-left:0;} #rd-listing-theme .ads-content-listing .social-button .social-item:first-child{margin-left:15px;} #rd-listing-theme .ads-content-listing .social-button .social-item:last-child { margin-right:0;} } /*Theme Listing*/ /*Theme Details*/ #theme-features { line-height:1} #theme-features .theme-features-title { font-size:36px; font-weight:800; color:#FFFFFF; text-align:center; margin-top:58px; margin-bottom:60px;} #theme-features .features-content { text-align:center; padding-bottom:40px;} #theme-features .features-content .features-image { width:200px; height:200px; border-radius:50%; -webkit-border-radius:50%; background-color:#7d8084; overflow:hidden; margin-top:-4px; display:inline-block; margin-bottom:22px;} #theme-features .features-content .features-image img {width:100%; height:auto} /*hack for only safari*/ @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,#theme-features .features-content .features-image img {border-radius:50%; -webkit-border-radius:50%;} } /*hack for only safari*/ #theme-features .features-content .features-title {font-size:18px; font-weight:800; line-height:1.4; margin-bottom:12px; padding:0 30px 0 30px} #theme-features .features-content .features-body { margin-bottom:53px; padding:0 40px 0 40px} /*Theme Details*/ /*Themes details text*/ #text-div {padding-top:54px; padding-bottom:55px;} #text-div.dft-1 .text-item:nth-child(4n+1) { clear:both} #text-div.dft-2 .text-list .text-item:nth-child(3n+1) { clear:both} #text-div .text-title {font-size:18px; font-weight:800; line-height:1.4; margin-bottom:17px;} #text-div .text-body { margin-bottom:37px;} .content-theme { margin-top:54px; margin-bottom:45px;} #text-div + .content-theme { margin-bottom:65px; margin-top:-25px;} #text-div .theme-information {background-color:#eaeaea; border-radius:5px; -webkit-border-radius:5px; margin-top:6px;} #text-div .theme-information .info-content { display:table; width:100%;} #text-div .theme-information .info-content .info-item { display:table-row; width:100%;} #text-div .theme-information .info-content .info-item span:nth-child(1){ display:table-cell; width:45%; font-size:12px; font-weight:700; border-bottom:1px solid rgba(255,255,255,0.5); padding:10px 15px 11px 15px; vertical-align:top} #text-div .theme-information .info-content .info-item span:nth-child(2){ display:table-cell; width:55%; font-size:12px; color:#888888; font-size:12px; border-bottom:1px solid rgba(255,255,255,0.5); vertical-align:top; padding:10px 15px 11px 0;} #text-div .theme-information .info-content .info-item:first-child span:nth-child(1){ padding-top:15px} #text-div .theme-information .info-content .info-item:first-child span:nth-child(2){ padding-top:15px} #text-div .theme-information .info-content .info-item:last-child span:nth-child(1){ padding-bottom:16px} #text-div .theme-information .info-content .info-item:last-child span:nth-child(2){ padding-bottom:16px} #text-div .theme-information .info-content .info-item span > a { color:#eab23f} #text-div .theme-information .info-content .info-item span > a:hover { color:#835d26} /*Themes details text*/ /*pricing-table*/ .pricing-overlay { top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.4); position:absolute; z-index:-1; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; line-height:1} #background-close-pricing-table { top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.4); position:absolute; z-index:9; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s} .pricing-overlay.show {z-index:999998; opacity:1;} .pricing-content .container{ background:rgba(255,255,255,1.00); padding-top:15px; padding-bottom:15px; margin-top:80px; border-radius:5px; -webkit-border-radius:5px; z-index:999999; position:relative} .pricing-content .pricing-table { border:2px solid #eaeaea; border-top:none} .pricing-content .pack-pricing { padding-top:26px; padding-bottom:23px;} .pricing-content .pack-pricing .title { display:block; color:#FFFFFF; font-weight:600; font-size:20px; text-align:center; padding-left:15px; padding-right:15px; margin-bottom:21px; letter-spacing:1px;} .pricing-content .pack-pricing .body { display:block; text-align:center; padding-left:15px; padding-right:15px; font-style:italic} .pricing-content .pack-pricing.background-color-2 .body { color:#fefeff; opacity:0.5} .pricing-content .pricing-table ul { display:block; background:#FFFFFF;} .pricing-content .pricing-table ul li { text-align:center; font-size:24px; padding:13px 15px 12px 15px;} .pricing-content .pricing-table ul li.text { font-size:14px; min-height:50px; padding-top:19px} .pricing-content .pricing-table ul li:nth-child(even) { background-color:#eaeaea} .pricing-content .pricing-table ul li.background-color-2 {background-color:#eab23f; margin-left:-2px; margin-right:-2px; margin-bottom:-2px} .pricing-content .pricing-table ul li span.price { font-size:48px; display:block; margin-top:9px; margin-bottom:24px;} .pricing-content .pricing-table ul li span.button-group {margin-bottom:16px; display:block} .pricing-content .pricing-table ul li.background-color-2 span.price { color:#FFFFFF} .pricing-content .pricing-table ul li.background-color-2 span.button-group {margin-bottom:18px; display:block} .pricing-content ul.park-details { margin-top:114px} .pricing-content ul.park-details li {color:#999999; font-weight:600; border-bottom:2px solid #eaeaea; padding:17px 0 15px 0; min-height:50px;} .pricing-content ul.park-details li:first-child {border-top:2px solid #eaeaea;padding:17px 0 17px 0} #close-pricing-table { position:absolute; font-size:24px; padding:5px 10px; cursor:pointer; z-index:999999} .close-pricing-table { display:none} .pricing-content .pricing-table ul li span.mobile-park { display:none} .pricing-overlay.fix-2column .pricing-content{} .pricing-overlay.fix-2column .container{position:absolute; left:3%; right:3%; width:auto} .pricing-overlay.fix-2column .container .row{ width:878px; margin-left:auto; margin-right:auto;} .pricing-overlay.fix-2column .container .col-md-3 { width:33.3333%} @media (max-width:991px) { .pricing-content ul.park-details { display:none;} .pricing-content .pack-pricing { margin-top:30px;} .pricing-content .pricing-table { margin-bottom:15px;} .pricing-content .container{ margin-left:auto; margin-right:auto; padding-top:0;} #close-pricing-table { color:#FFFFFF; left:50%; margin-top:-60px; padding:20px; margin-left:-30px;} .close-pricing-table { position:absolute; font-size:24px; padding:5px 10px; cursor:pointer; z-index:999999; display:block; color:#FFFFFF; left:50%; margin-top:20px; padding:20px; margin-left:-30px;} /* .pricing-content .pricing-table ul li:nth-child(1) span.mobile-park:before { content:'EDITABLE PHP & CSS FILES'; display:block; margin-bottom:12px;} .pricing-content .pricing-table ul li:nth-child(2) span.mobile-park:before { content:'ONE CLICK AUTO-INSTALL'; display:block; margin-bottom:12px;} .pricing-content .pricing-table ul li:nth-child(3) span.mobile-park:before { content:'PREMIUM SUPPORT'; display:block; margin-bottom:12px;} .pricing-content .pricing-table ul li:nth-child(4) span.mobile-park:before { content:'DOMAIN USE LICENSE'; display:block; margin-bottom:12px; font-weight:bold} .pricing-content .pricing-table ul li:nth-child(5) span.mobile-park:before { content:'THEME UPDATES'; display:block; margin-bottom:12px;} .pricing-content .pricing-table ul li:nth-child(6) span.mobile-park:before { content:'LAYERED PHOTOSHOP FILES'; display:block; margin-bottom:12px;} .pricing-content .pricing-table ul li:nth-child(7) span.mobile-park:before { content:'ACCESS ALL THEMES'; display:block; margin-bottom:12px;} */ .pricing-content .pricing-table ul li span.mobile-park {display:block; margin-bottom:12px; display:block;} .pricing-content .pricing-table ul li:nth-child(4) span.mobile-park{font-size:24px;} .pricing-overlay.fix-2column .container{margin-left:30px; margin-right:30px; display:block; width:auto; height:auto} .pricing-overlay.fix-2column .container .row { width:auto;} .pricing-overlay.fix-2column .container .col-md-3 { width:100%; float:none; display:block} } @media (max-width:767px) { .pricing-content .container{ margin-left:15px; margin-right:15px;} } /*pricing-table*/ /*Post item*/ .post-item h2 { display:block; font-size:30px; font-weight:800; line-height:1.4; margin-top:-12px; margin-bottom:4px;} .post-item h2 a { color:#444444;} .post-item h2 a:hover { color:#eab23f;} .post-item .post-item-info { color:#999999; margin-bottom:33px;} .post-item .post-item-info span { display:inline-block; margin-right:5px} .post-item .post-item-info span:after { content:"/"; margin-left:5px;} .post-item .post-item-info span:last-child:after { content:""; margin-left:0;} .post-item .post-item-info a { color:#999999;} .post-item .post-item-info a:hover { color:#eab23f;} .post-item .post-item-content {display:table} .post-item .post-item-content .post-picture { display:table-cell; vertical-align:top} .post-item .post-item-content .post-picture a { display:block; margin-right:30px; margin-bottom:40px; position:relative; width:255px; padding-top:48.95%; overflow:hidden;} .post-item .post-item-content .post-picture a img {transition:all 0.3s; -webkit-transition:all 0.3s; position:absolute; top:0; left:0; right:0; bottom:0; height:100%; width:100%} .post-item .post-item-content .post-picture a .thumbnail-overlay { opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; transition:all 0.3s; -webkit-transition:all 0.3s; z-index:1} .post-item .post-item-content .post-picture a:hover .thumbnail-overlay{ opacity:0.5} .post-item .post-item-content .post-picture a:hover img {} .post-item .post-item-content .post-body { display:table-cell; width:100%; vertical-align:top} .post-item .post-item-content .post-body .text-body { margin-top:-6px; margin-bottom:33px;} .post-item .post-item-content .post-body .text-body a {color:#eab23f; font-weight:600; letter-spacing: 0.02em} .post-item .post-item-content .post-body .text-body a:hover {color:#835d26} .post-item .cactus-divider { margin-bottom:40px;} .post-item:last-child .post-item-content .post-body .text-body { margin-bottom:73px;} .post-item:last-child .cactus-divider { display:none} @media(max-width:767px) { .post-item .post-item-content {display:block} .post-item .post-item-content .post-picture { display:block; width:100%;} .post-item .post-item-content .post-picture a { width:100%;} .post-item .post-item-content .post-body { display:block; width:100%} } /*Post item*/ .post-details {width:100%; float:left} /*standard post*/ .post-details .media-details { margin-bottom:30px; line-height:1} .post-details .media-details img { width: auto; height:auto} .post-details .media-details .picture { width:100%; height:auto} .post-details .post-item-info {margin-bottom:40px; margin-top:-7px;} .post-details .post-item-info span { display:inline-block; margin-right:5px} .post-details .post-item-info span:after { content:"/"; margin-left:5px;} .post-details .post-item-info span:last-child:after { content:""; margin-left:0;} .post-details .post-item-info a { color:#eab23f;} .post-details .post-item-info a:hover { color:#835d26;} .post-details .post-item-info span:last-child a {color:#444444} .post-details .post-item-info span:last-child a:hover {color:#eab23f;} .post-details .post-quote { margin-bottom:40px;} .post-details .post-quote blockquote {color:#999999; font-size:24px; font-weight:500; font-style:italic; line-height:1.5; border-left:none; padding:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0; margin:0; margin-top:-11px; margin-bottom:31px;} .post-details .post-quote blockquote:before, blockquote:after { content:''; display:none} .post-details .text-body { margin-top:-7px; margin-bottom:53px;} .post-details .text-body .stm-dropcap { font-weight:700; font-size:48px; display:block; float:left; padding:0 8px 0 0; line-height:1; margin-top:-1px; margin-left:-2px} .post-details .sub-post-info { margin-top:-7px; margin-bottom:43px;} .post-details .sub-post-info span { display:inline-block; margin-right:5px; font-weight:bold;} .post-details .sub-post-info span:after { content:"/"; margin-left:5px;} .post-details .sub-post-info span:last-child:after { content:""; margin-left:0;} .post-details .sub-post-info a { color:#999999; font-weight:normal;} .post-details .sub-post-info a:hover { color:#eab23f;} .post-details .sub-post-info span a:after { content:','; color:#999999; margin-right:3px;} .post-details .sub-post-info span a:last-child:after{ content:''; margin-right:0;} .post-details .stm-sharing { margin-top:-5px; font-weight:bold; margin-bottom:43px; line-height:1} .post-details .stm-sharing a { display:inline-block; padding-left:18px; padding-right:18px; font-size:17px; color:#999999} .post-details .stm-sharing a:hover {color:#eab23f} .post-details .fin-post { margin-bottom:60px;} .post-details .nav-np-post { line-height:1} .post-details .nav-np-post .previous-post{ text-align:left; margin-top:-5px; display:block; margin-bottom:54px;} .post-details .nav-np-post .next-post{ text-align:right; margin-top:-5px; display:block; margin-bottom:54px;} .post-details .nav-np-post .previous-post span:nth-child(1), .post-details .nav-np-post .next-post span:nth-child(1) { display:block; font-size:12.5px; font-weight:700; color:#222222; margin-bottom:21px; } .post-details .nav-np-post .previous-post span:nth-child(1) i, .post-details .nav-np-post .next-post span:nth-child(1) i { font-size:16.5px; color:#999999; } .post-details .nav-np-post .previous-post span:nth-child(1) i { margin-right:8px;} .post-details .nav-np-post .next-post span:nth-child(1) i { margin-left:7px;} .post-details .nav-np-post .previous-post span:nth-child(2), .post-details .nav-np-post .next-post span:nth-child(2) { display:block; font-size:18px; font-weight:800; color:#444444; transition:all 0.3s; -webkit-transition:all 0.3s; line-height:1.4 } .post-details .nav-np-post .previous-post:hover span:nth-child(2), .post-details .nav-np-post .next-post:hover span:nth-child(2) { color:#eab23f } .post-details .single-related-posts { margin-bottom:30px; line-height:1} .post-details .single-related-posts .related-posts-title { font-size:18px; font-weight:800; margin-top:-3px; margin-bottom:28px;} .post-details .single-related-posts .post-item .post-picture { display:block;} .post-details .single-related-posts .post-item .post-picture a { display:block; margin-right:0; margin-bottom:20px; overflow:hidden; position:relative; width:100%; padding-top:54%;} .post-details .single-related-posts .post-item .post-picture a img {transition:all 0.3s; -webkit-transition:all 0.3s; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; display:block} .post-details .single-related-posts .post-item .post-picture a .thumbnail-overlay { opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; transition:all 0.3s; -webkit-transition:all 0.3s; z-index:1} .post-details .single-related-posts .post-item .post-picture a:hover .thumbnail-overlay{ opacity:0.5} .post-details .single-related-posts .post-item .post-picture a:hover img {} .post-details .single-related-posts .post-item h2 { display:block; font-size:18px; font-weight:800; line-height:1.4; margin-bottom:14px; margin-top:-6px;} .post-details .single-related-posts .post-item h2 a { color:#444444;} .post-details .single-related-posts .post-item h2 a:hover { color:#eab23f;} .post-details .single-related-posts .post-item .post-item-info { color:#999999; margin-top:-7px; margin-bottom:23px;} .post-details .single-related-posts .post-item .post-item-info span { display:inline-block; margin-right:5px} .post-details .single-related-posts .post-item .post-item-info span:after { content:"/"; margin-left:5px;} .post-details .single-related-posts .post-item .post-item-info span:last-child:after { content:""; margin-left:0;} .post-details .single-related-posts .post-item .post-item-info a { color:#999999;} .post-details .single-related-posts .post-item .post-item-info a:hover { color:#eab23f;} /*standard post*/ /*Contact Form*/ cactus-contact-page {} .cactus-contact-page h2.contact-form { font-size:30px; font-weight:800; margin-top:-7px; margin-bottom:25px;} .cactus-contact-page .form-content {line-height:2;} .cactus-contact-page .form-content p{ padding-bottom:0 !important; margin-bottom:0 !important} .cactus-contact-page .text-content { color:#999999} .cactus-contact-page .text-content .simple-text-1, .cactus-contact-page .text-content .simple-text-2, .cactus-contact-page .text-content .simple-text-3{ display:block; margin-top:-7px; margin-bottom:33px;} .cactus-contact-page .text-content .simple-text-3{margin-bottom:-7px;} .cactus-contact-page .text-content a { color:#eab23f} .cactus-contact-page .text-content a:hover { color:#835d26} .cactus-contact-page strong {} .cactus-contact-page div.wpcf7-validation-errors {border: 2px solid #e5e5e5 !important;} .cactus-contact-page div.wpcf7-response-output {margin:20px 0 0 0 !important; padding: 10px 20px !important; line-height:1.75 !important; color:#eab23f !important} .cactus-contact-page div.wpcf7 img.ajax-loader { margin-left:16px;} .cactus-contact-page span.wpcf7-not-valid-tip { margin-bottom: 14px;} .cactus-contact-page input { margin-bottom:6px !important;} .cactus-contact-page input[type=submit] { margin-bottom:0 !important; margin-top:6px !important;} .cactus-contact-page .wpb_wrapper .wpb_content_element { margin-bottom:25px !important} .cactus-contact-page .wpb_wrapper .wpb_content_element:last-child { margin-bottom:0 !important} .cactus-contact-page .cactus-image-capcha { display:inline-block !important; margin-bottom:14px;} .cactus-contact-page .cactus-input-capcha { display:inline-block !important; width:300px !important; margin-bottom:14px !important;} @media (max-width:767px) {.cactus-contact-page .form-content { margin-bottom:80px;} .cactus-contact-page .cactus-input-capcha { width:100% !important;}} /*Contact Form*/ /*Error Page*/ .cactus-error-page { line-height:1} .cactus-error-page .title { text-align:center; font-weight:700; font-size:270px; margin-top:-43px; margin-bottom:7px;} .cactus-error-page .info-error { font-size:36px; font-weight:700; text-align:center; margin-bottom:36px;} .cactus-error-page .cactus-divider {margin-bottom:40px;} .cactus-error-page .sorry-text{ font-size:20px; font-weight:700; text-align:center; color:#999999; line-height:1.4; width:80%; margin:0 auto 0 auto; margin-top:-7px; margin-bottom:40px;} .cactus-error-page .nav-link { text-align:center; margin-top:-8px; margin-bottom:108px;} .cactus-error-page .nav-link a:first-child { margin-right:26px;} .cactus-error-page .nav-link a { display:inline-block; color:#835d26; font-weight:500} .cactus-error-page .nav-link a:hover {color:#eab23f} .cactus-error-page .nav-link a i { margin-right:6px;} @media (max-width:767px) { .cactus-error-page .title { font-weight:700; font-size:200px;} } @media (max-width:420px) { .cactus-error-page .title { font-weight:700; font-size:150px;} } @media (max-width:290px) { .cactus-error-page .title { font-weight:700; font-size:100px;} } /*Error Page*/ /*About Us*/ #cactus-single-page { padding-bottom:80px} #cactus-about-us { margin-top:-7px;} #cactus-about-us img { border-radius:3px; -webkit-border-radius:3px; margin-right:30px; float:left; margin-top:7px; margin-bottom:14px;} /*About Us*/ /*Themes details ads footer*/ #ads-footer-td { background-color:#eaeaea; min-height:135px; padding-top:26px; line-height:1; margin-top: 60px;} #ads-footer-td .title { display:block; font-size:27px; font-weight:800; line-height:1.3; margin-bottom:5px;} #ads-footer-td .content { display:block; font-size: 16px;} #ads-footer-td .button-group { padding-right:35px; text-align:right;} #ads-footer-td .button-group .btn { margin-bottom:30px; margin-top:10px;} @media(max-width:991px) { #ads-footer-td .title { text-align:center; padding-left:0;} #ads-footer-td .content { text-align:center; padding-left:0;} #ads-footer-td .button-group { text-align:center; padding-right:0; } } /*Themes details ads footer*/ /*Membership Register form*/ #membership-wrapper {margin-left:auto; margin-right:auto; width:450px; line-height:1} #membership-wrapper .alert { padding: 11px 20px 11px 20px; margin-bottom: 16px !important; text-shadow: none !important; background-color: rgba(237,28,36,0.1) !important; border: 1px solid #ed1c24 !important; -webkit-border-radius:0 !important; border-radius:0 !important; line-height:2.0; color:#d2000a !important; margin-top:20px; } #membership-wrapper .alert-success, #membership-wrapper .alert-success .alert-heading { color: #468847 !important; } #membership-wrapper .alert-success { background-color: #def7e4 !important; border-color: #8de3a1 !important; } #membership-wrapper .form-membership { margin-bottom:0px !important; margin-top: 53px !important;} #membership-wrapper legend { text-align:center;border-bottom: none !important; font-family:"Lato", sans-serif; font-size:36px !important; font-weight:700 !important; color:#eab23f; margin-bottom:56px !important} #membership-wrapper .form-membership legend + .form-element {margin-top:0 !important;} #membership-wrapper .form-membership .form-element:nth-child(3) .help-block, #membership-wrapper .form-membership .form-element:nth-child(5) .help-block{ } /* #membership-wrapper .form-membership .form-element:nth-child(2) { float:left; margin-right:9px;} #membership-wrapper .form-membership .form-element:nth-child(3) { float:left;} #membership-wrapper .form-membership .form-element:nth-child(4) { margin-bottom:10px !important; clear:both} */ #membership-wrapper input, #membership-wrapper textarea, #membership-wrapper select {box-shadow: none !important;-webkit-box-shadow: none !important;display: block !important;width:450px !important;height: 50px !important;padding: 6px 10px !important;line-height: 1.42857143 !important;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;outline:none;margin-bottom:20px;border:2px solid #e5e5e5 !important;color:#444444 !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important; max-width:100% !important; position:relative} #membership-wrapper label[for="display_name"] + .element { overflow:hidden; width:450px !important;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;border:2px solid #e5e5e5 !important; padding:0;margin-bottom:10px; border-radius:3px; -webkit-border-radius:3px; position:relative; height:50px;} #membership-wrapper label[for="display_name"] + .element.active-cactus {border-color:#eab23f !important} #membership-wrapper select { width:470px !important; max-width:470px !important; height:46px !important; border:none !important; margin-bottom:0 !important; background: none; background-color:transparent} /*#membership-wrapper label[for="display_name"] + .element:before{ content:''; background-color:#FFFFFF; width:20px; height:46px; right:2px; position:absolute; margin-top:2px; z-index:345; top:0; cursor:pointer}*/ #membership-wrapper label[for="display_name"] + .element:after{ content:'\f0d7'; font-family: 'FontAwesome'; right:12px; position:absolute; margin-top:17px; top:0; pointer-events:none; transition:all 0.2s; -webkit-transition:all 0.2s} #membership-wrapper label[for="display_name"] + .element.active-cactus:after { color:#eab23f} #membership-wrapper input:focus, #membership-wrapper textarea:focus, #membership-wrapper select:focus {outline: 0 !important;box-shadow: none !important;-webkit-box-shadow: none !important; border-color:#eab23f !important} #membership-wrapper select { color:#999999 !important; position:absolute; height:52px !important; top:-1px; bottom:-2px; left:0; right:0;} #membership-wrapper select:focus { color:#444444 !important;} #membership-wrapper input::-moz-placeholder {color: #999999;opacity: 1;} #membership-wrapper input:-ms-input-placeholder {color: #999999;opacity: 1;} #membership-wrapper input::-webkit-input-placeholder {color: #999999;opacity: 1;} #membership-wrapper input:focus::-moz-placeholder{color: #444444;opacity: 1;} #membership-wrapper input:focus:-ms-input-placeholder{color: #444444;opacity: 1;} #membership-wrapper input:focus::-webkit-input-placeholder{color: #444444;opacity: 1;} #membership-wrapper .form-membership .form-element > label {display:block; float:none !important; width:100% !important; text-align:left !important; margin-bottom:8px !important; color:#835d26; font-weight:500} #membership-wrapper .form-membership .element { margin-left:0 !important;} #membership-wrapper input[type="button"], #membership-wrapper input[type="reset"], #membership-wrapper input[type="submit"], .cactus-register-form button[type="submit"] {border:none !important; border-radius:5px !important; -webkit-border-radius:5px !important; transition:all 0.3s !important; -webkit-transition:all 0.3s !important; text-transform:uppercase !important; background-image:none !important;text-shadow:none !important; box-shadow:none !important; -webkit-box-shadow:none !important; text-decoration:none !important; margin-right:-4px !important; background-color:#eab23f !important;color:#FFFFFF !important; display:inline-block !important; width:auto !important;font-size:20px !important;letter-spacing:1px !important; font-weight:700 !important; padding:17px 60px 19px 60px !important; height:auto !important; text-align:center; margin-bottom:17px; width:100% !important;} #membership-wrapper input[type="button"]:focus, #membership-wrapper input[type="reset"]:focus, #membership-wrapper input[type="submit"]:focus, .cactus-register-form button[type="submit"]:focus {outline:none !important;} #membership-wrapper input[type="button"]:hover, #membership-wrapper input[type="reset"]:hover, #membership-wrapper input[type="submit"]:hover, .cactus-register-form button[type="submit"]:hover {background-color:#000000 !important;background-image:none !important; color:#FFFFFF !important;} #membership-wrapper .form-element {position:relative} #membership-wrapper .form-membership .form-element +p { padding-left:0; margin-left:-2px; display:block; width:100%; margin-bottom:0;} #membership-wrapper .form-membership .form-element +p input{ margin-bottom:0;} #membership-wrapper .help-block {position: relative;/*background: rgba(231,149,32,0.2);*/ background-color:#faead2; color:#835d26 !important;padding:11px 20px 11px 20px;line-height:2.0;position:absolute !important; z-index:9999; left:0; right:0; bottom:0; margin-bottom:10px !important; visibility: hidden; transition:all 0.5s; -webkit-transition:all 0.5s; opacity:0; text-align:left;} #membership-wrapper .help-block:after {top: 100%;left: 30px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(231,149,32,0);border-top-color: rgba(231,149,32,0.2);border-width: 6px;margin-left: -10px;} #membership-wrapper .form-membership .form-element:nth-child(7) .help-block{ margin-bottom:100px !important} #membership-wrapper #login_right { font-size:16px; color:#1d9de7; margin-left:auto; margin-right:auto; display:inline-block; margin-top:27px;} #membership-wrapper #login_right:hover { font-size:16px; color:#eab23f;} #membership-wrapper .form-membership fieldset { text-align:center} .header-mobile-rg { font-size:24px; font-weight:700; min-height:90px; line-height:1.4; margin-top:0px; margin-left:-15px; margin-right:-15px; padding:25px 30px 25px 30px; display:none} .header-mobile-rg i { font-size:34px; color:#eab23f; margin-right:5px} .step-group-rg { margin-left:-15px; margin-right:-15px; font-size:20px; color:#999999; font-weight:700; display:none} .step-group-rg .step-group-item { min-height:80px; background-color:rgba(31,167,86,0.1); padding:23px 30px 23px 30px} .step-group-rg .step-group-item span{ display:inline-block;} .step-group-rg .step-group-item span:first-child{ margin-right:26px;} .step-group-rg .step-group-item.text-active {color:#eab23f} .step-group-rg .step-group-item.active {background-color:#eab23f; color:#FFFFFF} .step-group-rg .step-group-item { margin-bottom:5px;} .step-group-rg .step-group-item:last-child { margin-bottom:0;} .step-group-rg.bottom { margin-top:58px;} .header-desktop-rg {font-size:20px; font-weight:700; min-height:70px; line-height:1.4; margin-top:60px; display:table; color:#999999; width:100%;} .header-desktop-rg .step-group-item {display:table-cell;background-color:rgba(31,167,86,0.1); vertical-align:top} .header-desktop-rg .step-group-item .step-group-item-content{ display:block; margin-left:60px; padding:20px 0 20px 0; white-space: nowrap} .header-desktop-rg .step-group-item:first-child .step-group-item-content{margin-left:20px;} .header-desktop-rg .step-group-item .step-group-item-content span{display:inline-block} .header-desktop-rg .step-group-item .step-group-item-content span:first-child { margin-right:14px} .header-desktop-rg .step-group-item:first-child i { font-size:34px;color:#eab23f; display:block; margin-top:0px;} .header-desktop-rg .step-group-item:first-child .step-group-item-content span {float: none; margin-top:-12px; color:#222222} .header-desktop-rg .step-group-item:first-child .step-group-item-content span:first-child { margin-right:7px;} .header-desktop-rg .step-group-item .step-group-item-content { position: relative; } .header-desktop-rg .step-group-item .step-group-item-content:last-child { position: relative; } .header-desktop-rg .step-group-item .step-group-item-content:after, .header-desktop-rg .step-group-item .step-group-item-content:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .header-desktop-rg .step-group-item .step-group-item-content:after { border-color: rgba(136, 183, 213, 0); border-left-color: #e8f5ed; border-width: 35px; margin-top: -34px; } .header-desktop-rg .step-group-item .step-group-item-content:before { border-color: rgba(194, 225, 245, 0); border-left-color: #999999; border-width: 35px; margin-top: -34px; margin-left:2px; opacity:0.2 } /*hack for firefox only*/ @-moz-document url-prefix() { .header-desktop-rg .step-group-item .step-group-item-content:after, .header-desktop-rg .step-group-item .step-group-item-content:before { border-width: 33px; margin-top: -33px; } } /*hack for firefox only*/ /*hack for only safari*/ @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.header-desktop-rg .step-group-item .step-group-item-content:before, .header-desktop-rg .step-group-item .step-group-item-content:after { border-width: 33px; margin-top: -33px; } } /*hack for only safari*/ .header-desktop-rg .step-group-item:last-child .step-group-item-content:after, .header-desktop-rg .step-group-item:last-child .step-group-item-content:before {border:none;} .header-desktop-rg .step-group-item.text-active { color:#eab23f;} .header-desktop-rg .step-group-item.active {background-color:#eab23f; color:#FFFFFF;} .header-desktop-rg .step-group-item.active .step-group-item-content:after, .header-desktop-rg .step-group-item.active .step-group-item-content:before {border-left-color: #eab23f; opacity:1} .header-desktop-rg .step-group-item.active .step-group-item-content:before { margin-left:0px;} @media(max-width:991px) { #body-content.rg-class .container { width:100%;} .header-mobile-rg {display: block} .step-group-rg { display:block} .header-desktop-rg { display:none} } @media(max-width:767px) { #membership-wrapper {width:100%; padding-left:15px; padding-right:15px;} #membership-wrapper .form-membership .form-element:nth-child(3) .help-block, #membership-wrapper .form-membership .form-element:nth-child(5) .help-block{} #membership-wrapper .form-membership .form-element:nth-child(2) { float:none; margin-right:0;} #membership-wrapper .form-membership .form-element:nth-child(3) { float:none;} #membership-wrapper input, #membership-wrapper textarea { width:100% !important} #membership-wrapper label[for="display_name"] + .element { width:100% !important} #membership-wrapper select { width:110% !important; max-width:110% !important} #membership-wrapper #login_right { margin-left:auto; margin-right:auto; display:inline-block} #membership-wrapper input[type="submit"] { padding-left:30px !important; padding-right:30px !important;} #membership-wrapper .form-membership fieldset { text-align:center} #membership-wrapper .form-membership .form-element:nth-child(7) p.help-block{ text-align:left} #membership-wrapper .form-membership .form-element:nth-child(4) { margin-bottom:10px !important} .header-mobile-rg {display: block} .step-group-rg { display:block} .header-desktop-rg { display:none} } /*Membership Register form*/ /*Cactus Register Form*/ .cactus-register-form .form-content{ width:450px; margin-left:auto; margin-right:auto; line-height:1.5; margin-top:72px;} .cactus-register-form .form-content h3{text-align: center; border-bottom: none; font-family: "Lato", sans-serif; font-size: 36px; font-weight: 700; color: #eab23f; margin-bottom: 52px;} .cactus-register-form .form-content #message { margin-bottom:19px !important; margin-top:-30px;} .cactus-register-form .form-content #message .error { color:#FF0004;} .cactus-register-form .form-content input[type="text"], .cactus-register-form .form-content input[type="password"] { border-radius:3px; -webkit-border-radius:3px;} .cactus-register-form .form-content form > p { margin-bottom:3px; line-height:1;} .cactus-register-form .form-content form > p label {color:#835d26; font-weight:500} .cactus-register-form .form-content span.error { display:block; margin-top:-12px; color:rgba(255,0,4,1.00); margin-bottom:21px;} .cactus-register-form button[type="submit"] { margin-bottom:0 !important} .cactus-register-form .form-content input[type="text"].cactus-error, .cactus-register-form .form-content input[type="password"].cactus-error { border-color:rgba(255,0,0,0.5);} .cactus-register-form .form-content input[type="text"].cactus-error:focus, .cactus-register-form .form-content input[type="password"].cactus-error:focus { border-color:rgba(255,0,0,1.0)} @media(max-width:767px) { .cactus-register-form .form-content { width:100%; padding-left:15px; padding-right:15px;} .cactus-register-form button[type="submit"] { padding-left:0 !important; padding-right:0 !important} } /*Cactus Register Form*/ /*Membership checkout form*/ .step-2 #membership-wrapper { width:840px; border: 2px solid #eaeaea; position:relative; margin-top:146px} .step-2 #membership-wrapper legend {position:absolute; top:0; margin-top:-101px !important; line-height:1.4;} .step-2 #membership-wrapper .alert.alert-success { display:none} .step-2 #membership-wrapper .purchasetable { width:100%} .step-2 #membership-wrapper .purchasetable .detailscolumn {padding:23px 50px 23px 30px; font-weight:500; color:#999999; line-height:1.75; text-align:right; width:300px; vertical-align: middle} .step-2 #membership-wrapper .purchasetable .pricecolumn {padding:23px 30px; font-weight:500; color:#999999; line-height:1.75; width:200px; vertical-align: middle; text-align:left} .step-2 #membership-wrapper .purchasetable .buynowcolumn { padding-right:30px; padding-top:30px; padding-bottom:30px;} .step-2 #membership-wrapper .purchasetable .buynowcolumn form{ display:block; padding:0 !important; margin:0 !important} .step-2 #membership-wrapper .purchasetable .buynowcolumn input[name="submit"] { width:100% !important; margin-bottom:0 !important; margin-left:-4px;} .step-2 #membership-wrapper .purchasetable .pricescolumn td {background-color:#eaeaea; font-weight:500; color:#222222; line-height:1.75; vertical-align:middle} .step-2 #membership-wrapper .purchasetable .pricescolumn td strong { display:inline-block; width:300px; padding:23px 50px 23px 30px; text-align:right; margin-right:26px; line-height:1.75; vertical-align:middle} .step-2 #membership-wrapper .membership-coupon div.couponbar {padding:0 !important; font-family:"Roboto", sans-serif !important; background-color:transparent !important} .step-2 #membership-wrapper .membership-coupon form { display:block !important; padding:0 !important; margin:0 !important} .step-2 #membership-wrapper .membership-coupon form .couponQuestion { display:inline-block; width:300px; line-height:1.75; margin-right:-4px; color:#999999 !important; font-weight:500 !important; font-family:"Roboto", sans-serif !important; text-align:right !important; padding:23px 50px 23px 30px; vertical-align:middle} .step-2 #membership-wrapper .membership-coupon form .couponEntry { display:inline-block; line-height:1.75; margin-right:-4px; white-space:nowrap; padding-top:30px; padding-bottom:30px; vertical-align:middle} .step-2 #membership-wrapper .membership-coupon form #coupon_code { height:40px !important; border-radius:0 !important; -webkit-border-radius:0 !important; width:290px !important; display:inline-block !important; margin-right:30px; margin-left:30px; margin-bottom:0 !important} .step-2 #membership-wrapper .membership-coupon form input[type="submit"]#submit_coupon_code { font-family:"Roboto", sans-serif !important; font-size:14px !important; color:#FFFFFF !important; font-weight:500; height:40px !important; padding:0 20px 0 20px !important; background-color:#EAEAEA !important; margin-bottom:0 !important; display:inline-block !important; margin-right:-4px; float:none !important; margin-top:-2px !important; width: auto !important; margin-left:-4px} .step-2 #membership-wrapper .membership-coupon form input[type="submit"]#submit_coupon_code:hover { background-color:#eab23f !important} @media(max-width:870px) { .step-2 #membership-wrapper { width:auto; margin-left:15px; margin-right:15px; padding:0 !important; display:block !important} .step-2 #membership-wrapper legend { width:100% !important;} .step-2 #membership-wrapper .purchasetable { display:block; width:100% !important} .step-2 #membership-wrapper .purchasetable tbody { display:block !important; width:100%;} .step-2 #membership-wrapper .purchasetable tr{ display:block !important; width:100%;} .step-2 #membership-wrapper .purchasetable td{ display:block !important; width:100% !important;} .step-2 #membership-wrapper .purchasetable .detailscolumn { text-align:left; font-size:20px; padding:19px 30px} .step-2 #membership-wrapper .purchasetable .pricecolumn {padding: 0 30px; font-size:25px; color:#222222; margin-top:-2px} .step-2 #membership-wrapper .purchasetable .buynowcolumn { padding:28px 30px 30px 30px; text-align:left !important; margin-left:0px !important} .step-2 #membership-wrapper .purchasetable .buynowcolumn input[name="submit"]{margin-left:0px} .step-2 #membership-wrapper .purchasetable .pricescolumn td strong { width:auto !important;margin-right:0; padding-right:30px} .step-2 #membership-wrapper .membership-coupon form .couponQuestion { display:block; text-align:center !important; width:100%; padding:23px 30px 23px 30px !important;} .step-2 #membership-wrapper .membership-coupon form .couponEntry { display:block; text-align:center !important; width:100%; padding:0px 30px 30px 30px !important;} .step-2 #membership-wrapper .membership-coupon form #coupon_code { display:block !important; margin-right:0; margin-left:0; width:100% !important} .step-2 #membership-wrapper .membership-coupon form input[type="submit"]#submit_coupon_code { margin-top:30px !important;} } /*Membership checkout form*/ /*Membership update profile*/ .update-profile #membership-wrapper { width:610px} .update-profile #membership-wrapper .form-membership .form-element .help-block{} .update-profile #membership-wrapper input { width:300px !important} .update-profile #membership-wrapper select { width:320px !important; max-width:320px !important} .update-profile #membership-wrapper label[for="display_name"] + .element { width:300px !important} .update-profile #membership-wrapper .form-membership .form-element:nth-child(2) .help-block{bottom:100%; margin-bottom:16px !important;} .update-profile #membership-wrapper .form-membership .form-element:nth-child(2) { display:block; width:300px;} .update-profile #membership-wrapper .form-membership .form-element:nth-child(3) { float:left} .update-profile #membership-wrapper .form-membership .form-element:nth-child(4) { float:left; margin-left:10px} .update-profile #membership-wrapper .form-membership .form-element:nth-child(5) { float:left} .update-profile #membership-wrapper .form-membership .form-element:nth-child(6) { float:left; margin-left:10px} .update-profile #membership-wrapper .form-membership .form-element:nth-child(7) { float:left} .update-profile #membership-wrapper .form-membership .form-element:nth-child(8) { float:left; margin-left:10px} .update-profile #membership-wrapper .form-membership .form-element:nth-child(9) { clear:both;} .update-profile #membership-wrapper .form-membership fieldset { text-align:left} .update-profile #membership-wrapper .form-membership .form-element +p { margin-left:0 !important;} .update-profile #membership-wrapper legend { display:none} .update-profile #membership-wrapper .form-membership { margin-top:0px !important;} .update-profile #top-account-profile {margin-bottom:60px; position:relative; width:220px; margin-left:auto; margin-right:auto; height:65px; padding-left:80px; position:relative; display:block} .update-profile #top-account-profile:before { content:'\f007'; font-family: 'FontAwesome'; position:absolute; pointer-events:none; left:0; font-size:75px; top:0; margin-top:-23px; color:#e5e5e5} .update-profile #top-account-profile span:nth-child(1) { font-size:36px; font-weight:700; display:block; position:relative; line-height:1} .update-profile #top-account-profile span:nth-child(2) { font-size:20px; font-weight:500; display:block; position:relative; color:#999999; font-style:italic} .update-profile-1 #membership-wrapper .form-membership .form-element > label { display:block; float:none; width:100% !important; text-align:left; margin-bottom:8px !important; color:#835d26; font-weight:500} .update-profile-1 #membership-wrapper .form-element { margin-bottom:20px;} @media(max-width:767px) { .update-profile #membership-wrapper {width:100%; padding-left:15px; padding-right:15px;} .update-profile #membership-wrapper .form-membership .form-element:nth-child(3) .help-block, #membership-wrapper .form-membership .form-element:nth-child(5) .help-block{} .update-profile #membership-wrapper .form-membership .form-element:nth-child(2) { float:none; margin-right:0;} .update-profile #membership-wrapper .form-membership .form-element:nth-child(3) { float:none;} .update-profile #membership-wrapper input, #membership-wrapper textarea, .update-profile #membership-wrapper input[disabled=disabled] { width:100% !important} .update-profile #membership-wrapper .form-membership .form-element:nth-child(2) { width:100% !important} .update-profile #membership-wrapper label[for="display_name"] + .element { width:100% !important} .update-profile #membership-wrapper select { width:110% !important; max-width:110% !important} .update-profile #membership-wrapper #login_right { margin-left:auto; margin-right:auto; display:inline-block} .update-profile #membership-wrapper input[type="submit"] { padding-left:30px !important; padding-right:30px !important;} .update-profile #membership-wrapper .form-membership fieldset { text-align:center} .update-profile #membership-wrapper .form-membership .form-element:nth-child(7) p.help-block{ text-align:left} .update-profile #membership-wrapper .form-membership .form-element:nth-child(4) { margin-bottom:10px !important} .update-profile #membership-wrapper .form-membership .form-element:nth-child(3) { float:none} .update-profile #membership-wrapper .form-membership .form-element:nth-child(4) { float:none; margin-left:0} .update-profile #membership-wrapper .form-membership .form-element:nth-child(5) { float:none} .update-profile #membership-wrapper .form-membership .form-element:nth-child(6) { float:none; margin-left:0} .update-profile #membership-wrapper .form-membership .form-element:nth-child(7) { float:none} .update-profile #membership-wrapper .form-membership .form-element:nth-child(8) { float:none; margin-left:0} } /*Membership update profile*/ /*Complete Page*/ .step-3 h2.complete-title { display:block; text-align:center; font-weight:700; margin-top:52px; margin-bottom:54px;} .step-3 .dn-cmpl { padding-left:60px; padding-right:60px; text-align:center} .step-3 .dn-cmpl .message { color:rgba(255,0,0,1.00); margin-top:54px; font-weight:700} .step-3 p.class1 { display:block; text-align:center; font-size:18px; font-weight:700; margin-top:53px;} .step-3 p.class2 { display:block; text-align:center; font-size:30px; font-weight:700; margin-top:81px; margin-bottom:49px;} .step-3 #rd-listing-theme .theme-item .listing-theme-content h3 { font-size:14px; margin-bottom:0;} .step-3 #rd-listing-theme .theme-item .listing-theme-content { padding-bottom:23px;} .step-3 #rd-listing-theme .theme-item { margin-bottom:0;} @media(max-width:767px) { .step-3 #rd-listing-theme .theme-item { margin-bottom:60px;} .step-3 #rd-listing-theme .theme-item:last-child { margin-bottom:0;} } /*Complete Page*/ /*Protected Page*/ #cactus-protected h1 { font-weight:700; color:#999999; display:block; text-align:center; margin-top:51px; margin-bottom:24px;} #cactus-protected .lock { font-size:150px; text-align:center; line-height:1} #cactus-protected .text {font-size:18px; font-weight:800; color:#999999;text-align:center; margin-top:1px; margin-bottom:30px;} #cactus-protected .nav-link { text-align:center; margin-top:-9px; line-height:1; margin-bottom:0;} #cactus-protected .nav-link a:first-child { margin-right:26px;} #cactus-protected .nav-link a { display:inline-block; color:#835d26; font-weight:500} #cactus-protected .nav-link a:hover {color:#eab23f} #cactus-protected .nav-link a i { margin-right:6px;} /*Protected Page*/ /*Download Page*/ #download-listing .download-item { background:rgba(0,0,0,0.05); position:relative; display:table; margin-bottom:30px; margin-left:0; margin-right:0;} #download-listing .download-item:last-child { margin-bottom:0;} #download-listing .download-item div[class*="col-md-"] { display:table-cell; vertical-align:middle; float:none} #download-listing .download-item .picture { padding:30px 0 30px 15px; overflow:hidden} #download-listing .download-item .picture a { display:block; position:relative} #download-listing .download-item .picture a .thumbnail-overlay { position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; transition:all 0.2s; -webkit-transition:all 0.2s;} #download-listing .download-item .picture a:hover .thumbnail-overlay{ opacity:0.5} #download-listing .download-item .picture img{ width:100%; height:auto} #download-listing .content-table .row { display:table; width:100%; padding-left:15px;} #download-listing .content-table .col-md-fix-100 { width:100%;} #download-listing .content-table .col-md-fix-50 {} #download-listing .download-item .col-md-6 {} #download-listing .download-item .content { padding-right:30px;} #download-listing .download-item .content a { font-weight:800; font-size:24px; color:#444444; padding:21px 0; display:block;} #download-listing .download-item .content a:hover {color:#eab23f} #download-listing .download-item .button { text-align:right; display:block; padding:30px 0; margin:0; margin-right:1px; cursor:default} #download-listing .download-item .button .btn{ margin-right:-3px} #download-listing .download-item .button .btn-orange-color{ margin-right:15px} #download-listing .page-navigation { margin-top:60px;} #download-listing .page-navigation .wp-pagenavi { margin-bottom:-14px;} @media(max-width:991px) { #download-listing .download-item { display:block; margin-left:15px; margin-right:15px;} #download-listing .download-item div[class*="col-md-"] { display: block; float:left} #download-listing .download-item .content a {padding:21px 0 21px 0} #download-listing .download-item .button {padding:0; white-space:normal; text-align:left; padding-bottom:15px;} #download-listing .download-item .button .btn{margin-bottom:15px;} #download-listing .download-item .content a { font-weight:800; font-size:18px; color:#444444; padding:24px 0 23px 0; display:block;} #download-listing .download-item .content { padding-right:0;} } @media(max-width:480px) { #download-listing .download-item { padding-bottom:67px;} #download-listing .content-table .col-md-fix-50 { position:absolute; right:0; left:0; bottom:0; float:none !important; padding-left:30px; padding-right:30px; text-align:center} #download-listing .download-item .button { text-align:center} #download-listing .download-item .button .btn { font-size:12px;} #download-listing .download-item { position:relative} #download-listing .download-item .content-table { position:static} } @media(max-width:379px) { #download-listing .download-item .button .btn-orange-color{ margin-right:0} #download-listing .download-item .button .btn-default { margin-left:-3.5px;} #download-listing .download-item { padding-bottom:119px;} } /*Download Page*/ /*Subscriptions*/ .subscriptions #cactus-single-page { padding-bottom:30px;} .subscriptions #membership-wrapper { width:100%;} .subscriptions #membership-wrapper legend {display:none} .subscriptions #membership-wrapper .alert.alert-success {border-color:#eab23f; background-color: rgba(57,181,74,0.1) !important; color:#eab23f !important; margin-top:-50px !important; margin-bottom:60px !important;} .subscriptions div.priceboxes { width:100% !important; padding:20px 30px 23px 30px !important; background-color:rgba(0,0,0,0.05); margin-bottom:30px;} .subscriptions div.priceboxes:empty { display:none} .subscriptions .pricebox.upgradebox { display:none} .subscriptions div.priceboxes div.pricebox { width:100% !important; border:none !important; float:none !important; background:none; background-color:transparent; margin-bottom:0 !important; padding-bottom: 33px; padding-top: 21px;} .subscriptions div.priceboxes div.pricebox {border-top: 1px solid rgba(0,0,0,0.05) !important;} .subscriptions div.priceboxes div.pricebox:first-child { padding-top:0; border-top: none !important;} .subscriptions div.priceboxes div.pricebox:last-child { padding-bottom:0;} .subscriptions div.topbar {font-family:"Lato", sans-serif; font-size:24px; font-weight:800; color:#444444 !important; padding:0 194px 0 0 !important; background:none; background-color:transparent; margin-bottom:15px !important; line-height:1.5} .subscriptions div.pricebox div.topbar span.title { margin-left:0 !important} .subscriptions .pricedetails { padding:0 194px 0 0 !important; background:none; background-color:transparent;line-height:1.75} .subscriptions div.bottombar {background:none; background-color:transparent; padding:0 !important;color: #444444 !important; position:absolute; right:0; width:auto !important; top:50%; margin-top:-20px; margin-bottom:0; bottom:auto !important } .subscriptions div.bottombar > div { float:none !important; margin-right:0 !important; font-family:"Roboto", sans-serif;} @media(max-width:570px) { .subscriptions div.topbar {padding:0 !important;} .subscriptions .pricedetails {padding:0 !important;} .subscriptions div.bottombar { position: static; margin-top:23px; margin-bottom:7px;} } /*Subscriptions*/ /*Login page*/ .cactus-login { width:40%; margin-left:auto; margin-right:auto} .cactus-login h2 {text-align: center;border-bottom: none !important;font-family: "Lato", sans-serif;font-size: 36px !important;font-weight: 700 !important;color: #eab23f;margin-bottom: 48px !important; margin-top:53px;} .cactus-login.download-login h2 {margin-top:-7px;} .cactus-login label { color:#835d26; font-weight:600} .cactus-login input { border-radius:3px; -webkit-border-radius:3px} .cactus-login input[type=submit] {padding: 9px 40px 10px 40px; font-family:"Roboto", sans-serif; margin-bottom:0;} .cactus-login input[type=checkbox] {margin-right:11px; position:absolute; left:0; top:1px} .cactus-login .login-remember label { display:block; position:relative; padding-left:27px; margin-bottom:25px;} .step-3 .cactus-login h2 { font-size:18px !important;margin-bottom: 21px !important; margin-top:55px;} .cactus-login .alert.alert-success { margin-top:80px; } .cactus-login p.login-submit { margin-bottom:0 !important} .cactus-login .alert.alert-warning { margin-top:80px; text-align:center; padding:13px 20px 19px 20px} .cactus-login .alert.alert-warning .btn.btn-warning.reset-pass { margin-top:15px;} .cactus-login .popover.bottom>.arrow:after { border-bottom-color:#f7f7f7} .cactus-login .popover { padding:0 !important} .cactus-login .alert.alert-warning .login_fields .user-submit { width:100% !important} .cactus-login .alert.alert-warning .popover-content { padding:15px 19px 19px 19px} .cactus-login button[class=close]:hover { background-color:transparent !important; background:none !important} @media (max-width:991px) { .cactus-login { width:90%;} } .cactus-login .register-member-url { margin-top:14px; display: block;} /*Login page*/ /*Footer*/ footer .footer-info { min-height:90px; background-color: #151515} footer .footer-info .copyright { padding-top:33px; padding-bottom:33px;} footer .footer-info .link { padding-top:33px; padding-bottom:33px; text-align:right} footer .footer-info .link a { color:#888888; display:inline-block;} footer .footer-info .link a:hover {color:#eab23f;} footer .footer-info .link a:after {} footer .footer-info .link a:last-child:after {} footer .footer-info .link #menu-footer-menu li{ display:inline-block} footer .footer-info .link #menu-footer-menu li:after {content:'/'; margin-left:10px; margin-right:6px;} footer .footer-info .link #menu-footer-menu li:last-child:after {content:''; margin-right:0px;margin-left:0;} footer .footer-info .link #menu-footer-menu li ul{ display:none} @media(max-width:767px){ footer .footer-info .copyright { text-align:center} footer .footer-info .link { padding-top:0; padding-bottom:33px; text-align:center} } /*Footer*/ /*VC*/ .full-row { margin-left:-50% !important; margin-right:-50% !important; padding-left:50% !important; padding-right:50% !important;} #wrap .container .wpb_row, .wpb_row {margin-bottom:0 !important} .ads-offer-title .wpb_wrapper h2{color: #FFFFFF;font-size: 36px;font-weight: 800;text-align: center;margin-bottom:-11px;padding-left: 15px;padding-right: 15px;font-family: "Lato", sans-serif; line-height:1.2} .ads-offer-title .wpb_wrapper .wpb_content_element { margin-bottom:23px !important;} div[class*="vc_custom_"].offer-content {padding-bottom:93px !important;} .offer-content .wpb_single_image.wpb_content_element { margin-bottom:23px !important} .offer-content .wpb_wrapper h3{font-size: 18px;font-weight: 800;text-align: center;color: #bdbdbd;line-height: 1.5;margin-bottom: 11px;} .offer-content .wpb_wrapper p { line-height:1.75} @media(max-width:767px) { .offer-content .wpb_column { margin-bottom:53px;} .offer-content .wpb_column:last-child {margin-bottom:0;} } /*Loading*/ #cactus-loading { position:fixed; left:0; right:0; top:0; bottom:0; height:100%; background-color:#2d353f; pointer-events:none; z-index:99999999; opacity:1; visibility:visible} #cactus-loading.hide { opacity:0; visibility:hidden; transition:all 2s; -webkit-transition:all 2s; } #cactus-loading .box-loading { position:absolute; top:50%; height:80px; margin-top:-40px; text-align:center; left:0; right:0} #cactus-loading .box-loading .dot-loading:nth-child(odd) { width:15px; height:15px; border-radius:50%; -webkit-border-radius:50%; /*background-color:rgba(255,255,255,1.00);*/ background-color:#eab23f; display:inline-block; margin-right:16px; vertical-align:top; opacity:0;} #cactus-loading .box-loading .dot-loading:nth-child(even) { width:15px; height:15px; border-radius:50%; -webkit-border-radius:50%; /*background-color:rgba(255,255,255,1.00);*/ background-color:#835d26; display:inline-block; margin-right:16px; vertical-align:top; opacity:0;} #cactus-loading .box-loading .dot-loading:last-child { margin-right:0px;} #cactus-loading .box-loading .dot-loading:nth-child(1) { animation:dotloading1 linear 1.8s; -webkit-animation:dotloading1 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ /*animation-delay: 2s; -webkit-animation-delay: 2s;*/ animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(3) { animation:dotloading1 linear 1.8s; -webkit-animation:dotloading1 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 0.25s; -webkit-animation-delay: 0.25s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(5) { animation:dotloading1 linear 1.8s; -webkit-animation:dotloading1 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(7) { animation:dotloading1 linear 1.8s; -webkit-animation:dotloading1 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 0.75s; -webkit-animation-delay: 0.75s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(9) { animation:dotloading1 linear 1.8s; -webkit-animation:dotloading1 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 1s; -webkit-animation-delay: 1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(11) { animation:dotloading1 linear 1.8s; -webkit-animation:dotloading1 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 1.25s; -webkit-animation-delay: 1.25s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(13) { animation:dotloading1 linear 1.8s; -webkit-animation:dotloading1 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(15) { animation:dotloading1 linear 1.75s; -webkit-animation:dotloading1 linear 1.75s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 2.1s; -webkit-animation-delay: 2.1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } @keyframes dotloading1{ 0% { opacity:0; margin-top:-80px;} 50% { opacity:1; margin-top:0px;} 100% { opacity:0; margin-top:-80px;} } @-webkit-keyframes dotloading1{ 0% { opacity:0; margin-top:-80px;} 50% { opacity:1; margin-top:0px;} 100% { opacity:0; margin-top:-80px;} } #cactus-loading .box-loading .dot-loading:nth-child(2) { animation:dotloading2 linear 1.8s; -webkit-animation:dotloading2 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ /*animation-delay: 2s; -webkit-animation-delay: 2s;*/ animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(4) { animation:dotloading2 linear 1.8s; -webkit-animation:dotloading2 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 0.25s; -webkit-animation-delay: 0.25s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(6) { animation:dotloading2 linear 1.8s; -webkit-animation:dotloading2 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(8) { animation:dotloading2 linear 1.8s; -webkit-animation:dotloading2 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 0.75s; -webkit-animation-delay: 0.75s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(10) { animation:dotloading2 linear 1.8s; -webkit-animation:dotloading2 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 1s; -webkit-animation-delay: 1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(12) { animation:dotloading2 linear 1.8s; -webkit-animation:dotloading2 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 1.25s; -webkit-animation-delay: 1.25s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(14) { animation:dotloading2 linear 1.8s; -webkit-animation:dotloading2 linear 1.8s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } #cactus-loading .box-loading .dot-loading:nth-child(16) { animation:dotloading2 linear 1.75s; -webkit-animation:dotloading2 linear 1.75s; /*animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-delay: 2.1s; -webkit-animation-delay: 2.1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } @keyframes dotloading2{ 0% { opacity:0; margin-top:0px;} 50% { opacity:1; margin-top:-80px;} 100% { opacity:0; margin-top:0px;} } @-webkit-keyframes dotloading2{ 0% { opacity:0; margin-top:0px;} 50% { opacity:1; margin-top:-80px;} 100% { opacity:0; margin-top:0px;} } #cactus-loading .logo-png { text-align:center; position:absolute; top:50%; margin-top:-300px; right:0; left:0; padding:0 30px} #cactus-loading .logo-png img{ height:auto; max-width:100%; animation:dotloading3 linear 2.5s; -webkit-animation:dotloading3 linear 2.5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;/*forwards*/ animation-direction: alternate; -webkit-animation-direction: alternate; animation-play-state: running; -webkit-animation-play-state: running; } @keyframes dotloading3{ 0% { opacity:0;} 100% { opacity:1;} } @-webkit-keyframes dotloading3{ 0% { opacity:0;} 100% { opacity:1;} } @media(max-width:580px) { #cactus-loading .logo-png{margin-top:-250px;} #cactus-loading .box-loading .dot-loading:nth-child(16),#cactus-loading .box-loading .dot-loading:nth-child(15), #cactus-loading .box-loading .dot-loading:nth-child(14), #cactus-loading .box-loading .dot-loading:nth-child(13) { display:none} } @media(max-width:440px) { #cactus-loading .logo-png{margin-top:-220px;} #cactus-loading .box-loading .dot-loading:nth-child(12),#cactus-loading .box-loading .dot-loading:nth-child(11), #cactus-loading .box-loading .dot-loading:nth-child(10), #cactus-loading .box-loading .dot-loading:nth-child(9) { display:none} } /*Loading*/ /* break point bootstrap */ @media (max-width: 800px) { .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } } .post-details .aligncenter { display: block; margin: 50px auto; } .post-details .alignleft { display: block; float: left; margin: 50px auto; } .post-details .alignright { display: block; float: right; margin: 50px auto; } .post-details .text-body:after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .post-details .cactus-divider, .post-details .cactus-divider li { margin-left: 0; padding-left: 0; } .post-details p { font-size: 15px; line-height: 195%; } .post-details h1, .post-details h2, .post-details h3, .post-details h4, .post-details h5, .post-details h6 { margin-top: 25px !important; } .container img { display: block; margin: 0 auto; max-width: 100%; height: auto; } .post-details .previous-post.next span:first-child { text-align: right; } .post-details .previous-post.next span:first-child i { float: right; margin-left: 10px; margin-right: 0; line-height: 15px; -webkit-transform: translateY(-2px) rotate(-180deg); -moz-transform: translateY(-2px) rotate(-180deg); transform: translateY(-2px) rotate(-180deg); } .post-details .previous-post.nex span:first-child { line-height: 15px; margin-top: 3px; } .post-details .previous-post.next span:not(:first-child):last-child { text-align: right; } /* global single post bottom banner */ .single-author { -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px 1px rgba(0,0,0,0.2) } .cactus-author { padding: 40px 20px; border-width: 0 !important; } .single-banner { } .single-banner a { display: block; position: relative; } .single-banner a i { font-size: 30px; color: #fff; background: #eab23f; height: 50px; line-height: 50px; width: 50px; border-radius: 50%; text-align: center; position: absolute; left: 50%; top: -25px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single-banner a i:hover { -webkit-box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.3); box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /* COUNTDOWN CSS */ .content_countdown * { font-family: 'Roboto' !important; } .content_countdown .element_conteiner { margin-right: 20px !important; margin-left: 20px !important; } .content_countdown .element_conteiner .time_left { background-color: #eab23f !important; font-size: 44px !important; } /* logo header */ .navbar-brand { margin-top: 12px; } .navbar-brand img { max-height: 35px; } /* launcher_button */ .launcher__button { background-color: #eab23f !important; border: 0px solid transparent !important; } /* sec countdown */ .sec-countdown .content_countdown .element_conteiner { margin-left: 15px !important; margin-right: 15px !important; } .sec-countdown .countdown { text-align: left !important; margin: 50px -15px 0 !important; } /* event sticky */ .is-sticky .sticky-event { -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.15); z-index: 999999999 !important; } .sticky-event { background: #fff; height: 55px; line-height: 55px; } .sticky-event .row { max-width: 1170px; margin: 0 auto; overflow: hidden; text-align: left; } .sticky-event .row .content_countdown { clear: none; float: right; margin-right: 125px !important; } .sticky-event .row .content_countdown .countdown { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 21px !important; } .sticky-event .row .content_countdown .element_conteiner { display: block !important; float: left; height: 55px !important; line-height: 55px; min-width: 30px !important; margin-right: 0 !important; margin-left: 0 !important; position: relative; overflow: hidden; } .sticky-event .row .content_countdown .element_conteiner:not(:last-child) { margin-right: 7px !important; } .sticky-event .content_countdown .element_conteiner .time_left { border-radius: 2px !important; background: #eab33f !important; color: #fff !important; font-size: 20px !important; font-family: 'Roboto'; font-weight: 300; margin-top: 10px !important; padding: 0 !important; line-height: 35px; width: 35px !important; } .sticky-event .content_countdown .element_conteiner .time_description { display: block; color: #fff !important; font-size: 7px !important; line-height: 7px !important; position: absolute; bottom: 12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-transform: uppercase; } .sticky-event .des { color: #eab33f; display: inline-block; font-family: 'Roboto'; font-size: 14px; font-weight: bold; margin-right: 10px; } .sticky-event .btn { background: #252525; border-radius: 21px; color: #ffffff; font-family: 'Roboto'; font-weight: bold; float: right; margin-top: 7px; margin-top: 7.5px; margin-left: 22px; min-width: 164px; padding: 0 15px; height: 38px; line-height: 38px; text-align: center; } .sticky-event .btn:hover { background: #eab33f; } @media (max-width: 860px) { .sticky-event { display: none !important; } }