/* ========================================================================== 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: 'tt_russo_sansregular', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.7; color: #535353; background-color: #f5f5f5; } h1, h2, h3, h4, h5, h6 { font-family:"tt_russo_sansbold", 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: #ef7900; 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: "tt_russo_sansbold"; font-size: 75px; line-height: 80px; font-style: normal; color: #ef7900;} h2 { font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; font-style: normal;} h3 { font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 40px; font-weight: 400; font-style: normal;} h4 { font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 28px; font-weight: 400; font-style: normal;} h5 { font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; font-style: normal;} h6 { font-family: Open Sans, Helvetica, Arial, sans-serif; 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: #ef7900 !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: #ef7900 !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;} .info-pp {font-size: 9px; line-height: 11px;} .info-pp a {color: #ef7900;} .info-pp a:hover {color: #7c7c7c;} .pdf {background:url("../images/pdf2.gif") no-repeat 68% top; padding-left: 25px; min-width: 113px; min-height: 141px;} /* 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;} /* 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%);} /* 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 );} } 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;} /* 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-skype:before { content: '\e80c'; } /* '' */ .icon-twitter:before { content: '\e80d'; } /* '' */ .icon-youtube:before { content: '\e80e'; } /* '' */ .icon-vimeo:before { content: '\e80f'; } /* '' */ .icon-flickr:before { content: '\e822'; } /* '' */ .icon-google:before { content: '\e823'; } /* '' */ .icon-viadeo:before { content: '\e824'; } /* '' */ .icon-facebook:before { content: '\e854'; } /* '' */ .icon-instagram:before { content: '\e841'; } /* '' */ /* kontakt marginesy opisu zdjęcia */ @media screen and (min-width: 1400px){ .mardane{margin-top: 150px;} .wynajmy {height: 700px;} } @media screen and (min-width: 1140px){ .mardane{margin-top: 150px;} .wynajmy {height: 600px;} } @media screen and (min-width: 992px) and (max-width: 1139px){ .mardane{margin-top: 100px;} .wynajmy {height: 500px;} } @media screen and (max-width: 991px){ .mardane{margin-top: 0px;} .wynajmy {height: 400px;} } /* 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: #ef7900; 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;} /* page title */ .subtitle {margin-bottom: 25px; padding-bottom: 10px; border-bottom:1px solid #cbcbcb;} .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 #ef7900; display: inline-block; margin-bottom: -12px; padding-bottom: 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: #ef7900; 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: 5px 10px; text-transform: none; font-size: 12px; line-height: 14px; color: #fff; z-index: 1; font-weight: 400; -webkit-transition:padding .2s ease-in-out, -webkit-transform .2s ease-in-out; transition:padding .2s ease-in-out, transform .2s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; font-family: "tt_russo_sansregular", "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 > a5:before { content:''; opacity:0; position:absolute; border-radius:2px; height:50%; width: 100%; top:50%; left: 0; background-color: #ef7900; -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; } /* MEGAMENU OVERRIDES */ .main-nav .hg_mega_container a.zn_mega_title[href="#custom-invisible"], .main-nav .hg_mega_container li:last-child a.zn_mega_title[href="#custom-invisible"] {color: transparent;} .main-nav .hg_mega_container { border: 1px solid rgba(255,255,255,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #f5f5f5; padding: 6px 0; background: rgba(245, 245, 245, 0.95); position: absolute; padding: 20px 0; margin-top: 10px;} .main-nav .hg_mega_container:before { content:''; display: block; position:absolute; top: -10px; left:0; width:100%; height:10px; } /* fix for top hover */ .main-nav .hg_mega_container li a { padding: 10px 0; font-size: 12px; color: #757575; position: relative; text-transform: uppercase;} .main-nav .hg_mega_container li a:not(.zn_mega_title):hover, .main-nav .hg_mega_container li.active > a:not(.zn_mega_title) { color: #323232; } .main-nav .hg_mega_container li a:not(.zn_mega_title):before {content:''; display:block; position:absolute; width:0; height:2px; background-color:#ef7900; bottom:0; -webkit-transition: width .15s cubic-bezier(0.680, 0, 0.265, 1); transition: width .15s cubic-bezier(0.680, 0, 0.265, 1);} .main-nav .hg_mega_container li a.noactive:before {content:''; display:block; position:absolute; width:0; height:2px; background-color:gray; bottom:0; -webkit-transition: width .15s cubic-bezier(0.680, 0, 0.265, 1); transition: width .15s cubic-bezier(0.680, 0, 0.265, 1);} .main-nav .hg_mega_container li a:not(.zn_mega_title):hover:before, .main-nav .hg_mega_container li.active > a:not(.zn_mega_title):before {width:100%; } .main-nav .hg_mega_container .zn_mega_title_hide {display: none;} .main-nav .hg_mega_container .zn_mega_title_hide.v-hidden { display: block; visibility: hidden; } .main-nav .hg_mega_container li a.zn_mega_title, .main-nav div.hg_mega_container ul li:last-child > a.zn_mega_title { font-size: 14px; padding-left: 0; padding-right: 0; border-bottom-width:1px; border-bottom-style: solid;padding: 12px 0px; margin-bottom: 15px; font-weight: 600; text-transform: uppercase; color: #333; border-bottom-color: rgba(0, 0, 0, 0.1);} .main-nav .hg_mega_container .zn_mega_row_start { margin-top: 20px;} /* 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: #ef7900; 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(0,0,0,0.75); padding:0; position:fixed; left:-2999px; right:0; top:0; width:100%; z-index: 11; 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:#ddd; font-size:12px; line-height:1.4; padding:5px 10px; -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:#000;} .chaser .main-menu li.active > a {background:#ef7900;} .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: 30px;} .chaser .logo-container.hasInfoCard:before { top: 30px;} .chaser .logosize--yes .site-logo { height: 92px; 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;}*/ } .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: #ef7900;} #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);} } /* 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; padding: 5px 5px 7px 7px; border-radius:4px; 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; vertical-align: middle;} .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;} /* Languages */ .topnav.topnav--lang ul.inner {padding-left: 0; padding-right: 0; } .topnav li.languages .pPanel { left: 0;} .topnav--lang ul.inner:after {display: none;} .toplang-item a {padding-right: 10px !important; padding: 3px 10px !important;} .toplang-item .glyphicon-ok { padding-top: 3px;} .toplang-item .toplang-flag { margin-right:5px;} /* 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 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; } /* HEADER 4 */ .site-header.style4, .site-header.style5 { height: 100px; background: rgba(0,0,0,0.5);} .site-header.style4 .site-logo, .site-header.style5 .site-logo, .site-header.style6 .site-logo { min-height: 100px;} .site-header.style4 .site-logo a {background:rgba(0,0,0,0.3); padding-left:25px; padding-right:25px; border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7); border-top-width: 3px; border-top-style: solid; border-top-color: #ef7900;} .site-header.style4 .site-logo a:after, .site-header.style6 .site-logo a:after {content:""; position:absolute; left:50%; bottom:-11px; margin-left: -3px; border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7); } .site-header.style4 .topnav.navLeft, .site-header.style6 .topnav.navLeft {float:left;} .site-header.style4 .main-nav, .site-header.style5 .main-nav, .site-header.style6 .main-nav { float: right; margin-top: 0;} .site-header.style4 .header-links-container, .site-header.style5 .header-links-container, .site-header.style6 .header-links-container { float: none; height: 40px;} .site-header.style4 .topnav, .site-header.style5 .topnav { margin-top: 10px; float: right;} .site-header.style4 .social-icons.topnav, .site-header.style5 .social-icons.topnav { float: right;} .site-header.style4 .header-search, .site-header.style5 .header-search, .site-header.style6 .header-search { right: 16px;} .site-header.style4 .logo-container.hasInfoCard:before { top: 40px;} /* Header style 7 */ .site-header.style5.new {border-bottom: #fff; background-color: #fff;} .site-header.style5.new:after { display: none;} .site-header.style5.new .main-nav>ul>li>a { color: #252525;} .site-header.style5.new .main-nav > ul > li.active > a, .site-header.style5.new .main-nav > ul > li > a:hover, .site-header.style5.new .main-nav > ul > li:hover > a { color: #fff;} .site-header.style5.new .topnav>li>a { color: #252525;} .site-header.style5.new .icon-white { color: #252525;} .site-header.style5.new .social-icons.topnav.sc--clean>li>a:hover { color: #616161;} .site-header.style5.new .spanel-label { color: #252525;} .site-header.style5.new .searchBtn .icon-white { color: #fff !important;} .site-header.style5.new .separator { background: #4E4E4E;} .site-header.style5.new .zn-res-trigger::after { background: #333;box-shadow: 0 8px 0 #333,0 16px 0 #333;} /* 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:#ef7900;} /* 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: #ef7900;} /* 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;} } /*** 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;} /* 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;} /* Mod Title */ .m_title {margin-top:0; color:#ef7900; /*text-transform: uppercase;*/} /* uppercase disabled, manually uppercase text */ h3.m_title {font-size:18px; line-height: 1.4;} .smallm_title {color:#ef7900; 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:#ef7900; text-shadow:0 1px 0 #fff; position:relative; margin-top:0;} .circle_title:after {content:''; position:absolute; left:0; right:0; bottom:5px; border-bottom:1px dotted #bbb;} .mb_title {font-size: 20px; background: white; display: inline-block; padding: 0 10px; color: #595959; line-height: 1.5;} .mb_title img {margin-right: 5px; margin-top: -3px;} /* Header titles */ .subheader-titles {text-align:right; margin-top: -7px;} .subheader-titles.left {text-align: left;} .subheader-maintitle {color:#fff; line-height:1.3; margin:0 0 5px} .subheader-subtitle { color: #fff; display: inline-block; margin: 0; font-weight: 400; font-size: 16px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;} .shadowUP {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 2;} .shadowDown {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-down.png) no-repeat center bottom; z-index: 2;} .subheader-currentdate { color:#383838; font: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: 400; 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: #ef7900; 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: #ef7900; 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:#ef7900;} .tbk--color-theme.tbk-symbol--icon .tbk__icon {color:#ef7900;} /* Textbox */ .text_box {padding-bottom: 20px;} .text_box-title--style1 {font-size: 16px; color:#ef7900; 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);} /* 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 #ef7900 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);} /* Image Boxes */ .image-boxes {margin-bottom:30px; overflow: hidden; } .image-boxes .hoverBorder {margin-bottom:20px;} .image-boxes .box {margin-bottom:20px;} .image-boxes img {width:100%; height:auto; } .image-boxes a { display: block; } /* Style 1 */ .imgboxes_style1 {overflow:visible;} .imgboxes_style1 .hoverBorder h6 {position:absolute; left: -10px; bottom:20px; color:#fff; padding:11px 15px; background:#ef7900; font-size:12px; font-weight:500; line-height:1; margin: 0; border-radius: 2px;} .imgboxes_style1 .hoverBorder:hover h6 { left:20px;} .imgboxes_style1 img {box-shadow: 0 1px 1px rgba(0,0,0,.22)} .imgboxes_style1 .hoverBorderWrapper { height: 270px;} /* Style 2 */ .image-boxes.ib_style2 .hoverBorder {margin-bottom:0; } .imgboxes_style2 .imgboxes-wrapper { height: 270px; } /* Style 3 */ .slidingDetails {position:relative; display:block; overflow:hidden;} .slidingDetails img {position:relative;} .slidingDetails, .slidingDetails .details {-webkit-transition:all .2s cubic-bezier(0.680, 0, 0.265, 1); transition:all .2s cubic-bezier(0.680, 0, 0.265, 1);} .slidingDetails .details {position:absolute; left:0; right:0; bottom:0; top:100%; opacity:0; visibility:hidden; padding:30px; font-size:12px; color:#fff; background:#232323; background:rgba(35,35,35,0.8); } .slidingDetails:hover .details { visibility:visible; opacity:1; top:0;} .slidingDetails:hover { box-shadow:0 0 7px rgba(0,0,0,0.5);} .slidingDetails .details h4 {font-size:17px; margin-top:5px;} .slidingDetails .details h6 {color:#fff; font-size:12px; font-weight:500; line-height:1.5; margin: 0;} /* Image Boxes 1 Style 4 */ .imgboxes_style4 .imgboxes-wrapper {position:relative; display:inline-block; margin-bottom: 20px; height: 270px;} .imgboxes_style4 .imgboxes-title { position: absolute; bottom: 0; color: #fff; width: 100%; text-align: center; font-size: 16px; margin-bottom: 0; padding-bottom: 30px; z-index: 0;} .imgboxes_style4 .imgboxes-title:before { content:''; position: absolute; top:-100%; left:0; height:200%; width: 100%; background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, transparent 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, transparent 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,1) 100%); z-index: -1; opacity: .8;} .imgboxes_style4 .imgboxes-title:after { content: ''; height: 2px; width: 30px; background: #ef7900; display: block; margin: 0 auto; margin-top: 10px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 1;} .imgboxes_style4:hover .imgboxes-title:after { width: 60px; ;} .imgboxes_style4 .imgbox_image { -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; -webkit-backface-visibility: hidden;} .imgboxes_style4:hover .imgbox_image {opacity:.8} .cover-fit-img { object-fit: cover; overflow: hidden;} .imgbox_image.cover-fit-img { height: 100%;} /* Style bottom */ .imgboxes_style4.kl-title_style_bottom .imgboxes-title { text-align: left; padding: 0 20px 30px; -webkit-transition:padding-bottom .2s ease-out; transition:padding-bottom .2s ease-out;} .imgboxes_style4.kl-title_style_bottom .imgboxes-title:before {-webkit-transition:opacity .2s ease-out; transition:opacity .2s ease-out;} .imgboxes_style4.kl-title_style_bottom .imgboxes-title:after { display: none;} .imgboxes_style4.kl-title_style_bottom .imgboxes-border-helper { position:absolute; left:0; bottom:0; right:0; border-bottom: solid 5px #ef7900; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; z-index: 1;} .imgboxes_style4.kl-title_style_bottom:hover .imgboxes-border-helper { border-bottom: solid 10px #ef7900;} .imgboxes_style4.kl-title_style_bottom:hover .imgboxes-title:before {opacity:.5;} .imgboxes_style4.kl-title_style_bottom:hover .imgboxes-title { text-align: left; padding-bottom: 25px;} /* Style left */ .imgboxes_style4.kl-title_style_left .imgboxes-title { text-align: left; padding: 0 20px 30px;} .imgboxes_style4.kl-title_style_left .imgboxes-title:after { margin: initial; width: 40px; margin-top: 10px;} .imgboxes_style4.kl-title_style_left:hover .imgboxes-title:after { width: 80px;} /* Accordions */ .acc-group button {outline: 0 !important; } .acc-group > button.collapsed {padding-right: 30px; } /* Accordion Default Style / Re-Styling / */ .hg_accordion_element.default-style > h3 { font-size: 18px; line-height: 1.4; margin-top: 0; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } .hg_accordion_element.default-style .th-accordion {border: 1px solid #E3E3E3; border-radius: 4px; } .hg_accordion_element.default-style .th-accordion .acc-group {margin-bottom:0; border-bottom: 1px solid #E3E3E3;} .hg_accordion_element.default-style .th-accordion .acc-group:last-child { border-bottom: 0; } .hg_accordion_element.default-style .th-accordion .acc-group > button { border:0; padding:4px 10px; color:#ef7900; display: block; width: 100%; text-align: left; background-color: #F8F8F8; padding: 20px 60px 20px 25px; font-size: 14px; font-weight: 600; position: relative; } .hg_accordion_element.default-style .th-accordion .acc-group > button.collapsed {color:#505050; background-color: #fff; } .hg_accordion_element.default-style .th-accordion .acc-group > button:hover {background: #F8F8F8; color: #111; } .hg_accordion_element.default-style .th-accordion .acc-group .content {background-color: #F8F8F8; padding: 20px 25px; } .hg_accordion_element.default-style .th-accordion .acc-group > button:not(.collapsed) {border-bottom: 1px solid #EEEEEE; } .hg_accordion_element.default-style .th-accordion .acc-group > button:before, .hg_accordion_element.default-style .th-accordion .acc-group > button:after {position: absolute; content: ' '; width: 10px; height: 2px; display: block; background: #ddd; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .hg_accordion_element.default-style .th-accordion .acc-group > button:before {right: 31px; top: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .hg_accordion_element.default-style .th-accordion .acc-group > button:after {right: 25px; top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hg_accordion_element.default-style .th-accordion .acc-group > button.collapsed:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hg_accordion_element.default-style .th-accordion .acc-group > button.collapsed:after {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 404 error page */ .error404 .page-subheader { height:200px; min-height: 0;} .error404-content { margin: 20px auto; text-align:center;line-height: 1;} .error404-content h2{ font-weight:bold; font-size:260px; line-height:1; text-align:center; text-shadow:0 0 28px rgba(35,35,35,.5); text-transform:uppercase; margin:20px 0; color:transparent} .error404-content h3{ font-size:30px; text-align:center; opacity:0.2;} .error404 .search { margin:40px auto; text-align: center; } .error404 .gensearch__form { position: relative; display: inline-block; width: 300px; } /* Historic timeline */ .timeline_bar { position: relative } .timeline_bar:before { position: absolute; content: ''; width: 1px; height: 97%; background-color: rgba(0, 0, 0, 0.09); display: block; top: 26px; left: 50%; margin-left: -1px; z-index: 0; } .timeline_bar > .row {margin-bottom:0;} .timeline_box {background:#f8f8f8; border-radius:3px; margin: 30px 30px 30px 0; padding:30px; position:relative;} div[data-align="right"] .timeline_box { margin: 30px 0 30px 30px; } .timeline_box:after {content:''; position:absolute; top:50%; right:-20px; border:10px solid transparent; border-left-color:#fff; margin-top: -10px;} div[data-align=right] .timeline_box:after {left:-20px; right:auto; border-left-color:transparent; border-right-color:#fff;} .timeline_box:before {content:"\e013"; position:absolute; font-family: 'Glyphicons Halflings'; font-size: 18px; top:50%; right:-70px; background:#ffffff; color: #ef7900; width:50px; height:50px; margin-top: -25px; border-radius:5px; text-align: center; line-height: 50px; box-sizing: content-box;} div[data-align=right] .timeline_box:before {right:auto; left:-70px;} .end_timeline {text-align:center;} .timeline_box, .timeline_box .date { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05) } .end_timeline > span {background:#fff; border-radius:3px; padding:0 10px; line-height: 2;display: inline-block;} .timeline_box:hover:before {background-color: #ef7900; color:#ffffff;} .timeline_box .date {font-size:30px; line-height: 1; font-family: 'tt_russo_sansbold'; background:#ef7900; display:inline-block; padding:10px 15px 0px 15px; height:50px; border-radius:5px; position:absolute; top:50%; margin-top: -24px; right:-100px; color:#ffffff;right: auto; white-space: nowrap; left: -webkit-calc(100% + 90px); left: calc(100% + 90px);} .timeline_box .htitle { font-weight: bold; } div[data-align=right] .timeline_box .date {left: auto; right: calc(100% + 90px); right: -webkit-calc(100% + 90px); } .masonry-columns {height: auto !important;} /* Blockquote */ blockquote { margin: 25px 40px } /* grayhover effect */ a.grayHover { overflow:hidden; position:relative; display:inline-block;} a.grayHover img {position:relative;} /* PORTFOLIO */ /* Portfolio Item */ .hg-portfolio-item {position: relative;} .portfolio-item-title { text-transform: uppercase; color: #4D4D4D; font-size: 32px; line-height: 1.3; font-weight: 400; } .portfolio-item-desc {margin-bottom:30px} .portfolio-item-desc-inner {max-height: 150px; overflow: hidden; position: relative;} .portfolio-item-desc-inner:after { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 100px; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(245,245,245,0)),color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top,rgba(245,245,245,0) 0,#f5f5f5 100%); background: linear-gradient(to bottom,rgba(245,245,245,0) 0,#f5f5f5 100%);} .portfolio-item-more-toggle {text-transform:uppercase; font-weight: 900; font-size: 11px;} .portfolio-item-more-toggle .glyphicon {font-size:11px; margin-right:4px;} .portfolio-item-more-toggle:after {content:attr(data-more-text);} /* when opened */ .portfolio-item-desc.is-opened .portfolio-item-desc-inner {max-height: none; overflow: hidden;} .portfolio-item-desc.is-opened .portfolio-item-desc-inner:after {display: none;} .portfolio-item-desc.is-opened .portfolio-item-more-toggle:after {content:attr(data-less-text);} .portfolio-item-desc.is-opened .portfolio-item-more-toggle .glyphicon:before { content: "\e260"; } /* no-toggle */ .portfolio-item-desc.no-toggle .portfolio-item-desc-inner {max-height: none; overflow: hidden;} .portfolio-item-desc.no-toggle .portfolio-item-more-toggle {display: none;} .portfolio-item-desc.no-toggle .portfolio-item-desc-inner:after {display: none;} /* when in affix */ .portfolio-item-content.affixcontent .portfolio-item-desc.is-opened:not(.no-toggle) .portfolio-item-desc-inner { max-height: 35vh; overflow: auto;} /* details */ .portfolio-item-details {margin: 0 0 40px; list-style: none; padding:0;} .portfolio-item-details li {margin-bottom: 15px;} .portfolio-item-details-label { min-width: 100px; font-weight: 300; color:#ababab; float:left;} .portfolio-item-details-item { float:left; overflow: hidden;} /* Other details */ .portfolio-item-otherdetails {margin-bottom: 30px; } .portfolio-item-livelink { display:inline-block; margin-right: 10px; float: right; margin-top: 5px;} .portfolio-item-share { display:inline-block; } .portfolio-item-share:before {content:attr(data-share-title); font-size:12px; font-weight:600; display: block;line-height: 1;margin-bottom: 10px; color: #8A8A8A;} .portfolio-item-share a {display:inline-block; width: 30px; height: 30px; margin-top: -5px; border-radius:3px; color: rgba(0, 0, 0, 0.25); background-color: transparent; border-color: #E2E2E2;border-top: 0;border-bottom: 0;border-right: 0; border:0; font-size:16px;text-align: center; margin-right: 5px;line-height: 30px;} .portfolio-item-share a:hover {color:#fff;} .portfolio-item-share .portfolio-item-share-twitter {font-size: 13px;} .portfolio-item-share-twitter:hover {background:#55ACEE;} .portfolio-item-share-facebook:hover {background:#3B5998;} .portfolio-item-share-gplus:hover {background:#CC3732;} .portfolio-item-share-pinterest:hover {background:#CC2127;} .portfolio-item-share-mail:hover {background:#565656;} /* Right part */ .hg-portfolio-item .portfolio-item-right { margin-bottom:20px;} .portfolio-item { margin-bottom: 50px; } /* Affixed Portfolio content */ .portfolio-item-content.affixcontent { -webkit-transition:top .2s ease-out; transition:top .2s ease-out; -webkit-backface-visibility: hidden;} /* MQ's */ @media (min-width: 992px) and (max-width: 1199px){ .page-title.portfolio-item-title { font-size: 24px; line-height: 1.3;} } @media (min-width: 992px){ .portfolio-item-content.affix {top:40px; position: fixed;} .admin-bar .portfolio-item-content.affix, .kl-follow-menu .portfolio-item-content.affix {top:60px;} .admin-bar.kl-follow-menu .portfolio-item-content.affix {top:80px;} /* top and bottom */ .portfolio-item-content.affix-top {top:0; } .portfolio-item-content.affix-bottom {position: absolute; } } @media (max-width: 991px){ .portfolio-item-content.affix, .portfolio-item-content.affixcontent {position: static !important;} .page-title.portfolio-item-title { font-size: 24px; line-height: 1.3;} .portfolio-item-details-label {float: none; display:block; margin-bottom: 5px; } .portfolio-item-details-item {float: none; display:block; } .portfolio-item-livelink {float: none; margin-top: 20px;} .portfolio-item-details {margin: 0 0 20px;} } .portfolio-row {margin-bottom: 40px;} /* Overlay */ .kl-has-overlay .img-intro { position: relative; z-index: 0; width: 270px; margin: auto; } .kl-has-overlay .img-intro > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .kl-has-overlay .img-intro .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .kl-has-overlay .img-intro:hover .overlay { opacity: 1; visibility: visible; box-shadow: inset 0 -8px 0 0 #ef7900; } .hg-portfolio-carousel .kl-has-overlay .img-intro:hover .overlay { box-shadow: none; } .kl-has-overlay .img-intro .overlay-inner { position: relative; text-align: center; top: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; } .kl-has-overlay .img-intro .overlay-inner > span { color: #ef7900; width: 60px; height: 60px; line-height: 58px; border: none; font-size: 63px; display: inline-block; border-radius: 50%; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; } .kl-has-overlay .img-intro:hover .overlay-inner > span { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .portfolio-entry .title { text-transform: uppercase; font-size: 16px; line-height: 1.6; } .portfolio-entry .pt-cat-desc { line-height: 1.8; } .hg-portfolio-carousel .portfolio-item:before, .hg-portfolio-carousel .portfolio-item:after { content: " "; display: table; } .hg-portfolio-carousel .portfolio-item:after { clear: both; } .hg-portfolio-carousel .portfolio-item { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #EBEBEB; } .hg-portfolio-carousel .portfolio-item:last-child { padding-bottom: 0; margin-bottom: 50px; border: 0; } .hg-portfolio-carousel .pt-content-title {margin-bottom: 30px; } .hg-portfolio-carousel .pt-cat-desc {margin-bottom: 30px; } .hg-portfolio-carousel .portfolio-item-details {margin-bottom: 20px; } .pt-itemlinks {margin-bottom: 20px;} .pt-itemlinks .btn:first-child {margin-right: 10px;} /* SORTABLE PORTFOLIO */ .hg-portfolio-sortable h1.title {font-weight:bold;} .hg-portfolio-sortable #sorting { float:right; margin:0; font-size: 10px; text-transform: uppercase; padding: 8px 10px; color:#888; border-radius: 2px; margin-top:10px; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;} .hg-portfolio-sortable #sorting ul {display:inline-block; margin:0 25px 0 0; padding:0; list-style:none;} .hg-portfolio-sortable #sort-direction {margin-right:0 !important;} .hg-portfolio-sortable #sorting ul li {display: inline-block; margin-left:10px; line-height:1; margin-bottom:0;} .hg-portfolio-sortable #sorting ul li a {color: #B7B7B7; line-height:1;} .hg-portfolio-sortable #sorting ul li a.selected {color: #131313} .hg-portfolio-sortable #sorting .sortTitle {line-height:1;} .hg-portfolio-sortable #portfolio-nav {margin:5px 0 40px; padding:0; list-style:none; float: left;} .hg-portfolio-sortable #portfolio-nav li {float:left;} .hg-portfolio-sortable #portfolio-nav li a {color: #2e3233; padding:0 10px 0 10px; line-height: 14px; font-size: 14px; text-transform: uppercase; display:inline-block; margin-right:0; font-family: "tt_russo_sansbold", Helvetica, Arial, sans-serif; border-right: 2px solid #ef7900;} .hg-portfolio-sortable #portfolio-nav li:last-child a{border-right: none;} .hg-portfolio-sortable #portfolio-nav li a:hover, .hg-portfolio-sortable #portfolio-nav li.current a {color:#ef7900;} .hg-portfolio-sortable li.kl-has-overlay .img-intro:hover .overlay { box-shadow: none } .portfolio-item .img-intro img, .hg-portfolio-sortable .item .img-intro img { width: 100%; } .hg-portfolio-sortable ul#thumbs { padding: 0; list-style: none; overflow: hidden; margin-left: -10px; margin-right: -10px; } .hg-portfolio-sortable ul#thumbs li { width: 100%; float: left; padding: 0 10px; margin-bottom: 20px; } .hg-portfolio-sortable ul#thumbs[data-columns="2"] li {width: 50%;} .hg-portfolio-sortable ul#thumbs[data-columns="3"] li {width: 33.333%;} .hg-portfolio-sortable ul#thumbs[data-columns="4"] li {width: 25%;} .hg-portfolio-sortable ul#thumbs[data-columns="5"] li {width: 20%;} @media (max-width : 992px) { .hg-portfolio-sortable ul#thumbs li { width: 33.333% !important} } @media (max-width : 768px) { .hg-portfolio-sortable ul#thumbs li { width: 50% !important} } @media (max-width : 480px) { .hg-portfolio-sortable ul#thumbs li { width: 100% !important} } .hg-portfolio-sortable ul#thumbs li .inner-item { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15); background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; opacity:0.9; } .hg-portfolio-sortable ul#thumbs li .inner-item:hover {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); opacity:1; } .hg-portfolio-sortable ul#thumbs li h4{ text-align:center; display: block; line-height: 1.6; font-size:24px; margin: 0; padding: 0px } .hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc { font-size: 12px; color: #777; padding:0 15px 15px; margin: 15px 0 0; display: block; } .hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p {margin-bottom:10px;} .hg-portfolio-sortable ul#thumbs li.isotope-item {z-index:2;} .hg-portfolio-sortable ul#thumbs li.isotope-hidden {z-index:1;} .hg-portfolio-sortable .inner-item iframe {display:block;} /* Portfolio carousels */ .pt-content-title { font-size: 32px; line-height: 1.4; margin-bottom: 20px; font-weight: 300; } .pt-content-title.small {font-size: 24px;} .ptcarousel--frames-classic {position:relative; border:4px solid #fff; box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); border-radius:2px; } .ptcarousel--frames-classic:after {content:''; position:absolute; left:-34px; top:50%; margin-top:-15px; border:15px solid transparent; border-right:15px solid #ddd; z-index:1;} .ptcarousel--frames-classic:before {content:''; position:absolute; left:-30px; top:50%; margin-top:-13px; border:13px solid transparent; border-right:13px solid #fff; z-index:2;} .ptcarousel--frames-modern {position: relative; padding-top:30px; padding-bottom: 0; border-radius: 4px 4px 2px 2px; background-color: #dcdee7; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 16px 10px -11px rgba(0, 0, 0, 0.12); } .ptcarousel--frames-modern:before {content: ""; position: absolute; top: 12px; margin-top: 0; left: 25px; display: block; background: #ababab; border-radius: 30px; width: 7px; height: 7px; box-shadow: -12px 0 0 #ababab,12px 0 0 #ababab; } .ptcarousel--frames-minimal {position: relative} .ptcarousel ul {margin:0; padding:0; list-style:none; overflow:hidden; } .ptcarousel li {float:left; } .ptcarousel .controls > a {position:absolute; left: 15px; top: 50%; z-index:11; background:#000; display:inline-block !important; margin:0; margin-top:-12px; width: 30px; height: 31px; text-align: center; border-radius:2px; opacity:0;} .ptcarousel .controls > a.next {left:auto; right:15px; } .ptcarousel .controls > a span {margin:8px 0 0; color: #fff; } .ptcarousel .controls > a:hover {background:#ef7900; } .ptcarousel:hover .controls a {opacity:1; } .itemLinks {margin-top:20px;} .itemLinks span a { background: #eee; padding:7px 10px; line-height: 1; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #888; border-radius: 2px; display:inline-block; margin-right:15px; } .itemLinks span a:hover {background:#ef7900; color:#fff;} /* portfolio Category */ .zn_portfolio_category.ptfcat-one-col > .row {margin-bottom: 50px;} /* MQ's */ @media (max-width: 1199px) { .services_box .services_box__icon {float: none;} /* Modern */ .services_box--modern.sb--hasicon .services_box__title {margin-left:0;} .services_box--modern.sb--hasicon .services_box__desc { margin-left:0;} .services_box--modern.sb--hasicon .services_box__list li {padding-left: 0;} .services_box--modern .services_box__list li:before, .services_box--modern .services_box__icon:after {display: none;} } @media (max-width: 767px) { .services_box .services_box__inner {text-align: center; } .services_box .services_box__icon {float: none; margin: 0 auto; } .services_box .services_box__list .glyphicon {display: none} } @media (max-width: 568px) { .services_box {width: 100%; } } /* Latest Posts Default */ .latest_posts.default-style .hoverBorder {margin-bottom:10px;} .latest_posts.default-style .hoverBorder h6 {position:absolute; left:-10px; bottom:16px; color:#fff; padding:11px 14px; background:#ef7900; font-size:12px; font-weight:500; line-height:1; margin: 0; border-radius:2px; } .latest_posts.default-style .hoverBorder:hover h6 { left:15px; background:#fff; color:#ef7900;} .latest_posts.default-style a + em {font-size:11px; color:#7d7d7d;} .latest_posts.default-style .post {margin-bottom: 30px; } .latest_posts.default-style .post .m_title {font-style:italic; font-size:16px; line-height:1.4; margin-top:10px;} .latest_posts.default-style .post em {display: block;} .latest_posts.default-style img { box-shadow: 0 1px 1px rgba(0,0,0,.22); } /* latest posts default style - style 2 */ .latest_posts.default-style.kl-style-2 .lp-title {background-color: #ef7900; height: 120px; width: 100%; text-align: center; padding: 20px 40px; margin: 0 0 20px; } .latest_posts.default-style.kl-style-2 .lp-title .m_title {position: relative; color: #fff; text-shadow: none; font-weight: bold; font-size: 20px; line-height: 1; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .latest_posts.default-style.kl-style-2 .post {position: relative; margin-bottom: 10px; } .latest_posts.default-style.kl-style-2 .post-details {position: absolute; bottom: 0; padding: 20px 15px; } .latest_posts.default-style.kl-style-2 .m_title a {color: #fff; text-shadow: none; font-style: normal; margin-bottom: 5px; } .latest_posts.default-style.kl-style-2 .post-details em {font-style: normal; color: #828282; font-size: 11px; } .latest_posts.default-style.kl-style-2 .post-details em a {color: #fff; } .latest_posts.default-style.kl-style-2 .m_title {position: relative; margin: 0 0 20px; } .latest_posts.default-style.kl-style-2 .post:not(.lp-title) .m_title:after {position: absolute; content: ''; width: 88px; height: 3px; background-color: #ef7900; left: 0; bottom: -10px; -webkit-transition: width .25s ease-in-out; transition: width .25s ease-in-out; } .latest_posts.default-style.kl-style-2 .post:not(.lp-title):hover .m_title:after {width: 160px; } .latest_posts.default-style.kl-style-2 .theHoverBorder { background: -webkit-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8) 100%); background: -o-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8) 100%); box-shadow: none; border-radius: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .latest_posts.default-style.kl-style-2 .hoverBorderWrapper img {border-radius: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%;} .latest_posts.default-style.kl-style-2 .hoverBorder {margin: 0; } .latest_posts.default-style.kl-style-2 .hoverBorder:hover img {opacity: 1; } .latest_posts.default-style.kl-style-2 .post:hover .theHoverBorder {opacity: 0; } /* MQ's */ @media (min-width: 768px) { .latest_posts.default-style.kl-style-2 .lp-title {margin-bottom: 0; } } @media (min-width: 1200px) { .latest_posts.default-style.kl-style-2 .lp-title {height: 350px; } .latest_posts.default-style.kl-style-2 .lp-title .m_title {font-size: 54px; } .latest_posts.default-style.kl-style-2 .post {margin-bottom: 20px; } } @media (max-width: 991px) and (min-width: 768px) { .latest_posts.default-style.kl-style-2 .lp-title {height: 219px; } } @media (max-width: 1199px) and (min-width: 992px) { .latest_posts.default-style.kl-style-2 .lp-title {height: 288px; } } @media (max-width: 480px) { .latest_posts.default-style.kl-style-2 .m_title {margin-bottom: 0; font-size: 10px; } .latest_posts.default-style.kl-style-2 .post:not(.lp-title) .m_title:after {content: none; } .latest_posts.default-style.kl-style-2 .post-details em {display: none; } } .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: #ef7900; 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:#ef7900; 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:#ef7900;} .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; } /* latest posts - accordion style */ .latest_posts.acc-style {position:relative;} .latest_posts.acc-style h3.m_title {position:absolute; top: 14px; z-index:1;margin: 0;} .latest_posts.acc-style .viewall {position:absolute; top:12px; right:0; font-size:10px; font-weight:bold; color:#757575; z-index:1;} .latest_posts.acc-style .viewall:hover {color:#111;} .latest-posts-carousel {position: relative; } .latest-posts-carousel .controls {position: relative; right: auto; float: right; } .latest-posts-carousel .controls > a {opacity: 0.5; filter: alpha(opacity=50); } .latest-posts-carousel .post em {display: block; } .latest-posts-carousel .post .m_title {font-style: italic; font-size: 16px; line-height: 1.4; margin-top: 10px; } .latest-posts-carousel .m_title {float: left; } .latest-posts-carousel a + em {font-size: 11px; color: #7d7d7d; } .latest-posts-carousel .hoverBorder h6 {position: absolute; left: -10px; bottom: 16px; padding: 6px 10px; background: #ef7900; font-size: 12px; font-weight: 500; line-height: 1; margin: 0; border-radius: 2px; } .latest-posts-carousel .hoverBorder a {color: #fff; } .latest-posts-carousel .hoverBorder:hover h6 {left: 15px; background: #fff; } .latest-posts-carousel .hoverBorder:hover a {color: #ef7900; } .latest-posts-carousel .hoverBorder {margin-bottom: 10px; } .lp_carousel {margin: 0; padding: 0; list-style: none; height: auto; height: auto !important; position: relative !important;} .lp_carousel li {float: left; margin: 0; padding: 0 10px;} /* Css3 Accordion Latest posts */ .css3accordion>ul>li, .css3accordion>ul>li>.inner-acc, .css3accordion>ul>li .thumb {-webkit-transition: width 0.2s ease-in-out 0.2s; transition: width 0.2s ease-in-out 0.2s;} .css3accordion { width:100%; margin:0 auto 20px; overflow:hidden; position:relative;} .css3accordion>ul {list-style:none; padding:0; margin:0; width: 100%;} .css3accordion>ul>li {width: calc(25% - 20px); padding-top:50px; position:relative; float:left; overflow:hidden; margin-right: 20px; border-top:4px solid #E7E7E7; } .css3accordion>ul>li>.inner-acc, .css3accordion>ul>li:hover ~ li>.inner-acc { width:calc( 200% + 40px); } .css3accordion>ul>li:hover>.inner-acc, .css3accordion>ul>li.last>.inner-acc { width:100%; } .css3accordion>ul>li .thumb { width: calc(50% - 20px); float:left; margin-right:20px; opacity:.8; } .css3accordion>ul>li.last, .css3accordion>ul>li:hover:not(.last) {width:50%;} .css3accordion>ul>li:hover ~ li {width: calc(25% - 20px);} .css3accordion>ul>li:hover .thumb {opacity:1;} .css3accordion>ul>li.last {margin-right:0;} .css3accordion .content > em {font-size:11px; color:#7d7d7d;} .css3accordion .content > .m_title {font-size: 12px; line-height: 1.3; margin:8px 0;} .css3accordion .text {font-size:11px; line-height:1.4; } .css3accordion .text + a { font-size:10px; font-weight:bold; color:#888; display: inline-block; margin-top: 5px; } /** Devices Images Element */ .el-devimages--ltr {direction:ltr;} .el-devimages__laptop { position: relative; width: 1160px; background-repeat: no-repeat; background-size: contain;} .el-devimages__laptop-img {position: absolute; background-repeat: no-repeat; background-size: cover; border-radius: 3px; } .el-devimages--type-img .el-devimages__laptop { height: 500px; background-image: url(../images/devices/macbook.png); } .el-devimages--type-img .el-devimages__laptop-img {left: 14%; top: 7.6%; bottom: 13.3%; right: 13.9%; } .el-devimages--type-vector .el-devimages__laptop { height: 500px; background-image: url(../images/devices/macbook-air.svg); } .el-devimages--type-vector .el-devimages__laptop-img { left: 16.6%; top: 6.3%; bottom: 11.8%; right: 16.6%; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.24);} .el-devimages__smartphone { position: absolute; width: 220px; background-repeat: no-repeat; background-size: contain; bottom: -20px; left: 70px;} .el-devimages__smartphone-img {position: absolute; background-repeat: no-repeat; background-size: cover; border-radius: 3px; } .el-devimages--type-img .el-devimages__smartphone { height: 403px; width: 245px; background-image: url(../images/devices/iphone6.png); } .el-devimages--type-img .el-devimages__smartphone-img {left: 15.9%; top: 11.6%; bottom: 13.8%; right: 14.8%; } .el-devimages--type-vector .el-devimages__smartphone { height: 400px; width: 200px; left: 110px; background-image: url(../images/devices/iphone6.svg); } .el-devimages--type-vector .el-devimages__smartphone-img { left: 7.2%; top: 14%; bottom: 11.7%; right: 7.3%; } /* Frame */ .el-devimages__frame {position: relative; width: 1160px; height: 520px; padding-top:30px; padding-bottom: 5px; border-radius: 4px 4px 0 0; background-color: #dcdee7; border:2px solid #fff; box-shadow: 0 10px 13px -10px rgba(0, 0, 0, 0.3); } .el-devimages__frame:before {content: ""; position: absolute; top: 12px; margin-top: 0; left: 25px; display: block; background: #ababab; border-radius: 30px; width: 7px; height: 7px; box-shadow: -12px 0 0 #ababab,12px 0 0 #ababab; } .el-devimages__frame-img {position: absolute; background-repeat: no-repeat; background-size: cover; left:0; top:30px; bottom: 5px; right:0; } /* Right to left */ .el-devimages--rtl {direction:rtl;} .el-devimages--rtl.el-devimages--type-img .el-devimages__smartphone {left:auto; right: 70px;} .el-devimages--rtl.el-devimages--type-vector .el-devimages__smartphone {left:auto; right: 110px;} .el-devimages--rtl .el-devimages__frame:before {left:auto; right: 25px;} /* Center */ .el-devimages--center .el-devimages__frame {width: 100%; height: 0; padding-bottom: 45%; } /* MQ's */ @media screen and (min-width: 992px) and (max-width: 1199px){ .el-devimages--type-img .el-devimages__laptop { height: 490px; width: 850px;} .el-devimages--type-vector .el-devimages__laptop { height: 428px; width: 845px;} .el-devimages__frame { width: 900px; height: 490px;} .el-devimages--type-vector .el-devimages__smartphone { height: 330px; width: 166px;} .el-devimages--type-img .el-devimages__smartphone { height: 324px; width: 197px;} } @media screen and (min-width: 768px) and (max-width: 991px){ .el-devimages--type-img .el-devimages__laptop { height: 416px; width: 720px;} .el-devimages--type-vector .el-devimages__laptop { height: 370px; width: 720px;} .el-devimages__frame { width:720px; height: 440px;} .el-devimages--type-vector .el-devimages__smartphone { height: 250px; width: 125px;} .el-devimages--type-img .el-devimages__smartphone { height: 274px; width: 167px;} .el-devimages--type-vector .el-devimages__smartphone { left: 70px; } .el-devimages--rtl.el-devimages--type-img .el-devimages__smartphone {right: 40px;} .el-devimages--rtl.el-devimages--type-vector .el-devimages__smartphone {right: 70px;} } @media screen and (max-width: 767px){ .el-devimages--type-img .el-devimages__laptop {width: 100%; height: 0; padding-bottom: 57.77%; } .el-devimages--type-vector .el-devimages__laptop {width: 100%; height: 0; padding-bottom: 51%; } .el-devimages__frame {width: 100%; padding-bottom: 63%; height: 0; } .el-devimages__smartphone {display: none} } /* Tablets devices Animation */ .tablet-device {display: block; position: relative; margin: 0 -10.8%; opacity: 0; overflow: hidden; -webkit-transition:-webkit-transform .3s ease-out, opacity .3s ease-out; transition:transform .3s ease-out, opacity .3s ease-out;} .tablet-device::before {content:''; position:absolute; width: 8px; height: 8px; background: #636363; border-radius: 8px; left:50%; top: 6%; margin-left: -4px; border: 2px solid #FFF;} .tablet-device.has-glare::after {content:''; position:absolute; width: 424px; height: 463px; background-image: url(../images/glare-effect.png); left:50%; top: 0; margin-left:-30px; } .tablet-device.black-tablet::before {background: #3F3F3F; border: 2px solid #686868;} .tablet-device img {padding: 14.4% 12% 0; border-radius: 20px 20px 0 0; background: #F2F2F2; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.78); /*border: 1px solid #EBEBEB; border-bottom: 0;*/ } .tablet-device.black-tablet img {background: #000000; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.78); /*border: 1px solid #525252;*/} .tablet-device.tb-left {-webkit-transform: scale(.9) translateX(20px) translateY(200px); -ms-transform: scale(.9) translateX(20px) translateY(200px); transform: scale(.9) translateX(20px) translateY(200px); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition-delay:.1s; transition-delay:.1s; } .tablet-device.tb-right {-webkit-transform: scale(.9) translateX(-20px) translateY(200px); -ms-transform: scale(.9) translateX(-20px) translateY(200px); transform: scale(.9) translateX(-20px) translateY(200px); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition-delay:.2s; transition-delay:.2s;} .tablet-device.tb-center { margin: -8.9% -14.9% 0; z-index: 1; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px);} .started .tablet-device.tb-left, .touch .tablet-device.tb-left {-webkit-transform: scale(.9) translateX(20px) translateY(0); -ms-transform: scale(.9) translateX(20px) translateY(0); transform: scale(.9) translateX(20px) translateY(0); opacity: 1;} .started .tablet-device.tb-right, .touch .tablet-device.tb-right {-webkit-transform: scale(.9) translateX(-20px) translateY(0); -ms-transform: scale(.9) translateX(-20px) translateY(0); transform: scale(.9) translateX(-20px) translateY(0); opacity: 1; } .started .tablet-device.tb-center, .touch .tablet-device.tb-center { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;} /** Action Box **/ .action_box {padding:24px 0; color:#fff; border-top:2px solid #fff; border-bottom:1px solid #fff; position:relative; background-color:#ef7900; clear: both; } .action_box .action_box_content { max-width: 1170px; margin: 0 auto; padding:0 15px; width: 100%; } .action_box h4.text {margin: 10px 0; font-weight: 200; font-size: 24px; line-height: 1.4;} .action_box .ac-subtitle { color: rgba(255, 255, 255, 0.6); line-height: 1.6 } .action_box:after, .action_box:before {content:""; position:absolute; left:50%; bottom:-14px; margin-left: -25%; border-radius:3px; border: 8px solid transparent; border-top-width: 7px; border-top-color:#ef7900;} .action_box[data-arrowpos=center]:after, .action_box[data-arrowpos=center]:before {margin-left: -7px; } .action_box[data-arrowpos=right]:after, .action_box[data-arrowpos=right]:before {margin-left: 25%; } /* Style 2 */ .action_box.style2 .action_box_content { display: block; } .action_box.style2 .ac-content-text, .action_box.style2 .ac-buttons { display: block; text-align: center; padding-left: 0; } .action_box.style2 .ac-content-text { margin-bottom: 25px; } .action_box.style2 .ac-btn, .action_box.style2 .ac-btn:last-child { display: inline-block; margin: 0 5px; } /* Action Box style 3 */ .style3 .action_box_inner {background-color: #ef7900; position: relative; padding: 35px; border-radius: 6px; z-index: 1;} .style3 .action_box_inner:before {position: absolute; content: ''; background-color: #ef7900; top: -6px; left: 0; width: 100%; height: 100%; display: block; -webkit-transform: skewY(1.5deg); -ms-transform: skewY(1.5deg); transform: skewY(1.5deg); border-radius: 6px; transform-origin: right top;} .style3 .action_box_inner:after {position: absolute; content: ''; background-color: rgba(0, 0, 0, 0.2); width: 90%; height: 30%; display: block; border-radius: 4px; -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); right: 5%; top: -20px; z-index: -1; } .action_box.style3 {padding:0;border-radius: 6px;} .action_box.style3 .action_box_content{position:relative;} .action_box.style3:before {position: absolute; content: ''; background-color: #ef7900; width: 30px; height: 32px; display: block; bottom: -6px; left: 20%; border-radius: 4px; -webkit-transform: skewY(35deg); -ms-transform: skewY(35deg); transform: skewY(35deg); } .action_box.style3:after {display:none} @media (min-width: 320px) { .action_box .ac-btn { margin: 0 5px; } } @media (min-width: 1200px) { .action_box .action_box_content { display: table; } .action_box .ac-content-text { display: table-cell; } .action_box .row.flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .action_box .ac-buttons { text-align: right; display: table-cell; vertical-align: middle; padding-left: 30px;} .action_box .ac-btn { margin: 0; display: inline; } .action_box .ac-btn:last-child { margin-left: 15px; } } @media (max-width: 1200px) { .action_box { text-align: center; } .action_box .ac-content-text { margin-bottom: 25px; } } /* Circle Title text box */ .circle-text-box .wpk-circle-span {font-size: 12px; font-weight:300; display:inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; position: relative; color: #ffffff; -webkit-transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1); transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1);} .circle-text-box .wpk-circle-span > span { position:relative; z-index:1; } .circle-text-box .wpk-circle-span:after {content:''; position:absolute; left:0; top:0; display:inline-block; background-color: #ef7900; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; -webkit-transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1); transition: all 0.2s cubic-bezier(0.680, 0, 0.265, 1);} .circle-text-box .wpk-circle-span { float: left; margin-right: 20px;} .circle-text-box .wpk-circle-title { height: 55px; margin: 0 0 30px; font-size: 20px; font-weight: 600; border-bottom: 1px dotted rgba(0,0,0,0.3); color: #ef7900;} .circle-text-box .wpk-circle-span + .wpk-circle-title { overflow: hidden; line-height: 60px;} .circle-text-box.style1:hover .wpk-circle-span:after {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} /* Circle Title text box - Style 2 */ .circle-text-box.style2 .wpk-circle-span::before { content: ''; position: absolute; right: 5px; bottom: 5px; background: #ef7900; width: 14px; height: 14px; border-radius: 2px; -webkit-transition:all .2s cubic-bezier(0.680, 0, 0.265, 1); transition:all .2s cubic-bezier(0.680, 0, 0.265, 1);} .circle-text-box.style2:hover .wpk-circle-span {} .circle-text-box.style2:hover .wpk-circle-span::before { -webkit-transform:translate3d(5px, 5px, 0); transform:translate3d(5px, 5px, 0); } .circle-text-box.style2:hover .wpk-circle-span::after { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2) } /* Circle Title text box - Style 3 */ .circle-text-box.style3 .wpk-circle-span {font-size:12px; font-weight:300; display:inline-block; background: #ef7900; color:#ffffff; width: auto; height: 45px; line-height: 45px; text-align: right; z-index: 1; border-radius: 3px; padding-left: 25px; margin-left:-25px; padding-right: 10px;} .circle-text-box .wpk-circle-span > span { position:relative; z-index:1; } .circle-text-box.style3 .wpk-circle-span:after {display:none;} .circle-text-box.style3 .wpk-circle-title { height: 42px; margin: 0 0 35px; } .circle-text-box.style3 .wpk-circle-span + .wpk-circle-title { line-height: 45px;} .circle-text-box.style3:hover .wpk-circle-span { padding-left: 35px; margin-left:-35px; } /* Hover Box Style 1 */ .hover-box {display:block; padding:15px; background:#969696; border:1px solid rgba(0,0,0,0.4); color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.5); border-radius:3px; margin-bottom: 20px; overflow: hidden;} .hover-box:hover {background-color:#ef7900 !important; color:#fff;} .hover-box.centered {text-align:center;} .hover-box > img {float:left; margin: 15px 15px 8px 10px;} .hover-box.centered > img {float: none; } .hover-box > h3 {line-height: 1.1; margin-top:0;} .hover-box > h4 {line-height: 1.1; margin-top:0;} .hover-box > p {margin-bottom:0;line-height: 1.1;} /* Hover Box Style 2 & 3 */ .hover-box.hover-box-2, .hover-box.hover-box-3 { text-shadow: none; border: none; padding: 25px; margin-bottom: 0; min-height: 180px; position: relative;} .hover-box.hover-box-2:hover, .hover-box.hover-box-3:hover {box-shadow: 0 10px 2px -6px rgba(0,0,0,0.8); -webkit-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px); } .hover-box.hover-box-3 img { display: none;} .hover-box.hover-box-2 > h3, .hover-box.hover-box-3 > h3 { margin-bottom: 20px;} .hover-box.hover-box-2 > h4, .hover-box.hover-box-3 > h4 { font-weight: bold;} .hover-box.hover-box-2 .hb-img { width: 110px; margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right:15px; float: none; max-width: none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .hover-box.hover-box-2 .hb-img.rb-right {right:0;} .hover-box.hover-box-2 > p, .hover-box.hover-box-3 > p { line-height: 1.4;} .hover-box.hover-box-2 > p:after, .hover-box.hover-box-3 > p:after { content: ''; height: 3px; width: 50px; display: block; background: #fff; margin-top: 22px;} .hover-box.hover-box-2:hover .hb-img {opacity:0; right:-100%;} .hover-box.hover-box-2 .hb-circle {background: url(../images/circle-arr-hover.svg) no-repeat left top; width: 187px; height: 187px; display: block; position: absolute;bottom: -40px; right: -40px;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%); opacity: 0;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;} .hover-box.hover-box-2:hover .hb-circle {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);opacity: 1;} /*** Icon Box - Default element */ .kl-iconbox__title {font-family: Open Sans; font-size: 22px; line-height: 30px; font-weight: 600; font-style: normal; color: #ef7900;} .kl-iconbox {margin-bottom: 30px} .kl-iconbox__inner {} .kl-iconbox__icon-wrapper, .kl-iconbox__title-wrapper, .kl-iconbox__desc-wrapper, .kl-iconbox__cta-wrapper {margin-top:0; margin-bottom:15px;} .kl-iconbox__content-wrapper {overflow: hidden;} .kl-iconbox__link {} .kl-iconbox__title, .kl-iconbox__desc {margin:0;} .kl-iconbox__desc { font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 24px; font-weight: 400; font-style: normal; color: #121212;} .kl-iconbox__icon {line-height: 1; font-size: 42px; -webkit-transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } span.kl-iconbox__icon {font-size: 46px;} .kl-iconbox--theme-light, .kl-iconbox--theme-light a {color:#fff;} .kl-iconbox--theme-dark, .kl-iconbox--theme-dark a {color:#323232;} /* Floated Icons */ .kl-iconbox--fleft .kl-iconbox__icon-wrapper {float:left; margin-right: 20px;} .kl-iconbox--fright .kl-iconbox__icon-wrapper {float:right; margin-left: 20px; } /* Shaped Icons - Resized */ .kl-iconbox--sh .kl-iconbox__icon-wrapper {position:relative;} .kl-iconbox--align-left.kl-iconbox--sh span.kl-iconbox__icon, .kl-iconbox--align-right.kl-iconbox--sh span.kl-iconbox__icon {text-align: center;} /* Shaped icons - Square */ .kl-iconbox--sh-square span.kl-iconbox__icon {display: inline-block; border-radius: 3px; vertical-align: middle; position: relative; z-index: 1; padding:22px; background-color: #3498db; color: #fff;} .kl-iconbox--sh-square span.kl-iconbox__icon:after {content:''; position: absolute; top:0; left:0; width:0; height: 100%; z-index: -1; border-radius: 3px; -webkit-transition: width .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), left .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), right .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: width .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), left .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), right .2s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .kl-iconbox--sh-square:hover span.kl-iconbox__icon:after { width:120%; left:-10%; background-color: #2980b9;} .kl-iconbox--align-left.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after, .kl-iconbox--fleft.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after { width:120%; left:-20%; } .kl-iconbox--align-right.kl-iconbox--sh-square span.kl-iconbox__icon:after, .kl-iconbox--fright.kl-iconbox--sh-square span.kl-iconbox__icon:after { left:auto; right:0; } .kl-iconbox--align-right.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after, .kl-iconbox--fright.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after { width:120%; left:auto; right:-20%; } /* Shaped icons - Circle */ .kl-iconbox--sh-circle span.kl-iconbox__icon {display: inline-block; border-radius: 50%; vertical-align: middle; position: relative; z-index: 1; padding:22px; background-color: #e74c3c; color: #fff;} .kl-iconbox--sh-circle span.kl-iconbox__icon:after {content:''; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: -1; border-radius: 50%; opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition: -webkit-transform .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: transform .2s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .kl-iconbox--sh-circle:hover span.kl-iconbox__icon:after { -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); opacity: 1; background-color: #c0392b;} .kl-iconbox.stage .kl-iconbox__icon {color: #d1d1d1;} .kl-iconbox.stage:hover .kl-iconbox__icon {color: #ef7900;} img.kl-iconbox__icon { max-width: 100px;} img.kl-iconbox__icon.agency-icons { max-width: 150px; width: 100%; padding: 10px;} .default-icon-style .kl-iconbox__icon {font-size: 16px;} .default-icon-style .kl-iconbox__title {font-size: 17px; line-height: 25px;} /*** GRID ICON BOXES */ .grid-ibx__item { float:left; text-align: center; padding-left: 20px; padding-right: 20px; position: relative; -webkit-backface-visibility:hidden; height: 200px; background-color: #fff; } .grid-ibx__item[onclick] {cursor: pointer;} .grid-ibx--cols-1 .grid-ibx__item {width:100%;} .grid-ibx--cols-2 .grid-ibx__item {width:50%;} .grid-ibx--cols-3 .grid-ibx__item {width:33.3333%;} .grid-ibx--cols-4 .grid-ibx__item {width:25%;} .grid-ibx--cols-5 .grid-ibx__item {width:20%;} .grid-ibx__item-inner {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .grid-ibx__link {display:block; position: absolute; top:0; left:0; right:0; bottom:0;} .grid-ibx__title-wrp, .grid-ibx__icon-wrp, .grid-ibx__desc-wrp {margin-top:0; margin-bottom:20px;} .grid-ibx__title, .grid-ibx__desc {margin:0;} .grid-ibx__icon {font-size:24px; line-height: 1; -webkit-transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); color: #e2e2e2;} .grid-ibx__item:hover .grid-ibx__icon { color: #ef7900;} /* GridIconBox Styles - Lined Full */ .grid-ibx--style-lined-full {border-width:1px 0 0 1px;} .grid-ibx--style-lined-full .grid-ibx__item {border-width:0 1px 1px 0; } .grid-ibx--style-lined-full, .grid-ibx--style-lined-full .grid-ibx__item {border-color: rgba(0,0,0,0.1); border-style: solid;} /* GridIconBox Styles - Lined Center */ .grid-ibx--style-lined-center, .grid-ibx--style-lined-center .grid-ibx__item {border-color: rgba(0,0,0,0.1); border-style: solid;} .grid-ibx--style-lined-center .grid-ibx__item {border-width:0 1px 1px 0; } .grid-ibx--style-lined-center.grid-ibx--cols-1 .grid-ibx__item:nth-child(1) { border-right-width:0; } .grid-ibx--style-lined-center.grid-ibx--cols-2 .grid-ibx__item:nth-child(2) { border-right-width:0; } .grid-ibx--style-lined-center.grid-ibx--cols-3 .grid-ibx__item:nth-child(3) { border-right-width:0; } .grid-ibx--style-lined-center.grid-ibx--cols-4 .grid-ibx__item:nth-child(4) { border-right-width:0; } .grid-ibx--style-lined-center.grid-ibx--cols-5 .grid-ibx__item:nth-child(5) { border-right-width:0; } .grid-ibx--style-lined-center .grid-ibx__row:last-child .grid-ibx__item { border-bottom-width:0; } .grid-ibx--style-lined-center {border: 0;} /* GridIconBox Styles - Gradient */ .grid-ibx--style-lined-gradient .grid-ibx__item {margin-bottom: 30px; margin-left: 15px; margin-right:15px; position: relative; } .grid-ibx--style-lined-gradient.grid-ibx--cols-1 .grid-ibx__item {width:-webkit-calc(100% - 30px); width:calc(100% - 30px);} .grid-ibx--style-lined-gradient.grid-ibx--cols-2 .grid-ibx__item {width:-webkit-calc(50% - 30px); width:calc(50% - 30px);} .grid-ibx--style-lined-gradient.grid-ibx--cols-3 .grid-ibx__item {width:-webkit-calc(33.3333% - 30px); width:calc(33.3333% - 30px);} .grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item {width:-webkit-calc(25% - 30px); width:calc(25% - 30px);} .grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {width:-webkit-calc(20% - 30px); width:calc(20% - 30px);} .grid-ibx--style-lined-gradient .grid-ibx__ghelper {position: absolute; top:0; left:0; width:100%; height:5px; border: 1px solid rgba(0,0,0,0.2); border-bottom: 0; border-radius: 4px 4px 0 0; } .grid-ibx--style-lined-gradient .grid-ibx__item:before, .grid-ibx--style-lined-gradient .grid-ibx__item:after {content: ""; position: absolute; top: 4px; width:1px; height:100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(0,0,0,0.2)), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 60%,transparent 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 60%, transparent 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 60%,transparent 100%);} .grid-ibx--style-lined-gradient .grid-ibx__item:before {left: 0; } .grid-ibx--style-lined-gradient .grid-ibx__item:after {right: 0; } .grid-ibx--style-lined-gradient .grid-ibx__item:hover .grid-ibx__ghelper { border-color: #ef7900; border-bottom: 0; } .grid-ibx--style-lined-gradient .grid-ibx__item:hover:before, .grid-ibx--style-lined-gradient .grid-ibx__item:hover:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef7900), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, #ef7900 0%,transparent 100%); background: -webkit-linear-gradient(top, #ef7900 0%, transparent 100%); background: linear-gradient(to bottom, #ef7900 0%,transparent 100%); } /* Hover Effects - Shadow */ .grid-ibx--hover-shadow .grid-ibx__item {-webkit-transition:box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .grid-ibx--hover-shadow .grid-ibx__item:hover { box-shadow: 0 40px 120px -20px rgba(0,0,0,0.6); z-index: 1; } .grid-ibx--hover-shadow.grid-ibx--style-lined-gradient .grid-ibx__item:hover {box-shadow: 0 -10px 30px -10px rgba(0, 0, 0, 0.29); } /* Hover Effects - Scale */ .grid-ibx--hover-scale .grid-ibx__item { -webkit-transition:-webkit-transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .grid-ibx--hover-scale .grid-ibx__item:hover { -webkit-transform: scale3d(1.05,1.05,1); -ms-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); z-index: 1; border-width: 1px !important; background: #fff; border-radius: 3px;} .grid-ibx--hover-scale.grid-ibx--style-lined-gradient .grid-ibx__item:hover {background:none; } /* Hover Effects - Shadow & Scale */ .grid-ibx--hover-shadowscale .grid-ibx__item { -webkit-transition:-webkit-transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000), background .15s cubic-bezier(0.215, 0.610, 0.355, 1.000), box-shadow .25s cubic-bezier(0.215, 0.610, 0.355, 1.000); } .grid-ibx--hover-shadowscale .grid-ibx__item:hover { -webkit-transform:scale3d(1.06,1.06,1); -ms-transform:scale3d(1.06,1.06,1); transform:scale3d(1.06,1.06,1); z-index: 1; border-width: 1px !important; background: #fff; box-shadow: 0 40px 120px -20px rgba(0,0,0,0.6); border-radius: 2px;} .grid-ibx--hover-shadowscale.grid-ibx--style-lined-gradient .grid-ibx__item:hover {box-shadow: 0 -10px 30px -10px rgba(0, 0, 0, 0.29); background:none; } /* Background type */ /*.grid-ibx--bg-default .grid-ibx__item {background: #f2f2f2;} .grid-ibx--bg-default.grid-ibx--style-lined-gradient .grid-ibx__item {background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, #f2f2f2 0%,transparent 100%); background: -webkit-linear-gradient(top, #f2f2f2 0%, transparent 100%); background: linear-gradient(to bottom, #f2f2f2 0%,transparent 100%);} */ /* MQ's */ @media screen and (max-width: 991px){ .grid-ibx--cols-4 .grid-ibx__item, .grid-ibx--cols-5 .grid-ibx__item {width:33.3333%;} .grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item, .grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {width:-webkit-calc(33.3333% - 30px); width:calc(33.3333% - 30px);} } @media screen and (max-width: 767px){ .grid-ibx--cols-3 .grid-ibx__item, .grid-ibx--cols-4 .grid-ibx__item, .grid-ibx--cols-5 .grid-ibx__item {width:50%;} .grid-ibx--style-lined-gradient.grid-ibx--cols-3 .grid-ibx__item, .grid-ibx--style-lined-gradient.grid-ibx--cols-4 .grid-ibx__item, .grid-ibx--style-lined-gradient.grid-ibx--cols-5 .grid-ibx__item {width:-webkit-calc(50% - 30px); width:calc(50% - 30px);} } @media screen and (max-width: 480px){ .grid-ibx--cols-2 .grid-ibx__item, .grid-ibx--cols-3 .grid-ibx__item, .grid-ibx--cols-4 .grid-ibx__item, .grid-ibx--cols-5 .grid-ibx__item {width:100% !important; float:none !important;} } /*** end GRID ICON BOXES */ 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:#ef7900; 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;} /* info text box */ .info-text {background:#767676; border-radius:2px; color:#fff; font-size:28px; line-height:1.4; font-weight: 300;padding: 25px 30px; position:relative; box-shadow: 3px 3px 0 white; overflow: hidden;} .info-text p:only-child {margin-bottom:0} .info-text:after {content: 'i'; width: 90px; height: 90px; position:absolute; right: -15px; bottom: -15px; font-family: Georgia; font-style: italic; border: 4px solid rgba(255, 255, 255, 0.5);color: rgba(255, 255, 255, 0.5);text-align: center;line-height: 82px; border-radius: 50%;font-weight: bold; font-size: 44px;} /*** STAGE Image Box */ .stage-ibx {} .stage-ibx__stage {position:relative; } .stage-ibx__stage-img {} .stage-ibx__point {display: none;} /* MQ's */ @media screen and (min-width: 1200px) { .stage-ibx__point {display:block; position:absolute; opacity:0; width:0; height:0; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out;} .stage-ibx__point:after {content:'';position: absolute; left: 0; top: 0; width:10px; height:10px; margin-left:-5px; margin-top:-5px; display: block; background: rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 3px #FFFFFF; border-radius: 50%; -webkit-transition: box-shadow .2s ease-out, -webkit-transform .2s ease-out; transition: box-shadow .2s ease-out, transform .2s ease-out; background: rgba(40,204,229,0.6); box-shadow: 0 0 0 3px #28cce5;} .stage-ibx__point:hover:after, .stage-ibx__point.kl-ib-point-active:after { box-shadow: 0 0 0 5px #28cce5,0 4px 10px #000; -webkit-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4); } .stage-ibx__point[data-title]:before {content:attr(data-title); position:absolute; bottom:100%; left:50%; min-width: 100px; transform:translateX(-50%); background:rgba(0,0,0,0.9); color:#fff; font-size: 12px; line-height: 1.4; padding: 6px 3px; text-align: center; border-radius: 3px; margin-bottom: 30px;visibility: hidden;opacity: 0;transition: opacity .2s ease-out .1s,visibility .2s ease-out .1s,margin-bottom .2s ease-out .1s;} .stage-ibx__point[data-title]:hover:before, .stage-ibx__point[data-title].kl-ib-point-active:before {opacity:1; visibility:visible; margin-bottom:20px} } /* tabs style 1 */ .tabs_style1 {background:#fff; border:1px solid #ececec;} .tabs_style1 > ul.nav {margin-bottom:0; background: rgb(255,255,255); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); border-bottom: 1px solid #ececec;} .tabs_style1 > ul.nav > li {float:left; margin-bottom: -3px;} .tabs_style1 > ul.nav > li > a {padding: 14px 20px 15px; line-height: 1.4; border-right:1px solid #ececec; color:#343434;margin-bottom: 2px;} .tabs_style1 > ul.nav > li.active > a { background-color: #fff; box-shadow: inset 0 3px 0 #ef7900;} .tabs_style1 > ul.nav > li > a:hover {background-color:#fff;} .tabs_style1 > ul.nav > li.active > a {border-top: none; border-left:0; font-weight:700; padding: 17px 20px 15px; margin-top: -2px;} .tabs_style1 .tab-content {display: table; width: 100%;padding: 0 15px 15px; width:auto;} .tabs_style1 .tab-content>.active{ padding-top: 10px;} /* tabs style 2 */ .tabs_style2 {margin:10px 0;} .tabs_style2 > ul.nav {margin-bottom:10px;} .tabs_style2 > ul.nav > li {float:left; border-left:1px dotted #ccc; line-height:18px; } .tabs_style2 > ul.nav > li:first-child {border-left:0;} .tabs_style2 > ul.nav > li:first-child a {border-left:0; padding-left:0; } .tabs_style2 > ul.nav > li > a {padding: 4px 20px; line-height: 18px; color:#555; font-weight:bold;} .tabs_style2 > ul.nav > li.active > a, .tabs_style2 > ul.nav > li > a:hover {background:none; color:#222;} .tabs_style2 .tab-content {display: table; width: 100%; padding:0;} /* tabs style 3 */ .tabs_style3 {background:#fff; border:1px solid #ececec;border-radius: 5px;position: static;overflow: hidden;} .tabs_style3 > ul.nav {margin-bottom:0; background: rgb(255,255,255); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );} .tabs_style3 > ul.nav > li {float:left; margin-bottom:-1px;} .tabs_style3 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; border: 1px solid transparent; border-left:1px solid #fff; border-right:1px solid #ececec; color:#343434;} .tabs_style3 > ul.nav > li.active > a, .tabs_style3 > ul.nav > li > a:hover {background-color:#fff;} .tabs_style3 > ul.nav > li.active > a {border-left:0; font-weight:700; } .tabs_style3 .tab-content {display: table; width: 100%;padding: 10px 15px 15px;} /* tabs style 4 */ .tabs_style4 > ul.nav {margin-bottom:0;} .tabs_style4 > ul.nav > li {float:left; margin-bottom:-1px;} .tabs_style4 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; color:#343434;} .tabs_style4 > ul.nav > li.active > a, .tabs_style4 > ul.nav > li > a:hover {color:#222;} .tabs_style4 > ul.nav > li.active > a { background:#fff; border:1px solid #ececec; border-bottom:0; border-top-left-radius:5px; border-top-right-radius:5px; } .tabs_style4 .tab-content {display: table; width: 100%;padding: 10px 15px 15px; border:1px solid #ececec; background:#fff; } /* tabs style 5 */ .tabs_style5 > ul.nav {border-bottom: 2px solid #dfdfdf;} .tabs_style5 > ul.nav > li { float: left; margin-bottom: -2px;} .tabs_style5 > ul.nav li > a { color: #909090;} .tabs_style5 > ul.nav li > a:hover { color: #535353;} .tabs_style5 > ul.nav > li.active > a { color: #535353; border-bottom: 2px solid #ef7900; background: none;} .tabs_style5 > ul.nav > li:first-child > a { padding: 8px 20px 8px 0;} .tabs_style5 > ul.nav > li > a { padding: 8px 20px; line-height: 18px; } .tabs_style5 > ul.nav > li > a:hover { background: none; } .tabs_style5 .tab-content h5 { color: #4d4d4d; } .tabs_style5 .tab-content {display: table; width: 100%; padding: 10px 0 15px;} /* Pricing Tables element (new style) */ .pricing-table-element {*zoom: 1; background:#fff; border:1px solid #e6e7e8; border-radius: 4px; font-size: 13px; color:#999999; } .pricing-table-element::before, .pricing-table-element::after {display: table; line-height: 0; content: ""; } .pricing-table-element::after { clear: both; } .pricing-table-element ul {list-style: none; margin:0; padding:0; display: table; width: 100%;} .pricing-table-element .features-column { background:#eee; border-radius: 4px 0 0 4px; text-align: right; width:28%; } .pricing-table-element .features-column ul li {border-bottom: 1px solid #e6e7e8; padding:15px 40px 15px 0; height:44px; line-height: 1;} .pricing-table-element .plan-column, .pricing-table-element .features-column {float:left; } .pricing-table-element[data-columns="2"] .plan-column {width:50%;} .pricing-table-element[data-columns="3"] .plan-column {width:33.3333%;} .pricing-table-element[data-columns="4"] .plan-column {width:25%;} .pricing-table-element[data-columns="5"] .plan-column {width:20%;} .pricing-table-element[data-columns="1"] .features-column ~ .plan-column { width:72%; } /* with features-col */ .pricing-table-element[data-columns="2"] .features-column ~ .plan-column { width: -webkit-calc(72% / 2); width: calc(72% / 2); } /* with features-col */ .pricing-table-element[data-columns="3"] .features-column ~ .plan-column { width: -webkit-calc(72% / 3); width: calc(72% / 3); }/* with features-col */ .pricing-table-element[data-columns="4"] .features-column ~ .plan-column { width: -webkit-calc(72% / 4); width: calc(72% / 4); } /* with features-col */ .pricing-table-element[data-columns="5"] .features-column ~ .plan-column { width: -webkit-calc(72% / 5); width: calc(72% / 5); } /* with features-col */ .pricing-table-element .plan-column {border-left: 1px solid #e6e7e8; } .pricing-table-element .plan-column:first-child {border-left: 0; } .pricing-table-element .plan-column ul {display: table;} .pricing-table-element .plan-column ul li {display:table-row;} .pricing-table-element .plan-column .inner-cell {border-bottom: 1px solid #e6e7e8; padding: 0; text-align: center; height: 50px; line-height: 1; display: table-cell; vertical-align: middle;} .pricing-table-element .plan-column ul li:last-child .inner-cell {height:100px;} .pricing-table-element .plan-column ul li:nth-child(odd):not(:first-child) {background:#fafbfb;} .pricing-table-element .plan-column .plan-title {color:#ef7900; font-size: 25px; height: auto; padding: 0; } .pricing-table-element .plan-title .inner-cell {height: 75px} .pricing-table-element .plan-column .subscription-price { font-size:13px; color:#999999; height:auto; padding: 0; } .pricing-table-element .subscription-price .inner-cell {height:120px;} .pricing-table-element .plan-column .subscription-price .currency { font-size:18px; color:#434343; font-weight: 700; vertical-align: bottom; display:inline-block; line-height:1.5; margin-right:-2px } .pricing-table-element .plan-column .subscription-price .price { font-size:45px; color:#434343; font-weight: 700; line-height: 1; } .pricing-table-element .plan-column .subscription-price .price::after {content:"\a"; white-space: pre;} .pricing-table-element .plan-column.featured { border-radius: 4px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.06); position: relative; margin-top: -20px;background: #fff; margin:-20px 0; } @media only screen and (min-width: 992px){ .pricing-table-element .plan-column.featured { margin:-20px; } .pricing-table-element[data-columns="1"] .plan-column.featured { width: -webkit-calc(100% + 40px); width: calc(100% + 40px); } .pricing-table-element[data-columns="2"] .plan-column.featured { width: -webkit-calc(50% + 40px); width: calc(50% + 40px); } .pricing-table-element[data-columns="3"] .plan-column.featured { width: -webkit-calc(33.3333% + 40px); width: calc(33.3333% + 40px); } .pricing-table-element[data-columns="4"] .plan-column.featured { width: -webkit-calc(25% + 40px); width: calc(25% + 40px); } .pricing-table-element[data-columns="5"] .plan-column.featured {width: -webkit-calc(20% + 40px); width: calc(20% + 40px); } } .pricing-table-element .plan-column.featured + .plan-column { border-left-color:transparent;} .pricing-table-element .plan-column.featured .plan-title {padding: 0; color:#45474d;} .pricing-table-element .plan-column.featured .plan-title .inner-cell {height:95px} .pricing-table-element .plan-column.featured .plan-title .inner-cell::after {content:'MOST POPULAR'; opacity:.4; font-size: 12px; font-weight: 600; line-height: 20px; display:block;} .pricing-table-element .plan-column.featured .subscription-price .inner-cell {background:#ef7900; color:#fff;} .pricing-table-element .plan-column.featured .subscription-price span {color:#fff;} .pricing-table-element .plan-column.featured ul li:last-child .inner-cell {height:120px;} @media only screen and (max-width: 991px) { .pricing-table-element .features-column.hidesm {display: none} .pricing-table-element[data-columns="1"] .features-column ~ .plan-column { width:100%; } /* with features-col */ .pricing-table-element[data-columns="2"] .features-column ~ .plan-column { width: -webkit-calc(100% / 2); width: calc(100% / 2); } /* with features-col */ .pricing-table-element[data-columns="3"] .features-column ~ .plan-column { width: -webkit-calc(100% / 3); width: calc(100% / 3); }/* with features-col */ .pricing-table-element[data-columns="4"] .features-column ~ .plan-column { width: -webkit-calc(100% / 4); width: calc(100% / 4); } /* with features-col */ .pricing-table-element[data-columns="5"] .features-column ~ .plan-column { width: -webkit-calc(100% / 5); width: calc(100% / 5); } /* with features-col */ .pricing-table-element .plan-column.featured { margin: -20px 0; } } @media only screen and (max-width: 767px) { .pricing-table-element .plan-column { width:100% !important; } .pricing-table-element .plan-column:not(.featured) {border:solid #cdcdcd; border-width: 3px 0;} .pricing-table-element .plan-column.featured {margin-bottom: 0} } /* Blue Color */ .pricing-table-element.blue .btn-fullcolor, .pricing-table-element.blue .plan-column.featured .subscription-price .inner-cell { background-color: #1e73be;} .pricing-table-element.blue .btn-fullcolor:hover { background-color: #185c98;} .pricing-table-element.blue .plan-column .plan-title {color: #1e73be;} .pricing-table-element.blue .plan-column.featured .plan-title .inner-cell {color: #45474d;} .pricing-table-element.blue {color: #999999 !important;} /* Green Color */ .pricing-table-element.green .btn-fullcolor, .pricing-table-element.green .plan-column.featured .subscription-price .inner-cell { background-color: #4ca518;} .pricing-table-element.green .btn-fullcolor:hover { background-color: #3d8413;} .pricing-table-element.green .plan-column .plan-title {color: #4ca518;} .pricing-table-element.green .plan-column.featured .plan-title .inner-cell {color: #45474d;} .pricing-table-element.green {color: #999999 !important;} /* vertical tabs */ .vertical_tabs {overflow: hidden;} .vertical_tabs .tabbable .nav>li>a, .vertical_tabs .tabbable .nav>li>a>span {-webkit-transition: color .2s ease-out; transition: color .2s ease-out;} .vertical_tabs .tabbable .nav>li>a>span span { margin: 0;} .vertical_tabs .tabbable .nav>li>a:focus, .vertical_tabs .tabbable .nav>li>a:hover { background-color: transparent; border-right: 0;} .vertical_tabs .tabbable .nav>li.active>a, .vertical_tabs .tabbable .nav>li.active>a>span, .vertical_tabs .tabbable .nav>li>a:hover, .vertical_tabs .tabbable .nav>li>a:hover>span { color: #ef7900 !important; } .vertical_tabs .tabbable .nav>li:first-child {border-top:0;} .vertical_tabs .tabbable .tab-content>.tab-pane>h4 { margin: 0 0 25px; } /* Style1 specific */ .vertical_tabs.kl-style-1 .tabbable .nav>li.active>a { box-shadow: inset -3px 0 0 0 #ef7900 } .vertical_tabs.kl-style-1 .tabbable .nav>li>a {line-height: 22px; padding: 10px 20px 10px 0; margin-right: -1px; font-weight: 400; color: #8f8f8f; font-size: 16px; } .vertical_tabs.kl-style-1 .tabbable .nav>li>a>span {padding: 6px 0 7px; color: #C7C7C7; margin-right: 8px; line-height: 1; display: inline-block; margin-top: -1px; border-radius: 50%; font-size: 18px; vertical-align: middle; margin-right: 10px; } .vertical_tabs.kl-style-1 .tabbable .nav>li>a.active>span, .vertical_tabs.kl-style-1 .tabbable .nav>li>a:hover>span {color:#767676;} /* Style 2 */ .vertical_tabs.kl-style-2 .tabbable {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .vertical_tabs.kl-style-2 .tabbable .nav {margin-right: -1px; overflow: hidden; border-bottom: 0; border-left: 0;} .vertical_tabs.kl-style-2 .tabbable .nav > li > a {line-height: 22px; color: #858585; font-weight: normal; background-color: #fff; padding: 20px 45px 20px 25px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-transform: none; margin-right: 0; position: relative; border-left: 1px solid #ddd; background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(100%,rgba(239,239,239,0.5))); background-image: -webkit-linear-gradient(left,#fff 0%,rgba(239,239,239,0.5) 100%); background-image: linear-gradient(to right,#fff 70%,rgba(239,239,239,0.5) 100%);} .vertical_tabs.kl-style-2 .tabbable .nav > li:first-child > a {border-radius: 3px 0 0 0; border-top: 1px solid #ddd;} .vertical_tabs.kl-style-2 .tabbable .nav > li:last-child > a {border-radius: 0 0 0 3px;} .vertical_tabs.kl-style-2 .tabbable .nav > li.active > a {color: #131313; font-weight: 600; box-shadow: none; } .vertical_tabs.kl-style-2 .tabbable .nav > li > a > span {color: #999; line-height: 1; display: inline-block; border-radius: 50%; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: normal; margin-right: 0; padding: 0; font-size: 20px;} .vertical_tabs.kl-style-2 .tabbable .tab-content { background-color: #fff; border: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 40px 25px;} @media (min-width: 768px) { .vertical_tabs.kl-style-2 .tabbable .nav {border-right: 0;} .vertical_tabs.kl-style-2 .tabbable .nav > li.active > a {border-right: 0;background-image: none;background-color: #fff;} .vertical_tabs .tabbable .nav {float:left; width:20%;} .vertical_tabs.kl-style-2 .tabbable .nav {width:30%;} .vertical_tabs .tabbable .tab-content {float:left; width:80%; min-height: 240px; padding-left: 30px; border-left:1px solid #c2c2c2; } .vertical_tabs.kl-style-2 .tabbable .tab-content {width:70%;} } @media (max-width: 768px) { .vertical_tabs .tabbable>.nav { margin-bottom: 25px; } } /* Keywords box */ .keywordbox {border-top:4px solid #ddd; position:relative; padding-top: 30px; font-size:23px; font-style:italic; text-align:center; color: #8D8D8D; line-height: 32px;} .keywordbox:after {content:''; position:absolute; top:0; left:50%; margin-left:-3px; border:6px solid transparent; border-top-color:#ddd;} /* style2 */ .keywordbox.keywordbox-2, .keywordbox.keywordbox-3, .keywordbox.keywordbox-4 { font-size: 20px;} .keywordbox.keywordbox-2, .keywordbox.keywordbox-3 { background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 60px 0; color: #fff; border-top: none; border-bottom: solid 5px #ef7900; position: relative; z-index: 2;} .keywordbox.keywordbox-3 { border-bottom: solid 10px #ef7900; text-transform: uppercase; font-style: normal;} .keywordbox.keywordbox-2::after, .keywordbox.keywordbox-3::after { content: none;} .keywordbox.keywordbox-2::after, .keywordbox.keywordbox-3::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 100%; border: 0; background: -moz-linear-gradient(top, rgba(22,22,22,0.3) 0%, rgba(1,1,1,0.8) 94%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,22,22,0.3)), color-stop(94%,rgba(1,1,1,0.8)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(22,22,22,0.3) 0%,rgba(1,1,1,0.8) 94%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(22,22,22,0.3) 0%,rgba(1,1,1,0.8) 94%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(22,22,22,0.3) 0%,rgba(1,1,1,0.8) 94%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(22,22,22,0.3) 0%,rgba(1,1,1,0.8) 94%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d161616', endColorstr='#cc000000',GradientType=0 ); z-index: -1;} .keywordbox.keywordbox-4 { padding: 60px 0; color: #fff; text-transform: uppercase; font-style: normal; border-top: none;} .keywordbox.keywordbox-4::after { margin-left: -22px; border: 22px solid transparent; border-top-color: #FFF;} /* Search form */ .search-form-wrapper { margin: 0 0 30px; } .gensearch__form { position: relative; } .gensearch__input { height: 42px; width: 100%; padding: 0 20px; outline: none; border: 1px solid #ddd; } .gensearch__submit { position: absolute; right: 0; border: 0; color: #BBB; background-color: transparent; outline: none; height: 100%; padding: 0 20px; font-size: 12px; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .gensearch__submit:hover { color: #131313; } .gensearch__submit:after { content: ''; width: 1px; height: 24px; background-color: #ddd; display: block; left: 0; position: absolute; top: 50%; margin-top: -12px; } /* Screenshot-box */ .screenshot-box {background:#fff; position:relative; border-radius:3px;} .screenshot-box .left-side h3.title {color:#ef7900;line-height: 1.4; font-size: 16px;} .screenshot-box .left-side ul.features {margin:20px 0; padding:0; list-style:none; } .screenshot-box .left-side ul.features li {padding-left:35px; background:url(../images/ok2.png) no-repeat left center; margin-top:20px;} .screenshot-box .left-side ul.features li:first-child {margin-top:0;} .screenshot-box .left-side ul.features li h4 {font-size:14px; line-height:1.3; margin:5px 0 0;} .screenshot-box .left-side ul.features li h4 + span {font-size: 11px; } .screenshot-carousel {margin:0; padding:0; list-style:none;} .screenshot-carousel li {float:left; height: 100%;} .screenshot-carousel li img {height: auto; object-fit: cover; overflow: hidden;} /* Style 2 */ .screenshot-box.kl-style-2 .left-side { padding: 10px 0 25px 30px; } .screenshot-box.kl-style-2 .left-side ul.features {margin: 25px 0;} .screenshot-box.kl-style-2 { border: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .screenshot-box.kl-style-2 .left-side ul.features li {padding-left: 50px; background:url(../images/ok3.png) no-repeat left center;} .screenshot-box.kl-style-2 .left-side ul.features li h4 {color: #323232; margin: 0 0 5px; text-transform: uppercase; font-weight: 600;} .screenshot-box.kl-style-2 .left-side > .btn { margin-left: 50px; } .screenshot-box.kl-style-2 .thescreenshot { position: relative; background-color: #dcdee7; padding: 36px 0 0; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-top: -10px; } .screenshot-box.kl-style-2 .thescreenshot:before { content: ""; position: absolute; top: 15px; margin-top: 0; left: 30px; display: block; background: #ababab; border-radius: 50%; width: 7px; height: 7px; box-shadow: -12px 0 0 #ababab, 12px 0 0 #ababab; } .screenshot-box.kl-style-2 .thescreenshot img { width: 100%; height: 100%; } .screenshot-box.kl-style-2 .controls { display: none } .screenshot-box.kl-style-2 .thescreenshot > [class*="sc-"] { position: absolute; bottom: 20px; text-align: center; left: 0; right: 0; z-index: 10; } .screenshot-box.kl-style-2 .thescreenshot > [class*="sc-"] a { width: 35px; height: 3px; background-color: rgba(0,0,0,0.5); display: inline-block; margin: 0 3px; -webkit-transition: color .2s ease; transition: color .2s ease; } .screenshot-box.kl-style-2 .thescreenshot > [class*="sc-"] a.selected { background-color: #fff; } .screenshot-box.kl-style-2 .thescreenshot > [class*="sc-"] a span { display: none } @media (min-width: 1200px) { .screenshot-box.kl-style-2 .left-side h3.title {font-size: 24px; font-weight: 100;} } @media (max-width: 767px) { .screenshot-box.kl-style-2 .left-side { padding: 0 30px 25px 30px } .screenshot-box.kl-style-2 .left-side h3.title { text-align: center } .screenshot-box.kl-style-2 .left-side > .btn { margin-left: 0; display: block } .screenshot-box.kl-style-2 .thescreenshot { margin-top: 0 } } /* Offline/Comming soon page */ .offline-page #background {position:absolute; left:0; top:0; right:0; bottom:0; background: #ffffff; background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e5e5e5 100%); background: -webkit-radial-gradient(center, ellipse, #ffffff 0%, #e5e5e5 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );} .offline-page .containerbox { width: 700px; margin: 100px auto 0; background: rgba(0,0,0,0.7); position: relative; z-index:1; padding: 25px; box-shadow: 0 10px 20px #CCC; border-bottom:5px solid #ef7900; color:#eee; margin-bottom: 100px;} .offline-page .containerbox__logo { text-align: center; width: 175px; position: absolute; top: 0; left: 25px; height: 100%;} .offline-page .site-logo { position: relative; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .offline-page .site-logo .logo-img {max-width: 175px !important;} .offline-page .logo-img-sticky { display: none;} .offline-page .content {margin-left:200px; border-left:1px solid #777; padding-left:20px; } .offline-page .containerbox:after {content: ''; position: absolute; bottom: -25px; left: 100px; border-top: 20px solid #ef7900; border-right: 20px solid transparent; z-index:2;} .offline-page .ud_counter{margin: 40px 0;} .offline-page .ud_counter ul{display:inline-block;margin:0;padding:0;list-style:none} .offline-page .ud_counter ul li{display:inline-block; margin:0 0 0 12px; font-size:22px; font-weight:700; padding:15px 10px; width:60px; text-align:center; background:rgba(0,0,0,0.2); border-radius:2px;} .offline-page .ud_counter ul li:first-child {margin-left:0;} .offline-page .ud_counter ul li span{display:block;font-size:22px; line-height: 1; margin-bottom: 15px;} .offline-page .ud_counter ul li.till_lauch {height: 80px; width:80px; padding:0; vertical-align:top;} .offline-page .mail_when_ready {float:left; margin: 0;} .offline-page .mail_when_ready input[type=submit] {vertical-align:top;} .offline-page ul.social-icons { padding-left: 0; margin-left: 0; float:left; } .offline-page ul.social-icons li:first-child {margin-left: 0;} .sccsoon-icon-nocolor {background-color:#121212;} .till_lauch {background: rgba(0, 0, 0, 0.2); border-radius: 2px; display: inline-block; text-align: center; vertical-align: top; width: 80px; height: 80px; margin: 0 20px 18px 22px; } .offline-page .ud_counter ul li p { margin-bottom: 0;} .offline-page .till_lauch { height: 80px;} .mail_when_ready .newsletter-signup input[type=text] {width: calc(60% - 130px);} /* MQ */ @media screen and (max-width: 767px){ .offline-page .containerbox {width: 100%; margin-top: 40px;} .offline-page .containerbox__logo {position: static; width:100%; height: auto; padding-bottom: 20px;} .offline-page .containerbox .site-logo {width: 100%; top: auto; -webkit-transform: none; -ms-transform: none; transform: none;float: none;} .offline-page .containerbox .content { border-top: 1px solid #777; padding: 40px 0 0; clear: both; margin: 0; border-left: 0;} .offline-page .mail_when_ready {float:none;} .offline-page .ud_counter ul {width:100%;} .offline-page .ud_counter ul li {width: calc(25% - 9px);margin-bottom: 10px;font-size: 20px; margin: 0 0 0 8px;} .offline-page .ud_counter .till_lauch {margin: 10px 0; width: 100%; height: 70px; vertical-align: middle; } .offline-page .till_lauch img {max-height: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:#fff; text-shadow:none} #footer .menu {margin:0; padding:0; list-style:none;} #footer .menu a {padding-right:10px;} #footer .sbs .menu li {float:left; width:50%;} .scfooter-icon-nocolor {background-color:#121212;} /* 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:#ef7900; 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;} #footer .contact-details { min-height: 64px; background: url(../images/say_hi.png) no-repeat right top;} .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:1px solid #0EAB55 !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";} /* FLICKR FEED */ .flickr_feeds {margin:0 0 0 -20px; padding:0; list-style:none; position:relative;} .flickrfeed.loading:after {content:'Loading..';} .flickr_feeds li {float:left; margin:0 0 20px 20px; } .flickr_feeds li a {display:block; width:75px; position:relative; } .flickr_feeds[data-size=small] li a {width:60px;} .flickr_feeds li a .hov1 {position:absolute; top:0; left:0; right:0; bottom:0;} /*** 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 */ .media-container {position: relative;} .media-container__link--wrap {position: absolute; top:0; left:0; bottom: 0; right:0; } .media-container__link--btn {position: absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%,0); transform:translate3d(-50%, -50%,0); outline: none !important; -webkit-backface-visibility: hidden;} .media-container__link .kl-icon {color:#fff;} .media-container__link--btn .kl-icon:not(.circled-icon) {margin-right: 5px; -webkit-transition:margin-right .2s ease-out; transition:margin-right .2s ease-out;} .media-container__link--btn:hover .kl-icon:not(.circled-icon) {margin-right: 15px; } /* Bodered animated 1 */ .media-container__link--style-borderanim1 {padding: 10px 30px; font-size: 42px; letter-spacing: 2px; font-weight: 600; line-height: 1.2; color:#fff; text-align: center; white-space: nowrap; -webkit-transition: color .2s ease-out; transition: color .2s ease-out;} .media-container__link--style-borderanim1 > i {opacity:.8; background-color: #fff; display: block; position: absolute; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .media-container__border-tt { width:30%; height:7px; top: 0; left: 0;} .media-container__border-tl { height:80%; width:7px; top: 7px; left: 0;} .media-container__border-bb { width:30%; height:7px; bottom:0; right:0; } .media-container__border-br { height:80%; width:7px; bottom:7px; right:0; } .media-container:hover > i {opacity:1; } .media-container:hover .media-container__border-tt { width:100%; height:3px; top: 0; left: 0;} .media-container:hover .media-container__border-tl { height:100%; width:3px; top: 0; left: 0;} .media-container:hover .media-container__border-bb { width:100%; height:3px; bottom:0; right:0; } .media-container:hover .media-container__border-br { height:100%; width:3px; bottom:0; right:0; } /* Alternative animated border */ .media-container__link--style-borderanim2 .media-container__text{ text-align:center; font-size: 32px; letter-spacing: 4px; font-weight: 700; line-height: 1; color:#fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif;} .borderanim2-svg {position: relative; } .borderanim2-svg__shape {stroke-width: 8px; fill: transparent; stroke: #FFF; -webkit-transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;} .media-container:hover .borderanim2-svg__shape {stroke-width: 3px; stroke-dashoffset: 0; } .media-container .media-container__link--style-borderanim2 .media-container__text:hover { color: #ef7900; } .borderanim2-svg {width: 400px; } .borderanim2-svg .media-container__text {line-height: 70px; } .borderanim2-svg__shape {stroke-dasharray: 100 1000; stroke-dashoffset: -620; stroke: #ef7900;} .style2:hover .borderanim2-svg__shape {stroke-dasharray: 940; } /* Circle animation */ .circleanim-svg {width: 108px; height: 108px; } .circleanim-svg__circle-front, .circleanim-svg__circle-back {fill:none; stroke: #fff;} .circleanim-svg__circle-front { stroke-dasharray: 60 1000; stroke-width: 5px; stroke-opacity: .5; stroke-dashoffset: 0; -webkit-transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s, stroke-opacity 1s; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s, stroke-opacity 1s; } .media-container:hover .circleanim-svg__circle-front { stroke-dasharray: 340; stroke-width: 2px; stroke-opacity:1; } @media screen and (min-width: 1200px){ .media-container { height:300px; } } @media screen and (min-width: 992px) and (max-width: 1199px){ .media-container { height:300px; } } @media screen and (min-width: 768px) and (max-width: 991px){ .media-container { height:300px; } } @media screen and (max-width: 767px){ .media-container { height:400px; } } /* 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%; } /* photo gallery */ ul.photo_gallery {clear: both; list-style: none outside none; margin: 8px auto; overflow: hidden; padding: 8px 0;} ul.photo_gallery li {background:none !important; float: left; margin: 5px; padding: 0; list-style:none; } /*** Grid Photo Gallery */ .gridPhotoGallery { margin-left:-5px; margin-right: -5px; } .gridPhotoGallery__item { float: left; position: relative; padding: 0;} .gridPhotoGallery__link {width: 100%; height: 0; display:block; padding: 0; padding-bottom:100%; margin-bottom: 0;} .gridPhotoGallery__img { background-repeat: no-repeat; background-position: center; background-size:cover; display: block; position: absolute; top: 5px; right: 5px; left: 5px; bottom: 5px;} /* Icons */ .gridPhotoGallery .gridPhotoGallery__item .kl-icon { opacity: 0; position: absolute; top: 50%; margin-top: 15px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; border-color: #fff; color: #fff } .gridPhotoGallery .gridPhotoGallery__link:hover .kl-icon { display: block; opacity: 1; margin-top: 0; } /* Title */ .gridPhotoGallery__link { position: relative; } .gridPhotoGallery__link:after { content: attr(title); position: absolute; font-size: 16px; text-transform: lowercase; color: #fff; text-align: center; left: 15%; right: 15%; top: 50%; margin-top: 0px; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; font-family: "tt_russo_sansregular" , Arial, sans-serif; } .gridPhotoGallery__link:hover:after { opacity: 1; } /* BG Overlay */ .gridPhotoGallery__img:after { content: ''; position: absolute; background-color: rgba(28, 31, 32, 0.5); top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .gridPhotoGallery__link:hover .gridPhotoGallery__img:after { opacity: 1; } /* Cols Width */ .gridPhotoGallery--cols-1 .gridPhotoGallery__item {width:100%;} .gridPhotoGallery--cols-2 .gridPhotoGallery__item {width:50%; } .gridPhotoGallery--cols-3 .gridPhotoGallery__item {width:33.3333%;} .gridPhotoGallery--cols-4 .gridPhotoGallery__item {width:25%;} .gridPhotoGallery--cols-5 .gridPhotoGallery__item {width:20%;} .gridPhotoGallery--cols-6 .gridPhotoGallery__item {width:16.6666%;} /* 2 x width */ .gridPhotoGallery--cols-2 .gridPhotoGalleryItem--w2 {width:100%; } .gridPhotoGallery--cols-3 .gridPhotoGalleryItem--w2 {width:66.6666%; } .gridPhotoGallery--cols-4 .gridPhotoGalleryItem--w2 {width:50%; } .gridPhotoGallery--cols-5 .gridPhotoGalleryItem--w2 {width:40%; } .gridPhotoGallery--cols-6 .gridPhotoGalleryItem--w2 {width:33.3333%; } /* height rations w1 + h1 & w2 + h2 */ .gridPhotoGallery--ratio-short .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h1, .gridPhotoGallery--ratio-short .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h2 { padding-bottom: 75%; } .gridPhotoGallery--ratio-square .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h1, .gridPhotoGallery--ratio-square .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h2 { padding-bottom: 100%; } .gridPhotoGallery--ratio-tall .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h1, .gridPhotoGallery--ratio-tall .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h2 { padding-bottom: 125%; } /* height rations w2 + h1 */ .gridPhotoGallery--ratio-short .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h1 { padding-bottom: 37.5%; } .gridPhotoGallery--ratio-square .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h1 { padding-bottom: 50%; } .gridPhotoGallery--ratio-tall .gridPhotoGalleryItem--w2 .gridPhotoGalleryItem--h1 { padding-bottom: 62.5%; } /* height rations w1 + h2 */ .gridPhotoGallery--ratio-short .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h2 { padding-bottom: 150%; } .gridPhotoGallery--ratio-square .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h2 { padding-bottom: 200%; } .gridPhotoGallery--ratio-tall .gridPhotoGalleryItem--w1 .gridPhotoGalleryItem--h2 { padding-bottom: 250%; } @media (max-width: 992px) { [class*='gridPhotoGalleryItem--w'] { width: 50% !important; } [class*='gridPhotoGalleryItem--h'] { padding-bottom: 100% !important; } } @media (max-width: 480px) { [class*='gridPhotoGalleryItem--w'] { width: 100% !important; } .gridPhotoGallery__link:after { font-size: 13px } } /* Photo Gallery alternative element */ .photogallery-widget .photogallery-wrapper {overflow:hidden;position: relative;} .photogallery-widget .caroufredsel {width: 74.35%; } .photogallery-widget ul.slides {list-style: none; padding: 0; margin: 0;} .photogallery-widget .caroufredsel .slides li {position:relative;} .photogallery-widget .caroufredsel .slides li img {width:100%;} .photogallery-widget .cfs--navigation { position: absolute; top:50%; margin-top:-20px; width: 100%;} .photogallery-widget .cfs--navigation a { color:#fff; top:auto; margin-top:0;} .photogallery-widget .cfs--navigation a::before { font-size:35px;} .photogallery-widget .cfs--prev {left:20px;} .photogallery-widget .cfs--next {right:20px;} .photogallery-widget .caroufredsel:hover .cfs--prev {left:30px;} .photogallery-widget .caroufredsel:hover .cfs--next {right:30px;} .photogallery-widget .caroufredsel .pg-caption, .photogallery-widget .caroufredsel .pg-caption a {color: #FFF; line-height: 1.8; font-size: 16px;} .photogallery-widget .caroufredsel .pg-caption {position: absolute; bottom: 50px; left: 0; text-align: center; padding: 0; width: 100%; margin: 0; text-transform: uppercase;} .photogallery-widget .caroufredsel .pg-caption a {text-transform: none; font-style: italic; } .photogallery-widget .caroufredsel .pg-caption.blacklined { background: rgba(0, 0, 0, 0.5); color: #FFF; display: inline; border-radius: 2px; padding: 2px 7px; } .photogallery-widget .cfs-counter {position: absolute; bottom: 30px; left: 50px; z-index: 2; color: rgba(255, 255, 255, 0.3); font-weight: 700; font-style: italic; } .photogallery-widget .cfs--pagination { height:100%; overflow:hidden; width: 25.65%; position: absolute; top: 0; right: 0; left: auto; bottom: auto;} .photogallery-widget .pg-thumb { width: 50%; float:left; cursor: pointer; border-radius: 0; box-shadow: none; margin:0; -webkit-backface-visibility:hidden; position: relative; background-color: #1A1C25;} .photogallery-widget .pg-thumb > a {display:block; width:100%; height:100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .8; } .photogallery-widget .pg-thumb:hover > a, .photogallery-widget .pg-thumb.selected > a {opacity: 1;} .photogallery-widget .pg-thumb:hover {z-index:2;} .photogallery-widget .pg-thumb .pg-caption {font-size: 14px; font-weight: 600; color:#fff; background:#ef7900; padding: 20px 5px 0 20px; position: absolute;width: 100%;height: 100%;top: 0;text-align: left;margin: 0;opacity: 0;visibility: hidden;} .photogallery-widget .pg-thumb:nth-child(even) .pg-caption {right:0;} .photogallery-widget .pg-thumb:nth-child(odd) .pg-caption {left:0} .photogallery-widget .pg-thumb:nth-child(even):hover .pg-caption {opacity:1; visibility:visible; right:100%;} .photogallery-widget .pg-thumb:nth-child(odd):hover .pg-caption {opacity:1; visibility:visible; left:100%;} .photogallery-widget .pg-thumb .pg-caption::before {content:''; position:absolute; top:50%; margin-top:-6px; border:6px solid transparent; } .photogallery-widget .pg-thumb:nth-child(even) .pg-caption::before {right:-12px; border-left-color:#ef7900;} .photogallery-widget .pg-thumb:nth-child(odd) .pg-caption::before {left:-12px; border-right-color:#ef7900;} .photogallery-widget .pg-thumb .pg-caption a {color: #fff; font-size: 12px; opacity: .8;} .photogallery-widget .pg-thumb .pg-caption a:hover {opacity:1;} .photogallery-widget .pg-thumb:nth-child(9):last-child {width: 100%;} .photogallery-widget .pg-thumb:nth-child(9):last-child .pg-caption {left:0; right:auto;} .photogallery-widget .pg-thumb .pg-caption {-webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} /* bottom-thumbs */ .photogallery-widget.bottom-thumbs .caroufredsel { width:100%; position: relative;} .photogallery-widget.bottom-thumbs .cfs--navigation { width:100%; } .photogallery-widget.bottom-thumbs .cfs--pagination {width: 100%; width: -webkit-calc(100% + 2px); width: calc(100% + 2px); position: static; height: auto; margin-top: 2px; margin-left: -2px;} .photogallery-widget.bottom-thumbs .pg-thumb {width:20%; width: -webkit-calc(20% - 2px); width:calc(20% - 2px); height:auto; margin-bottom: 2px; margin-left: 2px;} /* end Photo Gallery alternative element */ /*contact form */ form .row { margin-left: -5px; margin-right: -5px; } form .row [class*="col-"] { padding-left: 5px; padding-right: 5px; } .inline-form { font-size: 0; } .contact_form textarea {height:100px;} .inline-form .form-group, .contact_form .form-group { padding: 0 8px; } .contact_form .form-control { font-size: 13px; padding: 14px; height: auto; outline: none; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06); border: 1px solid #D9D9D9; } /*.form-control { box-sizing: content-box; padding-top: 0px; padding-bottom: 0px;}*/ .form-control:focus { border-color: rgba(0, 0, 0, 0.26); -webkit-box-shadow: inherit; box-shadow: inherit; } .kl-fancy-form { position: relative; } .inline-form .kl-fancy-form label, .contact_form .kl-fancy-form label { left: 25px; } .kl-fw-form .form-control, .kl-fw-form.form-control { width: 100%; } .kl-hw-field { width: 50%; display: inline-block; } .kl-fancy-form label { color: #969696; font-size: 10px; text-transform: uppercase; position: absolute; top: 6px; left: 16px; cursor: text; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; } .kl-fancy-form input:focus + label, .kl-fancy-form textarea:focus + label { color: #c0c0c0; } .kl-fancy-form .form-control { padding: 26px 16px 6px 10px; height: auto; } /* Selectbox fix for Chrome/Safari on OSX */ @media screen and (-webkit-min-device-pixel-ratio:0) { .kl-fancy-form select.form-control {height: 52px; -webkit-appearance: none; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-position-y: center; background-position-x: calc( 100% - 10px ); } } .kl-fancy-form input::-webkit-input-placeholder {color: #bababa; } .kl-fancy-form input:focus::-webkit-input-placeholder {color: #D7D7D7; } /* Firefox < 19 */ .kl-fancy-form input:-moz-placeholder {color: #bababa; } .kl-fancy-form input:focus:-moz-placeholder {color: #D7D7D7; } /* Firefox > 19 */ .kl-fancy-form input::-moz-placeholder {color: #bababa; } .kl-fancy-form input:focus::-moz-placeholder {color: #D7D7D7; } /* Internet Explorer 10 */ .kl-fancy-form input:-ms-input-placeholder {color: #bababa; } .kl-fancy-form input:focus:-ms-input-placeholder {color: #D7D7D7; } textarea.form-control { width: 100%; max-width: 100%; } /* 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%; } /* partners carousel */ .partners_carousel h5.title {font-weight:500; margin-top:0; text-shadow:1px 1px 0 #fff} .partners_carousel ul { margin:0; padding:0; list-style:none; } .partners_carousel li { float: left; text-align:center; margin:0; padding:0 0 0 10px; width: 250px;} .partners_carousel li a { display:block; padding: 10px 0; margin:0; min-height:46px; line-height:46px; border:4px solid #f9f9f9; border-radius:3px; background: #ffffff;} .partners_carousel li a img {opacity:.8; } .partners_carousel li a:hover { background:#f9f9f9; border:4px solid #eee;} .partners_carousel li a:hover img { opacity:1; } .partners_carousel .controls > a {opacity:0.5; } .partners_carousel .controls > a:hover {opacity:1; } /*stat boxes */ .stats_box .mb_title { background: none } .statbox { background:#fff; padding:15px; margin-bottom: 25px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) } .statbox img {float:left; margin-right:15px;} .statbox__fonticon {float:left; margin-right:15px; font-size: 46px; color:#8f8f8f;vertical-align: top; height: 48px; line-height: 51px;} .statbox h4 {font-size: 26px; font-weight: 400; text-transform: uppercase; color:#ef7900;line-height: 1;margin-top: 0;} .statbox h6 {color:#969696;margin-bottom: 0;margin-top: 0;line-height: 1;} /* Services boxes widget */ .services_boxes_wgt {position: relative; z-index: 1;} .services_boxes_wgt ul[class*="sbox-"] {float: left; width:100%; margin:0; padding:0; list-style:none;} .services_boxes_wgt ul[class*="sbox-"] > li {float: left;} .services_boxes_wgt .intro-col + ul[class*="sbox-"] {width:75%;} .services_boxes_wgt .sbox-1 > li {width: 100%;} .services_boxes_wgt .sbox-2 > li {width: 50%;} .services_boxes_wgt .sbox-3 > li {width: 33.33%;} .services_boxes_wgt .sbox-4 > li {width: 25%;} .services_boxes_wgt .sbox-5 > li {width: 20%;} .services_boxes_wgt .intro-col {float: left; width: 25%; color:#888888; } .services_boxes_wgt .inner-box {background:#fff; padding:35px 30px; margin:0 0 0 10px; box-shadow:0 1px 2px rgba(0,0,0,0.1); border-radius:3px; position: relative;} .services_boxes_wgt li [data-role="title"] {font-size:15px; font-weight:600; color:#4d4d4d; vertical-align: top;line-height: 1.5;margin: 0;padding: 0;} .services_boxes_wgt li [data-role="title"] .kl-icon {color:#c5c5c5; font-size: 40px; line-height: 1; float: left; margin-right: 20px;vertical-align: middle;display: block; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out;} .services_boxes_wgt .hover-details { opacity: 0; visibility: hidden; position: absolute; top: 100%; width: 100%; background: #fff; padding: 35px 30px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 3px; left: 0; margin-top: 0; z-index: 9; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .colored-area .services_boxes_wgt .hover-details, .colored-area .services_boxes_wgt .inner-box {background:#fff;} .services_boxes_wgt .hover-details::after {background:#e8e8e8; position:absolute; top:15px; left:0; content: ''; height:1px; margin-left:35px; margin-right:35px; width: -webkit-calc( 100% - 70px ); width:calc( 100% - 70px );} .services_boxes_wgt li:hover .hover-details { opacity:1; visibility:visible; margin-top: -30px; } .services_boxes_wgt li:hover [data-role="title"] .kl-icon { color:#fe6060; } .read-more-link {color: #a3a4a4; font-size: 12px; line-height: 1.6; border-bottom: 1px solid #d1d1d1; padding-bottom: 3px; text-decoration: none;} .read-more-link:hover {color: #888; text-decoration: none; border-bottom-color: #fe6060;} /* Testimonials quoter-style style */ .testimonial_slider.quoter-style {margin:0 180px 20px; position: relative;} .testimonial_slider.quoter-style::before, .testimonial_slider.quoter-style::after {position:absolute; top:50px; font-size:120px; font-family: "Trebuchet MS"; color:#e9eaea; line-height:0;} .testimonial_slider.quoter-style::before {left:-90px; content:'\201C';} .testimonial_slider.quoter-style::after {right:-90px; content:'\201D';} .testimonial_slider.quoter-style .testimonialbox {font-size: 16px; color:#595959; line-height:1.8; text-align: center; } .testimonial_slider.quoter-style .thead img {margin: 0 auto 20px; width:auto;} .testimonial_slider.quoter-style .testimonialbox .who {font-size:13px; font-weight:600;line-height: 1;} .testimonial_slider.quoter-style .testimonialbox .who strong {display:block; font-size:18px; color:#fe6060; line-height: 1.6; margin-bottom:5px} .testimonial_slider.quoter-style .thead {margin-bottom: 20px;} .testimonial_slider.quoter-style .cfs--pagination {width: 100%; position: static; bottom: 5px; text-align: center; z-index: 2; margin-top: 10px; } .testimonial_slider.quoter-style .cfs--pagination a {display:inline-block; margin:0 3px; background:#e5e5e5; width:6px; height:6px; border-radius: 3px; box-shadow:none;} .testimonial_slider.quoter-style .cfs--pagination a:hover {background:#ccc;} .testimonial_slider.quoter-style .cfs--pagination a.selected {background:#fe6060;box-shadow: none;} .testimonial_slider.quoter-style .testimonialbox.biggertext .tcontent {font-size:16px;} /*no quotes*/ .testimonial_slider.quoter-style.stg-no-quotes::before, .testimonial_slider.quoter-style.stg-no-quotes::after {display:none;} .testimonial_slider.quoter-style.stl-light .testimonialbox .who { color: #ACACAC; } .testimonial_slider.quoter-style.stl-light .testimonialbox .tcontent { color: #E7E7E7;} /* Logos / clients list */ .logos-bar {position: absolute; bottom:100%; width: 50%;} .logos-bar--relative {position: relative;} .logolist {margin:0 auto; padding:0; list-style:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .logolist li {text-align:center; vertical-align: middle; display: inline-block; zoom: 1;} .logolist li img { opacity:.8;} .logolist li:hover img { opacity:1;} .no-flexbox .logolist { text-align: justify;-ms-text-justify: distribute-all-lines;text-justify: distribute-all-lines;} .no-flexbox .logolist li {min-height:75px;} .no-flexbox .logolist:after {content:''; width: 100%;display: inline-block;font-size: 0;line-height: 0;min-height: 0;} /* Fluid Container with normal width support */ /* Does not work with nesting columns, so basically can be used only for first level of grid columns */ .col-normal { position: relative; min-height: 1px; margin-left: -15px; margin-right: -15px; -webkit-transition:padding .2s ease-out; transition:padding .2s ease-out;} html:not(.js) .col-normal {margin:0;} /* Animated Charts */ .chart { position: relative; display: inline-block; width: 110px; height: 110px; margin-top: 50px; margin-bottom: 50px; text-align: center; } .chart canvas { position: absolute; top: 0; left: 0; } .percent { display: inline-block; line-height: 110px; z-index: 2; } .percent::after { content: '%'; margin-left: 0.1em; font-size: .8em; } /* funding percentage */ .fundedperc {background-image:url(../images/bgfunded.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;} .fundedperc .chart { width: auto; height: auto; margin: 64px auto; min-height: 300px;} .fundedperc .chart canvas {position: static;} .fundedperc .percent {position: absolute; font-size:25px; font-weight:600; display:block; line-height: 1; text-align:center; width:100%; margin-top: 81px; letter-spacing: 11px; color: rgba(255, 255, 255, 0.7);} .fundedperc .percent::after { content:''; display:none; } .fundedperc .percent span { font-size:80px; font-weight:700; display:block; line-height: 1.2; letter-spacing: 0; color: #fff;} .fundedperc .percent span::after { content: '%'; margin-left: 0.1em; font-weight: 300;} /* World Map Offices */ .world-map-offices {position: relative;} .world-map-offices > img {opacity:.2;} .world-map-offices .world-office {position: absolute; padding-bottom: 20px;min-width: 7px; min-height: 7px; z-index: 1;} .world-map-offices .world-office:hover {z-index:2;} .world-map-offices .world-office::before {content:''; width:7px; height:7px; background:#f0d228; border-radius:50%; display:block; position:absolute; bottom: 0; left: 0; margin-top: 0; cursor: pointer;z-index: 1;} .world-map-offices .world-office:hover::before, .world-map-offices .world-office.selected::before {box-shadow:0 0 0 4px #fe6060; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5);} .world-map-offices .office-details { color:#7b7b7b; font-size:12px; font-weight: 600; min-width: 310px;opacity: 0;visibility: hidden;position: relative;left: -3999px; -webkit-transition:opacity .3s ease-in, visibility .3s ease-in; transition:opacity .3s ease-in, visibility .3s ease-in;position: absolute;top: -140px; padding-bottom: 30px;} .world-map-offices .world-office:hover .office-details, .world-map-offices .world-office.selected .office-details {opacity:1; visibility:visible;left: -118px;} .world-map-offices .office-details::before {content:''; position:absolute; left:120px; bottom: 18px; border-top: 12px solid #FFF; border-right: 12px solid rgba(0, 0, 0, 0);} .world-map-offices .office-content {padding: 10px 25px 0; position: relative; overflow: hidden;height: 130px;background: #fff;border-radius: 0 2px 2px 0;} .world-map-offices .office-content h5 {color:#1a1c25; text-transform: uppercase; font-size:13px; font-weight: bold; margin-bottom: 15px;} .world-map-offices .office-content p:last-child { margin-bottom: 0; } .world-map-offices .office-details > a {float:left; } .world-map-offices .office-details > a img {border-radius: 2px 0 0 2px;} /* World Map Trigger Links */ .world-map-triggers {max-width: 380px; margin-bottom: 150px; overflow: hidden;} ul.world-map-triggers[data-columns] li {display: inline-block; float: left; margin-left: 20px;} ul.world-map-triggers[data-columns="3"] li {width: -webkit-calc(33.3333% - 20px); width: calc(33.3333% - 20px);} .world-map-triggers .office-name {font-size:13px; font-weight: 700; color:#fff; text-decoration: none; line-height: 30px; padding: 0 15px; margin-bottom: 5px; display: inline-block; border:1px solid transparent; border-radius: 3px;} .world-map-triggers .office-name.selected, .world-map-triggers .office-name:hover {border-color:#f0d228;} /* Fake Loading */ .fake-loading {position:absolute; top:0; left:0; right:0; bottom:0; background: #fff; z-index: 1; pointer-events:none; -webkit-animation: fake-loading .4s ease-in 2s 1 normal forwards; animation: fake-loading .4s ease-in 2s 1 normal forwards;} .fake-loading.fl--nobg {background: none;} .fake-loading.loading-1s { -webkit-animation-delay:1s; animation-delay:1s; } .fake-loading.loading-2s { -webkit-animation-delay:2s; animation-delay:2s; } .fake-loading.loading-4s { -webkit-animation-delay:4s; animation-delay:4s; } .fake-loading.loading-8s { -webkit-animation-delay:8s; animation-delay:8s; } .fake-loading.loading-10s { -webkit-animation-delay:10s; animation-delay:10s; } .fake-loading:after {content:''; border: 2px solid rgba(205, 33, 34, 0.16); border-top-color: #ef7900; border-right-color: #ef7900; border-radius: 50%; width:30px; height:30px; position: absolute; left:50%; top:50%; margin:-15px 0 0 -15px; -webkit-animation: fake-loading-circle .5s infinite linear; animation: fake-loading-circle .5s infinite linear; } @-webkit-keyframes fake-loading { 0% {visibility: visible; opacity: 1; } 100% {visibility: hidden; opacity: 0; } } @keyframes fake-loading { 0% {visibility: visible; opacity: 1; } 100% {visibility: hidden; opacity: 0; } } @-webkit-keyframes fake-loading-circle { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) } 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg) } } @keyframes fake-loading-circle { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) } 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg) } } /* Bootstrap code examples -------------------------------------------------- */ /* Base class */ .bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; *padding-top: 19px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; } /* Echo out a label for the example */ .bs-docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; border-radius: 4px 0 4px 0; } /* Remove spacing between an example and it's code */ .bs-docs-example + .prettyprint { margin-top: -20px; padding: 0; padding-top: 15px; } /* Tweak examples */ .bs-docs-example > p:last-child {margin-bottom: 0;} /* Special grid styles */ .show-grid { margin-top: 10px; margin-bottom: 20px; } .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 40px; line-height: 40px; } .show-grid:hover [class*="span"] { background: #ddd; } .show-grid .show-grid { margin-top: 0; margin-bottom: 0; } .show-grid .show-grid [class*="span"] { background-color: #ccc; } /* Icon list (for demo purposes) */ .kl-icon-list {margin: 0 0 30px; padding: 0px; list-style:none;} .kl-icon-list li {width: 10%; display: inline-block;font-size: 18px;margin: 0 2px 10px;text-align: center;float: left;padding: 15px 0; border-radius: 3px;border: 1px solid transparent; color:#999; -webkit-transition:all .15s ease-out; transition:all .15s ease-out;} .kl-icon-list li:hover {border-color:#ddd; color:#535353;} /* Caroufredsel Default */ /* Caroufredsel default styles */ .caroufredsel {margin: 0; position: relative; zoom: 1;} .caroufredsel ul.slides {margin:0; padding:0; list-style: none;} .cfs--default {margin: 0; position: relative; zoom: 1; padding-left: 0;} .cfs--default > ul {margin:0; padding:0; list-style: none;} .cfs--default .cfs--item, .cfs--default > ul > li {display:block; float:left; position: relative;} /* CFS SVG navigation */ .cfs-svg--next, .cfs-svg--prev { width:40px; height: 60px; display: block !important; cursor: pointer;} .cfs-svg--next svg, .cfs-svg--prev svg {display: inline-block; } .cfs-svg--next polyline, .cfs-svg--prev polyline {-webkit-transition: stroke-width 250ms ease-in-out;transition: stroke-width 250ms ease-in-out; } .cfs-svg--prev:hover polyline, .cfs-svg--prev:focus polyline {stroke-width: 3; } .cfs-svg--prev:active polyline {stroke-width: 6; -webkit-transition: stroke-width 100ms ease-in-out; transition: stroke-width 100ms ease-in-out; } .cfs-svg--next:hover polyline, .cfs-svg--next:focus polyline {stroke-width: 3; } .cfs-svg--next:active polyline {stroke-width: 10; -webkit-transition: stroke-width 100ms ease-in-out; transition: stroke-width 100ms ease-in-out; } /*cfs-nav*/ .cfs--navigation a {display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; line-height: 40px; text-decoration: none; text-align: center; cursor: pointer; -webkit-transition: all .15s ease; transition: all .15s ease; color:#eee; color:rgba(255,255,255,0.15);} .cfs--prev { text-align: left; left: 10px;} .cfs--next { text-align: right; right: 10px;} .stg-slimmer-arrows .cfs--prev::before, .stg-slimmer-arrows ~ .cfs--navigation .cfs--prev::before {content: "\e257"; font-family: 'Glyphicons Halflings';} .stg-slimmer-arrows .cfs--next::before, .stg-slimmer-arrows ~ .cfs--navigation .cfs--next::before {content: "\e258"; font-family: 'Glyphicons Halflings';} .stg-slim-arrows .cfs--prev::before, .stg-slim-arrows ~ .cfs--navigation .cfs--prev::before {content: "\e257"; font-family: 'Glyphicons Halflings';} .stg-slim-arrows .cfs--next::before, .stg-slim-arrows ~ .cfs--navigation .cfs--next::before {content: "\e258"; font-family: 'Glyphicons Halflings';} .caroufredsel:hover .cfs--prev { opacity: 0.7; } .caroufredsel:hover .cfs--next, .caroufredsel:hover ~ .cfs--navigation .cfs--next { opacity: 0.7; } .caroufredsel:hover .cfs--next:hover, .caroufredsel:hover .cfs--prev:hover, .caroufredsel:hover ~ .cfs--navigation .cfs--next:hover, .caroufredsel:hover ~ .cfs--navigation .cfs--prev:hover { opacity: 1; } /* caroufredsel hoverstyle */ .stl-hoverstyle .cfs--navigation a {width:76px; height:70px; color:#fff; line-height: 70px; text-align: center; opacity: 0.7;margin: -35px 0 0;} .stl-hoverstyle:hover .cfs--navigation a {width:76px; height:70px; color:#fff; line-height: 70px; text-align: center; opacity: 1;} .stl-hoverstyle .cfs--navigation a:before {font-size:32px;} .stl-hoverstyle .cfs--prev {left:0; border-radius: 0 3px 3px 0;} .stl-hoverstyle .cfs--next {right:0; border-radius: 3px 0 0 3px;} .stl-hoverstyle .cfs--navigation a:hover {background-color:#ef7900;} .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:200px; 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: #ef7900; 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(55,55,55,0.7); 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: #ffffff;} .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;} /* Text color theme */ .scs--theme-light {color:#fff; } .scs--theme-light h2, .scs--theme-light h3, .scs--theme-light .can_be_used {color: #fff;} /* dark */ .scs--theme-dark {color:#232323; } .scs--theme-dark h2, .scs--theme-dark h3, .scs--theme-dark .can_be_used {color: #232323;} .scs--theme-dark .sc__line:after {background: #343434; } /* Static Content - Weather box */ .sc--wb-style .static-content__title {text-shadow:none; letter-spacing: -1px;} .sc--wb-style .static-content__subtitle {text-shadow:none; font-weight: 300; } .sc--wb-style .sc__actionarea { text-align: center; margin-top: 40px;} .sc--wb-style .sc-infopop__text {font-size: 16px; color: #fff; text-shadow: none; font-weight: 300; margin-top: 10px;} .sc__weather {min-height:120px; position: relative;} /* Weather list */ ul.scw_list {margin:30px 80px 0; list-style: none;} .scw_list li {width:17%; float:left; color:rgba(255,255,255,0.9); text-align:center;} .scw_list .wt-icon {font-size:140px; height: 110px; line-height:1; display:block;margin-bottom: 15px;} .scw__degs {font-size:28px;} .scw__high {font-weight:700;} .scw__low {opacity:.7; margin-left:15px;} .scw__day {font-size:22px; font-weight:300; display:block;} .scw__alt {font-size:16px;} .scw_list li:first-child {width:32%;margin-top: -60px;} .scw_list li:first-child .wt-icon {font-size:230px; height: 180px;margin-bottom: 20px;} .scw_list li:first-child .scw__degs {font-size:34px;} .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;} /* Static Content - Reservation Form */ .sc--resform-style .static-content__title {text-shadow:none; letter-spacing: -1px;} .sc--resform-style .static-content__subtitle {text-shadow:none; font-weight: 300; } .sc--resform-style .sc__actionarea { text-align: center; margin-top: 40px;} .sc--resform-style .sc-infopop__text {font-size: 16px; color: #fff; text-shadow: none; font-weight: 300; margin-top: 10px;} /* Reservation form */ .sc__res-form {width: 540px; position: relative; margin: 70px auto 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);} .sc__form-reservation { } .rf__block {float: left; width: 70%; } .rfblock--submit {width: 30%; } .rfblock--fields { padding:30px 20px;background-color: #345370;border-radius: 3px 0 0 3px;} .rfblock--fields .rf__field {width: calc(25% - 10px);} .rf__field {border-left:1px solid rgba(255,255,255,0.06); margin-left:20px; padding-left:20px;float: left;} .rfblock--fields .rf__field:first-child { border:0; margin-left:0; padding-left:0; width: calc(50% - 20px);} .rf__label {display:block; font-weight:300; font-size:13px; margin-bottom:10px;} .rf__select {width:100%; cursor:pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; background-repeat: no-repeat; background-size: 5px 8px; background-position: 86% 50%; background-color: #2a425a; border: 0; height: 35px; padding: 0 0 0 15px; color: #fff; outline: none;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUY4QjAxMDMyMDEzMTFFNTlCOTRBMEJGNDg4OEVBOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUY4QjAxMDQyMDEzMTFFNTlCOTRBMEJGNDg4OEVBOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRjhCMDEwMTIwMTMxMUU1OUI5NEEwQkY0ODg4RUE5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRjhCMDEwMjIwMTMxMUU1OUI5NEEwQkY0ODg4RUE5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgLLZzQAAAA7SURBVHjaYvz//z8DGkiD0rOQBZkYiASMSCam4VAzi2QT04hRSJYbqWMi9RWy4Ak/hkEUM9RNPQABBgBHYhbX6Sf7oQAAAABJRU5ErkJggg==); } .rf__select:hover, .rf__select:focus {background-color: #263645; outline:none;} .rffield--bigger .rf__select {width:-webkit-calc(50% - 5px); width:calc(50% - 5px); float:left; margin-left:10px;} .rf__select.rf__checkinmonth { margin-left:0; } .rf__submit {background-color: #518ac0; position: absolute; right: 0; width: 30%; height: 100%; border: 0; font-size: 14px; font-weight: 700; border-radius: 0 3px 3px 0; -webkit-transition: background-color .2s ease-out, padding-left .2s ease-out; transition: background-color .2s ease-out, padding-left .2s ease-out; padding: 0 20px;text-align: left;line-height: 1.6;outline: none;} .rf__submit:hover {background-color: #30689d; padding-left:15px;} .rf__submit:after { content: "\e080"; 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; font-size: 60px; color: rgba(255, 255, 255, 0.15); position: absolute; right: 22px; top: 50%; margin-top: -30px; -webkit-transition: right .2s ease-out; transition: right .2s ease-out;} .rf__submit:hover:after { right: 15px; } .rf__submit span {position: relative;} /* 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;} /* Huge Arrow */ .sc-huge-arrow {position:absolute; top:60%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index: 0;display: block;left: calc(45% - 200px); -webkit-animation-name: arrow_entry; animation-name: arrow_entry; -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; } .sc-huge-arrow:before, .sc-huge-arrow:after {width: 900px; height: 200px; display:block; content:''; background-color: rgba(255, 255, 255, 0.17); -webkit-transform: rotate(-45deg) skew(45deg); -ms-transform: rotate(-45deg) skew(45deg); transform: rotate(-45deg) skew(45deg); top: -200px; left:0; position:absolute; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%;} .sc-huge-arrow:before {-webkit-transform: rotate(45deg) skew(-45deg);-ms-transform: rotate(45deg) skew(-45deg); transform: rotate(45deg) skew(-45deg); top:0%;-webkit-transform-origin: 100% 0;-ms-transform-origin: 100% 0;transform-origin: 100% 0;} .no-csstransforms .sc-huge-arrow {display: none;} @-webkit-keyframes arrow_entry { 0% { -webkit-transform: scale(.8); opacity:0; margin-left:-50; } 100% { -webkit-transform: scale(1); opacity:1; margin-left:0;} } @keyframes arrow_entry { 0% { -webkit-transform: scale(.8); transform: scale(.9); opacity:0; margin-left:-50; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity:1; margin-left:0;} } /* 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;} /*** Content Maps */ .scontent__maps {position:relative;} .th-google_map { width: 100%; height: 100px; min-height: 450px;} /* Start with the defualt 700px in height but if the viewport height is lower than 700, make it 90vh (90% of the viewport) */ .scontent__maps:not(.static-content--fullscreen) { height:700px;} @media only screen and (max-height : 700px){ .scontent__maps:not(.static-content--fullscreen) {height:90vh;} #map { width: 100%; height: 700px;} } .scontent__maps.static-content--fullscreen {height:100vh;} .scontent__maps .static-content__infopop {position: absolute; z-index: 1; right: 15px; bottom: 50px; } .kl-contentmaps__panel { position:absolute; width:350px; left:calc( ( 100vw - 1170px ) / 2 ) ; top:10%; z-index: 1; background:rgba(255,255,255,0.9); border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.4); } .kl-slideshow .kl-contentmaps__panel {top:180px;} .kl-contentmaps__panel-img {width:100%; display:block; height:200px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: opacity .2s ease-out, height .3s ease-out; transition: opacity .2s ease-out, height .3s ease-out; opacity:1; } .kl-contentmaps__panel-img:hover {opacity:.7; } .kl-contentmaps__panel-info {padding:30px; min-height:50px; max-height:300px; overflow: auto; overflow-x:hidden; color:#343434;} .kl-contentmaps__panel-info-text {max-height: 500px; padding-top: 20px; -webkit-transition: max-height .3s ease-out, padding-top .3s ease-out; transition: max-height .3s ease-out, padding-top .3s ease-out; } .kl-contentmaps__panel-title {font-size: 16px; font-weight: 600; margin-top: 0; margin-bottom: 0;} .kl-contentmaps__linkapp { margin: 20px; display: block;} .kl-contentmaps__panel-tgg {display: block; width:30px; height:30px; border:2px solid #fff; border-radius: 50%; position: absolute; z-index:1; right: 20px;top: 20px;margin: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); opacity: .8; -webkit-transition:opacity .2s ease-out, -webkit-transform .4s ease-out; transition:opacity .2s ease-out, transform .4s ease-out; background-color: rgba(0, 0, 0, 0.3);} .kl-contentmaps__panel-tgg:hover {opacity:1;} .kl-contentmaps__panel-tgg:before, .kl-contentmaps__panel-tgg:after {content:''; width:2px; height: 14px; background: #fff; display: block;transform-origin: 50%;position: absolute; top: 50%;left: 50%;margin-top: -7px;margin-left: -1px;} .kl-contentmaps__panel-tgg:after {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);} /* Hide panel if checked */ .is-closed.kl-contentmaps__panel { box-shadow: 0 5px 10px rgba(0,0,0,0.4); } .is-closed .kl-contentmaps__panel-info-text { max-height: 0; overflow: hidden; padding-top: 0;} .is-closed .kl-contentmaps__panel-img {height: 80px;} .is-closed .kl-contentmaps__panel-tgg { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } /* Work properly for fixed with parent containers .kl-contentmaps__panel {position:static; width:100%; border-radius: 0; display: table; margin-top: 20px;} .kl-contentmaps__panel-tgg {display: none;} .kl-contentmaps__panel-img {width:30%; display: table-cell; min-height: 200px; height: auto;} .kl-contentmaps__panel-info { width: 70%; display: table-cell;}*/ /* 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 */ .wrap-heat {position: relative; height: 100vh;} .Background {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .Background canvas {height: 100vh !important;} /* Static content - Isometric grids */ body.isometric #page_wrapper {background: linear-gradient(90deg, #58A8FB, #465683);} .pseudo-scroller {pointer-events: none;} .isolayer {position: absolute; top: 0; left: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;} .js .grid, .js .grid__item, .js .grid__link {-webkit-transform-style: preserve-3d; transform-style: preserve-3d;} .grid {position: relative; margin: 0 auto; padding: 0; list-style: none;} .grid__item {width: 300px;} .js .grid__item {-webkit-backface-visibility: hidden; backface-visibility: hidden;} .grid__link {position: relative; z-index: 1; display: block;} .grid__img {display: block; max-width: 100%;} .grid__title {font-size: 0.65em; font-weight: 600; position: absolute; z-index: -1; bottom: 0; width: 100%; text-align: center; letter-spacing: 2px; text-transform: uppercase; opacity: 0; color: #fff; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;} .grid__item:hover .grid__title {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .layer {position: relative; display: block;} .layer:not(:first-child) {position: absolute; top: 0; left: 0;} .section--intro {overflow: hidden; position: relative; height: 100vh; min-height: 800px; max-height: 1200px; padding: 7vmax;} /* Shadow effect */ .isolayer--shadow .grid__link::before {content: ''; position: absolute; z-index: -1; top: 5px; right: 5px; bottom: 5px; left: 5px; opacity: 0.6; background: rgba(0,0,0,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.8); -webkit-transform: translateZ(-1px) scale(0.95); transform: translateZ(-1px) scale(0.95); -webkit-transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s; transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .isolayer--shadow .grid__item:hover .grid__link::before {opacity: 0.2; box-shadow: 0 0 20px 10px rgba(0,0,0,0.8); -webkit-transform: translateZ(-1px) scale(1); transform: translateZ(-1px) scale(1);} /* All individual isometric grid layouts (static and scrollable) */ .isolayer--scroll1 {width: 70vw; max-width: 1200px; height: calc(100vh - 280px);} .isolayer--scroll1 .grid__item {width: 300px; padding: 15px;} .isolayer--deco1 {width: 1200px; height: 900px;} .isolayer--deco1 .grid__link .layer:first-child:not(img) {background: #ac5cf5;} .isolayer--deco1 .grid__link .layer:nth-child(2):not(img) {background: #5db4eb;} .isolayer--deco1 .grid__link .layer:nth-child(3):not(img) {background: #5debb4;} .isolayer--deco1 .grid__link div.layer {width: 370px; height: 270px; opacity: 0.4;} .isolayer--deco1 .grid__item {width: 400px; height: 300px; padding: 15px;} .isolayer--deco1 .grid__item:nth-child(2) {margin-top: 150px;} .isolayer--deco2 {width: 1200px; height: 100vh;} .isolayer--deco2 .grid__item {padding: 20px;} .isolayer--deco2 .grid__link .layer {border: 20px solid #fff; border-width: 40px 20px; box-shadow: -1px 1px 5px rgba(0,0,0,0.08);} .isolayer--deco3 {width: 960px; height: 500px;} .isolayer--deco3 .grid__item {width: 240px; height: 320px; padding: 0;} .isolayer--deco3 .grid__item:nth-child(2), .isolayer--deco3 .grid__item:nth-child(4) {margin-top: -160px;} .isolayer--deco3 .grid__link, .isolayer--deco3 .layer {width: 100%; height: 100%;} .isolayer--deco3 .layer {text-align: center; background: #fff; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .isolayer--deco3 .grid__link:hover .layer:not(:first-child) {box-shadow: 2px 0 2px rgba(0,0,0,0.1);} .isolayer--deco3 .grid__item:nth-child(2n) .layer {background: #f7d2dc;} .isolayer--deco3 .grid__item:nth-child(3n) .layer {background: #fff0f3;} .isolayer--deco3 .grid__item:nth-child(4n) .layer {background: #e9c5cc;} .isolayer--deco3 .grid__item:nth-child(5n) .layer {background: #d6cbcd;} .isolayer--deco3 .grid__item:nth-child(7n) .layer {background: #ffc9d8;} .isolayer--deco3 .layer {width: 100%;height: 100%;} .isolayer--deco3 .decoletter {font-size: 6em; font-weight: 900; line-height: 1; display: block; padding: 70px 0 0 0; color: #000;} .isolayer--deco3 .deconumber {font-size: 3em; display: block; color: #000;} .isolayer--deco4 {width: 1000px; height: 900px;} .isolayer--deco4 .grid__item {padding: 15px;} .isolayer--deco4 .grid__link .layer:first-child:not(img) {background: #ac5cf5;} .isolayer--deco4 .grid__link .layer:nth-child(2):not(img) {background: #5db4eb;} .isolayer--deco4 .grid__link .layer:nth-child(3):not(img) {background: #5debb4;} .isolayer--deco4 .grid__link .layer {-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;} .isolayer--deco4 .grid__link div.layer {width: 270px; height: 203px; opacity: 0.4;} .isolayer--deco4 .grid__item {width: 300px; height: 225px; padding: 15px;} /* Flip effect for the scrollable grid */ .js .grid--effect-flip .grid__item {opacity: 0;} .js .grid--effect-flip .grid__item.shown {opacity: 1;} .grid--effect-flip .grid__item.animate {-webkit-transform: translateY(800px); transform: translateY(800px); -webkit-animation: moveUp 1s cubic-bezier(0.2,1,0.3,1) forwards; animation: moveUp 1s cubic-bezier(0.2,1,0.3,1) forwards;} @-webkit-keyframes moveUp { 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes moveUp { 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } /* 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;} /* BADGES */ .zn_badge_container {position: absolute; top: 20px; left: 20px; z-index: 1; } .product-page .zn_badge_container { left: 35px; } .zn_badge_container .zn_badge_sale:not(:only-child) {margin-bottom: -1px} .zn_badge_container .zn_badge_sale:not(:only-child):after {display: none;} .zn_badge_container .zn_badge_new:not(:only-child):before { content:'&'; } .zn_badge_sale , .zn_badge_new{color: #FFFFFF; font-size: 10px; line-height: 1; padding: 8px 12px 7px; position:relative; display:block; margin-bottom:11px; border-radius: 2px;text-align: center;} .zn_badge_sale {background: #C51212; } .zn_badge_sale:after , .zn_badge_new:after {position: absolute;bottom: -3px; content:"";width: 10px;height: 10px;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);border-radius: 2px;} .zn_badge_sale:after { z-index: 1; background-color: #ef7900; left:5px;} .zn_badge_new {background-color: #12A1C5; } .zn_badge_new:after {background-color: #12A1C5; z-index: 1; left:5px; } /* ORDERING FORM */ .zn_woo_cat_page {position:relative; } .kl-store_ordering {float:right; margin-bottom:20px; position:absolute; top:0; right:0; } /* register form */ form .form-row input.input-text, form .form-row textarea {height:auto; min-height:30px; } #payment ul.payment_methods li label {display:inline-block; } .popupaddcart {z-index:1000;width:250px; height:40px; line-height:40px; text-align:center; background:#cecece; border:3px solid #999; box-shadow:0 0 20px rgba(0,0,0,0.4); color:#333; position:fixed; left:50%; top:50%; margin:-20px 0 0 -125px;} .zn_loop_row {clear:both; height:1px; } /* Reviews */ .kl-store #reviews h3 {font-size: 18px; margin-bottom: 20px; font-weight: 600;} .kl-store #reviews #comments ol.commentlist {padding:0;} .kl-store #reviews #comments ol.commentlist li img.avatar, .kl-store-page #reviews #comments ol.commentlist li img.avatar {width:70px; position:relative; margin-right:15px; float: left; } /* Messages / Notices */ .kl-store-page .kl-store-error, .kl-store-page .kl-store-error:before, .kl-store-page .kl-store-info, .kl-store-page .kl-store-info:before, .kl-store-page .kl-store-message, .kl-store-page .kl-store-message:before { color: #fff; line-height: 30px; border-top: 0; } .kl-store-page .kl-store-error, .kl-store-page .kl-store-info, .kl-store-page .kl-store-message { border-left: .618em solid rgba(0,0,0,.15) } .kl-store-page .kl-store-error a, .kl-store-page .kl-store-info a, .kl-store-page .kl-store-message a { color: #fff; margin-left: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .kl-store-page .kl-store-error a:hover, .kl-store-page .kl-store-info a:hover, .kl-store-page .kl-store-message a:hover { border-color: rgba(255, 255, 255, 0.4);} .kl-store-page .kl-store-info { background-color: #3D9CD2; margin-bottom: 20px; padding: 10px 20px;} .kl-store-page .kl-store-error {background-color: #e2401c; } .kl-store-page .kl-store-message { background-color: #0f834d; } .kl-store-page .kl-store-message .button.wc-forward {background:none; color:#fff; border:1px solid rgba(255,255,255,0.5);} .kl-store-page .kl-store-message .button.wc-forward:hover {background:none; color:#fff; border-color: rgba(255,255,255,0.8);} /* Magnific Popup CSS */ .mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; } .mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before {display: none; } .mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; } .mfp-ajax-cur {cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content {cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure {display: none; } .mfp-hide {display: none !important; } .mfp-preloader {color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a {color: #CCC; } .mfp-preloader a:hover {color: #FFF; } .mfp-s-ready .mfp-preloader {display: none; } .mfp-s-error .mfp-content {display: none; } button.mfp-close, button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner {padding: 0; border: 0; } .mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus {opacity: 1; filter: alpha(opacity=100); } .mfp-close:active {top: 1px; } .mfp-close-btn-in .mfp-close {color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter {position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow {position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active {margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left {left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right {right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 27px solid #3F3F3F; } .mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close {top: -40px; } .mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure {line-height: 0; } .mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small {color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure {margin: 0; } .mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title {text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content {max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; } /* Fade Effect for opening */ .mfp-fade.mfp-bg { background: #333; opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-bg.mfp-ready {opacity: 0.94; } .mfp-fade.mfp-bg.mfp-removing {opacity: 0; } .mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; } /* Zoom effect */ .mfp-zoom-in .mfp-with-anim {opacity: 0;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: scale(0.8); -ms-transform: scale(0.8);transform: scale(0.8);} .mfp-zoom-in.mfp-bg {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-in.mfp-removing .mfp-with-anim {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);opacity: 0;} .mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img {padding: 0; } .mfp-img-mobile .mfp-figure:after {top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; } .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; } .mfp-img-mobile .mfp-counter {right: 5px; top: 3px; } .mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow {-webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left {-webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right {-webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container {padding-left: 6px; padding-right: 6px; } } /* REVOLUTION SLIDER */ .tp-caption.more_details a{color:#fff;} .tp-caption.project_subtitle{font-size: 18px; font-weight: 700; text-shadow: 1px 1px 0 white; color: #888;} .rev_slider_wrapper.fullscreen-container {height: 100vh !important;} /* Rev slider v5 with Kallyas v4+ */ .tp-bullets.kallyas-default.vertical {direction:rtl;height: auto !important;} .tp-bullets.kallyas-default.vertical:before {content:none;} .tp-bullets.kallyas-default.vertical .tp-bullet {width:30px; height:6px; position:relative; top:auto !important; right:0; left:auto; background-color: transparent; -webkit-transition:width .15s ease-out, height .15s ease-out; transition:width .15s ease-out, height .15s ease-out; cursor: pointer;} .tp-bullets.kallyas-default.vertical .tp-bullet:before, .tp-bullets.kallyas-default.vertical .tp-bullet:after {content:''; width:100%; height:1px; position: absolute; -webkit-transition:background-color .15s ease-out; transition:background-color .15s ease-out;} .tp-bullets.kallyas-default.vertical .tp-bullet:before {top:3px; background-color: rgba(0,0,0,.1);} .tp-bullets.kallyas-default.vertical .tp-bullet:after {top:4px; background-color:rgba(255,255,255,.7);} .tp-bullets.kallyas-default.vertical .tp-bullet.selected { background-color: transparent; } .tp-bullets.kallyas-default.vertical .tp-bullet:hover, .tp-bullets.kallyas-default.vertical .tp-bullet.selected { width:40px; } .tp-bullets.kallyas-default.vertical .tp-bullet.selected:hover:before, .tp-bullets.kallyas-default.vertical .tp-bullet.selected:hover:after, .tp-bullets.kallyas-default.vertical .tp-bullet.selected:before, .tp-bullets.kallyas-default.vertical .tp-bullet.selected:after {background-color: #ef7900;} .rev_slider_wrapper:hover .tp-bullets.kallyas-default.vertical .tp-bullet {width:50px; } .rev_slider_wrapper:hover .tp-bullets.kallyas-default.vertical .tp-bullet:hover, .rev_slider_wrapper:hover .tp-bullets.kallyas-default.vertical .tp-bullet.selected { width:70px; } .rev_slider, .rev_slider_wrapper { height: 780px; } /* Arrows */ .tparrows.kallyas-default { background-color: transparent;} .tparrows.kallyas-default:before {font-size: 24px; } /* A radial lighting background to simulate a gradient over a color */ .tp-caption.light-faded-radial {background-color:transparent !important; background-image: -webkit-radial-gradient(43% 56%, circle, rgba(255,255,255,0.3), transparent 70%), radial-gradient(circle at 65.72% 51.72%, rgba(255,255,255,0.3), transparent 100%), radial-gradient(circle at 50% 50%, transparent, transparent 50%); background-image: radial-gradient(circle at 43% 56%, rgba(255,255,255,0.3), transparent 70%),radial-gradient(circle at 65.72% 51.72%, rgba(255,255,255,0.3), transparent 50%),radial-gradient(circle at 50% 50%, transparent, transparent 100%);} /* Gradient Blue revolution slider background */ .rev-gradient-blue .tp-bgimg {background: #066ed9; background: -webkit-gradient(linear, left top, right top, color-stop(0%,#066ed9), color-stop(100%,#0da2be)) !important; background: -webkit-linear-gradient(left, #066ed9 0%,#0da2be 100%) !important; background: -webkit-linear-gradient(left, #066ed9 0%, #0da2be 100%) !important; background: linear-gradient(to right, #066ed9 0%,#0da2be 100%) !important; } /* Dash list helper for rev slider */ .rev-list-dash:before {content:''; width:12px; height:3px; background:#ef7900; display:inline-block; margin-right:10px; vertical-align:middle;} .tp-caption.Fashion-BigDisplay, .Fashion-BigDisplay { color:rgba(0,0,0,1.00);font-size:60px;line-height:60px;font-weight:900;font-style:normal; font-family:Raleway;padding:0px 0px 0px 0px;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none; border-width:0px;border-radius:0px 0px 0px 0px;letter-spacing:2px} .tp-caption.kl-shopslider-1,.kl-shopslider-1{color:rgba(207,207,207,1.00);font-size:54px;line-height:60px;font-weight:300;font-style:normal; font-family:Open Sans;padding:0px 0px 0px 0px;text-decoration:none;text-align:left;background-color:transparent;border-color:transparent; border-style:none;border-width:0px;border-radius:0px 0px 0px 0px} .tp-caption.kl-shop-btn,.kl-shop-btn{color:rgba(212,38,39,1.00);font-size:16px;line-height:17px;font-weight:500;font-style:normal; font-family:Open Sans;padding:12px 35px 12px 35px;text-decoration:none;text-align:center;background-color:rgba(0,0,0,0); border-color:rgba(212,38,39,1.00);border-style:solid;border-width:2px;border-radius:3px 3px 3px 3px} .tp-caption.kl-red-label,.kl-red-label{color:rgba(255,255,255,1.00);font-size:16px;line-height:20px;font-weight:300;font-style:normal; font-family:Open Sans;padding:5px 50px 5px 10px;text-decoration:none;text-align:left;background-color:rgba(212,38,39,1.00); border-color:transparent;border-style:none;border-width:0px;border-radius:3px 3px 3px 3px} /* Bubble Box */ .bubble-box {max-width: 305px; position: fixed; bottom: 50px; left: -100%; z-index: 1000; background: rgba(0, 0, 0, 0.8); color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out} .bubble-box.bb--anim-show { left:50px;} .bubble-box .bb--inner {padding:25px;} .bubble-box p:last-child {margin-bottom: 0;} .bubble-box .bb--close {position: absolute; right:10px; top:10px; color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 1; cursor: pointer;} .bubble-box .bb--close:hover {color:#fff;} .bubble-box.bb--anim-show.bb--anim-hide { left: -100%;} /* Notification Style */ .notification-box { max-width: 305px; border-radius: 7px; box-shadow: 2px 4px 4px rgba(0,0,0,.15);} .notification-box a { color: rgba(113, 189, 116, 0.75); } .notification-box .bb--close {color: rgba(255, 255, 255, 0.6); font-size: 18px;} /* Ad box */ .ads-box {background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 3px; text-align: center; color:#4F5152; max-width: 190px;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.18); font-size: 13px; line-height: 1.5;} .ads-box .pp-adimg {border-radius: 2px; margin-bottom: 10px;} .ads-box .bb--close {right: 6px; top: 5px;} .ads-box .bb--close:hover {color:#000;} /* Kallyas Popup Box */ .kl-pp-box {width: 400px; margin: 0 auto; position: relative;} .kl-pp-box .kl-pp-inner {border-radius: 5px; background-color: #fff; } .kl-pp-box[data-ppbox-timeout] .dontshow {font-size: 12px; color: #fff; margin-top: 5px; display: inline-block;} /* Newsletter box */ .kl-newsletter-box {width: 755px; height:540px; margin: 0 auto; /*position: fixed; margin: -270px 0 0 -380px; left: 50%; top:50%;*/} .kl-newsletter-box .kl-pp-inner {position:relative;} .nlbox--inner { padding: 80px 60px 40px; margin-left: 315px; } .nlbox--hugediscount {border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; margin: 20px 0; padding: 0; max-height: 200px;} .nlbox--hugediscount > span {display: inline-block; vertical-align: top;} .nlbox--preview {position:absolute; left:0; top:0; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 315px; height: 100%;border-radius: 5px 0 0 5px;} .nlbox-logo {position: absolute; left:0; right:0; bottom:30px; text-align: center; background-repeat: no-repeat; background-size:contain; background-position: center center; min-height: 60px; } .kl-newsletter-box input[type="email"] { width: 58%; height: 38px;} .kl-newsletter-box form .btn {width:40%;} @media (max-width: 768px) { .kl-newsletter-box { width: 100%;} .nlbox--inner { margin-left: 0;} .nlbox--preview { display: none;} .nlbox--hugediscount > span { font-size: 90px;} .kl-newsletter-box input[type="email"] { width: 100%;} } /* Portfolio Full Width */ /* Project list */ ul.thumbs {list-style-type: none; -webkit-backface-visibility: hidden; margin:0; padding: 0;} ul.thumbs .project-item {font-size:13px; text-align: center; vertical-align: top; display: block; float: left;} ul.thumbs .inner-item {padding: 0 15px; margin-bottom: 2%;} ul.thumbs[data-columns="1"] .project-item { width: 100%; margin-bottom: 0; } ul.thumbs[data-columns="2"] .project-item { width: 50%; width:-webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); margin-bottom: 0;} ul.thumbs[data-columns="3"] .project-item { width: 33.3333%; margin-bottom: 0; } ul.thumbs[data-columns="4"] .project-item { width: 25%; width:-webkit-calc( 100% / 4); width:calc( 100% / 4); margin-bottom: 0;} ul.thumbs[data-columns="5"] .project-item { width: 20%; width:-webkit-calc( 100% / 5 ); width: calc( 100% / 5 ); margin-bottom: 0; } ul.thumbs[data-columns="6"] .project-item { width: 16.66666666666667%; width:-webkit-calc(100% / 6); width:calc(100% / 6); margin-bottom: 1.8%; } @media (max-width: 419px) { ul.thumbs .project-item {width:100% !important;} } @media (min-width: 420px) and (max-width: 767px) { ul.thumbs[data-columns="2"] .project-item, ul.thumbs[data-columns="3"] .project-item, ul.thumbs[data-columns="4"] .project-item, ul.thumbs[data-columns="5"] .project-item, ul.thumbs[data-columns="6"] .project-item {width:50%;} } @media (min-width: 768px) and (max-width: 991px){ ul.thumbs[data-columns="3"] .project-item, ul.thumbs[data-columns="4"] .project-item, ul.thumbs[data-columns="5"] .project-item, ul.thumbs[data-columns="6"] .project-item {width: 33.3333%; width:-webkit-calc(100% / 3); width:calc(100% / 3);} } @media (min-width: 992px) and (max-width: 1199px){ ul.thumbs[data-columns="4"] .project-item, ul.thumbs[data-columns="5"] .project-item, ul.thumbs[data-columns="6"] .project-item {width: 33.333%;} } ul.thumbs li { } ul.thumbs li [data-role="title"] {font-size:15px; font-weight:600; color:#686b78; margin:0 0 10px; line-height:1; text-transform:uppercase;} ul.thumbs li .prj-info {margin-top:20px} ul.thumbs li .img-placeholder {position:relative;} ul.thumbs .overlay {opacity:0; visibility:hidden; position:absolute; left:0; top:0; bottom:0; right:0; background: rgba(0, 0, 0, 0.5); } ul.thumbs .overlay-inner {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%;} ul.thumbs .overlay a {display:inline-block; font-size:13px; font-weight:600; color:#fff; padding:15px 30px; border:1px solid #fff; border-radius:2px; text-decoration:none; line-height:1; margin-left:5px; margin-right:5px; position: relative; } ul.thumbs .overlay a:hover {border-color:transparent; background:#fe6060;} ul.thumbs .overlay a:nth-child(1) {top: -50px;} ul.thumbs .overlay a:nth-child(2) {top: 50px;} ul.thumbs li:hover .overlay {opacity:1; visibility:visible; } ul.thumbs li:hover .overlay a { top: 0; } ul.thumbs li .appreciate {display:inline-block; width:36px; height:36px; border-radius:18px; background:#dddddd; text-decoration:none;} ul.thumbs li .appreciate::before {font-size:18px; line-height: 39px; text-align:center; color:#fff; } ul.thumbs li .appreciate:hover {background:#fe6060;} /* project list - style2 */ ul.thumbs.style2 .inner-item {position:relative;overflow: hidden;} ul.thumbs.style2 .prj-info {margin:0; position:absolute; width:100%; top:100%; z-index: 1; opacity:0; visibility:hidden; background:rgba(255,255,255,0.95); padding:25px; text-align: left;} ul.thumbs.style2 .prj-info::before {content:''; position:absolute; left:30px; bottom:100%; border:6px solid transparent; border-bottom-color:rgba(255,255,255,0.95); } ul.thumbs.style2 .prj-info > div { float: left; width:-webkit-calc( 100% - 40px); width:calc( 100% - 40px);} ul.thumbs.style2 [data-role="title"] { text-transform: none; color:#242731; font-size: 16px; } ul.thumbs.style2 [data-role="cat"] { color:#888; font-size:13px; font-weight: 600; margin: 0; } ul.thumbs.style2 li:hover .prj-info {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity:1; visibility:visible;} ul.thumbs.style2 .appreciate {background:none; float:right; height:auto; color:#888; text-align: center;line-height: 1;} ul.thumbs.style2 .appreciate::before, ul.thumbs.style2 .appreciate:hover::before {color:#ef7900; line-height: 1; font-size:18px} ul.thumbs.style2 .appreciate::after {font-size:13px; line-height: 1; text-align:center;display:block; vertical-align: bottom;margin-top: 5px;} ul.thumbs.style2 .appreciate:hover::before {color:#565656;} ul.thumbs.style2 .appreciate:hover {background:none;} ul.thumbs.style2 .overlay {background: rgba(54, 54, 54, 0.85); } ul.thumbs.style2 .overlay a {color:#fff; padding: 10px 15px; top:0; } ul.thumbs.style2 .overlay a:hover {background:#ef7900; border-color:transparent;} ul.thumbs.style2 .overlay a:nth-child(1) {top: -50px;} ul.thumbs.style2 .overlay a:nth-child(2) {top: -55px; -webkit-transition-delay:0.05s !important; transition-delay:0.05s !important;} ul.thumbs.style2 li:hover .overlay a { top: 0; } ul.thumbs .overlay-inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; margin-top: -50px;} ul.project-list.style2 li:hover .prj-info { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; visibility: visible;} ul.project-list.style2 .prj-info {-webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out;} .heart-count { display: block; font-size: 16px; margin-top: 5px;} .full-portfolio {background-color: #1a1c25; padding: 35px 0;} .full-portfolio h3 { color: #fff; text-transform: uppercase;} .full-portfolio .hg-portfolio-sortable #portfolio-nav { float: right; margin: 0;} .full-portfolio .hg-portfolio-sortable #portfolio-nav li a { background: none; color: #fff; font-size: 12px;} .full-portfolio .hg-portfolio-sortable #portfolio-nav li a:hover, .full-portfolio .hg-portfolio-sortable #portfolio-nav li.current a { background: none; color: #ef7900;} .fullwidthportfolio.portfolio-items { width:100%; padding:0; } .fullwidthportfolio.portfolio-items > .row { margin-left: 0; margin-right: 0; } .fullwidthportfolio.portfolio-items > .row > div { float:none; padding:0; } .fullwidthportfolio ul.thumbs {margin: 0; } .fullwidthportfolio ul.thumbs .project-item { margin-bottom:0;} .fullwidthportfolio ul.thumbs .inner-item {padding: 0; margin-bottom:0;} .fullwidthportfolio ul.thumbs li { -webkit-transition-property: -webkit-transform, opacity, box-shadow; transition-property: transform, opacity, box-shadow} .fullwidthportfolio ul.thumbs li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); z-index: 3; } .project-item .overlay a { -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .bg-dark-blue { background: #1a1c25 !important;} /* FreeWall Gallery */ .photo-wall .isotope-item, .photo-wall .grid-sizer { width:380px; width: -webkit-calc( 100% / 5 ); width: calc( 100% / 5 );} .photo-wall .isotope-item {float:left; position:relative; padding-bottom:380px; padding-bottom: -webkit-calc( 100% / 5 ); padding-bottom: calc( 100% / 5 ); overflow: hidden;} .photo-wall .isotope-item.width2 {width: 760px; width: -webkit-calc( ( 100% / 5) *2 ); width: calc( ( 100% / 5) *2 ); } .photo-wall .isotope-item.height2 {padding-bottom: 760px; padding-bottom: -webkit-calc( ( 100% / 5) *2 ); padding-bottom: calc( ( 100% / 5) *2 );} .photo-wall .pw-item { position: absolute; top:0; left:0; right:0; bottom: 0; background-repeat:no-repeat; background-position: center center; background-size: cover -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; } .photo-wall .pw-item::after { content:''; position: absolute; top:0; left:0; right:0; bottom: 0; background-color:#fe6060; opacity:0; visibility: hidden;} .photo-wall .isotope-item:hover .pw-item { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03); } .photo-wall .isotope-item:hover .pw-item::after { opacity:.5; visibility: visible;} .photo-wall .pw-details {position:absolute; bottom:-200px; left: 5%; color:#fff; width:100%; padding-left: 0; opacity:0; visibility: hidden; padding-bottom: 40px; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .photo-wall .isotope-item:hover .pw-details {bottom: 0; opacity:1; visibility: visible;} .photo-wall .pw-details [data-role="title"] {font-size:18px; font-weight: 600; color:inherit;margin-bottom: 0;letter-spacing: 0;} .photo-wall .pw-details [data-role="category"] {font-size:12px; font-weight: 600; opacity:.7; color:inherit;margin-bottom: 0;} .photo-wall .pw-details i { margin-top: 30px;} .photo-wall .pw-details h5 { margin-top: 0;} @media only screen and (max-width: 991px) { .photo-wall .isotope-item, .photo-wall .grid-sizer { width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 );} .photo-wall .isotope-item {padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 ); } .photo-wall .isotope-item.width2 { width: -webkit-calc( ( 100% / 2) *2 ); width: calc( ( 100% / 2) *2 ); } .photo-wall .isotope-item.height2 {padding-bottom: -webkit-calc( ( 100% / 2) *2 ); padding-bottom: calc( ( 100% / 2) *2 );} .photo-wall .isotope-item { width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 )} .photo-wall .isotope-item.width2 { width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 )} .photo-wall .isotope-item.height2 { padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 )} .photo-wall .isotope-item:nth-child(odd):last-child { width: 100%; padding-bottom: 100%} } .g-recaptcha { overflow: hidden; display: inline-block; padding-left: 15px;} /* LOGIN / REGISTER POPUPS */ .kl-fw-input {width: 100%;} .auth-popup-panel { padding: 50px;} .auth-popup-title {font-size: 16px; font-weight: 400; color: #4a4a4a; margin-bottom: 20px; line-height: 1.9; text-shadow: none; } .auth-popup-createacc {margin-right: 8px; background: none !important; } .auth-popup-createacc + .auth-popup-sep {margin-right: 8px; border-left: 1px solid #ccc;} .auth-popup-links {margin-top:20px; color: #4A4A4A; font-size: 10px; font-weight: 600; } .auth-popup-link {font-size:11px; font-weight:400; color:#898989; } .auth-popup-link:hover {color:#585858; } .auth-popup-remember {margin: 0 0 20px; display: block; font-weight: 300; text-transform: uppercase; font-size: 11px; text-shadow: none; } .auth-popup-remember-chb {margin:0; } .mfp-bg.mfp-fade.mfp-bg-lighter {background:#000;} .mfp-bg.mfp-fade.mfp-bg-lighter.mfp-ready {opacity:.75;} .auth-popup .mfp-close {color: #828282; } .auth-popup {width: 420px; margin:0 auto; border: 1px solid #fff; background: #ededed; box-shadow: 0 0 20px #000; border-radius: 2px; position: relative;} .register-popup {width:420px;} @media (max-width: 480px) { .auth-popup {width: 100%;} } /* FANCYFORMS */ .kl-fancy-form { position: relative; } .kl-fancy-form-label { color: #969696; font-size: 10px; text-transform: uppercase; position: absolute; top: 6px; left: 16px; cursor: text; -webkit-transition: all .25s ease; transition: all .25s ease; } .kl-fancy-form-input:focus + .kl-fancy-form-label, .kl-fancy-form-textarea:focus + .kl-fancy-form-label { color: #c0c0c0; } .kl-fancy-form .form-control { padding: 26px 16px 6px 16px; height: auto; } /* Selectbox fix for Chrome/Safari on OSX */ @media screen and (-webkit-min-device-pixel-ratio:0) { .kl-fancy-form-select {height: 52px; -webkit-appearance: none; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-position: calc(100% - 10px) center; background-position-y: center; background-position-x: calc(100% - 10px);} } .kl-fancy-form-input::-webkit-input-placeholder {color: #bababa; } .kl-fancy-form-input:focus::-webkit-input-placeholder {color: #D7D7D7; } /* Firefox < 19 */ .kl-fancy-form-input:-moz-placeholder {color: #bababa; } .kl-fancy-form-input:focus:-moz-placeholder {color: #D7D7D7; } /* Firefox > 19 */ .kl-fancy-form-input::-moz-placeholder {color: #bababa; } .kl-fancy-form-input:focus::-moz-placeholder {color: #D7D7D7; } /* Internet Explorer 10 */ .kl-fancy-form-input:-ms-input-placeholder {color: #bababa; } .kl-fancy-form-input:focus:-ms-input-placeholder {color: #D7D7D7; } .reset-list, .reset-list ul {margin: 0; padding: 0; list-style: none;} .inline-list {display: inline-block;} .inline-list--items > li {display: inline-block;} .fancy-list {list-style: none; padding: 0; margin: 0;} .fancy-list li::before {content: ''; display: inline-block; margin-right: 12px; width: 8px; height: 2px; background: #E1E1E1; vertical-align: middle; -webkit-transition: all .15s ease-out; transition: all .15s ease-out;} .fancy-list li:hover::before {width: 12px; margin-right: 8px; background: #ef7900;} /* 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);} .hover-scale { display: inline-block; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform .1s ease-out; transition: transform .1s ease-out;} .hover-scale:hover {-webkit-transform: scale(1.4,1.4); -ms-transform: scale(1.4,1.4); transform: scale(1.4,1.4);} .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;} .socialbox {padding: 70px 0; background: #efefef; color: #bfbfbf; display: block; margin: 0 -15px; border-style: solid; text-decoration: none; border-color: #dbdbdb; border-width: 1px 0 1px 1px; text-align: center;} .socialbox:hover {text-decoration: none;} .socialbox .kl-icon {font-size: 44px; display: inline-block} .socialbox .fan-count {opacity: 0; visibility: hidden; display: block; color: rgba(0,0,0,0.25); font-size: 12px; font-weight: 800; margin: 0; line-height: 1.3; height: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px)} .socialbox .fan-count > span {display: block; font-size: 30px; font-weight: 400; color: #fff;} .no-touch .socialbox:hover .kl-icon, .touch .socialbox:active .kl-icon {color: #fff; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px)} .no-touch .socialbox:hover .fan-count, .touch .socialbox:active .fan-count {opacity: 1; visibility: visible;} .socialbox, .socialbox .kl-icon, .socialbox .fan-count {-webkit-transition: all .2s ease; transition: all .2s ease;} .socialbox.sb-twitter:hover {background: #00BDEC;} .socialbox .icon-twitter {color: #00BDEC;} .socialbox.sb-facebook:hover {background: #3B5998;} .socialbox .icon-facebook {color: #3B5998;} .socialbox.sb-envato:hover {background: #7fb841;} .socialbox .icon-envato {color: #7fb841;} .socialbox.sb-vimeo:hover {background: #01557A;} .socialbox.sb-google-plus:hover {background: #D94A39;} .socialbox.sb-linkedin:hover {background: #1B92BD;} .socialbox.sb-behance:hover {background: #026afa;} .socialbox.sb-dribbble:hover {background: #EF5B92;} .socialbox.sb-pinterest:hover {background: #CB2027;} .socialbox.sb-instagram:hover {background: #517FA4;} .socialbox.sb-youtube:hover {background: #D20800;} .socialbox.sb-skype:hover {background: #18B7F1;} .socialbox.sb-flickr:hover {background: #EA2698;} .socialbox.sb-yelp:hover {background: #AF0606;} .socialbox.sb-lastfm:hover {background: #D2013A;} .el-devimages--product .el-devimages__laptop, .el-devimages--product .el-devimages__smartphone {transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out;} .fade-animation:hover .el-devimages__smartphone { -webkit-transform: translateX(20px) translateY(5px); -ms-transform: translateX(20px) translateY(5px); transform: translateX(20px) translateY(5px);} .fade-animation:hover .el-devimages__laptop { -webkit-transform: translateX(-40px) translateY(-5px); -ms-transform: translateX(-40px) translateY(-5px); transform: translateX(-40px) translateY(-5px);} /* Artemis homepage */ .artemis .chaser {display: none;} .artemis .full-portfolio {background-color: #464646;} .artemis .hg-portfolio-sortable #portfolio-nav li {float: none; display: inline-block;} @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 {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;} /* Parallax Effects in static content - product presentation alternative */ .parallax-effects {position: absolute; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; margin:0; padding: 0; list-style: none;} .parallax-effects .layer {width:100%; height:100%;} .parallax-effects .layer-element {position: absolute;} #page_wrapper .parallax-effects .slide-image {width: 110%; height:110%; left: -5%; top: -5%;} .pos-vertical-middle {position: relative; margin: auto; left: 0; top: 50%; right: 0; z-index: 1;} .pos-vertical-middle > .container {top: 50%; position: absolute; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)} .rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin-x: 50%; } .rotating.flip {position: relative;} .rotating .front, .rotating .back {left: 0; top: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .rotating .front {position: absolute; display: inline-block; -webkit-transform: translate3d(0,0,1px); -moz-transform: translate3d(0,0,1px); -ms-transform: translate3d(0,0,1px); -o-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px);} .rotating.flip .front {z-index: 1;} .rotating .back {display: block; opacity: 0;} .rotating.spin {-webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0);} .rotating.flip .back {z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0,0,0); -moz-transform: rotateY(180deg) translate3d(0,0,0); -ms-transform: rotateY(180deg) translate3d(0,0,0); -o-transform: rotateY(180deg) translate3d(0,0,0); transform: rotateY(180deg) translate3d(0,0,0);} .rotating.flip.up .back {-webkit-transform: rotateX(180deg) translate3d(0,0,0); -moz-transform: rotateX(180deg) translate3d(0,0,0); -ms-transform: rotateX(180deg) translate3d(0,0,0); -o-transform: rotateX(180deg) translate3d(0,0,0); transform: rotateX(180deg) translate3d(0,0,0);} .rotating.flip.cube .front {-webkit-transform: translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: translate3d(0,0,100px) scale(0.85,0.85); -o-transform: translate3d(0,0,100px) scale(0.85,0.85); transform: translate3d(0,0,100px) scale(0.85,0.85);} .rotating.flip.cube .back {-webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);} .rotating.flip.cube.up .back {-webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);} /*team-carousel*/ .team-carousel {margin-left: -15px;margin-right: -15px;} .team-carousel .cfs--navigation {position:absolute; top:-31px; right:15px;} .team-carousel .cfs--navigation a {float:left; margin-left:4px; position:static; width:22px; height:22px; border-radius:3px; color:#fff; opacity:1; margin:0; background:rgba(0,0,0,0.1); text-align:center;line-height: 22px;} .team-carousel .cfs--navigation a.cfs--next {padding-left:2px;margin-left: 4px;text-align: center;} .team-carousel .cfs--navigation a.cfs--prev {padding-right:2px;text-align: center;} .team-carousel .cfs--navigation a::before {font-size:12px; line-height: 22px;} .team-carousel:hover .cfs--navigation a, .team-carousel .cfs--navigation a:hover { background:rgba(0,0,0,0.2);} /* Team Member Block */ .team-member { margin:0 0 3px; padding: 0 0 15px; margin-bottom:40px; -webkit-backface-visibility:hidden;} .team-carousel .team-member {margin:0 15px 3px; } .team-member .mmb-title {margin-top:25px; margin-bottom:10px; font-size:18px; padding:0 15px; } .team-member .mmb-position {color:#2a83ed; margin-bottom:20px; font-size:12px; padding:0 15px; } .team-member .mmb-desc {color:#888; padding:0 15px; } .team-member .separator {background: #E8E8E8; height: 1px; width: 100%; margin: 0 auto 20px; display: block;} .team-member.text-center .separator {width: 80%;} .team-member .mmb-social-list {overflow: hidden; margin: 0 auto; display: inline-block;} .team-member .mmb-social-list li {display:inline-block; margin:0 5px;} .team-member .mmb-social-list a {color:#bababb; font-size:17px; text-decoration:none;} .team-member:hover .mmb-social-list a, .team-member .mmb-social-list a:hover {color:#828282;} .team-member.tm-hover:hover {border-radius: 2px; background-color: #fff; box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); } /* 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;*/ } @-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); } } /* Image boxes carousel element */ .works_carousel.stl-simple {border-bottom: solid 1px #ddd;} .works_carousel .slides {list-style: none; padding: 0; margin: 0;} .works_carousel .slides > li { width:380px; display: block; float: left; position: relative;} .works_carousel .caroufredsel .slides > li a {-webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .works_carousel .inner-slide {color: #FFF; color: rgba(255, 255, 255, 0.3); font-size: 15px; font-weight: 700; text-decoration:none; display:block; margin:0 12px;} .works_carousel .inner-slide:hover {color:#fff; } .works_carousel .inner-slide .imgprev {position:relative; display: block; margin: 0 0 20px; } .no-touch .works_carousel .inner-slide .imgprev::after {background:transparent; border-bottom:0;content:''; position:absolute; left:0; top:0; right:0; bottom:0; } .no-touch .works_carousel .inner-slide:hover .imgprev::after {background:rgba(255,255,255,0.1); border-bottom:8px solid #ef7900;} /*cfs-nav*/ .works_carousel .cfs--navigation a {display: block; width: 43px; height: 43px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; line-height: 40px; text-decoration: none; text-align: center; cursor: pointer; -webkit-transition: all .15s ease; transition: all .15s ease; color:#eee; color:rgba(255,255,255,0.15);} .works_carousel .cfs--prev { text-align: left; left: 10px;} .works_carousel .cfs--next { text-align: right; right: 10px;} .works_carousel .bottom-nav .cfs--prev { text-align: center; left: auto; right: 30px; bottom: 0; top: auto; } .works_carousel .bottom-nav .cfs--next { text-align: center; right: 0; bottom: 0; top: auto; margin: 0;} /*cfs--pagination*/ .works_carousel .cfs--pagination {width: 100%; position: absolute; text-align: center; z-index: 2; left: 0; bottom: 0;} .works_carousel .cfs--pagination > a {display:inline-block; width:9px; height:9px; margin: 2px 3px; background:#d9d9d9; box-shadow: none; border-radius: 50%; text-decoration: none; } .works_carousel .cfs--pagination > a:hover { background: #333; background: rgba(0,0,0,0.5); } .works_carousel .cfs--pagination > a.selected { background:#f4f4f4; box-shadow:0 0 0 3px #fe6060; width:8px; height:8px; margin: 3px 4px; } .works_carousel .cfs--pagination {bottom:-50px;} .works_carousel .cfs--pagination a { margin: 0 2px; width: 6px; height: 6px; box-shadow: none; background: #FFF; background: rgba(255, 255, 255, 0.5);} .works_carousel .cfs--pagination a.selected { background: #AFAFAF; background: rgba(255, 255, 255, 0.96); cursor: default; box-shadow: none; width: 6px; height: 6px; margin: 0 2px;} .works_carousel .cfs--navigation a { opacity: 0; cursor: pointer; margin: -40px 0 0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .works_carousel .cfs--navigation a::before {font-family: 'Glyphicons Halflings'; color: rgba(255, 255, 255, 0.2); font-size: 50px;} .works_carousel .cfs--prev { left: -70px; padding-right: 40px;} .works_carousel .cfs--next { right: -70px; padding-left: 40px; text-align: center; width: 40px; } .works_carousel .caroufredsel:hover .cfs--prev { opacity: 1; left: -80px; } .works_carousel .caroufredsel:hover .cfs--next { opacity: 1; right: -80px; } .works_carousel .cfs--navigation a:hover::before{color:#ef7900;} .works_carousel .cfs--prev::before {content: "\e257";} .works_carousel .cfs--next::before {content: "\e258";} .works_carousel .fancy-title {color:#fff; margin-bottom:0;} .works_carousel .details [data-role="title"] {color:#fff; font-weight:700; font-size:15px;} /* Hoverlay style */ .works_carousel.stl-hoverlay .caroufredsel_wrapper {margin:0;} .works_carousel.stl-hoverlay .inner-slide {position:relative; margin:0; color: #FFF;} .works_carousel.stl-hoverlay .inner-slide .imgprev {margin:0;} .works_carousel.stl-hoverlay .inner-slide .imgprev img {width: 100%; display: block;} .works_carousel.stl-hoverlay .inner-slide .imgprev::after {display:none;} .works_carousel.stl-hoverlay .inner-slide .details {opacity:0; visibility:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background:#fe6060; background:rgba(0, 0, 0, 0.5); text-align: center; } .works_carousel.stl-hoverlay .inner-slide:hover .details {opacity:1; visibility:visible;} .works_carousel.stl-hoverlay .dt-inner {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;} .works_carousel.stl-hoverlay .inner-slide [data-role="title"] {font-size:18px; font-weight:600; color:#fff;} /* simple style */ .works_carousel.stl-simple .caroufredsel_wrapper {margin:0;} .works_carousel.stl-simple .inner-slide {position:relative; margin:0;} .works_carousel.stl-simple .inner-slide .imgprev {margin:0; background:#242731;} /*.works_carousel.stl-simple .inner-slide .imgprev img {width: 100%; display: block;}*/ .works_carousel.stl-simple .inner-slide:hover .imgprev img {opacity:.6;} .works_carousel.stl-simple .inner-slide .imgprev::after {display:none;} .works_carousel.stl-simple .inner-slide .details {display:block; padding:30px 0 0; border-left:1px solid #eeeeee; min-height: 105px;} .works_carousel.stl-simple .inner-slide [data-role="title"] {font-size:16px; margin:0; font-weight: 600; } .works_carousel.stl-simple .inner-slide [data-role="title"] a {color:#242731; text-decoration: none} .works_carousel.stl-simple .inner-slide:hover [data-role="title"] a, .works_carousel.stl-simple .inner-slide [data-role="title"] a:hover {color:#ef7900 !important;} .works_carousel.stl-simple .inner-slide [data-role="category"] {font-size:13px; margin-top: 0; margin-bottom: 0; color:#CECED0;} .stg-textcenter.caroufredsel .inner-slide .details {text-align: center;} /* Navigation style for full-width style */ .works_carousel.stl-fullwidth .cfs--navigation a { opacity: .2; cursor: pointer; position:absolute; top:0; margin:0; padding:0; width:35px; height:100%; background:url(../images/transparent_png/white40.png); background:rgba(255,255,255,0.4); } .works_carousel.stl-fullwidth .cfs--navigation a:hover { background:url(../images/transparent_png/white70.png); background:rgba(255,255,255,0.7); width:50px;} .works_carousel.stl-fullwidth .cfs--navigation a::before { color:#333; color:rgba(0,0,0,0.4); position:absolute; width:50px; height:50px; top:50%; left:50%; margin:-25px 0 0 -25px;} .works_carousel.stl-fullwidth .cfs--navigation a:hover::before { color:#fe6060; } .works_carousel.stl-fullwidth .cfs--prev, .works_carousel.stl-fullwidth .cfs--prev:hover { left: 0; text-align: center;} .works_carousel.stl-fullwidth .cfs--next, .works_carousel.stl-fullwidth .cfs--next:hover { right: 0; text-align: center;} /* end Image boxes carousel element */ .menu9:last-child {margin-right:0 !important;} #map-siec {float:left;width:100%;height:400px;margin-bottom:50px;} .ol-popup { position: absolute; background-color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); border-radius: 10px; border: 1px solid #cccccc; bottom: 12px; left: -50px; } .ol-popup:after, .ol-popup:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ol-popup:after { border-top-color: white; border-width: 10px; left: 48px; margin-left: -10px; } .ol-popup:before { border-top-color: #cccccc; border-width: 11px; left: 48px; margin-left: -11px; } .ol-popup-content { position: relative; height: 100%; margin:20px 10px; white-space: normal; overflow-y: auto; overflow-x: hidden; } .ol-popup-content p{ font-size: 11px; padding: 2px 4px; color: #222; margin-bottom: 15px; line-height:12px; } .ol-popup-closer { position: absolute; top: 0px; right: 5px; font-size: 100%; color: #0088cc; text-decoration: none; } a.ol-popup-closer:hover{ color: #005580; text-decoration: underline; } .ol-popup-closer:after { content: "✖"; } .ol-popup p {margin:0 !important;} .contact-button {background:#ef7700;border-radius:3px;padding:15px 25px;position:absolute;top:60vh;right:-205px;transition:1s ease;} .contact-button:hover {right:-3px;} .contact-button img {height:100%;float:left;margin-right:30px;} .contact-button p {font-size:16px;color:#fff;float:left;margin:5px 0 0;} .no-cb .contact-button {display:none;} .unia-button {background:#ffffff;border-radius:3px;padding:15px 0px 15px 15px;position:absolute;top:15vh;right:0px;transition:1s ease;} .unia-button img {height:100%;float:left;margin-right:0px;} .no-cb .unia-button {display:none;} @media (max-width:992px) { .contact-button {display:none;} } body {overflow-x:hidden;} a.kontakt {color:#ef7700;} #g-recaptcha-response { display: block !important; position: absolute; margin: -78px 0 0 0 !important; width: 302px !important; height: 76px !important; z-index: -999999; opacity: 0; }