/*========================================================================== Abhinesh Tripathi ========================================================================== */ /* BODY FONT - Applies to everything */ @import url('https://fonts.googleapis.com/css?family=Oswald'); ul.posts.hp> li.post { padding-bottom: 1px !important; margin-bottom: 5px !important; } .post-image { width: 130px; height: 85px; background: #99CC00; text-align: center; align-items: center; color: #fff; font-size: 50px; font-weight: 900; VERTICAL-ALIGN: MIDDLE; } .pakage { min-height: 450px; border-radius: 10px 10px 0 0; text-align: center; border: 1px solid #e8e8e8; padding-bottom: 20px; margin-bottom: 20px; background: #fbfbfb; } .bg-tcolor{ background: #72b800; border-radius: 10px 10px 0 0px;} .last.pakage { text-align: left; color: black; } .last.pakage h4.sub, .last.pakage p, .last.pakage ul { margin-left: 20px; margin-right: 20px; } .packages-img { width: 180px; padding: 10px; } #footer .social-icons li.title {line-height:30px;} #footer .social-icons li {margin:0 0 0 10px; } #footer .social-icons li:first-child {margin-left:0;} #footer .social-icons { float: right; } /* Social icons */ .social-icons {margin-left:10px; margin-bottom:0; z-index: 1; } .social-icons li {display:inline-block; margin:5px; margin-left:10px; margin-right:0; vertical-align: top;} .social-icons li a {display:inline-block; color:#fff; width:30px; height:30px; position:relative; border-radius:3px; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 14px; font-weight: normal; opacity: 1;} .social-icons li a:before {line-height:30px;} .social-icons li a:hover {box-shadow:0 0 6px rgba(0,0,0,0.4)} .social-icons.sc--normal li a { background-color: #111; } .social-icons.sc--normal li a:hover {background-color:#CC0404;} .row {display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .fs-xl {font-size: 30px !important;} @media (min-width: 576px) .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important;} .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important;} .flex-row { -ms-flex-direction: row !important; flex-direction: row !important;} @media (min-width: 576px) .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important;} .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important;} .site-header .site-header-top { height: 46px; margin-bottom: 8px; margin-top: -8px;} .col { -ms-flex-preferred-size: 0; flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1; max-width: 100%;} .d-flex { display: -ms-flexbox !important;display: flex !important;} .justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;} .align-self-center {-ms-flex-item-align: center !important;align-self: center !important;} .justify-content-end {-ms-flex-pack: end !important;justify-content: flex-end !important;} .align-items-center {-ms-flex-align: center !important; align-items: center !important;} .media-container { min-height: 300px; max-height: 501px; height: 500px!important; } ul.posts > li:nth-child(2n+1) { clear: both;} ins { text-decoration: none!important;} .admenu> li {list-style: square;} .elm-searchbox {min-width: 150px; max-width: 400px;margin:0 auto;} .menulist li:before{font-family: FontAwesome; content: "\f14a"; color: green; padding-right: 10px;} .latest_posts.style2 ul.posts .text { margin-left: 0 !important;} @media only screen and (max-width: 767px) {.latest_posts.style2 ul.posts li {width:100% !important;}} .latest_posts.style2 { background-color: transparent !important; position: relative; padding: 5px !important;} .latest_posts.style2 ul.posts li { margin-top: 5px !important; padding: 10px !important;width: 46%;float: left !important;border: 1px solid #ececec;margin-left: 15px !important;} .fa-check-square:before,.fa-calendar:before,.fa-institution:before, .fa-bank:before, .fa-university:before,.fa-rocket:before,.fa-map-marker:before,.fa-external-link:before{ color: #09a209; padding: 0 5px 0 10px;} .justify{text-align: justify;font-size: 15px;line-height:30px;} .full{width: 100%;} .image200 { width: auto; display: block; object-fit:cover; height: 160px;} .details { width: 150px;} body {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px;line-height: 1.7;color: #535353;background-color: #fbfbfb;} h1, h2, h3, h4, h5, h6 {font-family: Oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal;} a {color: #000; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out;} a:hover {color: #72b800; text-decoration:none;} a:focus, a:active {outline: none; text-decoration: none; color: inherit; text-shadow: none;} section {padding-top: 35px; padding-bottom: 35px;} .clear {clear: both;} img {max-width: 100%; height: auto;} h1,.page-title { font-family: Oswald; font-size: 36px; line-height: 40px; font-weight: 400; font-style: normal;} h2 { font-family: Oswald; font-size: 25px; line-height: 40px; font-weight: 400; font-style: normal;} h3 {font-family: Open Sans; font-size: 1.5rem; line-height: 1.4; font-weight: 400; font-style: normal;} h4 {font-family: Open Sans; font-size: 1.2rem; line-height: 1.5; font-weight: 400; font-style: normal;} h5 {font-family: Open Sans; font-size: 1rem; line-height: 1.6; font-weight: 400; font-style: normal;} h6 {font-family: Open Sans; font-size: 1rem; line-height: 1.6; font-weight: 400; font-style: normal;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} ul, li {list-style: none; margin: 0; padding: 0;} /*dash-list - style for unordered lists */ ul.dash-list,ul.dash-list ul {padding:0; list-style:none;} ul.dash-list ul { margin-top: 10px; margin-bottom: 5px;} ul.dash-list li {line-height: 1.6; padding: 4px 0;} ul.dash-list li::before {content:''; display:inline-block; margin-right: 12px; width:8px; height:2px; background:#fe6060; vertical-align: middle;} /* Custom Colors */ .text-white {color: #fff;} .tcolor {color: #72b800 !important;} .white {color: #fff !important;} .black {color: #2d2d2d !important;} .gray {color: #7c7c7c !important;} .b-gray {border-bottom-color: #898989 !important; } /* Backgrounds Colors */ .bg-white {background-color: #fff !important;} .tbg {background-color: #72b800 !important;} .bg-lightgray {background-color: #efefef !important;} .bg-lightgray2 {background-color: #FEFEFE !important;} /* Colored sections */ .colored-section[data-color="darkgray"] {background-color:#1a1c25; color:#fff; } h4[data-color="white"] {color: #fff;} /* Opacity */ .op-3 {opacity: 0.3 !important;} .text-shadow {text-shadow: 0 2px 1px #000;} .vh-100 {height: 100vh;} /* Min Height */ .min-300 {min-height: 300px !important;} .min-600 {min-height: 600px !important;} /* Max Height */ .max-300 {max-height: 300px !important;} /* Align Styles */ .aligncenter {display:block; margin:0 auto;} .alignright {float:right; margin:0 0 10px 20px;} .alignleft {float:left; margin:0 10px 5px 0;} .floatleft {float:left;} .floatright {float:right;} .textcenter {text-align:center !important;} .textright {text-align:right !important;} .textleft {text-align:left !important;} .center-block {padding-top: calc(100vh - 50%);} .bottom-block {position: absolute; bottom: 50px; width: 100%;} .absolute {position: absolute;} .t-underline {text-decoration: underline;} blockquote {border-left: 5px solid #72b800; padding-left: 30px;} blockquote.blockquote-reverse, blockquote.float-right {padding-right: 30px; padding-left: 0; border-right: 5px solid #72b800; border-left: 0; text-align: right; border-left: none;} /* Font Family */ .kl-font-alt {font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif !important;} /* Gutter Sizes - Medium */ .row.gutter-md {margin-right: 0; margin-left: 0;} .row.gutter-md > [class*="col-"] {padding-right: 15px; padding-left: 15px;} /* Equalizer classes used for first or last elements in a row to align to fixed-width containers of the page, from inside of a full-width section and gutter */ /* Gutter Sizes - zero gutter on container fluid */ .row.gutter { margin-right: -15px; margin-left: -15px;} .row.gutter > [class*="col-"] {padding-right: 0; padding-left: 0;} @media (min-width: 768px) { .hg_col_eq_first { padding-left: calc( ( 100vw - 750px ) / 2 );} .hg_col_eq_last { padding-right: calc( ( 100vw - 750px ) / 2 );} /* Gutter Sizes - Small */ .row.gutter-sm { margin-right: -15px; margin-left: -15px;} .row.gutter-sm > [class*="col-"] {padding-right: 10px; padding-left: 10px;} /* Gutter Sizes - Extra small */ .row.gutter-xs { margin-right: -5px; margin-left: -5px;} .row.gutter-xs > [class*="col-"] {padding-right: 20px; padding-left: 20px;} /* Gutter Sizes - zero gutter */ .row.gutter-0 { margin-right: -15px; margin-left: -15px;} .row.gutter-0 > [class*="col-"] {padding-right: 15px; padding-left: 15px;} } @media (min-width: 992px) { .hg_col_eq_first { padding-left: calc( ( 100vw - 970px ) / 2 );} .hg_col_eq_last { padding-right: calc( ( 100vw - 970px ) / 2 );} /* Gutter Sizes - Medium */ .row.gutter-md { margin-right: -25px; margin-left: -25px;} .row.gutter-md > [class*="col-"] {padding-right: 25px; padding-left: 25px;} } @media (min-width: 1200px) { /* Gutter Sizes - Large */ .row.gutter-lg {margin-right: -45px; margin-left: -45px;} .row.gutter-lg > [class*="col-"] {padding-right: 30px; padding-left: 30px;} .hg_col_eq_first { padding-left: calc( ( 100vw - 1170px ) / 2 );} .hg_col_eq_last { padding-right: calc( ( 100vw - 1170px ) / 2 );} body.boxed-layout .hg_col_eq_first {padding-left: 30px;} } /* Assure no X overflow is happening in fluid container */ .container-fluid.no-pad-cols .row, .row.no-pad-cols {margin-left: 0; margin-right: 0;} .container-fluid.no-pad-cols, .container-fluid.no-pad-cols > .row > div[class*="col-"], .no-pad-cols > div[class*="col-"] {padding-left: 0; padding-right: 0;} .o-hidden {overflow: hidden;} .inline-block {display: inline-block !important;} /* Scroll to top button */ #totop {height:9px; opacity:0; position:fixed; right:-60px; width:49px; z-index:111; display:block; bottom: 15%; background-repeat:no-repeat; background-position:center 15px; background-color:#404040; font-size: 9px; font-weight: 900; color: #fff; text-align: center; line-height: 1; border-radius:2px; padding: 28px 0 21px 0; } #totop:before {position: absolute; content:"\f062"; top: 10px; left: 50%; margin-left: -6px; font-size: 13px; display: inline-block; font-family:FontAwesome; font-style: normal; font-weight: 900; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #totop.show { right:10px; opacity:0.7; } #totop:hover { opacity:1;} /* page title */ .page-title,.subtitle {line-height: 1.4; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #cbcbcb;} .page-title {font-size: 36px; color: #050505; margin-top: 0;} .subtitle {font-size: 36px; color: #595959; font-weight: 300;} /* Buttons styles */ .btn:focus, .btn.focus {box-shadow: none;} /*** Btn Lined (ghost) */ .btn-lined {border-width: 2px; background: none; color: #fff; text-shadow: none; padding: 7px 20px; line-height: 1.6; box-shadow: none; font-size: 14px; font-weight: 700; border-style: solid; border-radius: 3px; border-color: #fff; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out;} .btn-lined:hover {border-color: rgba(255,255,255,.7); color: #fff;} /* Btn Lined - Skewed style */ .btn-lined.btn-skewed {border: 0; background: none; position: relative;} .btn-lined.btn-skewed:before {content:''; border: 2px solid #fff; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);} .btn-lined.btn-skewed:hover:before {border-color: rgba(255,255,255,.7);} /* Btn Lined Dark (ghost) */ .btn-lined.lined-dark {color: #242424; border-color: #242424;} .btn-lined.lined-dark:hover {color: #343434;} /* Btn Lined DARK - Skewed style */ .btn-lined.lined-dark.btn-skewed {border:0; background: none; position: relative;} .btn-lined.lined-dark.btn-skewed:before {content:''; border: 2px solid #242424; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);} .btn-lined.lined-dark.btn-skewed:hover:before {border-color: rgba(0,0,0,.7);} /* Btn Lined Dark (ghost) */ .btn-lined.lined-gray {color: #8E8E8E; border-color: #8E8E8E;} .btn-lined.lined-gray:hover {color: #454545;} /* Btn Lined Gray - Skewed style */ .btn-lined.lined-gray.btn-skewed {border:0; background: none; position: relative;} .btn-lined.lined-gray.btn-skewed:before {content:''; border: 2px solid #8E8E8E; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);} .btn-lined.lined-gray.btn-skewed:hover:before {border-color: rgba(0,0,0,.4); } /* Button Lined Full Light */ .btn-lined.lined-full-light {color: #242424; border-color: #fff; background: rgba(255, 255, 255, 0.8);} .btn-lined.lined-full-light:hover {color: #343434; background-color: #fff;} /* Button Lined Full Dark */ .btn-lined.lined-full-dark {color: #e0e0e0; border-color: #000; background: rgba(0, 0, 0, 0.8);} .btn-lined.lined-full-dark:hover {color: #f9f9f9; background-color: #000;} /* Button Lined Custom */ .btn-lined.lined-custom {color: #72b800; border-color: #72b800;} .btn-lined.lined-custom:hover { background: #6ea60e; color: #fff !important;} /*** Filled buttons */ .btn-fullwhite,.btn-fullblack,.btn-fullcolor {border-width: 0;} .btn-fullwhite,.btn-fullblack,.btn-fullcolor,.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger,.btn-link {text-shadow: none; padding: 10px 20px; line-height: 1.6; box-shadow: none; font-size: 13px; font-weight: 700; border-style: solid; border-radius: 3px; -webkit-transition: background-color .15s ease-out; transition: background-color .15s ease-out;} /*** Btn FullColor */ .btn-fullcolor,.btn-fullcolor:focus { background-color: #72b800; color: #fff;} .btn-fullcolor:hover {color: #fff;} /*** Btn Fullwhite */ .btn-fullwhite { background-color: #fff; color: #242424;} .btn-fullwhite:hover {color: #353535; background-color: rgba(255,255,255,0.85);} /*** Btn Fullblack */ .btn-fullblack { background-color: #090909; color: #f9f9f9;} .btn-fullblack:hover {color: #eee; background-color: rgba(0,0,0,0.85);} .btn-fullcolor:hover,.btn-fullcolor.btn-skewed:hover:before,.cart-container .buttons .button.wc-forward:hover {background-color: #698a33} /* Filled buttons - Skewed style */ .btn-fullwhite.btn-skewed,.btn-fullblack.btn-skewed,.btn-fullcolor.btn-skewed,.btn-fullwhite.btn-skewed:hover,.btn-fullblack.btn-skewed:hover,.btn-fullcolor.btn-skewed:hover {border:0; background: none; position: relative; z-index: 0;} .btn-fullwhite.btn-skewed:before,.btn-fullblack.btn-skewed:before,.btn-fullcolor.btn-skewed:before {content:''; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg); -webkit-transition:background-color .2s ease-in-out; transition:background-color .2s ease-in-out; z-index: -1;} /*** Btn FullColor */ .btn-fullcolor.btn-skewed:before {background-color: #72b800; } /*** Btn Fullwhite */ .btn-fullwhite.btn-skewed:before {background-color: #fff; } .btn-fullwhite.btn-skewed:hover:before {background-color: rgba(255,255,255,0.85);} /*** Btn Fullblack */ .btn-fullblack.btn-skewed:before {background-color: #090909; } .btn-fullblack.btn-skewed:hover:before {background-color: rgba(0,0,0,0.85);} /* Btn sizing presets */ .btn-group-lg>.btn, .btn-lg {padding: 20px 30px; font-size: 18px; line-height: 1.3333333;} .btn-group-lg>.btn.btn-lined, .btn-lg.btn-lined {padding: 18px 30px;} .btn-group-md>.btn, .btn-md {padding: 16px 25px; font-size: 14px; line-height: 1.3333333;} .btn-group-md>.btn.btn-lined, .btn-md.btn-lined {padding: 14px 25px;} .btn-group-sm>.btn, .btn-sm {padding: 5px 10px 4px; font-size: 12px; line-height: 1.5; font-weight: 600;margin-right: 5px;} .btn-group-sm>.btn.btn-lined, .btn-sm.btn-lined {padding: 3px 10px 2px;} .btn-group-xs>.btn, .btn-xs {padding: 1px 5px; font-size: 12px; line-height: 1.6; font-weight: 400;} .btn-group-xs>.btn.btn-lined, .btn-xs.btn-lined {padding: 1px 5px;} /* Button element */ .btn-element > span, .btn-element > i {vertical-align: middle; display: inline-block;} .btn-element > span + i {margin-left:10px} .btn-element > i + span {margin-left:10px} /*** NEW MENU SYSTEM ***/ .main-nav {display: none;} @media (min-width: 992px){ .main-nav {display: block;} .main-nav ul {list-style: none; padding: 0; margin: 0; line-height: 1;} .main-nav > ul:after, .main-nav > ul:before {display: table; content: " "} .main-nav > ul:after {clear: both} .main-nav ul li {margin-bottom: 0;} .main-nav ul li a {display: block; font-weight: 400; font-family: 'Montserrat';} /* FIRST LEVEL */ .main-nav > ul > li {float: left; margin-top: 0; margin-left: 5px;} .main-nav > ul > li:not(.menu-item-mega-parent) {position: relative;} .main-nav > ul > li:first-child {margin-left: 0;} .main-nav > ul > li > a {position:relative; padding: 6px 12px; text-transform: uppercase; font-size: 14px; line-height: 14px; color: #fff; z-index: 1; font-weight: 400; -webkit-transition:padding .2s ease-in-out, -webkit-transform .2s ease-in-out; transition:padding .2s ease-in-out, transform .2s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif;} .main-nav > ul > li.menu-item-has-children > a:after {content:''; opacity: 1; position: absolute; height: 1px; width: 7px; bottom: 3px; left: 17px; background-color: rgba(255,255,255,.4); -webkit-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;} .main-nav > ul > li > a:before {content:''; opacity:0; position:absolute; border-radius:2px; height:50%; width: 100%; top:50%; left: 0; background-color: #72b800; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:height .2s ease-in-out; transition:height .2s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index: -1;} .main-nav > ul > li.active > a, .main-nav > ul > li > a:hover, .main-nav > ul > li:hover > a {text-decoration:none; color: #fff;} .main-nav > ul > li.active > a:before, .main-nav > ul > li > a:hover:before, .main-nav > ul > li:hover > a:before, .main-nav > ul > li > a.active:before {height:100%; opacity:1;} .main-nav > ul > li.active.menu-item-has-children > a:after, .main-nav > ul > li.menu-item-has-children > a:hover:after, .main-nav > ul > li.menu-item-has-children:hover > a:after {opacity:0;} /* MEGAMENU OVERRIDES */ .main-nav .hg_mega_container a.zn_mega_title[href="#custom-invisible"], .main-nav .hg_mega_container li:last-child a.zn_mega_title[href="#custom-invisible"] {color: transparent;} .main-nav .hg_mega_container { border: 1px solid rgba(255,255,255,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #f5f5f5; padding: 6px 0; background: rgba(245, 245, 245, 0.95); position: absolute; padding: 20px 0; margin-top: 10px;} .main-nav .hg_mega_container:before { content:''; display: block; position:absolute; top: -10px; left:0; width:100%; height:10px; } /* fix for top hover */ .main-nav .hg_mega_container li a {padding: 10px 0; font-size: 13px; color: #757575; position: relative; text-transform: uppercase;} .main-nav .hg_mega_container li a:not(.zn_mega_title):hover, .main-nav .hg_mega_container li.active > a:not(.zn_mega_title) {color: #323232;} .main-nav .hg_mega_container li a:not(.zn_mega_title):before {content:''; display:block; position:absolute; width:0; height:2px; background-color:#72b800; bottom:0; -webkit-transition: width .15s cubic-bezier(0.680, 0, 0.265, 1); transition: width .15s cubic-bezier(0.680, 0, 0.265, 1);} .main-nav .hg_mega_container li a:not(.zn_mega_title):hover:before, .main-nav .hg_mega_container li.active > a:not(.zn_mega_title):before {width: 100%;} .main-nav .hg_mega_container .zn_mega_title_hide {display: none;} .main-nav .hg_mega_container .zn_mega_title_hide.v-hidden {display: block; visibility: hidden;} .main-nav .hg_mega_container li a.zn_mega_title, .main-nav div.hg_mega_container ul li:last-child > a.zn_mega_title {font-size: 0.9rem; padding-left: 0; padding-right: 0; border-bottom-width:1px; border-bottom-style: solid;padding: 12px 0px; margin-bottom: 15px; font-weight: 600; text-transform: uppercase; color: #333; border-bottom-color: rgba(0, 0, 0, 0.1);} .main-nav .menu-item-spacer {display: inline-block; height: 25px; width: 100%;} /* MENU BADGES */ .main-nav ul .hg-mega-new-item {position: absolute; line-height: 1; padding: 5px; text-transform: initial; font-size: 10px; top: 50%; right: 3px; background-color: #72b800; color: #fff; border-radius: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .main-nav ul ul .hg-mega-new-item {left: auto; right: 10px;} .main-nav ul ul.sub-menu li a:not(:only-child) .hg-mega-new-item {right: 23px;} .main-nav .hg_mega_container ul .hg-mega-new-item {right: 3px;} #menu-main-menu li>a[href="#"] {cursor: default;} } /* Responsive Menu */ #zn-res-menuwrapper {display: none} #zn-res-menu ul {position: fixed !important;} #zn-res-menu,#zn-res-menu li,#zn-res-menu ul {padding: 0; margin: 0; list-style: none} #zn-res-menu * { -webkit-backface-visibility: hidden} .zn_res_menu_visible #zn-res-menu, .zn_res_menu_visible #zn-res-menu li ul {display: none} #zn-res-menu,#zn-res-menu li ul { right: 0; top: 0; position: fixed; width: 100%; height: 100%; background: #fff; overflow: auto; z-index: 11112; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; -ms-transform: translate(100%,0); -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: -webkit-transform .5s ease; -moz-transition: -moz-transform .5s ease; -ms-transition: -ms-transform .5s ease; -o-transition: -o-transform .5s ease; transition: transform .5s ease; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; padding: 0; display: none} #zn-res-menu ul.zn-menu-visible, #zn-res-menu.zn-menu-visible { -ms-transform: translate(0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0)} #zn-res-menu li { position: relative; width: 100%; max-width: 100%; border-color: #D9D9D9} #zn-res-menu .zn_mega_container { width: 100%} #zn-res-menu .zn_mega_container li { width: 100%; float: none} #zn-res-menu li>a { padding: 13px 28px; border-bottom: 1px solid; border-bottom-color: inherit; display: block; z-index: 1; color: #8C8C8C; font-size: 12px; text-transform: uppercase;} #zn-res-menu li.active>a { color: #333} #zn-res-menu a { cursor: pointer} #zn-res-menu .zn_res_has_submenu>span, #zn-res-menu .zn_res_menu_go_back>span { position: absolute; right: 0; top: 0; width: 100%; height: 44px; border-left: 1px solid; border-left-color: inherit; line-height: 49px; vertical-align: middle; text-align: center; cursor: pointer; z-index: 2;} #zn-res-menu .zn_res_menu_go_back>a { text-align: center; padding-right: 0; padding-left: 48px; display: inline-block; width: calc(100% - 49px);} #zn-res-menu .zn_res_menu_go_back>span { left: 0; right: auto; border-left: none; border-right: 1px solid; border-right-color: inherit;} .zn-res-menuwrapper {display: block;} .zn-res-trigger {position: relative; display: block; width: 25px; height: 28px; margin: 10px;} #zn-res-menu .zn_res_has_submenu>span::before, #zn-res-menu .zn_res_menu_go_back>span::before {display: none;} .zn-res-trigger::after { content: ''; position: absolute; width: 25px; height: 4px; top: 50%; margin-top: -10px; background: #fff; border-radius: 4px; left: 0; box-shadow: 0 8px 0 #fff,0 16px 0 #fff} #zn-res-menu li>a[title=separator],.zn_res_has_submenu .new-item { display: none;} #zn-res-menu.zn-menu-visible .zn-mega-new-item {display: none;} /* Menu Overlay */ .zn-res-menu-overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 11111; opacity: 0; visibility: hidden; transition: opacity .4s ease-out, visibility .4s ease-out;} .zn-menu-visible + .zn-res-menu-overlay {opacity:1; visibility: visible;} @media (max-width: 992px) { #zn-res-menuwrapper {display: block;} .zn_res_menu_visible #zn-res-menu, .zn_res_menu_visible #zn-res-menu li ul {display: block} #main-menu { display: none;} #zn-res-menu li.active { background-color: #F3F3F3;} #zn-res-menu li.active > li { background-color: #F3F3F3;} #main-menu .dropdown-menu { margin-left: -20px; padding-left: 10px;} #main-menu .dropdown-menu { border: none; box-shadow: none;} #main-menu .dropdown-menu li > a { padding: 3px 8px; font-size: 12px;} #main-menu .dropdown-menu li > a:hover { background-color: transparent;} #main-menu .dropdown-menu > .active > a, #main-menu .dropdown-menu > .active > a:hover, #main-menu .dropdown-menu > .active > a:focus {background-color: transparent;} #main-menu .dropdown-menu li.active > .inner-elem { background-color: #72b800;} #main-menu > ul { -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; -ms-transition: left 0.2s ease-out; transition: left 0.2s ease-out; -webkit-backface-visibility: hidden;} #main-menu > ul ul { position: static; opacity: 1 !important; visibility: visible !important; background: transparent;} #main-menu > ul li { float:none; width: 100%; margin-left: 0; padding-left: 0; padding: 5px 0;} #zn-res-menu .zn-close-menu-button { display: inline-block; padding: 0 !important; position: absolute; right: 0; top: 0; height: 47px; width: 49px !important; border-left: solid 1px #ccc; z-index: 11111;} #zn-res-menu .zn-close-menu-button span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%,0); transform: translate3d(-50%, -50%,0);} } /* Site Header & logo contain in header */ .site-logo {display: inline-block; margin-bottom: 0; margin-top: 0;} .site-logo img {max-height: 70px; max-width: 100%;} /* Logo size preset */ .logosize--contain .site-logo .logo-img {width: auto; height: 100%;} /*** Header Height */ .site-header, .logosize--contain .site-logo a {height: 100px;} .logosize--contain .site-logo .logo-img, .logosize--contain .site-logo .logo-img-sticky {max-height: 100px; vertical-align: middle;} /* Site Content */ #page_wrapper {position: relative; overflow: hidden;} /* Site Header */ .site-header {position: absolute; width: 100%; background: rgba(0,0,0,0.5); z-index: 100;} .siteheader-container {position: relative;} .site-header {background: none; border: 0; box-shadow: none; height: 100px !important; border-bottom: 1px solid #d2cdcd; } .site-header .logosize--contain .site-logo a {height: 70px;} .site-header .separator {background: #fff; height: 1px; opacity: .2; margin-bottom: 5px;} .site-header .separator.dark {background: #9a9a9a;} .site-header .site-header-top-wrapper {position: relative;} .site-header-main-center {margin-left: 30px;} .site-header .site-logo-img {width: auto; height: 100%; padding: 10px 0;} /* Site header style 7 */ .site-header[data-header-style="7"] {background-color: #fff;} .site-header[data-header-style="7"] .logo-container {height: 100px !important; min-width: 140px;} .site-header[data-header-style="7"] .main-nav > ul > li > a, .site-header[data-header-style="7"] .topnav .topnav-item a, .site-header[data-header-style="7"] .topnav .topnav-item span, .site-header[data-header-style="7"] .topnav > .topnav-item i, .site-header[data-header-style="7"] .kl-cart-button .fas, .site-header[data-header-style="7"] .social-icons.topnav.sc--clean > li > a {color: #252525;} .site-header[data-header-style="7"] .topnav a:hover.topnav-item, .site-header[data-header-style="7"] .topnav .topnav-item:hover a, .site-header[data-header-style="7"] .topnav a:hover, .site-header[data-header-style="7"] .topnav .topnav-item:hover span, .site-header[data-header-style="7"] .topnav .spanel-label:hover .support-info, .site-header[data-header-style="7"] .topnav > .topnav-item:hover i, .site-header[data-header-style="7"] .social-icons.topnav.sc--clean > li > a:hover {color: #000000;} .site-header[data-header-style="7"] .main-nav > ul > li.active > a, .site-header[data-header-style="7"] .main-nav > ul > li > a:hover, .site-header[data-header-style="7"] .main-nav > ul > li:hover > a {color: #ffffff;} .site-header[data-header-style="7"] .zn-res-trigger::after {background: #252525; box-shadow: 0 8px 0 #252525, 0 16px 0 #252525;} .site-header[data-header-style="7"] .kl-cta-ribbon {margin-top: 12px;} .site-header[data-header-style="7"] .logo-container {min-height: 94px;} /*** Sticky header ***/ body.sticky-header #header {position: fixed !important;} /* Header style 7 */ body.sticky-header .site-header[data-header-style="7"].header--is-sticked {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15)} body.sticky-header .site-header[data-header-style="7"] .site-header-top {height: 46px;} body.sticky-header .site-header[data-header-style="7"] .site-header-top, body.sticky-header .site-header[data-header-style="7"] .site-header-bottom {opacity: 1; -webkit-transition: height .2s ease-out, opacity .2s ease-out; transition: height .2s ease-out, opacity .2s ease-out;} body.sticky-header .site-header[data-header-style="7"].header--is-sticked .site-header-top {height: 0 !important; overflow: hidden;} body.sticky-header .site-header[data-header-style="7"].header--is-sticked .logo-container {min-height: 60px;} /* kl-slideshow div styles */ .kl-slideshow-inner {position: relative; z-index: 1; /* z-index: 100; */ } .kl-slideshow-inner .container {z-index: 1;} .kl-slideshow .bgback {background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } .kl-slideshow {margin-bottom: 0; } .kl-ios-selectors-block.bullets2 .item.selected::before, .kl-ios-selectors-block.bullets2 .item:hover:before {background-color: #72b800;} /* used in several sliders */ .zn-shadow-lifted {box-shadow: 0 40px 20px -25px rgba(0, 0, 0, 0.25);} /* For elements that are positioned right under the header, a safe padding is added */ .kl-slideshow .kl-slideshow-safepadding {padding-top:35px; padding-bottom: 35px;} /* HG Section */ .hg_section {padding-top:35px; padding-bottom: 35px;} .hg_section--relative {position: relative;} .hg_section--masked {padding-bottom: 55px;} .hg_section__source {position: relative;} .kl-bg-source {position: relative;} /* Background source for elements */ .kl-bg-source {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden;} .kl-bg-source:not(:empty), .kl-bg-source__overlay, .kl-bg-source__bgimage {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden} .kl-bg-source__bgimage {background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed} .kl-bg-source__overlay { pointer-events: none;} .kl-bg-source__video {} .kl-bg-source__iframe { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.25%;} .kl-bg-source__iframe iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .kl-bg-source__overlay-gloss { pointer-events: none; position: absolute; top: 0; left: -43%; background-color: #FFF; width: 100%; -webkit-transform: skewX(-55deg); -ms-transform: skewX(-55deg); transform: skewX(-55deg); height: 100%; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; opacity: .08;} .kl-bgSource-imageParallax {top: 0; left: 0; right: 0; bottom: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; will-change: transform;} .kl-bgSource-imageParallax .kl-bg-source__bgimage {top: 0; left: 0; position: relative; min-width: 100%; min-height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-attachment: initial;} .kl-bgSource-imageParallax.is-fixed {left: -100vw; position: fixed;} .kl-bgSource-imageParallax.is-fixed.is-visible {left: 0;} .kl-bgSource-imageParallax.is-fixed .kl-bg-source__bgimage {height: 100vh;} /* Mod Title */ .m_title {margin-top:0; color:#72b800; /*text-transform: uppercase;*/} /* uppercase disabled, manually uppercase text */ h3.m_title {font-size:20px; line-height: 1.4;} .smallm_title {color:#72b800; text-shadow:0 1px 0 #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-size:14px; font-weight: 700; border-bottom: 1px solid #bcbcbc; margin:0 0 20px;} .smallm_title span {padding-bottom: 9px; display:inline-block; border-bottom: 1px solid #bcbcbc; position:relative;} .smallm_title span:before {content:''; position:absolute; left:50%; bottom:0; margin-left:-2px; border:3px solid transparent; border-bottom-color:#bcbcbc; } .smallm_title.centered {text-align:center;} .smallm_title.bigger {font-size:18px;} .circle_title {color:#72b800; text-shadow:0 1px 0 #fff; position:relative; margin-top:0;} .circle_title:after {content:''; position:absolute; left:0; right:0; bottom:5px; border-bottom:1px dotted #bbb;} .mb_title {font-size: 20px; background: white; display: inline-block; padding: 0 10px; color: #595959; line-height: 1.5;} .mb_title img {margin-right: 5px; margin-top: -3px;} /* Header titles */ .subheader-titles {text-align:right; margin-top: -7px;} .subheader-titles.left {text-align: left;} .subheader-maintitle {color:#fff; line-height:1.3; margin:0 0 5px} .subheader-subtitle { color: #fff; display: inline-block; margin: 0; font-weight: 400; font-size: 16px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;} .shadowUP {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 2;} .shadowDown {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-down.png) no-repeat center bottom; z-index: 2;} .subheader-currentdate { color:#383838; font:12px Arial, Helvetica, sans-serif; float: left; padding: 6px 10px; line-height:1; background: rgba(255, 255, 255, 0.5); clear: left; border-radius: 2px;} /* Title Block Element */ .kl-title-block {padding-top:0; padding-bottom: 35px;} .tbk__title {margin-top: 0; margin-bottom:10px; font-size: 2.6rem; line-height: 1.4; font-weight: 400; font-style: normal;} .tbk__subtitle {margin-top: 0; font-size: 1.9rem; line-height: 1.6; font-weight: 400; font-style: normal;} .tbk-thinsubtitle {font-size: 1.2rem; line-height: 1.5; font-weight: 100;} /* Symbol */ .tbk__symbol {margin-top:0; margin-bottom:10px; display: block;} /* Symbol - small line */ .tbk-symbol--line .tbk__symbol span {display: inline-block; width:50px; height: 2px; background-color: #ccc;} .tbk-symbol--line.tbk-icon-pos--after-title .tbk__symbol {margin-bottom:20px; margin-top:-5px; display: inline-block;} /* Symbol - border */ .tbk-symbol--border .tbk__symbol, .tbk-symbol--border2 .tbk__symbol {margin-bottom: 20px;} .tbk-symbol--border .tbk__symbol span, .tbk-symbol--border2 .tbk__symbol span {display: block; width:100%; height: 1px; background-color: #ccc;} .tbk-symbol--border.tbk-icon-pos--after-text .tbk__symbol {margin-top: 30px;} .tbk-symbol--border2.tbk-icon-pos--after-title .tbk__border-helper { border-bottom: 3px solid #D2D2D2; padding-bottom: 15px; margin-bottom: -12px; display: inline-block;} /* Symbol - small line and border */ .tbk-symbol--line_border .tbk__symbol span {display: inline-block; width:50px; height: 3px; background-color: #72b800; margin-right: 25px; margin-left: 25px; vertical-align: middle;} .tbk-symbol--line_border .tbk__symbol:before, .tbk-symbol--line_border .tbk__symbol:after {content:''; display: inline-block; width:calc(50% - 50px); height: 1px; background-color: #72b800; vertical-align: middle; } .kl-title-block.text-center.tbk-symbol--line_border .tbk__symbol span {margin: 0 20px;} .kl-title-block.text-center.tbk-symbol--line_border .tbk__symbol:before, .kl-title-block.text-center.tbk-symbol--line_border .tbk__symbol:after {background-color: #bfbfbf;} .kl-title-block.text-right.tbk-symbol--line_border .tbk__symbol span {margin-right: 0;} .kl-title-block.text-right.tbk-symbol--line_border .tbk__symbol:after {display: none;} .kl-title-block.text-right.tbk-symbol--line_border .tbk__symbol:before {width: calc(100% - 80px); background-color: #bfbfbf;} /* Line Border - aligned left */ .tbk--left.tbk-symbol--line_border .tbk__symbol span {margin-left: 0;} .tbk--left.tbk-symbol--line_border .tbk__symbol:before {display: none;} .tbk--left.tbk-symbol--line_border .tbk__symbol:after {content:''; display: inline-block; width:calc(100% - 80px); height: 1px; background-color: #ccc;} /* Line Border - aligned right */ .tbk--right.tbk-symbol--line_border .tbk__symbol span {margin-right: 0;} .tbk--right.tbk-symbol--line_border .tbk__symbol:before {content:''; display: inline-block; width:calc(100% - 75px); height: 1px; background-color: #ccc;} .tbk--right.tbk-symbol--line_border .tbk__symbol:after {display: none;} /*Line Border - Positions */ .tbk-symbol--line_border.tbk-icon-pos--after-title .tbk__title {margin-bottom: 10px;} .tbk-symbol--line_border.tbk-icon-pos--after-subtitle .tbk__title {margin-bottom: 10px;} .tbk-symbol--line_border.tbk-icon-pos--after-subtitle .tbk__subtitle {margin-bottom: 20px;} .tbk-symbol--line_border.tbk-icon-pos--after-text .tbk__text {margin-bottom: 25px;} /* Symbol - icon */ .tbk-symbol--icon.tbk-icon-pos--after-text .tbk__text {margin-bottom: 25px;} /* Symbol inside title */ .tbk__title .tbk__symbol {display: inline-block; margin-right: 10px; vertical-align: middle; } .tbk__title .tbk__icon {vertical-align: middle;} /* Symbol line separator */ .symbol-line {font-size:20px; text-align: center; color:#e6e6e6; vertical-align: middle; clear:both; line-height: 20px; margin-bottom: 20px;} .symbol-line .kl-icon {font-size:18px;} .symbol-line::before, .symbol-line::after {content:''; display:inline-block; width: 48%; background: #eaeaea; height:2px; float: right; margin-top: 7px;} .symbol-line::before {float: left; } /* Text colors */ .tbk--text-light {color: #f5f5f5;} .tbk--text-dark {color: #232323;} /* Theme Color */ .tbk--color-theme.tbk-symbol--line .tbk__symbol span, .tbk--color-theme.tbk-symbol--line_border .tbk__symbol span {background-color: #72b800;} .tbk--color-theme.tbk-symbol--icon .tbk__icon {color: #72b800;} /* Textbox */ .text_box {padding-bottom: 20px;} .text_box-title--style1 {font-size: 1rem; color: #72b800; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);} .text_box-title--style2 {font-size: 1.3rem; color: #535353; font-weight: normal; margin-top: 0;} /* Sidebars */ .sidebar {background: #fff; padding: 20px 25px; border-radius: 3px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);} .col-sm-4 .sidebar {padding: 25px;} .sidebar .widget {margin-bottom:35px;} .sidebar .widget .widgettitle {color: #050505; line-height: 1.4; margin: 10px 0 15px; padding-bottom: 20px; position: relative; font-size: 14px; text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;} .sidebar .widget .widgettitle:after {content: ''; position: absolute; left: 0; bottom: 2px; width: 50px; height: 0; border-bottom: 1px solid #72b800;} .sidebar .widget .widgettitle:before {content: ''; position: absolute; left: 0; bottom: 2px; width: 100%; height: 0; border-bottom: 1px solid #ececec;} .sidebar .widget ul.menu, .sidebar .widget ul.product-categories, .sidebar .widget ul.pagenav, .sidebar .widget_meta > ul {margin:0; padding:0; list-style:none;} .sidebar .widget ul.menu li, .sidebar .widget ul.product-categories li, .sidebar .widget ul.pagenav li, .sidebar .widget_meta > ul li {margin-bottom:0;} .sidebar .widget ul.menu li a, .sidebar .widget ul.product-categories li a, .sidebar .widget ul.pagenav li a, .sidebar .widget_meta > ul a {color: #747474; display: inline-block; padding: 0; margin-right: 5px; position: relative; border-radius: 2px;} .sidebar .widget ul.menu li a::before, .sidebar .widget ul.product-categories li a::before, .sidebar .widget ul.pagenav li a::before, .sidebar .widget_meta > ul a::before {content: ''; display: inline-block; margin-right: 12px; width: 8px; height: 2px; background: #E1E1E1; vertical-align: middle; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .sidebar .widget ul.menu li.active > a, .sidebar .widget ul.product-categories li.active > a, .sidebar .widget ul.pagenav li.active a, .sidebar .widget ul.menu li.current-cat > a, .sidebar .widget ul.product-categories li.current-cat > a, .sidebar .widget ul.pagenav li.current-cat > a, .sidebar .widget ul.menu li > a:hover, .sidebar .widget ul.product-categories li > a:hover, .sidebar .widget ul.pagenav li a:hover, .sidebar .widget_meta > ul a:hover {color: #000000;} .sidebar .widget ul.menu li a:hover::before, .sidebar .widget ul.product-categories li a:hover::before, .sidebar .widget ul.pagenav li a:hover::before, .sidebar .widget_meta > ul a:hover::before {width: 12px; margin-right: 8px;} div.cloudBlock a { padding: 4px; float: left; display: block; } .hoverBorder {position:relative; display:inline-block; margin-bottom: 10px;} .hoverBorder:hover img { border-radius:2px; opacity:0.8; } .hoverBorderWrapper {position:relative; display:block;} .hoverBorderWrapper img {max-width:100%; box-sizing: border-box; border-radius: 2px; width: 100%; position: relative;} .theHoverBorder {position:absolute; left:0; top:0; bottom:0; right:0; border-radius:2px; box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; } .theHoverBorder:hover { box-shadow:0 0 0 3px #72b800 inset;} .plus .theHoverBorder {background-position:center center;} .plus .theHoverBorder:hover {background-image:url(../images/plus01.png); background-repeat: no-repeat; background-position: center center; background-color: rgba(35,35,35,0.5);} .hoverBorder:after {content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border-radius: 3px; box-shadow: inset 0 0 0 3px hsla(0,0%,100%,.15); transition: box-shadow .2s ease-out,background-color .2s ease-out;} .hoverBorder:hover:after {box-shadow: inset 0 0 0 3px #72b800;} /* BLOG */ .eBlog.itemListView {margin-bottom:35px;} .eBlog .itemContainer {background: #FFF; margin-bottom:35px; padding: 30px 30px 15px 30px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15); position:relative;border-radius: 3px;} .eBlog .post_details {font-size: 11px; color: #9a9a9a; margin-bottom: 15px; text-transform: uppercase;background-color: #f3f2f2bd; padding: 10px 5px 10px; position:relative; -webkit-transition:opacity 150ms ease-in; transition:opacity 150ms ease-in;} .eBlog .post_details [class^="icon-"], .eBlog .itemLinks li [class^="icon-"], .eBlog .itemTagsBlock [class^="icon-"] {margin: 0 5px 0 0;padding: 0;} .eBlog .itemTitle { margin: 0 0 10px } .eBlog .itemBody { line-height: 1.8 } .eBlog.itemView .itemBody { margin-bottom: 50px } .eBlog .post_details .infSep {display: inline-block; margin: 0 5px;} .eBlog .itemBottom { margin-top: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 15px; padding-bottom: 15px; } .eBlog .readMore {font-size:14px; font-weight:bold; } .eBlog .itemLinks {float: left; list-style:none !important; font-size: 0.8rem; color: #AAA; text-transform: uppercase; margin-top: 0; padding-left: 0; margin-bottom: 4px; margin-left:0; font-weight: 600;} .eBlog .itemComments {float: right;} .eBlog .itemComments a {font-size: 0.8rem; text-transform: uppercase; } .eBlog .itemLinks li {float:left; margin-left:0; padding-left:0; } .eBlog .itemLinks li:first-child {margin-left:0; } .eBlog .itemCategory {padding-left: 0;} .eBlog .itemDateCreated {padding-left: 0;} .eBlog .itemTagsBlock, .eBlog .itemTagsBlock, .eBlog .userItemTagsBlock {padding-left: 0; font-size: 0.72rem; color: #AAA; text-transform:uppercase; font-weight: 600;} .eBlog .itemCategory span.fa-folder {margin-right: 3px;} .eBlog .itemTagsBlock, .eBlog .itemTagsBlock span.fa-tag {margin-right: 3px;} .eBlog .itemContainer:not(.hg_columns) .itemTagsBlock { float: left } .eBlog .itemContainer:not(.hg_columns) .itemTagsBlock ul {margin:0 !important; padding:0 !important; list-style:none !important; display:inline;} .eBlog .itemContainer:not(.hg_columns) .itemTagsBlock ul li {display:inline; } .itemView .itemTagsBlock { margin: 0 0 20px } .itemView .itemTagsBlock > a, .eBlog .itemContainer:not(.hg_columns) .itemTagsBlock > a, .tagcloud a { padding: 4px 10px; background-color: #EAEAEA; margin: 0 5px 5px 10px; color: #9B9B9B; display: inline-block;} .itemView .itemTagsBlock > a:before, .eBlog .itemContainer:not(.hg_columns) .itemTagsBlock > a:before, .tagcloud a:before { font-family: 'Font Awesome 5 Free'; content: "\f02b"; font-weight: 900; margin-right: 5px; vertical-align: middle; color: #D2D2D2;} div.cloudBlock a {padding: 4px; float: left; display: block;} .eBlog .itemReadMore {float: right;} .kl-blog-post-socsharing {margin-bottom: 20px; margin-top: 10px; padding: 0; list-style: none;} .kl-blog-post-socsharing li {float: left; margin-right: 20px; width: 70px;} .blog-item-share {display: inline-block} .blog-item-share:before {content: attr(data-share-title); font-size: 12px; font-weight: 600; display: block; line-height: 1; margin-bottom: 10px; color: #8a8a8a;} .blog-item-share-link { display: inline-block; width: 30px; height: 30px; margin-top: -5px; border-radius: 3px; color: rgba(0,0,0,.25); background-color: transparent; border-color: #e2e2e2; border-top: 0; border-bottom: 0; border-right: 0; border: 0; font-size: 16px; text-align: center; margin-right: 5px; line-height: 30px} .eBlog .itemList .blog-isotope-item { padding-left: 10px; padding-right: 10px } .itemContainer.hg_columns {padding: 0 0 20px;} .itemContainer.hg_columns .itemHeader, .itemContainer.hg_columns .itemBody, .itemContainer.hg_columns .itemLinks, .itemContainer.hg_columns .itemTagsBlock {padding: 0 15px;} .itemContainer.hg_columns .itemIntroText {padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #F5F5F5; font-size: 0.95rem;} .itemContainer .theHoverBorder { box-shadow: none; border-radius: 0 } .itemContainer.hg_columns .hoverBorder , .itemContainer.hg_columns .hoverBorder img {width:100%;height: auto; border-radius: 0 } .itemContainer.hg_columns .readMore { font-weight: normal } .itemContainer.hg_columns h3.itemTitle {line-height: 1.6; font-size: 1.2rem; padding: 20px 0 0;} .itemContainer.hg_columns.hg_columns4 .readMore , .itemContainer.hg_columns.hg_columns3 .readMore {font-size: 13px;} .itemThumbnail { position: relative; } .itemThumbnail img { display: block; width: 100%; height: auto; } .itemThumbnail > a { display: block; } .itemThumbnail .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out; transition: opacity .25s ease-in-out, visibility .25s ease-in-out; } .itemContainer.hg_columns:hover .overlay { opacity: 1; visibility: visible; } .itemThumbnail .overlay__inner { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .itemThumbnail .overlay__inner a { margin: 0 auto; width: 48px; height: 48px; border-radius: 30px; display: block; border: 2px solid #fff; position: relative; text-align: center; overflow: hidden; color: #fff; line-height: 46px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .itemThumbnail .overlay__inner a:hover { width: 120px; background: #72b800; border-color: #72b800; } .itemThumbnail .overlay__inner a:before { content: "+"; position: absolute; left: 50%; margin-left: -6px; font-size: 20px; font-weight: bold; opacity: 1; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .itemThumbnail .overlay__inner a:hover:before { opacity: 0; } .itemThumbnail .overlay__inner a:after { content: attr(data-readmore); opacity: 0; font-size: 11px; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .itemThumbnail .overlay__inner a:hover:after {opacity: 1;} .eBlog .featured-post {position: relative; padding: 0;} .eBlog .itemContainer.featured-post:after { content: none;} .eBlog .featured-post .hg_full_image {position: relative; border-bottom: none; min-height: 220px;} .eBlog .featured-post .hg_full_image img {width: 100%;} .eBlog .featured-post .zn_sticky_no_image {min-height: 400px; background-color: #333; } .eBlog .featured-post .itemFeatContent {position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; } .eBlog .featured-post .itemFeatContent:before {content: ''; position: absolute; top: -50%; left: 0; width: 100%; height: 150%; background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); opacity:0; visibility: hidden; -webkit-animation: animFadeIn .4s ease-in .7s 1 normal forwards running; animation: animFadeIn .4s ease-in .7s 1 normal forwards running; } @-webkit-keyframes animFadeIn {from {opacity:0; visibility: hidden; } to {opacity:1; visibility: visible;} } @keyframes animFadeIn {from {opacity:0; visibility: hidden; } to {opacity:1; visibility: visible;} } .eBlog .featured-post .itemFeatContent-inner {position: relative;} .eBlog .featured-post .itemHeader { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 15px; padding-bottom: 15px; } .eBlog .featured-post .itemTitle {font-size: 12px; text-transform: uppercase; font-weight: normal; line-height: 1.6; margin: 0 0 15px;} .eBlog .featured-post .post_details { color: rgba(255, 255, 255, 0.4); padding: 0; margin: 0; } .eBlog .featured-post .post_details:before { content: none; } .eBlog .featured-post .itemLinks { color: rgba(255, 255, 255, 0.4); } .eBlog .featured-post a { color: #fff; } .eBlog .featured-post a:hover { color: rgb(199, 199, 199); } .hg_post_image {float: left;margin-right: 30px;margin-bottom:10px;} .hg_post_image, .hg_full_image {border-bottom: 5px solid #72b800;} #th-content-post .page-title { padding-bottom: 0; border-bottom: 0 } /* Post Author */ .eBlog .post-author .author-avatar { float: left; width: 100px; margin-right: 20px; } .eBlog .post-author .author-avatar img { display: block; max-width: 100%; height: auto; border-radius: 50%; } .eBlog .post-author { color: #535353; margin-bottom: 50px; overflow: hidden; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 30px 0;} .eBlog .author-details > h4 { text-transform: uppercase; } .masonry-columns {height: auto !important;} .bigblog-page #footer {top: 100%;} /* Blockquote */ blockquote { margin: 25px 40px } /* Pagination */ .pagination-nav {text-align: center;} .pagination-nav .pagination {display: inline-block;} .pagination {margin: 50px 0 0; text-align:center; display: block; text-transform: uppercase; font-size: 10px; line-height: 1.6; color: #888; } /* Do some bootstrap resetting */ .pagination ul, ul.pagination {list-style-type: none; padding: 10px 0;} .pagination li {display: inline-block; margin: 0 5px;} .pagination a, .pagination li > a, .pagination li > a:focus, .pagination li > a:hover, .pagination li > span, .pagination li > span:focus, .pagination li > span:hover { border:0; background:none; text-shadow:none; } /* Normal state */ .pagination a, .pagination li a, .pagination li > span, .pagination p.counter {font-size: 12px; text-transform:uppercase; font-weight: 600; padding: 0; display: inline-block; margin: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; float: none; color: rgba(0, 0, 0, 0.85); border-radius: 3px;} /* Move left and right arrows */ .pagination li:first-child {margin-right: 50px;} .pagination li:last-child { margin-left:50px;} /* hide first or last if no pages */ .pagination li:first-child > span, .pagination li:last-child > span { display: none;} /* Add left & right glyphs */ .pagination li:first-child span.zn_icon, .pagination li:last-child span.zn_icon { line-height: 40px;} /* Hover state */ .pagination a, .pagination li a:hover, .pagination li:first-child > a:hover:before, .pagination li:last-child > a:hover:before { color: rgba(0, 0, 0, 0.5); } /* Active */ .pagination .active_page, .pagination .active>a, .pagination .active>a:focus, .pagination .active>a:hover, .pagination .active>span, .pagination .active>span:focus, .pagination .active>span:hover { color: rgba(0, 0, 0, 0.5); background: none; border: 2px solid rgba(0, 0, 0, 0.18); height: 40px; line-height: 38px; width: 40px;} .pagination a.next_link {margin-left: 20px;} .pagination a.next_link:before { font-family: FontAwesome; content: "\f101"; font-size: large; } .pagination a.previous_link {margin-right: 20px;} .pagination a.previous_link:before {content: "\f100"; font-family: FontAwesome; font-weight: 900; font-size: large; } /* grayhover effect */ a.grayHover { overflow:hidden; position:relative; display:inline-block;} a.grayHover img {position:relative;} /* Latest Posts Default */ .latest_posts.default-style .hoverBorder {margin-bottom: 10px;} .latest_posts.default-style .hoverBorder h6 {position: absolute; left: -10px; bottom: 16px; color: #fff; padding: 11px 14px; background: #72b800; font-size: 13px; font-weight: 500; line-height: 1; margin: 0; border-radius: 2px;} .latest_posts.default-style .hoverBorder:hover h6 {left: 15px; background: #fff; color: #72b800;} .latest_posts.default-style a + em {font-size: 0.9rem; color:#7d7d7d;} .latest_posts.default-style .post {margin-bottom: 30px;} .latest_posts.default-style .post .m_title {font-style: italic; font-size: 16px; line-height: 1.4; margin-top: 10px;} .latest_posts.default-style .post em {display: block;} .latest_posts.default-style img {box-shadow: 0 1px 1px rgba(0,0,0,.22);} /* latest posts default style - style 2 */ .latest_posts.default-style.kl-style-2 .lp-title {background-color: #72b800; height: 120px; width: 100%; text-align: center; padding: 20px 40px; margin: 0 0 20px;} .latest_posts.default-style.kl-style-2 .lp-title .m_title {position: relative; color: #fff; text-shadow: none; font-weight: bold; font-size: 3rem; line-height: 1; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .latest_posts.default-style.kl-style-2 .post {position: relative; margin-bottom: 20px;} .latest_posts.default-style.kl-style-2 .post-details {position: absolute; bottom: 0; padding: 20px 15px;} .latest_posts.default-style.kl-style-2 .m_title a {color: #fff; text-shadow: none; font-style: normal; margin-bottom: 5px;} .latest_posts.default-style.kl-style-2 .post-details em {font-style: normal; color: #d6d6d6; font-size: 0.7rem;} .latest_posts.default-style.kl-style-2 .post-details em a {color: #fff; } .latest_posts.default-style.kl-style-2 .m_title {position: relative; margin: 0 0 20px;} .latest_posts.default-style.kl-style-2 .post:not(.lp-title) .m_title:after {position: absolute; content: ''; width: 88px; height: 3px; background-color: #72b800; left: 0; bottom: -10px; -webkit-transition: width .25s ease-in-out; transition: width .25s ease-in-out; } .latest_posts.default-style.kl-style-2 .post:not(.lp-title):hover .m_title:after {width: 160px;} .latest_posts.default-style.kl-style-2 .theHoverBorder { background: -webkit-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8) 100%); background: -o-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8) 100%); box-shadow: none; border-radius: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .latest_posts.default-style.kl-style-2 .hoverBorderWrapper img {border-radius: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%;} .latest_posts.default-style.kl-style-2 .hoverBorder {margin: 0;} .latest_posts.default-style.kl-style-2 .hoverBorder:hover img {opacity: 1;} .latest_posts.default-style.kl-style-2 .post:hover .theHoverBorder {opacity: 0;} .latest_posts.style2 {background-color: #fff; position: relative; padding: 30px 30px 10px 30px} .latest_posts.style2 .m_title {margin-bottom: 20px;} .latest_posts.style2 .viewall {position: absolute; top: 28px; right: 20px; font-size: 0.8rem; font-weight: bold; color: #757575;} .latest_posts.style2 .viewall:hover {color:#111;} .latest_posts.style2 ul.posts {margin: 0; padding: 0; list-style: none;} .latest_posts.style2 ul.posts li {margin-top: 25px; border-bottom: 1px solid #ECECEC; padding-bottom: 25px;} .latest_posts.style2 ul.posts li:last-child {margin-bottom: 0; border-bottom: 0;} .latest_posts.style2 ul.posts .title {font-size: 15px; font-weight: 700; color: #72b800; line-height: 1.6; vertical-align: middle;} .latest_posts.style2 ul.posts .details {float: left; width: 100px; margin-right: 10px;} .latest_posts.style2 ul.posts .details > span {display: inline-block; margin-bottom: 2px; font-size: 10px;} .latest_posts.style2 ul.posts .details span.date {background: #72b800; color: #fff; font-weight: bold; padding: 3px 10px; margin: 0 0 5px; position:relative;} .latest_posts.style2 ul.posts .details span.date:after {content: ''; position: absolute; bottom: -8px; left: 10px; border: 4px solid transparent; border-top-color: #72b800;} .latest_posts.style2 ul.posts .text {margin-left: 110px;} .latest_posts.style2 ul.posts .details > span.cat {display: block;} .latest_posts.style3 {position: relative;} .latest_posts.style3 .m_title {margin-bottom: 20px;} .latest_posts.style3 .hoverBorder {margin-right:20px; margin-top: 5px; float: left; margin-bottom: 15px;} .latest_posts.style3 .viewall {position:absolute; top: 0; right:0; font-size:10px; font-weight:bold; color:#757575;} .latest_posts.style3 .viewall:hover {color:#111;} .latest_posts.style3 ul.posts {margin: 0; padding: 0; list-style: none;} .latest_posts.style3 ul.posts li {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E3E3E3; overflow: hidden; } .latest_posts.style3 ul.posts li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;} .latest_posts.style3 ul.posts .title {font-size: 16px; margin:0 0 5px; font-weight: 600; text-shadow: 1px 1px 0 white; vertical-align: middle; line-height: 1.6; margin: 0 0 5px; padding: 0; text-shadow: 1px 1px 0 white; vertical-align: middle;} .lp-post .hoverBorder ~ .text, .lp-post .hoverBorder ~ .lp-post-comments-num {margin-left: 74px;} .lp-post .lp-post-comments-num {color: #bababa } .lp-post .hoverBorder + .title {overflow: hidden;} .widget .latest_posts ul li.lp-post .hoverBorder {margin-bottom: 0;} /*** SearcBox Element */ .elm-searchbox__form {border-radius: 4px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); position: relative; border: 2px solid #72b800; border-radius: 6px;} .elm-searchbox__input, .elm-searchbox__submit { height:50px; float:left;border:0; vertical-align: middle; outline:none; margin:0; top:0; } .elm-searchbox__input { width:calc(100% - 130px); background:#fff; border-radius: 4px 0 0 4px; padding-left: 20px; -webkit-transition: padding-left .15s ease-out; transition: padding-left .15s ease-out; } .elm-searchbox__input:focus { padding-left: 30px; } .elm-searchbox__submit { width:130px; border-radius: 0 4px 4px 0; cursor: pointer; } .elm-searchbox__submit:not(.glyphicon) { font-size: 14px; font-weight: 600; } /* Normal Style */ .elm-searchbox--normal .elm-searchbox__submit { color:#fff; background-color: #72b800; } .elm-searchbox--normal .elm-searchbox__submit:hover { background-color: #000; } /* Normal with transparent button */ .elm-searchbox--normal2 .elm-searchbox__submit { color:#999; background-color: #fff; position: relative; } .elm-searchbox--normal2 .elm-searchbox__submit:after { content:''; position: absolute; width: 1px; height:86%; top:7%; left:0; background-color: rgba(0,0,0,0.1) } .elm-searchbox--normal2 .elm-searchbox__submit:hover { color: #767676; } /* Typing effect */ .elm-searchbox__input-text { max-width: 400px; position: absolute; display: block; top:50%; left:0; padding-left:20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); pointer-events:none; font-size: 14px; line-height: 1.2; color:#595959; overflow: hidden; white-space: nowrap; -webkit-animation: elm-searchbox__inputtext 4s steps(50, end); animation: elm-searchbox__inputtext 4s steps(50, end); } .elm-searchbox__input-text:after {content:' |'; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; } .elm-searchbox__input:focus + .elm-searchbox__input-text { opacity:0; visibility: hidden; } @-webkit-keyframes elm-searchbox__inputtext{ from { max-width: 0; } } @keyframes elm-searchbox__inputtext{ from { max-width: 0; } } @-webkit-keyframes blink{ to{opacity: .0;} } @keyframes blink{ to{opacity: .0;} } .elm-searchbox--transparent .elm-searchbox__input-text, .elm-searchbox--transparent2 .elm-searchbox__input-text {color:#fff;} /* Hover Box Style 1 */ .hover-box {display:block; padding:15px; background:#969696; border:1px solid rgba(0,0,0,0.4); color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.5); border-radius:3px; margin-bottom: 20px; overflow: hidden;} .hover-box:hover {background-color:#efefef !important; color:#fff;} .hover-box.centered {text-align:center;} .hover-box > img {float:left; margin: 15px 15px 8px 10px;} .hover-box.centered > img {float: none; } .hover-box > h3 {line-height: 1.1; margin-top:0;} .hover-box > h4 {line-height: 1.1; margin-top:0;} .hover-box > p {margin-bottom:0;line-height: 1.1;} /* Hover Box Style 2 & 3 */ .hover-box.hover-box-2, .hover-box.hover-box-3 { text-shadow: none; border: none; padding: 25px; margin-bottom: 0; min-height: 180px; position: relative;} .hover-box.hover-box-2:hover, .hover-box.hover-box-3:hover {box-shadow: 0 10px 2px -6px rgba(0,0,0,0.8); -webkit-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px); } .hover-box.hover-box-3 img { display: none;} .hover-box.hover-box-2 > h3, .hover-box.hover-box-3 > h3 { margin-bottom: 20px;} .hover-box.hover-box-2 > h4, .hover-box.hover-box-3 > h4 { font-weight: bold;} .hover-box.hover-box-2 .hb-img { width: 110px; margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right:15px; float: none; max-width: none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .hover-box.hover-box-2 .hb-img.rb-right {right:0;} .hover-box.hover-box-2 > p, .hover-box.hover-box-3 > p { line-height: 1.4;} .hover-box.hover-box-2 > p:after, .hover-box.hover-box-3 > p:after { content: ''; height: 3px; width: 50px; display: block; background: #fff; margin-top: 22px;} .hover-box.hover-box-2:hover .hb-img {opacity:0; right:-100%;} .hover-box.hover-box-2 .hb-circle {background: url(../images/circle-arr-hover.svg) no-repeat left top; width: 187px; height: 187px; display: block; position: absolute;bottom: -40px; right: -40px;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%); opacity: 0;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;} .hover-box.hover-box-2:hover .hb-circle {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);opacity: 1;} /*** GRID ICON BOXES */ .grid-ibx__item {float:left; text-align: center; padding-left: 20px; padding-right: 20px; position: relative; -webkit-backface-visibility:hidden; min-height: 280px; background-color: #fff;} .grid-ibx__item[onclick] {cursor: pointer;} .grid-ibx--cols-1 .grid-ibx__item {width: 100%;} .grid-ibx--cols-2 .grid-ibx__item {width: 50%;} .grid-ibx--cols-3 .grid-ibx__item {width: 33.3333%;} .grid-ibx--cols-4 .grid-ibx__item {width: 25%;} .grid-ibx--cols-5 .grid-ibx__item {width: 20%;} .grid-ibx__item-inner {position: absolute; width: 100%; top: 50%; left: 0; padding: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .grid-ibx__link {display:block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .grid-ibx__title-wrp, .grid-ibx__icon-wrp, .grid-ibx__desc-wrp {margin-top: 0; margin-bottom: 20px; backface-visibility: hidden; -webkit-filter: blur(0);} .grid-ibx__title, .grid-ibx__desc {margin: 0;} .grid-ibx__icon {font-size: 24px; line-height: 1; -webkit-transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); color: #e2e2e2;} .grid-ibx__item:hover .grid-ibx__icon {color: #72b800;} /* GridIconBox Styles - Lined Full */ .grid-ibx--style-lined-full {border-width: 1px 0 0 1px;} .grid-ibx--style-lined-full .grid-ibx__item {border-width: 0 1px 1px 0;} .grid-ibx--style-lined-full, .grid-ibx--style-lined-full .grid-ibx__item {border-color: rgba(0,0,0,0.1); border-style: solid;} /* GridIconBox Styles - Lined Center */ .grid-ibx--style-lined-center, .grid-ibx--style-lined-center .grid-ibx__item {border-color: rgba(0,0,0,0.1); border-style: solid;} .grid-ibx--style-lined-center .grid-ibx__item {border-width: 0 1px 1px 0;} .grid-ibx--style-lined-center.grid-ibx--cols-1 .grid-ibx__item:nth-child(1) { border-right-width: 0;} .grid-ibx--style-lined-center.grid-ibx--cols-2 .grid-ibx__item:nth-child(2) { border-right-width: 0;} .grid-ibx--style-lined-center.grid-ibx--cols-3 .grid-ibx__item:nth-child(3) { border-right-width: 0;} .grid-ibx--style-lined-center.grid-ibx--cols-4 .grid-ibx__item:nth-child(4) { border-right-width: 0;} .grid-ibx--style-lined-center.grid-ibx--cols-5 .grid-ibx__item:nth-child(5) { border-right-width: 0;} .grid-ibx--style-lined-center .grid-ibx__row:last-child .grid-ibx__item {border-bottom-width: 0;} .grid-ibx--style-lined-center {border: 0;} /* Hover Effects - Shadow */ .grid-ibx--hover-shadow .grid-ibx__item {-webkit-transition:box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .grid-ibx--hover-shadow .grid-ibx__item:hover { box-shadow: 0 40px 120px -20px rgba(0,0,0,0.6); z-index: 1; } .grid-ibx--hover-shadow.grid-ibx--style-lined-gradient .grid-ibx__item:hover {box-shadow: 0 -10px 30px -10px rgba(0, 0, 0, 0.29);} /* Hover Effects - Scale */ .grid-ibx--hover-scale .grid-ibx__item {-webkit-transition:-webkit-transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .grid-ibx--hover-scale .grid-ibx__item:hover {-webkit-transform: scale3d(1.05,1.05,1); -ms-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); z-index: 1; border-width: 1px !important; background: #fff; border-radius: 3px;} .grid-ibx--hover-scale.grid-ibx--style-lined-gradient .grid-ibx__item:hover {background: none;} /* Hover Effects - Shadow & Scale */ .grid-ibx--hover-shadowscale .grid-ibx__item { -webkit-transition:-webkit-transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .grid-ibx--hover-shadowscale .grid-ibx__item:hover { -webkit-transform:scale3d(1.06,1.06,1); -ms-transform:scale3d(1.06,1.06,1); transform:scale3d(1.06,1.06,1); z-index: 1; border-width: 1px !important; background: #fff; box-shadow: 0 40px 120px -20px rgba(0,0,0,0.6); border-radius: 2px;} .grid-ibx--hover-shadowscale.grid-ibx--style-lined-gradient .grid-ibx__item:hover {box-shadow: 0 -10px 30px -10px rgba(0, 0, 0, 0.29); background:none; } /*** end GRID ICON BOXES */ /* Search form */ .search-form-wrapper {margin: 0 0 30px;} .gensearch__form {position: relative;} .gensearch__input {height: 42px; width: 100%; padding: 0 20px; outline: none; border: 1px solid #ddd; font-size: 0.8rem;} .gensearch__submit {position: absolute; right: 0; border: 0; color: #BBB; background-color: transparent; outline: none; height: 100%; padding: 0 20px; font-size: 12px; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; cursor: pointer;} .gensearch__submit:focus {outline: none;} .gensearch__submit:hover {color: #131313;} .gensearch__submit:after {content: ''; width: 1px; height: 24px; background-color: #ddd; display: block; left: 0; position: absolute; top: 50%; margin-top: -12px;} /* Footer Styles*/ /* Footer Default style */ #footer {background: #2f2f2f; padding: 40px 0 5px; color: #d5d5d5; border-top: 4px solid #fff; position: relative; font-size: 15px;} #footer a {color: #fff;} #footer a:hover {color: #d5d5d5;} #footer .m_title {font-size: 1.1rem; font-weight: bold; color: #fff; text-shadow: none;} #footer .menu {margin: 0; padding: 0; list-style: none;} #footer .menu a {padding-right: 10px;} #footer .sbs .menu li {float: left; width: 50%;} .scfooter-icon-nocolor {background-color: #121212;} /* END Footer Default style */ #footer .bottom {padding-top: 20px; border-top: 1px solid #484848; color: #8b8c8d;} #footer .footer-area--bottom {padding-top:30px; border-top:5px solid #484848; color:#8b8c8d;} #footer .copyright img {float:left; margin-right:20px;} #footer .contact-details { min-height: 64px; background: url(../images/say_hi.png) no-repeat right top;} /* contact form errors */ .cf_response { display: none; padding-left: 15px; padding-right: 15px;} .ui-state-error{border:1px solid #EB3034 !important; position:relative;} .ui-state-valid{border: none !important; position:relative;} .ui-state-error + span::after, .ui-state-valid + span::after {font-family: 'icomoon'; font-size: 15px; position: absolute; right: 12px; top: 10px; display: block; z-index: 1;} .ui-state-error + span::after { content: "\e01b"; color: #EB3034;} .ui-state-valid + span::after { content: "\e013"; color: #0EAB55;} #notification_container .alert { display: inline-block; position: relative; padding: 10px 20px; } #notification_container .close::before { content: "\00d7"; color: #000; outline: none;} #notification_container .close { position: absolute; top: 2px; right: 2px; font-size: 15px; opacity: 1;} /* css transitions - reducing transitions lines */ .topnav .topnav-item a, .topnav .topnav-item span, .topnav .topnav-item i, .topnav--lang .languages .pPanel, .mainnav--cart .drop .pPanel, .kl-cart-button .fas, .login--panel .login-icon, #totop, .playVideo span, .theHoverBorder, .hoverBorder h6, .partners_carousel li a, .hoverBorder:hover img, .feature_box.style3 .box, .services_box .icon, .gobox, .hover-box, .circlehover span, .process_box, #sidebar ul.menu li a, .zn_sidebar ul.menu li a, [id*='sidebar-widget-'] ul.menu li a, .timeline_box, .timeline_box:hover .date, .services_box.style2 .box, .team_member, .ptcarousel .controls > a, .shop-features .shop-feature, .timeline_box:before, .support_panel { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /*** Media Container */ .media-container {position: relative;} .media-container__link--wrap {position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .media-container__link--btn {position: absolute; top: 50%; left:50%; -webkit-transform:translate3d(-50%, -50%,0); transform:translate3d(-50%, -50%,0); outline: none !important; -webkit-backface-visibility: hidden;} .media-container__link .kl-icon {color: #fff;} .media-container__link--btn .kl-icon:not(.circled-icon) {margin-right: 5px; -webkit-transition: margin-right .2s ease-out; transition:margin-right .2s ease-out;} .media-container__link--btn:hover .kl-icon:not(.circled-icon) {margin-right: 15px;} .media-container .kl-title-block {z-index: 1;} /* Bodered animated 1 */ .media-container__link--style-borderanim1 {padding: 10px 30px; font-size: 42px; letter-spacing: 2px; font-weight: 600; line-height: 1.2; color:#fff; text-align: center; white-space: nowrap; -webkit-transition: color .2s ease-out; transition: color .2s ease-out;} .media-container__link--style-borderanim1 > i {opacity:.8; background-color: #fff; display: block; position: absolute; -webkit-transition: all .2s ease-out; transition: all .2s ease-out} .media-container__border-tt {width: 30%; height: 7px; top: 0; left: 0;} .media-container__border-tl {height: 80%; width: 7px; top: 7px; left: 0;} .media-container__border-bb {width: 30%; height: 7px; bottom: 0; right: 0;} .media-container__border-br {height: 80%; width: 7px; bottom: 7px; right: 0;} .media-container:hover > i {opacity: 1;} .media-container:hover .media-container__border-tt {width: 100%; height: 3px; top: 0; left: 0;} .media-container:hover .media-container__border-tl {height: 100%; width: 3px; top: 0; left: 0;} .media-container:hover .media-container__border-bb {width: 100%; height: 3px; bottom: 0; right: 0;} .media-container:hover .media-container__border-br {height: 100%; width: 3px; bottom: 0; right: 0;} /* Alternative animated border */ .media-container__link--style-borderanim2 .media-container__text{ text-align:center; font-size: 30px; letter-spacing: 4px; font-weight: 700; line-height: 1; color:#fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif;} .borderanim2-svg {position: relative;} .borderanim2-svg__shape {stroke-width: 8px; fill: transparent; stroke: #FFF; -webkit-transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;} .media-container:hover .borderanim2-svg__shape {stroke-width: 3px; stroke-dashoffset: 0; } .media-container .media-container__link--style-borderanim2 .media-container__text:hover { color: #72b800; } .borderanim2-svg {width: 400px;} .borderanim2-svg .media-container__text {line-height: 70px;} .borderanim2-svg__shape {stroke-dasharray: 100 1000; stroke-dashoffset: -620; stroke: #72b800;} .style2:hover .borderanim2-svg__shape {stroke-dasharray: 940;} /* Circle animation */ .circleanim-svg {width: 108px; height: 108px;} .circleanim-svg__circle-front, .circleanim-svg__circle-back {fill:none; stroke: #fff;} .circleanim-svg__circle-front {stroke-dasharray: 60 1000; stroke-width: 5px; stroke-opacity: .5; stroke-dashoffset: 0; -webkit-transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s, stroke-opacity 1s; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s, stroke-opacity 1s; } .media-container:hover .circleanim-svg__circle-front {stroke-dasharray: 340; stroke-width: 2px; stroke-opacity:1; } /* Media container with custom content */ .media-container.media-container--type-pb {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .media-container-pb {width: calc(100% - 50px); margin: 10px 25px;} .media-container-pb.media-container-pb--alg-top {-webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;} .media-container-pb.media-container-pb--alg-center {-webkit-align-self: center; -ms-flex-item-align: center; align-self: center;} .media-container-pb.media-container-pb--alg-bottom {-webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end;} .prt-hover-slidein, .prt-hover-slideout {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;} .prt-hover-slidein {overflow: hidden; max-height: 0; opacity: 0;} .media-container:hover .prt-hover-slidein {opacity: 1; max-height: 200px;} .prt-hover-slidein .tbk__subtitle {color: rgba(255,255,255,0.8); font-weight: 300; line-height: 30px;} /*** End Media Container Element */ /* Custom container */ .custom_container.p-5 {padding: 0 !important; padding-top: 5% !important;} /*contact form */ form .row { margin-left: -5px; margin-right: -5px; } /* form .row [class*="col-"] { padding-left: 5px; padding-right: 5px; } */ .inline-form { font-size: 0; } .contact_form textarea {height:100px;} .inline-form .form-group, .contact_form .form-group { padding: 0 8px; } .contact_form .form-control { font-size: 13px; padding: 14px; height: auto; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06); border: 1px solid #D9D9D9; overflow-x: hidden;} .form-control:focus {-webkit-box-shadow: inherit; box-shadow: inherit;} .kl-fancy-form {position: relative;} .inline-form .kl-fancy-form label, .contact_form .kl-fancy-form label {left: 25px;} .kl-fw-form .form-control, .kl-fw-form.form-control {width: 100%;} .kl-hw-field {width: 50%; display: inline-block;} .kl-fancy-form label {color: #969696; font-size: 10px; text-transform: uppercase; position: absolute; top: 6px; left: 16px; cursor: text; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; font-weight: 700;} .kl-fancy-form input:focus + label, .kl-fancy-form textarea:focus + label {color: #c0c0c0;} /* Selectbox fix for Chrome/Safari on OSX */ @media screen and (-webkit-min-device-pixel-ratio:0) { .kl-fancy-form select.form-control {height: 52px; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-position-y: center; background-position-x: calc( 100% - 10px );} } .kl-fancy-form input::-webkit-input-placeholder {color: #bababa;} .kl-fancy-form input:focus::-webkit-input-placeholder {color: #D7D7D7;} /* Firefox < 19 */ .kl-fancy-form input:-moz-placeholder {color: #bababa;} .kl-fancy-form input:focus:-moz-placeholder {color: #D7D7D7;} /* Firefox > 19 */ .kl-fancy-form input::-moz-placeholder {color: #bababa;} .kl-fancy-form input:focus::-moz-placeholder {color: #D7D7D7;} /* Internet Explorer 10 */ .kl-fancy-form input:-ms-input-placeholder {color: #bababa;} .kl-fancy-form input:focus:-ms-input-placeholder {color: #D7D7D7;} textarea.form-control {width: 100%; max-width: 100%;} /* Fluid Container with normal width support */ /* Does not work with nesting columns, so basically can be used only for first level of grid columns */ .col-normal { position: relative; min-height: 1px; margin-left: -15px; margin-right: -15px; -webkit-transition:padding .2s ease-out; transition:padding .2s ease-out;} html:not(.js) .col-normal {margin:0;} /* Base class */ .bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; *padding-top: 19px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; } /* Echo out a label for the example */ .bs-docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; border-radius: 4px 0 4px 0; } /* Remove spacing between an example and it's code */ .bs-docs-example + .prettyprint { margin-top: -20px; padding: 0; padding-top: 15px; } /* Tweak examples */ .bs-docs-example > p:last-child {margin-bottom: 0;} /* Special grid styles */ .show-grid { margin-top: 10px; margin-bottom: 20px; } .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 40px; line-height: 40px; } .show-grid:hover [class*="span"] { background: #ddd; } .show-grid .show-grid { margin-top: 0; margin-bottom: 0; } .show-grid .show-grid [class*="span"] { background-color: #ccc; } /*** Static content */ .static-content__wrapper {width: 100%; overflow: hidden; min-height: 450px;} /* Source Styles */ .static-content__source + .static-content__inner {position: relative;} .static-content__source { position: absolute; top: 0; left: 0; bottom: 0; right: 0;} /* Safe padding */ .kl-slideshow .kl-slideshow-safepadding {padding-top:170px; padding-bottom: 50px;} .static-content--fullscreen {height:100vh;} .static-content--fullscreen .th-google_map {height:100vh !important;} /* Static Content - default */ .static-content {color: #fff; padding-top: 20px;} .static-content__title {font-size: 5.3rem; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); line-height: 1.3;} .static-content__subtitle {font-size: 3.7rem; font-weight: 400; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); line-height: 1.4;} .static-content__subtitle .stronger {font-weight:600; border-bottom:1px dotted rgba(255,255,255,0.5); padding-bottom:2px; cursor: help;} .static-content.video-style .playVideo { margin-bottom: 20px;} /* Static Content - text with register form */ .static-content--with-login .static-content__title {} .fancy_register_form {padding: 30px 25px; background:rgba(187, 197, 206, 0.53); color:#272727; position:relative; } .fancy_register_form form {margin:0;} .fancy_register_form > h4 { margin: 10px 0 45px; font-size: 32px; font-weight: 500; color: #464444;} .fancy_register_form label {display:inline-block; color:#fff; font-size: 14px; text-shadow: 0 1px 0 rgba(0,0,0,0.5); text-align: left !important; font-weight: normal; align-self: flex-end;} .fancy_register_form .form-control {padding:10px 15px; height: 38px;} .fancy_register_form div#login_error {color:#000;text-align: center;text-shadow:none !important;} .fancy_register_form:after {content: ''; position: absolute; bottom: -25px; left: 100px; border-top: 25px solid #fff; border-right: 25px solid transparent; opacity:.3; } /* Static Content - simple */ .static-content--simple {color:#8b8b8b; /*text-shadow: 0 1px 0 rgba(255,255,255,.4); */box-shadow: none;} .static-content--simple h2, .static-content--simple .static-content__subtitle {text-shadow: none;} .static-content--simple .can_be_used {color:#b7b7b7; font-weight:500; text-shadow:none; } .sc__simpleaction {margin-top:30px;} .static-content--simple .btn { display: table-cell; } .static-content--simple .sc__line { width: 100%; overflow: hidden; display: table-cell; position:relative} .static-content--simple .sc__line:after {content:''; display:block; position:absolute; left:20px; top:50%; width: 100%; height:1px; background:#c6c6c6; } /* Newsletter box */ .kl-newsletter-box {width: 755px; height:540px; margin: 0 auto;} .kl-newsletter-box .kl-pp-inner {position:relative;} .nlbox--inner { padding: 80px 60px 40px; margin-left: 315px; } .nlbox--hugediscount {border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; margin: 20px 0; padding: 0; max-height: 200px;} .nlbox--hugediscount > span {display: inline-block; vertical-align: top;} .nlbox--preview {position:absolute; left:0; top:0; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 315px; height: 100%;border-radius: 5px 0 0 5px;} .nlbox-logo {position: absolute; left:0; right:0; bottom:30px; text-align: center; background-repeat: no-repeat; background-size:contain; background-position: center center; min-height: 60px; } .kl-newsletter-box input[type="email"] {width: calc(100% - 100px); height: 40px;} .kl-newsletter-box input, .kl-newsletter-box input:focus {border: 1px solid #ced4da !important;} .kl-newsletter-box form .btn {width:40%;} /* FANCYFORMS */ .kl-fancy-form {position: relative; margin-bottom: 20px;} .kl-fancy-form-label { color: #969696; font-size: 10px; text-transform: uppercase; position: absolute; top: 6px; left: 16px; cursor: text; -webkit-transition: all .25s ease; transition: all .25s ease; } .kl-fancy-form-input:focus + .kl-fancy-form-label, .kl-fancy-form-textarea:focus + .kl-fancy-form-label {color: #c0c0c0;} .kl-fancy-form .form-control {padding: 26px 16px 6px 9px; height: auto;} /* Selectbox fix for Chrome/Safari on OSX */ @media screen and (-webkit-min-device-pixel-ratio:0) { .kl-fancy-form-select {height: 52px; -webkit-appearance: none; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-position: calc(100% - 10px) center; background-position-y: center; background-position-x: calc(100% - 10px);} } .kl-fancy-form-input::-webkit-input-placeholder {color: #bababa; } .kl-fancy-form-input:focus::-webkit-input-placeholder {color: #D7D7D7; } /* Firefox < 19 */ .kl-fancy-form-input:-moz-placeholder {color: #bababa; } .kl-fancy-form-input:focus:-moz-placeholder {color: #D7D7D7; } /* Firefox > 19 */ .kl-fancy-form-input::-moz-placeholder {color: #bababa; } .kl-fancy-form-input:focus::-moz-placeholder {color: #D7D7D7; } /* Internet Explorer 10 */ .kl-fancy-form-input:-ms-input-placeholder {color: #bababa; } .kl-fancy-form-input:focus:-ms-input-placeholder {color: #D7D7D7; } .reset-list, .reset-list ul {margin: 0; padding: 0; list-style: none;} .inline-list {display: inline-block;} .inline-list--items > li {display: inline-block;} .fancy-list {list-style: none; padding: 0; margin: 0;} .fancy-list li::before {content: ''; display: inline-block; margin-right: 12px; width: 8px; height: 2px; background: #E1E1E1; vertical-align: middle; -webkit-transition: all .15s ease-out; transition: all .15s ease-out;} .fancy-list li:hover::before {width: 12px; margin-right: 8px; background: #72b800;} /* LOGIN / REGISTER POPUPS */ .kl-fw-input {width: 100%;} .loginbox-popup .kl-fancy-form {margin-bottom: 15px;} .loginbox-popup .kl-fancy-form .form-control {padding: 26px 15px 6px 15px;} .auth-popup-panel {padding: 45px;} .auth-popup-title {font-size: 20px !important; font-weight: 400; color: #4a4a4a; margin-bottom: 20px; line-height: 1.9; text-shadow: none;} .auth-popup-createacc {margin-right: 8px; background: none !important; } .auth-popup-createacc + .auth-popup-sep {margin-right: 8px; border-left: 1px solid #ccc;} .auth-popup-links {margin-top:20px; color: #4A4A4A; font-size: 10px; font-weight: 600; } .auth-popup-link {font-size:13px; font-weight:400; color:#898989; } .auth-popup-link:hover {color:#585858; } .auth-popup-remember {margin: 0 0 20px; display: block; font-weight: 300; text-transform: uppercase; font-size: 11px; text-shadow: none; } .auth-popup-remember-chb {margin:0; } .mfp-bg.mfp-fade.mfp-bg-lighter {background:#000;} .mfp-bg.mfp-fade.mfp-bg-lighter.mfp-ready {opacity:.75;} .auth-popup .mfp-close {color: #828282; } .auth-popup {width: 420px; margin:0px auto; background: #f9f9f9; border-radius: 2px; position: relative;} .register-popup {width:420px;}