/* Theme Name: HCG Injections Theme URI: Author: the WordPress team Author URI: Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. HCG Injections's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. Version: 1.7 License: GNU General Public License v2 or later License URI: Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: hcginjections This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @charset "utf-8"; /* CSS Document */ /* font face =================*/ /*@font-face { font-family: 'open_sanslight'; src: url('css/fonts/opensans-light-webfont.eot'); src: url('css/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/opensans-light-webfont.woff2') format('woff2'), url('css/fonts/opensans-light-webfont.woff') format('woff'), url('css/fonts/opensans-light-webfont.ttf') format('truetype'), url('css/fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('css/fonts/opensans-semibold-webfont.eot'); src: url('css/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/opensans-semibold-webfont.woff2') format('woff2'), url('css/fonts/opensans-semibold-webfont.woff') format('woff'), url('css/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('css/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('css/fonts/opensans-bold-webfont.eot'); src: url('css/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/opensans-bold-webfont.woff2') format('woff2'), url('css/fonts/opensans-bold-webfont.woff') format('woff'), url('css/fonts/opensans-bold-webfont.ttf') format('truetype'), url('css/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latosemibold'; src: url('css/fonts/lato-semibold-webfont.eot'); src: url('css/fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/lato-semibold-webfont.woff2') format('woff2'), url('css/fonts/lato-semibold-webfont.woff') format('woff'), url('css/fonts/lato-semibold-webfont.ttf') format('truetype'), url('css/fonts/lato-semibold-webfont.svg#latosemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('css/fonts/lato-bold-webfont.eot'); src: url('css/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/lato-bold-webfont.woff2') format('woff2'), url('css/fonts/lato-bold-webfont.woff') format('woff'), url('css/fonts/lato-bold-webfont.ttf') format('truetype'), url('css/fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latomedium'; src: url('css/fonts/lato-medium-webfont.eot'); src: url('css/fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/lato-medium-webfont.woff2') format('woff2'), url('css/fonts/lato-medium-webfont.woff') format('woff'), url('css/fonts/lato-medium-webfont.ttf') format('truetype'), url('css/fonts/lato-medium-webfont.svg#latomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('css/fonts/lato-regular-webfont.eot'); src: url('css/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/lato-regular-webfont.woff2') format('woff2'), url('css/fonts/lato-regular-webfont.woff') format('woff'), url('css/fonts/lato-regular-webfont.ttf') format('truetype'), url('css/fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('css/fonts/lato-light-webfont.eot'); src: url('css/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/lato-light-webfont.woff2') format('woff2'), url('css/fonts/lato-light-webfont.woff') format('woff'), url('css/fonts/lato-light-webfont.ttf') format('truetype'), url('css/fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight_italic'; src: url('css/fonts/lato-lightitalic-webfont.eot'); src: url('css/fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/lato-lightitalic-webfont.woff2') format('woff2'), url('css/fonts/lato-lightitalic-webfont.woff') format('woff'), url('css/fonts/lato-lightitalic-webfont.ttf') format('truetype'), url('css/fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'James Fajardo'; src: url('css/fonts/JamesFajardo.eot'); src: url('css/fonts/JamesFajardo.eot?#iefix') format('embedded-opentype'), url('css/fonts/JamesFajardo.woff2') format('woff2'), url('css/fonts/JamesFajardo.woff') format('woff'), url('css/fonts/JamesFajardo.ttf') format('truetype'), url('css/fonts/JamesFajardo.svg#JamesFajardo') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'open_sansregular'; src: url('css/fonts/opensans-regular-webfont.eot'); src: url('css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/opensans-regular-webfont.ttf') format('truetype'), url('css/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } /* comman style ======================*/ html, body{height:100%;} body{margin:0; padding:0; font-family: 'open_sansregular'; font-size:20px; color:#676767;} a {text-decoration:none; color:#7ca82c; } a:hover { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; color:#1d5f94; text-decoration:none; -webkit-overflow-scrolling: touch;} a:focus{outline:none; text-decoration:none;} h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; padding:0; font-weight:normal;font-family: 'open_sansregular'; color:#333333;} h1{font-size:64px; font-family: 'open_sansregular';} h2{font-size:52px; font-family: 'open_sansregular';} h3{font-size:30px; font-family: 'open_sansregular';} h4{font-size:27px; font-family: 'open_sansregular';} h5{font-size:16px;} h6{font-size:15px;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit; text-decoration:none; font-size:inherit; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none; -webkit-overflow-scrolling: touch;} p{margin:0 0 27px 0; line-height:28px; font-size:20px; line-height:40px;} /* sticy footet =================== .footer, .push{height:83px;} .page-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -83px; } */ /* header style =================*/ header{border-bottom:0px solid #f0f0f0;} header{background:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; position:fixed; height:150px; z-index:1; width:100%; box-shadow:0px 0px 3px rgba(0,0,0,0.2);} header.sticky {height: 110px; z-index:9; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .logo-section img{margin:15px 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .sticky .logo-section img{width:180px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .navigation-right-side{transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .sticky .navigation-right-side{margin-top:15px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .logo-section .logo-wrap{position:absolute; top:-50px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .sticky .logo-section .logo-wrap{top:-45px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .header-top-belt{background:#F8F8F8; border-bottom:1px solid #ddd; overflow:hidden; text-align:right;} header .container{padding:0 30px; width:100%; } .header-top-belt ul{margin:0; padding:0; list-style-type:none;} .header-top-belt ul li{display:inline-block; position:relative; padding-left:10px; margin-left:10px; font-size:18px; font-family: 'open_sanssemibold'; color:rgba(0,0,0,0.55); line-height:36px; } .header-top-belt ul li:before{content:""; height:100%; width:1px; background:#dddddd; display:inline-block; position:absolute; left:0;} .header-top-belt ul li a{color:inherit; text-decoration:none;} .header-top-belt ul li:hover, .header-top-belt ul li.active a{color:rgba(0,0,0,1); -webkit-overflow-scrolling: touch;} .header-main-content{padding:0px 0;} nav{} nav ul{float:right;} .nav-menu{margin:0px;} nav li{display:inline-block; margin:0 20px; position:relative; vertical-align:middle; } nav li a{font-size:30px; font-family: 'open_sanslight'; text-decoration:none;color:rgba(0,0,0,0.55); padding-top:39px; padding-bottom:39px; display:block; } nav li a:hover, nav li.current-menu-item a{color:#7ca82c; text-decoration:none; -webkit-overflow-scrolling: touch;} nav .sidebar-nav li.current-menu-item a{color:#ffffff;} #header-outer{padding-top:0 !important;} .header-main-content{position:relative; z-index:1;} .search-mobile-menu{border-left:1px solid #dddddd; margin-left:20px; padding-left:15px;} .search-mobile-menu li{padding-top:5px; padding-bottom:10px; margin-right:0px; margin-right:20px;} .search-mobile-menu li:last-child{margin-right:0px;} .desktop-menu .sub-menu{opacity:0; visibility:hidden; width:240px;position:absolute; top:100%; left:0; z-index:5; padding:0; background:#333333; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} nav .desktop-menu li:hover ul{opacity:1; visibility:visible; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .desktop-menu .sub-menu li{margin:0 0 0px; border-bottom:1px solid rgba(255,255,255,0.5); display:block; } .desktop-menu .sub-menu li:last-child{border-bottom:none;} .desktop-menu .sub-menu li:hover{background:#444444; -webkit-overflow-scrolling: touch;} .desktop-menu .sub-menu li a{padding:15px; display:block; line-height:24px; font-size:20px; color:#dddddd;} .desktop-menu .sub-menu li:hover a{color:#7ca82c; -webkit-overflow-scrolling: touch; } .desktop-menu .sub-menu li.current-menu-item a, .desktop-menu ul li.current-menu-parent a{color:#7ca82c;} .body-content-area{padding-top:150px;} /* banner */ .banner-section{position:relative; background-repeat:no-repeat; background-size:cover; padding:80px 0;} .banner-section .col-sm-7 {width:50%;} .banner-section .col-sm-5 {width:50%;} .banner-caption{text-align:center; padding-top:115px;margin-left:136px;background-position: top;background-position: left;} .banner-caption h2{ /*font-size:49px;*/ font-size:42px; font-family: 'latolight'; color:#666666;} .banner-caption h1{text-transform:uppercase; /*font-size:58px;*/ font-size:50px; font-family: 'latolight'; color:#666666;} .banner-caption h3{/*font-size:28px;*/ font-size:22px; font-family: 'latolight'; color:#666666; margin:30px 0; } .banner-caption h3 b, .banner-caption h3 strong{font-weight:normal; font-family: 'latosemibold'; } .common-button a{font-size:13px; font-family: 'open_sanslight'; text-transform:uppercase; padding:15px 22px; border-radius:5px; border-bottom:3px solid #5e8c0a; background:#7ca82c; color:#ffffff; text-decoration:none; letter-spacing:2px; display:inline-block; line-height:20px; text-align:center;} .common-button a:hover{background:#86ae3c; -webkit-overflow-scrolling: touch;} .blue-bg-buton a{background:#266599; border-color:#0b4676;} .blue-bg-buton a:hover{background:#4e95d0; -webkit-overflow-scrolling: touch;} .weight-loss-section{background:#26669b; padding:60px 0;} .weight-loss-section h2{text-align:center; color:#ffffff; margin-bottom:50px;} .waitloss-content-wraper{text-align:center; background:#ffffff; padding:30px 15px; position:relative; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .waitloss-content-wraper:hover{ transform:translateY(-10px); -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px);-ms-transform:translateY(-10px); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .wait-loss-img-area img{margin-bottom:27px;} .number-wrap{margin-bottom:30px; font-size:62px; line-height:62px; color:#2c699d; font-family: 'open_sanssemibold';} .number-wrap span, .symbol-text{display:inline-block; vertical-align:middle;} .waitloss-content-wraper h4{color:#444444; margin-bottom:5px;} .price-wrap {font-style:italic;font-size:14px; margin-bottom:15px;} .no-horomores{display:block; min-height:20px;} .empty-tag{position:absolute; width:100%; height:100%; left:0; top:0;} .common-pattern-bg{background:url(images/pattern-bg.png) repeat left top; } .satisfied-customer-section{padding:50px 0; text-align:center; } .customer-top-heading h4{color:#26669b; } .customer-top-heading p{font-size:20px; font-family: 'latolight'; color:#676767; } .after-before-wrapper{margin-bottom:40px; margin-top:15px;} .top-why-section{background:#26669b; padding:30px 0; text-align:center; color:#ffffff;} .blue-bg-section h2{margin-bottom:10px;} .blue-bg-section h2, .blue-bg-section h4{color:#ffffff;} .blue-bg-section h4{margin-bottom:0px;} .why-hcg-drops{position:relative; } .why-hcg-drops:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5);} .why-hcg-recipes{position:relative; } .why-hcg-recipes:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5);} .equal-height-section{display:table; width:100%; overflow:hidden; padding:50px 0; } .why-left-side{padding-right:0px;} .why-right-side{padding-left:0px;} .why-left-side, .why-right-side{display:table-cell; float:none; vertical-align: middle;} .why-image-section{padding:0 30px 0px; text-align:center;} .why-content-area{padding:0 4%;} .why-content-area h4{color:#26669b;} .why-content-area h2{color:#444444;} .callus{font-size:27px; font-family: 'latobold'; color:#444444; margin-bottom:30px;} .callus strong{font-weight:normal; color:#7ca82c;} .get-stared-text{margin:30px 0; font-family: 'latolight_italic'; font-size:20px; } .get-stared-text a{color:#7ca82c; text-decoration:none;} .get-stared-text a:hover{color:#4a7104; -webkit-overflow-scrolling: touch; } .payment-option-part{text-align:center;} .ftr-offer-section{background:#ecebe9; padding:40px 0; text-align:center;} .cta-text-area, .ftr-offer-section .common-button{display:inline-block; margin:0 15px; vertical-align:middle;} .cta-text-area h2{margin-bottom:0px;} .ftr-offer-section .common-button a{font-size:20px; line-height:24px;} .ftr-navigation{background:#252525; padding:50px 0; } .ftr-navigation h4{color:#777777; font-family: 'latoregular'; font-size:20px; letter-spacing:2px; margin-bottom:20px; text-transform:uppercase;} .ftr-navigation ul{margin:0; padding:0; list-style:none;} .ftr-navigation ul li{margin-bottom:10px; line-height:40px; font-size:20px; color:#cccccc; } .ftr-navigation ul li a{color:inherit; text-decoration:none; } .ftr-navigation ul li a:hover{color:#7ca82c; -webkit-overflow-scrolling: touch;} .ftr-navigation p{color:#cccccc;} .ftr-navigation p:last-child{margin-bottom:0px;} .ftr-bootm-section{background:#1c1c1c; padding:30px 0;} .copyright-social-section{margin-bottom:15px;} .copyright-social-section ul{margin:0; padding:0; list-style:none;} .copyright-social-section ul li{display:inline-block; margin-left:15px; } .copyright-social-section ul li a{color:#676767; text-decoration:none; font-size:20px;} .copyright-social-section ul li a:hover{color:#7da92c; -webkit-overflow-scrolling: touch;} .ftr-bootm-section .col-sm-5{text-align:right;} .disclaimer-text p{font-size:12px; line-height:18px;} .disclaimer-text p:last-child{margin-bottom:0px;} .disclaimer-text p strong{font-weight:normal; text-transform:uppercase; font-family: 'latoregular';} .show-hide-search-box{position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff; z-index:999;} .show-hide-search-box .container{transform:translate(-50%,-50%); max-width:1240px; position:absolute; left:50%; top:50%;} .show-hide-search-box input{padding:15px; background:#ffffff; border:none; font-size:24px; font-family: 'open_sansbold'; width:100%; font-size:40px; color:#333333;} .close-search{position:absolute; right:0px; top:22px; font-size:24px; cursor:pointer; color:#999999;} .close-search:hover{color:#000000; -webkit-overflow-scrolling: touch;} .show-hide-search-box{opacity:0; visibility:hidden; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .open-search-box{opacity:1; visibility:visible; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} /*-------------------------------*/ /* Wrappers */ /*-------------------------------*/ .navbar-fixed-top, .navbar-fixed-bottom{left:inherit;right:0;} #wrapper { overflow:hidden!important; padding-right: 0;transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} #wrapper.toggled { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; padding-right: 300px;} #wrapper.toggled #sidebar-wrapper { width: 300px;} #wrapper.toggled #page-content-wrapper { margin-left: -300px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; position: absolute;} #sidebar-wrapper { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #7ca82c; height: 100%; right: 300px; margin-right: -300px; overflow-x: hidden; overflow-y: auto; transition: all 0.5s ease; width: 0; z-index: 1000;} #sidebar-wrapper::-webkit-scrollbar { display: none;} #page-content-wrapper { padding-top: 0px; width: 100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} #wrapper.toggled .logo-section a{transform:translateX(300px); -moz-transform:translateX(300px); -webkit-transform:translateX(300px); -ms-transform:translateX(300px); position:fixed;} /*-------------------------------*/ /* Sidebar nav styles */ /*-------------------------------*/ .sidebar-nav { list-style: none; margin: 0; padding: 0; position: absolute; top: 50px; width: 300px; padding:15px 30px;} .sidebar-nav ul{padding-left:20px; margin-top:15px;} .sidebar-nav li { display: inline-block; line-height: 20px; position: relative; width: 100%; margin-bottom:15px;} .sidebar-nav li a { color: #ffffff; display: block; padding: 10px 0px 10px 0px; text-decoration: none; font-size:18px;} .sidebar-nav li.open:hover before { -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%; -webkit-overflow-scrolling: touch;} .sidebar-nav .dropdown-menu { background-color: #222222; border-radius: 0; border: none; box-shadow: none; margin: 0; padding: 0; position: relative; width: 100%;} .sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus { background-color: transparent; color: #d5fd8b; text-decoration: none; -webkit-overflow-scrolling: touch;} .sidebar-nav > .sidebar-brand { font-size: 20px; height: 65px; line-height: 44px;} .sidebar-nav li.active a{color: #d5fd8b; } .sidebar-nav .sub-menu li a{color:#ffffff;} .sidebar-nav .sub-menu li:hover a, .sidebar-nav .sub-menu li.active a{color: #d5fd8b; -webkit-overflow-scrolling: touch;} /*-------------------------------*/ /* Hamburger-Cross */ /*-----------------------------*/ .hamburger { background: transparent; border: none; display: block; height: 27px; margin-left: 0px; position: absolute; right:0px; top: -7px; width: 25px; z-index: 999; } .hamburger:hover { outline: none;} .hamburger:focus { outline: none;} .hamburger:active { outline: none;} .hamburger.is-closed:before { -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 27px; opacity: 0; text-align: center; width: 100px;} .hamburger.is-closed:hover before { -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1; -webkit-overflow-scrolling: touch;} .hamburger.is-closed:hover .hamb-top { -webkit-transition: all 0.35s ease-in-out; background:#7ca82c; -webkit-overflow-scrolling: touch;} .hamburger.is-closed:hover .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; background:#7ca82c; -webkit-overflow-scrolling: touch;} .hamburger.is-closed .hamb-top { -webkit-transition: all 0.35s ease-in-out; background-color: rgba(0,0,0,0.4); top: 5px; } .hamburger.is-closed .hamb-middle { background-color: rgba(0,0,0,0.4); margin-top: -1px; top: 50%;} .hamburger.is-closed:hover .hamb-middle { -webkit-transition: all 0.35s ease-in-out; background:#7ca82c; -webkit-overflow-scrolling: touch;} .hamburger.is-closed .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; background-color: rgba(0,0,0,0.4); bottom: 5px;} .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { height: 2px; left: 0; position: absolute; width: 100%;} .hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background:#7ca82c; margin-top: -2px; top: 50%;} .hamburger.is-open .hamb-middle { background-color: #fff; display: none;} .hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background:#7ca82c; margin-top: -2px; top: 50%;} .hamburger.is-open:before { -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; } .hamburger.is-open:hover before { -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1; -webkit-overflow-scrolling: touch; } /*-------------------------------*/ /* Dark Overlay */ /*-------------------------------*/ .overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 1;} #sidebar-wrapper .hamburger{position:absolute; right:15px; top:15px;} #sidebar-wrapper .hamburger.is-open .hamb-top{background-color:#ffffff;} #sidebar-wrapper .hamburger.is-open .hamb-bottom{background-color:#ffffff;} .sticky nav li a{padding-top:5px; padding-bottom:17px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .sticky .logo-section img{margin:10px 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} nav .search-mobile-menu{margin-top:38px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} nav .search-mobile-menu li a, .sticky nav nav .search-mobile-menu li a{display:inline-block; padding:0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .sticky nav .search-mobile-menu{margin-top:2px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .mobile-cart{display:none;} .after-before-wrapper .col-sm-4:nth-child(2){margin-top:20px;} nav .search-mobile-menu li a{font-size:18px; color:rgba(0,0,0,0.4);} #back-to-top { position: fixed; bottom: -100px; right: 17px; z-index: 9999; width: 30px; height: 30px; text-align: center; line-height: 28px; background: rgba(0,0,0,0.25); color: #ffffff; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; font-size:13px;transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } #back-to-top:hover { background: #7ca82c; -webkit-overflow-scrolling: touch;} #back-to-top.show { opacity: 1; bottom:17px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .no-padding{padding:0 !important;} /* sub page */ .equal-image-content, .equal-image-part{display:table-cell; height:100%; vertical-align:middle; float:none;} .equal-image-content{padding-left:0px;} .equal-image-part{padding:0; } .equal-top-left-content{padding:0 10%; max-width:86%; width:auto; margin:0 auto; position:relative;} .equal-top-left-content h1{text-transform:uppercase;} .equal-top-left-content h4{color:#26669b;} .about-image-wrap{ overflow:hidden; height:850px; text-align:center;} .affiliate-top-image-area{text-align:center;} .affiliate-top-img{height:650px; } .height-auto-image{height:auto;} .about-image-wrap img{object-fit:cover; height:100%; width:100%; object-position:left center; } .no-cover-size-img img{width:auto;} .affiliate-top-img img{object-position:center center; height:100%; width:100%; object-fit:cover;} .equal-top-left-content ul, .equal-top-left-content ol{margin:0; padding-left:20px;} .equal-top-left-content ul li, .equal-top-left-content ol li{margin-bottom:15px; font-size:20px; line-height:36px;} .about-content-area{padding:60px 0;} .about-content-area h2{font-family: 'latobold';} .about-content-area p strong, .about-content-area p b{font-weight:normal; font-family: 'latobold';} .blue-background{background:#26669b;} .benefit-hcg-section{padding:60px 0;} .benefit-hcg-section h2{color:#ffffff; font-family: 'latobold';} .benefit-hcg-section .col-sm-3{text-align:center; margin-top:30px;} .benefit-icon{margin-bottom:20px;} .benefit-title h4{color:#ffffff; margin-bottom:0px;} .benefit-title h4 b, .benefit-title h4 strong{ display:block; font-weight:normal;} .start-today-section{padding:80px 0; text-align:center;} .start-today-section h2{font-family: 'latobold'; margin-bottom:40px;} .start-today-content h2 a{color:#7ca82c; text-decoration:none;} .start-today-content h2 a:hover{color:inherit;} .start-today-section .payment-option-part{margin-top:40px;} .transparent-pattern{position:relative;} .transparent-pattern:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5);} .credit-card-area{margin-top:30px;} .content-area ul, .content-area ol{margin-bottom:30px;} .content-area ul li, .content-area ol li{margin-bottom:15px; font-size:20px; } .padding-up-down{padding:60px 0;} .stall-hcg-section{padding:80px 0;} .stall-content{margin-top:15px; text-align:center; color:#ffffff;} .stall-content h2, .stall-content p{color:#ffffff;} strong, b{font-weight:normal; font-family: 'latobold';} .question-section{padding:80px 0; text-align:center;} .question-section h2{font-family: 'latobold'; color:#ffffff; margin-bottom:40px;} .question-section h2 a{color:#7ca82c; text-decoration:none;} .supproting-product-img{position:relative; overflow:hidden;} .supporting-products-section{background:#f8f8f8; } .supporting-products-section h2{text-align:center;} .supporting-product-detail{margin-top:20px;} .supporting-product-detail h3{font-size:22px;} .old-price, .new-price{display:inline-block; } .old-price{color:#999999; font-size:14px; margin-right:12px;} .new-price{font-size:18px; color:#7ca82c; font-family: 'latobold'; } .sale-tag{position:absolute; right:0; top:0; width:60px; height:60px; text-align:center; line-height:60px; background:#f6653c; border-radius:100%; color:#ffffff;} .addcart-btn{position:absolute; top:100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .addcart-btn a{display:inline-block; width:40px; height:40px; text-align:center; line-height:36px; background:#333333; text-decoration:none;} .addcart-btn a:hover{background:#7ca82c; -webkit-overflow-scrolling: touch;} .supproting-product-img:hover .addcart-btn{transform:translateY(-40px); -moz-transform:translateY(-40px); -webkit-transform:translateY(-40px); -ms-transform:translateY(-40px); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .supporting-products-section .col-sm-3{margin-top:30px; } .monthly-newsletter-section{background:url(images/monthly-newletter-bg.jpg) no-repeat center top; background-size:cover;} .monthly-newsletter-content{padding:100px; background:rgba(255,255,255,0.8);} .monthly-newsletter-content h2{font-size:64px; text-transform:uppercase;} .mntly-neltr-form-wrap{margin-bottom:30px;} .mntly-neltr-form-wrap:last-child{margin-bottom:0px;} .monthly-newsletter-content label{display:block; font-weight:normal; font-size:20px; margin-bottom:8px;} .monthly-newsletter-content input[type="text"], .monthly-newsletter-content input[type="email"]{background:#efefef; box-shadow:0 1px 2px rgba(0, 0, 0, 0.09) inset; border:none; font-size:14px; padding:12px 15px; width:100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .monthly-newsletter-content input[type="text"]:focus, .monthly-newsletter-content input[type="email"]:focus{outline:none; background:#ebebeb; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .monthly-newsletter-content input[type="submit"]{border:none; background:#333333; padding:7px 15px; font-size:14px; border-radius:2px; color:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .monthly-newsletter-content input[type="submit"]:hover, .monthly-newsletter-content input[type="submit"]:focus{background:#7ca82c; outline: none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .equal-transparent-pattern{position:relative;} .equal-transparent-pattern:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7);} .accordion { background-color:#f4f4f4; color: #888888; cursor: pointer; margin: 0 0 1px 0; padding: 15px 15px 15px 50px; position:relative; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .accordion h3{margin-bottom:0px; color: #888888; font-size:24px; line-height:30px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .accordion.active{background:#7ca82c; color:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .accordion.active h3{color:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .accr-content-box .panel{ max-height: 0; overflow: hidden; box-shadow:none; margin-top:-2px; border-radius:0; border:1px solid rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .accr-body{padding:15px 15px 0; background:none; overflow:hidden; } .accr-plusminus-icon { font-family: 'latosemibold'; color:#ffffff; font-size:16px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .accordion_head.active .accr-plusminus-icon{background:#ffffff; color:#7ca82c; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .accordion:after { content: '\f067'; color:#ffffff; position:absolute; left:15px; top:20px; width:20px; height:20px; background:#666666; border-radius:100%; text-align:center; line-height:20px; font-size:11px; font-family:fontawesome; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .accordion.active:after { content: "\f068"; background:#ffffff; color:#7ca82c; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .content-area h1{text-transform:uppercase;} /* contact page */ .contact-top-section{padding:40px 0; background:#f8f8f8;} .contact-content{padding:60px 40px 40px;} .contact-content h1{text-transform:uppercase;} .contact-address-info p{margin-bottom:10px;} .contact-form-area{background:#ffffff; padding:60px; box-shadow:0 1px 2px rgba(0,0,0,0.2); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .contact-form-area:hover{transform:translateY(-10px); -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); box-shadow:0 2px 3px rgba(0,0,0,0.3); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .contact-form-area:hover{} .contact-form-wrap{margin-bottom:30px;} .contact-form-wrap:last-child{margin-bottom:0px;} .contact-form-area label{display:block; font-weight:normal; font-size:20px; margin-bottom:8px;} .contact-form-area input[type="text"], .contact-form-area input[type="email"]{background:#efefef; box-shadow:0 1px 2px rgba(0, 0, 0, 0.09) inset; border:none; font-size:14px; padding:12px 15px; width:100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .contact-form-area input[type="text"]:focus, .contact-form-area input[type="email"]:focus{outline:none; background:#ebebeb; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .contact-form-area textarea{background:#efefef; box-shadow:0 1px 2px rgba(0, 0, 0, 0.09) inset; border:none; font-size:14px; padding:12px 15px; width:100%; height:240px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .contact-form-area textarea:focus{outline:none; background:#ebebeb; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .contact-form-area input[type="submit"]{border:none; background:#333333; padding:7px 15px; font-size:14px; border-radius:2px; color:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .contact-form-area input[type="submit"]:hover, .contact-form-area input[type="submit"]:focus{background:#7ca82c; outline: none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .contact-map-wrapper{height:450px;} .contact-map-wrapper iframe{width:100%; height:100%; border:none;} /* blog */ .blogpage-container{padding:50px 28px; background:#f8f8f8;} .blog-post-box { display: block; float: left; width: 19.9%; padding:0 15px; margin-bottom:30px; -webkit-transition: left .4s ease-in-out, top .4s ease-in-out .4s; -moz-transition: left .4s ease-in-out, top .4s ease-in-out .4s;-ms-transition: left .4s ease-in-out, top .4s ease-in-out .4s; -o-transition: left .4s ease-in-out, top .4s ease-in-out .4s; transition: left .4s ease-in-out, top .4s ease-in-out .4s; } .blog-content-part{padding:15px; background:#ffffff; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,0.15); position:relative;} .blog-content-part:before{content:""; width:100%; height:1px; background:#eaeaea; position:absolute; bottom:2px; left:0;} .entry-cover{margin-bottom:30px;text-align:center;} .entry-header h2{font-size:20px;color:#7ca82c;} .entry-header h2 a{color:inherit; text-decoration:none;} .entry-header h2 a:hover{color:#26669b; -webkit-overflow-scrolling: touch;} .entry-meta{font-size:11px; overflow:hidden; margin-bottom:20px;} .entry-meta a{color:#888888;} .entry-meta a:hover{color:#7ca82c; -webkit-overflow-scrolling: touch;} .entry-meta ul{margin:0; padding:0; list-style:none; vertical-align:top;} .entry-meta ul li{float:left; margin-right:2px;} .common-meta-div{ vertical-align:top; margin:0px 0;} .common-meta-div:after{content:""; width:1px; height:12px; background:#888888; margin:0 3px; display:inline-block; vertical-align:middle;} .common-meta-div:last-child:after{content:none;} .meta-author{ float:left;} .meta-tag{display:inline; } .meta-comment{display:inline;} .readmore-btn a{background:#333333; padding:6px 10px; font-size:11px; border-radius:2px; color:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; display:inline-block;} .readmore-btn a:hover{background:#7ca82c; -webkit-overflow-scrolling: touch;} .entry-footer{margin-top:20px; padding-top:20px; padding-bottom:10px; border-top:1px solid #dddddd; overflow:hidden; font-size:12px;} .meta-date{float:left;} .meta-fav{float:right} .entry-footer a{color:#888888; text-decoration:none;} .entry-footer a:hover{color:#7ca82c; -webkit-overflow-scrolling: touch;} .entry-footer .fa{font-size:16px; vertical-align:middle; margin-right:3px;} .loading-icon{margin-top:20px; text-align:center; display:none;} .loading-icon img{width:30px;} /* blog detail */ .blog-detail-heding-section{border-bottom:1px solid #dddddd; padding-bottom:35px; margin-bottom:35px;} .blog-detail-heding-section h1{text-transform:uppercase;} .meta-data-bottom{} .meta-data-bottom .common-meta-div::after{margin:0 10px; background:#DDDDDD; height:16px;} .meta-data-bottom .common-meta-div{float:left; } .mata-info-right{text-align:right; margin-top:25%; position:relative; overflow:hidden;} .mata-info-right ul{margin:0; padding:0; list-style:none; } .mata-info-right ul li{display:inline-block; font-size:20px; color:#888888; margin-left:10px;} .mata-info-right ul li a{color:inherit; text-decoration:none; display:inline-block; padding:6px 15px;border:2px solid rgba(0,0,0,0.1); border-radius:30px; } .mata-info-right ul li a:hover{border-color:#7ca82c; color:#7ca82c; -webkit-overflow-scrolling: touch;} .mata-info-right ul li .fa{margin-right:5px;} .mata-info-right ul li .share-content{position:absolute; width:100%; height:100%; background:#f8f8f8; padding:10px; text-align:right; top:0px; right:-100%; opacity:0; visibility:hidden; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .mata-info-right ul li:hover .share-content{opacity:1; visibility:visible; right:0px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch; } .mata-info-right ul li .share-content a{border:none; padding:0; margin-left:20px;} .mata-info-right ul li .share-content .fa{margin:0;} .download-btn{margin:20px 0;} .download-btn a{display:block; padding:15px; text-align:center; font-size:54px; color:#7ca82c; background:#26669b; text-decoration:none;} .download-btn a:hover{background:#7ca82c; color:#ffffff; -webkit-overflow-scrolling: touch;} .blog-information-section ul{list-style:none; margin:0 0 20px; padding:0;} .blog-information-section ul li{margin-bottom:10px; font-size:20px;} .blog-information-section ul li a{font-family: 'latobold';} .blog-detail-content{overflow:hidden;} .about-author-info-wrapper{margin-top:30px; border-bottom:1px solid #dddddd; padding-bottom:50px; margin-bottom:50px; overflow:hidden;} .author-avatar{float:left; width:80px; margin-right:30px; } .author-bio{overflow:hidden; display:none; } .userphoto {float:left; margin-right:30px; vertical-align:top;} .userphoto img {width:60px;} .comment-content{padding:25px; background:#ffffff; box-shadow:0 1px 2px rgba(0, 0, 0, 0.17); overflow:hidden; margin-top:30px;} .commentpost h4{border-bottom:1px solid #f0f0f0; padding-bottom:15px; margin-bottom:15px; color:#be1e2d; } .commentdetail {overflow:hidden; position:relative} .commentdetail h5 {font-family: 'latobold'; font-size:20px; margin-bottom:0px;} .commentdetail p{margin-bottom:0px; margin-top:20px;} .comment-date{font-size:13px; color:#888888; display:block; margin-top:5px; } .comment-date a{color:inherit; text-decoration:none; font-family: 'latoregular' !important ;} .comment-date a:hover{color:#7ca82c; -webkit-overflow-scrolling: touch;} .reply{position:absolute; right:0px; top:00px;} .reply a{font-size:12px; display:inline-block; padding:6px 12px; background:#333333; color:#ffffff; text-decoration:none; font-family: 'latoregular' !important ; line-height:14px; border-radius:2px;} .reply a:hover{background:#7ca82c; -webkit-overflow-scrolling: touch;} .commentpost {margin-bottom:20px;} .commentpost ul {margin:0px; padding:0px;} .commentpost li {list-style-type:none; overflow:hidden; border-left:0px solid #D6D2D3; margin-bottom:20px !important; padding-left:0px; background:none; clear:both;} .blog-comment-section{overflow:hidden;} .blog-comment-section ul ul{} .blog-comment-section ul ul li {padding-left:50px; border-left:1px solid #dddddd; margin-bottom:30px; position:relative;} .blog-comment-section ul ul li:before{content:""; width:15px; height:1px; background:#dddddd; position:absolute; left:0; top:20px;} .commentpost ul li ul li .commentdetail {width:82%;} .leave-reply-section{margin-top:30px; } .leave-reply-form{max-width:500px; } .leave-msg-form-row{margin-bottom:30px;} .leave-msg-form-row:last-child{margin-bottom:0px;} .leave-reply-form label{display:block; font-weight:normal; font-size:20px; margin-bottom:8px;} .leave-reply-form input[type="text"], .leave-reply-form input[type="email"]{background:#efefef; box-shadow:0 1px 2px rgba(0, 0, 0, 0.09) inset; border:none; font-size:14px; padding:12px 15px; width:100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .leave-reply-form input[type="text"]:focus, .leave-reply-form input[type="email"]:focus{outline:none; background:#ebebeb; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .leave-reply-form textarea{background:#efefef; box-shadow:0 1px 2px rgba(0, 0, 0, 0.09) inset; border:none; font-size:14px; padding:12px 15px; width:100%; height:240px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .leave-reply-form textarea:focus{outline:none; background:#ebebeb; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .leave-reply-form input[type="submit"]{border:none; background:#333333; padding:7px 15px; font-size:14px; border-radius:2px; color:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .leave-reply-form input[type="submit"]:hover, .leave-reply-form input[type="submit"]:focus{background:#7ca82c; outline: none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .next-blog-post-section{position:relative;} .next-blog-post-section:before{content:""; background:#282b30; opacity:0.3; width:100%; height:100%; position:absolute; left:0; top:0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .next-blog-img{height:240px; overflow:hidden;} .next-blog-img a{} .next-blog-img img{ object-fit:cover; width:100%; height:100%; object-position:center center; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .next-blog-info{position:absolute; left:50%; top:50%; width:100%; max-width:1140px; z-index:1; text-align:center; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); } .next-blog-info h5{color:#ffffff; margin-bottom:10px;} .next-blog-info h3{color:#ffffff; margin-bottom:0px;} .next-blog-info h5 a, .next-blog-info h3 a{color:inherit; text-decoration:none;} .next-blog-post-section:hover:before {/*opacity:0;*/ transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .next-blog-post-section:hover .next-blog-img img{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch; } /* portfolio */ .portfolio-filter-section{ overflow:hidden;} .selected-portfolio-category{float:left; max-width:400px;} .selected-portfolio-category span{font-size:20px; color:#888888;} .portfolio-filter-nav{float:right; font-size:13px;} .portfolio-filter-nav ul{display:inline-block; margin:0; padding:0; list-style:none; } .portfolio-filter-nav ul li{display:inline-block; margin-left:30px; color:#888888; font-size:13px;} .portfolio-filter-nav ul li a{color:inherit; text-decoration:none;} .portfolio-filter-nav ul li:hover a{color:#000000; -webkit-overflow-scrolling: touch;} .portfolio-filter-nav ul li a.active{color:#7ca82c;} .portfolio-image-box{width:24%; padding:0px; float:left; margin-top:30px; margin-right:1%;} .portfolio-image-content{position:relative; border:1px solid #ccc;} .portfolio-image-box .show-hide-protfolio-title{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(124,168,44,0.8); opacity:0; visibility:hidden; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .show-hide-protfolio-title h3{max-width:80%; color:#ffffff; position:absolute; width:100%; text-align:center; top:40%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -msa-transform:translate(-50%,-50%); opacity:0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .portfolio-image-box:hover .show-hide-protfolio-title{opacity:1; visibility:visible; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .portfolio-image-box:hover .show-hide-protfolio-title h3{top:50%; opacity:1; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .portfolio-filter-content{margin:0 -15px;} .isotope-item { z-index: 2;} .isotope-hidden.isotope-item { /*pointer-events: none;*/ z-index: 1;} .isotope,.isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s;} .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity;} .story-detail-top-heading{padding:30px 0; text-align:center; background:#f8f8f8;} .story-detail-top-heading h1{text-transform:uppercase; margin-bottom:0px; } .about-client-information-section{color:#ffffff; } .about-client-information-section h1{text-transform:uppercase;color:#ffffff;} .about-client-information-section p:last-child{margin-bottom:0px;} .client-social-media{margin-top:50px;} .client-social-media ul{margin:0; padding:0; list-style:none;} .client-social-media ul li{float:left; width:16.6%; padding:0 1%; text-align:center; font-size:26px; color:#dddddd; border-right:1px solid rgba(255,255,255,0.1);} .client-social-media ul li:last-child{padding:0; border-right:none;} .client-social-media ul li a{display:block; text-decoration:none; color:inherit; padding-top:10px; padding-bottom:10px;} .client-social-media ul li:hover{color:#7ca82c; -webkit-overflow-scrolling: touch;} .grey-background{background:#e5e5e5;} .client-what-do-section{text-align:center;} .client-what-do-text{margin-bottom:20px; line-height:44px; font-size:40px; padding:0 50px;} .light-grey-bg{background:#f8f8f8;} .stories-info-content-wrap h4{font-size:28px;} .stories-info-content-wrap {letter-spacing:-0.5px;} .supporting-products-section .col-sm-3{margin-top:30px; } .stories-leave-form{margin-top:50px;} .no-log-in{font-size:20px; } .stories-pagination-section{padding:50px 0; background:#f0f0f0; position:relative;} .all-btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); font-size:30px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .all-btn a{color:#888888;} .all-btn:hover{font-size:40px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch; } .all-btn a:hover{color:#7ca82c;} .prev-btn a, .next-btn a{font-size:20px; color:#888888; text-decoration:none; position:relative; vertical-align:middle; display:inline-block; } .prev-btn .fa, .next-btn .fa{font-size:30px; vertical-align:middle;} .prev-btn span, .next-btn span{margin:0 15px; display:inline-block; vertical-align:middle; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .prev-btn a:hover .fa, .next-btn a:hover .fa{color:#7ca82c;} .prev-btn a:before{width:20px; height:2px; content:""; background:#7ca82c; position:absolute; left:15px; top:50%; opacity:0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transform:translateY(50%); -moz-transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%); margin-top:-1px;} .next-btn a:before{width:20px; height:2px; content:""; background:#7ca82c; position:absolute; right:15px; top:49%; opacity:0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transform:translateY(50%); -moz-transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%); margin-top:-1px;} .prev-btn a:hover:before{left:4px; opacity:1; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch; top:16px;} .prev-btn a:hover span{margin-left:30px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .next-btn a:hover:before{right:4px; opacity:1; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch; } .next-btn a:hover span{margin-right:30px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .products{list-style:none; margin:0 -15px; padding:0;} .products li{display:inline-block; margin:15px 0; width:24.60%; padding:0 15px; vertical-align:top;} .products li:nth-child(5){clear:both;} .product-wrap-img{position:relative; overflow:hidden;} .product-wrap-detail{margin-top:20px;} .product-wrap-detail h3{font-size:21px;} .old-price, .new-price{display:inline-block; } .old-price{color:#999999; font-size:14px; margin-right:12px;} .new-price{font-size:18px; color:#7ca82c; font-family: 'latobold'; } .onsale{position:absolute; right:0; top:0; width:60px; height:60px; text-align:center; line-height:60px; background:#f6653c; border-radius:100%; color:#ffffff;} .addcart-btn{position:absolute; top:100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .addcart-btn a{display:inline-block; width:40px; height:40px; text-align:center; line-height:36px; background:#333333; text-decoration:none;} .addcart-btn a:hover{background:#7ca82c;} .product-wrap-img:hover .addcart-btn{transform:translateY(-40px); -moz-transform:translateY(-40px); -webkit-transform:translateY(-40px); -ms-transform:translateY(-40px); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} /* woocommerce product listing */ .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { margin-right:3px; font-size: 12px; color: rgba(145, 145, 145, 0.5); display: inline;} .woocommerce .price ins, .woocommerce ul.products li.product .price ins{text-decoration:none;} .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins { color:#7ca82c; font-size: 18px; line-height: 22px; font-family: 'open_sanssemibold';} /* shop page */ .product-deatil-top-wrappper{padding:50px 0; } .zoom {display:inline-block; position: relative; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .zoom img {display: block; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; cursor:move;} /*.zoom img::selection { background-color: #ff0000; }*/ .zoomImg{background:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .woocommerce .summary .price{color: #444444; font-size: 30px; line-height: 30px; letter-spacing: -1px; margin-top: 20px;} .product_title{text-transform:uppercase;} .woocommerce-product-details{line-height:40px;} .in-stock{color:#7ca82c;} .quantity {display:inline-block; margin-right:10px; vertical-align:top;} .qty { width: 50px; height: 35px; font-size:14px; text-align: center; vertical-align:top;} input.plus { width:35px; height:35px; background:#f0f0f0; text-align:center; padding:0;} input.minus { width:35px; height:35px; background:#f0f0f0; text-align:center; padding:0;} form.cart{margin-bottom:50px;} .single_add_to_cart_button{display:inline-block; vertical-align:top; background:#333333; padding:7px 15px; border:none; font-size:13px; border-radius:2px; color:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .single_add_to_cart_button:hover{background:#7ca82c; outline: none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .product-share{ margin-top:20px; position:relative; overflow:hidden; display:inline-block; width:240px;} .product-share ul{margin:0; padding:0; list-style:none; } .product-share ul li{display:inline-block; font-size:20px; color:#888888; margin-left:10px;} .product-share ul li a{color:inherit; text-decoration:none; display:inline-block; padding:6px 15px;border:2px solid rgba(0,0,0,0.1); border-radius:30px; } .product-share ul li a:hover{border-color:#7ca82c; color:#7ca82c;} .product-share ul li .fa{margin-right:5px;} .product-share ul li .share-desc{position:absolute; width:100%; height:100%; background:#f8f8f8; padding:10px; text-align:right; top:0px; left:-100%; opacity:0; visibility:hidden; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .product-share ul li:hover .share-desc{opacity:1; visibility:visible; left:0px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;-webkit-overflow-scrolling: touch; } .product-share ul li .share-desc a{border:none; padding:0; margin-right:20px;} .product-share ul li .share-desc .fa{margin:0;} .share-count{margin:0 3px;} /* tabs */ .product-tabs{background:#f8f8f8; overflow:hidden;} .woocommerce-Tabs-panel{margin-bottom:0px; border:none; box-shadow:none; border-radius:0; background:none; } .woocommerce-tabs{border-top:1px solid #dddddd; } .woocommerce-tabs ul.tabs{margin:0; padding:0; list-style:none;} .woocommerce-tabs ul.tabs li{float:left;} .woocommerce-tabs ul.tabs li a{padding:20px; color:#5e5e5e; border-top:5px solid transparent; display:inline-block; font-family: 'open_sansregular';} .woocommerce-tabs ul.tabs li.active a{border-color:#7ca82c;} .full-width-section{padding:50px 0;} a.start-btn{border:2px solid #ffffff; display:inline-block; padding:12px 25px; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:13px; border-radius:2px;} a.start-btn:hover{background:#7ca82c; border-color:#7ca82c;} .full-width-section-content{color:#ffffff;} .full-width-section-content p{font-size:40px;} .full-width-section-content h4{color:#ffffff; margin-bottom:20px;} .product-desc-content{padding:30px 15px 0;} .product-desc-content h2{font-family: 'latobold';} .sidepanel-info-box-content{padding:30px 15px;} .sidepanel-info-box h3{font-family: 'latobold'; border-bottom:1px solid #dddddd; padding-bottom:10px;} .relative-postiton{position:relative;} .scroll-down-section{text-align:center; position:relative; top:-60px; width:100%; text-align:center;} .sidepanel-info-box ul li{margin-bottom:15px;} .sidepanel-info-box ul li:last-child{margin-bottom:0px;} .what-in-kit-section{margin-top:30px;} .what-in-kit-section .col-sm-3{margin-top:30px; text-align:center;} .what-in-kit-section h4{ font-size:28px} .what-in-kit-section h3{margin-bottom:0px; font-size:20px;} .kit-image{margin-bottom:15px;} .start-today-btn{margin-top:50px; text-align:center;} .start-today-btn a.start-btn{border:2px solid #333333; display:inline-block; padding:12px 25px; color:#333333; text-decoration:none; text-transform:uppercase; font-size:13px; border-radius:2px;} .start-today-btn a.start-btn:hover{background:#7ca82c; border-color:#7ca82c; color:#ffffff;} .woocommerce table.shop_attributes tr:nth-child(2n+1){background:#fcfcfc;} .woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes{background:#ffffff; border:1px solid #ececec; margin-bottom:20px; width:100%;} .woocommerce table.shop_attributes th{width:150px; padding:10px; font-weight:normal; border-bottom:1px solid #ececec;} .woocommerce table.shop_attributes td{font-size:13px; border-left:1px solid #ececec; border-bottom:1px solid #ececec; padding:10px;} .related{padding:40px 0; margin:0;} .woocommerce-Reviews{margin:0 -15px;} .woocommerce-Reviews #comments{width:50%; padding:0 15px; float:left;} .woocommerce-Reviews #review_form_wrapper{width:50%; padding:0 15px; float:left;} #reviews #comments ol.commentlist{padding:0; margin:0; list-style:none;} .woocommerce #reviews #comments ol.commentlist li img.avatar{ float:left; margin-right:15px;} .avatar-60 img{width:60px;} .comment-text{overflow:hidden; } .comment-text p.meta{font-size:14px; line-height:20px; margin-bottom:5px;} .comment-text p.meta time{font-size:12px;} .woocommerce-Reviews .description p{font-size:14px; line-height:20px;} .woocommerce-Reviews .star-rating{font-size:14px; margin-bottom:10px;} .comment-form p{line-height:20px;} .comment-form label{display:block; font-weight:normal; font-size:20px; margin-bottom:8px;} .comment-form input[type="text"], .comment-form input[type="email"]{background:#efefef; box-shadow:0 1px 2px rgba(0, 0, 0, 0.09) inset; border:none; font-size:14px; padding:12px 15px; width:100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .comment-form input[type="text"]:focus, .comment-form input[type="email"]:focus{outline:none; background:#ebebeb; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .comment-form textarea{background:#efefef; box-shadow:0 1px 2px rgba(0, 0, 0, 0.09) inset; border:none; font-size:14px; padding:12px 15px; width:100%; height:240px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .comment-form textarea:focus{outline:none; background:#ebebeb; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .comment-form input[type="submit"]{border:none; background:#333333; padding:7px 15px; font-size:14px; border-radius:2px; color:#ffffff; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;} .comment-form input[type="submit"]:hover, .comment-form input[type="submit"]:focus{background:#7ca82c; outline: none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-overflow-scrolling: touch;} .woocommerce #reviews #reply-title{margin-bottom:20px; line-height:40px;} /* common from field */ input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="submit"], input[type="password"], input[type="button"]{-moz-appearance:none; -webkit-appearance:none; border:none; box-shadow:none; border-radius:0px;} input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="submit"]:focus, input[type="password"], input[type="button"]:focus{outline:none;} textarea{-moz-appearance:none; -webkit-appearance:none; border:none; box-shadow:none; border-radius:0px;} textarea:focus{outline:none;} /*-------- image align -------*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .entry-attachment img, .widget-container img{height: auto; max-width: 100%;} img.alignleft, img.alignright, img.aligncenter{margin-bottom:15px;} .alignleft, img.alignleft{display: inline; float: left; margin-right:20px; margin-top: 4px;} .alignright, img.alignright{display: inline; float: right; margin-left: 20px; margin-top: 4px;} .aligncenter, img.aligncenter{clear: both; display: block; margin-left: auto; margin-right: auto;} .wp-caption { line-height: 18px; margin-bottom: 20px; max-width: 100%; text-align: center; background:#ffffff; padding:4px;} .wp-caption p.wp-caption-text{color: #777777; font-size: 16px; margin-top:10px; margin-bottom:10px;} /********************************Woocommerce CSS Override ***************************/ .woocommerce ul.products li.product .onsale {right:12px; top:12px;} .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {padding:0; margin:0 0 15px;} .product-wrap-detail > del {font-size:12px; color:rgba(145,145,145,0.5);} .product-wrap-detail > ins {color: #7ca82c;font-family: "open_sanssemibold";font-size: 18px;line-height: 22px;} .woocommerce ul.products li.product .price ins {font-weight:normal;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {background: #333333 none repeat scroll 0 0;display: inline-block;height: 40px;line-height: 36px;text-align: center;text-decoration: none;width: 40px; padding:0;} .product-wrap-img:hover .addcart-btn {transform:translateY(-60px);} .button.product_type_bundle.product_type_bundle_input_required.add_to_cart_button.add_to_cart_button > img {width:70%; margin:6px;} .supporting-products-section h2 {padding-bottom:10px;} .monthly-newsletter-content input[type="text"], .monthly-newsletter-content input[type="email"] {padding:4px 15px;} .menu-item-has-children a{background:url(images/down-arrow-grey.png) no-repeat right; padding-right:26px;} .menu-item-has-children:hover a {background:url(images/down-arrow.png) no-repeat right; padding-right:26px;} .sticky .nav-menu .menu-item-has-children a {background:url(images/sticky-down-arrow-grey.png) no-repeat right;} .sticky .nav-menu .menu-item-has-children:hover a {background:url(images/sticky-down-arrow.png) no-repeat right;} .copyright-social-section ul li {margin-left:20px;} .sub-menu li a {background:none !important;} .lc, .unlc {float:right;} .mata-info-right ul li {display:block; float:left;} .lbg-style2 .lc {color:#888888;} .mata-info-right ul li a span {font-size:20px; padding-top:6px;} /*rc*/ .client-social-media ul li .vote-active{color:#7ca82c;} .mata-info-right ul li .vote-active{color:#7ca82c;} /*rc*/ /*sart woocommerce*/ .woocommerce div.product p.price {color: #444444;font-size: 30px;line-height: 30px;letter-spacing: -1px;margin-top: 20px;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{display: inline-block; vertical-align: top;background: #333333;padding:9px 15px;border: none;font-size: 13px;border-radius: 2px;color: #ffffff;transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;font-weight:normal;-o-transition: all 0.3s ease-in-out 0s;width:auto;height:auto;line-height:15px;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{display: inline-block;vertical-align: top; background: #333333;padding:9px 15px;border: none;font-size: 13px;border-radius: 2px;color: #ffffff;transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;font-weight:normal;-o-transition: all 0.3s ease-in-out 0s;width:auto;height:auto;line-height:15px;} .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #7ca82c;color: #fff;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {background-color: #7ca82c;text-decoration: none;background-image: none;color: #fff;} .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{background:#000;} #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{font-size:14px;} .woocommerce-page table.cart td.actions .input-text{width:140px;} .woocommerce-page div.product div.images{width:41.66%;padding:0 15px;} .woocommerce-page div.product div.summary{width:58.33%;padding:0 15px;} .related{width:100%;overflow:hidden;} .input-text.qty.text{-webkit-appearance: textfield;} .woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:none;padding:0;margin-right:15px;} .woocommerce-tabs ul.tabs li a{padding:20px;font-weight:normal;border-top: 3px solid transparent;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {border-color: #9bcb4a;} .woocommerce div.product .woocommerce-tabs ul.tabs li::before {left: 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-bottom-right-radius: 0px;border-bottom-right-radius: 0px;border-width: 0 0px 0px 0;box-shadow: 0px 0px 0 #ebe9eb;} .woocommerce div.product .woocommerce-tabs ul.tabs li::after {right: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-bottom-left-radius: 0px;border-bottom-left-radius: 0px;border-width: 0 0 0px 0px;box-shadow: 0px 0px 0 #ebe9eb;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active {background: none;z-index: 2;border-bottom-color: none;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {box-shadow: 0px 0px 0 #fff;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {box-shadow: 0px 0px 0 #fff;} .woocommerce div.product form.cart .variations label {font-size: 18px;font-weight: normal;color:#000;} .a2a_count{border:none !important;width:20px !important;margin-right:1px;height:20px !important;line-height:20px !important;border-radius:100%;font-size:14px !important;background: #77a464 !important;color:#fff !important;} .mata-info-right ul li .share-content a span{padding:0;font-size:14px;} .product-share ul li .share-desc .fa{font-size:18px;} .a2a_count:after , .a2a_count:before {display:none !important} input.plus{margin-left:-21px;} input.minus{margin-right:-5px;} .product-share{width:100%;margin-bottom:40px;} .product-share ul li .share-desc{text-align:left;} .product-share ul li .share-desc a{margin-right:10px;} .product-share ul li{padding:0;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{border:1px solid #aaa;line-height:28px;padding:5px;} .select2-container--default .select2-selection--single{border-radius:0;padding:5px;height:auto;} .select2-container--default .select2-selection--single .select2-selection__arrow {height: auto;position: absolute; top: 50%;right: 1px;width: 20px;} .woocommerce form .form-row .input-checkbox{margin:0;position:static;} .woocommerce .product-wrap .addcart-btn a.button{width:40px;height:40px;padding:0;} .woocommerce-MyAccount-navigation {padding: 15px;background: #f7f7f7;} .woocommerce-account .woocommerce-MyAccount-navigation {float: left;width: 30%;} .woocommerce-MyAccount-navigation ul li a{padding:0 0 15px;font-size:18px;line-height:28px;color:#000;} .woocommerce-MyAccount-navigation ul{float:none;padding:0;} .woocommerce-MyAccount-navigation ul li {display:block; position: relative;padding: 0 0 15px 15px;} .woocommerce-MyAccount-navigation ul li:before { background: #7ca82c; width: 8px; height: 8px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; content: "/"; text-indent: -9999px; display: block; position: absolute; left: 0; top: 11px; } .woocommerce-info {border-top-color: #7ca82c;} .woocommerce-info::before {color: #7ca82c;} .woocommerce-Address header.sticky{position:static;box-shadow:none;height:auto;} .woocommerce-Address header{position:static;box-shadow:none;height:auto;} .woocommerce-account .addresses .title h3{ font-family: 'latosemibold';font-size:22px;text-transform:uppercase;} .woocommerce-account .addresses .title .edit{ font-family: 'latosemibold';} fieldset legend {font-family: 'latosemibold';font-weight: bold;border:none;padding-top:30px;text-transform:uppercase;} .woocommerce div.product form.cart table td { width: 100%; } .woocommerce div.product form.cart .variations select{margin-right:0;width:90%;} /*end woocommerce*/ .leave-reply-form input[type="url"]{ background: #efefef; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; border: none; font-size: 14px; padding: 12px 15px; width: 100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .woocommerce-billing-fields__field-wrapper .validate-state .input-text{ min-height:40px; } .variations select{ margin-right:5px !important; width:50% !important; min-width:54% !important; } .select2-container--default .select2-selection--single{ min-height:42px; } #loadingdiv{ text-align:center; margin:0 auto; max-width:200px; } .pagination{ width:100%; } .pagination ul.page-numbers{ float:right; padding-top:23px; } .pagination ul.page-numbers li{ display:inherit; float:left; margin:0 10px; } .pagination ul.page-numbers li a:hover{ background:#7ca82c; border:1px solid #7ca82c; } .pagination ul.page-numbers li a{ padding:7px 13px; font-size:18px; border:1px solid #27669b; background:#27669b; color:#fff; border-radius:5px; line-height:1.3; } .pagination ul.page-numbers li:last-child{ margin-right:0; } .pagination ul.page-numbers li .current{ background:#7ca82c; font-size:18px; border:1px solid #7ca82c; display:table; padding:7px 13px; border-radius:5px; color:#fff; line-height:1.3; } ul.pagination{ width:auto; } .pagination ul.page-numbers li .dots{ border:1px solid #27669b; background:#27669b; padding:5px 10px; border-radius:5px; display:table; color:#fff; } .pagination ul.page-numbers li .dots:hover{ background:#7ca82c; border:1px solid #7ca82c; } .masonary-content .blog-content-part img{ display:block; margin:0 auto; } .firstwhydiv p { line-height:25px; margin-top:20px;} .gc-comment {font-family: 'James Fajardo'; font-size:36px; line-height:28px; color:#2A689B;overflow:hidden; padding:0 15px 15px; min-height:90px; max-height:90px;} .gc-procuct-package {background:url(images/plan-bg.png); width:100px; height:66px; color:#fff;font-family: 'latosemibold'; text-align:center; position:absolute; top:-20px; right:-25px; line-height:18px; font-size:16px;} .gc-procuct-package span {display:block; padding-top:12px;} .home-price {color:#2C699D;font-family: 'latosemibold'; font-size:18px;} .home-price strong {color:#333; font-weight:normal;font-family:'latomedium'; font-size:16px;} .waitloss-content-wraper h4 {padding-bottom:10px;} .single-successstories .about-client-information-section h3 {color:#fff;font-family:'latosemibold';} .gc-success-con img {width:40%;margin-right:30px;} .woocommerce div.product div.images img {border:1px solid #ccc;} .woocommerce div.product div.images .flex-control-thumbs {margin:10px 0 0;} .woocommerce div.product div.images .flex-control-thumbs li {margin:0 10px 0 0;} .gc-product-first-sec {padding-bottom:0;} .gc-product-meta {display:block; margin-bottom:0px;font-family:'latosemibold';} .gc-product-meta span {font-family:'latolight';} .gc-product-meta a {font-family:'latolight';} .woocommerce div.product form.cart .variations label {font-family:'latosemibold'; font-size:20px; color:#676767; padding:5px 0 0;} .product_title {font-size:60px;} .woocommerce div.product .woocommerce-product-rating {margin-bottom:0px !important;} p.price {margin-bottom:15px;} span.price {margin-bottom:15px; display:block; margin-top:5px !important;} .woocommerce div.product form.cart .variations {margin-bottom:0px; margin-top:15px !important;} .woocommerce div.product form.cart .variations select {height:40px; line-height:40px; padding:0 20px;} .woocommerce div.product p.price{ color:#2C699D; } .woocommerce div.product span.price{ color:#2C699D; } .woocommerce ul.products li.product .price{ color:#2C699D; } .woocommerce-Price-amount.amount{ color:#2C699D; } .product_title{ font-size:40px; } .product-desc-content h2{ font-size:40px; } .portfolio-image-content .gc-comment{ height: 54px; overflow: hidden; min-height:inherit; max-height:inherit; margin-bottom:15px; display: block; } .gc-product-desc-content h1{ font-size:40px;font-family: 'latobold'; } .gc-product-desc-content h2{ font-size:26px; } .gc-product-desc-content h3{ font-size:18px; font-family: 'latobold'; } .gc-product-desc-content h4{ font-size:18px; } .gc-product-desc-content h5{ font-size:18px; } .gc-product-desc-content h6{ font-size:18px; } .gc-product-desc-content ul li{ margin-bottom:5px; font-sie:18px; } .gc-product-desc-content ul li a{ color:#2C699D; } .gc-product-desc-content p{ line-height:1.4; } .gc-product-desc-content{ margin-top:-60px; } .product-desc-content p{ line-height:1.4; } /*.product-deatil-top-wrappper .price { margin-bottom:15px; }*/ .product-deatil-top-wrappper .single_variation_wrap { margin-top:15px; } .product-deatil-top-wrappper h4{ color:#296a9f; } .woocommerce h2.woocommerce-loop-product__title{ text-align:center; } .woocommerce .star-rating{ text-align:center; margin:0 auto 10px!important; } .woocommerce span.price { text-align:center; } .actions input.button{ vertical-align:top !important; } .actions .input-text{ padding: 6px 6px 9px !important; } .woocommerce-MyAccount-content a.woocommerce-button{ margin:0 2px; } .payment_box p{ margin-bottom:0; } .payment_box .woocommerce-select{ border:1px solid #c7c1c6; } .payment_box .woocommerce-validated { /*display:block; width:100% !important;*/ } .payment_box .form-row-first{ margin-bottom:5px !important; } .woocommerce-error, .woocommerce-info, .woocommerce-message{font-size:22px;} .woocommerce .woocommerce-message .button{background-color:#7ca82c;font-size:16px;} .woocommerce .woocommerce-message .button:hover{background:#333333;} .woocommerce div.product span.price{overflow:hidden;} .woocommerce-variation .woocommerce-variation-price .woocommerce-Price-amount.amount { color: #2C699D; float: left; width: 100%; text-align: left; } /*rc*/ #gc-chat{cursor:pointer;} /*rc*/ /*---- add-css -----*/ .gc_shiping_img{display:table;width:55%;} .gc_shiping_img .payment-option-part{display:table-cell;vertical-align:middle;text-align:left;} .gc_shiping_img .home-free-shipping{display:table-cell;vertical-align:middle;text-align:right;} .pd0{padding:0;} .gc_background_gray .col-md-9{padding:20px 0;border-radius:5px;} #gc-chat{padding-top:20px;} .product-deatil-top-wrappper .price.gc_background_gray {margin-bottom:35px;} /* 12012018 ============*/ .banner_free_shipping{position:absolute; right:-150px; top:-20px;} .why-hcg-news{background:#26669b;} .why-hcg-news h2{text-align:center;margin-bottom:30px; } .why-hcg-news .col-sm-5{display:table-cell; float:none; vertical-align:top; background:#f0f0f0; padding:0; position:relative;} .why-hcg-news .col-sm-5 img{height:100%; width:100%; object-fit:cover; position:absolute;} .why-hcg-news .col-sm-5 a{width:100%; height:100%; display:block;} .why-hcg-news .col-sm-7{display:table-cell; float:none; vertical-align:top; background:#ffffff; padding-top:15px; padding-bottom:15px;} .why-hcg-news h5{font-size:21px; max-height:70px; margin-bottom:10px; overflow:hidden;} .newsdet{font-size:18px; max-height:80px; overflow:hidden;} .btnreadmore{margin-top:10px;} .btnreadmore a{background:#7ca82c; color:#ffffff; font-size:13px; line-height:18px; border-bottom:3px solid #5e8c0a; text-decoration:none; border-radius:5px; display:inline-block; padding:10px 15px; text-transform:uppercase; letter-spacing:2px;} .btnreadmore a:hover{background:#86ae3c;} .gc-news-btn{margin-top:30px; text-align:center; clear:both; display:inline-block; width:100%;} .home-video video{width:100%; display:block;} .home-video {} .home-video .row {margin-left:0px; margin-right:0px;} .home-video .col-sm-6 {padding-left:0px; padding-right:0px;} .home-video .equal-height-section {padding:0px 0;} /* chat support header */ .gc-support-mobile{display:none;} .gc-support{text-align:center; margin-top:15px;} .gc-support-con{font-size:16px; background:#f5f5f5; padding:15px; display:inline-block; text-align:left; border:1px solid #f0f0f0;} .gc-support-con h5{text-transform:uppercase; font-size:21px; font-family: 'latobold'; margin-bottom:5px; color:#2d6a9d;} .sticky .gc-support{ margin-top:0px;} .sticky .gc-support{margin-top:0px;} .sticky .gc-support-con{padding:10px 15px;} .success-stories-template-default .about-client-information-section h4 {color:#fff;} /*18-05-2018*/ .mixing-video video{width:100%; display:block;height:100%;} .mixing-video .gc-mixingmp4{width:50%;height:300px;margin:20px auto;padding:10px;border:1px solid #ddd;} .mixing-video .row {margin-left:0px; margin-right:0px;} .mixing-video .col-sm-6 {padding-left:0px; padding-right:0px;} .mixing-video .equal-height-section {padding:0px 0;} /*----------- -----------pop up */ .gc_images .bigimg1 { height:400px; overflow: hidden; position: relative; margin-bottom: 15px; width:auto; } .gc_images { padding-left: 7px; padding-right: 7px; } .gc_images img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .fancybox-overlay.fancybox-overlay-fixed{background-color: rgba(0,0,0,0.4);} .why-left-side iframe {width:100%; height:500px; float:left;} .woocommerce div.product div.images .woocommerce-product-gallery__trigger{ z-index: 1 !important; } .navigation-right-side .nav-menu{ float: left; padding-left: 0; } nav li a{ font-size: 22px; } nav li{ margin: 0 5px; } .mixing-video iframe{ width:100%; height:290px; border:none; } .gc_images .bigimg1{ height: 290px; background: #2e6aa0; } .gc_images .bigimg1 img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%); width:auto; height:auto; max-width: 50%; margin: 0 auto; text-align:center; display: block; } .mixing-video .row{ margin:0 -15px; } .mixing-video .col-sm-6{ padding:0 15px; } .gc_mixinghelp .mixing-video .col-sm-12 .col-sm-6{ margin-bottom:20px; width:100%;} .gc_mixinghelp .mixing-video iframe{ margin: 12px auto; width:80%; height:400px; display: block; } .gc_mixinghelp .bigimg1{ background:none; } .gc_mixinghelp .gc_images .bigimg1{height: 900px; } .gc_mixinghelp .gc_images .bigimg1 iframe{height: 900px; } .shop-categories-section .tab-content {padding-top:30px;} .shop-categories-section .nav > li > a {padding:6px 30px; border-radius:0;} .shop-categories-section .nav-tabs > li > a {padding:6px 30px; border-radius:0;} .shop-categories-section .nav-tabs > li.active > a, .shop-categories-section .nav-tabs > li.active > a:hover, .shop-categories-section .nav-tabs > li.active > a:focus {color: #fff; background-color: #26669b; border: 1px solid #26669b;} .gc_mixinghelp table {border: 1px solid #ccc; border-collapse: collapse; margin: 0 0px 20px 0px; padding: 0; width: 100%; table-layout: fixed; } .gc_mixinghelp table caption {font-size: 1.5em; margin: .5em 0 .75em;} .gc_mixinghelp table tr {background-color: #fff; border: 1px solid #ddd; padding: .35em;} .gc_mixinghelp table tr td{border-right: 1px solid #ddd;} .gc_mixinghelp table th, .gc_mixinghelp table td {padding: .625em; text-align: center;} .gc_mixinghelp table th {font-size: .85em; letter-spacing: .1em; text-transform: uppercase;} @media screen and (max-width: 767px) { .gc_mixinghelp table {border: 0;} .gc_mixinghelp table caption {font-size: 1.3em;} .gc_mixinghelp table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .gc_mixinghelp table tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em;} .gc_mixinghelp table td {border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: left;} .gc_mixinghelp table td::before {content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase;} .gc_mixinghelp table td:last-child {border-bottom: 0;} .gc_mixinghelp table tr td{border-right:none;} } .gc_mixinghelp h4 {color:#7ca82c; padding-bottom:10px; border-bottom:1px solid #7ca82c;} .product-deatil-top-wrappper .woocommerce-tabs ul.wc-tabs {margin-bottom:30px; overflow:hidden; margin-top:30px; border-bottom:1px solid #ccc; } .woocommerce-tabs ul.tabs li a {padding:10px 20px;} .woocommerce-tabs ul.tabs li.active a {background-color:#f1f1f1;} .wc-tabs-wrapper iframe{ margin: 12px auto; width: 80%; height: 400px; display: block; } /*01-11-2019 -- bh -- --------------------*/ .client-social-media{text-align: center;} .client-social-media ul li{float: none; display: inline-block; vertical-align: top; margin-right: -5px;} .watch-action .watch-position.align-left{float: none; display: inline-flex;} .affilates-form-wrapper .contact-form-area{ padding:15px; padding-bottom: 30px; } .affilates-form-wrapper .contact-form-area label{ font-size:16px; } .affilates-form-wrapper .contact-form-wrap{ margin-bottom: 15px; } .affilates-form-wrapper .contact-form-area:hover{ transform: none; } .affilates-form-wrapper .contact-form-area textarea{ height: 100px; } .affilates-form-wrapper .contact-form-area input{padding-left: 45px;} .affilates-form-wrapper .contact-form-area textarea{padding-left: 45px;} .affilates-form-wrapper .contact-form-area .clsName{background-image:url(images/contactformusericon.png) !important; background-repeat: no-repeat !important; background-position:10px center !important;} .affilates-form-wrapper .contact-form-area .clsphone{background-image:url(images/contactformphoneicon.png) !important; background-repeat: no-repeat !important; background-position:10px center !important;} .affilates-form-wrapper .contact-form-area .clsemail{background-image:url(images/contactformmailicon.png) !important; background-repeat: no-repeat !important; background-position:10px center !important;} .affilates-form-wrapper .contact-form-area .clssubject{background-image:url(images/contactformsubject.png) !important; background-repeat: no-repeat !important; background-position:10px center !important;} .affilates-form-wrapper .contact-form-area .clsmessage{background-image:url(images/chatbubbleicon.png) !important; background-repeat: no-repeat !important; background-position:10px 12px !important;} .affilates-form-wrapper .contact-form-wrap input[type="submit"]{ padding-left:15px; } .affilates-bluebg{ padding:0 15px 15px; } .affilatemessage{ width:52%; position: absolute; background:rgba(255,255,255,.8); padding:5px; top: 50%; transform: translate(0%,-50%);} .affilatemessage p{ font-weight:bold; padding:0 20px; font-size:22px; color:#7ca82c;font-family: 'open_sanssemibold';line-height: 28px; margin-bottom:0;} .affilaterightcontent { display: table-cell; vertical-align: middle; } .affilaterightcontent img{ position: absolute; bottom: 25%; right: 0; width: 60%; } .affilates-bluebg .col-sm-8{ min-height:510px; } .affilates-bluebg{ padding-bottom: 0; margin-top: 25px; background: url(images/affilatecontactperson.png) no-repeat #ffffff center right; background-size:cover; margin-bottom: 25px;position: relative;width: 100%;float: left; } .affilates-form-wrapper{ position: relative; left:-30px; top:0; width:100%; } .page-template-hcg-affiliate h2{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2; text-transform: uppercase; } .contact-form-area .wpcf7-not-valid-tip{ position: absolute; top:5px; font-size:14px; right:0; } .contact-form-area .contact-form-wrap{ position: relative; } .contact-form-area .wpcf7-form-control-wrap{ position:initial; } .contact-form-area div.wpcf7-validation-errors{ margin-top:0px; padding-left:0; border:none; padding-top:0; margin-left:0; line-height: 18px; color:#f00; padding-bottom:0; margin-bottom:0; padding-right:0; margin-right:0; } .contact-form-area div.wpcf7-mail-sent-ok{ margin-top:0px; padding-left:0; border:none; padding-top:0; margin-left:0; line-height: 18px; color:#398f14; padding-bottom:0; margin-bottom:0; padding-right:0; margin-right:0; } .contact-form-area div.wpcf7-response-output{ position: absolute; bottom: 7px; font-size: 14px; right:0; margin:0 auto; left:inherit; width:85%; left:0; } .contact-form-area div.wpcf7-mail-sent-ng{ margin-top:0px; padding-left:0; border:none; padding-top:0; margin-left:auto; line-height: 18px; color:#f00; padding-bottom:0; margin-bottom:0; padding-right:0; margin-right:auto; } /* 21-03-2020 popup css start */ .pum-theme-10818 .pum-container, .pum-theme-lightbox .pum-container { border: 8px solid #86ae3c !important; } .pum-theme-10818 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { background-color: #86ae3c !important; } .clspoplogo { max-width: 100%; display: flex; text-align: center; width: 100%; border-bottom: 3px solid #2d6a9d; margin-bottom: 20px; } .clspoplogo img { margin: 0 auto 20px; } .clspopcont { max-width: 100%; float: left; } .clspopcont p:last-child { margin: 0; } /* 21-03-2020 popup css over */ .gc-price-description {width:100%; display:block; clear:both;} .gc-prod-variations {width:100%; margin-bottom:30px; } .gc-prod-hading {width:70%; clear:both; border:1px solid #eee; border-collapse:collapse;margin:auto;} .gc-prod-hading tr th {width:25%;text-align:center;padding:5px 0; background:#333; color:#fff; border-right:1px solid #ccc;} .gc-prod-variations-table {width:70%; border:1px solid #eee !important; border-collapse:collapse;margin:auto;} .gc-prod-variations-table tr td {width:25%;text-align:center;padding:5px 0; font-size:24px; border-right:1px solid #eee !important; border-bottom:none !important;} .gc-prod-variations-table tr td span {font-size:16px !important; color:#000000;} .gc-prod-variations-table tr td button {background:none !important; color:#ffffff !important; transition:0.4s ease-in-out;} .gc-prod-variations-table tr td i {margin-right:5px;} .gc-prod-variations-table tr td button:hover {color:#008BD5 !important; transition:0.4s ease-in-out; background:none !important;} .woocommerce button.button.alt { background-color: #39baeb !important;font-weight: 600; } .woocommerce-Price-amount.amount{ color:#000000; } .woocommerce-Price-currencySymbol{color:#000000; } .mywrapper {background: #7ca82c;z-index: 1000;} .amp-sidebar-mask {z-index: 0!important;} [amp].amp-sidebar-mask {z-index: 0!important;} .closesidebar {position: absolute;right: 0;padding: 26px;top: -15px;font-family: system-ui;font-size: 25px; font-weight:bold;color:white;} [amp].closesidebar {display: none!important;content:''!important;} .gc-prod-hading {width: 100%!important;} .gc-prod-variations-table {width: 100%!important;} div#single-product-summary.summary.entry-summary.single-product-summary p.price {font-size:19px;display:none!important;} h1#mobile_title.product_title.entry-title { display: none; } .myshopping { text-align: center;visibility: hidden;font-size:16px;} .myshopping .my { padding-left:25px; background:url(images/chatbubbleicon.png) no-repeat left center;} .myshopping .bag { background:url(images/cart-icon.png) no-repeat left center;} #hambmenu { display:none; } ul#msearch.search-mobile-menu { display:none; } .unknown-size img { object-fit: contain; /* or 'fill', or 'cover', etc */ } .logo-wrap { height:140px; width:249px; } h1.product_title.entry-title { font-size:25px; text-transform: none} h1#mytitle {display: none; } .story-detail-top-heading h1 { font-size:36px; text-transform:none!important; } .blog-detail-heding-section h1 { font-size:36px; text-transform:none!important; } header#mheader { position: static!important;} div#container-wrap.body-content-area.amp-wp-12f1e79 { padding-top:0px!important ; }