/* ========================================================================== Main Template Core Stylesheet. Contains most important styles of the template. Do not change nothing as it will be constantly updated and your work might get overwritten. ========================================================================== */ /* BODY FONT - Applies to everything */ body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.7; color: #535353; background-color: #f5f5f5; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; } p { margin: 0 0 20px;} a {color: #000; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out;} a:hover { color: #3c9847; text-decoration:none;} a:focus { outline: none; text-decoration: none; color: initial; text-shadow: none; } section { padding-top: 35px; padding-bottom: 35px;} .clear { clear: both;} img { max-width: 100%; height: auto;} h1, .page-title { font-family: Montserrat; font-size: 36px; line-height: 40px; font-weight: 400; font-style: normal;} h2 { font-family: Montserrat; font-size: 30px; line-height: 40px; font-weight: 400; font-style: normal;} h3 { font-family: Open Sans; font-size: 24px; line-height: 40px; font-weight: 400; font-style: normal;} h4 { font-family: Open Sans; font-size: 18px; line-height: 28px; font-weight: 400; font-style: normal;} h5 { font-family: Open Sans; font-size: 14px; line-height: 20px; font-weight: 400; font-style: normal;} h6 { font-family: Open Sans; font-size: 12px; line-height: 20px; font-weight: 400; font-style: normal;} body.one-page {overflow-x: hidden;} .hg_ovhidden {overflow: hidden;} 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: #3c9847 !important;} .white {color: #fff !important;} .black {color: #2d2d2d !important;} .gray {color: #7c7c7c !important;} .gray2 {color: #545d60 !important;} .light-gray {color: #a8a8a8;} .light-gray2 {color: #eaeaea;} .light-gray3 {color: #c8c8c8;} .dark-gray {color: #343434 !important;} .orange {color: #e74c3c !important;} .blue {color: #3498db !important;} .b-gray {border-bottom-color: #898989 !important; } /* Backgrounds Colors */ .bg-white {background-color: #fff !important;} .tbg {background-color: #3c9847 !important;} .bg-gray {background-color: #6b6b6b !important;} .bg-lightgray {background-color: #ECECEC !important;} .bg-lightgray2 {background-color: #FEFEFE !important;} .bg-dark-gray {background-color: #353535 !important;} .bg-black-gray {background-color: #1b1b1b !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;} /* Page Subheader Colors */ .page-subheader.uh_flat_dark_blue, .kl-slideshow.uh_flat_dark_blue { background-color: #345370;} .page-subheader.uh_light_blue_-_flat, .kl-slideshow.uh_light_blue_-_flat { background-color: #26ade4;} .page-subheader.uh_neutral_color, .kl-slideshow.uh_neutral_color { background-color: #607d8b;} .page-subheader.uh_light_gray, .kl-slideshow.uh_light_gray { background-color: #e0e0e0;} .page-subheader.uh_flat_redish, .kl-slideshow.uh_flat_redish { background-color: #db4437;} .uh_zn_def_header_style, .zn_def_header_style, .page-subheader.zn_def_header_style, .kl-slideshow.zn_def_header_style, .page-subheader.uh_zn_def_header_style, .kl-slideshow.uh_zn_def_header_style { background-color: #066fd9;} /* Min Height */ .min-200 { min-height: 200px !important;} .min-300 { min-height: 300px !important;} .min-380 { min-height: 380px !important;} .min-330 { min-height: 330px !important;} .min-370 { min-height: 370px !important;} .min-400 { min-height: 400px !important;} .min-450 { min-height: 450px !important;} .min-500 { min-height: 500px !important;} .min-700 { min-height: 700px !important;} .min-820 { min-height: 820px !important;} /* Max Height */ .max-300 { max-height: 300px !important;} /* Heights */ .h-260 { height: 260px !important;} .h-320 { height: 320px !important;} .h-370 { height: 370px !important;} .h-520 { height: 520px !important;} .h-545 { height: 545px !important;} .h-400 { height: 400px !important;} .h-420 { height: 420px !important;} .h-450 { height: 450px !important;} .h-500 { height: 500px !important;} .h-600 { height: 600px !important;} .h-615 { height: 615px !important;} .h-625 { height: 625px !important;} .h-700 { height: 700px !important;} .h-720 { height: 720px !important;} .h-760 { height: 760px !important;} .h-800 { height: 800px !important;} /* Align Styles */ .aligncenter { display:block; margin:0 auto;} .alignright { float:right; margin:0 0 10px 20px;} .alignleft { float:left; margin:0 20px 10px 0;} .floatleft { float:left;} .floatright { float:right;} .textcenter { text-align:center !important;} .textright { text-align:right !important;} .textleft { text-align:left !important;} .vertical-aligned { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .center-block {padding-top: calc(100vh - 50%);} .bottom-block {position: absolute; bottom: 50px; width: 100%;} .absolute {position: absolute;} /* Font Family */ .montserrat { font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif !important;} .kl-font-alt { font-family: "Montserrat",Helvetica,Arial,sans-serif;} /* Gutter Sizes - Large */ .row.gutter-lg { margin-right: -40px; margin-left: -40px;} .row.gutter-lg > [class*="col-"] {padding-right: 30px; padding-left: 30px;} /* Gutter Sizes - Medium */ .row.gutter-md { margin-right: -25px; margin-left: -25px;} .row.gutter-md > [class*="col-"] {padding-right: 25px; padding-left: 25px;} /* Gutter Sizes - Small */ .row.gutter-sm { margin-right: -10px; margin-left: -10px;} .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: 0; margin-left: 0;} .row.gutter-0 > [class*="col-"] {padding-right: 0; padding-left: 0;} /* 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 */ @media (min-width: 768px) { .hg_col_eq_first { padding-left: calc( ( 100vw - 750px ) / 2 );} .hg_col_eq_last { padding-right: calc( ( 100vw - 750px ) / 2 );} } @media (min-width: 992px) { .hg_col_eq_first { padding-left: calc( ( 100vw - 970px ) / 2 );} .hg_col_eq_last { padding-right: calc( ( 100vw - 970px ) / 2 );} } @media (min-width: 1200px) { .hg_col_eq_first { padding-left: calc( ( 100vw - 1170px ) / 2 );} .hg_col_eq_last { padding-right: calc( ( 100vw - 1170px ) / 2 );} } /* Assure no X overflow is happening in fluid container */ .container-fluid.no-pad-cols .row {margin-left: 0; margin-right: 0;} .container-fluid.no-pad-cols, .container-fluid.no-pad-cols > .row > div[class*="col-sm-"] {padding-left: 0; padding-right: 0;} .o-hidden { overflow: hidden;} .inline-block { display: inline-block !important;} /* Justified blocks */ .justified-blocks {text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;} .justified-blocks .jsf-block {display: inline-block;} .justified-blocks .jsf-stretch {width: 100%; display: inline-block; font-size: 0; line-height: 0;} /* Pace Progress bar & Page Preloader */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #fe6060; position: fixed; z-index: 2000; top: 0; left: 0; height: 2px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #fe6060, 0 0 5px #fe6060; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);} .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #fe6060; border-left-color: #fe6060; border-radius: 10px; display: none; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @media (max-width: 767px) {.pace .pace-activity {right: auto; left:120px;} } @-webkit-keyframes pace-spinner {0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@-moz-keyframes pace-spinner {0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }}@-o-keyframes pace-spinner {0% { -o-transform: rotate(0deg); transform: rotate(0deg); }100% { -o-transform: rotate(360deg); transform: rotate(360deg); }}@-ms-keyframes pace-spinner {0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes pace-spinner {0% { transform: rotate(0deg); transform: rotate(0deg); }100% { transform: rotate(360deg); transform: rotate(360deg); }} /* Loader */ .loader {position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.95); z-index: 1999; -webkit-transition:opacity .2s ease; transition:opacity .2s ease;} .loader.hideit {opacity:0;} .pace-done .loader {opacity:0; display:none;} .loader svg {position: absolute;left: 50%;top: 50%;width: 50px;height: 50px;margin: -20px 0 0 -20px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite;} .loader svg path { fill: #fe6060; } /* Circled Icon */ .circled-icon { display: inline-block; border-radius: 50%; width: 46px; height: 46px; line-height: 46px; box-sizing: content-box; text-align: center; position: relative; vertical-align: middle; border-width: 2px; border-style: solid;} .circled-icon:before { vertical-align: middle; display: block; line-height: 46px;} .circled-icon.ci-xsmall { width: 22px; height: 22px; line-height: 22px;} .circled-icon.ci-xsmall:before { line-height: 23px;} .circled-icon.ci-small { width: 36px; height: 36px; line-height: 36px;} .circled-icon.ci-small:before { line-height: 36px;} .circled-icon.ci-large { width: 76px; height: 76px; line-height: 76px;} .circled-icon.ci-large:before { line-height: 76px;} .circled-icon.ci-faded { border-color: rgba(255,255,255,.5);} /* Call to action button in demo */ .buybtn-panel { position: fixed; z-index: 999; bottom: 50px; left: 0; padding: 20px 50px 20px 20px; background: rgba(0,0,0,0.7); -webkit-transition: left .3s ease-out; transition: left .3s ease-out} .buybtn-close { position: absolute; top: 0; cursor: pointer; display: block; height: 82px; width: 30px; right: 0; font-size: 18px; color: rgba(255,255,255,.69); line-height: 80px; border-left: 1px solid rgba(255,255,255,.16); padding: 0; text-align: center} .buybtn-close:before { content: "\00d7"} .buybtn-close:hover { color: rgba(255,255,255,.9)} .buybtn-cta { background: #0ca919; border-radius: 2px; padding: 10px 20px; color: #fff; font-weight: 600; font-size: 12px; width: 160px; display: inline-block; text-align: center} .buybtn-cta span { opacity: .5; display: inline-block; border-left: 1px solid #fff; width: 1px; margin: 0 7px; height: 20px; vertical-align: middle;} .buybtn-cta:hover,.buybtn-cta:focus { background: #fff; color: #000;} .buybtn-panel.is-hidden { left: -200px;} .buybtn-panel.is-hidden .buybtn-close:before { content: "\203A"; font-size: 24px} ul.list-style1, ul.list-style2 { margin-left:0; padding-left: 0;} ul.list-style1 li, ul.list-style2 li { list-style:none; background:url(../images/list-style1.png) no-repeat 2px 8px; padding-left: 15px; margin-bottom: 4px;} ul.list-style2 li { background:url(../images/list-style2.png) no-repeat 2px 5px; padding-left: 25px;} /*fancy-list - style for unordered lists */ ul.fancy-list, ul.fancy-list ul {padding:0; list-style:none; color:#888888} ul.fancy-list ul { margin-top: 10px; } ul.fancy-list li {border-top:1px solid #e6e6e6; line-height:1.4; padding: 12px 0;} ul.fancy-list li:first-child {border-top:0; } ul.fancy-list[data-columns="2"] li:nth-child(2) {border-top: 0;} ul.fancy-list.pluses li::before { content: '+'; font-size: 16px; font-family: 'Open Sans', Arial, sans-serif; opacity: .8; font-weight: 700;} ul.fancy-list li a { font-size:13px; color:#45474d; text-decoration:none; line-height:1.6; display:block; position:relative;} ul.fancy-list li a:hover { color:#fe6060; } ul.fancy-list.right-icon li a::after {font-family: 'icomoon'; content:'\e007'; color:#fe6060; font-size: 11px; line-height:1; margin-right: 0px; position:absolute; right:0; top:50%; margin-top:-5px;} ul.fancy-list.right-icon li::before, ul.fancy-list.right-icon.pluses li::before {display:none;} .bottom-border {border-bottom: 1px solid #e8e8e8;} /* Icons used in Kallyas */ @font-face { font-family: 'fontello'; src: url('../fonts/fontello.eot?30847743'); src: url('../fonts/fontello.eot?30847743#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?30847743') format('woff'), url('../fonts/fontello.ttf?30847743') format('truetype'), url('../fonts/fontello.svg?30847743#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?30847743#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello", 'Glyphicons Halflings', 'icomoon'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-eventful:before { content: '\e800'; } /* '' */ .icon-smashmag:before { content: '\e801'; } /* '' */ .icon-gplus:before { content: '\e802'; } /* '' */ .icon-wikipedia:before { content: '\e803'; } /* '' */ .icon-lanyrd:before { content: '\e804'; } /* '' */ .icon-calendar:before { content: '\e805'; } /* '' */ .icon-reddit:before { content: '\e806'; } /* '' */ .icon-guest:before { content: '\e807'; } /* '' */ .icon-gowalla:before { content: '\e808'; } /* '' */ .icon-appstore:before { content: '\e809'; } /* '' */ .icon-blogger:before { content: '\e80a'; } /* '' */ .icon-cc:before { content: '\e80b'; } /* '' */ .icon-skype:before { content: '\e80c'; } /* '' */ .icon-twitter:before { content: '\e80d'; } /* '' */ .icon-youtube:before { content: '\e80e'; } /* '' */ .icon-vimeo:before { content: '\e80f'; } /* '' */ .icon-windows:before { content: '\e810'; } /* '' */ .icon-xing:before { content: '\e811'; } /* '' */ .icon-googleplay:before { content: '\e812'; } /* '' */ .icon-itunes:before { content: '\e813'; } /* '' */ .icon-plurk:before { content: '\e814'; } /* '' */ .icon-songkick:before { content: '\e815'; } /* '' */ .icon-lastfm:before { content: '\e816'; } /* '' */ .icon-gmail:before { content: '\e817'; } /* '' */ .icon-stumbleupon:before { content: '\e818'; } /* '' */ .icon-fivehundredpx:before { content: '\e819'; } /* '' */ .icon-pinterest:before { content: '\e81a'; } /* '' */ .icon-bitcoin:before { content: '\e81b'; } /* '' */ .icon-w3c:before { content: '\e81c'; } /* '' */ .icon-foursquare:before { content: '\e81d'; } /* '' */ .icon-html5:before { content: '\e81e'; } /* '' */ .icon-ie:before { content: '\e81f'; } /* '' */ .icon-dribbble:before { content: '\e820'; } /* '' */ .icon-evernote:before { content: '\e821'; } /* '' */ .icon-flickr:before { content: '\e822'; } /* '' */ .icon-google:before { content: '\e823'; } /* '' */ .icon-viadeo:before { content: '\e824'; } /* '' */ .icon-instapaper:before { content: '\e825'; } /* '' */ .icon-weibo:before { content: '\e826'; } /* '' */ .icon-klout:before { content: '\e827'; } /* '' */ .icon-yahoo:before { content: '\e828'; } /* '' */ .icon-chrome:before { content: '\e829'; } /* '' */ .icon-email:before { content: '\e82a'; } /* '' */ .icon-macstore:before { content: '\e82b'; } /* '' */ .icon-myspace:before { content: '\e82c'; } /* '' */ .icon-podcast:before { content: '\e82d'; } /* '' */ .icon-amazon:before { content: '\e82e'; } /* '' */ .icon-steam:before { content: '\e82f'; } /* '' */ .icon-pinboard:before { content: '\e830'; } /* '' */ .icon-openid:before { content: '\e831'; } /* '' */ .icon-quora:before { content: '\e832'; } /* '' */ .icon-soundcloud:before { content: '\e833'; } /* '' */ .icon-tumblr:before { content: '\e834'; } /* '' */ .icon-eventasaurus:before { content: '\e835'; } /* '' */ .icon-wordpress:before { content: '\e836'; } /* '' */ .icon-yelp:before { content: '\e837'; } /* '' */ .icon-intensedebate:before { content: '\e838'; } /* '' */ .icon-eventbrite:before { content: '\e839'; } /* '' */ .icon-scribd:before { content: '\e83a'; } /* '' */ .icon-posterous:before { content: '\e83b'; } /* '' */ .icon-stripe:before { content: '\e83c'; } /* '' */ .icon-opentable:before { content: '\e83d'; } /* '' */ .icon-cart:before { content: '\e83e'; } /* '' */ .icon-print:before { content: '\e83f'; } /* '' */ .icon-angellist:before { content: '\e840'; } /* '' */ .icon-instagram:before { content: '\e841'; } /* '' */ .icon-dwolla:before { content: '\e842'; } /* '' */ .icon-appnet:before { content: '\e843'; } /* '' */ .icon-statusnet:before { content: '\e844'; } /* '' */ .icon-acrobat:before { content: '\e845'; } /* '' */ .icon-drupal:before { content: '\e846'; } /* '' */ .icon-buffer:before { content: '\e847'; } /* '' */ .icon-pocket:before { content: '\e848'; } /* '' */ .icon-bitbucket:before { content: '\e849'; } /* '' */ .icon-lego:before { content: '\e84a'; } /* '' */ .icon-login:before { content: '\e84b'; } /* '' */ .icon-stackoverflow:before { content: '\e84c'; } /* '' */ .icon-hackernews:before { content: '\e84d'; } /* '' */ .icon-lkdto:before { content: '\e84e'; } /* '' */ .icon-github-circled:before { content: '\e84f'; } /* '' */ .icon-rss:before { content: '\e850'; } /* '' */ .icon-spotify:before { content: '\e851'; } /* '' */ .icon-android:before { content: '\e852'; } /* '' */ .icon-github:before { content: '\e853'; } /* '' */ .icon-facebook:before { content: '\e854'; } /* '' */ .icon-ebay:before { content: '\e855'; } /* '' */ .icon-dropbox:before { content: '\e856'; } /* '' */ .icon-linkedin:before { content: '\e857'; } /* '' */ .icon-cloudapp:before { content: '\e858'; } /* '' */ .icon-meetup:before { content: '\e859'; } /* '' */ .icon-vk:before { content: '\e85a'; } /* '' */ .icon-plancast:before { content: '\e85b'; } /* '' */ .icon-disqus:before { content: '\e85c'; } /* '' */ .icon-digg:before { content: '\e85d'; } /* '' */ .icon-flattr:before { content: '\e85e'; } /* '' */ .icon-paypal:before { content: '\e85f'; } /* '' */ .icon-forrst:before { content: '\e860'; } /* '' */ .icon-ninetyninedesigns:before { content: '\e861'; } /* '' */ .icon-delicious:before { content: '\e862'; } /* '' */ .icon-aim:before { content: '\e863'; } /* '' */ .icon-grooveshark:before { content: '\e864'; } /* '' */ .icon-call:before { content: '\e865'; } /* '' */ .icon-duckduckgo:before { content: '\e866'; } /* '' */ @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?gfgf6m'); src:url('../fonts/icomoon.eot?#iefixgfgf6m') format('embedded-opentype'), url('../fonts/icomoon.ttf?gfgf6m') format('truetype'), url('../fonts/icomoon.woff?gfgf6m') format('woff'), url('../fonts/icomoon.svg?gfgf6m#icomoon') format('svg'); font-weight: normal; font-style: normal; } .icon-kallyas:before {content: "\e615";} .icon-noun_61152:before { content: "\e612";} .icon-noun_167805:before { content: "\e613";} .icon-noun_65754:before { content: "\e614";} .icon-process1:before { content: "\e60f";} .icon-process2:before { content: "\e610";} .icon-process3:before { content: "\e611";} .icon-gi-ico-1:before { content: "\e600";} .icon-gi-ico-2:before { content: "\e601";} .icon-gi-ico-3:before { content: "\e602";} .icon-gi-ico-4:before { content: "\e603";} .icon-gi-ico-5:before { content: "\e604";} .icon-gi-ico-6:before { content: "\e605";} .icon-gi-ico-7:before { content: "\e606";} .icon-gi-ico-8:before { content: "\e607";} .icon-gi-ico-9:before { content: "\e608";} .icon-gi-ico-10:before { content: "\e609";} .icon-gi-ico-11:before { content: "\e60a";} .icon-gi-ico-12:before { content: "\e60b";} .icon-gi-ico-13:before { content: "\e60c";} .icon-gi-ico-14:before { content: "\e60d";} .icon-gi-ico-15:before { content: "\e60e";} .icon-spinner10:before { content: "\e983";} /* Main Menu Badges */ .main-nav ul .zn-mega-new-item {position: absolute; line-height: 1; padding: 5px; text-transform: initial; font-size: 10px; top: 50%; right: 3px; background-color: #3c9847; color: #fff; border-radius: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .main-nav ul ul .zn-mega-new-item { left: auto; right: 10px; text-transform: uppercase; } .main-nav ul ul.sub-menu li a:not(:only-child) .zn-mega-new-item {right:30px;} .main-nav .zn_mega_container ul .zn-mega-new-item {right: 3px;} /* Scroll to top button */ #totop {height:9px; opacity:0; position:fixed; right:-60px; width:49px; z-index:9999; display:block; top:85%; 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:"\e080"; top: 10px; left: 50%; margin-left: -6px; font-size: 11px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); } #totop.show { right:10px; opacity:0.7; } #totop:hover { opacity:1;} /* Sparkles */ #sparkles, .th-sparkles { display:none;} .th-sparkles-visible .th-sparkles {display: block;} .th-sparkles > span {display: block; width: 15px; height: 15px; position: absolute; background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(60%,rgba(255,255,255,0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%); background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );} .th-sparkles .shiny-spark1 { width:20px; height:20px; opacity:.4; } .th-sparkles .shiny-spark2 { width:10px; height:10px; opacity:.7; } .th-sparkles .shiny-spark3 { width:30px; height:30px; opacity:.1; } .th-sparkles .shiny-spark4 { width:3px; height:3px; opacity:.9; } .th-sparkles .shiny-spark5 { width:15px; height:15px; opacity:.3; } .th-sparkles .shiny-spark6 { width:25px; height:25px; opacity:.5; } /* 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;} .wgt-title {color: #454545; font-size: 16px; line-height: 1.3; border-bottom: 2px solid #EDEDED; font-weight: 700; margin-bottom: 35px; letter-spacing: 0; padding-bottom: 10px;} .wgt-title > span {border-bottom: 2px solid #3c9847; display: inline-block; margin-bottom: -12px; padding-bottom: 10px;} /* Buttons styles */ /*** 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: #3c9847; border-color: #3c9847;} /*** 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: #3c9847; 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: #a41a1b} /* 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: #3c9847; } /*** 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; } .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; } /* Width presets */ .btn-fullwidth { width:100%;} .btn-halfwidth { width:50%;} .btn-third { width:33.33%;} .btn-forth { width:25%;} /* 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} /* Small hack for icon font */ [data-zniconfam]:before, [data-zniconfam] { font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hg_separator { margin-top: 15px; margin-bottom: 15px; border-top-style: solid; border-top-width: 2px; border-top-color: #e2e2e2;} .hg_separator.style2 { margin-top: 30px; margin-bottom: 45px; border-top-width: 4px; border-top-color: #ededed;} .section-shadow { box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.1), inset 0 2px 0px rgba(0, 0, 0, 0.07), inset 0 3px 0px rgba(0, 0, 0, 0.03);} body .kl-ioscaption--style4 .more:before { border-color: #3c9847; background: rgba(205,33,34,0.7);} body .kl-ioscaption--style4 .more:hover:before { background: rgba(205,33,34,0.9);} .parallax-bg { width: 100%; background-position: 50% 0; background-attachment: fixed;} /*** NEW MENU SYSTEM ***/ .main-nav {display:none;} @media screen and (min-width: 992px){ .main-nav {display:block; margin-right: 20px; font-size: 14px; float: right; } .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 { margin: 15px 0; } .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 { padding-bottom: 10px; } .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: #828282; z-index: 1; font-weight: 600; -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: #3c9847; -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 { 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; } /* FIRST SUB-LEVEL */ .main-nav ul ul.sub-menu li {position: relative;} .main-nav ul ul.sub-menu ul { top: 100%; margin-top: 0; } .main-nav ul ul.sub-menu li a:not(:only-child):after { position: absolute; top: 50%; margin-top: -1px; right: 10px; content: ''; opacity: .6; background-color: rgba(0, 0, 0, 0.3); width: 10px; height: 2px;} .main-nav ul ul.sub-menu li a { min-width: 230px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.03); padding: 10px 20px; font-size: 12px; color: #757575; position: relative; text-transform: uppercase;} .main-nav ul ul.sub-menu li a[title="separator"] {text-indent: -2999px; padding: 0; background-color: rgba(0, 0, 0, 0.05) !important; background-clip: padding-box; height: 5px;} .main-nav ul ul.sub-menu li.active > a, .main-nav ul ul.sub-menu li a:hover { color: #323232; background: rgba(0,0,0,0.04);} /* REST OF SUB-LEVELS */ .main-nav ul ul.sub-menu, .main-nav .hg_mega_container { position: absolute; border-radius: 2px; 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, 1); } .main-nav > ul > li > ul.sub-menu:before { content:''; display: block; position:absolute; top: -10px; left:0; width:100%; height:10px; } /* fix for top hover */ .main-nav > ul > li > ul.sub-menu:after {content:''; display: block; position:absolute; top: -11px; left:14px; border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color:#f5f5f5; } .main-nav ul ul.sub-menu li:hover > ul { left: 100%; top: -3px; opacity: 1; } /* ANIMATIONS */ .main-nav ul ul.sub-menu, .main-nav .hg_mega_container { left: -9999px; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease, top .45s ease; transition: opacity .4s ease, top .45s ease; } .main-nav .hg_mega_container { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); } .main-nav ul ul.sub-menu { top: 120%; } .main-nav .hg_mega_container {margin-top:5px; -webkit-transition: opacity .4s ease, top .45s ease, margin-top .4s ease; transition: opacity .4s ease, top .45s ease, margin-top .4s ease; } .main-nav ul li:hover > ul, .main-nav ul li:hover > .hg_mega_container { left: 0; opacity: 1; visibility: visible; z-index: 100; } .main-nav ul li:hover > ul { top:100%; } .main-nav ul li:hover > .hg_mega_container { margin-top:-15px;} .main-nav ul ul li a { -webkit-transition: padding-left .35s ease, border-right .35s ease; transition: padding-left .35s ease, border-right .35s ease; } /* 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: #3c9847; 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;} } /* MENU CHASER STYLES */ .chaser {display: none} @media screen and (min-width:992px){ .chaser {display:block; background:rgba(255,255,255,0.75); border-bottom: 3px solid rgba(60, 152, 71, 0.68); padding:0; position:fixed; left:-2999px; right:0; top:0; width:100%; z-index: 1; opacity:0; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); -webkit-transition:opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; transition:opacity .15s ease-in-out, transform .15s ease-in-out;} .chaser.visible {left:0; opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);} body.admin-bar > .chaser {margin-top:32px;} #wpk-main-menu { position: initial;} .chaser .main-menu, .chaser .main-menu ul {float:none; display:block; list-style:none; margin:0; padding:0; position: relative;} .chaser .main-menu li:not(.menu-item-mega-parent) {position:relative;} .chaser .main-menu > li {float:left; border-left:1px solid rgba(255,255,255,.1); } .chaser .main-menu > li:last-child { border-right:1px solid rgba(255,255,255,.1); } .chaser .main-menu .sub-menu, .chaser .main-menu .hg_mega_container {left:-2999px; position:absolute; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px); opacity:0; -webkit-transition:opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; transition:opacity .15s ease-in-out, transform .15s ease-in-out; border-radius: 0;} .chaser .main-menu .hg_mega_container {left:-2999px !important;} .chaser .main-menu .zn_mega_row_start:after, .chaser .main-menu .zn_mega_row_start:before {display: table; content: " ";} .chaser .main-menu .zn_mega_row_start:after {clear: both } .chaser .main-menu li ul { background:rgba(0,0,0,0.9); min-width:200px; padding:5px; } .chaser .main-menu li ul li ul { background: none;} .chaser .main-menu .hg_mega_container > ul { padding-top: 0; padding-bottom:20px} .chaser .main-menu .hg_mega_container > ul:first-child { padding-top: 20px; } .chaser .main-menu .hg_mega_container > ul:last-child { padding-bottom: 30px; } .chaser .main-menu .hg_mega_container ul ul {background: none; padding: 10px 0 0;} .chaser .main-menu .hg_mega_container .zn_mega_title {border-bottom:1px solid #454545; background:none;} .chaser .main-menu .hg_mega_container .zn_mega_title_hide { display: none;} .chaser .main-menu li a {display:block; color:#757575; font-size:12px; line-height:1.4; font-weight: 700; padding:7px 25px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;position: relative;} .chaser .main-menu li:hover > a:not(:only-child) + .sub-menu, .chaser .main-menu li:hover > a:not(:only-child) + .hg_mega_container { left:0; opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);} .chaser .main-menu li:hover > a:not(:only-child) + .hg_mega_container { left:0 !important;} .chaser .main-menu li > a:not(:only-child) { padding-right:25px; } .chaser .main-menu li > a:not(:only-child):after { content: ''; position: absolute; top: 50%; right: 9px; margin-top: -1px; height: 2px; width: 6px; background: #ccc; opacity: .5;} .chaser .main-menu li li:hover > a:not(:only-child) + .sub-menu { left:100%; top:-4px; } .chaser .main-menu li:hover > a, .chaser .main-menu li a:hover {color:#fff; background:#3c9847;} .chaser .main-menu li.active > a {border-bottom: 2px solid rgb(60, 152, 71);} .chaser .zn-mega-new-item {display: none;} .chaser .navRight, .chaser .spanel-label, .chaser .topnav--lang { display: none;} .chaser .kl-header-toptext, .chaser .kl-header-toptext a { color: #fff; float: right; margin-left: 5px;} .chaser .header-leftside-container {padding-top: 10px;} .chaser .header-search { display: none;} .chaser .main-menu > li, .chaser .main-menu > li:last-child { border: none;} .chaser .main-menu { margin-top: 10px; margin-left: 85px;} .chaser .logo-container.hasInfoCard:before { top: 30px;} .chaser .logosize--yes .site-logo { height: 50px; width: 100%; text-align: center;} .chaser .site-logo img { max-height: 92px;} .chaser .main-menu li a[title="separator"] { text-indent: -2999px; display: none;} .chaser .main-menu, .chaser .col-sm-10, .chaser .col-md-12 { position: initial;} .chaser .row { position: relative;} .chaser .main-menu li li:hover > a:not(:only-child) + .sub-menu { background: rgba(0,0,0,0.9);} /*.chaser .logo-container { float: none;}*/ .chaser #logo-container { padding-right: 0;} /* .chaser.visible .logo-container.hasInfoCard { position: initial;}*/ #_wpk-cta-button > .ctabutton { margin-top: 5px!important; } } .white-logo {display: none;} .chaser .dark-logo {display: none;} .chaser .white-logo {display: block;} /* 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: absolute; width: 100%; height: 100%; background: #fff; overflow: hidden; 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%; 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} #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: 49px; 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 { float: right; display: block; margin-top: 42px} .zn-res-trigger { vertical-align: middle; position: relative; display: inline-block; width: 25px; height: 28px; margin-right: 25px; float: left; margin-left: 30px; margin-top: 14px} .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;} @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: #3c9847;} #page_wrapper { -webkit-transition: margin-left 0.2s ease-out; -moz-transition: margin-left 0.2s ease-out; -o-transition: margin-left 0.2s ease-out; -ms-transition: margin-left 0.2s ease-out; transition: margin-left 0.2s ease-out; -webkit-backface-visibility: hidden;} #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);} } /* Call to action Button in Header */ .site-header.cta_button .header-search {position:absolute; clear:none; float:none;} .site-header.cta_button .header-search .searchBtn {margin:0;} .ctabutton {clear:right; float: right; position: relative; font-size: 11px; font-weight: 700; color:#fff; text-align: center ; padding: 10px 10px 7px; border-radius: 2px; margin-top: 38px; margin-left: 20px; } .kl-cta-ribbon .trisvg {position:absolute; top: 100%; left:0; width: 100%; height: 5px;} .kl-cta-ribbon .trisvg path {fill:#3c9847;} .kl-cta-ribbon:hover .trisvg path {fill:#fff;} .kl-cta-ribbon { margin-bottom: -7px; background: #3c9847;} .kl-cta-ribbon:hover {background: #fff; color:#000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);} .kl-cta-ribbon strong {font-size: 17px; font-weight: 900; display:block; line-height: 24px;} .kl-cta-lined {margin-top:5px; background-color: transparent ; box-shadow: none; padding: 8px 20px 9px;} /* TOP NAVIGATION */ .topnav {float:right; margin:10px 0; padding:0; list-style:none; position: relative; z-index: 101; font-size: 11px;} .topnav > li {float:left; margin-left:25px; position:relative;} .topnav > li > a {font-size:11px; font-weight:700; color:#fff; line-height: 24px; display: block; padding: 0; border-radius:2px; opacity:.8; font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out;} .topnav > li:hover > a, .topnav > li > a:hover {opacity:1; } .topnav > li > a > span {margin-right:3px; margin-top: 0;} .topnav li.drop .pPanel {position: absolute; left: auto; width:auto; min-width: 120px; height:0; opacity:0; visibility: hidden; margin-left: -11px;right: 0;} .topnav li.drop .inner {margin:4px; list-style:none; background: #f5f5f5; padding: 10px 5px; margin-top:5px; position:relative; box-shadow: 0 0 5px rgba(0,0,0, 0.4); border-radius:2px;} .topnav li.drop .inner:after {content:"";top:-8px; position:absolute; left:9px; border: 5px solid transparent; border-bottom-width: 4px; border-bottom-color:#f5f5f5; } .topnav li.drop:hover .pPanel {opacity:1; height:auto; visibility: visible;} .topnav li.drop li a { font-size:10px; color:#222; padding:0 5px 0 10px; display: block; text-transform:uppercase; margin-top:1px; } .topnav li.drop li.active a, .topnav li.drop li a:hover {background: rgba(0, 0, 0, 0.1); } .topnav li.drop li a span {float: right; opacity: .3; margin-top: 2px;} /* Cart details panel */ .site-header .kl-cart-button + .pPanel {left:auto; right:0; margin-left: 0; margin-right: -10px; padding-top: 10px;} body .site-header .kl-cart-button + .pPanel {min-width: 320px} .site-header .kl-cart-button + .pPanel .inner:after {left:auto; right:9px;} .site-header .kl-cart-button .glyphicon { font-size: 13px; top: 2px; margin-right: 7px; } .site-header .kl-cart-button .glyphicon:after { content: attr(data-count); font-size: 9px; background-color: #3c9847; color: #fff; width: 15px; height: 15px; display: block; text-align: center; line-height: 13px; border-radius: 50%; position: absolute; top: -8px; left: -12px; font-weight: 600; padding-right: 1px; } .cart-container > .widget_shopping_cart_content {display:block;font-size:11px;} .cart-container > .widget_shopping_cart_content .checkout {border-left: 1px solid #CCC; margin-left: 15px; padding-left: 15px; display: inline-block; color:#3c9847; font-size:12px; text-transform:uppercase; } .cart-container > .widget_shopping_cart_content .checkout:hover {color:#333;} .cart-container > .widget_shopping_cart_content .checkout span {margin-top: 1px; opacity: 0.2; } /*.topnav li.drop .pPanel { min-width: 320px; }*/ .cart-container { margin: 0 !important; background: #f5f5f5 !important; padding: 25px !important; } .cart-container .cart_list { margin: 0 0 15px !important; list-style: none; border-bottom: 1px solid #ddd; padding: 0; } .cart-container .cart_list a:hover { background-color: transparent !important; } .cart-container .cart_list li { overflow: hidden; margin: 0 0 15px !important; text-align: center;} .cart-container .cart_list li a:not(.remove) { font-family: "Montserrat",Helvetica,Arial,sans-serif; text-transform: initial; font-size: 11px; font-weight: normal; padding: 0 30px 0 0 !important; text-align: left; } .cart-container .cart_list .remove { float: right; font-size: 16px; color: #C3C3C3; padding: 0 !important; } .cart-container .cart_list .remove:hover { color: #7F7F7F; } .cart-container .cart_list .product-title:hover { color: #3c9847; } .cart-container .cart_list .color-variations, .cart-container .cart_list .quantity { display: block; text-align: left; } .cart-container .cart_list li img { float: left !important; margin-right: 15px; margin-left: 0 !important; width: 60px !important } .cart-container .cart_list li .variation, .cart-container .cart_list li .variation p { margin: 0;} .cart-container .cart_list li .variation { overflow: hidden !important; border: 0!important; padding: 0!important;} .cart-container .cart_list li .variation-Color { display: inline-block; padding: 0 !important; margin: 0 !important; clear: none !important; } .cart-container .cart_list li .variationr:before, .cart-container .cart_list li .variation:after {content: none} .cart-container .total .amount { float: right; font-weight: bold; font-size: 15px; line-height: 18px; } .cart-container .total { border-bottom: 1px solid #ddd; padding: 0 0 15px; margin: 0 0 15px; } .cart-container .buttons { overflow: hidden; margin: 0; } .cart-container .buttons .button { width: 49%; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; text-transform: uppercase; } .cart-container .buttons .button.wc-forward { background-color: #3c9847; color: #fff; text-shadow: none; font-weight: normal; padding: 9px 20px; line-height: 1.6; box-shadow: none; font-size: 14px; font-weight: 600; border-radius: 3px; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .cart-container .buttons .button.checkout { color: #242424; border-color: #242424; font-weight: normal; border-width: 2px; background: none; text-shadow: none; padding: 8px 20px; line-height: 1.6; box-shadow: none; font-size: 14px; border-style: solid; border-radius: 3px; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; margin-left: 0; background-color: transparent !important;} /* Site Header & logo */ .site-logo { float: left; margin:0; display: table;} .site-logo a { padding: 0; display: table-cell; position:relative; vertical-align: middle; } .site-logo img { max-height: 92px; } /* Logo with InfoCard on Hover */ .logo-container {float:left;} .logo-container.hasInfoCard {position:relative;} .boxed .logo-container.hasInfoCard:before { display: none;} .logo-container .logo-infocard {position:absolute; top:100%; margin-top:20px; width:440px; padding:30px 20px 25px; background:#3c9847; border-radius: 2px; font-size: 12px; display:block; visibility:hidden; opacity:0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-backface-visibility: hidden; z-index:1;} .logo-container:hover .site-logo + .logo-infocard { visibility:visible; opacity:1; margin-top:10px; -webkit-transition-delay: 0s; transition-delay: 0s; z-index: 2;} .logo-infocard, .logo-infocard a {color: #FFF; font-weight: normal; line-height: 1.6;} .logo-infocard a:hover {color: rgba(255,255,255,.7);} .logo-infocard p:last-child {margin-bottom: 0;} .logo-infocard .social-icons {margin-left: 0; padding-left: 0;} .logo-infocard .social-icons li {margin:0;} .logo-infocard .social-icons li.title {margin-right: 10px;font-size: 15px;} .logo-infocard .social-icons li a {background-color:transparent; box-shadow: none;} .logo-infocard .social-icons li a:hover {opacity:.7;} .logo-infocard .contact-details { background: url(../images/say_hi.png) no-repeat right top; } /* 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-content { position:relative; margin-top: 60px;} .site-header + .site-content { padding-top: 200px; margin-top:0; } .site-content .kl-slideshow { background: none transparent; clear: both; display: block; } /* Site Header */ .site-header {position:absolute; width:100%; background:rgba(0,0,0,0.5); z-index:2; } .siteheader-container {position:relative;} .site-header {background:none; border:0; box-shadow: none; height: auto;} .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 .kl-header-bg {position:absolute; top:0; left:0; width:100%; height:170%; opacity:.6; pointer-events:none; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,transparent 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,transparent 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,transparent 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );} .site-header .kl-top-header {/*color:rgba(255, 255, 255, 0.8);*/ position: relative;} .site-header .header-links-container {float: right; height:auto; margin-right: 60px;} .site-header .header-search {z-index: 102; position: absolute; top: -3px; right: 0; clear: none; float: none;} .site-header .header-search .searchBtn, .site-header.cta_button .header-search .searchBtn {margin:10px 0 0 10px;} .site-header .searchBtn.active {border-radius: 2px 2px 0 0;} .site-header .header-leftside-container {line-height: 24px; margin:12px 0; position: relative;} .site-header .kl-header-toptext {font-size: 13px; color: #fff;} .site-header .kl-header-toptext a {font-size: 13px; color: #fff;} .site-header .main-nav {float:left; margin-left: 30px;} .site-header .topnav {margin-bottom: 0; margin-top: 20px;} .site-header .kl-top-header .topnav {margin-bottom: 8px; margin-top: 12px; z-index: 111;} .site-header .social-icons.topnav {margin: 0; padding: 0; position: relative; top: -3px; float: left;} .site-header .social-icons.topnav li { margin:0; margin-left: 10px;} .site-header .social-icons.topnav.sc--clean li { margin-left:0;} .site-header .social-icons.topnav li:first-child { margin-left:0;} .site-header .social-icons.topnav ~ .kl-header-toptext {margin-left:10px; margin-top: 5px;} .site-header .social-icons.topnav.sc--clean > li > a {color:#fff;} .site-header .social-icons.topnav.sc--clean > li > a:hover {color:rgba(255,255,255,.9);} .site-header .kl-cta-lined { margin-top: 13px; } /*body .site-header .zn-res-menuwrapper .zn-res-trigger:after{background: #FFFFFF; box-shadow: 0 8px 0 #FFFFFF, 0 16px 0 #FFFFFF;}*/ /*body .site-header .zn-res-menuwrapper {float: left; margin-top: 10px; margin-left: 30px; }*/ /*.site-header .zn-res-menuwrapper .zn-res-trigger { margin-top: 15px;}*/ .site-header.style1 .main-nav { margin-left: 50px; } /* 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:#3c9847;} /* Colored social icons */ .social-icons.sc--colored li a:hover {background-color:#121212;} /* Colored social icons */ .social-icons.sc--colored_hov li a:not(:hover) {background-color:#121212;} /* Social icons - clean style */ .social-icons.sc--clean li {margin-left: 0; margin-right: 0;} .social-icons.sc--clean li a {background:none; box-shadow: none; font-size:14px;} .social-icons.sc--clean li a:hover {background:none; box-shadow: none; } /* Default social icons in header */ .site-header .social-icons.topnav {z-index: 1; } .site-header .social-icons.topnav li { margin:0; margin-left: 10px;} .site-header .social-icons.topnav.sc--clean li { margin-left:0;} .site-header .social-icons.topnav li:first-child { margin-left:0;} .scheader-icon-nocolor {background-color:#121212;} /* Social color bg */ .social-icons.sc--colored .icon-facebook { background-color: #3b579d;} .social-icons.sc--colored .icon-twitter { background-color: #5ea9dd;} .social-icons.sc--colored .icon-google { background-color: #df4b38;} .social-icons.sc--colored .icon-linkedin { background-color: #007ab5;} /* kl-slideshow div styles */ .kl-slideshow-inner {position: relative; z-index: 1; /* z-index: 100; */ } .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: #3c9847;} /* 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;} @media screen and (min-width:480px){ .zn_pb_wrapper > .zn_pb_el_container:first-child > .kl-slideshow .kl-slideshow-safepadding, .zn_pb_wrapper > .kl-slideshow:first-child .kl-slideshow-safepadding {padding-top:150px; padding-bottom: 45px;} } /*#sparkles, .th-sparkles {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; display:none;}*/ #sparkles, .th-sparkles { display:none;} .th-sparkles-visible .th-sparkles {display: block;} .th-sparkles > span {display: block; width: 15px; height: 15px; position: absolute; background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(60%,rgba(255,255,255,0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%); background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );} .th-sparkles .shiny-spark1 { width:20px; height:20px; opacity:.4; } .th-sparkles .shiny-spark2 { width:10px; height:10px; opacity:.7; } .th-sparkles .shiny-spark3 { width:30px; height:30px; opacity:.1; } .th-sparkles .shiny-spark4 { width:3px; height:3px; opacity:.9; } .th-sparkles .shiny-spark5 { width:15px; height:15px; opacity:.3; } .th-sparkles .shiny-spark6 { width:25px; height:25px; opacity:.5; } /*** Page Subheader's defaults */ .page-subheader {min-height:300px; background-color: #066fd9;} .page-subheader[class*="maskcontainer--"] { min-height: 330px; } .page-subheader .container {padding: 0 15px; z-index: 1; position: relative; } .page-subheader > .shadowUP:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px; } .page-subheader .bgback {position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; background-size: cover; background-position: center;} #page_header.no-bg { background: none; } .page-subheader .ph-content-wrap { width: 100%; display: table; height: 400px; min-height: 400px; } .page-subheader .ph-content-v-center { display: table-cell; position: relative; vertical-align: middle;} /* Page-subheader padding (default) */ /*.page-subheader:not(.site-subheader-cst) .ph-content-wrap {padding-top:170px;}*/ /* Safe padding for Subheader */ .page-subheader .ph-content-wrap {padding-top:100px;} /* Page subheader styles */ .page-subheader.gradient, .kl-slideshow.gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,0.5))); background: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,0.5) 100%); background-color: #345370; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); } .page-subheader, .kl-slideshow {position: relative; top: 0; z-index: 0;} .page-subheader.nobg, .kl-slideshow.nobg {background:none;} .page-subheader.hasMargin, .kl-slideshow.hasMargin {margin-bottom:40px;} /* HG Section */ .hg_section {padding-top:35px; padding-bottom: 35px;} .hg_section--relative {position: relative;} .hg_section--masked { padding-bottom: 55px;} .hg_section__source + .hg_section_size {position: relative;} .kl-bg-source + .hg_section_size {position: relative;} /* PORTFOLIO */ .hg_other_images > div{ margin-top:15px; margin-bottom:15px; } .hg_other_images { margin-top:20px; } /* Background source for elements */ .kl-bg-source:not(:empty), .kl-bg-source__overlay, .kl-bg-source__bgimage { position: absolute; top:0; left:0; bottom: 0; right:0; } .kl-bg-source__bgimage { background-position: center; background-repeat: no-repeat; background-size: cover;} .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;} /* Source Mask */ .ls-source__mask {position: absolute; bottom:0; left:0; height: 20vh; background:#fff; width: 100%; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); -webkit-backface-visibility:hidden;} .ls-source__mask.ls-source__mask-front {background: -moz-linear-gradient(top, rgba(245,245,245,0.6) 0%, rgba(245,245,245,1) 60%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0.6)), color-stop(60%,rgba(245,245,245,1))); background: -webkit-linear-gradient(top, rgba(245,245,245,0.6) 0%,rgba(245,245,245,1) 60%); background: -o-linear-gradient(top, rgba(245,245,245,0.6) 0%,rgba(245,245,245,1) 60%); background: -ms-linear-gradient(top, rgba(245,245,245,0.6) 0%,rgba(245,245,245,1) 60%); background: linear-gradient(to bottom, rgba(245,245,245,0.6) 0%,rgba(245,245,245,1) 60%);} .ls-source__mask.ls-source__mask-back {background:rgba(255,255,255,.4); -webkit-transform: skewY(-3.1deg); -ms-transform: skewY(-3.1deg); transform: skewY(-3.1deg); -webkit-backface-visibility:hidden;bottom: 40px;} /*** Special Bottom masks */ .kl-bottommask {z-index: 1;} .fake-loading ~ .kl-bottommask {z-index: 2;} /* Shadow up mask Simple */ .maskcontainer--shadow_simple {border-bottom: 0 !important;} .kl-bottommask--shadow_simple {position:absolute; bottom:0; left:0; width:100%; height:6px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 2; border-bottom:0; box-sizing: content-box; background: -webkit-gradient(50% 100%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0,0,0,.3), transparent 70%); background: radial-gradient(ellipse at 50% 100%,rgba(0,0,0,0.3) 0, transparent 70%); background: -webkit-radial-gradient( 50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%); } /* Shadow Down mask Simple */ .maskcontainer--shadow_simple_down {border-bottom: 0 !important;} .kl-bottommask--shadow_simple_down {position:absolute; bottom:-10px; left:0; width:100%; height:10px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; background: -webkit-gradient(50% 0%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(50% 0%, ellipse, rgba(0,0,0,.3), transparent 70%); background: radial-gradient(ellipse at 50% 0%,rgba(0,0,0,0.3) 0, transparent 70%); background: -webkit-radial-gradient( 50% 0%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%);} /* Shadow up mask - width border and arrow */ .maskcontainer--shadow {border-bottom: 0 !important;} .kl-bottommask--shadow {position:absolute; bottom:0; left:0; width:100%; height:6px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 1; border-bottom:6px solid #FFFFFF; box-sizing: content-box; background: -webkit-gradient(50% 100%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0,0,0,.3), transparent 70%); background: radial-gradient(ellipse at 50% 100%,rgba(0,0,0,0.3) 0, transparent 70%); background: -webkit-radial-gradient( 50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%); } .kl-bottommask--shadow:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;} /* Shadow up & down mask */ .maskcontainer--shadow_ud {border-bottom: 0 !important;} .kl-bottommask--shadow_ud {position:absolute; bottom:0; left:0; width:100%; height:12px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 1; border-bottom:6px solid #FFFFFF; background: -webkit-gradient(50% 100%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0,0,0,.3), transparent 70%); background: radial-gradient(ellipse at 50% 100%,rgba(0,0,0,0.3) 0, transparent 70%); background: -webkit-radial-gradient( 50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%); } .kl-bottommask--shadow_ud:after {content:''; position:absolute; bottom:-17px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;} .kl-bottommask--shadow_ud:before {content:''; position:absolute; bottom:-16px; left:0; width:100%; height:10px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; background: -webkit-gradient(50% 0%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(50% 0%, ellipse, rgba(0,0,0,.3), transparent 70%); background: radial-gradient(ellipse at 50% 0%,rgba(0,0,0,0.3) 0, transparent 70%); background: -webkit-radial-gradient( 50% 0%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%);} /* Mask 1 */ .maskcontainer--mask1 {border-bottom: 0 !important; padding-bottom: 30px;} .kl-bottommask--mask1 {position:absolute; bottom:0; left:0; width:100%; height:27px; z-index:99; background:url(../images/bottom_mask.png) no-repeat center top;} /* Mask 2 */ .maskcontainer--mask2 {border-bottom: 0 !important; padding-bottom: 40px;} .kl-bottommask--mask2 {position:absolute; bottom:0; left:0; width:100%; z-index:99; height:33px; background:url(../images/bottom_mask2.png) no-repeat center top;} /* Mask 3 */ .maskcontainer--mask3 {border-bottom: 0 !important;} .kl-bottommask--mask3 { position: absolute; bottom: 0; left: 0; width: 100%; height: 57px;} .kl-bottommask--mask3 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); margin-bottom: -15px;} .kl-bottommask--mask3 .glyphicon {position: absolute; bottom: 5px; left: 50%; display: block; width: 30px; text-align: center; font-size: 22px; opacity: 0.2; height: 15px; top: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: 1px;} /* Mask 4 */ .maskcontainer--mask4 {border-bottom: 0 !important; padding-bottom: 40px;} .kl-bottommask--mask4 { position: absolute; bottom: 0; left: 0; width: 100%; height: 27px;} .kl-bottommask--mask4 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} /* Mask 3 and 4, left or right aligned */ @media (min-width: 1200px) { .kl-bottommask--mask3 .svgmask-right, .kl-bottommask--mask3 .svgmask-right + .glyphicon, .kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 510px) ); -ms-transform:translateX( calc(-50% + 510px) ); transform: translateX( calc(-50% + 510px) );} .kl-bottommask--mask3 .svgmask-left, .kl-bottommask--mask3 .svgmask-left + .glyphicon, .kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 510px) ); -ms-transform:translateX( calc(-50% - 510px) ); transform: translateX( calc(-50% - 510px) );} } @media (min-width: 992px) and (max-width: 1199px) { .kl-bottommask--mask3 .svgmask-right, .kl-bottommask--mask3 .svgmask-right + .glyphicon, .kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 410px) ); -ms-transform:translateX( calc(-50% + 410px) ); transform: translateX( calc(-50% + 410px) );} .kl-bottommask--mask3 .svgmask-left, .kl-bottommask--mask3 .svgmask-left + .glyphicon, .kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 410px) ); -ms-transform:translateX( calc(-50% - 410px) ); transform: translateX( calc(-50% - 410px) );} } @media (min-width: 768px) and (max-width: 991px) { .kl-bottommask--mask3 .svgmask-right, .kl-bottommask--mask3 .svgmask-right + .glyphicon, .kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 300px) ); -ms-transform:translateX( calc(-50% + 300px) ); transform: translateX( calc(-50% + 300px) );} .kl-bottommask--mask3 .svgmask-left, .kl-bottommask--mask3 .svgmask-left + .glyphicon, .kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 300px) ); -ms-transform:translateX( calc(-50% - 300px) ); transform: translateX( calc(-50% - 300px) );} } @media (max-width: 767px) { .kl-bottommask--mask3 .svgmask-right, .kl-bottommask--mask3 .svgmask-right + .glyphicon, .kl-bottommask--mask4 .svgmask-right, .kl-bottommask--mask3 .svgmask-left, .kl-bottommask--mask3 .svgmask-left + .glyphicon, .kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform: translateX(-50%);} } /* Mask 5 */ .maskcontainer--mask5 {border-bottom: 0 !important; padding-bottom: 75px;} .kl-bottommask--mask5 { position: absolute; bottom: 0; left: 0; width: 100%; height: 64px;} .kl-bottommask--mask5 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} .kl-bottommask--mask5 .bmask-customfill {-webkit-transform: translateY(-1px);-ms-transform: translateY(-1px);transform: translateY(-1px);} /* Hack for safari only to hide shadow */ .is-safari .svgmask .bmask-bgfill, .is-safari .kl-bottommask--mask3 .bmask-bgfill, .is-safari .kl-bottommask--mask4 .bmask-bgfill { -webkit-filter:none; filter: none;} .is-safari .kl-bottommask--mask3 .bmask-bgfill, .is-safari .kl-bottommask--mask4 .bmask-bgfill, .is-safari .svgmask .bmask-bgfill {-webkit-svg-shadow: 0px 0px 7px rgba(0, 0, 0, 0.47); transform: translateY(4px);} /* Mask 6 */ .maskcontainer--mask6 {border-bottom: 0 !important; padding-bottom: 70px;} .kl-bottommask--mask6 { position: absolute; bottom: 0; left: 0; width: 100%; height: 57px;} .kl-bottommask--mask6 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} /* Mask 7 */ .kl-bottommask--mask7 {position: absolute; bottom: 0; width: 100%; z-index: 1; left: 0;} .kl-bottommask--mask7.mask-over {z-index: 2;} .kl-bottommask--mask7.screffect {-webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%} /* Static content with mask, do things a bit differently */ .static-content__slideshow[class*="maskcontainer--"] {padding-bottom: 0;} .static-content__slideshow[class*="maskcontainer--"] .kl-slideshow-inner {padding-bottom: 60px} /* Same goes for portfolio slider */ .portfolio-slider__sideshow[class*="maskcontainer--"] {padding-bottom: 0;} /* Same goes for fancy slider */ /*.fancyslider__slideshow[class*="maskcontainer--"] .kl-slideshow-inner {padding-bottom: 60px}*/ /* Same goes for revolution slider */ .kl-revolution-slider[class*="maskcontainer--"] {padding-bottom: 0;} /* 3D Cute slider def. padding */ .cute3dslider .kl-slideshow-inner {padding-top:170px; padding-bottom: 50px;} /*.br-circle-timer .br-timer-dot {-webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}*/ /* Mod Title */ .m_title {margin-top:0; color:#3c9847; /*text-transform: uppercase;*/} /* uppercase disabled, manually uppercase text */ h3.m_title {font-size:18px; line-height: 1.4;} .smallm_title {color:#3c9847; 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:#3c9847; 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;} /* Breadcrumbs */ .breadcrumbs {margin: 0 0 10px; padding:7px 15px 5px; list-style:none; background:rgba(0, 0, 0, 0.8); float: left; border-radius: 2px;} .breadcrumbs li {float:left; color:#eee; line-height:1.5; font-size:13px; font-weight:600; position:relative; text-transform: uppercase;} .breadcrumbs li:first-child { padding-left:0; background:none; margin-left:0;} .breadcrumbs li a {color:#fff;} .breadcrumbs li:after, .breadcrumbs2 li:after{ border: 4px solid transparent; content: ''; height: 0; width: 0; pointer-events: none; display: inline-block; border-left-color: #3c9847; margin: 0 5px 0 10px;} .breadcrumbs li:last-child:after, .breadcrumbs2 li:last-child:after{display:none;} .breadcrumbs2 {padding: 0; background: none; margin-bottom: 0; opacity: 0.4; transition: opacity .1s ease-out; list-style: none;} .breadcrumbs2 > li {display: inline-block;} .breadcrumbs2:hover {opacity: 1;} .breadcrumbs2.white a, .breadcrumbs2.white span {color: #fff;} /* social list */ .social_icons ul, ul.social_icons {list-style:none; margin:0; padding:0;} .social_icons li {display:inline-block; margin-left: 10px; line-height: 40px;} .social_icons li:first-child {margin-left: 0;} .social_icons li a {color:#cdcdcd; text-decoration:none; line-height: 1; font-size: 16px;display: inline-block; vertical-align: middle;} .social_icons li a:hover {color:#666;} .social_icons a {text-decoration: none;} .social_icons.socialstyles-extra li {margin:0; float: left;} .social_icons.socialstyles-extra li a { font-size:14px; color: rgba(255, 255, 255, 0.5); padding: 15px; border: 1px solid rgba(255, 255, 255, 0.2); border-left-width:0;} .social_icons.socialstyles-extra li a:hover { color: rgba(255, 255, 255, 0.7); } .social_icons.socialstyles-extra li:first-child a {border-left-width:1px;} /* 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:10px Arial, Helvetica, sans-serif; float: left; padding: 3px 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-family: 'Open Sans'; font-size: 24px; line-height: 30px; font-weight: 600; font-style: normal;} .tbk__subtitle {margin-top: 0; font-size: 20px; font-family: 'Open Sans'; font-size: 20px; line-height: 26px; font-weight: 400; font-style: normal;} .tbk-thinsubtitle { font-size: 18px; line-height: 32px; font-weight: 100;} .tbk__text {margin-top: 0; line-height: 1.6;} /* 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: #3c9847; 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: #3c9847; 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% - 79px); 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:#3c9847;} .tbk--color-theme.tbk-symbol--icon .tbk__icon {color:#3c9847;} /* Textbox */ .text_box {padding-bottom: 20px;} .text_box-title--style1 {font-size: 16px; color:#3c9847; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);} .text_box-title--style2 {font-size: 22px; color:#535353; font-weight: normal; margin-top: 0;} /* VideoBox Play button */ .playVideo {display:block; width:80px; height:80px; border:2px solid #fff; border-radius:50%; cursor: pointer; margin: 0 auto; -webkit-transform: scale(.95) translate3d(0,0,0); -ms-transform: scale(.95) translate3d(0,0,0); transform: scale(.95) translate3d(0,0,0); -webkit-transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; -webkit-backface-visibility: hidden; vertical-align: middle;text-align: center; color: #fff; line-height: 76px; font-size: 18px;} .playVideo:before { content: "\e072"; font-family: 'Glyphicons Halflings'; } .playVideo:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); color:#fff;} .playVideo ~ h5 { margin:40px auto 0; } /* BOXED VERSION */ body.boxed-layout #page_wrapper, body.boxed-layout .support_panel { border-left: 3px solid #fff; border-right: 3px solid #fff; margin:0 auto; background:#f5f5f5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);} /* Sidebars */ @media (min-width: 992px) { .left_sidebar {float:right;} } .sidebar {background: #fff; padding: 20px 15px; border-radius: 3px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);} .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 #3c9847;} .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; } /* Latest Post from sidebar */ .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:10px; 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: 14px; font-weight: 700; color: #3c9847; line-height: 1.6; vertical-align: middle;} .latest_posts.style2 ul.posts .details {float:left; width:110px;} .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:#3c9847; color:#fff; 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:#3c9847;} .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;} .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: 13px; margin:0 0 5px; font-weight: 600; text-shadow: 1px 1px 0 white; vertical-align: middle; line-height: 20px; margin: 0 0 5px; padding: 0; text-shadow: 1px 1px 0 white; vertical-align: middle; } /*.latest_posts.style3 ul.posts .title a{font-size: 13px; font-weight: normal; font-weight: 600; }*/ .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; } /* Site Content */ .hoverBorder {position:relative; display:inline-block; margin-bottom: 25px;} .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: 3px;} .theHoverBorder {position:absolute; left:0; top:0; bottom:0; right:0; border-radius:3px; box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; } .theHoverBorder:hover { box-shadow:0 0 0 5px #3c9847 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);} /* steps boxes #5 style 1 */ .process-list {position:relative;} .process-list .processitems {padding:0; list-style:none; position:relative;} .process-list .processitems li {text-align:center; position:relative; z-index:1; min-height: 1px; padding-left: 15px; padding-right: 15px; float:left; width: -webkit-calc(20% - 20px); width: 20%;} .process-list .processitems li .ico-wrapper {margin-bottom:30px;} .process-list .processitems li .ico-wrapper > span {font-size:55px; color:#45474d; display:inline-block; width:120px; height:120px; text-align:center; position:relative; vertical-align:middle; background:#f2f3f4; border-radius:50%; line-height: 120px; } .process-list .processitems li .ico-wrapper > span::after {opacity:0; visibility:hidden; content:''; position: absolute; width: 100%; top: 60px; height: 2px; background: #f2f3f4; left:100%; } .process-list .processitems li.lined .ico-wrapper > span::after {opacity:1; visibility:visible;} .process-list .processitems li.last .ico-wrapper > span::after {display:none;} .process-list .processitems li h4 {font-size:20px;} .process-list .processitems li p {color:#888;} .process-list .processitems li:hover .ico-wrapper > span {color:#fff; background:#3c9847;} /* Animations for Process Icons */ .process_steps__step:hover .process_steps__step-icon-src[data-animation=tada] {-webkit-animation: tada ease-in-out 1 normal 800ms; animation: tada ease-in-out 1 normal 500ms; } .process_steps__step:hover .process_steps__step-icon-src[data-animation=pulse] {-webkit-animation: pulse ease-in-out 1 normal 500ms; animation: pulse ease-in-out 1 normal 500ms; } .process_steps__step:hover .process_steps__step-icon-src[data-animation=fadeOutRightBig] {-webkit-animation: fadeOutRightBig ease-out 1 normal 1s; animation: fadeOutRightBig ease-out 1 normal 1s;} /* Pulse */ .pulse {-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes pulse {0% { -webkit-transform: scale(1); } 33% { -webkit-transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse {0% { -webkit-transform: scale(1); transform: scale(1); } 33% { -webkit-transform: scale(0.9); transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* Tada */ .tada {-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes tada {0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @keyframes tada {0% {-webkit-transform: scale(1);transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);} } /* Fadeout right big */ .fadeOutRightBig {-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutRightBig {0% { -webkit-transform: translate(2px, 1px); } 3% { -webkit-transform: translate(-1px, -2px); } 6% { -webkit-transform: translate(-3px, 0); } 8% { -webkit-transform: translate(0, 2px); } 10% { -webkit-transform: translate(1px, -1px); } 20% { -webkit-transform: translate(20px, -20px); } 100% { -webkit-transform: translate( 120px, -120px);} } @keyframes fadeOutRightBig {0% {-webkit-transform: translate(2px, 1px);transform: translate(2px, 1px); } 3% {-webkit-transform: translate(-1px, -2px);transform: translate(-1px, -2px); } 6% {-webkit-transform: translate(-3px, 0);transform: translate(-3px, 0); } 8% {-webkit-transform: translate(0, 2px);transform: translate(0, 2px); } 10% {-webkit-transform: translate(1px, -1px);transform: translate(1px, -1px); } 20% {-webkit-transform: translate(20px, -20px);transform: translate(20px, -20px); } 100% {-webkit-transform: translate( 120px, -120px);transform: translate( 120px, -120px);} } /* Process Steps 4 */ .step-boxes-4 { display: table; table-layout: fixed; width: 100%;} .process_box4 { display: table-cell; text-align: center; position: relative;} .process_box4 .stp_title { text-align: center; font-weight: 600; font-size: 16px;} .process_box4 .number { display: block; width: 80px; height: 80px; position: absolute; top: -40px; left: 50%; margin-left: -40px; } .process_box4 .number:before {content:''; background: #3c9847; border-radius: 50%; display: block; width: 20px; height: 20px; position: absolute; top:50%; margin-top: -10px; left: 50%; margin-left: -10px; transition:all .2s ease-out; } .process_box4:hover .number:before { width: 80px; height:80px; margin-left: -40px; margin-top:-40px;} .process_box4 .number span { visibility: hidden; opacity: 0; line-height: 80px; position:relative; color:#fff; font-weight:700; font-size:20px; text-align:center; transition: opacity .2s ease-out .1s, font-size .2s ease-out .1s, visibility .2s ease-out .1s; height: 80px; width: 80px; display: block;} .process_box4:hover .number span { visibility: visible; opacity: 1; font-size:30px; } .pb__line {display: block; height: 1px; width: 100%; margin-left: -10px; background: #d8d8d8; margin: 50px 0;position: relative;} .process_box4 .content { color: #a3a3a3; padding: 0 10px;} @media (max-width: 768px) { .process_box4 { display: block; margin-bottom: 50px;} } a.step_link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} /* Goboxes (stepsbox2) */ .gobox { color:#535353; padding:25px; min-height:100px; position:relative; line-height: 1.6; margin-bottom: 25px; border-radius: 5px; background-color: #EDEDED;} .gobox-content { z-index: 1; position: relative;} .gobox-content p:last-child {margin-bottom:0;} .gobox h4 {margin-top: 0; text-transform: uppercase; font-size: 14px; font-weight: bold; } .gobox:before, .gobox:after {content:''; position:absolute; top:50%;} .gobox:before { margin-top: 0; top: 0; left: -5px; background-color: #EDEDED; width: 40%; height: 100%; border-radius: 5px; -webkit-transform: skewX(-12deg); -ms-transform: skewX(-12deg); transform: skewX(-12deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left;} .gobox:after {margin-top: 0; top: 0; right: -5px; background-color: #EDEDED; width: 40%; height: 100%; border-radius: 5px; -webkit-transform: skewX(-12deg); -ms-transform: skewX(-12deg); transform: skewX(-12deg); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; } .gobox.gobox-first:before, .gobox.gobox-last:after {display:none} .gobox.ok:before, .gobox.ok:after, .gobox.ok { background-color:#3c9847; font-size:13px; color: #fff; } .gobox.ok h4 { color: #fff;} .gobox.ok > .glyphicon {font-size: 42px;color: rgba(255, 255, 255, 0.6);top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;left: 0px;} .gobox.ok > .glyphicon + .gobox-content { overflow: hidden ; margin-left: 30px;} /* Statistics element */ /* General */ .statistic-box__title { font-size: 40px; color: #fff; font-weight: 300; line-height: 1; margin: 0 0 10px;} .statistic-box__content { color: #fff; font-size: 13px; } .statistic-box__details { margin:0; position: relative; width: 100%;} .statistic-box__icon-holder {width: 100%; margin: 0; vertical-align: middle;} .statistic-box__icon { color: #fff; opacity:.8; line-height: 60px; margin:0; -webkit-transition:opacity .2s ease-out; transition:opacity .2s ease-out;} span.statistic-box__icon {font-size: 80px; } .statistic-box__icon-holder--img { line-height: 60px;} .statistic-box__iconimg {max-height: 80px; width:auto;} .statistic-box:hover .statistic-box__icon {opacity:1;} .statistic-box__line { position: relative; width: 100%; height: 1px; border-bottom: dotted 1px #3c9847; margin: 0;} .statistic-box__line::before { content: ''; position: absolute; height: 3px; background-color: #fff; width: 3px; display: block; left: 50%; border-radius: 3px; top: -1px; box-shadow: 0px 5px 0 -1px #fff, 0px 10px 0 -1px #fff, 0px 15px 0 -1px #fff, 0px 20px 0 -1px #fff;} /* Style 1 - horiontal odd/even */ .statistic-box--stl-style1.statistic-box__container { width: 100%; display:table; table-layout:fixed; margin-top: 120px; margin-bottom: 120px;} .statistic-box--stl-style1 .statistic-box {position:relative; display:table-cell; text-align: center;} .statistic-box--stl-style1 .statistic-box__icon-holder { position:absolute; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-top:0; padding-bottom:35px;} .statistic-box--stl-style1 .statistic-box__details {position:absolute; top: 0;min-height: 90px; padding-top: 35px; padding-bottom: 0;} .statistic-box--odd .statistic-box__icon-holder { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding-top:35px; padding-bottom:0;} .statistic-box--odd .statistic-box__details { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-bottom:35px; padding-top:0;} .statistic-box--odd .statistic-box__line::before {bottom:-2px; box-shadow: 0px -5px 0 -1px #fff, 0px -10px 0 -1px #fff, 0px -15px 0 -1px #fff, 0px -20px 0 -1px #fff;} /* Style 1 - horiontal normal */ .statistic-box--stl-style2.statistic-box__container { width: 100%; display:table; table-layout:fixed; margin-top: 120px; margin-bottom: 120px;} .statistic-box--stl-style2 .statistic-box {position:relative; display:table-cell; text-align: center;} .statistic-box--stl-style2 .statistic-box__icon-holder { position:absolute; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-top:0; padding-bottom:35px;} .statistic-box--stl-style2 .statistic-box__details {position:absolute; top: 0;min-height: 90px; padding-top: 35px; padding-bottom: 0;} /* Dark */ .statistic-box--dark .statistic-box__title { color: #121212; } .statistic-box--dark .statistic-box__content { color: #121212; } .statistic-box--dark .statistic-box__icon { color: #121212; } .statistic-box--dark .statistic-box__line { border-bottom-color: #d6d6d6;} .statistic-box--dark .statistic-box__line::before { background-color: #121212; box-shadow: 0px 5px 0 -1px #121212, 0px 10px 0 -1px #121212, 0px 15px 0 -1px #121212, 0px 20px 0 -1px #121212;} .statistic-box--dark .statistic-box--odd .statistic-box__line::before {box-shadow: 0px -5px 0 -1px #121212, 0px -10px 0 -1px #121212, 0px -15px 0 -1px #121212, 0px -20px 0 -1px #121212;} /* MQ's */ @media screen and (min-width: 992px) and (max-width: 1199px){ .statistic-box__title { font-size: 32px; } } @media screen and (max-width: 991px){ /* Style 1 - horiontal odd/even */ .statistic-box--stl-style1.statistic-box__container { width: 100%; display:block; margin:0;} .statistic-box--stl-style1 .statistic-box {position:relative; display:block; float:left; width:50%; margin-bottom: 30px; text-align: center;} .statistic-box--stl-style1 .statistic-box__icon-holder { position:static; transform: none; padding-top:0; padding-bottom:0;} .statistic-box--stl-style1 .statistic-box__details {position:static; min-height: 90px; padding-top: 0; padding-bottom: 0;} .statistic-box--stl-style1 .statistic-box--odd .statistic-box__icon-holder { transform: none; padding-top:0; padding-bottom:0;} .statistic-box--stl-style1 .statistic-box--odd .statistic-box__details { transform: none; padding-bottom:0; padding-top:0;} .statistic-box--stl-style1 .statistic-box__line { display: none;} /* Style 2 - horiontal odd/even */ .statistic-box--stl-style2.statistic-box__container { width: 100%; display:block; margin:0;} .statistic-box--stl-style2 .statistic-box {position:relative; display:block; float:left; width:50%; margin-bottom: 30px; text-align: center;} .statistic-box--stl-style2 .statistic-box__icon-holder { position:static; transform: none; padding-top:0; padding-bottom:0;} .statistic-box--stl-style2 .statistic-box__details {position:static; min-height: 90px; padding-top: 0; padding-bottom: 0;} .statistic-box--stl-style2 .statistic-box--odd .statistic-box__icon-holder { transform: none; padding-top:0; padding-bottom:0;} .statistic-box--stl-style2 .statistic-box--odd .statistic-box__details { transform: none; padding-bottom:0; padding-top:0;} .statistic-box--stl-style2 .statistic-box__line { display: none;} } @media screen and (max-width: 767px){ .statistic-box--stl-style1 .statistic-box, .statistic-box--stl-style2 .statistic-box { float:none; display: block; width:100%; } } /* Footer Styles*/ #footer {background:#2f2f2f; padding:60px 0 20px; color:#d5d5d5; border-top:4px solid #fff; position:relative;} #footer a {color:#fff;} #footer a:hover {color:#d5d5d5;} #footer .m_title {font-size: 14px; color: #3c9847; text-shadow: none; font-weight: 600;} #footer .menu {margin:0; padding:0; list-style:none;} #footer .menu a {padding-right:10px;} #footer .sbs .menu li {float:left; width:100%;} .scfooter-icon-nocolor {background-color:#121212;} /* Footer style 3 */ #footer.style3 {padding: 10px 0 10px; width: 100%; z-index: 10;} #footer.style3.fixed {padding: 10px 0 10px; position: fixed; bottom: 0; width: 100%; z-index: 10;} #footer.style3 .bottom, #footer.style3.fixed .bottom {border-top: none; padding-top: 15px;} #footer.style3.fixed #content {margin-bottom: 81px;} #footer .container-fluid {padding-left: 15px; padding-right: 15px;} /* Footer style 4 */ #footer.style4 {background-color: #1F1F1F;} #footer.style4 .copyright{text-align: center; float: none !important;} #footer.style4 .footer-logo {display: inline-block;} #footer.style4 .footer-links {font-size: 17px;} #footer.style4 .elm-social-icons {margin-top: 70px; display: block !important;} .newsletter-signup form { margin-bottom:0;} .newsletter-signup input { vertical-align: top; margin-bottom: 10px; width: calc(90% - 130px); display: inline-block; height: 40px;} .newsletter-signup input[type=text] {color:#4d4d4d; background: #EFEFEF; border: 1px solid #a3a3a3; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1) inset; width: 190px; display: inline-block; height: 40px; width: calc(90% - 130px);} .newsletter-signup input[type=submit] {color:#fff; background:#3c9847; border:0; font-weight:700; font-size:13px; height:40px; padding:0 15px; margin-left:10px; border-radius:3px; width: 120px; } .newsletter-signup input[type=submit]:hover {background:#000;} .newsletter-signup #result {display:inline-block; margin-bottom:10px;} .newsletter-signup #result:empty {display:inline;} /* NEWSLETTER SIDEBAR */ #sidebar .newsletter-signup input[type="text"], .zn_sidebar .newsletter-signup input[type="text"], [id*='sidebar-widget-'] .newsletter-signup input[type="text"] {width: 139px;} .newsletter-signup.cd-news .nl-email { width: calc(70% - 130px);} .map-link > span {margin-top:2px;} #footer .bottom {padding-top:30px; border-top:5px solid #484848; color:#8b8c8d;} #footer .social-icons {float:right;} #footer .copyright img {float:left; margin-right:20px;} #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;} .cf_response { display: none; padding-left: 15px; padding-right: 15px;} /* contact form errors */ .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 li.drop .pPanel, #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; } /* Kallyas Videos */ .kl-video-wrapper { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;} .kl-video { position: absolute; z-index: 1;} .kl-video video, .kl-video iframe { display: block; max-width: none;} .kl-video img { background-repeat: no-repeat; background-position: center; background-size: cover; left: 0 !important; top: 0; bottom: 0; right: 0;} .video-container {position:relative; padding-bottom:55.25%; height:0; overflow:hidden;} .video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} .csstransforms .kl-video.valign video, .csstransforms .kl-video.valign iframe { top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .csstransforms .kl-video.halign video, .csstransforms .kl-video.halign iframe { left: 50% !important; -webkit-transform: translateX(-50%) scale(1.002); -ms-transform: translateX(-50%) scale(1.002); transform: translateX(-50%) scale(1.002);} .csstransforms .kl-video.halign.valign video, .csstransforms .kl-video.halign.valign iframe { top: 50% !important; left: 50% !important; -webkit-transform: translateY(-50%) translateX(-50%) scale(1.002); -ms-transform: translateY(-50%) translateX(-50%) scale(1.002); transform: translateY(-50%) translateX(-50%) scale(1.002);} /* Video Grid Overlay */ .video-grid-overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-image: url(../images/video-pattern-1.png); opacity: .7; pointer-events: none;} .video-grid-overlay.ovrl2:after { background-image: url(../images/video-pattern-2.png);} /* Video with subtle top gradient */ .video-subtle-gradient:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 270px; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,transparent 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, transparent 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );} /* Video Controls */ .kl-video--controls { list-style: none; margin: 0; padding: 0; position: absolute; top: 30px; right: 50px; z-index: 3; width: 50px; opacity: .1; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in;} .kl-video--controls[data-position="top-left"] { right: auto; left: 50px;} .kl-video--controls[data-position="top-center"] { right: auto; left: 50%; margin-left: -25px;} .kl-video--controls[data-position="bottom-right"] { top: auto; right: 20px; bottom: 5px;} .kl-video--controls[data-position="bottom-left"] { top: auto; right: auto; left: 50px; bottom: 5px;} .kl-video--controls[data-position="bottom-center"] { top: auto; right: auto; left: 50%; bottom: 5px; margin-left: -25px;} div[class*="maskcontainer--"] .kl-video--controls[data-position="bottom-right"], div[class*="maskcontainer--"] .kl-video--controls[data-position="bottom-left"], div[class*="maskcontainer--"] .kl-video--controls[data-position="bottom-center"] { bottom: 40px;} .kl-video--controls[data-position="middle-right"] { top: 50%; margin-top: -25px;} .kl-video--controls[data-position="middle-left"] { left: 50px; right: auto; top: 50%; margin-top: -25px;} .kl-video--controls[data-position="middle-center"] { left: 50%; right: auto; top: 50%; margin-top: -25px; margin-left: -25px;} .kl-video-container:hover .kl-video--controls, #page-header:hover .kl-video--controls { opacity: 1;} .kl-video-container .kl-video--controls a { width: 50px; height: 50px; display: block; cursor: pointer; color: #fff; text-align: center; line-height: 50px; text-decoration: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: .5;} .kl-video--controls .btn-audio { opacity: 0; visibility: hidden; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);} .kl-video--controls:hover .btn-audio { opacity: .7; visibility: visible; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} .kl-video--controls .btn-toggleplay { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .kl-video--controls .btn-toggleplay .paused:before { content: "\e072";} .kl-video--controls:hover .btn-toggleplay { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} .kl-video--controls a:hover { opacity: 1;} .kl-video--controls .btn-audio .kl-icon { width: 28px; height: 28px; line-height: 28px;} .kl-video--controls .btn-audio .kl-icon:before { line-height: 29px;} .kl-video--controls .btn-audio .mute:before {content: "\e036";} /*** Testimonials Partners */ .testimonials-partners__separator {background:#fff; opacity:.2; height:1px; width: 100%; margin-bottom: 70px;} .ts-pt-testimonials {margin-left: -50px;} /* Testimonial Item */ .ts-pt-testimonials__item {float:left; margin-left: 50px; margin-bottom: 50px; color:#fff;} .ts-pt-testimonials__item--size-1 { width: -webkit-calc(25% - 50px); width: calc(25% - 50px); } .ts-pt-testimonials__item--size-2 { width: -webkit-calc(50% - 50px); width: calc(50% - 50px); } .ts-pt-testimonials__item--size-3 { width: -webkit-calc(75% - 50px); width: calc(75% - 50px); } .ts-pt-testimonials__item--size-4 { width: -webkit-calc(100% - 50px); width: calc(100% - 50px);} /* Testimonial content */ .ts-pt-testimonials__text { background: rgba(0,0,0,0.2); border-radius: 3px; padding:50px 25px 40px; font-size: 16px; font-weight: 400; font-style: italic; line-height: 1.7; position: relative;} .ts-pt-testimonials__text:after {content:''; position:absolute; left:55px; border:13px solid transparent; } .ts-pt-testimonials__item--normal .ts-pt-testimonials__text:after { top:100%; border-top-color:rgba(0,0,0,0.2);} .ts-pt-testimonials__item--reversed .ts-pt-testimonials__text:after {bottom:100%; border-bottom-color:rgba(0,0,0,0.2);} .ts-pt-testimonials__item--normal .ts-pt-testimonials__infos {margin-top: 15px;} .ts-pt-testimonials__item--reversed .ts-pt-testimonials__infos {margin-bottom: 15px;} .ts-pt-testimonials__item--normal .ts-pt-testimonials__infos--noimg {margin-top: 25px; margin-left:20px; } .ts-pt-testimonials__item--reversed .ts-pt-testimonials__infos--noimg {margin-bottom: 25px; margin-left:20px;} .ts-pt-testimonials__img {position:relative; width: 110px; height: 110px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; overflow:hidden; float:left; margin-right: 20px; margin-left: 25px; border: 5px solid rgba(255, 255, 255, 0.2); background-clip: content-box;} .ts-pt-testimonials__item--normal .ts-pt-testimonials__img {margin-top: -35px;} .ts-pt-testimonials__item--reversed .ts-pt-testimonials__img {margin-top: -15px;} .ts-pt-testimonials__item--size-1 .ts-pt-testimonials__img {width: 60px; height: 60px; margin-left: 5px; margin-top: 0; } .ts-pt-testimonials__name {font-size: 16px; line-height: 1.4; font-weight: 700; text-transform: uppercase;margin-bottom: 0;margin-top: 0;} .ts-pt-testimonials__item--size-1 .ts-pt-testimonials__name {font-size: 14px; } .ts-pt-testimonials__position {font-size: 13px; line-height: 1.4; font-weight: 300; opacity: 0.5; margin-bottom: 5px;} .ts-pt-testimonials__stars span {opacity:.6; font-size: 9px;} .ts-pt-testimonials__stars--1 span:nth-child(1) ~ span, .ts-pt-testimonials__stars--2 span:nth-child(2) ~ span, .ts-pt-testimonials__stars--3 span:nth-child(3) ~ span, .ts-pt-testimonials__stars--4 span:nth-child(4) ~ span {opacity:.3;} /* Partners */ .ts-pt-partners__title {width:22%; float:left; font-size: 18px; color:#fff; opacity:.6; position: relative; line-height: 1.2;} .ts-pt-partners__title:after {content:''; position: absolute; bottom:-15px; left:0; width: 50px; height: 3px; background:#fff; } .ts-pt-partners__carousel-wrapper {width:100%;} .ts-pt-partners--y-title .ts-pt-partners__carousel-wrapper {width:78%; float:left;} .ts-pt-partners__carousel-item {float: left; height:60px; line-height: 60px; vertical-align: middle; text-align: center;} .ts-pt-partners__img {max-height: 60px; width:auto; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); opacity:0; -webkit-transition: opacity 0.6s ease 0.1s, -webkit-transform 0.6s ease 0s; transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0s; } .ts-pt--active-item .ts-pt-partners__img {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1;} .ts-pt--active-item ~ .ts-pt--active-item .ts-pt-partners__img {-webkit-transition-delay:0.2s, 0.1s;transition-delay:0.2s, 0.1s;} .ts-pt--active-item ~ .ts-pt--active-item ~ .ts-pt--active-item .ts-pt-partners__img {-webkit-transition-delay:0.3s, 0.2s;transition-delay:0.3s, 0.2s;} .ts-pt--active-item ~ .ts-pt--active-item ~ .ts-pt--active-item ~ .ts-pt--active-item .ts-pt-partners__img {-webkit-transition-delay:0.4s, 0.3s; transition-delay:0.4s, 0.3s;} .ts-pt--active-item ~ .ts-pt--active-item ~ .ts-pt--active-item ~ .ts-pt--active-item ~ .ts-pt--active-item .ts-pt-partners__img {-webkit-transition-delay:0.5s, 0.4s;transition-delay:0.5s, 0.4s;} /* Dark version */ .testimonials-partners--dark .testimonials-partners__separator {background:#181818;} .testimonials-partners--dark .ts-pt-testimonials__item { color:#181818;} .testimonials-partners--dark .ts-pt-testimonials__text { background: rgba(255,255,255,0.2); } .testimonials-partners--dark .ts-pt-testimonials__item--normal .ts-pt-testimonials__text:after { border-top-color:rgba(255,255,255,0.2);} .testimonials-partners--dark .ts-pt-testimonials__item--reversed .ts-pt-testimonials__text:after {border-bottom-color:rgba(255,255,255,0.2);} .testimonials-partners--dark .ts-pt-partners__title {color:#181818; } .testimonials-partners--dark .ts-pt-partners__title:after { background:#181818; } .testimonials-partners--dark .ts-pt-partners__title.no-border:after { background: none;} /* MQ's */ @media screen and (max-width: 992px){ .ts-pt-testimonials__item--size-1, .ts-pt-testimonials__item--size-2, .ts-pt-testimonials__item--size-3 { width: -webkit-calc(50% - 50px); width: calc(50% - 50px); } .ts-pt-partners__title {width:100%; float:none; margin-bottom: 30px;} .ts-pt-partners__title:after {content:''; position: absolute; bottom:-15px; left:0; width: 50px; height: 3px; background:#fff; } .ts-pt-partners--y-title .ts-pt-partners__carousel-wrapper {width:100%; clear:left; float:none;} } @media screen and (max-width: 767px){ .ts-pt-testimonials__item--size-1, .ts-pt-testimonials__item--size-2, .ts-pt-testimonials__item--size-3 { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); } } /* Video AdBox */ .adbox.video {position:relative;} .adbox.video:after {position:absolute; content:''; left:0; top:0; right:0; bottom:0; background-color:rgba(23, 23, 25, 0.5)} .adbox.video > img { display: block; width: 100%; height: auto; } .adbox.video .video_trigger_wrapper { position: absolute; z-index:1; top:0; left: auto; margin-left: 0; margin-top: 0; width: 100%; height: 100%;} .adbox_container {position:relative; width:100%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .adbox_container > h5 {color: white; font-size: 11px; min-width: 150px; margin: 0 auto; display: block; text-align: center; } .fluid-width-video-wrapper {width: 100%; position: relative; padding: 0;} .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* To Next Button */ .tonext-btn {position: absolute; bottom: 40px; left: 50%; margin-left: -12px; color: #FFF; display: block; z-index: 101; text-decoration: none;} .tonext-btn.has-nav {bottom:70px;} .mouse-anim-icon {width:24px; height:40px; border-radius: 12px; background-color: rgba(255,255,255,.1); transition: background-color .2s ease-out; position:relative; display: block;} .mouse-anim-icon:after {position:absolute; content:''; width:2px; height:9px; background-color:rgba(0,0,0,0.25); left:50%; margin-left:-1px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: animScroll; animation-name: animScroll; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;} .mouse-anim-icon:hover {background-color: rgba(255,255,255,.4); } .mouse-anim-icon:hover:after {top:24px; } @-webkit-keyframes animScroll {from {top:8px; } to {top:24px; } } @keyframes animScroll {from {top:8px; } to {top:24px; } } /* 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-top: 5%; padding-bottom: 5%; } /* Testimonials carousel */ .testimonials-carousel {position:relative;} .testimonials-carousel .controls {position:absolute; right:0; top:-30px;} .testimonials-carousel .m_title + .controls {top:4px;} .testimonials-carousel .controls > a {opacity:0.5; } .testimonials-carousel .controls > a:hover {opacity:1; } .testimonials-carousel ul {margin:0; padding:0; list-style:none;} .testimonials-carousel ul li {float:left; overflow: hidden } .testimonials-carousel blockquote {background:#fff; margin:0 1px 10px 0; padding:25px; color: #898989; font-size:14px; border-left: none; line-height: 2; font-style:italic; position:relative; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);} .testimonials-carousel blockquote:after, .testimonials-carousel blockquote:before {content:''; position:absolute; bottom:-14px; left:14px; border:7px solid transparent; border-top-color:#fff; } .testimonials-carousel blockquote:before { bottom: -16px; border-top-color: #D9D9D9 } .testimonial-author h5 {display: inline-block; margin: 12px 0; font-size:13px; font-weight:500;} .testimonials-author blockquote + h5 {display: inline-block; margin: 12px 0; font-size:13px; font-weight:500;} .testimonials-carousel .th-controls .prev, .testimonials-carousel .th-controls .next { z-index:1; } .testimonial-author { margin-top: 15px; } .testimonial-author--photo { margin-right: 10px; float: left; border-radius: 50%; overflow: hidden; width: 40px; height: 40px; } .testimonial-author--photo img { width: 100%; height: auto; display: block } /* TESTIMONIALS FADER */ .testimonials_fader {margin-bottom: 40px;} .testimonials_fader ul {margin:0; padding:0; list-style:none; position:relative;} .testimonials_fader .has-left-border {border-left:1px solid #e2e2e2; } .testimonials_fader li {position:relative; padding:0 0 20px 100px} .testimonials_fader ul li:after {content:'\201C'; position:absolute; top:-10px; left:30px; font-size:150px; color:#e2e2e2; line-height:1; font-family: tahoma;} .testimonials_fader li blockquote {margin:0; padding:0; border:0; font:italic 20px/1.4 Georgia, Arial, sans-serif;overflow: hidden;} .testimonials_fader li blockquote + h6 {font-weight:normal; font-size:11px; font-style:italic;} .testimonials_fader .testimonial-author--photo { width: 30px; height: 30px; } .testimonials_fader .testimonial-author h6 { float: left; margin: 5px 0; } /* TESTIMONIALS BOX */ .testimonial_box {padding: 0 0 0 25px; margin: 15px 0; width:100%; padding-left:0; position: relative;} .testimonial_box[data-size=small] {width: 30%;} .testimonial_box[data-size=medium] {width:50%; } .testimonial_box[data-size=large] {width:70%; } .testimonial_box[data-size=full] {width:100%; } .testimonial_box[data-size=onethird] {width:33%; } .testimonial_box[data-size=twothirds] {width:66%; } .testimonial_box[data-theme=light] blockquote { background:#ddd; color:#343434; } .testimonial_box[data-theme=dark] blockquote { background:#707070; color:#f5f5f5; } .testimonial_box[data-theme=light][data-align=left] blockquote:after { border-right-color:#fff; } .testimonial_box[data-theme=dark][data-align=left] blockquote:after { border-right-color:#707070; } .testimonial_box[data-theme=light][data-align=right] blockquote:after { border-left-color:#ddd; } .testimonial_box[data-theme=dark][data-align=right] blockquote:after { border-left-color:#707070; } .testimonial_box[data-theme=light][data-align=top] blockquote:after { border-bottom-color:#ddd; } .testimonial_box[data-theme=dark][data-align=top] blockquote:after { border-bottom-color:#707070; } .testimonial_box[data-theme=light][data-align=bottom] blockquote:after { border-top-color:#ddd; } .testimonial_box[data-theme=dark][data-align=bottom] blockquote:after { border-top-color:#707070; } .testimonial_box[data-align=left] .details {float:left; margin-right:10px; width: 90px;} .testimonial_box[data-align=left] blockquote { margin-left:90px; } .testimonial_box[data-align=left] blockquote:after { left:-14px; top:50%; } .testimonial_box[data-align=right] .details {float:right; margin-left:10px; width: 90px; text-align: right;} .testimonial_box[data-align=right] blockquote { margin-right:90px; } .testimonial_box[data-align=right] blockquote:after { right:-14px; top:50%; } .testimonial_box[data-align=top] .details {float:none; margin-left:10px; width: 100%; position:relative; z-index:1;} .testimonial_box[data-align=top] .details img {position:absolute; top:-5px; right:-5px} .testimonial_box[data-align=top] .details h6 strong {display:block; } .testimonial_box[data-align=top] .details h6 {margin-top:0;} .testimonial_box[data-align=top] blockquote { margin-top:14px; clear:both;} .testimonial_box[data-align=top] blockquote:after { left:30px; top:-14px; } .testimonial_box[data-align=bottom] {margin-bottom:35px } .testimonial_box[data-align=bottom] .details { position:absolute; left:25px; right:5px; top:100%; z-index:1; } .testimonial_box[data-align=bottom] .details img {float:right; margin-top:-20px;} .testimonial_box[data-align=bottom] .details h6 strong {display:block; } .testimonial_box[data-align=bottom] blockquote { margin-bottom:0; float:none; position:relative; z-index:0;} .testimonial_box[data-align=bottom] blockquote:after { left:30px; bottom:-14px; } .testimonial_box .details h6 {font-size:10px; font-weight:normal; margin:10px 0 0; line-height:1.4; } .testimonial_box .details h6 strong { display: block;} .testimonial_box blockquote {margin:0; padding:15px; border:0; font-size:12px; font-style:italic; position:relative; border-radius:3px; box-shadow:0 0 7px rgba(0,0,0,0.1); } .testimonial_box blockquote:after {content:''; position:absolute; border-width:7px; border-style:solid; border-color:transparent; } .testimonial_box .details img { border-radius: 50%; } /* Bootstrap code examples -------------------------------------------------- */ /* Caroufredsel Default */ /* Caroufredsel default styles */ .caroufredsel {margin: 0; position: relative; zoom: 1;} .caroufredsel ul.slides {margin:0; padding:0; list-style: none;} .caroufredsel_wrapper .slides li {position: relative; display: block; float: left;} .caroufredsel_wrapper .playVideo {position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%,0); transform: translate3d(-50%, -50%,0);} /*** Static content */ .static-content__wrapper { width: 100%; overflow: hidden; } /* 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:150px; padding-bottom: 45px;} /* Simple text */ /*.static-simpletext .kl-slideshow-inner { height:600px; }*/ @media only screen and (min-width : 1200px){ /* If it has height */ .static-content--height .static-content__inner { position: relative;} .static-content--height .static-content__inner:not(.container) { position: absolute; width: 100%; } } @media only screen and (min-width : 992px){ /* If it's fullscreen */ .static-content--fullscreen {height:100vh;} .static-content--fullscreen .static-content__inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} } .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:64px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); line-height:1.3;} .static-content__subtitle {font-size:32px; 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;} /* Infopop balloon */ .static-content__infopop {width: 350px; margin: 50px auto 0; padding:10px 20px; position:relative; color:#343434; border-radius:8px; background-clip: padding-box; background: rgba(254, 254, 254, 0.8); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254, 254, 254, 0.8)), color-stop(100%,rgba(209, 209, 209, 0.8))); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 0.8) 0%,rgba(209, 209, 209, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 0.8) 0%, rgba(209, 209, 209, 0.8) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 0.8) 0%,rgba(209, 209, 209, 0.8) 100%); box-shadow: 0 10px 11px -10px rgba(0, 0, 0, 0.8), inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8);} .static-content__infopop:after {content:""; position:absolute; border: 7px solid transparent;} .static-content__infopop[data-arrow=top]:after { top:-13px; left:50%; margin-left:-7px; border-bottom-width: 7px; border-bottom-color:rgba(254, 254, 254, 0.8); } .static-content__infopop[data-arrow=bottom]:after { bottom:-14px; left:50%; margin-left:-7px; border-top-width: 7px; border-top-color:rgba(254, 254, 254, 0.8); } .static-content__infopop[data-arrow=left]:after { left:-14px; top:50%; margin-top:-7px; border-right-width: 7px; border-right-color:rgba(254, 254, 254, 0.8); } .static-content__infopop[data-arrow=right]:after { right:-14px; top:50%; margin-top:-7px; border-left-width: 7px; border-left-color:rgba(254, 254, 254, 0.8); } .sc-infopop__text {color: rgba(37, 37, 37, 0.7); font-size: 24px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-weight: 500; line-height: 1.2; margin: 5px 0;} .static-content__infopop .sc-infopop__btn { float: right; text-align: center; line-height: 20px; font-weight: 600; color: #3c9847; padding: 10px 15px 10px; border: 0; margin: 13px -20px 0 0; font-size: 18px; background: rgba(0, 0, 0, 0.1); border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .static-content__infopop:hover .sc-infopop__btn {padding: 10px 30px 10px 15px; } .static-content__infopop .sc-infopop__btn:hover {color: #222;background: rgba(0, 0, 0, 0.2); } .static-content__infopop.sc-infopop--left {margin-left:0;} .static-content__infopop.sc-infopop--left[data-arrow=top]:after {left:0; margin-left:25px;} .static-content__infopop.sc-infopop--right {margin-right:0;} .static-content__infopop.sc-infopop--right[data-arrow=top]:after {right:0; margin-right:25px;} @-webkit-keyframes fadeBoxIn { 0% { -webkit-transform: scale(1); opacity:0; } 50% { -webkit-transform: scale(1.05); opacity:0.9;} 100% { -webkit-transform: scale(1); opacity:1 } } @keyframes fadeBoxIn { 0% { -webkit-transform: scale(1); transform: scale(1); opacity:0; } 50% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity:0.9;} 100% { -webkit-transform: scale(1); transform: scale(1); opacity:1 } } .fadeBoxIn {-webkit-animation-name: fadeBoxIn; animation-name: fadeBoxIn; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay: 1.5s; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; } /* Static Content - boxes */ .sc__boxes {margin-top: 70px;} .sc__boxes .static-content__infopop {width:auto; margin: 0; border-radius: 4px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8); -webkit-transition:opacity .2s ease-out, -webkit-transform .2s ease-out; transition:opacity .2s ease-out, transform .2s ease-out; -webkit-backface-visibility:hidden;} .sc__boxes:hover .static-content__infopop {opacity:.4; } .sc__boxes:hover .static-content__infopop:hover {opacity:1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); } .sc__boxes .sc__box-title {margin-bottom:10px;} .sc__boxes .static-content__infopop .sc__img {margin-right:15px; float: left; margin-bottom: 15px; margin-top: 10px; max-width: 36px; } .sc__boxes .static-content__infopop .sc__img ~ p { margin-left: 52px } /* Static content - Video Background */ .sc__video-line {margin-top:1px; display:inline-block; padding:5px 10px; background:rgba(0,0,0,0.3); font-size:36px; color:#fff; line-height:1.4; font-weight: 300; } .sc__iframe-video { width:100% !important; } .static-content__wrapper .sc--captpos-bottom {top:auto; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); bottom:10px;} .static-content__wrapper .sc--captpos-top {top:auto; -webkit-transform:none; -ms-transform:none; transform:none; } /* Static Content - textpop */ .textpop-style { padding-bottom: 20px; padding-top: 40px;} .textpop__texts > span { display: block; color: #eee; text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); line-height: 1; text-align: center; text-transform: uppercase; padding: 7px 0; cursor:default; position: relative; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .textpop__line1 { font-size:20px; letter-spacing: 10px; word-spacing: 5px;} .textpop__line2 { font-size: 60px; font-weight: 700; letter-spacing: 5px; word-spacing: 5px;} .textpop__line3 { font-size: 40px; } .textpop__line4 { font-size:30px; letter-spacing: 3px; word-spacing: 5px; margin-top: 5px;} .textpop__texts .stronger {font-weight:900; border-bottom:1px dotted rgba(255,255,255,0.5); padding-bottom:2px;} .textpop__texts > span:hover { color:#fff; text-shadow: 0 4px 1px rgba(0, 0, 0, 0.6); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } /* Static Content - event style */ .static-content.event-style .static-content__subtitle {text-align:left; font-size:28px; margin-bottom:50px;} .static-content .or { line-height: 30px; margin:0 20px 15px 20px;} .static-content.event-style .or {float: left;} .static-content.event-style .social-icons li {margin:0 0 15px 10px; vertical-align: top;} .black_border {border: 10px solid rgba(0, 0, 0, 0.32); border-radius: 3px; box-shadow: 0 20px 10px -10px rgba(0,0,0,0.5);} .white_border{border:10px solid white; border-radius:3px; box-shadow:0 4px 10px rgba(0,0,0,0.5);} .scev-icon-nocolor {background-color:#121212;} /* Static Content - product zoom */ /*.productzoom-style {padding-top:0;}*/ .productzoom-style .static-content__subtitle {font-size:28px; margin-top: 0;} .sc__screenshot { position: relative; padding: 24px 0 7px; width: 100%; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); background-color: #C8D0D2; border-radius: 3px;} .sc__screenshot:before {content: ""; position: absolute; top: 8px; margin-top: 0; left: 25px; display: block; background: #EAAE2A; border-radius: 30px; width: 8px; height: 8px; box-shadow: -12px 0 0 #ed4529,12px 0 0 #59c626; } .sc__screenshot .image { position:relative;} .sc__screenshot .image img {width: 100%;} /* Loupe */ .sc__loupe {position: absolute; display: none; border: 1px solid #000; background-color: transparent; z-index: 1000; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: center; } .overlay_white {background-color: #fff; } .shadow { box-shadow: 5px 5px 10px #000; } .glossy {display: block; margin: 0px; background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.6)), color-stop(100%,rgba(255,255,255,0))); } .sc__loupe{ cursor:url(../addons/jquery_loupe/blank.png), url(../addons/jquery_loupe/blank.cur), none; border:2px solid white; background-repeat:no-repeat; background-position:center center; background-color:#fff; position:absolute; display:none; width:150px; height:150px; box-shadow:0 0 5px #777, 0 0 10px #aaa inset; border-radius:50%; z-index: 1000; margin: 0px; padding: 0px; } .sc__loupe .glossy {display: block; margin: 0px; background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.6)), color-stop(100%,rgba(255,255,255,0))); } .static-content__slideshow .static-content .sc__features {margin:30px 0; list-style: none; padding-left: 0;} .static-content .sc__features li {font-size: 16px; font-weight: 300; margin-bottom: 10px;padding-bottom: 10px; border-bottom: 1px dotted rgba(255,255,255,0.4);} .static-content .sc__features li > span {margin:7px 10px 0 0;} .static-content .btn .button-icon {margin-right:5px; } .static-content .btn span {vertical-align: middle;} /* Static Content - text with register form */ .static-content--with-login .static-content__title {margin-top:60px;} .fancy_register_form {padding: 25px 30px; background:rgba(255,255,255,0.3); 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;} .fancy_register_form .form-control {padding:10px 15px;} .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; } /* Faded Bottom Mask */ .sc__fade-boxed-mask {position: absolute; top: auto; bottom:0; left: 0; width: 100%; height: 110px;} .sc__fade-mask {position: absolute; top: 0; bottom:0; left: 0; right:0; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(100%,rgb(245, 245, 245))); background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%,rgb(245, 245, 245) 100%); background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%, rgb(245, 245, 245) 100%); background: linear-gradient(to bottom, rgba(245,245,245,0) 0%,rgb(245, 245, 245) 100%); } .sc__boxed-mask {position: absolute; top: 0; bottom: auto; left: 50%; width: 1200px; height: 105%; border-radius: 4px; background: #f5f5f5; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);} .sc--has-fade-mask .static-content__inner {padding-bottom: 140px;} .sc--has-fade-mask {margin-bottom: -100px; overflow: hidden;} /* Showroom Carousel */ .sc--showroomcrs-style .sc__textcontent h2 {font-size:66px; line-height: 1; letter-spacing: -2px; font-weight: 700;} .sc--showroomcrs-style .sc__textcontent h3 {font-size:30px; font-weight: 700;} .sc--showroomcrs-style {max-width: 75%; } .sc__textcontent {margin-bottom: 40px; } .sc__actionarea {margin-bottom: 70px; } .sc__secbtn {margin-left: 20px; } .sc__shcar-wrapper {overflow:hidden; } .sc__shcar-wrapper .caroufredsel_wrapper {margin-left:-20px !important; width: calc(100% - 10px) !important;} .sc__shcar-item {padding-top:13px; padding-left:10px; margin-left:10px; border-left:2px solid rgba(255,255,255,0.1);} .shc__item-link {display: block;} .shc__item-link[data-lightbox="iframe"] {position: relative; } .shc__item-link[data-lightbox="iframe"]:after { display:block; content: "\e072"; width:60px; height:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; line-height: 56px; text-align:center; font-size: 18px; padding-left: 3px; border-radius: 50%; border:2px solid rgba(255,255,255,0.8); color:rgba(255,255,255,0.8); font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); transition:all .2s ease-out; -webkit-backface-visibility:hidden;} .shc__item-link[data-lightbox="iframe"]:hover:after { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); border:2px solid #fff; color:#fff;} .shc__item-title{font-size:14px; font-weight:700;} .shcar__pagination a {display: inline-block; width: 6px; height: 6px; background: rgba(255,255,255,0.6); margin:2px; border-radius: 50%;} .shcar__pagination .selected {background: #fff;} /* Text play */ #textplay {text-align: center;} .textplay-line {font-size: 40px; line-height: 1; margin-bottom: 20px; color: #fff; font-weight: 800;} .textplay-sep {font-weight: 300; opacity: 0.2;} .textplay-word {opacity: 0.4; transition: opacity 0.3s ease-out; -webkit-backface-visibility: hidden;} .textplay-word.active {opacity: 1;} /* MQ's */ @media only screen and (max-width : 1279px) { /* Video background caption */ .sc__video-line {font-size: 30px;} .sc--videobg:not(.static-content--fullscreen) { min-height: 500px;} .sc--videobg .static-content__inner {position: absolute; bottom:30px; width: 100%;} } @media only screen and (min-width : 992px) and (max-width : 1279px) { /* Default */ .static-content__title {font-size: 48px;} .static-content__subtitle {font-size: 28px;} /* Boxes */ .sc__boxes {margin-top: 50px;} .sc__boxes .static-content__infopop {margin: 0 20px; } /* Product loupe */ .productzoom-style .sc__features li {font-size: 13px;} .productzoom-style .static-content__subtitle { font-size:20px; } .productzoom-style .row { margin-bottom:0; } /*Maps panel*/ .kl-contentmaps__panel { left:calc( ( 100vw - 970px ) / 2 );} } @media only screen and (max-width : 991px) { /* Default */ .static-content__title {font-size: 32px;} .static-content__subtitle {font-size: 22px;} /* Boxes */ .sc__boxes {margin-top: 40px;} .sc__boxes .static-content__infopop {margin: 0 15px; } /* Product loupe */ .productzoom-style .sc__screenshot {margin-top: 30px;} /* Video background caption */ .sc__video-line {font-size: 24px;} /* Static Content - Weather box */ .sc--wb-style .sc__actionarea { margin-top: 20px;} .sc__actionarea .btn {width:auto;} .sc--wb-style .sc-infopop__text {font-size: 13px; } .sc__weather {min-height:100px;} /* Weather list */ ul.scw_list {margin: 50px 10px 0;} .scw_list .wt-icon {font-size:90px; height: 70px;} .scw__degs {font-size: 22px; margin-bottom: 10px;} .scw__high {font-weight:400} .scw__day {font-size:18px;} .scw__alt {font-size:13px;} .scw_list li:first-child {width:32%; margin-top: -35px;} .scw_list li:first-child .wt-icon {font-size:160px; height: 125px;margin-bottom: 10px;} .scw_list li:first-child .scw__degs {font-size: 30px;} .scw_list li:first-child .scw__high {font-weight:700;} .scw_list li:first-child .scw__day {font-size:28px;} .scw_list li:first-child .scw__alt {font-size:18px;} /* Showroom Carousel */ .sc--showroom-carousel .static-content--fullscreen {height:auto;} .sc--showroomcrs-style {max-width: 90%; } } @media only screen and (min-width : 768px) and (max-width : 991px) { /* Product loupe */ .productzoom-style .static-content__subtitle { font-size:20px; } .productzoom-style .sc__features li {font-size:12px;} /* Event style */ .static-content.event-style .or {display:none;} /* Maps panel */ .kl-contentmaps__panel { left:calc( ( 100vw - 750px ) / 2 );} /* Maps Height in fullscreen mode */ .scontent__maps.static-content--fullscreen {height:90vh;} } @media only screen and (max-width : 767px) { .static-content__title, .static-content__subtitle {word-break: normal;} /* Boxes */ .sc__boxes {margin-top: 40px;} .sc__boxes .static-content__infopop {margin: 10px 15px; } /* Product zoom */ .productzoom-style .static-content__subtitle { font-size:20px; } .productzoom-style .row { margin-bottom:0; } .static-content .sc__features li {font-size:12px;} /* Textpop */ .textpop__line1 { font-size:18px;} .textpop__line2 { font-size: 42px;} .textpop__line3 { font-size: 32px;} .textpop__line4 { font-size:24px;} /* Video background */ .video-container .captions .line {font-size: 26px;} /* Event style */ .static-content.event-style .ud_counter ul li{ font-size:18px; padding:15px 10px; width: 16%; margin-bottom: 20px; } .static-content.event-style .static-content__subtitle {font-size: 18px; text-align: center;} .static-content.event-style .sc_counter { width: 100%; text-align: center; } .static-content.event-style .mail_when_ready {margin-bottom: 15px; display: block; float: none; text-align: center; } .static-content.event-style .or {float: none; display: block; clear: left; margin: 0; margin-bottom: 15px; text-align: center;} .static-content.event-style .social-icons {text-align: center; display: block; } /* Static Content - Weather box */ .sc--weatherbox .static-content__wrapper {height:auto !important; } .sc__actionarea .btn.btn-third {width:auto;} /* Weather list */ ul.scw_list {margin: 50px 10px 0;} ul.scw_list li {width:25%;} .scw_list .wt-icon {font-size:50px; height: 40px;} .scw__degs {font-size: 18px; margin-bottom: 10px;} .scw__high {font-weight:400} .scw__day {font-size:18px;} .scw__alt {font-size:13px;} .scw_list li:first-child {width:100%; margin-top: -35px; display: block;} .scw_list li:first-child .wt-icon {font-size:160px; height: 125px; margin-bottom: 10px;} .scw_list li:first-child .scw__degs {font-size: 30px;} .scw_list li:first-child .scw__high {font-weight:700;} .scw_list li:first-child .scw__day {font-size:28px;} .scw_list li:first-child .scw__alt {font-size:18px;} /* Reservation form */ .sc__res-form {width: 95%; margin: 70px auto 0; } /* Showroom Carousel */ .sc-huge-arrow {display: none;} .sc--showroomcrs-style .sc__textcontent h2 {font-size: 52px;} .sc--showroomcrs-style {max-width: 100%; } /* Maps panel */ .kl-contentmaps__panel { position:static; width:100%; border-radius: 0;} .scontent__maps.static-content--fullscreen {height:90vh;} } @media only screen and (max-width : 480px) { /* Event style */ .static-content.event-style .sc_counter { width: 100%;text-align: center; } .static-content.event-style .static-content__subtitle {text-align: center;} .static-content.event-style .ud_counter ul li { width: 19%; } .static-content.event-style .ud_counter ul li:last-child {margin-right:0;} .static-content.event-style .mail_when_ready {margin-bottom: 15px; display: block; float: none; text-align: center; } .static-content.event-style .or {float: none; display: block; clear: left; margin: 0; margin-bottom: 15px; text-align: center;} .static-content.event-style .social-icons {text-align: center;} /* Reservation form */ .rf__block {width: 100%; padding: 20px 15px; float: none; border-radius: 3px 3px 0 0; } .rfblock--submit {padding: 0px 15px; } .rfblock--fields .rf__field {margin-left: 15px; padding-left: 15px; } .rfblock--fields .rf__field:first-child {width: calc(50% - 10px); } .rf__submit {width: 100%; height: 60px; border-radius: 0 0 3px 3px; } .rf__submit:after {font-size: 38px; line-height: 60px; color: rgba(255, 255, 255, 0.25); } } /* Static content - Heat distortion */ .Background {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .Background canvas {height: 100vh !important;} /* offer-banners */ .offer-banners .offer-banners-link {margin-bottom:20px; display: block} .offer-banners.ob--resize-cover .offer-banners-img {background-size: cover; background-repeat: no-repeat; background-position: center;} /* Niche Agency demo updates */ .ls__laptop-mask {margin-bottom: 20px;} .agency .ls__arrow:before, .agency .ls__arrow:after {background-color: #989898;} .agency .ls__arrow:hover:before, .agency .ls__arrow:hover:after {background-color: rgb(93, 93, 93);} .kl-icon.icon-klmid {vertical-align: middle;} .kl-icon.icon-size-xxl {font-size: 32px;} .icon-box.stg-alignleft .kl-icon {float: left; margin-right: 25px; font-size: 28px; color: #fff;} .testimonials-partners--dark .ts-pt-testimonials__text.gray-bg {background: rgba(165, 165, 165, 0.2);} .cms-icon-section {overflow: hidden; position: relative;} .cms-icon-container {position: absolute; top: 0; left: 50%; text-align: center; margin-left: -200px;} .cms-icon-container i {position: absolute; font-size: 400px; line-height: 400px; vertical-align: middle; height: 400px; top: 10px; color: rgba(0,0,0,0.05); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; transition: -webkit-transform .2s ease-out,opacity .2s ease-out; transition: transform .2s ease-out,opacity .2s ease-out;} .cms-icon-container .kl-icon.icon-github-circled {font-size: 520px; line-height: 520px; height: 520px; top: -50px; margin-left: -40px} .cms-icon-container .kl-icon.hovered {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;} .colored-area {background: linear-gradient(135deg,#360384,#da0b68); background-image: linear-gradient(135deg,rgb(54,3,132),rgb(218,11,104)); background-repeat: repeat; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto;} @media (min-width: 768px) and (max-width: 992px) { /* Header style 14 (from Artemis homepage) */ .site-header.style14 .logo-container {margin-left: 30px;} .site-header.style14 .zn-res-trigger {float: right; margin-right: 50px;} } @media (min-width: 992px) { .artemis #page_wrapper, .atlas #page_wrapper {margin: 0 0 0 300px; width: auto;} /* Header style 14 (from Artemis homepage) */ .site-header.style14 {position: fixed; left: 0; width: 300px; height: 100vh; background: #fff;} .site-header.style14 .siteheader-container {height: 100vh; box-shadow: -10px 0px 10px 8px #aaaaaa;} .site-header.style14 .header-links-container {margin-right: 0; width: 100%; padding-left: 25px;} .site-header.style14 .topnav {float: left;} .site-header.style14 .logo-container {float: none;} .site-header.style14 .site-logo {float: none; margin: 40px auto;} .site-header.style14 .spanel-label, .site-header.style14 .topnav > li > a, .site-header.style14 .social-icons.topnav.sc--clean > li > a {color: #000;} .site-header.style14 .social-icons.topnav.sc--clean > li > a:hover {color: #ccc;} .site-header.style14 .header-search {position: relative; display: inline-block; margin-top: 2px; margin-left: 15px;} .site-header.style14 .header-search .searchBtn {background:none;} .site-header.style14 .searchBtn .icon-white {color: #4c4c4c;} .site-header.style14 .separator {background: #000;} .site-header.style14 .main-nav > ul > li > a {color: #000;} .site-header.style14 .social-icons {width: 100%; text-align: center; position: absolute !important; bottom: 20px; left: 0; top: auto !important;} .site-header.style14 .social-icons li {float: none;} .site-header.style14 .main-nav {float: none; margin-top: 50px;} .site-header.style14 .main-nav > ul > li {float: none; position: relative;} .site-header.style14 .main-nav > ul > li:first-child {margin-left: 5px;} .site-header.style14 .main-nav > ul > li > a:before {background: none;} .artemis #portfolio-nav {width: 100%; text-align: center;} } @media (max-width: 992px) { /* Header style 14 (from Artemis homepage) */ .site-header.style14 .social-icons {display: none;} .site-header.style14 {position: relative; background-color: #2f2f2f; display: inline-block;} .site-header.style14 .zn-res-trigger {margin-left: 30px; margin-bottom: 17px;} .site-header.style14 .site-logo a {display: inline-block;} .site-header.style14 .header-search {right: 15px;} .site-header.style14 .header-search .searchBtn {background: none; margin: 12px 0 0 10px;} .site-header.style14 .header-search .searchBtn span {color: #d2d2d2; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out;} .site-header.style14 .header-search .searchBtn:hover span {color: #fff;} } @media (min-width: 992px) and (max-width: 1199px) { .artemis ul.thumbs[data-columns="3"] .project-item, .artemis ul.thumbs[data-columns="4"] .project-item, .artemis ul.thumbs[data-columns="5"] .project-item, .artemis ul.thumbs[data-columns="6"] .project-item {width: 50%;} .artemis ul.thumbs .project-item {width: 50% margin-left: 0;} } @media (max-width: 1199px) { .artemis #portfolio-nav {text-align: left !important;} } /* Eos Homepage */ .poppins {font-family: "Poppins",Helvetica,Arial,sans-serif;} .custom-p {font-family: "Poppins",Helvetica,Arial,sans-serif; font-size: 16px; color: #868686;} .find-out .kl-icon {font-size: 30px; margin-right: 12px;} .find-out span {vertical-align: middle; display: inline-block;} .find-out .text {font-weight: 700;} /* Static content - Immersive video */ .kl-slideshow.uh_zn_def_header_style.immersive-video {background-color: #ececec;} .cd-overflow-hidden { /* this class is added to the body while the video is playing - used on desktop version only */ height: 100vh; /*overflow: hidden;*/ } .cd-immersive-video {/* main wrapper */ position: relative; height: 100vh; width: 100%; padding: 3em 5%; margin: 0 auto; /* overflow: hidden;*/} @media only screen and (min-width: 800px) { .cd-immersive-video .intro-wrapper { display: table; width: 100%; height: 100%; /* while loading the video - hide the content */ visibility: hidden; opacity: 0; -webkit-transition: opacity 1.5s, visibility 1.5s; transition: opacity 1.5s, visibility 1.5s; } .cd-immersive-video.video-is-loaded .intro-wrapper { /* video has been loaded - reveal content */ visibility: visible; opacity: 1; } } @media only screen and (min-width: 1100px) { .cd-immersive-video { padding: 0 calc(50% - 510px); } } .cd-loader { /* this is a loader - visible on desktop version while the video is loading */ display: none; } @media only screen and (min-width: 800px) { .cd-loader { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); height: 32px; width: 32px; background: #ececec; -webkit-animation: cd-loading .8s infinite; animation: cd-loading .8s infinite; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .cd-loader.no-animation { -webkit-animation: none; animation: none; } .cd-loader.scale-down { /* scale(0.001) fixes bug on Firefox - scale not animated */ -webkit-transform: translateY(-50%) translateX(-50%) scale(0.001); -ms-transform: translateY(-50%) translateX(-50%) scale(0.001); transform: translateY(-50%) translateX(-50%) scale(0.001); } .video-is-loaded .cd-loader { visibility: hidden; opacity: 0; } } .cd-immersive-video .product-intro {text-align: center;margin-bottom: 3em;-webkit-animation: cd-item-move-up .5s .3s;animation: cd-item-move-up .5s .3s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;} .cd-immersive-video .product-intro h1 {font-size: 2.4rem;line-height: 1.2;color: #151515;margin-bottom: .4em; font-family: "Poppins",Helvetica,Arial,sans-serif;} .cd-immersive-video .product-intro p {line-height: 1.4;margin: 1em 0 1.4em; font-family: "Poppins",Helvetica,Arial,sans-serif; line-height: 22px;margin-bottom: 30px;} @media only screen and (min-width: 800px) { .cd-immersive-video .product-intro { display: table-cell; vertical-align: middle; -webkit-animation: none; animation: none; text-align: left; } .cd-immersive-video .product-intro > div { width: calc(100% - 400px); max-width: 500px; } .cd-immersive-video .product-intro h1 { font-size: 4rem; } .cd-immersive-video .product-intro .item { opacity: 0; } .cd-immersive-video .product-intro.animate-content .item { -webkit-animation: cd-item-slide-in .4s both; animation: cd-item-slide-in .4s both; } .cd-immersive-video .product-intro.animate-content .item-1 { -webkit-animation-delay: .1s; animation-delay: .1s; } .cd-immersive-video .product-intro.animate-content .item-2 { -webkit-animation-delay: .2s; animation-delay: .2s; } .cd-immersive-video .product-intro.animate-content .item-3 { -webkit-animation-delay: .3s; animation-delay: .3s; } .no-cssanimations .cd-immersive-video .product-intro.animate-content .item { /* if browser does not support css animations */ opacity: 1; } } @-webkit-keyframes cd-item-move-up { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes cd-item-move-up { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes cd-item-slide-in { 0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes cd-item-slide-in { 0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-loading { 0% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); transform: translateX(-50%) translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg); transform: translateX(-50%) translateY(-50%) rotate(360deg); } } @keyframes cd-loading { 0% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); transform: translateX(-50%) translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg); transform: translateX(-50%) translateY(-50%) rotate(360deg); } }