/* Title: Main Template Css File Author: http://themeforest.net/user/hogash */ /* BODY FONT - Applies to everything */ body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.7; color: #535353; background-color: #f5f5f5; } h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; } p {margin: 0 0 20px;} iframe {border: 0;} a {color: #000;} a:hover { color: #CD2122; text-decoration:none;} a:focus { outline: none; text-decoration: none; color: initial; text-shadow: none; } blockquote { margin: 25px 40px } legend { padding-bottom: 10px;} /* Dark colored styles */ .kl-skin--dark code {background-color: #040404;} .kl-skin--dark pre {color: #E0E0E0; background-color: #171717; border: 1px solid #2D2D2D; } .kl-skin--dark hr {border-top: 1px solid #3E3E3E;} .kl-skin--dark blockquote {border-left: 5px solid #444;} .kl-skin--dark .blockquote-reverse, .kl-skin--dark blockquote.pull-right {border-right: 5px solid #444; } /* Form Control */ .kl-skin--dark .form-control:not(.form-control--light), .element-scheme--dark .form-control {color: #D0D0D0; background-color: #111; border: 1px solid #2D2D2D; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.85)} .kl-skin--dark .form-control:not(.form-control--light):focus, .element-scheme--dark .form-control:focus {border-color: rgba(132, 132, 132, 0.26); box-shadow: inherit; } .kl-skin--dark legend {color: #B3B3B3; border-bottom-color:#3B3B3B; } /* Use fixclear class on parent to clear nested columns */ .fixclear:after,.fixclear:before, .clear:after,.clear:before {display: table; content: " "} .fixclear:after, .clear:after {clear: both } hr.bs-docs-separator { margin-top: 30px; margin-bottom: 30px;} .zn_separator {border-top-style: solid;} .align-center {text-align:center;} .align-right {text-align:right;} .zn_ovhidden {overflow: hidden;} .kl-input-text-dark {-webkit-box-shadow:rgba(255,255,255,0.1) 0 1px 0,rgba(0,0,0,0.8) 0 1px 7px 0px inset;box-shadow:rgba(255,255,255,0.1) 0 1px 0,rgba(0,0,0,0.8) 0 1px 7px 0px inset;background:#202020;background-color:rgba(0,0,0,0.3);} ul.list-style1, ul.list-style2 {margin-left:0; padding-left: 0; list-style:none;} ul.list-style1 li:before, ul.list-style2 li:before { margin-right: 10px; 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; } ul.list-style1 li:before { content: "\e072"; font-size: 8px; opacity: .7;} ul.list-style2 li:before { content:"\e013"; opacity: 0.6;} /* 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) { .zn_col_eq_first { padding-left: calc((100vw - 750px) / 2);} .zn_col_eq_last {padding-right: calc((100vw - 750px) / 2);} } @media (min-width: 992px) { .zn_col_eq_first { padding-left: calc((100vw - 970px) / 2);} .zn_col_eq_last {padding-right: calc((100vw - 970px) / 2);} } @media (min-width: 1200px) { .zn_col_eq_first { padding-left: calc((100vw - 1170px) / 2);} .zn_col_eq_last {padding-right: calc((100vw - 1170px) / 2);} } body.kl-scrollspy {position: relative;} /* Gutter Sizes - Large */ .row.gutter-lg { margin-right: -40px; margin-left: -40px;} .row.gutter-lg > [class*="col-"] {padding-right: 40px; padding-left: 40px;} /* 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: 5px; padding-left: 5px;} /* Gutter Sizes - zero gutter */ .row.gutter-0 { margin-right: 0; margin-left: 0;} .row.gutter-0 > [class*="col-"] {padding-right: 0; padding-left: 0;} /* Snippet for vertically centering childs (this class should be appended to the absolute parent) */ .flex-vcenter { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-direction: row; -webkit-flex-direction: row; } /*** Btn Lined (ghost) */ .btn-lined { border-width: 2px; background: none; color: #fff; text-shadow: none; padding: 7px 20px; line-height: 1.6; box-shadow: none; font-size: 14px; font-weight: 700; border-style: solid; border-radius: 3px; border-color: #fff; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out;} .btn-lined:hover, .btn-lined:focus { border-color: rgba(255,255,255,.7); color: #fff;} /* Btn Lined - Skewed style */ .btn-lined.btn-skewed { border:0; background: none; position: relative; } .btn-lined.btn-skewed:before { content:''; border: 2px solid #fff; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);} .btn-lined.btn-skewed:hover:before { border-color: rgba(255,255,255,.7); } /* Btn Lined Dark (ghost) */ .btn-lined.lined-dark { color: #242424; border-color: #242424;} .btn-lined.lined-dark:hover, .btn-lined.lined-dark:focus { color: #343434;} /* Btn Lined DARK - Skewed style */ .btn-lined.lined-dark.btn-skewed { border:0; background: none; position: relative; } .btn-lined.lined-dark.btn-skewed:before { content:''; border: 2px solid #242424; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);} .btn-lined.lined-dark.btn-skewed:hover:before { border-color: rgba(0,0,0,.7); } /* Btn Lined Dark (ghost) */ .btn-lined.lined-gray { color: #8E8E8E; border-color: #8E8E8E;} .btn-lined.lined-gray:hover, .btn-lined.lined-gray:focus { color: #454545;} /* Btn Lined Gray - Skewed style */ .btn-lined.lined-gray.btn-skewed { border:0; background: none; position: relative; } .btn-lined.lined-gray.btn-skewed:before { content:''; border: 2px solid #8E8E8E; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);} .btn-lined.lined-gray.btn-skewed:hover:before { border-color: rgba(0,0,0,.4); } /* Button Lined Full Light */ .btn-lined.lined-full-light { color: #242424; border-color: #fff; background: rgba(255, 255, 255, 0.8); } .btn-lined.lined-full-light:hover, .btn-lined.lined-full-light:focus { color: #343434; background-color: #fff;} /* Button Lined Full Dark */ .btn-lined.lined-full-dark { color: #e0e0e0; border-color: #000; background: rgba(0, 0, 0, 0.8); } .btn-lined.lined-full-dark:hover, .btn-lined.lined-full-dark:focus { color: #f9f9f9; background-color: #000;} /*** Filled buttons */ .btn-fullwhite, .btn-fullblack, .btn-fullcolor { border-width: 0;} .btn-fullwhite, .btn-fullblack, .btn-fullcolor, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-link { text-shadow: none; padding: 10px 20px; line-height: 1.6; box-shadow: none; font-size: 13px; font-weight: 700; border-style: solid; border-radius: 3px; -webkit-transition: background-color .15s ease-out; transition: background-color .15s ease-out;} /*** Btn FullColor */ .btn-fullcolor, .btn-fullcolor:focus { background-color: #cd2122; color: #fff;} .btn-fullcolor:hover {color: #fff;} /*** Btn Fullwhite */ .btn-fullwhite { background-color: #fff; color: #242424 !important;} .btn-fullwhite:hover {color: #353535 !important; background-color: rgba(255,255,255,0.85);} /*** Btn Fullblack */ .btn-fullblack { background-color: #090909; color: #f9f9f9 !important;} .btn-fullblack:hover {color: #eee !important; background-color: rgba(0,0,0,0.85);} /* Filled buttons - Skewed style */ .btn-fullwhite.btn-skewed, .btn-fullblack.btn-skewed, .btn-fullcolor.btn-skewed, .btn-fullwhite.btn-skewed:hover, .btn-fullblack.btn-skewed:hover, .btn-fullcolor.btn-skewed:hover { border:0; background: none; position: relative; z-index: 0;} .btn-fullwhite.btn-skewed:before, .btn-fullblack.btn-skewed:before, .btn-fullcolor.btn-skewed:before { content:''; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg); -webkit-transition:background-color .2s ease-in-out; transition:background-color .2s ease-in-out; z-index: -1;} /*** Btn FullColor */ .btn-fullcolor.btn-skewed:before { background-color: #cd2122; } /*** Btn Fullwhite */ .btn-fullwhite.btn-skewed:before { background-color: #fff; } .btn-fullwhite.btn-skewed:hover:before { background-color: rgba(255,255,255,0.85);} /*** Btn Fullblack */ .btn-fullblack.btn-skewed:before { background-color: #090909; } .btn-fullblack.btn-skewed:hover:before { background-color: rgba(0,0,0,0.85);} /* Btn sizing presets */ .btn-group-lg>.btn, .btn-lg {padding: 20px 30px; font-size: 18px; line-height: 1.3333333; } .btn-group-lg>.btn.btn-lined, .btn-lg.btn-lined {padding: 18px 30px; } .btn-group-md>.btn, .btn-md {padding: 16px 25px; font-size: 14px; line-height: 1.3333333; } .btn-group-md>.btn.btn-lined, .btn-md.btn-lined {padding: 14px 25px; } .btn-group-sm>.btn, .btn-sm {padding: 5px 10px 4px; font-size: 12px; line-height: 1.5; font-weight: 600; } .btn-group-sm>.btn.btn-lined, .btn-sm.btn-lined {padding: 3px 10px 2px; } .btn-group-xs>.btn, .btn-xs {padding: 1px 5px; font-size: 12px; line-height: 1.6; font-weight: 400; } .btn-group-xs>.btn.btn-lined, .btn-xs.btn-lined {padding: 1px 5px; } /* Width presets */ @media screen and (min-width: 992px){ .btn-fullwidth {width:100%;} .btn-halfwidth {width:50%;} .btn-third {width:33.33%;} .btn-forth {width:25%;} } /* Button element */ .btn-element > span, .btn-element > i {vertical-align: middle; display: inline-block;} .btn-element > span + i {margin-left:10px} .btn-element > i + span {margin-left:10px} /* Small hack for icon font */ [data-zniconfam]:before, [data-zniconfam] { font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*** SITE HEADER ***/ /*** NEW MENU SYSTEM ***/ .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; } .main-nav li > a[href="#"] { cursor:default; } /* FIRST LEVEL */ .main-nav > ul > li { float: left; margin-top: 0; margin-left: 5px;} .main-nav > ul > li { padding-bottom: 10px; } .main-nav > ul > li:not(.menu-item-mega-parent) { position: relative; } .main-nav > ul > li:first-child { margin-left: 0;} .main-nav > ul > li > a { position:relative; padding: 6px 12px; font-size: 14px; line-height: 1; color: #fff; z-index: 1; font-weight: 600; -webkit-transition:padding .2s ease-in-out, -webkit-transform .2s ease-in-out; transition:padding .2s ease-in-out, transform .2s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .main-nav > ul > li.menu-item-has-children > a:after { content:''; opacity:1; position:absolute; height:1px; width: 7px; bottom: 3px; left: 17px; background-color: rgba(255,255,255,.4); -webkit-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;} .main-nav > ul > li > a:before { content:''; opacity:0; position:absolute; border-radius:2px; height:50%; width: 100%; top:50%; left: 0; background-color: #cd2122; -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; } /* Smaller menu items on tablets */ @media screen and (min-width:992px) and (max-width:1199px) { .main-nav > ul > li { margin-left:3px; } .main-nav > ul > li:first-child { margin-left:0; } .main-nav > ul > li > a { font-size:12px; padding:6px;} } /* 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; } .main-nav ul ul.sub-menu li a[href="#custom-separator"], .main-nav ul ul.sub-menu li.menuitem-separator > a {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 .zn_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 .zn_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 .zn_mega_container:before { content:''; display: block; position:absolute; top: -10px; left:0; width:100%; height:10px; } /* fix for top hover */ .main-nav .zn_mega_container li a { padding: 10px 0; font-size: 12px; color: #757575; position: relative; text-transform: uppercase;} .main-nav .zn_mega_container li a:not(.zn_mega_title):hover, .main-nav .zn_mega_container li.active > a:not(.zn_mega_title) { color: #323232; } .main-nav .zn_mega_container li a:not(.zn_mega_title):before {content:''; display:block; position:absolute; width:0; height:2px; background-color:#cd2122; 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 .zn_mega_container li a:not(.zn_mega_title):hover:before, .main-nav .zn_mega_container li.active > a:not(.zn_mega_title):before {width:100%; } .main-nav .zn_mega_container .zn_mega_title_hide {display: none;} .main-nav .zn_mega_container li a.zn_mega_title, .main-nav div.zn_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; border-bottom-color: rgba(0, 0, 0, 0.1); color: #333;} .main-nav .zn_mega_container .zn_mega_row_start { margin-top: 20px;} .main-nav .zn_mega_container a.zn_mega_title[href="#custom-invisible"], .main-nav .zn_mega_container li:last-child a.zn_mega_title[href="#custom-invisible"], .main-nav .zn_mega_container .menuitem-transparent > a {color:transparent !important;} .main-nav .zn_mega_container .menuitem-invisible > a {visibility: hidden;} /* Dark dropdown menu */ .nav-mm--dark.main-nav ul ul.sub-menu li a:not(:only-child):after { background-color: rgba(255,255,255, 0.1); } .nav-mm--dark.main-nav ul ul.sub-menu li a { border-bottom-color: rgba(255,255,255, 0.05); color: #8A8A8A; } .nav-mm--dark.main-nav ul ul.sub-menu li a[href="#custom-separator"], .nav-mm--dark.main-nav ul ul.sub-menu li.menuitem-separator > a {background-color: rgba(255,255,255, 0.05) !important;} .nav-mm--dark.main-nav ul ul.sub-menu li.active > a, .nav-mm--dark.main-nav ul ul.sub-menu li a:hover { color: #CDCDCD; background: rgba(255,255,255,0.04);} .nav-mm--dark.main-nav ul ul.sub-menu, .nav-mm--dark.main-nav .zn_mega_container { border-color: rgba(0,0,0,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #0a0a0a; } .nav-mm--dark.main-nav > ul > li > ul.sub-menu:after {border-bottom-color:#0a0a0a; } .nav-mm--dark.main-nav .zn_mega_container { border-color: rgba(0,0,0,.8); box-shadow: 0 0 4px rgba(0,0,0,.4);background: rgba(5, 5, 5, 0.95); } .nav-mm--dark.main-nav .zn_mega_container li a { color: #8A8A8A; } .nav-mm--dark.main-nav .zn_mega_container li a:not(.zn_mega_title):hover, .nav-mm--dark.main-nav .zn_mega_container li.active > a:not(.zn_mega_title) { color: #CDCDCD; } .nav-mm--dark.main-nav .zn_mega_container li a.zn_mega_title, .nav-mm--dark.main-nav div.zn_mega_container ul li:last-child > a.zn_mega_title {border-bottom-color: rgba(255, 255, 255, 0.1); color: #CCCCCC;} /* ANIMATIONS */ .main-nav ul ul.sub-menu, .main-nav .zn_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 .zn_mega_container { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); } .main-nav ul ul.sub-menu { top: 120%; } .main-nav .zn_mega_container {margin-top:30px; -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 > .zn_mega_container { left: 0; opacity: 1; visibility: visible; z-index: 100; } .main-nav ul li:hover > ul { top:100%; } .main-nav ul li:hover > .zn_mega_container { margin-top:10px;} /* Fix submenu exiting the page */ .main-nav ul > li:hover > ul.zn_menu_on_left { right: 0; left:auto; } .main-nav > ul > li > ul.zn_menu_on_left.sub-menu:after { left:auto;right:14px; } .main-nav ul > li:hover > ul ul.zn_menu_on_left { right: 100%; left:auto; } .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; } /*.site-header.style9 .main-nav ul li:hover > .zn_mega_container { margin-left: -15px;}*/ /* 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: #cd2122; 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; } .main-nav ul ul.sub-menu li a:not(:only-child) .zn-mega-new-item {right:23px;} .main-nav .zn_mega_container ul .zn-mega-new-item {right: 3px;} /* Responsive Menu */ .zn-res-menuwrapper, #zn-res-menu { display: block;} .zn-res-menuwrapper { float: right; } #zn-res-menu .zn-mega-new-item {display: none; } .zn-res-menuwrapper .zn-res-trigger { vertical-align: middle; position: relative; display: inline-block; width: 25px; margin-right: 20px; height: 22px; margin-top: 5px;} .zn-res-menuwrapper .zn-res-trigger:after { content: ''; position: absolute; width: 25px; height: 4px; top: 50%; margin-top: -10px; background: #D6D6D6; border-radius: 4px; left: 0; box-shadow: 0 8px 0 #D6D6D6, 0 16px 0 #D6D6D6; } #zn-res-menu, #zn-res-menu ul, #zn-res-menu li { padding: 0;margin: 0; list-style: none;} #zn-res-menu * {-webkit-backface-visibility: hidden; border-color: #D9D9D9;} #page_wrapper.zn_res_menu_visible {overflow-x:hidden;} .zn_res_menu_visible #zn-res-menu , .zn_res_menu_visible #zn-res-menu li ul.sub-menu, .zn_res_menu_visible #zn-res-menu li div.zn_mega_container {display: block; } #zn-res-menu, #zn-res-menu li ul.sub-menu, #zn-res-menu li div.zn_mega_container {right: 0; top:0; position: absolute; width: 100%; height: 100%; background: #fff; overflow: hidden; z-index: 10000; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; -ms-transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 500ms ease; transition: transform 500ms ease; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; display: none; } #zn-res-menu.zn-menu-visible, #zn-res-menu ul.zn-menu-visible.sub-menu, #zn-res-menu li div.zn-menu-visible {-webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } #zn-res-menu .zn_mega_container { padding-left: 0; padding-right: 0; } #zn-res-menu .zn_mega_title { margin-right: 0; text-align: left; font-weight: 600; text-transform: uppercase; color: #454545; } #zn-res-menu .zn_mega_container .zn_mega_title_hide { display: none;} #zn-res-menu li { position: initial; border-bottom: 1px solid #D9D9D9; } #zn-res-menu li.menu-item-has-children > a.zn_mega_title { border-bottom:1px solid #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: 12px 28px 11px; display: block; font-weight: 400; color: #999;} #zn-res-menu li .zn_res_submenu_trigger + a { margin-right: 49px; } #zn-res-menu a[href="#custom-separator"] #zn-res-menu .menuitem-separator > a { display:none;} #zn-res-menu li.active > a, #zn-res-menu li a:hover {color: #333;} #zn-res-menu li.active > a {background-color: rgba(0, 0, 0, 0.05);} /* RESPONSIVE SUBMENUS */ #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; width: 49px; height: 45px; border-left: 1px solid #D9D9D9; line-height: 45px; vertical-align: middle; text-align: center;cursor: pointer;color: #999; top: auto;} #zn-res-menu .zn_res_menu_go_back > a { text-align: center; padding-right: 0;padding-left: 49px; } #zn-res-menu .zn_res_menu_go_back > span {left: 0; right: auto; border-left: none; border-right: 1px solid #D9D9D9; } /* Call to action Button in Header */ .site-header.cta_button .header-search {position:absolute; top: 5px; right:15px; clear:none; float:none;} .site-header.cta_button .header-search .searchBtn {margin:0;} .ctabutton {clear:right; float: right; position: relative; font-size: 11px; font-weight: 700; color:#fff; text-align: center ; padding: 10px 10px 5px; border-radius: 2px; margin-top: 8px; margin-left: 0px; } .kl-cta-ribbon .trisvg {position:absolute; top: 100%; left:0; width: 100%; height: 5px;} .kl-cta-ribbon .trisvg path {fill:#cd2122;} .kl-cta-ribbon:hover .trisvg path, .kl-cta-ribbon:focus .trisvg path {fill:#fff;} .kl-cta-ribbon { margin-bottom: -7px; background: #cd2122;} .kl-cta-ribbon:hover, .kl-cta-ribbon:focus {background: #fff; color:#000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);} .kl-cta-ribbon strong {font-size: 17px; font-weight: 900; display:block;} .kl-cta-lined {margin-top:5px; background-color: transparent ; box-shadow: none; padding: 8px 20px 9px;} /* Header style #1-#6 */ .site-header.cta_button .header--oldstyles .header-links-container { margin-right: 60px; } .site-header.cta_button .header--oldstyles .header-links-container.nomarginright { margin-right: 0; } .header-links-container .header--oldstyles {height: 42px; } /* BOXED VERSION */ body.boxed #page_wrapper {width:1000px; 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);} body.boxed .site-header { width: 100%;} @media screen and (max-width:991px) { body.boxed #page_wrapper {width:100%; border:0;} } @media screen and (min-width:992px) { /* Boxed on 960px width layout */ body.boxed.res960 #page_wrapper {width: 1000px; } /* Header Sticky and Boxed Layout (both) */ body.boxed .site-header.header--sticky, /* Header Sticky + Boxed Layout + 960px layout */ body.boxed.res960 .site-header.header--sticky { width: 994px; } } @media screen and (min-width: 1200px){ /* Boxed layout */ body.boxed #page_wrapper {width: 1200px; } /* Header Sticky and Boxed Layout */ body.boxed .site-header.header--sticky { width: 1194px; } } /* TOP NAVIGATION */ .topnav {float:right; margin:10px 0; padding:0; list-style:none; position: relative; } .topnav > li {float:left; margin-left:25px; position:relative;} .topnav > li > a {font-size:11px; font-weight:700; color:#fff; line-height: 24px; display: block; padding: 0; border-radius:2px; opacity:.8; } .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; z-index: 101;} .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;} /* topnav dark */ .nav-th--dark .topnav li.drop .inner {background: #0A0A0A;} .nav-th--dark .topnav li.drop .inner:after {border-bottom-color:#0A0A0A; } .nav-th--dark .topnav li.drop li a {color:#DDDDDD;} .nav-th--dark .topnav li.drop li.active a, .nav-th--dark .topnav li.drop li a:hover {background: rgba(255, 255, 255, 0.1); } /* FOOTER NAV */ .zn_footer_nav-wrapper {float: right;} .footer_nav { margin:0; } .footer_nav li ul {margin:0; padding:0; list-style:none; } .footer_nav li ul a { font-size: 11px; font-weight: 400; line-height: 1.6; display: block; padding: 0; border-radius: 2px; opacity: .8;} .footer_nav li ul a:before { content:'-';display:inline-block; margin-right:10px; opacity:.2;} /* 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 {} .toplang-item a {padding-right: 10px !important; } .toplang-item .glyphicon-ok { padding-top: 3px;} .toplang-item .toplang-flag { margin-right:5px;} /*** Header Nav */ .zn_header_top_nav-wrapper {float:right; margin-left: 10px;} /* All but Extra small */ @media screen and (min-width: 992px) { .zn_header_top_nav li {position:relative; } .zn_header_top_nav li a { font-weight:400; } /* 2nd lvl+ */ .zn_header_top_nav li ul {display: block; list-style:none; margin-top:10px; position:absolute; left:-2999px; z-index:11; top:100%; min-width: 150px; opacity:0; visibility: hidden; padding: 8px 0 0; box-shadow: 0 5px 5px rgba(0,0,0, 0.15); border-radius:2px; -webkit-transition: opacity .25s ease-out, visibility .25s ease-out, margin-top .25s ease-out; transition:opacity .25s ease-out, visibility .25s ease-out, margin-top .25s ease-out; } .zn_header_top_nav li:hover > ul {opacity:1; visibility:visible; left:0; margin-top:0;} .zn_header_top_nav li:hover > ul ul {left:99%; top:4px; padding-top:0px;} .zn_header_top_nav ul li a { font-weight:400; padding: 10px; font-size: 12px; color: #6F6B6B; background: #f5f5f5; padding: 6px 0 6px 10px; display: block; border-top:1px solid rgba(0,0,0,0.1); -webkit-transition:all .1s ease-out; transition:all .1s ease-out;} .zn_header_top_nav ul li a:hover, .zn_header_top_nav ul li.active > a { color: #6F6B6B; background: #E6E6E6; } .zn_header_top_nav ul li:first-child > a { border-radius: 2px 2px 0 0; border-top-width:0;} .zn_header_top_nav ul li:last-child > a { border-radius:0 0 2px 2px;} } /* Only Extra small */ @media screen and (max-width: 991px){ .zn_header_top_nav-wrapper {position:relative; margin-top: 13px; } .headernav-trigger {display: block; width: 18px; height: 2px; border-radius: 2px;background-color: rgba(255, 255, 255, 0.7); box-shadow: 0 -6px 0 rgba(255, 255, 255, 0.7), 0 -12px 0 rgba(255, 255, 255, 0.7); position: relative; cursor: pointer; top: 15px;} .headernav-trigger:before {content:''; display:block; height:20px; width:20px;position: absolute; bottom: 0;} .zn_header_top_nav { display: none; float:none; margin:0; list-style:none; margin-top:0px; min-width: 170px; background-color: #fff; padding: 8px; border-radius:2px; position: absolute; top: 15px; right: 0; z-index: 11; } ul.zn_header_top_nav ul, ul.zn_header_top_nav li { display: block; width: 100%; float: none;margin: 0; padding: 0;} ul.zn_header_top_nav ul {padding-left:10px;} .zn_header_top_nav li a { width:100%; font-weight:400; font-size: 12px; color: #6F6B6B; padding: 6px; display: block;} .zn_header_top_nav li a:hover, .zn_header_top_nav li.active > a { color: #6F6B6B; background: #E6E6E6; } .zn_header_top_nav-wrapper.is-opened .zn_header_top_nav {display: block;} .zn_header_top_nav-wrapper.is-opened .headernav-trigger { box-shadow: 0 -6px 0 #fff, 0 -12px 0 #fff; background-color: #fff;} /* Override on Site header - Style 6 */ .site-header.style6 .headernav-trigger {background-color: #898989; box-shadow: 0 -6px 0 #898989, 0 -12px 0 #898989; } } /* Cart details panel */ .site-header .kl-cart-button + .pPanel {left:auto; right:0; margin-left: 0; margin-right: -10px; padding-top: 10px;} body .site-header .kl-cart-button + .pPanel {min-width: 320px} .site-header .kl-cart-button + .pPanel .inner:after {left:auto; right:9px;} .site-header .kl-cart-button .glyphicon { font-size: 13px; top: 2px; margin-right: 7px; } .site-header .kl-cart-button .glyphicon:after { content: attr(data-count); font-size: 9px; background-color: #cd2122; color: #fff; width: 15px; height: 15px; display: block; text-align: center; line-height: 13px; border-radius: 50%; position: absolute; top: -8px; left: -12px; font-weight: 600; padding-right: 1px; } .cart-container > .widget_shopping_cart_content {display:block;font-size:11px;} .cart-container > .widget_shopping_cart_content .checkout {border-left: 1px solid #CCC; margin-left: 15px; padding-left: 15px; display: inline-block; color:#CD2122; font-size:12px; text-transform:uppercase; } .cart-container > .widget_shopping_cart_content .checkout:hover {color:#333;} .cart-container > .widget_shopping_cart_content .checkout span {margin-top: 1px; opacity: 0.2; } /*.topnav li.drop .pPanel { min-width: 320px; }*/ .cart-container { margin: 0 !important; background: #f5f5f5 !important; padding: 25px !important; } .cart-container .cart_list { margin: 0 0 15px !important; list-style: none; border-bottom: 1px solid #ddd; padding: 0; } .cart-container .cart_list a:hover { background-color: transparent !important; } .cart-container .cart_list li { overflow: hidden; margin: 0 0 15px !important; /*text-align: center;*/ color: #535353;} .cart-container .cart_list li a:not(.remove) { font-size: 11px; font-weight: normal; padding: 0 30px 0 0 !important; } .cart-container .cart_list .remove { float: right; font-size: 16px; color: #C3C3C3 !important; padding: 0 !important; } .cart-container .cart_list .remove:hover { color: #7F7F7F; } .cart-container .cart_list li img { float: left !important; margin-right: 15px; margin-left: 0 !important; width: 60px !important } .cart-container .cart_list li .variation, .cart-container .cart_list li .variation p { margin: 0;} .cart-container .cart_list li .variation { overflow: hidden !important; border: 0!important; padding: 0!important;} .cart-container .cart_list li .variation-Color { display: inline-block; padding: 0 !important; margin: 0 !important; clear: none !important; } .cart-container .cart_list li .variationr:before, .cart-container .cart_list li .variation:after {content: none} .cart-container .total .amount { float: right; font-weight: bold; font-size: 15px; } .cart-container .total { border-bottom: 1px solid #ddd; padding: 0 0 15px; margin: 0 0 15px; } .cart-container .buttons { overflow: hidden; margin: 0; } .cart-container .buttons .button { width: calc(50% - 6px); display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 1.42857143; text-align: center; white-space: normal; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; text-transform: uppercase;} .cart-container .buttons .button.wc-forward { background-color: #cd2122; color: #fff; text-shadow: none; padding: 10px 20px; line-height: 1.6; box-shadow: none; font-size: 13px; border-radius: 3px; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .cart-container .buttons .button.checkout { color: #242424 !important; border-color: #242424; border-width: 2px; background: none; text-shadow: none; padding: 9px 20px; line-height: 1.6; box-shadow: none; border-style: solid; border-radius: 3px; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; margin-left: 9px; background-color: transparent !important;} .cart-container .buttons .button.checkout:hover, .cart-container .buttons .button.checkout:focus { color: #000 !important; border-color: #000;} /* Dark cart container */ .nav-th--dark .cart-container { background: #0A0A0A !important; } .nav-th--dark .cart-container .cart_list { border-bottom-color: #222; } .nav-th--dark .cart-container .cart_list a:hover { background-color: transparent !important; } .nav-th--dark .cart-container .cart_list li {color: #ACACAC;} .nav-th--dark .cart-container .cart_list .remove { color: #3C3C3C !important; } .nav-th--dark .cart-container .cart_list .remove:hover { color: #808080; } .nav-th--dark .cart-container .total { border-bottom-color: #222; } .nav-th--dark .cart-container .buttons .button.checkout { color:#DBDBDB !important; border-color: #DBDBDB;} .nav-th--dark .cart-container .buttons .button.checkout:hover, .nav-th--dark .cart-container .buttons .button.checkout:focus { color: #fff !important; border-color: #fff;} @media (max-height: 600px) { .cart-container .cart_list { max-height: 180px; overflow-x: hidden;} } @media (max-width: 480px) { body .site-header .kl-cart-button + .pPanel { min-width: 280px } } /* SEARCH PANEL */ .header-search {float:right; clear: right; position:relative;z-index:100;} .header-search .search-container {display:none; position: absolute; right: -10px; padding:30px; background:#f4f4f4; width: 240px; border-bottom:1px solid #fff; z-index: 1; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); } .header-search .search-container.panel-opened {display: block;} .header-search .searchBtn {line-height: 1; display: inline-block; background: rgba(0, 0, 0, 0.5); position: relative; z-index: 1; height: 30px; width: 30px; text-align: center; line-height: 30px; font-size: 12px; margin: 10px 0 0 10px; border-radius: 2px; } .header-search .searchBtn:hover {background: rgba(0, 0, 0, 0.7);} .header-search .searchBtn.active {background:#f4f4f4; border-radius: 2px 2px 0 0;} .header-search .searchBtn.active .glyphicon {color: #000;} .header-searchform {border-bottom: 1px solid #CCCCCC; margin: 0; position: relative;} .header-searchform:hover {border-bottom:1px solid #b5b5b5;} .header-searchform input[type=text] {background: none; border: none; font-size: 12px; font-style: italic; color: #999; padding:5px 0; margin:0; display: inline-block; box-shadow: none; outline: none; font-style: italic; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); text-transform: uppercase; } .header-searchform input[type=text]:focus {font-style: normal; color: #565656;} .header-searchform .searchsubmit {width:20px; background-color: transparent; border: none; padding:0; display: inline-block; height: 14px; line-height: 14px; vertical-align: text-top; position: absolute; right: 5px; top: 50%; margin-top: -8px; outline: none; color: rgba(108, 108, 108, 0.4);} .screen-reader-text {display:none; } /* 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 .logo-img {max-width: 100% !important;} /* Logo with InfoCard on Hover */ .logo-container {float:left;} .logo-container.hasInfoCard {position:relative;} .logo-container.hasInfoCard:before {content:url(../images/hoverme.png); width: 98px; height:35px; right:100%; margin-right: 20px; top:40px; position:absolute;} .boxed .logo-container.hasInfoCard:before { display: none;} .logo-container .logo-infocard {position:absolute; top:100%; margin-top:20px; width:440px; padding:30px 20px 25px; background:#cd2122; border-radius: 2px; font-size: 12px; display:block; visibility:hidden; opacity:0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); z-index:1; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-backface-visibility: hidden;} .logo-container:hover .site-logo + .logo-infocard { visibility:visible; opacity:1; margin-top:10px; -webkit-transition-delay: 0s; transition-delay: 0s; z-index: 2;} .logo-infocard, .logo-infocard a {color: #FFF; font-weight: normal; line-height: 1.6;} .logo-infocard a:hover {color: rgba(255,255,255,.7);} .logo-infocard p:last-child {margin-bottom: 0;} .logo-infocard .social-icons {margin-left: 0; padding-left: 0;} .logo-infocard .social-icons li {margin:0;} .logo-infocard .social-icons li.title {margin-right: 10px;font-size: 15px;} .logo-infocard .social-icons li a {background-color:transparent; box-shadow: none;} .logo-infocard .social-icons li a:hover {opacity:.7;} .logo-infocard .contact-details { background: url(../images/say_hi.png) no-repeat right top; } /* Logo size preset */ .logosize--contain .site-logo .logo-img {width: auto; height:100%; padding: 10px 0;} /*** Header Height */ .site-header, .logosize--contain .site-logo a, .site-header.site-header--relative.header--sticky + .siteheader-helper { height:100px; } .logosize--contain .site-logo .logo-img, .logosize--contain .site-logo .logo-img-sticky { max-height:100px; vertical-align: middle;} /* Autosized logo, add a minheight for proper display */ body:not(.header--is-sticked) .logosize--yes .site-logo {min-height: 100px;} /* Relative Site Header */ .site-header.site-header--relative {position: relative;} /* SiteHeader Helper (for relative header + sticky) */ .siteheader-helper {display: none;} @media screen and (min-width: 768px) { .site-header.site-header--relative.header--sticky + .siteheader-helper {display: block;} } /* Sticky Logo - with animations */ .site-logo .logo-img-sticky {display: none;} /* by default, hide it */ .header--sticky .site-logo .logo-img-sticky {display:block;position: absolute; top: 50%; left: 50%; opacity:0; -webkit-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(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; -webkit-backface-visibility:hidden; } .header--sticky .site-logo .logo-img-sticky + .logo-img {opacity:1; -webkit-transition:opacity .15s ease-in-out; transition:opacity .15s ease-in-out;} .header--is-sticked .site-logo .logo-img-sticky + .logo-img {opacity:0;} .header--is-sticked .site-logo .logo-img-sticky {opacity:1; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* drop shadow filter for kallyas default svg logo */ .kl-default-logo {-webkit-filter: drop-shadow( 0 2px 0 rgba(0,0,0,0.2) ); filter: drop-shadow( 0 2px 0 rgba(0,0,0,0.2) ); } /* Site Header */ .site-header {position:absolute; width:100%; background:rgba(0,0,0,0.5); z-index:3; } .siteheader-container {position:relative;} /* Sticky Header */ .site-header.header--sticky {position:fixed; width:100%; z-index: 9;} .site-header.header--sticky, .site-header.header--sticky .site-logo a {-webkit-transition: height .1s ease-in;transition: height .1s ease-in;} /* Sticky Header - when is sticked */ .header--is-sticked .site-header .header-links-container {height:0; overflow: hidden;} .header--is-sticked .site-header, .header--is-sticked .site-header .site-logo a {height: 60px; } .header--is-sticked .site-header .site-logo .logo-img { max-height: 55px; display: block; /*max-width: none !important;*/ width:auto;} .header--is-sticked .site-header .logo-container.hasInfoCard:before {display: none;} .header--is-sticked .site-header .header-search {margin-top:3px;} .header--is-sticked .site-header.cta_button .header-search {position: static; float: right; margin: 14px 0 0 20px;} .header--is-sticked .site-header.cta_button .ctabutton {float: right; clear:none; margin-top: 11px;} .header--is-sticked .site-header .main-nav {margin-top:2px;} .header--sticky .zn-res-menuwrapper .zn-res-trigger {margin-top:13px;} .header--is-sticked .zn-res-menuwrapper .zn-res-trigger {margin-right: 10px; margin-top: 19px;} /* Site header text colors (Gray) */ .sh--gray:not(.style7):not(.style8) .topnav:not(.social-icons) > li > a, .sh--gray:not(.style7):not(.style8) .topnav.sc--clean > li > a, .sh--gray:not(.style7):not(.style8) .topnav > li .kl-icon-white {color:#878787;} .sh--gray:not(.style7):not(.style8) .topnav:not(.social-icons) > li > a:hover, .sh--gray:not(.style7):not(.style8) .topnav.sc--clean > li > a:hover, .sh--gray:not(.style7):not(.style8) .topnav > li a:hover .kl-icon-white {color:#676767;} .sh--gray:not(.style7):not(.style8) .main-nav > ul > li > a {color: #8C8C8C;} .sh--gray:not(.style7):not(.style8):not(.style9) .kl-cta-lined {color: #8C8C8C; border-color:#8c8c8c;} .sh--gray:not(.style7):not(.style8):not(.style9) .kl-cta-lined:hover {color: #777; border-color:#777;} /* Site header text colors (Light) */ .sh--light:not(.style7):not(.style8) .topnav:not(.social-icons) > li > a, .sh--light:not(.style7):not(.style8) .topnav.sc--clean > li > a, .sh--light:not(.style7):not(.style8) .topnav > li .kl-icon-white {color:#fff; } .sh--light:not(.style7):not(.style8) .topnav:not(.social-icons) > li > a:hover, .sh--light:not(.style7):not(.style8) .topnav.sc--clean > li > a:hover, .sh--light:not(.style7):not(.style8) .topnav > li a:hover .kl-icon-white {color:#fff; opacity:.9;} .sh--light:not(.style7):not(.style8) .main-nav > ul > li > a {color: #f5f5f5;} .sh--light:not(.style7):not(.style8):not(.style9) .kl-cta-lined {color: rgba(255,255,255,.8); border-color:rgba(255,255,255,.8);} .sh--light:not(.style7):not(.style8):not(.style9) .kl-cta-lined:hover {color: #fff; border-color:#fff;} /* Site header text colors (Dark) */ .sh--dark:not(.style7):not(.style8) .topnav:not(.social-icons) > li > a, .sh--dark:not(.style7):not(.style8) .topnav.sc--clean > li > a, .sh--dark:not(.style7):not(.style8) .topnav > li .kl-icon-white {color:#333;} .sh--dark:not(.style7):not(.style8) .topnav:not(.social-icons) > li > a:hover, .sh--dark:not(.style7):not(.style8) .topnav.sc--clean > li > a:hover, .sh--dark:not(.style7):not(.style8) .topnav > li a:hover .kl-icon-white {color:#111;} .sh--dark:not(.style7):not(.style8) .main-nav > ul > li > a {color: #252525;} .sh--dark:not(.style7):not(.style8) .main-nav > ul > li.active > a, .sh--dark:not(.style7):not(.style8) .main-nav > ul > li > a:hover, .sh--dark:not(.style7):not(.style8) .main-nav > ul > li:hover > a {color:#fff;} .sh--dark:not(.style7):not(.style8):not(.style9) .kl-cta-lined {color: #252525; border-color:#252525;} .sh--dark:not(.style7):not(.style8):not(.style9) .kl-cta-lined:hover {color: #111; border-color:#111;} /**** HEADER 1 */ .site-header.style1 {border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7); border-top: 3px solid #CD2122;} .site-header.style1:after {content:""; position:absolute; left:50%; bottom:-10px; margin-left: -2px; border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7); } .header--is-sticked .site-header.style1 .main-nav {margin-top:0;} /*** HEADER 2 */ .site-header.style2 .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} .site-header.style2 .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.style2 .topnav.navLeft {float:left;} .header--is-sticked .site-header.style1 .main-nav {margin-top:0;} /**** HEADER 3 */ body:not(.header--is-sticked) .site-header.style3 {background:none;} .site-header.style3 .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: 3px solid #CD2122;} .site-header.style3 .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.style3 .topnav.navLeft {float:left;} .site-header.style3 .kl-cart-button + .pPanel {left:0; right:auto; } .site-header.style3 .kl-cart-button + .pPanel .inner:after {left: 9px; right: auto; } .site-header.style3 .kl-cart-button .glyphicon:after {padding-right: 0;} /**** HEADER 5 */ body:not(.header--is-sticked) .site-header.style5 {background:none;} .site-header.style5 > .container {border-bottom: 2px solid rgba(255, 255, 255, 0.1);} .site-header.style5 .topnav:not(.social-icons) > li {border-left:1px solid rgba(255,255,255,0.1); padding-left:20px; margin-left: 20px; /*margin-top:5px*/} .site-header.style5 .topnav:not(.social-icons):last-of-type li:first-child {border-left:0; margin-left:0; padding-left:0;} .site-header.style5 .topnav:not(.social-icons) > li >a {line-height:18px;} .site-header.style5 .site-logo a {padding-left:0; padding-right:0;} /* Color presets gray */ .site-header.style5.sh--gray > .container {border-bottom: 2px solid rgba(135, 135, 135, 0.1);} /* Color presets dark */ .site-header.style5.sh--dark > .container {border-bottom: 2px solid rgba(48, 48, 48, 0.2);} /*** HEADER 6 */ .site-header.style6 {background:rgba(255,255,255,0.95); border-top: 3px solid #CD2122; box-shadow:0 3px 5px rgba(0,0,0,0.1);} .site-header.style6 .kl-default-logo {-webkit-filter: none; filter: none;} .site-header.style6 .kl-default-logo path {fill:#757575;} .site-header.style6 .main-nav > ul > li > a { color:#535151; } .site-header.style6 .main-nav > ul > li.active > a, .site-header.style6 .main-nav > ul > li > a:hover, .site-header.style6 .main-nav > ul > li:hover > a {color:#fff;} .site-header.style6 .topnav:not(.social-icons) > li > a, .site-header.style6 .topnav.sc--clean > li > a, .site-header.style6 .topnav > li > a .kl-icon-white, .site-header.style6 .topnav > li > a .xs-icon { color: #898989; } .site-header.style6 .topnav:not(.social-icons) > li > a > span {opacity:.5;} .site-header.style6 .zn-res-menuwrapper .zn-res-trigger:after {background: #ADADAD; box-shadow: 0 8px 0 #ADADAD, 0 16px 0 #ADADAD; } .site-header.style6 .kl-cta-lined {color:#747474; border-color:#747474; margin-top: 3px;} /* Color presets gray */ .site-header.style6.sh--gray .main-nav > ul > li > a { color:#8C8C8C; } .site-header.style6.sh--gray .topnav:not(.social-icons) > li > a, .site-header.style6.sh--gray .topnav.sc--clean > li > a { color: #878787; } .site-header.style6.sh--gray .zn-res-menuwrapper .zn-res-trigger:after {background: #999; box-shadow: 0 8px 0 #999, 0 16px 0 #999;} .site-header.style6.sh--gray .kl-cta-lined {color:#747474; border-color:#747474; } /****HEADER 7 */ .site-header.style7 {background:none; border:0; box-shadow: none; height: auto;} .site-header.style7 + .siteheader-helper {display: none !important;} .site-header.style7 .logosize--contain .site-logo a {height: 70px; } .site-header.style7 .logosize--contain .site-logo .logo-img {padding-top:0; padding-bottom: 0;} .site-header.style7 .logosize--yes .site-logo {min-height: 70px; } .site-header.style7 .separator {background:#fff; height:1px; opacity:.2; margin-bottom: 5px;} .site-header.style7 .kl-header-bg {position:absolute; top:0; left:0; width:100%; height:170%; opacity:.6; pointer-events:none; 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: linear-gradient(to bottom, rgba(0,0,0,1) 0%,transparent 100%); } .site-header.style7 .kl-top-header {color:rgba(255, 255, 255, 0.8); position: relative;} .site-header.style7 .header-links-container {float: right; height:auto; margin-right: 60px;} .site-header.style7 .header-links-container.nomarginright {margin-right: 0;} .site-header.style7 .header-search {z-index: 102; position: absolute; top: -3px; right: 0; clear: none; float: none;} .site-header.style7 .header-search .searchBtn, .site-header.style7.cta_button .header-search .searchBtn {margin:10px 0 0 10px;} .site-header.style7 .searchBtn.active {border-radius: 2px 2px 0 0;} .site-header.style7 .header-leftside-container {line-height: 24px; margin:10px 0;/* position: relative;*/} .site-header.style7 .kl-header-toptext {font-size: 11px; } .site-header.style7 .kl-header-toptext a {color:rgba(255, 255, 255, 0.8);} .site-header.style7 .main-nav {float:left; margin:0 20px; margin-top: 5px;} .site-header.style7 .topnav {margin-bottom: 0; margin-top: 20px;} .site-header.style7 .kl-top-header .topnav {margin-bottom: 10px; margin-top: 10px;} .site-header.style7 .social-icons.topnav {margin: 0; padding: 0; position: relative; top: -3px; float: left;} .site-header.style7 .social-icons.topnav li { margin:0; margin-left: 10px;} .site-header.style7 .social-icons.topnav.sc--clean li { margin-left:0;} .site-header.style7 .social-icons.topnav li:first-child { margin-left:0;} .site-header.style7 .social-icons.topnav ~ .kl-header-toptext {margin-left:10px; color:rgba(255, 255, 255, 0.8);} .site-header.style7 .social-icons.topnav.sc--clean > li > a {color:rgba(255,255,255,.7);} .site-header.style7 .social-icons.topnav.sc--clean > li > a:hover {color:rgba(255,255,255,.9);} .site-header.style7 .kl-cta-lined { margin-top: 13px; } body .site-header.style7 .zn-res-menuwrapper .zn-res-trigger:after{background: #FFFFFF; box-shadow: 0 8px 0 #FFFFFF, 0 16px 0 #FFFFFF;} body .site-header.style7 .zn-res-menuwrapper {float: left; margin-top: 10px; margin-left: 30px; } .site-header.style7 .zn-res-menuwrapper .zn-res-trigger { margin-top: 15px;} /* Style 8 - light theme */ .site-header.style7.ht--light .separator {background:#000;} .site-header.style7.ht--light .kl-header-bg {opacity:.7; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, #fff 0%,rgba(255,255,255,0) 100%); } .site-header.style7.ht--light .kl-top-header {color:rgba(0, 0, 0, 0.8);} .site-header.style7.ht--light .kl-header-toptext a {color:rgba(0, 0, 0, 0.8);} .site-header.style7.ht--light .topnav:not(.social-icons) > li > a, .site-header.style7.ht--light .topnav.sc--clean > li > a, .site-header.style7.ht--light .topnav > li .kl-icon-white {color:#333;} .site-header.style7.ht--light .topnav:not(.social-icons) > li > a:hover, .site-header.style7.ht--light .topnav.sc--clean > li > a:hover, .site-header.style7.ht--light .topnav > li a:hover .kl-icon-white {color:#111;} .site-header.style7.ht--light .main-nav > ul > li > a {color: #252525;} .site-header.style7.ht--light .main-nav > ul > li.active > a, .site-header.style7.ht--light .main-nav > ul > li > a:hover, .site-header.style7.ht--light .main-nav > ul > li:hover > a {color:#fff;} .site-header.style7.ht--light .main-nav > ul > li.menu-item-has-children > a:after {background-color: rgba(0, 0, 0, 0.5);} .site-header.style7.ht--light .kl-cta-lined {border-color: #222; color:#111; } .site-header.style7.ht--light .kl-cta-lined:hover {border-color: #000; color:#fff; background: #000; } body .site-header.style7.ht--light .zn-res-menuwrapper .zn-res-trigger:after {background: #353535; box-shadow: 0 8px 0 #353535, 0 16px 0 #353535;} .header--is-sticked .site-header.style7 .kl-top-header {height:0; overflow: hidden;} .header--is-sticked .site-header.style7 .zn-res-menuwrapper {margin-top: 5px;} .header--is-sticked .site-header.cta_button .kl-cta-lined {margin-top:13px;} /**** HEADER 8 */ .site-header.style8 {background:none; border:0; box-shadow: none; height: auto;} .site-header.style8 .logosize--contain .site-logo a, .site-header.style8 .header-search, .site-header.style8.cta_button .header-search, .site-header.style8.site-header--relative.header--sticky + .siteheader-helper {height: 80px; } .site-header.style8 .logosize--yes .site-logo {min-height: 80px; } .site-header.style8 .kl-top-header {background:rgba(0,0,0,.7); color:rgba(255, 255, 255, 0.8);} .site-header.style8 .kl-main-header {background:rgba(0,0,0,.6); border-bottom:3px solid #cd2122;} .site-header.style8 .main-nav {float:left; margin-top: 0px; clear: none;} .site-header.style8 .main-nav > ul {margin: 5px 0 0px;} .site-header.style8 .kl-main-header .topnav {margin: 6px 0;} .site-header.style8 .h-right-inner .topnav {z-index: 102;} .site-header.style8 .header-rightside-container {float: right; padding-top: 5px;} .site-header.style8 .header-rightside-container .topnav {margin-bottom: 0; margin-top:5px;} .site-header.style8.ht--dark .social-icons.sc--clean > li > a {color:rgba(255,255,255,.7);} .site-header.style8.ht--dark .social-icons.sc--clean > li > a:hover {color:rgba(255,255,255,.9);} .site-header.style8 .header-search, .site-header.style8.cta_button .header-search {position: static; top:auto; left:auto; right:auto; width:240px; margin:0 auto; clear:none; display: table; float: none;} .site-header.style8 .header-search .search-container {padding:0; position: static; display: block; box-shadow: none; border:0; background:none; display: table-cell; vertical-align: middle; } .site-header.style8 .header-searchform {border:0; padding: 5px 10px; background-color: transparent; border-radius: 3px; } .site-header.style8 .header-search .searchBtn {display: none} .site-header.style8 .header-search .inputbox {position: relative; z-index: 1;} .site-header.style8 .header-search .searchsubmit {z-index: 1; color: rgba(255, 255, 255, 0.4);} .site-header.style8 .header-search .kl-field-bg {position:absolute; width:100%; height:100%; top:0; left:0; background-color: rgba(255, 255, 255, 0.1); border-radius: 3px; -webkit-transition: all .15s cubic-bezier(0.680, 0, 0.265, 1); transition: all .15s cubic-bezier(0.680, 0, 0.265, 1);} .site-header.style8 .header-search .inputbox:focus {color: #E3E3E3; } .site-header.style8 .header-search .inputbox:hover ~ .kl-field-bg {background-color: rgba(255, 255, 255, 0.15);} .site-header.style8 .header-search .inputbox:focus ~ .kl-field-bg {background-color: rgba(255, 255, 255, 0.2); width: 120%; left: -10%; height: 120%; top: -10%;} .site-header.style8 .kl-cart-button + .pPanel {left:auto; right:0; margin-left: 0; margin-right: -10px; margin-top: 5px; } .site-header.style8 .kl-main-header .kl-cta-ribbon { margin-top: -7px; margin-bottom: -10px; } .site-header.style8 .kl-main-header .kl-cta-lined {margin-top: -3px; margin-bottom: -8px; font-size: 90%; padding: 14px 10px; color: #fff; border:0; background: #000; } .site-header.style8 .kl-main-header .kl-cta-lined:hover { color: #343434; background-color: #fff;} .site-header.style8 .main-nav > ul > li.active > a:before, .site-header.style8 .main-nav > ul > li > a:hover:before, .site-header.style8 .main-nav > ul > li:hover > a:before { height: -webkit-calc(100% + 23px); height: calc(100% + 23px); margin-bottom: -23px; margin-top: 3px; } body .site-header.style8 .zn-res-menuwrapper {float: left; margin-top: 0; margin-left: 0; } body .site-header.style8 .zn-res-menuwrapper .zn-res-trigger {margin-top: 8px; margin-bottom: 6px;} body .site-header.style8 .zn-res-menuwrapper .zn-res-trigger:after{background: #FFFFFF; box-shadow: 0 8px 0 #FFFFFF, 0 16px 0 #FFFFFF; height: 2px;} .site-header.style8 .topnav.social-icons {margin: 0; padding: 0; position: relative; top: -3px;} .site-header.style8 .topnav.social-icons li { margin:0; margin-left: 10px;} .site-header.style8 .topnav.social-icons.sc--clean li { margin-left:0;} .site-header.style8 .topnav.social-icons li:first-child { margin-left:0;} /* Style 8 - light theme */ .site-header.style8.ht--light .kl-top-header {background: rgba(255,255,255,.6); color: rgba(0, 0, 0, 0.8); } .site-header.style8.ht--light .kl-main-header {background: rgba(255,255,255,.5); } .site-header.style8.ht--light .topnav:not(.social-icons) > li > a, .site-header.style8.ht--light .topnav.sc--clean > li > a, .site-header.style8.ht--light .topnav > li .kl-icon-white {color:#333;} .site-header.style8.ht--light .topnav:not(.social-icons) > li > a:hover, .site-header.style8.ht--light .topnav.sc--clean > li > a:hover, .site-header.style8.ht--light .topnav > li a:hover .kl-icon-white {color:#111;} .site-header.style8.ht--light .main-nav > ul > li > a {color: #252525;} .site-header.style8.ht--light .main-nav > ul > li.active > a, .site-header.style8.ht--light .main-nav > ul > li > a:hover, .site-header.style8.ht--light .main-nav > ul > li:hover > a {color:#fff;} .site-header.style8.ht--light .main-nav > ul > li.menu-item-has-children > a:after {background-color: rgba(0, 0, 0, 0.5);} .site-header.style8.ht--light .header-search .searchsubmit {color: rgba(0, 0, 0, 0.4);} .site-header.style8.ht--light .header-search .kl-field-bg {background-color: rgba(0, 0, 0, 0.1); } .site-header.style8.ht--light .header-search .inputbox:focus {color: #454545; } .site-header.style8.ht--light .header-search .inputbox:hover ~ .kl-field-bg {background-color: rgba(0, 0, 0, 0.15);} .site-header.style8.ht--light .header-search .inputbox:focus ~ .kl-field-bg {background-color: rgba(0, 0, 0, 0.2);} .site-header.style8.ht--light .kl-main-header .kl-cta-lined:hover { color: #f9f9f9; background-color: #000;} body .site-header.style8.ht--light .zn-res-menuwrapper .zn-res-trigger:after {background: #353535; box-shadow: 0 8px 0 #353535, 0 16px 0 #353535;} /* Sticked state */ .header--is-sticked .site-header.style8 .site-logo a, .header--is-sticked .site-header.style8 .header-search, .header--is-sticked .site-header.style8.cta_button .header-search {height: 55px; } /* Page subheader top padding after style8 header */ .site-header.style8 ~ .page-subheader:not(.site-subheader-cst) .ph-content-wrap {padding-top: 190px; } /* Page subheader top padding force 50px when in Relative position mode */ .site-header.style8.site-header--relative ~ .page-subheader:not(.site-subheader-cst) .ph-content-wrap {padding-top:50px;} /**** HEADER 9 */ .site-header.style9 {background:rgba(255,255,255,0.9); border-bottom:3px solid #ababab; box-shadow: none; height: auto;} .site-header.style9, .site-header.style9.site-header--relative.header--sticky + .siteheader-helper {height: auto; min-height: 160px; } .site-header.style9 .logosize--contain .site-logo a {height: 60px;} .site-header.style9 .logosize--yes .site-logo {min-height: 60px; } .site-header.style9 .logosize--contain .site-logo .logo-img {padding-top:0; padding-bottom: 0;} .site-header.style9 .kl-default-logo {-webkit-filter: none; filter: none;} .site-header.style9 .kl-default-logo path {fill:#757575;} .site-header.style9 .separator {background:#000; height:1px; opacity:.1;} .site-header.style9 .kl-top-header {color:rgba(0, 0, 0, 0.7);} .site-header.style9 .header-links-container {float: right; height:auto; margin-right: 0} .site-header.style9 .header-leftside-container {float:left; line-height: 24px; margin: 5px 0; position: relative;} .site-header.style9 .kl-header-toptext {margin-left:30px; font-size: 11px; line-height: 24px;display: block;float: left;} .site-header.style9 .kl-header-toptext a {color:rgba(0, 0, 0, 0.7);} .site-header.style9 .topnav {margin-bottom: 0; margin-top: 0;} .site-header.style9 .topnav:not(.social-icons) > li > a, .site-header.style9 .topnav.sc--clean > li > a, .site-header.style9 .topnav > li .kl-icon-white {color:#878787;} .site-header.style9 .topnav:not(.social-icons) > li > a:hover, .site-header.style9 .topnav.sc--clean > li > a:hover, .site-header.style9 .topnav > li a:hover .kl-icon-white {color:#676767;} .site-header.style9 .topnav.social-icons {margin: 0; padding: 0; position: relative; top: 0; margin-left: 10px} .site-header.style9 .topnav.social-icons li { margin:0; margin-left: 10px; margin-top:2px;} .site-header.style9 .topnav.social-icons.sc--clean li, .site-header.style9 .topnav.social-icons li:first-child { margin-left:0;} .site-header.style9 .header-leftside-container .topnav {margin-bottom: 0; margin-top: 0;float: left;margin-left: 0;margin-right: 10px;} .site-header.style9 .header-leftside-container .topnav > li{margin-left:0} .site-header.style9 .kl-main-header {position:relative; z-index: 2;} .site-header.style9 .kl-main-header .topnav {float:right; clear:none;position: absolute;right: 0;margin-top: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .site-header.style9 .kl-cart-button + .pPanel {left:auto; right:0; margin-left: 0; margin-right: -10px;} .site-header.style9 .header-search { float: left; clear: none;} .site-header.style9 .header-search, .site-header.style9.cta_button .header-search {position: absolute; top: 50%; left: 0; right:auto; width:240px; margin:0 auto; clear:none; display: table;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .site-header.style9 .header-search .search-container {padding:0; position: static; display: block; box-shadow: none; border:0; background:none; display: table-cell; vertical-align: middle; } .site-header.style9 .header-searchform {border:0; padding: 5px 10px; background-color: transparent; border-radius: 3px; } .site-header.style9 .header-search .searchBtn {display: none} .site-header.style9 .header-search .inputbox {position: relative; z-index: 1;} .site-header.style9 .header-search .searchsubmit {z-index: 1; color: rgba(0, 0, 0, 0.4);} .site-header.style9 .header-search .kl-field-bg {position:absolute; width:100%; height:100%; top:0; left:0; background-color: rgba(0, 0, 0, 0.1); border-radius: 3px; -webkit-transition: all .15s cubic-bezier(0.680, 0, 0.265, 1); transition: all .15s cubic-bezier(0.680, 0, 0.265, 1);} .site-header.style9 .header-search .inputbox:focus { color: #454545; } .site-header.style9 .header-search .inputbox:hover ~ .kl-field-bg { background-color: rgba(0, 0, 0, 0.15);} .site-header.style9 .header-search .inputbox:focus ~ .kl-field-bg {background-color: rgba(0, 0, 0, 0.2); width: 120%; left: -10%; height: 120%; top: -10%;} .site-header.style9 .ctabutton {position: absolute; right:15px; z-index: 1; } .site-header.style9 .kl-cta-ribbon { margin-top: -7px; margin-bottom: -10px; } .site-header.style9 .kl-cta-lined {margin-top: -6px; margin-bottom: -8px; font-size: 90%; padding: 17px; color: #fff; border:0; background: #000; } .site-header.style9 .kl-cta-lined:hover { color: #f9f9f9; background-color: #000; } .site-header.style9 .logo-container, .site-header.style9 .site-logo {margin:10px auto; float:none; clear: none;} .site-header.style9 .logo-container .logo-infocard {left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .site-header.style9 .main-nav {float:none; text-align: center; /*position: relative;*/ } .site-header.style9 .main-nav > ul {display: inline-block; text-align: start; margin-top:8px; margin-bottom: 2px;} .site-header.style9 .main-nav > ul > li {padding-bottom: 0; } .site-header.style9 .main-nav > ul > li > a {color: #656565;} .site-header.style9 .main-nav > ul > li.menu-item-has-children > a:after {background-color: rgba(39, 39, 39, 0.4);} .site-header.style9 .main-nav > ul > li.active > a, .site-header.style9 .main-nav > ul > li > a:hover, .site-header.style9 .main-nav > ul > li:hover > a {color:#fff;} body .site-header.style9 .zn-res-menuwrapper {float: left; margin-top: 0; margin-left: 0; } body .site-header.style9 .zn-res-menuwrapper .zn-res-trigger:after{background: #575757; box-shadow: 0 8px 0 #575757, 0 16px 0 #575757;} body .site-header.style9 .zn-res-menuwrapper .zn-res-trigger {margin-top: 9px; margin-bottom: 9px; } /* Site header text colors (Light) */ .site-header.style9.sh--light .topnav:not(.social-icons) > li > a, .site-header.style9.sh--light .topnav.sc--clean > li > a, .site-header.style9.sh--light .topnav> li .kl-icon-white {color:#fff; } .site-header.style9.sh--light .topnav:not(.social-icons) > li > a:hover, .site-header.style9.sh--light .topnav.sc--clean > li > a:hover, .site-header.style9.sh--light .topnav > li a:hover .kl-icon-white {color:#fff; opacity:.9;} .site-header.style9.sh--light .main-nav > ul > li > a {color: #f5f5f5;} .site-header.style9.sh--light .main-nav > ul > li.menu-item-has-children > a:after {background-color: rgba(255, 255, 255, 0.5);} .site-header.style9.sh--light .kl-top-header {color: rgba(255, 255, 255, 0.7); } .site-header.style9.sh--light .separator {background: #FFF; opacity: 0.15; } .site-header.style9.sh--light .kl-cta-lined:hover { color: #111; background-color: #fff; } .site-header.style9.sh--light .header-search .searchsubmit {color: rgba(255, 255, 255, 0.4);} .site-header.style9.sh--light .header-search .kl-field-bg {background-color: rgba(255, 255, 255, 0.1); } .site-header.style9.sh--light .header-search .inputbox:focus {color: #E3E3E3;} .site-header.style9.sh--light .header-search .inputbox:hover ~ .kl-field-bg {background-color: rgba(255, 255, 255, 0.15);} .site-header.style9.sh--light .header-search .inputbox:focus ~ .kl-field-bg {background-color: rgba(255, 255, 255, 0.2);} body .site-header.style9.sh--light .zn-res-menuwrapper .zn-res-trigger:after{background: #eee; box-shadow: 0 8px 0 #eee, 0 16px 0 #eee;} /* Site header text colors (Dark) */ .site-header.style9.sh--dark .topnav:not(.social-icons) > li > a, .site-header.style9.sh--dark .topnav.sc--clean > li > a, .site-header.style9.sh--dark .topnav > li .kl-icon-white {color:#222;} .site-header.style9.sh--dark .kl-header-toptext a {color:rgba(0, 0, 0, 0.8);} .site-header.style9.sh--dark .topnav:not(.social-icons) > li > a:hover, .site-header.style9.sh--dark .topnav.sc--clean > li > a:hover, .site-header.style9.sh--dark .topnav > li a:hover .kl-icon-white {color:#111;} .site-header.style9.sh--dark .main-nav > ul > li > a {color: #252525;} .site-header.style9.sh--dark .main-nav > ul > li.active > a, .site-header.style9.sh--dark .main-nav > ul > li > a:hover, .site-header.style9.sh--dark .main-nav > ul > li:hover > a {color:#fff;} .site-header.style9.sh--dark .main-nav > ul > li.menu-item-has-children > a:after {background-color: rgba(0, 0, 0, 0.7);} .site-header.style9.sh--dark .kl-top-header {color: rgba(0, 0, 0, 0.7); } .site-header.style9.sh--dark .separator {background: #000; opacity: 0.15; } .site-header.style9.sh--dark .header-search .searchsubmit {color: rgba(0, 0, 0, 0.5);} .site-header.style9.sh--dark .header-search .kl-field-bg {background-color: rgba(0, 0, 0, 0.2); } .site-header.style9.sh--dark .header-search .inputbox:focus {color: #fff;} .site-header.style9.sh--dark .header-search .inputbox:hover ~ .kl-field-bg {background-color: rgba(0, 0, 0, 0.25);} .site-header.style9.sh--dark .header-search .inputbox:focus ~ .kl-field-bg {background-color: rgba(0, 0, 0, 0.3);} body .site-header.style9.sh--dark .zn-res-menuwrapper .zn-res-trigger:after{background: #252525; box-shadow: 0 8px 0 #252525, 0 16px 0 #252525;} /* Sticked state */ .header--is-sticked .site-header.style9 .logo-container, .header--is-sticked .site-header.style9 .site-logo {margin-top:0; margin-bottom: 0;} .header--is-sticked .site-header.style9, .header--is-sticked .site-header.style9 .site-logo a {min-height: 120px;} .header--is-sticked .site-header.style9.cta_button .ctabutton {margin-top: -6px; } /* Page subheader top padding after style8 header */ .site-header.style9 ~ .page-subheader:not(.site-subheader-cst) {min-height: 350px; } .site-header.style9 ~ .page-subheader:not(.site-subheader-cst) .ph-content-wrap {padding-top: 230px; } /* Safe padding for first elements right after the header */ .site-header.style9 ~ .zn_pb_wrapper > .zn_pb_el_container:first-child > .kl-slideshow .kl-slideshow-safepadding, .site-header.style9 ~ .zn_pb_wrapper > .kl-slideshow:first-child .kl-slideshow-safepadding {padding-top:160px;} @media (max-width: 480px) { .site-header.style9 .site-logo .logo-img {max-width: 200px !important; height: auto;} } /* 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:#CD2122;} /* 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; margin-top:5px; margin-left:20px;} .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 Icons Element */ .elm-social-icons {margin-left: 0; padding:0; display: inline-block; list-style: none;} .elm-social-icons li {display:inline-block; margin:5px; margin-left: 3px; margin-right: 3px;} .elm-social-icons .elm-sc-icon {display:inline-block; color:#fff; width: auto; height: auto; padding:30px; position:relative; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 14px; font-weight: normal; opacity: 1;} .elm-social-icons .elm-sc-icon:before {position: absolute;-webkit-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);-webkit-backface-visibility: hidden;top: 50%; left: 50%;} .elm-social-icons.sc--normal .elm-sc-icon { background-color: #111; } .elm-social-icons.sc--normal .elm-sc-icon:hover {background-color:#CD2122;} /* Colored social icons */ .elm-social-icons.sc--colored .elm-sc-icon {background-color:rgba(0,0,0,0.05);} .elm-social-icons.sc--colored .elm-sc-icon:hover {background-color:#111;} /* Colored social icons */ .elm-social-icons.sc--colored_hov .elm-sc-icon {background-color:#111;} .elm-social-icons.sc--colored_hov .elm-sc-icon:hover {background-color:rgba(0,0,0,0.05);} /* Social icons - clean style */ .elm-social-icons.sc--clean .elm-sc-icon {background:none !important; } .elm-social-icons.sc--clean .elm-sc-icon:hover {background:none !important; box-shadow: none; } /* Shape */ .elm-social-icons.sh--rounded .elm-sc-icon {border-radius: 3px;} .elm-social-icons.sh--circle .elm-sc-icon {border-radius: 50%;} .elm-social-icons.sh--special1 .elm-sc-icon:before {top: 75%; left: 75%;} /* 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; } /* used in several sliders */ .zn-shadow-lifted {box-shadow: 0 40px 20px -25px rgba(0, 0, 0, 0.25);} #page_wrapper {position: relative; overflow: hidden; z-index: 0;} /* 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;} /* Safepadding after the relative header */ .site-header--relative ~ .zn_pb_wrapper > .zn_pb_el_container:first-child > .kl-slideshow .kl-slideshow-safepadding, .site-header--relative ~ .zn_pb_wrapper > .kl-slideshow:first-child .kl-slideshow-safepadding {padding-top:50px;} } .site-content {position:relative; } .site-content {margin-top: 60px; } .site-header.site-header--absolute + .site-content {padding-top: 200px; margin-top:0; } @media screen and (max-width: 767px){ .site-header.site-header--absolute + .site-content {padding-top: 80px; } } .site-content .kl-slideshow {background: none transparent; clear: both; display: block; } /*#sparkles, .th-sparkles {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; display:none;}*/ #sparkles, .th-sparkles { display:none;} .th-sparkles-visible .th-sparkles {display: block;} .th-sparkles > span {display: block; width: 15px; height: 15px; position: absolute; background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fff), color-stop(60%,rgba(255,255,255,0))); background: -webkit-radial-gradient(center, ellipse, #fff 0%, rgba(255,255,255,0) 60%); background: radial-gradient(ellipse at center, #fff 0%,rgba(255,255,255,0) 60%);} .th-sparkles .shiny-spark1 { width:20px; height:20px; opacity:.4; } .th-sparkles .shiny-spark2 { width:10px; height:10px; opacity:.7; } .th-sparkles .shiny-spark3 { width:30px; height:30px; opacity:.1; } .th-sparkles .shiny-spark4 { width:3px; height:3px; opacity:.9; } .th-sparkles .shiny-spark5 { width:15px; height:15px; opacity:.3; } .th-sparkles .shiny-spark6 { width:25px; height:25px; opacity:.5; } /*** Page Subheader's defaults */ .page-subheader {min-height:300px;} .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;} .ph-content-wrap {padding-bottom: 50px} /* Page-subheader padding (default) */ .page-subheader:not(.site-subheader-cst) .ph-content-wrap {padding-top:170px;} /* Safe padding for Subheader */ .site-subheader-cst .ph-content-wrap {padding-top:170px;} /* Subheader coming after the relative header */ .site-header--relative ~ .page-subheader, .site-header--relative ~ .zn_pb_wrapper .page-subheader { min-height:100px; } .site-header--relative ~ .page-subheader .ph-content-wrap, .site-header--relative ~ .page-subheader:not(.site-subheader-cst) .ph-content-wrap, .site-header--relative ~ .zn_pb_wrapper .page-subheader .ph-content-wrap, .site-header--relative ~ .zn_pb_wrapper .page-subheader:not(.site-subheader-cst) .ph-content-wrap {padding-top:50px;} /*.ph-content-v-center {display: table; width: 100%; height: 100%; } .ph-content-v-center > div {display: table-cell; vertical-align: middle; }*/ /* 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: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,0.5) 100%); } .page-subheader, .kl-slideshow {position: relative; top: 0; z-index: 0; width:100%;} .page-subheader.nobg, .kl-slideshow.nobg {background:none;} .page-subheader.hasMargin, .kl-slideshow.hasMargin {margin-bottom:40px;} .page-subheader .row {margin-bottom:0;} .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;} /* Breadcrumbs */ .breadcrumbs {margin: 0 0 10px; padding:9px 10px 7px; list-style:none; background:rgba(0, 0, 0, 0.8); float: left; border-radius: 2px;} .breadcrumbs li {float:left; color:#eee; line-height:1.5; font-size:13px; font-weight:600; position:relative; text-transform: uppercase;} .breadcrumbs li:first-child { padding-left:0; background:none; margin-left:0;} .breadcrumbs li a {color:#fff;} .breadcrumbs li:after{ border: 4px solid transparent; content: ''; height: 0; width: 0; pointer-events: none; display: inline-block; border-left-color: rgba(255, 255, 255, 1); margin: 0 5px 0 10px;} .breadcrumbs li:last-child:after{display:none;} /* Header titles */ .subheader-titles {text-align:right; margin-top: -7px;} .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;} .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;} /* page preloader */ #page-loading { background-color: #fff; position: fixed; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 999999; } #page-loading:after { position: absolute; content: ' '; width: 42px; height: 42px; left: 50%; top: 50%; margin: -21px 0 0 -21px; border: 2px solid #ff2021; border-radius: 30px; opacity: 0; -webkit-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes pulsate { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .kl-slideshow ul {list-style:none; margin:0; padding:0;} /* static content in kl-slideshow */ #kl-slideshow .bg-wrapper-image {width:100%; height:100%; min-height:500px; background:url(../images/sliders/static/bg1.jpg) no-repeat center center;background-size: cover;} #kl-slideshow #bottom_mask {position:absolute; bottom:0; left:0; width:100%; height:27px; z-index:99; background:url(../images/bottom_mask.png) no-repeat center top;} #kl-slideshow #bottom_mask.mask2 {height:33px; background:url(../images/bottom_mask2.png) no-repeat center top;} .kl-slideshow .bg-wrapper-png {width:100%; height:100%; min-height:500px; background:url(../images/sliders/static/rayoflight.png) no-repeat center center;} /*** Special Bottom masks */ .kl-bottommask {z-index: 1;} .fake-loading ~ .kl-bottommask {z-index: 2;} .kl-mask--light .bmask-bgfill {fill:#F5F5F5;} .kl-mask--dark .bmask-bgfill {fill:#1A1A1A; -webkit-filter: none; filter: none;} /* 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: 2; border-bottom:6px solid #FFFFFF; box-sizing: content-box; background: -webkit-gradient(50% 100%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0,0,0,.3), transparent 70%); background: radial-gradient(ellipse at 50% 100%,rgba(0,0,0,0.3) 0, transparent 70%); background: -webkit-radial-gradient( 50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%); } .kl-bottommask--shadow:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;} /* Shadow up & down mask */ .maskcontainer--shadow_ud {border-bottom: 0 !important;} .kl-bottommask--shadow_ud {position:absolute; bottom:0; left:0; width:100%; height:12px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 2; border-bottom:6px solid #FFFFFF; background: -webkit-gradient(50% 100%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0,0,0,.3), transparent 70%); background: radial-gradient(ellipse at 50% 100%,rgba(0,0,0,0.3) 0, transparent 70%); background: -webkit-radial-gradient( 50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%); } .kl-bottommask--shadow_ud:after {content:''; position:absolute; bottom:-17px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;} .kl-bottommask--shadow_ud:before {content:''; position:absolute; bottom:-16px; left:0; width:100%; height:10px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; background: -webkit-gradient(50% 0%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(50% 0%, ellipse, rgba(0,0,0,.3), transparent 70%); background: radial-gradient(ellipse at 50% 0%,rgba(0,0,0,0.3) 0, transparent 70%); background: -webkit-radial-gradient( 50% 0%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%);} .kl-mask--dark.kl-bottommask--shadow_ud, .kl-mask--dark.kl-bottommask--shadow { border-bottom-color: #1F1F1F;} .kl-mask--dark.kl-bottommask--shadow_ud:after, .kl-mask--dark.kl-bottommask--shadow:after {border-top-color:#1F1F1F;} /* Mask 1 */ .maskcontainer--mask1 {border-bottom: 0 !important; padding-bottom: 30px;} .kl-bottommask--mask1 {position:absolute; bottom:0; left:0; width:100%; height:27px; z-index:99; background:url(../images/bottom_mask.png) no-repeat center top;} /* Mask 2 */ .maskcontainer--mask2 {border-bottom: 0 !important; padding-bottom: 40px;} .kl-bottommask--mask2 {position:absolute; bottom:0; left:0; width:100%; z-index:99; height:33px; background:url(../images/bottom_mask2.png) no-repeat center top;} /* Mask 3 */ .maskcontainer--mask3 {border-bottom: 0 !important; padding-bottom: 35px;} .kl-bottommask--mask3 { position: absolute; bottom: 0; left: 0; width: 100%; height: 57px;} .kl-bottommask--mask3 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); margin-bottom: -15px;} .kl-bottommask--mask3 .glyphicon {position: absolute; bottom: 5px; left: 50%; display: block; width: 30px; text-align: center; font-size: 22px; opacity: 0.2; height: 15px; top: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: 1px;} .kl-mask--dark.kl-bottommask--mask3 .glyphicon {opacity:.5;} /* Mask 4 */ .maskcontainer--mask4 {border-bottom: 0 !important; padding-bottom: 40px;} .kl-bottommask--mask4 { position: absolute; bottom: 0; left: 0; width: 100%; height: 27px;} .kl-bottommask--mask4 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} /* Mask 3 and 4, left or right aligned */ @media (min-width: 1200px) { .kl-bottommask--mask3 .svgmask-right, .kl-bottommask--mask3 .svgmask-right + .glyphicon, .kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 510px) ); -ms-transform:translateX( calc(-50% + 510px) ); transform: translateX( calc(-50% + 510px) );} .kl-bottommask--mask3 .svgmask-left, .kl-bottommask--mask3 .svgmask-left + .glyphicon, .kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 510px) ); -ms-transform:translateX( calc(-50% - 510px) ); transform: translateX( calc(-50% - 510px) );} } @media (min-width: 992px) and (max-width: 1199px) { .kl-bottommask--mask3 .svgmask-right, .kl-bottommask--mask3 .svgmask-right + .glyphicon, .kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 410px) ); -ms-transform:translateX( calc(-50% + 410px) ); transform: translateX( calc(-50% + 410px) );} .kl-bottommask--mask3 .svgmask-left, .kl-bottommask--mask3 .svgmask-left + .glyphicon, .kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 410px) ); -ms-transform:translateX( calc(-50% - 410px) ); transform: translateX( calc(-50% - 410px) );} } @media (min-width: 768px) and (max-width: 991px) { .kl-bottommask--mask3 .svgmask-right, .kl-bottommask--mask3 .svgmask-right + .glyphicon, .kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 300px) ); -ms-transform:translateX( calc(-50% + 300px) ); transform: translateX( calc(-50% + 300px) );} .kl-bottommask--mask3 .svgmask-left, .kl-bottommask--mask3 .svgmask-left + .glyphicon, .kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 300px) ); -ms-transform:translateX( calc(-50% - 300px) ); transform: translateX( calc(-50% - 300px) );} } @media (max-width: 767px) { .kl-bottommask--mask3 .svgmask-right, .kl-bottommask--mask3 .svgmask-right + .glyphicon, .kl-bottommask--mask4 .svgmask-right, .kl-bottommask--mask3 .svgmask-left, .kl-bottommask--mask3 .svgmask-left + .glyphicon, .kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform: translateX(-50%);} } /* Mask 5 */ .maskcontainer--mask5 {border-bottom: 0 !important; padding-bottom: 75px;} .kl-bottommask--mask5 { position: absolute; bottom: 0; left: 0; width: 100%; height: 64px;} .kl-bottommask--mask5 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} .kl-bottommask--mask5 .bmask-customfill {-webkit-transform: translateY(-1px);-ms-transform: translateY(-1px);transform: translateY(-1px);} /* Hack for safari only to hide shadow */ .is-safari .svgmask .bmask-bgfill, .is-safari .kl-bottommask--mask3 .bmask-bgfill, .is-safari .kl-bottommask--mask4 .bmask-bgfill { -webkit-filter:none; filter: none;} /* Mask 6 */ .maskcontainer--mask6 {border-bottom: 0 !important; padding-bottom: 70px;} .kl-bottommask--mask6 { position: absolute; bottom: 0; left: 0; width: 100%; height: 57px;} .kl-bottommask--mask6 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} /* Static content with mask, do things a bit differently */ .static-content__slideshow[class*="maskcontainer--"] {padding-bottom: 0;} .static-content__slideshow[class*="maskcontainer--"] .kl-slideshow-inner {padding-bottom: 60px} /* Same goes for portfolio slider */ .portfolio-slider__sideshow[class*="maskcontainer--"] {padding-bottom: 0;} /* Same goes for fancy slider */ /*.fancyslider__slideshow[class*="maskcontainer--"] .kl-slideshow-inner {padding-bottom: 60px}*/ /* Same goes for revolution slider */ .kl-revolution-slider[class*="maskcontainer--"] {padding-bottom: 0;} /* 3D Cute slider def. padding */ .cute3dslider .kl-slideshow-inner {padding-top:170px; padding-bottom: 50px;} /*.br-circle-timer .br-timer-dot {-webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}*/ /* Counter */ .ud_counter{margin:0 0 50px;} .ud_counter ul{display:inline-block;margin:0;padding:0;list-style:none} .ud_counter ul li{display:inline-block; margin:0 20px 15px 0; font-size:28px; font-weight:700; padding:15px 0; width:70px; text-align:center; background:rgba(0,0,0,0.2); border-radius:2px;} .ud_counter ul li span{display:block;font-size:13px; margin-top: 17px; line-height: 1;} .ud_counter ul li.till_lauch {height: 80px; width:80px; padding:0; vertical-align:top;} #mail_when_ready {float:left; margin: 0;} #mail_when_ready input[type=submit] {vertical-align:top;} /* Caroufredsel Default */ .cfs--default {margin: 0; position: relative; zoom: 1;} .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; } /* Mod Title */ .m_title {margin-top:0; color:#CD2122; /*text-transform: uppercase;*/} /* uppercase disabled, manually uppercase text */ h3.m_title {font-size:18px; line-height: 1.4;} .smallm_title {color:#CD2122; text-shadow:0 1px 0 #fff; 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:#CD2122; 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;} /* Textbox */ .zn_text_box {/*padding-bottom: 20px;*/} .zn_text_box-title--style1 {font-size: 16px; color:#CD2122; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);} .zn_text_box-title--style2 {font-size: 22px; color:#535353; font-weight: normal; margin-top: 0;} /* Circle Title text box */ .circle-text-box .circle-headline { } .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: #cd2122; 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: #cd2122;} .circletitlebox--dark .wpk-circle-title {border-bottom-color:rgba(255,255,255,0.3);} .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: #CD2122; 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: #cd2122; 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; } /* page title */ .page-title, .subtitle {line-height:1.4; margin-bottom: 25px; padding-bottom: 25px;} .page-title {font-size:26px; margin-top: 0;} .subtitle {font-size:36px; font-weight:300;} .kl-skin--light .page-title, .kl-skin--light .subtitle {border-bottom:1px solid #cbcbcb;} .kl-skin--light .page-title {color:#050505;} .kl-skin--light .subtitle {color:#595959;} .kl-skin--dark .page-title, .kl-skin--dark .subtitle {border-bottom:1px solid rgba(255, 255, 255, 0.1);} .kl-skin--dark .page-title {color:#DEDEDE;} .kl-skin--dark .subtitle {color:#989898;} /* support panel */ .support_panel {background:#eee; height:auto; max-height:0; -webkit-transition:max-height .2s ease-out; transition:max-height .2s ease-out; position:relative; overflow:hidden; z-index: 1; box-shadow:0 0 15px rgba(0, 0, 0, 0.4) inset; } .support_panel.is-opened { margin-top:0; /*height:auto;*/ max-height:1000px; -webkit-transition: max-height .4s ease-out; transition: max-height .4s ease-out;} .support_panel .container {padding:15px 0; } .support_panel .widget {margin-bottom:0; margin-left: 15px; margin-right: 15px;} #open_sliding_panel .glyphicon-remove-circle, #open_sliding_panel.active .glyphicon-info-sign {display: none !important;} #open_sliding_panel.active .glyphicon-remove-circle {display: inline-block !important;} #close_sliding_panel {display: block; width: 14px; height: 14px; position: absolute; right: 14px; top: 0; background: #CCC; padding: 40px 10px 10px 10px;} #close_sliding_panel:hover {background:#ddd;} .how_to_shop > .row {font-size:14px; margin-bottom: 20px;} .how_to_shop > p {font-size:13px; margin-top:15px;} .how_to_shop .number {display:inline-block; width:28px; height:28px; line-height:28px; font-size:16px; color:#fff; background:#CD2122;text-align: center; margin-right: 10px; font-weight: 900; border-radius:50%;margin-bottom: 5px;} /** Login Register stuff */ .login-panel, .register-panel, .forgot-panel { padding: 50px;} .loginbox-popup .m_title {font-size: 16px; font-weight: 400; color: #4a4a4a; margin-bottom: 20px; line-height: 1.9; text-shadow: none; } .loginbox-popup input[type=submit] {border:0; vertical-align: top; } .loginbox-popup input[type=submit], .login-panel .login_facebook {display: inline-block; font-size: 14px; } .loginbox-popup input[type=submit] {margin-right: 0; } .login-panel .create_account {margin-right: 8px; background: none !important; } .login-panel .create_account + .sep {margin-right: 8px; border-left: 1px solid #ccc;} .login-panel .login_facebook {background:#3b5998; margin-right:30px;} .loginbox-popup .links a {font-size:11px; font-weight:400; color:#898989; } .loginbox-popup .links a:hover {color:#585858; } .loginbox-popup .links {margin-top:20px; color: #4A4A4A; font-size: 10px; font-weight: 600; } .zn_remember {margin: 0 0 20px; display: block; font-weight: 300; text-transform: uppercase; font-size: 11px; text-shadow: none; } .zn_remember input {margin:0; } .loginbox-popup input.zn_blocked {opacity:0.5; } .mfp-bg.mfp-fade.mfp-bg-lighter {background:#000;} .mfp-bg.mfp-fade.mfp-bg-lighter.mfp-ready {opacity:.75;} .loginbox-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;} /* Other form states */ .zn_form_login .zn_blocked {background-color: #ababab !important; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; opacity: .5; pointer-events: none; outline: none; } .zn-notification, .zn_form_login-result .woocommerce-error, .zn_form_login-result .woocommerce-message {margin-bottom: 10px; padding: 10px; border-radius: 3px; font-size: 13px; } .zn-notification--error, .zn_form_login-result .woocommerce-error {border: 1px solid rgba(101, 34, 34, 0.3); background-color: #FFF2F2; color: #861919; } .zn-notification--success, .zn_form_login-result .woocommerce-message { border: 1px solid rgba(32, 83, 109, 0.3); background-color: #F2FAFF; color: #195A86;} .zn-notification a {text-decoration:underline;} /* Invalid empty field in registration form */ .form-group.fg-input-invalid label:before {content: "\e101";display: inline-block; position: relative; top: 1px; 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: 12px; margin-right: 10px; color: #f00; opacity: .8;} /* Login & register popup / dark version */ .kl-skin--dark .loginbox-popup {border-color: #000; background: #0B0A0A;} .kl-skin--dark .loginbox-popup .m_title {color: #B5B5B5;} .kl-skin--dark .loginbox-popup .links a {color:#767676; } .kl-skin--dark .loginbox-popup .links a:hover {color:#A7A7A7; } .kl-skin--dark .loginbox-popup .links {color: #B5B5B5;} .kl-skin--dark .login-panel .create_account + .sep {border-left-color:#333333;} /** Scroll to top button **/ #totop {height:9px; opacity:0; position:fixed; right:-60px; width:49px; z-index:999; 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); } .on--totop #totop { right:10px; opacity:0.7; } #totop:hover { 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:#CD2122; clear: both; } .actionbox--dark {color:#000; border-top:2px solid #111; border-bottom:1px solid #111; } .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 } .actionbox--dark .ac-subtitle { color: rgba(0, 0, 0, 0.6); } .action_box .ac-btn { margin-left: 5px; margin-right:5px;} .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:#CD2122;} .action_box:after { border-top-color:rgba(0,0,0,0.2); } .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: #CD2122; position: relative; padding: 35px; border-radius: 6px; z-index: 1;} .style3 .action_box_inner:before {position: absolute; content: ''; background-color: #CD2122; 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: #CD2122; 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: 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 { 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; } .action_box.style3 {margin-top:40px;} } @media (max-width: 991px) { .action_box .ac-btn { margin-top:10px; } } /* Site Content */ .hoverBorder {position:relative; display:inline-block; margin-bottom: 25px;} .hoverBorder:hover img { border-radius:2px; opacity:0.8; } .hoverBorderWrapper {position:relative; display:inline-block; width:100%;} .hoverBorderWrapper img {max-width:100%; box-sizing: border-box; border-radius: 3px; width: 100%;} @media screen and (max-width: 767px) { .hoverBorderWrapper img {margin-left: auto; margin-right: auto;} } .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 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; border-radius: 2px;} .image-boxes .hoverBorder {margin-bottom:20px;} .image-boxes .theHoverBorder {box-shadow: none} .image-boxes .box {margin-bottom:20px;} .image-boxes img {width:100%; height:auto; } /* Style 1 */ .imgboxes_style1 {overflow:visible;} .imgboxes_style1 .hoverBorder h6 {position:absolute; left: -10px; bottom:20px; color:#fff; padding:11px 15px; background:#CD2122; 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)} /*Style2*/ .image-boxes.zn_ib_style2 .hoverBorder {margin-bottom:0; } /*Style3*/ .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;} .imgboxes_style4 .imgboxes-wrapper:not(:only-child) {margin-bottom: 20px;} .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: -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: 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: #CD2122; 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;} .imgboxes_style4:hover .imgbox_image {opacity:.8} /* 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; top:0; bottom:0; right:0; border-bottom: solid 5px #cd2122; -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 #cd2122;} .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;} /* tabs style 1 */ .tab-content>.tab-pane {display: block !important; visibility: hidden; height: 0; overflow: hidden; } .tab-content>.tab-pane.active { visibility: visible; height: auto; } .tabs_style1 {background:#fff; border:1px solid #ececec;} .tabs_style1 > ul.nav {margin-bottom:0; background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#F9F9F9)); background: -webkit-linear-gradient(top, #fff 0%, #F9F9F9 100%); background: linear-gradient(to bottom, #fff 0%,#F9F9F9 100%); 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, .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; } .tabs_style1 .tab-content>.active{ padding-top: 10px;} /* Dark tabs style1 */ .tabs_style1.tabs--dark {background:#000; border-color: #131313;} .tabs_style1.tabs--dark > ul.nav {background: #000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#060606)); background: -webkit-linear-gradient(top, #000 0%, #060606 100%); background: linear-gradient(to bottom, #000 0%,#060606 100%); border-bottom-color:#131313;} .tabs_style1.tabs--dark > ul.nav > li > a {border-right-color:#131313; color:#CBCBCB;} .tabs_style1.tabs--dark > ul.nav > li.active > a, .tabs_style1.tabs--dark > ul.nav > li > a:hover {background-color:#000;} /* 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;} /* Dark tabs style2 */ .tabs_style2.tabs--dark > ul.nav > li {border-left-color:#333333; } .tabs_style2.tabs--dark > ul.nav > li > a {color:#AAAAAA;} .tabs_style2.tabs--dark > ul.nav > li.active > a, .tabs_style2.tabs--dark > ul.nav > li > a:hover {color:#DDDDDD;} /* 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: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#F9F9F9)); background: -webkit-linear-gradient(top, #fff 0%,#F9F9F9 100%); background: linear-gradient(to bottom, #fff 0%,#F9F9F9 100%);} .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;} /* Dark tabs style3 */ .tabs_style3.tabs--dark {background:#000; border-color:#131313;} .tabs_style3.tabs--dark > ul.nav {background: #000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#060606)); background: -webkit-linear-gradient(top, #000 0%,#060606 100%); background: linear-gradient(to bottom, #000 0%,#060606 100%);} .tabs_style3.tabs--dark > ul.nav > li > a {border-color: transparent; border-left-color: #000; border-right-color:#131313; color:#CBCBCB;} .tabs_style3.tabs--dark > ul.nav > li.active > a, .tabs_style3.tabs--dark > ul.nav > li > a:hover {background-color:#000;} /* 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; } /* Dark tabs style4 */ .tabs_style4.tabs--dark > ul.nav > li > a {color:#CBCBCB;} .tabs_style4.tabs--dark > ul.nav > li.active > a, .tabs_style4.tabs--dark > ul.nav > li > a:hover {color:#DDDDDD; background-color:#111111;} .tabs_style4.tabs--dark > ul.nav > li.active > a { background:#000; border-color:#131313; border-bottom:0; } .tabs_style4.tabs--dark .tab-content {border-color:#131313; background:#000; } /* 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 #cd2122; 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;} /* Dark tabs style5 */ .tabs_style5.tabs--dark > ul.nav {border-bottom-color: #202020;} .tabs_style5.tabs--dark > ul.nav li > a { color: #6F6F6F;} .tabs_style5.tabs--dark > ul.nav li > a:hover { color: #ACACAC;} .tabs_style5.tabs--dark > ul.nav > li.active > a { color: #ACACAC;} .tabs_style5.tabs--dark .tab-content h5 { color: #B2B2B2; } /* Centered Tabs */ ul.nav.nav-alignment--center {text-align: center;} ul.nav.nav-alignment--center > li {float:none !important; display: inline-block;} /* Style5 tweak */ .tabs_style5 > ul.nav.nav-alignment--center > li:first-child > a { padding-left:20px;} /* Right aligned Tabs */ ul.nav.nav-alignment--right {text-align: right;} ul.nav.nav-alignment--right > li {float:none !important; display: inline-block;} /* Style5 tweak */ .tabs_style5 > ul.nav.nav-alignment--right > li:first-child > a { padding-left:20px;} .tabs_style5 > ul.nav.nav-alignment--right > li:last-child > a { padding-right:0;} @media (max-width: 600px) { .tabbable > ul.nav > li { float: none; display: block; } .tabbable > ul.nav > li > a { padding: 12px 20px !important; } } /* partners carousel */ .partners_carousel h5.title {font-weight:500; margin-top:0; } .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;} .prtc--dark .partners_carousel li a {border:4px solid #060606; background: #000;} .prtc--dark .partners_carousel li a:hover { background:#060606; border:4px solid #111;} .partners_carousel li a:hover img { opacity:1; } .partners_carousel .controls > a {opacity:0.5; } .partners_carousel .controls > a:hover {opacity:1; } .infobox1 {text-align:center; background:#ececec; border-bottom:1px solid rgba(255,255,255,0.9); padding: 50px 30px 30px 30px; border-radius:3px; margin-bottom: 30px;} .infobox1 .m_title { margin: 0 0 10px; font-weight: 300; font-size: 24px; line-height: 1.6;} .infobox1 .m_title strong { font-weight:600; } .infobox1:hover {background:#e9e9e9;} .infobox2 {background:#ececec; border-bottom:1px solid rgba(255,255,255,0.9); padding: 40px 40px 30px; border-radius:2px; margin-bottom: 30px;} .infobox2 .m_title { margin: 0 0 10px; font-weight: 300; font-size: 24px; line-height: 1.6;} .infobox2 .m_title strong { font-weight:600; } .infobox2 .ib-button {float:right; margin-top: 5px; text-align: right;} .infobox2 .ib-button .btn { font-size: 14px; } .infobox2:hover {background:#e9e9e9;} .infobox3 {text-align:center; padding: 80px 30px; margin-bottom: 30px;} .infobox3 .m_title { margin: 0 0 10px; font-weight: 300; font-size: 24px; line-height: 1.6; text-shadow:none;} .infobox3 .m_title strong { font-weight:600; } .infobox3 .ib-button.ib-button-1, .infobox3 .ib-button.ib-button-2 {margin-top: 30px; display:inline-block; text-transform: uppercase; } .infobox3 .ib-button.ib-button-1 { margin-right: 20px; } .infobox3--dark, .infobox3--dark .m_title {color:#343434;} .infobox3--light, .infobox3--light .m_title {color:#FFF;} /* 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;} .infobox2--light.info-text {color:#121212;} .infobox2--dark.info-text {color:#fff; box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.15);} .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 #fff; color: #fff; opacity:.5; text-align: center;line-height: 82px;border-radius: 50%;font-weight: bold;font-size: 44px;} .infobox2--light.info-text:after {color: #121212; border-color: #121212;} .infobox2--dark.info-text:after {color: #fff; border-color: #fff;} /* info box style 2 */ .ib2-custom .ib2-inner { padding: 40px; position: relative; z-index: 1; } .ib2-inner { border-left: 4px solid #cd2122; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .ib2-info-message { font-size: 13px; font-weight: bold; margin: 0 0 20px 42px; padding: 0 20px 5px 0; display: inline-block; position: relative; } .ib2-info-message:before { content: 'i'; position:absolute; left: -42px; top: -5px; width: 32px; height: 32px; line-height: 30px; text-align: center; border-width: 2px; border-style: solid; color: #CD2122; border-radius: 50%; font-size: 17px; font-weight: 900; } .infobox2--light .ib2-info-message{ border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .infobox2--dark .ib2-info-message { border-bottom: 1px solid rgba(241, 241, 241, 0.35); } .ib2-content--title { font-size: 22px; font-weight: 100; line-height: 1.4; margin: 0 0 10px; } .ib2-content--text { line-height: 1.8; } .ib2-content--text p:last-child { margin-bottom: 0; } .infobox2--light .ib2-content--title { color: #828282; } .infobox2--light .ib2-content--text { color: #535353; } .ib2-style2.infobox2--light { background:#fff; } .ib2-style2.infobox2--dark { background:#000; } .ib2-style2.infobox2--light .ib2-info-message { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ib2-style2.infobox2--dark .ib2-info-message { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .ib2-style2.infobox2--light .ib2-info-message:before { border-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); } .ib2-style2.infobox2--dark .ib2-info-message:before { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.2); } .ib2-style2.infobox2--light .ib2-content--title { color: #111; } .ib2-style2.infobox2--light .ib2-content--text { color: rgba(0, 0, 0, 0.6); } .ib2-style2.infobox2--dark .ib2-content--title { color: #fff; } .ib2-style2.infobox2--dark .ib2-content--text { color: rgba(255, 255, 255, 0.6); } .ib2-style3 { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .ib2-style3:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; } .ib2-style3.infobox2--light:after { background-color: rgba(255, 255, 255, 0.85); } .ib2-style3.infobox2--dark:after { background-color: rgba(37, 41, 43, 0.7); } .feature_box .box {margin-bottom:15px} .feature_box .title {font-size: 14px; font-weight: 700; color: #CD2122; vertical-align: middle;} .feature_box .box .title + p {min-height: 0; } .feature_box.default_style .title > img {margin-right: 10px;} .feature_box span.icon ~ p {overflow: hidden; } .feature_box.style2 .box {min-height:0} .feature_box.style2 span.icon {margin-right: 14px; display:inline-block; padding: 8px;background: #646464;float: left; border-radius: 50%;} .feature_box.style2 span.icon img {vertical-align:middle;} .feature_box.style3 .box {min-height:90px; padding:10px; text-align:center; position:relative;} .feature_box.style3 .box .title {margin-bottom:25px;} .feature_box.style3 span.icon {display:inline-block; margin-bottom:20px; width:32px; height:32px;} .feature_box.style3 .box:hover {background:#CD2122; color:#fff;} .feature_box.style3 .box:hover .title {margin-bottom:25px; color:#fff; text-shadow:none;} .feature_box.style3 .box:hover:after {content:''; position:absolute; top:0; left:0; height:2px; width:100%; background:#fff;} .feature_box.style3 .box:hover:before {content:''; position:absolute; top:2px; left:50%; margin-left:-2px; border:4px solid transparent; border-top-color:#fff;} .feature_box.style3 .box:hover span.icon {background-position:center bottom;} .feature_boxes .feature_box[class*="span"] {margin-left: 20px; } /* Services Boxes */ .services_box--classic .services_box__inner {margin-bottom:30px} .services_box--classic .services_box__content {overflow: hidden;} .services_box--classic .services_box__title {font-size: 16px; font-weight: 700; line-height: 1.6; color: #CD2122; margin: 15px 0; vertical-align: middle;} .services_box--classic .services_box__icon {float:left; width:80px; line-height: 80px; color:#fff; background:#646464; text-align:center; margin-right:20px; vertical-align:middle; border-radius:50%; height: 80px; -webkit-transition:background .15s ease-out; transition:background .15s ease-out; position: relative;} .services_box--classic:hover .services_box__icon {background:#CD2122;} .services_box--classic .services_box__list { list-style:none; margin:0; padding:0; } .services_box--classic .services_box__list .glyphicon { font-size:7px; margin-right:10px; color:#868686; top:0; vertical-align: middle; -webkit-transition:color .15s; transition:color .15s;} .services_box--classic .services_box__list li:hover .glyphicon { color:#454545;} .services_box--classic .services_box__list-text { vertical-align: middle;} /* image */ .services_box--classic .services_box__iconimg {max-width: 70px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out;} .services_box--classic .services_box__iconimg-hover {opacity:0;} .services_box--classic:hover .sb--hashover .services_box__iconimg-main {opacity:0;} .services_box--classic:hover .services_box__iconimg-hover {opacity:1; } /* icon */ .services_box--classic .services_box__fonticon {color: #fff; font-size: 22px; line-height: 80px; -webkit-transition: color .2s ease-out .1s; transition: color .2s ease-out .1s; } .services_box--classic:hover .services_box__fonticon {color:#fff; } /* Modern Services Boxes */ .services_box--modern .services_box__inner {margin-bottom:30px;position: relative;} .services_box--modern .services_box__title {font-size: 22px; font-weight: 600; line-height: 1.3; color: #424242; margin: 15px 0; vertical-align: middle;} .services_box--modern .services_box__icon { float:left; width:80px; line-height: 80px; box-shadow:inset 0 0 0 2px #cd2122; text-align:center; margin-right:20px; vertical-align:middle; border-radius:50%; height: 80px; -webkit-transition:all .15s ease-out; transition:all .15s ease-out;} .services_box--modern:hover .services_box__icon {box-shadow:inset 0 0 0 40px #cd2122;} .services_box--modern .services_box__icon-inner {position: relative;height: 100%;} .services_box--modern .services_box__icon:after {content:''; position:absolute; top:80px; left:40px; height: calc(100% - 60px); width:1px; background-color: rgba(0, 0, 0, 0.07);} .servicebox-sch--dark.services_box--modern .services_box__icon:after {background-color: rgba(255, 255, 255, 0.07);} /* image */ .services_box--modern .services_box__iconimg {max-width: 70px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition:opacity .15s ease-out;} .services_box--modern .services_box__iconimg-hover {opacity:0; -webkit-transform: translateX(-50%) translateY(-50%) scale(0); -ms-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); -webkit-transition:all .15s ease-out; transition:all .15s ease-out} .services_box--modern:hover .sb--hashover .services_box__iconimg-main {opacity:0;} .services_box--modern:hover .services_box__iconimg-hover {opacity:1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);} /* icon */ .services_box--modern .services_box__fonticon {color: #cd2122; font-size: 22px; line-height: 80px; -webkit-transition: color .2s ease-out .1s; transition: color .2s ease-out .1s; } .services_box--modern:hover .services_box__fonticon {color:#fff; } /* list */ .services_box--modern .services_box__list { list-style:none; margin:0; padding:0; } .services_box--modern .services_box__list li {position: relative;} .services_box--modern .services_box__list li:before {content:''; width: 5px; height: 5px; position: absolute; left: 38px; top: 9px; border-radius: 50%; display: block;background-color: #fff;box-shadow: 0 0 0 2px #cd2122; -webkit-transition:all .15s; transition:all .15s} .servicebox-sch--dark.services_box--modern .services_box__list li:before {background-color: #000;} .services_box--modern .services_box__list li:hover:before {box-shadow: 0 0 0 3px #cd2122;} .services_box--modern .services_box__list-text { vertical-align: middle;} .services_box--modern.sb--hasicon .services_box__title {margin-left:100px;} .services_box--modern.sb--hasicon .services_box__desc { margin-left:100px;} .services_box--modern.sb--hasicon .services_box__list li {padding-left: 100px;} /* Boxed Services Boxes */ .services_box--boxed {padding: 30px; background:#eee; margin: 0; position:relative; margin-bottom: 30px; border-radius:5px; position: relative;} .servicebox-sch--dark.services_box--boxed {background: #121212;} .services_box--boxed:hover {z-index: 2; } .services_box--boxed .services_box__inner {position: relative;} .services_box--boxed .services_box__title {font-size: 22px; font-weight: 600; line-height: 1.3; color: #424242; margin: 15px 0; vertical-align: middle;z-index: 2;position: relative;} .services_box--boxed .services_box__desc {z-index: 2;position: relative;} .services_box--boxed .services_box__icon { max-height:80px; position: relative; z-index: 2; min-height: 50px;} /* image */ .services_box--boxed .services_box__iconimg {-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;} .services_box--boxed .services_box__iconimg-hover { position: absolute; left:0; top:0; opacity:0; } .services_box--boxed:hover .sb--hashover .services_box__iconimg-main {opacity:0; } .services_box--boxed:hover .services_box__iconimg-hover {opacity:1} /* icon */ .services_box--boxed .services_box__fonticon {color: #cd2122; font-size: 22px; -webkit-transition: color .2s ease-out .1s; transition: color .2s ease-out .1s; } .services_box--boxed:hover .services_box__fonticon {color:#454545; } .servicebox-sch--dark.services_box--boxed:hover .services_box__fonticon {color:#cecece; } /* list */ .services_box--boxed .services_box__list-wrapper {position: absolute; width: 100%;top: -30px;opacity: 0;visibility: hidden; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .services_box--boxed:hover .services_box__list-wrapper {opacity: 1;visibility: visible;} .services_box--boxed .services_box__list-bg {position: absolute; width: calc(100% + 60px); height: calc(100% + 30px); background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.2); z-index: 1; opacity:1;left: -30px;border-radius: 5px;} .servicebox-sch--dark.services_box--boxed .services_box__list-bg {background: #000;} .services_box--boxed .services_box__list { list-style:none; margin:0; padding:0; padding-top: 200px; z-index: 1; position: relative;} .services_box--boxed .services_box__list li {position: relative; line-height: 26px; padding: 10px 0; border-top: 1px solid #eee; color: #CD2122; opacity:0;visibility: hidden; -webkit-transition:all .25s ease-out; transition:all .25s ease-out;} .servicebox-sch--dark.services_box--boxed .services_box__list li {border-top-color: #222; } .services_box--boxed .services_box__list li:nth-child(1) { -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px); -webkit-transition-delay:0.025s; transition-delay:0.025s; } .services_box--boxed .services_box__list li:nth-child(2) { -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px); -webkit-transition-delay:0.05s; transition-delay:0.05s; } .services_box--boxed .services_box__list li:nth-child(3) { -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); -webkit-transition-delay:0.075s; transition-delay:0.075s; } .services_box--boxed .services_box__list li:nth-child(4) { -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transform:translateY(40px); -webkit-transition-delay:0.1s; transition-delay:0.1s; } .services_box--boxed .services_box__list li:nth-child(5) { -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); -webkit-transition-delay:0.125s; transition-delay:0.125s; } .services_box--boxed .services_box__list li:nth-child(6) { -webkit-transform:translateY(60px); -ms-transform:translateY(60px); transform:translateY(60px); -webkit-transition-delay:0.15s; transition-delay:0.15s; } .services_box--boxed .services_box__list li:nth-child(7) { -webkit-transform:translateY(70px); -ms-transform:translateY(70px); transform:translateY(70px); -webkit-transition-delay:0.175s; transition-delay:0.175s; } .services_box--boxed .services_box__list li:nth-child(8) { -webkit-transform:translateY(80px); -ms-transform:translateY(80px); transform:translateY(80px); -webkit-transition-delay:0.2s; transition-delay:0.2s; } .services_box--boxed .services_box__list li:nth-child(9) { -webkit-transform:translateY(90px); -ms-transform:translateY(90px); transform:translateY(90px); -webkit-transition-delay:0.225s; transition-delay:0.225s; } .services_box--boxed .services_box__list li:nth-child(10) { -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); -webkit-transition-delay:0.25s; transition-delay:0.25s; } .services_box--boxed:hover .services_box__list li {opacity:1; visibility: visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);} /* 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%; } } /* SERVICES Boxes Element */ .services_box_element .box {padding: 30px; background:#eee; margin: 0; position:relative; height:360px; margin-bottom: 30px;} .services_box_element .box:hover {background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.2); z-index:1; border-radius:5px} .services_box_element .box .title {font-size:22px; margin-bottom: 15px; padding: 6px 0 15px 0; margin-top: 0; text-shadow: 1px 1px 0 white; vertical-align: middle;} .services_box_element .box .icon {width: 45px; height: 45px; line-height: 45px; border-radius: 3px; transition: all .2s ease-out; background: #646464; float: left; text-align: center; margin-right: 20px; vertical-align: middle; } .services_box_element .box .icon img {vertical-align: middle; line-height: 45px;display: inline-block;margin-top: -2px; max-width:30px;} .services_box_element .box .list {margin:0; padding:0; list-style:none; display:none; float:none} .services_box_element .box .list li {line-height: 26px; padding: 10px 0; border-top: 1px solid #eee; color:#CD2122} .services_box_element .box .list li:first-child {border-top: 0; padding-top: 0} @media (min-width: 1200px) { .services_box_element .box {height:530px;} } @media (min-width: 481px) and (max-width: 991px) { .services_box_element .box {overflow:hidden;} } /* Latest Posts Default */ .latest_posts--style4.default-style .hoverBorder {margin-bottom:10px;} .latest_posts--style4.default-style .hoverBorder h6 {position:absolute; left:-10px; bottom:16px; color:#fff; padding:11px 14px; background:#CD2122; font-size:12px; font-weight:500; line-height:1; margin: 0; border-radius:2px; } .latest_posts--style4.default-style .hoverBorder:hover h6 { left:15px; background:#fff; color:#CD2122;} .latest_posts--style4.default-style .post-details {font-size:11px; /*color:#7d7d7d;*/} .latest_posts--style4.default-style .post {margin-bottom: 30px; } .latest_posts--style4.default-style .post .m_title {font-style:italic; font-size:16px; line-height:1.4; margin-top:10px;} .latest_posts--style4.default-style .post em {display: block;} .latest_posts--style4.default-style img { box-shadow: 0 1px 1px rgba(0,0,0,.22); } /* latest posts default style - style 2 */ .latest_posts--style4.kl-style-2 .lp-title {background-color: #cd2122; height: 120px; width: 100%; text-align: center; padding: 20px 40px; margin: 0 0 20px; } .latest_posts--style4.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--style4.kl-style-2 .post {position: relative; margin-bottom: 10px; } .latest_posts--style4.kl-style-2 .post-details {position: absolute; bottom: 0; padding: 20px 15px 15px; } .latest_posts--style4.kl-style-2 .m_title a {color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, 0.7); font-style: normal; margin-bottom: 5px; } .latest_posts--style4.kl-style-2 .post-details em {font-style: normal; color: rgba(255, 255, 255, 0.8); font-size: 11px; } .latest_posts--style4.kl-style-2 .post-details em a {color: #fff; } .latest_posts--style4.kl-style-2 .m_title {position: relative; margin: 0 0 20px; } .latest_posts--style4.kl-style-2 .post:not(.lp-title) .m_title:after {position: absolute; content: ''; width: 88px; height: 3px; background-color: #cd2122; left: 0; bottom: -10px; -webkit-transition: width .25s ease-in-out; transition: width .25s ease-in-out; } .latest_posts--style4.kl-style-2 .post:not(.lp-title):hover .m_title:after {width: 160px; } .latest_posts--style4.kl-style-2 .theHoverBorder {background: -webkit-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8) 100%);background: -webkit-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6) 100%);background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6) 100%); box-shadow: none; border-radius: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .latest_posts--style4.kl-style-2 .hoverBorderWrapper img {border-radius: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .latest_posts--style4.kl-style-2 .hoverBorder {margin: 0; } .latest_posts--style4.kl-style-2 .hoverBorder:hover img {opacity: 1; } .latest_posts--style4.kl-style-2 .post:hover .theHoverBorder {opacity: 0; } /* MQ's */ @media (min-width: 768px) { .latest_posts--style4.kl-style-2 .lp-title {margin-bottom: 0; } } @media (min-width: 1200px) { .latest_posts--style4.kl-style-2 .lp-title {height: 350px; margin-bottom: 20px; } .latest_posts--style4.kl-style-2 .lp-title .m_title {font-size: 54px; } .latest_posts--style4.kl-style-2 .post {margin-bottom: 20px; } } @media (max-width: 991px) and (min-width: 768px) { .latest_posts--style4.kl-style-2 .lp-title {height: 219px; } } @media (max-width: 1199px) and (min-width: 992px) { .latest_posts--style4.kl-style-2 .lp-title {height: 288px; } } @media (max-width: 480px) { .latest_posts--style4.kl-style-2 .m_title {margin-bottom: 0; font-size: 10px; } .latest_posts--style4.kl-style-2 .post:not(.lp-title) .m_title:after {content: none; } .latest_posts--style4.kl-style-2 .post-details em {display: none; } } /* Latest Posts #3 */ .latest_posts--style3 {position:relative; padding: 30px 30px 10px 30px} .latestposts3--light {background-color: #fff;} .latestposts3--dark {background-color: #111;} .latest_posts--style3 .m_title {margin-bottom: 20px;} .latest_posts--style3 .viewall {position:absolute; top: 28px; right: 20px; font-size:10px; font-weight:bold; color:#757575;} .latest_posts--style3 ul.posts {margin:0; padding:0; list-style:none;} .latest_posts--style3 ul.posts li {margin-top: 25px; border-bottom: 1px solid #ECECEC; padding-bottom: 25px;} .latestposts3--dark ul.posts li {border-bottom-color:#121212;} .latest_posts--style3 ul.posts li:last-child {margin-bottom:0; border-bottom: 0;} .latest_posts--style3 ul.posts .title {font-size: 14px; font-weight: 700; color: #CD2122; line-height: 1.6; vertical-align: middle;} .latest_posts--style3 ul.posts .details {float:left; width:110px;} .latest_posts--style3 ul.posts .details > span {display:inline-block; margin-bottom:2px; font-size:10px} .latest_posts--style3 ul.posts .details span.date {background:#cd2122; color:#fff; padding:3px 10px; margin: 0 0 5px; position:relative} .latest_posts--style3 ul.posts .details span.date:after {content:''; position:absolute; bottom:-8px; left:10px; border:4px solid transparent; border-top-color:#cd2122;} .latest_posts--style3 ul.posts .text {margin-left:110px;} .latest_posts--style3 ul.posts .details > span.cat {display: block; } /* Latest Posts #2 */ .latest_posts--style2 {position:relative;} .latest_posts--style2 .m_title {margin-bottom: 20px;} .latest_posts--style2 .hoverBorder {margin-right:20px; margin-top: 5px;} .latest_posts--style2 .viewall {position:absolute; top: 0; right:0; font-size:10px; font-weight:bold; color:#757575;} .latest_posts--style2 ul.posts {margin:0; padding:0; list-style:none;} .latest_posts--style2 ul.posts li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E3E3E3; overflow: hidden; } .kl-sidebar--dark .latest_posts--style2 ul.posts li, .latestposts2--dark ul.posts li { border-bottom-color: #252525; } .latest_posts--style2 ul.posts li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .latest_posts--style2 ul.posts .title {font-size: 13px; margin:0 0 5px; font-weight: 600; vertical-align: middle; line-height: 20px; margin: 0 0 5px; padding: 0; vertical-align: middle; } /*.latest_posts--style2 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; } .widget_recent_entries .latest_posts .hoverBorder img { max-width: 54px; } /* * Latest Posts Carousels * @wpk * @since v3.6.8 */ .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: #cd2122; 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: #cd2122; } .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;} /* 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.latestposts--dark .viewall {color:#ababab; } .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; } .latestposts--dark .css3accordion>ul>li {border-top-color:#323232; } .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; } /* MQ's */ @media (max-width: 767px) { /* Css Accordion (Latest posts 1) */ .latest_posts.acc-style h3.m_title { position: static; margin: 0 0 20px;} .latest_posts.default-style a + em {display:block;} .css3accordion>ul>li, .css3accordion>ul>li:hover, .css3accordion>ul>li.last, .css3accordion>ul>li.last:hover {width: 100% !important; margin-right: 0;padding: 20px 0;float: none;} .css3accordion>ul>li>.inner-acc, .css3accordion>ul>li:hover ~ li>.inner-acc {width: 100% !important;} } /* process steps */ .process_steps {overflow:hidden; border-radius:2px; margin-bottom:35px; width: 100%; min-height: 0;} /* process steps style1 */ .process_steps--style1 {display: table; table-layout: fixed; } .process_steps--style1 .process_steps__step {display: table-cell; padding: 20px 10px; color:#fff; position:relative; text-align:center; vertical-align: middle; height:240px} .process_steps--style1 .process_steps__step:first-child {border-radius: 3px 0 0 3px;} .process_steps--style1 .process_steps__step:last-child {border-radius: 0 3px 3px 0;} .process_steps--style1 .process_steps__step:after {content:''; position:absolute; top:15px; right:-14px; border:7px solid transparent; z-index:1;} .process_steps--style1 .process_steps__intro {background:#CD2122; text-align:left; padding: 20px;} .process_steps--style1 .process_steps__intro:after {border-left-color:#CD2122; } .process_steps--style1 .process_steps__intro-title {margin-top:0; line-height:1.2; font-weight:500; font-size:24px} .process_steps--style1 .process_steps__intro-title strong {font-size:120%; display:block; } .process_steps--style1 .process_steps__intro-link {font-size:11px; font-weight:700; color:#fff; opacity:.8;} .process_steps--style1 .process_steps__intro-link:hover {opacity:1;} .process_steps--style1 .process_steps__step-desc {margin-bottom:0;} .process_steps--style1 .process_steps__step-icon {margin:20px 0 15px; min-height: 50px; line-height: 50px; font-size: 56px; } .process_steps--style1 .process_steps__step-typeimg, .process_steps--style1 .process_steps__step-typeimg img { max-height: 90px; display: inline-block;} .process_steps--style1 .process_steps__step:nth-child(2) {background-color: #5a5a5a; } .process_steps--style1 .process_steps__step:nth-child(2):after {border-left-color: #5a5a5a; } .process_steps--style1 .process_steps__step:nth-child(3) {background-color: #4a4a4a; } .process_steps--style1 .process_steps__step:nth-child(3):after {border-left-color: #4a4a4a; } .process_steps--style1 .process_steps__step:nth-child(4) {background-color: #3e3e3e; } .process_steps--style1 .process_steps__step:nth-child(4):after {border-left-color: #3e3e3e; } .process_steps--style1 .process_steps__step:nth-child(5) {background-color: #383838; } .process_steps--style1 .process_steps__step:nth-child(5):after {border-left-color: #383838; } .process_steps--style1 .process_steps__step:nth-child(6) {background-color: #303030; } .process_steps--style1 .process_steps__step:nth-child(6):after {border-left-color: #303030; } .process_steps--style1 .process_steps__step:nth-child(7) {background-color: #252525; } .process_steps--style1 .process_steps__step:nth-child(7):after {border-left-color: #252525; } .process_steps--style1 .process_steps__step:last-child:after {border: 0; } /* MQ's */ @media screen and (min-width: 768px) and (max-width: 991px){ .process_steps--style1 {display: block; } .process_steps--style1 .process_steps__step {float: left; width: 33.3333%; } .process_steps--style1 .process_steps__intro {display: block; width: 100%; float: none; height: auto; } } @media screen and (max-width: 767px){ .process_steps--style1 {display: block; } .process_steps--style1 .process_steps__step {float: left; width: 100%; } .process_steps--style1 .process_steps__intro {display: block; width: 100%; float: none; height: auto; } } /* process steps style2 */ .process_steps--style2 { overflow: hidden; padding: 20px 0;} .container .process_steps--style2 { overflow: visible; } .process_steps--style2 .process_steps__container, .process_steps--style2 .process_steps__height {min-height: 235px;} .process_steps--style2 .process_steps__container { float: left; width:66%; border-radius: 5px; position: relative; min-height: 230px; padding-right: calc(((100vw - 1170px) / 2) + 15px);} .container .process_steps--style2 .process_steps__container { padding-right: 0;} .process_steps--style2 .process_steps__container:before { content: ''; width: 102%; height: 108%; position: absolute; left: -30px; -webkit-transform: skewX(-10deg) translate3d(0,0,0); -ms-transform: skewX(-10deg) translate3d(0,0,0); transform: skewX(-10deg) translate3d(0,0,0); border: solid 1px #E0E0E0; top: -4%; padding-right: calc(((100vw - 1170px) / 2) + 60px); box-sizing: content-box; border-radius: 5px;} .process_steps--style2 .process_steps__container:after { content: ''; width: 10px; height: 106%; position: absolute; left: -40px; -webkit-transform: skewX(-10deg) translate3d(0,0,0); -ms-transform: skewX(-10deg) translate3d(0,0,0); transform: skewX(-10deg) translate3d(0,0,0); z-index: 1; top: -3%; background: -webkit-gradient(100% 50%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(100% 50%, ellipse, rgba(0,0,0,.5), transparent 70%); background: radial-gradient(ellipse at 100% 50%,rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient( 100% 50%, 100% 70%, rgba(0, 0, 0, 0.5) 0%, transparent 70%);} .process_steps--style2.kl-bgc-light .process_steps__container:before { background: #fff;} .process_steps--style2.kl-bgc-gray .process_steps__container:before { background: #F1F1F1; border: solid 1px #F1F1F1;} .process_steps--style2.kl-bgc-dark .process_steps__container:before { background: #010101; border: solid 1px #404040;} .process_steps--style2 .process_steps__step { padding: 20px; color:#fff; position:relative; text-align:center; height: 100%; display: table-cell; vertical-align: middle;} .process_steps--style2 .process_steps__container .process_steps__step:after { content: ''; width: 10px; height: 70%; background: url(../images/step-separator.svg) no-repeat left top; left: 100%; top: 15%; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); opacity: 0.05; position: absolute;} .process_steps--style2.kl-bgc-dark .process_steps__container .process_steps__step:after { background-image: url(../images/step-separator-dark.svg);} .process_steps--style2 .process_steps__container .process_steps__step:last-child:after { display: none;} .process_steps--style2 .process_steps__inner {display: table; table-layout: fixed; width:100%;} .process_steps--style2 .process_steps__step-title { color: #333333; font-weight: bold; font-size: 20px;} .process_steps--style2 .process_steps__step-desc {color: #888888; margin-bottom:0; /* padding-left: 20px; */} .process_steps--style2.kl-bgc-dark .process_steps__step-title {color: #C4C4C4;} .process_steps--style2.kl-bgc-dark .process_steps__step-desc {color: #AFAFAF;} .process_steps--style2 .process_steps__step-icon {margin:20px 0 15px; min-height: 50px; line-height: 50px; font-size: 48px; } .process_steps--style2 .process_steps__step-typeimg, .process_steps--style2 .process_steps__step-typeimg .process_steps__step-icon-src { max-height: 90px; display: inline-block; margin: 0;} .process_steps--style2 .process_steps__intro {background:#CD2122; text-align:left; float: left; width:34%; padding: 30px 40px 30px 30px;padding-left: calc(((100vw - 1170px) / 2) + 15px);} .process_steps--style2 .process_steps__intro:before { content:''; width:100px; height:100%; position: absolute; left:100%; top:0; z-index: 0; background:#CD2122;} .container .process_steps--style2 .process_steps__intro {border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 30px; } .process_steps--style2 .process_steps__intro-wrp {position:relative;} .process_steps--style2 .process_steps__intro-title {margin-top:0; line-height:1.2; font-weight:500; position: relative; padding-bottom: 10px; } .process_steps--style2 .process_steps__intro-title::before { content: ''; height: 3px; width: 30px; background: #fff; position: absolute; display: inline-block; bottom: 0;} .process_steps--style2 .process_steps__intro-title strong {font-size:120%; display:block;} .process_steps--style2 .process_steps__intro-link {font-size:11px; font-weight:700; color:#fff; opacity:.8; display: inline-block; } .process_steps--style2 .process_steps__intro-link:hover {opacity:1;} /* MQ's */ @media screen and (min-width: 992px) and (max-width: 1199px){ .process_steps--style2 .process_steps__container { padding-right: calc(((100vw - 970px) / 2) + 15px);} .process_steps--style2 .process_steps__container:before { padding-right: calc(((100vw - 970px) / 2) + 60px);} .process_steps--style2 .process_steps__intro { padding-left: calc(((100vw - 970px) / 2) + 15px);} } @media screen and (min-width: 768px) and (max-width: 991px){ .process_steps--style2 {display: block; } .process_steps--style2 .process_steps__container {width:100%;} .process_steps--style2 .process_steps__step {float: left; width: 33.3333%; } .process_steps--style2 .process_steps__intro {display: block; width: 100%; float: none; height: auto; min-height:0; } .process_steps--style2 .process_steps__container:before {-webkit-transform:none;-ms-transform:none;transform:none;left: -5px;padding: 0;width: calc(100% + 10px);} .process_steps--style2 .process_steps__container:after {display:none;} .process_steps--style2 .process_steps__container .process_steps__step:after {-webkit-transform:none;-ms-transform:none;transform:none;} } @media screen and (max-width: 767px){ .process_steps--style2 {display: block; } .process_steps--style2 .process_steps__container {width:100%;} .process_steps--style2 .process_steps__step {float: left; width: 100%; margin-bottom:30px; } .process_steps--style2 .process_steps__intro {display: block; width: 100%; float: none; height: auto; min-height:0; padding:30px; margin-bottom:0;} .process_steps--style2 .process_steps__container:before {-webkit-transform:none;-ms-transform:none;transform:none;left: -5px;padding: 0;width: calc(100% + 10px);} .process_steps--style2 .process_steps__container:after , .process_steps--style2 .process_steps__container .process_steps__step:after {display:none;} } /* Animations for Process Icons */ .process_steps__step:hover .process_steps__step-icon-src[data-animation=tada] {-webkit-animation: tada ease-in-out 1 normal 800ms; animation: tada ease-in-out 1 normal 500ms; } .process_steps__step:hover .process_steps__step-icon-src[data-animation=pulse] {-webkit-animation: pulse ease-in-out 1 normal 500ms; animation: pulse ease-in-out 1 normal 500ms; } .process_steps__step:hover .process_steps__step-icon-src[data-animation=fadeOutRightBig] {-webkit-animation: fadeOutRightBig ease-out 1 normal 1s; animation: fadeOutRightBig ease-out 1 normal 1s;} /* Pulse */ .pulse {-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes pulse {0% { -webkit-transform: scale(1); } 33% { -webkit-transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse {0% { -webkit-transform: scale(1); transform: scale(1); } 33% { -webkit-transform: scale(0.9); transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* Tada */ .tada {-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes tada {0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @keyframes tada {0% {-webkit-transform: scale(1);transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);} } /* Fadeout right big */ .fadeOutRightBig {-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutRightBig {0% { -webkit-transform: translate(2px, 1px); } 3% { -webkit-transform: translate(-1px, -2px); } 6% { -webkit-transform: translate(-3px, 0); } 8% { -webkit-transform: translate(0, 2px); } 10% { -webkit-transform: translate(1px, -1px); } 20% { -webkit-transform: translate(20px, -20px); } 100% { -webkit-transform: translate( 120px, -120px);} } @keyframes fadeOutRightBig {0% {-webkit-transform: translate(2px, 1px);transform: translate(2px, 1px); } 3% {-webkit-transform: translate(-1px, -2px);transform: translate(-1px, -2px); } 6% {-webkit-transform: translate(-3px, 0);transform: translate(-3px, 0); } 8% {-webkit-transform: translate(0, 2px);transform: translate(0, 2px); } 10% {-webkit-transform: translate(1px, -1px);transform: translate(1px, -1px); } 20% {-webkit-transform: translate(20px, -20px);transform: translate(20px, -20px); } 100% {-webkit-transform: translate( 120px, -120px);transform: translate( 120px, -120px);} } /* Process Steps 4 ( from 4.0+ ) */ .step-boxes-4 { display: table; table-layout: fixed; width: 100%;} .process_box4 { display: table-cell; text-align: center; position: relative;} .process_box4 .stp_title { text-align: center; font-weight: 600; font-size: 16px;} .process_box4 .number { display: block; width: 80px; height: 80px; position: absolute; top: -40px; left: 50%; margin-left: -40px; } .process_box4 .number:before {content:''; background: #cd2122; border-radius: 50%; display: block; width: 20px; height: 20px; position: absolute; top:50%; margin-top: -10px; left: 50%; margin-left: -10px; transition:all .2s ease-out; } .process_box4:hover .number:before { width: 80px; height:80px; margin-left: -40px; margin-top:-40px;} .process_box4 .number span { visibility: hidden; opacity: 0; line-height: 80px; position:relative; color:#fff; font-weight:700; font-size:20px; text-align:center; transition: opacity .2s ease-out .1s, font-size .2s ease-out .1s, visibility .2s ease-out .1s; height: 80px; width: 80px; display: block;} .process_box4:hover .number span { visibility: visible; opacity: 1; font-size:30px; } /* Line */ .pb__line {display: block; height: 1px; width: 100%; margin-left: -10px; background: #d8d8d8; margin: 50px 0;position: relative;} .process_box4:first-child .pb__line {background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(216,216,216,0)), color-stop(40%, rgba(216,216,216,1))); background: -webkit-linear-gradient(left, rgba(216,216,216,0) 0%, rgba(216,216,216,1) 40%); background: linear-gradient(to right, rgba(216,216,216,0) 0%,rgba(216,216,216,1) 40%); } .process_box4:last-child .pb__line {background: -webkit-gradient(linear, left top, right top, color-stop(60%,rgba(216,216,216,1)), color-stop(100%,rgba(216,216,216,0))); background: -webkit-linear-gradient(left, rgba(216,216,216,1) 60%, rgba(216,216,216,0) 100%); background: linear-gradient(to right, rgba(216,216,216,1) 60%,rgba(216,216,216,0) 100%); } .stepsbox4--dark .pb__line {background: #272727;} .stepsbox4--dark .process_box4:first-child .pb__line {background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,39,39,0)), color-stop(40%,rgba(39,39,39,1))); background: -webkit-linear-gradient(left, rgba(39,39,39,0) 0%, rgba(39,39,39,1) 40%); background: linear-gradient(to right, rgba(39,39,39,0) 0%,rgba(39,39,39,1) 40%); } .stepsbox4--dark .process_box4:last-child .pb__line {background: -webkit-gradient(linear, left top, right top, color-stop(60%,rgba(39,39,39,1)), color-stop(100%,rgba(39,39,39,0))); background: -webkit-linear-gradient(left, rgba(39,39,39,1) 60%, rgba(39,39,39,0) 100%); background: linear-gradient(to right, rgba(39,39,39,1) 60%,rgba(39,39,39,0) 100%); } .process_box4 .content { padding: 0 10px;} @media (max-width: 768px) { .process_box4 { display: block; margin-bottom: 50px;} } /* Recent Work Carousel 1 - Style 1 */ .recentwork_carousel__crsl { margin:0; padding:0; list-style:none; height:auto;} .recentwork_carousel__crsl li { float: left; text-align:center; margin:0; padding:0 20px 0 0; } .recentwork_carousel__link { display:block; padding: 0; margin:0; line-height:0;} .recentwork_carousel__hover {display:block; position:relative; overflow:hidden;} .recentwork_carousel__hov {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .recentwork_carousel--1 .recentwork_carousel__hov {position:absolute; left:0; right:0; bottom:0; top:100%; background-color: rgba(35,35,35,0.8); display: block; } .recentwork_carousel--1 .recentwork_carousel__hov:after { content: "\2b"; position: relative; 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: 20px; color: #fff; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; opacity:0;} .recentwork_carousel__img {height:165px; background-repeat: no-repeat; background-position: center; background-size: cover;} .recentwork_carousel__details {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .recentwork_carousel--1 .recentwork_carousel__details {display:block; position:relative;} .recentwork_carousel--1 .recentwork_carousel__bg {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .recentwork_carousel--1 .recentwork_carousel__bg {position:absolute; top:0; height:0; background:#CD2122; width:100%;left: 0; } .recentwork_carousel__crsl-title {font-size:14px; color:#CD2122; padding:10px 0; margin:0; position:relative; z-index:1;} .recentwork_carousel__cat {font-size:11px; display:block; color:#343434; line-height:1; padding-bottom:15px; position:relative; z-index:1;} .recentwork--dark .recentwork_carousel__cat {color:#CBCBCB; } .recentwork_carousel__link:hover .recentwork_carousel__hov {top:0;} .recentwork_carousel__link:hover .recentwork_carousel__hov:after {opacity:1;} .recentwork_carousel--1 .recentwork_carousel__link:hover .recentwork_carousel__bg {height:100%;} .recentwork_carousel__link:hover .recentwork_carousel__crsl-title, .recentwork_carousel__link:hover .recentwork_carousel__cat { color:#fff; } .recentwork_carousel__controls {margin-bottom: 20px;} .recentwork_carousel__controls > a {opacity:0.5; } .recentwork_carousel__controls > a:hover {opacity:1; } .recentwork_carousel__details.nopointer {pointer-events:none;} /* Recent Work Carousel 1 - Style 2 */ .recentwork_carousel--2 li { text-align:left; padding: 0 0 0 3px; } .recentwork_carousel--2 .recentwork_carousel__link { position: relative; } .recentwork_carousel--2 .recentwork_carousel__img {height:190px; -webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05); -webkit-transition:-webkit-transform .2s ease-out; transition:transform .2s ease-out} .recentwork_carousel--2 .recentwork_carousel__link:hover .recentwork_carousel__img {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} /*.recentwork_carousel--2 .recentwork_carousel__hov { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(transparent, rgba(0,0,0,1)); background: linear-gradient(transparent, rgba(0,0,0,1)); opacity: 0; visibility: hidden; }*/ .recentwork_carousel--2 .recentwork_carousel__hov {position:absolute; left:0; top:0; opacity:0; width: 100%; height: 100%; visibility: hidden; -webkit-backface-visibility: hidden; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); } .recentwork_carousel--2 .recentwork_carousel__link:hover .recentwork_carousel__hov { opacity: 1; visibility: visible; } .recentwork_carousel--2 .recentwork_carousel__details { position: absolute; left: 0; right: 0; bottom: -15px; opacity: 0; visibility: hidden; padding: 20px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; } .recentwork_carousel--2 .recentwork_carousel__link:hover .details { opacity: 1;visibility: visible; bottom: 0 } .recentwork_carousel--2 .recentwork_carousel__cat { background-color: #cd2122; display: inline-block; padding: 6px; text-transform: uppercase; border-radius: 2px; font-size:11px; line-height:1; z-index:1; } .recentwork_carousel--2 .recentwork_carousel__crsl-title { font-size: 15px; text-transform: uppercase; font-weight: bold; padding-bottom: 0;} .recentwork_carousel--2 .recentwork_carousel__crsl-title, .recentwork_carousel--2 .recentwork_carousel__cat { color: #fff } .recentwork_carousel--2 .recentwork_carousel__title { /*color: #595959; */font-weight: bold; position: relative; padding: 0 0 15px; margin: 0 0 30px; font-size: 18px; line-height: 1.4;} .recentwork_carousel--2 .recentwork_carousel__title:after { position: absolute; content: ''; display: block; width: 48px; height: 3px; background-color: #cd2122; bottom: 0; left: 0; } .recentwork_carousel--2 .recentwork_carousel__desc { margin-bottom: 30px; } .recentwork_carousel--2 .btn { font-size: 11px } .recentwork_carousel--2 .recentwork_carousel__controls { float: right; margin-top: 6px; opacity: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .recentwork_carousel--2:hover .recentwork_carousel__controls { opacity: 1 } .recentwork_carousel--2 .recentwork_carousel__controls .glyphicon {display: none;} .recentwork_carousel--2 .recentwork_carousel__next, .recentwork_carousel--2 .recentwork_carousel__prev { position: relative; width: 24px; height: 24px; display: inline-block !important; } .recentwork_carousel--2 .recentwork_carousel__next:before, .recentwork_carousel--2 .recentwork_carousel__prev:after, .recentwork_carousel--2 .recentwork_carousel__next:after, .recentwork_carousel--2 .recentwork_carousel__prev:before { position: absolute; content: ''; left: 7px; width: 10px; height: 2px; background-color: #2C2C2C; } .recentwork--dark .recentwork_carousel__next:before, .recentwork--dark .recentwork_carousel__prev:after, .recentwork--dark .recentwork_carousel__next:after, .recentwork--dark .recentwork_carousel__prev:before {background-color: #D3D3D3; } .recentwork_carousel--2 .recentwork_carousel__next:before, .recentwork_carousel--2 .recentwork_carousel__prev:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .recentwork_carousel--2 .recentwork_carousel__next:after, .recentwork_carousel--2 .recentwork_carousel__prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .recentwork_carousel--2 .recentwork_carousel__next:after, .recentwork_carousel--2 .recentwork_carousel__prev:after { top: 14px;} .recentwork_carousel--2 .recentwork_carousel__next:before, .recentwork_carousel--2 .recentwork_carousel__prev:before { top: 8px;} @media (max-width: 767px) { .recentwork_carousel--2 .recentwork_carousel__left { margin-bottom: 30px; } } /* Recent work 1 - Style 3 */ .rwc--3 .recentwork_carousel__title {font-size: 28px; letter-spacing: -1px;} .zn_section_size.full_width .recentwork_carousel--2 {margin-bottom: 0;} .zn_section_size.full_width .recentwork_carousel--2 .recentwork_carousel__crsl-wrapper {padding-right: 15px;} @media (min-width: 768px) { .zn_section_size.full_width .recentwork_carousel__left { padding-left:-webkit-calc((100vw - 750px) / 2); padding-left:calc((100vw - 750px) / 2);} } @media (min-width: 992px) { .zn_section_size.full_width .recentwork_carousel__left { padding-left:-webkit-calc((100vw - 970px) / 2); padding-left:calc((100vw - 970px) / 2);} } @media (min-width: 1200px) { .zn_section_size.full_width .recentwork_carousel__left { padding-left:-webkit-calc((100vw - 1155px) / 2); padding-left:calc((100vw - 1155px) / 2);} } /* Recent work carousel 2 - style1 */ .recentwork_carousel_v2 {position:relative; margin-bottom: 40px;} .recentwork_carousel_v2 .recentwork_carousel__controls {position:absolute; right:0; top:5px;} .recentwork_carousel_v2 .recentwork_carousel__crsl-wrapper {margin-left:-10px; margin-right: -10px;} .recentwork_carousel_v2 li {padding:0 10px; } .recentwork_carousel_v2 .recentwork_carousel__link {position: relative; overflow: hidden; } .recentwork_carousel_v2 .recentwork_carousel__details {position:absolute; left:0; right:0; bottom:0; top:0; opacity:0; background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,rgba(0,0,0,0.25)), color-stop(1%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.65))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); } .recentwork_carousel_v2 .recentwork_carousel__link:hover .recentwork_carousel__details {opacity:1; } .recentwork_carousel_v2 .recentwork_carousel__plus {position:absolute; display:block; width:24px; height:24px; background:#CD2122; font-size: 16px; color:#fff; top:50%; margin-top:-12px; left:50%; margin-left: -12px;font-weight: bold;line-height: 24px;text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-radius: 2px; box-shadow: 0 0 6px rgba(0,0,0,0.3);} .recentwork_carousel_v2 .recentwork_carousel__crsl-title {position:absolute; font-size:14px; top: 65%; left: 0; right: 0;margin: 0;padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color:#fff;} .recentwork_carousel_v2 .recentwork_carousel__cat {position:absolute; font-size:11px; top: 80%; left: 0; right: 0;padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color:#fff;} /* Recent work carousel 3 */ .recentwork_carousel_v3 {position:relative; margin-bottom: 40px;} .recentwork_carousel_v3 .recentwork_carousel__crsl-wrapper {margin-left:-5px; margin-right: -5px;} .recentwork_carousel_v3 li {padding:0 5px; } .recentwork_carousel_v3 .recentwork_carousel__link {position: relative; overflow: hidden; } .recentwork_carousel_v3 .recentwork_carousel__details {position:absolute; left:0; right:0; bottom:-15px; opacity:0; padding: 20px; -webkit-transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; -webkit-backface-visibility: hidden;text-align: start; padding-top: 80px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); } .recentwork_carousel_v3 .recentwork_carousel__cat { background-color: #cd2122; display: inline-block; padding: 6px; text-transform: uppercase; border-radius: 2px; font-size:11px; line-height:1.6; z-index:1; } .recentwork_carousel_v3 .recentwork_carousel__crsl-title { font-size: 20px; line-height: 1.2; text-transform: uppercase; font-weight: bold; padding-bottom: 0; color: #595959; font-weight: 600; position: relative; padding: 0; margin: 15px 0 0; } .recentwork_carousel_v3 .recentwork_carousel__crsl-title, .recentwork_carousel_v3 .recentwork_carousel__cat { color: #fff } .recentwork_carousel_v3 .recentwork_carousel__top-container {padding-top:25px; padding-bottom: 35px;} .recentwork_carousel_v3 .recentwork_carousel__title {font-size: 32px; font-weight: 700; color:#343434; line-height: 1; } .recentwork_carousel_v3 .btn {color:#585858; line-height: 1; padding:0; text-decoration:none; } .recentwork3--dark.recentwork_carousel_v3 .btn {color:#A7A7A7; } .recentwork_carousel_v3 .btn:hover {color:#343434;} .recentwork3--dark.recentwork_carousel_v3 .btn:hover {color:#CBCBCB; } .recentwork_carousel_v3 .btn::before {content:''; background-color:#cd2122; margin-right:5px; width:10px; height:3px; display:inline-block; vertical-align:middle; margin-top:-1px} .recentwork_carousel_v3 .recentwork_carousel__link:hover .recentwork_carousel__details { opacity: 1; visibility: visible; bottom: 0;} .recentwork_carousel_v3 .recentwork_carousel__img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05); -webkit-transition:-webkit-transform .2s ease-out; transition:transform .2s ease-out} .recentwork_carousel_v3 .recentwork_carousel__link:hover .recentwork_carousel__img {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .recentwork_carousel_v3 .recentwork_carousel__controls { opacity: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; position: absolute; bottom: 0; right: 0; margin-bottom: 0; } .recentwork_carousel_v3:hover .recentwork_carousel__controls { opacity: 1; } .recentwork_carousel_v3 .recentwork_carousel__controls .glyphicon {display: none;} .recentwork_carousel_v3 .recentwork_carousel__next, .recentwork_carousel_v3 .recentwork_carousel__prev { position: relative; width: 24px; height: 24px; display: inline-block !important } .recentwork_carousel_v3 .recentwork_carousel__next:before, .recentwork_carousel_v3 .recentwork_carousel__prev:after, .recentwork_carousel_v3 .recentwork_carousel__next:after, .recentwork_carousel_v3 .recentwork_carousel__prev:before { position: absolute; content: ''; left: 7px; width: 10px; height: 2px; background-color: #2C2C2C; } .recentwork3--dark.recentwork_carousel_v3 .recentwork_carousel__next:before, .recentwork3--dark.recentwork_carousel_v3 .recentwork_carousel__prev:after, .recentwork3--dark.recentwork_carousel_v3 .recentwork_carousel__next:after, .recentwork3--dark.recentwork_carousel_v3 .recentwork_carousel__prev:before { background-color: #D3D3D3; } .recentwork_carousel_v3 .recentwork_carousel__next:before, .recentwork_carousel_v3 .recentwork_carousel__prev:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .recentwork_carousel_v3 .recentwork_carousel__next:after, .recentwork_carousel_v3 .recentwork_carousel__prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .recentwork_carousel_v3 .recentwork_carousel__next:after, .recentwork_carousel_v3 .recentwork_carousel__prev:after { top: 14px;} .recentwork_carousel_v3 .recentwork_carousel__next:before, .recentwork_carousel_v3 .recentwork_carousel__prev:before { top: 8px;} /* Full-Width V3 */ .zn_section_size.full_width .recentwork_carousel_v3 .recentwork_carousel__crsl-wrapper {margin-left:-10%; margin-right: -10%;} /* 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;} .stepsbox2--dark .gobox { color:#cdcdcd; background-color: #232323;} .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; } .stepsbox2--dark .gobox:before, .stepsbox2--dark .gobox:after {background-color: #232323;} .gobox.gobox-first:before, .gobox.gobox-last:after {display:none} .gobox.ok:before, .gobox.ok:after, .gobox.ok { background-color:#CD2122; font-size:13px; color: #fff; } .gobox.ok h4 { color: #fff;} .gobox.ok > .glyphicon {font-size: 42px; color: #fff; opacity:.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;} @media screen and (max-width: 767px){ .gobox:before, .gobox:after{display: none;} .gobox.ok > .glyphicon {margin-left: 10px; } .gobox.ok > .glyphicon + .gobox-content {margin-left: 40px;} } /* 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; 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 } /* Dark */ .tstsld--dark.testimonials-carousel blockquote {background:#000; color: #898989; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); } .tstsld--dark.testimonials-carousel blockquote:after, .tstsld--dark.testimonials-carousel blockquote:before {border-top-color:#000; } .tstsld--dark.testimonials-carousel blockquote:before { border-top-color: #262626 } /* 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;} /* 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:#CD2122; 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.centered > p:after { margin:22px auto 0; } .hover-box > h3 {line-height: 1.1; margin-top:0;} .hover-box > h4 {line-height: 1.1; margin-top:0;} .hover-box__content {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 { 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 .hover-box__content, .hover-box.hover-box-3 .hover-box__content { line-height: 1.4;} .hover-box.hover-box-2 .hover-box__content:after, .hover-box.hover-box-3 .hover-box__content:after { content: ''; height: 3px; width: 50px; display: block; background: #fff; margin-top: 22px;} .hover-box.hover-box-2:hover .hover-box__content:after, .hover-box.hover-box-3:hover .hover-box__content:after { background: #fff; } .hover-box.hover-box-2:hover .hb-img {opacity:0; right:-100%;} .hover-box.hover-box-2 .hb-circle {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;} @media screen and (max-width:991px){ .hover-box.hover-box-2, .hover-box.hover-box-3 {margin-bottom:30px;} } /* CIRCLE HOVER */ .circlehover {width:130px; height:130px; text-align:center; color: white; font-size: 18px; padding: 10px; display: table; line-height: 1.4; background-color:#CD2122; position:relative; font-weight: 300; border-radius:50%; box-shadow: 3px 3px 1px rgba(0,0,0,0.2); } .circlehover[data-size="small"] {width:80px; height:80px; font-size: 14px; padding: 8px; } .circlehover[data-size="medium"] {width:95px; height:95px; font-size: 16px; padding: 10px; } .circlehover > span {display:table-cell; vertical-align:middle; position:relative; z-index:1; } .circlehover:before {content:''; position:absolute; top:7px; left:7px; background:#CD2122; width:30px; height:30px; border-radius:3px; } .circlehover[data-position="top-left"]:before { top:7px; left:7px;} .circlehover[data-position="top-right"]:before { top:7px; right:7px; left: auto;} .circlehover[data-position="bottom-left"]:before { bottom:7px; left:7px; top:auto;} .circlehover[data-position="bottom-right"]:before { bottom:7px; right:7px; left: auto; top:auto;} .circlehover[data-position="top"]:before, .circlehover[data-position="right"]:before, .circlehover[data-position="left"]:before, .circlehover[data-position="bottom"]:before {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .circlehover[data-position="top"]:before {top: -10px; left: 50%; margin-left: -15px;} .circlehover[data-position="right"]:before { top:50%; right:-10px; left: auto; margin-top:-15px;} .circlehover[data-position="left"]:before { top:50%; left:-10px; margin-top:-15px;} .circlehover[data-position="bottom"]:before { bottom:-10px; left:50%; margin-left:-15px; top:auto;} .circlehover[data-position="bottom-right"] { box-shadow:-3px -3px 1px rgba(0,0,0,0.5);} .circlehover:hover { color:#fff; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); box-shadow:5px 5px 1px rgba(0,0,0,0.2); } .circlehover[data-position="bottom-right"]:hover { box-shadow:-5px -5px 1px rgba(0,0,0,0.5);} .circlehover[data-align="left"] {float:left;} .circlehover[data-align="right"] {float:right;} .circlehover {-webkit-transition: all 400ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */ -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); } .circlehover.with-symbol > span.symbol {opacity:0; position:absolute; display:block; left: 0; top: 0; bottom: 0; right: 0; text-align: center; line-height: 130px; } .circlehover.with-symbol:hover > span.text {opacity:0;} .circlehover.with-symbol:hover > span.symbol {opacity:1; } .call-out-banner .m_title { font-size: 28px; position: relative; margin-top: 20px; text-transform: none; } .call-out-banner .m_title:before { position: absolute; content: ''; width: 80px; height: 3px; background-color: #ddd; top: -20px; left: 0; } /* accordion element */ .zn_accordion--container {} .zn_accordion--element {} .zn_accordion--shortcode {margin-bottom: 0;} /* accordions component */ .acc-group button {outline: 0 !important; } .acc-group > button.collapsed {padding-right: 30px; } .acc-panel-title {margin:0;} /*.zn_accordion_element .acc-panel-collapse { padding: 0 15px }*/ /* Accordion Default Style / Re-Styling / */ .zn-acc--default-style .acc-title { font-size: 18px; line-height: 1.4; margin-top: 0; text-transform: uppercase;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } .acc--default-style {border: 1px solid #E3E3E3; border-radius: 4px; } .acc--default-style .acc-group { margin-bottom: 0; border: 0; border-bottom: 1px solid #E3E3E3; background-color: transparent; padding: 0; box-shadow: none; margin: 0; border-radius: 3px;} .acc--default-style .acc-group+.acc-group {margin-top: 0;} .acc--default-style .acc-group:last-child { border-bottom: 0; } .acc--default-style .acc-group:first-child .acc-tgg-button { border-radius: 3px 3px 0 0; } .acc--default-style .acc-group:last-child .acc-tgg-button { border-bottom: 0; border-radius: 0 0 3px 3px; } .acc--default-style .acc-tgg-button { border:0; padding:4px 10px; color:#CD2122; display: block; width: 100%; text-align: left; background-color: #F8F8F8; padding: 16px 60px 15px 25px; font-size: 14px; font-weight: 600; position: relative; } .acc--default-style .acc-tgg-button.collapsed {color:#505050; background-color: #fff; } .acc--default-style .acc-tgg-button:hover {background: #F8F8F8; color: #111; } .acc--default-style .acc-tgg-button:not(.collapsed) {border-bottom: 1px solid #EEEEEE; } .acc--default-style .acc-tgg-button:before, .acc--default-style .acc-tgg-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; } .acc--default-style .acc-tgg-button:before {right: 31px; top: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .acc--default-style .acc-tgg-button:after {right: 25px; top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .acc--default-style .acc-tgg-button.collapsed:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .acc--default-style .acc-tgg-button.collapsed:after {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .acc--default-style .acc-content {background-color: #F8F8F8; padding: 20px 25px; } .zn_accordion_element .acc--default-style .acc-panel-collapse { padding: 0 15px } .zn_accordion_element .acc--default-style .acc-content { padding: 20px 10px; } /* Dark */ .acc-sch--dark .acc-title { text-shadow: none; } .acc-sch--dark .acc--default-style {border-color:#1C1C1C; } .acc-sch--dark .acc--default-style .acc-group { border-bottom-color: #1C1C1C;} .acc-sch--dark .acc--default-style .acc-tgg-button { background-color: #070707; } .acc-sch--dark .acc--default-style .acc-tgg-button.collapsed {color:#AFAFAF; background-color: #000; } .acc-sch--dark .acc--default-style .acc-tgg-button:hover {background: #070707; color: #EEE; } .acc-sch--dark .acc--default-style .acc-tgg-button:not(.collapsed) {border-bottom-color: #111; } .acc-sch--dark .acc--default-style .acc-tgg-button:before, .acc-sch--dark .acc--default-style .acc-tgg-button:after { background: #222222; } .acc-sch--dark .acc--default-style .acc-content {background-color: #070707;} /* Accordions style2 */ .acc--style2 .acc-group { margin-bottom: 2px; padding: 0; border: 1px solid #e5e5e5; border-radius: 3px; background-color: transparent; } .acc--style2 .acc-group+.acc-group {margin-top: 0;} .acc--style2 .acc-tgg-button {display: block; width: 100%; text-align: left; position:relative; margin:0; background-color: #FFFFFF; border: 0; color: #cd2122; padding: 16px 60px 15px 25px; font-size: 14px; font-weight: 600; border-radius: 3px 3px 0 0; } .acc--style2 .acc-tgg-button.collapsed {color:#505050; background-color: transparent; border-radius: 3px;} .acc--style2 .acc-tgg-button:before, .acc--style2 .acc-tgg-button:after {position: absolute; content: ' '; width: 8px; height: 2px; display: block; background: #BDBDBD; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .acc--style2 .acc-tgg-button:before {right: 20px; top: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .acc--style2 .acc-tgg-button:after {right: 15px; top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .acc--style2 .acc-tgg-button.collapsed:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .acc--style2 .acc-tgg-button.collapsed:after {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .acc--style2 .acc-content {padding: 20px 25px; border-top: 1px solid #E5E5E5; background-color: #fff; border-radius: 0 0 3px 3px; } .acc--style2 .acc-content p:last-child {margin-bottom:0;} .zn_accordion_element .acc--style2 .acc-panel-collapse { padding: 0 15px } .zn_accordion_element .acc--style2 .acc-content { padding: 20px 10px; } /* Dark */ .acc-sch--dark .acc--style2 .acc-group { border-color: #1A1A1A; } .acc-sch--dark .acc--style2 .acc-tgg-button {background-color: #000; border: 0; } .acc-sch--dark .acc--style2 .acc-tgg-button.collapsed {color:#AFAFAF; } .acc-sch--dark .acc--style2 .acc-tgg-button:before, .acc-sch--dark .acc--style2 .acc-tgg-button:after {background: #424242; } .acc-sch--dark .acc--style2 .acc-content { border-top-color: #1A1A1A; background-color: #000; } /* Accordions style3 */ .acc--style3 { background: #fff; border: 1px solid #e3e3e3; padding: 11px 15px 10px; } .acc--style3 .acc-group { margin-bottom: 8px; margin-left: 54px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; box-shadow: none; } .acc--style3 .acc-group+.acc-group {margin-top: 0;} .acc--style3 .acc-group:last-child { border-bottom: 0; } .acc--style3 .acc-tgg-button {display: block; width: 100%; color: #cd2122; text-align: left; position:relative; margin:0; padding:10px 10px 5px 0; background:none; border:0; font-size:14px;} .acc--style3 .acc-tgg-button.collapsed { color: #505050; } .acc--style3 .acc-tgg-button:after {width: auto; height: auto; padding-right: 14px; } .acc--style3 .acc-tgg-button:before { width: 36px; height: 50px; background-color: #cd2122; position: absolute; left: -54px; top: 5px; content: "\2212"; font-family: 'Glyphicons Halflings'; color: #fff; text-align: center; border-radius: 3px; line-height: 40px; font-size: 12px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .acc--style3 .acc-tgg-button.collapsed:before { content: "\2b"; background-color: #D3D3D3; height: 40px; } .acc--style3 .acc-content {padding: 10px 15px 10px 0; } .acc--style3 .acc-content p:last-child {margin-bottom:0;} /* Dark */ .acc-sch--dark .acc--style3 { background: #000; border-color: #1C1C1C; } .acc-sch--dark .acc--style3 .acc-group { border-bottom-color: #1A1A1A; box-shadow: none; background-color: #000;} .acc-sch--dark .acc--style3 .acc-tgg-button.collapsed { color: #AFAFAF; } .acc-sch--dark .acc--style3 .acc-tgg-button:before { color: #000;} .acc-sch--dark .acc--style3 .acc-tgg-button.collapsed:before { background-color: #2C2C2C;} /* Accordions - Style 4 */ .zn-acc--style4 .acc-title {line-height: 1.4; color: #fff; font-size: 14px; font-weight: 400; text-shadow: none; padding: 15px 20px; margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase; } .acc--style4 {border: solid 1px #CE2123; border-radius: 4px;} .acc-title + .acc--style4 {border-top: none;} .acc--style4 .acc-group {margin-bottom:0; border-radius: 0; border: 0; box-shadow: none;} .acc--style4 .acc-group+.acc-group {margin-top: 0;} .acc--style4 .acc-tgg-button {background:none; border:0; padding:4px 10px; color:#CD2122; display: block; width: 100%; text-align: left; position:relative; padding: 12px 20px; overflow: hidden; border-bottom: solid 1px #f9f9f9; } .acc--style4 .acc-tgg-button:last-child {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .acc--style4 .acc-tgg-button:last-child:only-child {border-radius: 3px;} .acc--style4 .acc-tgg-button.collapsed {background: #f9f9f9; color:#505050; border-bottom: solid 1px #E6E6E6;} .acc--style4 .acc-tgg-button, .acc--style4 .acc-tgg-button:hover, .acc--style4 .acc-tgg-button.collapsed:hover {color:#111; background: #fff; } .acc--style4 .acc-tgg-button.collapsed .acc-icon {position: absolute; right: -21px; width: 58px; height: 58px; border: 7px solid #000; border-radius: 50%; top: -7px; } .acc--style4 .acc-tgg-button.collapsed .acc-icon:before, .acc--style4 .acc-tgg-button.collapsed .acc-icon:after {content: ''; background-color: #000; display: inline-block; text-align: center; line-height: 63px; position: absolute; left: 50%; top: 50%; } .acc--style4 .acc-tgg-button.collapsed .acc-icon:before {width: 20px; height: 6px; margin-top: -3px; margin-left: -9px; } .acc--style4 .acc-tgg-button.collapsed .acc-icon:after {width: 6px; height: 19px; margin-left: -2px; margin-top: -10px; } .acc--style4 .acc-tgg-button .acc-icon {position: absolute; right: -11px; width: 58px; height: 58px; opacity: .05; border: 7px solid #cd2122; border-radius: 50%; top: -7px; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .acc--style4 .acc-tgg-button .acc-icon:before {content: ''; width: 20px; height: 6px; background-color: #cd2122; display: inline-block; text-align: center; line-height: 63px; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -3px; } .acc--style4 .acc-tgg-button.collapsed:hover .acc-icon { opacity: .05; } .acc--style4 .acc-group:last-child .acc-tgg-button.collapsed {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .acc--style4 .acc-group:last-child .acc-tgg-button, .acc--style4 .acc-group:last-child .acc-tgg-button.collapsed {border-bottom-width: 0 ; } .acc--style4 .acc-group:last-child .acc-content {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .acc--style4 .acc-content {border-bottom: none; background: #fff; padding: 20px; } .acc--style4 .acc-panel-collapse.collapse.in .acc-content {border-bottom: solid 1px #E6E6E6;} .acc--style4 .acc-content p:last-child {margin-bottom:0;} .zn_accordion_element .acc--style4 .acc-panel-collapse { padding: 0 15px } .zn_accordion_element .acc--style4 .acc-content { padding: 20px 5px; } /* Dark Accordions - Style 4 */ .acc-sch--dark .acc--style4 .acc-tgg-button {border-bottom-color: #060606; } .acc-sch--dark .acc--style4 .acc-tgg-button.collapsed {background: #060606; color:#AFAFAF; border-bottom-color: #191919;} .acc-sch--dark .acc--style4 .acc-tgg-button, .acc-sch--dark .acc--style4 .acc-tgg-button:hover, .acc-sch--dark .acc--style4 .acc-tgg-button.collapsed:hover {color:#EEEEEE; background: #000; } .acc-sch--dark .acc--style4 .acc-tgg-button.collapsed .acc-icon {border-color: #FFF;} .acc-sch--dark .acc--style4 .acc-tgg-button.collapsed .acc-icon:before, .acc-sch--dark .acc--style4 .acc-tgg-button.collapsed .acc-icon:after {background-color: #fff;} .acc-sch--dark .acc--style4 .acc-group {background: none; } .acc-sch--dark .acc--style4 .acc-content {background: #000;} .acc-sch--dark .acc--style4 .acc-panel-collapse.collapse.in .acc-content {border-bottom-color:#191919;} /* acc. style 4 in simple shortcode */ .zn_accordion--shortcode.acc--style4 {border-width:1px; border-style: solid; } .zn_accordion--shortcode.acc--style4, .zn_accordion--shortcode.acc--style4 .acc-group:only-child, .zn_accordion--shortcode.acc--style4 .acc-group:only-child .acc-tgg-button {border-radius: 3px; } @media screen and (max-width:767px){ .zn_accordion_element {margin-bottom:30px;} } /* 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;} .kwd--dark.keywordbox {border-top-color: #222; color: #727272;} .kwd--dark.keywordbox:after {border-top-color:#222;} /* 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 #cd2122; position: relative; z-index: 2;} .keywordbox.keywordbox-3 { border-bottom: solid 10px #cd2122; 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: -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: 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%); 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;} /* Screenshot-box */ .screenshot-box {position:relative; border-radius:3px;} /* Light text scheme*/ .screenshot-box--light {background:#fff; } /* Dark text scheme*/ .screenshot-box--dark {background:#121212;} .screenshot-box .screenshot-box__title {color:#CD2122; line-height: 1.4; font-size: 16px; } .screenshot-box .screenshot-box__feature-title {font-size:14px; line-height:1.3; margin:5px 0 0; font-weight: 600;} .screenshot-box .screenshot-box__feature-desc {font-size: 11px; } .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-repeat:no-repeat; background-position: left center; margin-top:20px;} .screenshot-box .left-side ul.features li {background-image:url(../images/ok2.png);} .screenshot-box .left-side ul.features li:first-child {margin-top:0;} .zn_screenshot-carousel {margin:0; padding:0; list-style:none;} .zn_screenshot-carousel li {float:left} /* Style 1 */ .screenshot-box.kl-style-1 {border:1px solid #b3b3b3; padding:15px 20px 20px 30px;} .screenshot-box--dark.kl-style-1 {border-color:#323232;} .screenshot-box.kl-style-1 .left-side {float:left; max-width: 90%;} .screenshot-box.kl-style-1 .thescreenshot { overflow:hidden;float:right; margin-left:30px; width:580px; height:328px; padding:42px 16px 0 10px; position:relative; background-repeat:no-repeat; background-position: left top; margin-top: -40px; box-sizing: content-box;} .screenshot-box.kl-style-1 .thescreenshot { background-image:url(../images/screenshotbox-bg.png);} .screenshot-box.kl-style-1 .thescreenshot .controls {position:absolute; top:15px; left:17px; width:43px; height:19px;} .screenshot-box.kl-style-1 .thescreenshot .controls a {display:block; width:21px; height:19px; float:left;} /* Style 2 */ .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 { padding: 10px 0 25px 30px; } .screenshot-box.kl-style-2 .left-side ul.features {margin: 25px 0;} .screenshot-box.kl-style-2 .left-side ul.features li {padding-left: 50px; background-repeat:no-repeat; background-position: left center;} .screenshot-box.kl-style-2 .left-side ul.features li {background-image:url(../images/ok3.png);} .screenshot-box.kl-style-2 .screenshot-box__feature-title {/*color: #565656;*/ margin: 0 0 5px; text-transform: uppercase;} .screenshot-box--dark.kl-style-2 .screenshot-box__feature-title {/*color: #e8e8e8;*/} .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%; } .screenshot-box.kl-style-2 .controls { display: none } .screenshot-box.kl-style-2 .thescreenshot > [class*="th-"] { position: absolute; bottom: 20px; text-align: center; left: 0; right: 0; z-index: 10; } .screenshot-box.kl-style-2 .thescreenshot > [class*="th-"] 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*="th-"] a.selected { background-color: #fff; } .screenshot-box.kl-style-2 .thescreenshot > [class*="th-"] a span { display: none } .screenshot-box--dark .left-side ul.features li {background-image:url(../images/ok2_invert.png);} .screenshot-box--dark.kl-style-2 .left-side ul.features li {background-image:url(../images/ok3_invert.png);} @media (min-width: 1200px) { .screenshot-box .screenshot-box__title { font-size: 19px; } .screenshot-box .screenshot-box__feature-desc { font-size: 13px; } .screenshot-box.kl-style-2 .screenshot-box__title {font-size: 24px; font-weight: 100;} } @media (min-width: 768px) and (max-width: 991px) { .screenshot-box .screenshot-box__title { font-size: 16px; } .screenshot-box .screenshot-box__feature-desc { font-size: 11px; } .thescreenshot {float:none;} .screenshot-box .left-side {width: auto; float: none; margin: 20px;} } @media (max-width: 767px) { .thescreenshot {float:none;} .screenshot-box .left-side {width: auto; float: none; margin: 20px;} .screenshot-box.kl-style-1 { padding: 0 25px } .screenshot-box.kl-style-1 .left-side {width: 100%; margin: 0 0 20px } .screenshot-box.kl-style-1 .thescreenshot { width: 100%; padding: 0; margin: 0; background: none; } .screenshot-box.kl-style-1 .thescreenshot .controls { z-index: 10; width: 62px; height: 30px; } .screenshot-box.kl-style-1 .thescreenshot .controls a { background-color: #fff; width: 30px; height: 30px; margin-right: 2px; } .screenshot-box.kl-style-1 .thescreenshot .controls a:last-child { margin-right: 0 } .screenshot-box.kl-style-1 .thescreenshot .controls a:after { content: ''; font-family: 'Glyphicons Halflings'; text-align: center; line-height: 30px; color: #000; width: 100%; height: 100%; display: block; } .screenshot-box.kl-style-1 .thescreenshot .controls a.next:after {content: "\e080"} .screenshot-box.kl-style-1 .thescreenshot .controls a.prev:after {content: "\e079"} .screenshot-box.kl-style-2 .left-side { padding: 0 30px 25px 30px } .screenshot-box.kl-style-2 .screenshot-box__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 } } #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; overflow: hidden;} #footer .menu a {padding-right:10px;} #footer .zn_sbs .menu > li {float:left; width:50%;} #footer .menu .sub-menu {list-style:none; margin:0; padding:0; padding-left:15px;} .scfooter-icon-nocolor {background-color:#121212;} /* Newsletter */ .newsletter-signup form {margin-bottom:0;} .newsletter-signup input {vertical-align:top; margin-bottom:10px;} .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; display: inline-block; height: 40px; width:calc(90% - 130px); float:left; } .newsletter-signup .nl-submit {color:#fff; background:#CD2122; border:0; font-weight:700; font-size:13px; height:40px; padding:0; margin-left:10px; border-radius:3px; width:120px; float: left;} .newsletter-signup .nl-submit:hover {background:#000;} .newsletter-signup #result {display:inline-block; margin-bottom:10px;} .newsletter-signup #result:empty {display:inline;} @media screen and (min-width: 992px) and (max-width: 1199px){ #footer .newsletter-signup input[type="text"] { width: calc(90% - 130px); } #footer .newsletter-signup .nl-submit { width:120px; } } @media screen and (min-width: 768px) and (max-width: 991px){ #footer .newsletter-signup input[type="text"] { width: calc(100% - 80px); } #footer .newsletter-signup .nl-submit { width:70px; font-size:11px } } @media screen and (max-width: 767px){ #footer .newsletter-signup input[type="text"], #footer .newsletter-signup .nl-submit { width:100%; float:none; display:block; margin-left:0; margin-bottom:15px; } } /* NEWSLETTER SIDEBAR */ #sidebar .newsletter-signup input[type="text"], .zn_sidebar .newsletter-signup input[type="text"], [id*='sidebar-widget-'] .newsletter-signup input[type="text"], .zn_sidebar .newsletter-signup input {width: 100%; margin-left: 0;} .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_smaller.png) no-repeat right top;} /* SOCIAL SHARING */ .social-share {margin:25px 0 0; padding:0; list-style:none; text-align:center;} .social-share li {display:inline-block; margin-left:10px; width: 90px; max-height: 20px; vertical-align: top;} .social-share li.sc-gplus { width: 70px; } .social-share li.sc-pinterest > a { width: 40px !important; margin-left: -40px !important; vertical-align: top !important; } .social-share.sc--colored {margin-top:15px;} .social-share.sc--colored li {padding: 10px; border-radius: 3px;} .social-share.sc--colored li.sc-facebook { background: #3B5998; } .social-share.sc--colored li.sc-twitter { background: #3CF; } .social-share.sc--colored li.sc-gplus { background: #D34836; width: 70px; } .social-share.sc--colored li.sc-pinterest { background: #CB2027; } /* TWITTER FEED */ .twitterFeed-wrapper { background:url(../images/twitter-bird.png) no-repeat 15px center #444; padding: 15px 75px 15px 60px; position:relative; border-radius:3px; margin-bottom:15px; } .twitterFeed-wrapper:after {content:''; position:absolute; bottom:-10px; left:15px; border:5px solid transparent; border-top-color:#444;} .twitterFeed {font-size:12px; color:#fff; font-style:italic; overflow: hidden; } .twitterFeed ul {margin:0; padding:0; list-style:none; font-size:11px;} .twitterFeed .twTime {display:inline-block; color:#9d9d9d; padding-left:10px; border-left:1px solid #707070; font-size:11px; position:absolute; right: -65px; top: 0; bottom: 0; width: 45px; vertical-align: middle;line-height: 1;} /*.twitterFeed > div:not(:only-child) {margin-bottom: 10px;}*/ .twitter-feed > iframe { max-height: 20px;} /* 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; } .tstfd--dark .testimonials_fader .has-left-border {border-left-color: #1D1D1D; } .tstfd--dark .testimonials_fader ul li:after {color:#1D1D1D;} .elm-testimonial-fader .th-controls {opacity:.2; -webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out;} .elm-testimonial-fader:hover .th-controls {opacity:1;} .testimonials_fader .th-controls a {color:#ccc;} .testimonials_fader .th-controls a:hover {color:#aaa;} /* 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:#ddd; } .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%; } /* 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; } .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: #cd2122; } .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 #cd2122 } .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;} /* Dark VT */ .verttabs--dark.kl-style-1 .tabbable .nav>li>a {color: #B9B9B9; } .verttabs--dark.kl-style-1 .tabbable .nav>li>a>span {color: #595959;} .verttabs--dark.kl-style-1 .tabbable .nav>li>a.active>span, .verttabs--dark.kl-style-1 .tabbable .nav>li>a:hover>span {color:#898989;} /* 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%; margin-top: -6px; 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; } /* Dark */ .verttabs--dark.kl-style-2 .tabbable .nav > li > a {color: #7A7A7A; background-color: #000; border-bottom: 1px solid #222222; border-right: 1px solid #222222; border-left: 1px solid #222222; background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#000), color-stop(100%,rgba(16, 16, 16, 0.5))); background-image: -webkit-linear-gradient(left, #000 0%,rgba(16, 16, 16, 0.5) 100%); background-image: linear-gradient(to right, #000 70%,rgba(16, 16, 16, 0.5) 100%); } .verttabs--dark.kl-style-2 .tabbable .nav > li:first-child > a { border-top: 1px solid #222222;} .verttabs--dark.kl-style-2 .tabbable .nav > li.active > a { color: #ECECEC; } .verttabs--dark.kl-style-2 .tabbable .nav > li > a > span {color: #666666; } .verttabs--dark.kl-style-2 .tabbable .tab-content { background-color: #000; border: 1px solid #222222;} /* MQ's */ @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;} .verttabs--dark.kl-style-2 .tabbable .nav > li.active > a {background-color: #000;} .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; } .verttabs--dark .tabbable .tab-content {border-left-color:#3A3A3A; } .vertical_tabs.kl-style-2 .tabbable .tab-content {width:70%;} } @media (max-width: 767px) { .vertical_tabs.kl-style-2 .tabbable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vertical_tabs .tabbable>.nav { margin-bottom: 25px; } .vertical_tabs.kl-style-1 .tabbable .nav {margin-right:0;} .vertical_tabs.kl-style-1 .tabbable .nav > li > a { background-color: rgba(0,0,0,0.05); padding: 14px 20px; border-top:1px solid rgba(0,0,0,0.1); } .vertical_tabs.kl-style-1 .tabbable .nav > li:first-child > a {border-radius: 3px 3px 0 0; border-top: 0;} .vertical_tabs.kl-style-1 .tabbable .nav > li:last-child > a {border-right: 0 0 3px 3px} .vertical_tabs.kl-style-2 .tabbable .nav {margin-right:0;} .vertical_tabs.kl-style-2 .tabbable .nav > li > a {border-right: 1px solid #ddd; } .vertical_tabs.kl-style-2 .tabbable .nav > li:first-child > a {border-top-right-radius: 3px;} .vertical_tabs.kl-style-2 .tabbable .nav > li:last-child > a {border-bottom-right-radius: 3px;} } /*stat boxes */ .zn_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: 22px; color:#8f8f8f;vertical-align: top;} .statbox h4 {font-size: 26px; font-weight: 400; text-transform: uppercase; color:#CD2122;line-height: 1;margin-top: 0;} .statbox h6 {color:#969696;margin-bottom: 0;margin-top: 0;line-height: 1;} /* dark */ .stsbx--dark .statbox { background:#000; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8) } .stsbx--dark .statbox__fonticon { color:#bcbcbc;} .stsbx--dark .statbox h6 {color:#aaa;} /* skills diagram (shortcode) */ #skills_diagram {float:right; width:600px; position:relative;} #skills_diagram .legend {position:absolute; right:0; top:40px; text-align: right;} #skills_diagram #thediagram { width:600px; height:500px; margin-top:-50px; float:right; } #skills_diagram .skills {margin:0; padding:0; list-style:none;} #skills_diagram .skills li {float: right; clear: both; padding: 0 15px; height: 25px; line-height: 25px; color: white; margin-bottom: 1px; font-size: 14px;} /* skills diagram (element) */ .kl-skills-diagram {width:600px; position: relative;} .skills-responsive-diagram {padding-bottom: 100%; height:0; position:relative;} .kl-diagram { position:absolute; left:0; top:0; width:100%; height: 100%; } .kl-skills-legend {position:absolute;} .kl-skills-legend.legend-topright { left: 100%; top:40px; text-align: left;} .kl-skills-legend.legend-bottomright { left: 100%; bottom:40px; text-align: left;} .kl-skills-legend.legend-topleft { right: 100%; top:40px; text-align: right;} .kl-skills-legend.legend-bottomleft { right: 100%; bottom:40px; text-align: right;} .kl-skills-list {margin:0; padding:0; list-style:none; direction: ltr;} .kl-skills-list li { padding: 0 13px; height: 25px; line-height: 25px; color: white; margin-bottom: 2px; font-size: 12px;font-weight: 300; display: inline-block;} .kl-skills-legend > h4 { font-size: 14px; font-weight: 600; margin-top: 0;} @media (max-width: 1199px){ .kl-skills-diagram .kl-skills-legend { position: static; left: auto; top: auto;} } @media (max-width: 767px){ body .kl-skills-diagram {width:100%;} } /* PRICING TABLES */ .spacer{ height: 50px; } .no-space {margin-left:0;} .no-space [class*="span"] {margin-left: 0; } .row-fluid.no-space [class*="span"] {margin-left:0; } .row-fluid.no-space .span1 {width: 8.334% !important;} .row-fluid.no-space .span2 {width: 16.667% !important;} .row-fluid.no-space .span3 {width: 25% !important;} .row-fluid.no-space .span4 {width: 33.334% !important;} .row-fluid.no-space .span5 {width: 41.667% !important;} .row-fluid.no-space .span6 {width: 50% !important;} .row-fluid.no-space .span7 {width: 58.333% !important;} .row-fluid.no-space .span8 {width: 66.666% !important;} .row-fluid.no-space .span9 {width: 75% !important;} .row-fluid.no-space .span10 {width: 83.334% !important;} .row-fluid.no-space .span11 {width: 91.666% !important;} .row-fluid.no-space .span12 {width: 100% !important;} @media (max-width: 767px) { .row-fluid.no-space [class*="span"] {width: auto !important;} } .pricing_table { text-align: center; margin: 25px 0;} .pricing_table .tb_header {background-color: #8AB623; } .pricing_table .tb_header h4 { margin: 0; padding: 15px 0; border-bottom: 3px solid #5E852C; color: white; font-size:20px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); font-weight:700; border-top-left-radius:3px; border-top-right-radius:4px; } .pricing_table .price { margin: 0; padding: 15px 0; border-bottom: 2px solid white; font-size: 46px; color: #fff; text-shadow: 1px 1px 0 black; font-weight: 900; letter-spacing: 0; line-height: 1; } .pricing_table .price p:first-letter{ font-weight: 300; margin-right: 2px; font-size: 26px; } .pricing_table .price p{ margin: 0; } .pricing_table .price p span{ display:block; padding:4px; font-size:14px; font-weight:500;} .pricing_table .tb_content {margin:0; padding:0; list-style:none;} .pricing_table .tb_content li { margin: 0; padding: 5px 0; font-size:12px; line-height: 2;} .pricing_table .tb_content li:nth-child(odd){ background-color: rgba(0,0,0,0.1); } .pricing_table .tb_content li:first-child{ border-top: 1px solid white; } .pricing_table .tb_content li hr {margin: 10px 50px;} .pricing_table .signin {padding:15px 0 15px; background: rgba(0, 0, 0, 0.15); border-top: 3px solid #5E852C;} .pricing_table .pr_table_col {background:#fff; position:relative; z-index:0; box-shadow:0 0 8px rgba(0,0,0,0.1);} .pricing_table [class*="span"]:nth-child(odd) .pr_table_col {background-color: #F1F1F1; } .pricing_table .pr_table_col.highlight {z-index:1;} .pricing_table .pr_table_col:hover {z-index:2;} .pricing_table .pr_table_col.highlight, .pricing_table .pr_table_col:hover {margin-top:-15px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);} .pricing_table .pr_table_col.highlight .tb_content li, .pricing_table .pr_table_col:hover .tb_content li { padding: 7px 0;} .pricing_table .pr_table_col.highlight .price, .pricing_table .pr_table_col:hover .price { padding: 20px 0;} .pricing_table .pr_table_col { -webkit-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out;} .pricing_table .pr_table_col.caption_column {margin-top:50px; box-shadow:none;} .pricing_table .pr_table_col.caption_column .tb_header {font-size:18px; padding:41px 0; color:#444; font-weight:700; border-bottom:2px solid #fff; background:#eee; text-shadow:1px 1px 0 #fff;} .pricing_table .pr_table_col.caption_column .tb_content li {padding: 5px 0; text-align:left; text-indent:30px; background:#eee;} /* pricing table skins */ .pr_table_col[data-color=red] .tb_header h4 { border-bottom: 3px solid #941414; } .pr_table_col[data-color=red] .signin { border-top: 3px solid #941414; } .pr_table_col[data-color=red] .tb_header { background-color: #CD2122; } .pr_table_col[data-color=blue] .tb_header h4 { border-bottom: 3px solid #345370; } .pr_table_col[data-color=blue] .signin { border-top: 3px solid #345370; } .pr_table_col[data-color=blue] .tb_header { background-color: #2A8FBD; } .pr_table_col[data-color=green] .tb_header h4 { border-bottom: 3px solid #5E852C; } .pr_table_col[data-color=green] .signin { border-top: 3px solid #5E852C; } .pr_table_col[data-color=green] .tb_header { background-color: #8AB623; } .pr_table_col[data-color=turquoise] .tb_header h4 { border-bottom: 3px solid #0A817F; } .pr_table_col[data-color=turquoise] .signin { border-top: 3px solid #0A817F; } .pr_table_col[data-color=turquoise] .tb_header { background-color: #12C6C2; } .pr_table_col[data-color=orange] .tb_header h4 { border-bottom: 3px solid #AF3F08; } .pr_table_col[data-color=orange] .signin { border-top: 3px solid #AF3F08; } .pr_table_col[data-color=orange] .tb_header { background-color: #EB540A; } .pr_table_col[data-color=purple] .tb_header h4 { border-bottom: 3px solid #630C72; } .pr_table_col[data-color=purple] .signin { border-top: 3px solid #630C72; } .pr_table_col[data-color=purple] .tb_header { background-color: #8A2D9A; } .pr_table_col[data-color=yellow] .tb_header h4 { border-bottom: 3px solid #A8A80A; } .pr_table_col[data-color=yellow] .signin { border-top: 3px solid #A8A80A; } .pr_table_col[data-color=yellow] .tb_header { background-color: #D6D609; } .pr_table_col[data-color=green_lemon] .tb_header h4 { border-bottom: 3px solid #708D0B; } .pr_table_col[data-color=green_lemon] .signin { border-top: 3px solid #708D0B; } .pr_table_col[data-color=green_lemon] .tb_header { background-color: #9CC607; } .pr_table_col[data-color=dark] .tb_header h4 { border-bottom: 3px solid #000; } .pr_table_col[data-color=dark] .signin { border-top: 3px solid #000; } .pr_table_col[data-color=dark] .tb_header { background-color: #333; } .pr_table_col[data-color=light] .tb_header h4 { border-bottom: 3px solid #747474; } .pr_table_col[data-color=light] .signin { border-top: 3px solid #747474; } .pr_table_col[data-color=light] .tb_header { background-color: #aaa; } .pricing_table.rounded-corners [class*="span"]:first-child .tb_header {border-top-left-radius:5px; } .pricing_table.rounded-corners [class*="span"]:last-child .tb_header {border-top-right-radius:5px; } .pricing_table.rounded-corners .pr_table_col:hover .tb_header, .pricing_table.rounded-corners .highlight .tb_header {border-top-left-radius:5px; border-top-right-radius:5px; } .pricing_table.rounded-corners .pr_table_col:hover, .pricing_table.rounded-corners .highlight { border-radius:5px; } .pricing_table.rounded-corners .pr_table_col:hover .signin, .pricing_table.rounded-corners .highlight .signin {border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .pricing_table.rounded-corners [class*="span"]:last-child .tb_header {border-top-right-radius:5px; } .pricing_table.rounded-corners [class*="span"]:first-child .pr_table_col, .pricing_table.rounded-corners [class*="span"]:first-child .signin {border-bottom-left-radius:5px; } .pricing_table.rounded-corners [class*="span"]:last-child .pr_table_col, .pricing_table.rounded-corners [class*="span"]:last-child .signin {border-bottom-right-radius:5px; } /* 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 { width:28%; margin-top:195px; } .pricing-table-element .plan-column, .pricing-table-element .features-column {float:left; } .pricing-table-element[data-columns="1"] .plan-column {width:100%;} .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, .pricing-table-element .features-column ul {display: table;} .pricing-table-element .plan-column ul li, .pricing-table-element .features-column ul li {display:table-row;} .pricing-table-element .plan-column .inner-cell, .pricing-table-element .features-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 .features-column .inner-cell {text-align: right; font-size: 14px; font-weight: 600;padding-right: 30px; border-bottom: 1px solid rgba(230, 231, 232, 0.5);color: #909090;} .pricing-table-element .features-column li:first-child .inner-cell {border-top: 1px solid rgba(230, 231, 232, 0.5);} .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:#cd2122; 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; } .table-responsive .pricing-table-element {margin:30px;} /* Dark Version */ .prt--dark.pricing-table-element {background:#000; border:1px solid #191817; color:#999999; } .prt--dark.pricing-table-element .plan-column {border-left-color: #191817; } .prt--dark.pricing-table-element .plan-column:first-child {border-left: 0; } .prt--dark.pricing-table-element .plan-column .inner-cell, .prt--dark.pricing-table-element .features-column .inner-cell {border-bottom-color: #191817;} .prt--dark.pricing-table-element .features-column .inner-cell { border-bottom-color: rgba(25,24,23, 0.5); color: #909090;} .prt--dark.pricing-table-element .features-column li:first-child .inner-cell {border-top-color: rgba(25,24,23, 0.5);} .prt--dark.pricing-table-element .plan-column ul li:nth-child(odd):not(:first-child) {background:#050404;} .prt--dark.pricing-table-element .plan-column .subscription-price {color:#666666; } .prt--dark.pricing-table-element .plan-column .subscription-price .currency {color:#BCBCBC;} .prt--dark.pricing-table-element .plan-column .subscription-price .price {color:#BCBCBC;} .prt--dark.pricing-table-element .plan-column.featured { box-shadow: 0 0 10px 4px rgba(0,0,0, 0.25); background: #000;} @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: calc(100% + 40px); margin: 30px -10px;} .pricing-table-element[data-columns="2"] .plan-column.featured { width: calc(50% + 40px); } .pricing-table-element[data-columns="3"] .plan-column.featured { width: calc(33.3333% + 40px); } .pricing-table-element[data-columns="4"] .plan-column.featured { width: calc(25% + 40px); } .pricing-table-element[data-columns="5"] .plan-column.featured { width: calc(20% + 40px); } /* With features column */ .pricing-table-element[data-columns="1"] .features-column ~ .plan-column.featured { width:72%; } /* with features-col */ .pricing-table-element[data-columns="2"] .features-column ~ .plan-column.featured { width: calc((72% / 2) + 40px); } /* with features-col */ .pricing-table-element[data-columns="3"] .features-column ~ .plan-column.featured { width: calc((72% / 3) + 40px); }/* with features-col */ .pricing-table-element[data-columns="4"] .features-column ~ .plan-column.featured { width: calc((72% / 4) + 40px); } /* with features-col */ .pricing-table-element[data-columns="5"] .features-column ~ .plan-column.featured { width: calc((72% / 5) + 40px); } /* with features-col */ } .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:attr(data-featuredtitle); opacity:.4; font-size: 12px; font-weight: 600; line-height: 20px; display:block;} .pricing-table-element .plan-column.featured .subscription-price .inner-cell {background:#cd2122; 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;} /* dark */ .prt--dark.pricing-table-element .plan-column.featured .plan-title {color:#D2D2D2;} @media only screen and (max-width: 991px) { .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: calc(100% / 2); } /* with features-col */ .pricing-table-element[data-columns="3"] .features-column ~ .plan-column { width: calc(100% / 3); }/* with features-col */ .pricing-table-element[data-columns="4"] .features-column ~ .plan-column { width: calc(100% / 4); } /* with features-col */ .pricing-table-element[data-columns="5"] .features-column ~ .plan-column { width: calc(100% / 5); } /* with features-col */ .pricing-table-element .plan-column.featured { margin: -20px 0; } } @media only screen and (max-width: 767px) { .table-responsive-normal .pricing-table-element .plan-column { width:100% !important; } .table-responsive-normal .pricing-table-element .plan-column:not(.featured) {border:solid #cdcdcd; border-width: 3px 0;} .table-responsive-normal .pricing-table-element .plan-column.featured {margin-bottom: 0} .prt--dark.pricing-table-element .plan-column:not(.featured) {border:solid #cdcdcd;} /* Overflow Y responsive table */ .pr-table-responsive {border:0;} .pr-table-responsive .pricing-table-element {min-width: 1140px; margin-left:0; margin-right:0;} } /* process boxes */ .process_box { position: relative; padding: 0; margin-bottom: 80px; box-shadow: none; } .process_box:after { border-color: transparent; border-top-color: #eee; border-width: 10px; margin-left: -10px; left: 10%;} .process_box:before { border-color: transparent; border-top-color: #ccc; border-width: 13px; margin-left: -13px; left: 10%;} .stepsbox3--dark .process_box:after { border-top-color: #111;} .stepsbox3--dark .process_box:before { border-top-color: #343434;} .process_box[data-align=right]:after, .process_box[data-align=right]:before {right: 10%; left:auto; margin-left: 0;} .process_box[data-align=right]:before {margin-right: -13px;} .process_box[data-align=center]:after, .process_box[data-align=center]:before {left: 50%; } .process_box[data-align=center]:after {border-top-color: #fff;} .stepsbox3--dark .process_box[data-align=center]:after {border-top-color: #000;} .process_box .number { padding: 0;height: 100%; position: absolute; left: 0;top: 0; bottom: 0; width: 240px; text-align: center; float:left;} .process_box .number span { font-size:100px; font-weight:900; color: #333; vertical-align: middle; position: relative; top: 50%; line-height: 1; display: block; } .process_box .content {margin-left: 240px; padding: 25px 35px 20px 35px; float:left; font-size: 14px; line-height: 30px; color: #929292; background-color: #fff } .stepsbox3--dark .process_box .content { color: #6D6D6D; background-color: #000 } .process_box .stp_title { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #333; } .stepsbox3--dark .process_box .stp_title { color: #CCCCCC; } .process_box[data-align=right] .number {left:auto; right:0; border-right:0; } .process_box[data-align=right] .content {margin-left:auto; margin-right:240px; padding: 25px 35px 20px 35px; color: #929292; line-height: 30px; font-size: 14px; } @media (min-width: 768px) { .process_box .number span { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .process_box[data-align=right] .content { text-align: right; } .process_box .content:before, .process_box .content:after { -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .process_box .content:before { position: absolute; content: ''; top: 0; width: 2px; height: 100%; background-color: #cd2122; } .process_box[data-align=left] .content:before { left: 240px; } .process_box[data-align=right] .content:before { right: 240px; } .process_box:hover .content:before { width: 5px; } .process_box .content:after { position: absolute; content: ''; border: 14px solid; border-color: transparent; top: 50%; margin-top: -14px; } .process_box[data-align=left] .content:after { left: 242px; border-left-color: #cd2122; } .process_box[data-align=right] .content:after { right: 242px; border-right-color: #cd2122; } .process_box[data-align=left]:hover .content:after { left: 245px; } .process_box[data-align=right]:hover .content:after { right: 245px; } .process_box:after, .process_box .number:before, .process_box .number:after { background-color: #F1F1F1 !important; } .stepsbox3--dark .process_box:after, .stepsbox3--dark .process_box .number:before, .stepsbox3--dark .process_box .number:after { background-color: #0E0E0E !important; } .process_box:after { position: absolute; content: ''; width: calc(100% - 234px); height: 6px; bottom: -43px; } .process_box[data-align=left]:after { left: 130px; } .process_box[data-align=right]:after { right: 114px; } .process_box .number:before, .process_box .number:after { position: absolute; content: ''; width: 6px; height: 50px; } .process_box .number:before { top: -37px; } .process_box .number:after { bottom: -37px; } .process_box:first-child .number:before, .process_box.last .number:after, .process_box.last:after { content: none; } .process_box.last { margin-bottom: 0 } } /* sidebars */ @media screen and (min-width: 992px){ .left_sidebar {float:right;} } #sidebar, [id*='sidebar-widget-'], .zn_sidebar { padding: 20px 15px; border-radius: 3px; margin-bottom: 20px; background: white; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);} .kl-sidebar--dark {background: #121212; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.45);} #sidebar .widget, .zn_sidebar .widget, [id*='sidebar-widget-'] .widget {margin-bottom:35px;} .sidebar .widget .widgettitle {color: #050505; line-height: 1.4; margin: 10px 0 15px; padding-bottom: 20px; position: relative; font-size: 14px; text-transform: uppercase;} .kl-sidebar--dark .widget .widgettitle {color:#FAFAFA;} .sidebar .widget .widgettitle:after {content: ''; position: absolute; left: 0; bottom: 2px; width: 50px; height: 0; border-bottom: 1px solid #cd2122;} .sidebar .widget .widgettitle:before {content: ''; position: absolute; left: 0; bottom: 2px; width: 100%; height: 0; border-bottom: 1px solid #ececec;} .kl-sidebar--dark .widget .widgettitle:before {border-bottom-color: #2D2D2D;} .sidebar .widget ul.menu, .sidebar .widget ul.pagenav, .sidebar .widget_meta > ul {margin:0; padding:0; list-style:none;} .sidebar .widget ul.menu li, .sidebar .widget ul.pagenav li, .sidebar .widget_meta > ul li {margin-bottom:0;} .sidebar .widget ul.menu li a, .sidebar .widget ul.pagenav li a, .sidebar .widget_meta > ul a {color: #747474; display: block; padding: 5px 0; position: relative; border-radius: 2px;} .kl-sidebar--dark .widget ul.menu li a, .kl-sidebar--dark .widget ul.pagenav li a, .kl-sidebar--dark .widget_meta > ul a {color: #ababab; } .sidebar .widget ul.menu li a::before, .sidebar .widget ul.pagenav li a::before, .sidebar .widget_meta > ul a::before {content: ''; display: inline-block; margin-right: 12px; width: 8px; height: 2px; background: #E1E1E1; vertical-align: middle; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .kl-sidebar--dark .widget ul.menu li a::before, .kl-sidebar--dark .widget ul.pagenav li a::before, .kl-sidebar--dark .widget_meta > ul a::before {background: #454545;} .sidebar .widget ul.menu li.active > a, .sidebar .widget ul.pagenav li.active a, .sidebar .widget ul.menu li.current-cat > a, .sidebar .widget ul.pagenav li.current-cat > a, .sidebar .widget ul.menu li > a:hover, .sidebar .widget ul.pagenav li a:hover, .sidebar .widget_meta > ul a:hover {color: #000000;} .kl-sidebar--dark .widget ul.menu li > a:hover, .kl-sidebar--dark .widget ul.pagenav li a:hover, .kl-sidebar--dark .widget_meta > ul a:hover {color:#eee;} .sidebar .widget ul.menu li a:hover::before, .sidebar .widget ul.pagenav li a:hover::before, .sidebar .widget_meta > ul a:hover::before {width: 12px; margin-right: 8px;} div.cloudBlock a { padding: 4px; float: left; display: block; } /* 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; } .historic--dark.timeline_bar:before {background-color: rgba(255, 255, 255, 0.09);} .timeline_bar > .row {margin-bottom:0;} .timeline_box {background:#fff; border-radius:3px; margin: 30px 30px 30px 0; padding:30px; position:relative;} .historic--dark .timeline_box {background:#000;} 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;} .historic--dark .timeline_box:after {border-left-color:#000; } div[data-align=right] .timeline_box:after {left:-20px; right:auto; border-left-color:transparent; border-right-color:#fff;} .historic--dark div[data-align=right] .timeline_box:after {border-right-color:#000;} .timeline_box:before {content:"\e109"; position:absolute; font-family: 'Glyphicons Halflings'; font-size: 18px; top:50%; right:-70px; background:#E5E5E5; color: #fff; width:50px; height:50px; margin-top: -25px; border-radius:50%; text-align: center; line-height: 50px; box-sizing: content-box;} .historic--dark .timeline_box:before {background:#121212;} 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;} .historic--dark .end_timeline > span {background:#000;} .timeline_box:hover:before {background-color: #cd2122;} .timeline_box .date {font-size:13px; font-weight:700; background:#fff; display:inline-block; padding:5px 10px; border-radius:2px; position:absolute; top:50%; margin-top: -14px; right:-100px; color:#787878;right: auto; white-space: nowrap; left: -webkit-calc(100% + 90px); left: calc(100% + 90px);} .historic--dark .timeline_box .date {background:#000; color:#cbcbcb;} .timeline_box .htitle { font-weight: bold; } div[data-align=right] .timeline_box .date {left: auto; right: calc(100% + 90px); right: -webkit-calc(100% + 90px); } /*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%);} .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 #CD2122; color:#eee; } .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 #CD2122; 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:13px; margin-top: 17px; line-height: 1;} .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; } /* 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;} .offline-page .ud_counter .till_lauch {margin: 10px 0; width: 100%; height: 70px; vertical-align: middle; } .offline-page .till_lauch img {max-height:100%;} } /* testimonial box style 4 */ .testimonial_box4 blockquote {background:#fff; border:4px solid #eee; margin:0 0 10px; padding:15px; font-size:12px; font-style:italic; color:#474747; position:relative;} .testimonial_box4 blockquote:after {content:''; position:absolute; bottom:-14px; left:15px; border:7px solid transparent; border-top-color:#fff; } .testimonial_box4 blockquote + h5 {margin-top:0; margin-left:5px; font-size:13px; font-weight:500;} /* 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; } .kl-skin--dark .error404-content h2{ text-shadow:0 0 28px rgba(214, 214, 214, 0.12); } .error404-content h3{ font-size:30px; text-align:center; opacity:0.2;} .error404 .search {margin:40px auto; max-width: 300px; } /* team members */ .team_member {background:#fff; padding:0 0 5px;position: relative;} .team_member:hover {box-shadow:0 0 20px rgba(0,0,0,0.2); border-radius:4px;} .team_member .details {padding:0 20px 20px; overflow:hidden; opacity:0; visibility:hidden; position: absolute; background:#fff; box-shadow:0 12px 20px rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size:11px;} .teambox--dark, .teambox--dark .details{background:#121212;} .team_member:hover .details {opacity:1; visibility:visible;} .team_member:hover {z-index:2;} .team_member > h4, .team_member > h6 {padding:0 20px;} .team_member .details .social-icons {padding: 0; margin-left: -4px; margin-right: -4px;} .team_member .details .social-icons li {margin:0 4px;} .team_member .details .social-icons li:first-child {margin-left:0;} .team_member .details { width: 100%; } .sctb-icon-nocolor {background-color:#121212;} @media screen and (max-width: 767px){ .team_member {clear: both; padding:20px; margin-bottom: 20px} .team_member:before, .team_member:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .team_member:after {clear: both; } .team_member a.grayHover {overflow: hidden; position: relative; float: left; display: inline-block; max-width: 130px; margin-right: 20px;} .team_member .details {float: left; overflow: visible; visibility: visible; opacity: 1; position: static; background: none; box-shadow: none; width: auto; padding: 10px 0 0;} } /* map controls */ .th-map_controls {margin:0; padding:0; list-style:none; position:absolute; width:auto; top:50%; margin-top:-45px; right:20px; width:30px; background:#CD2122; border-radius:2px; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);} .th-map_controls li a {display:block; width:30px; height:30px; text-align:center; border-top:1px solid #ccc; border-top:1px solid rgba(0,0,0,0.1); cursor:pointer;} .th-map_controls li a:hover {background:#111} .th-map_controls li:first-child a {border-top:0;} .th-map_controls li a span {margin-top:6px; color: #fff;} /*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; } .cf--dark .contact_form .form-control { box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.85); border-color:#262626; color: #ababab; background-color: #131313; } .form-control:focus { border-color: rgba(0, 0, 0, 0.26); box-shadow: inherit; } .cf--dark .form-control:focus { border-color: rgba(255, 255, 255, 0.26);} .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; 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 16px; 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: 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; } textarea.form-control { width: 100%; max-width: 100%; } /* For dark placeholders */ .cf--dark .kl-fancy-form input::-webkit-input-placeholder {color: #ababab; } .cf--dark .kl-fancy-form input:focus::-webkit-input-placeholder {color: #cecece; } /* Firefox < 19 */ .cf--dark .kl-fancy-form input:-moz-placeholder {color: #ababab; } .cf--dark .kl-fancy-form input:focus:-moz-placeholder {color: #cecece; } /* Firefox > 19 */ .cf--dark .kl-fancy-form input::-moz-placeholder {color: #ababab; } .cf--dark .kl-fancy-form input:focus::-moz-placeholder {color: #cecece; } /* Internet Explorer 10 */ .cf--dark .kl-fancy-form input:-ms-input-placeholder {color: #ababab; } .cf--dark .kl-fancy-form input:focus:-ms-input-placeholder {color: #cecece; } /* BLOG */ .eBlog.itemListView {margin-bottom:35px;} .eBlog .itemContainer {margin-bottom:35px; padding: 30px 30px 15px 30px; position:relative; border-radius: 3px; background: #FFF; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);} .eBlog.kl-blog--dark .itemContainer {background: #121212; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.8);} .eBlog .itemContainer:after {position:absolute; bottom:0; left:50%; margin-left:-3px; width:0; height:0; border-style:solid; border-color:transparent; border-width:5px; content: ""; } .eBlog.kl-blog--dark .itemContainer:after {border-bottom-color: #292929 !important;} .eBlog .post_details {font-size:11px; color: #9a9a9a; margin-bottom: 15px; text-transform: uppercase; padding: 10px 0 10px; position:relative; -webkit-transition:opacity 150ms ease-in; transition:opacity 150ms ease-in;} .eBlog.kl-blog--dark .post_details {color: #9a9a9a;} .eBlog .post_details [class^="icon-"], .eBlog .itemLinks li [class^="icon-"], .eBlog .itemTagsBlock [class^="icon-"] {margin: 0 5px 0 0;padding: 0;} .eBlog .itemTitle { margin: 0 0 10px } .eBlog .itemBody { line-height: 1.8 } .eBlog.itemView .itemBody { margin-bottom: 50px } .eBlog .post_details:before {content: ''; position: absolute; left: 0; top: -1px; width: 60px; height: 1px; background-color: #ddd } .eBlog.kl-blog--dark .post_details:before {background-color: #3B3B3B } .eBlog .post_details .infSep {display: inline-block; margin: 0 5px;} .eBlog .itemBottom { margin-top: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 15px; padding-bottom: 15px; } .eBlog.kl-blog--dark .itemBottom { border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .eBlog .readMore {font-size:14px; font-weight:bold; } .eBlog .itemLinks { float: left; list-style:none !important; font-size: 10px; color: #AAA; text-transform: uppercase; margin-top: 0; padding-left: 0; margin-bottom:0; margin-left:0;} .eBlog.kl-blog--dark .itemLinks { color: #AAA; } .eBlog .itemComments { float: right } .eBlog .itemComments a { font-size: 10px; text-transform: uppercase; } .eBlog .itemLinks li {float:left; margin-left:0; padding-left:0; } .eBlog .itemLinks li:first-child {margin-left:0; } .eBlog .itemCategory { padding-left:0;} .eBlog .itemDateCreated { padding-left:0;} .eBlog .itemTagsBlock, .eBlog .itemTagsBlock, .eBlog .userItemTagsBlock { padding-left:0; font-size: 10px; color: #AAA; text-transform:uppercase; } .eBlog.kl-blog--dark .userItemTagsBlock { color: #AAA; } .eBlog .itemContainer:not(.zn_columns) .itemTagsBlock { float: left } .eBlog .itemContainer:not(.zn_columns) .itemTagsBlock ul {margin:0 !important; padding:0 !important; list-style:none !important; display:inline;} .eBlog .itemContainer:not(.zn_columns) .itemTagsBlock ul li {display:inline; } .eBlog .itemView .itemTagsBlock { margin: 0 0 20px } .eBlog .itemView .itemTagsBlock > a, .eBlog .itemContainer:not(.zn_columns) .itemTagsBlock > a, .tagcloud a { padding: 4px 10px; background-color: #EAEAEA; margin-right: 5px; color: #9B9B9B; display: inline-block; margin-bottom: 5px; } .eBlog.kl-blog--dark .itemView .itemTagsBlock > a, .eBlog.kl-blog--dark .itemContainer:not(.zn_columns) .itemTagsBlock > a, .kl-skin--dark .tagcloud a { background-color: #000000; color: #6D6D6D;} .eBlog .itemView .itemTagsBlock > a:before, .eBlog .itemContainer:not(.zn_columns) .itemTagsBlock > a:before, .tagcloud a:before { font-family: 'Glyphicons Halflings'; content: "\e041"; margin-right: 5px; vertical-align: middle; color: #D2D2D2; } .eBlog.kl-blog--dark .itemView .itemTagsBlock > a:before, .eBlog.kl-blog--dark .itemContainer:not(.zn_columns) .itemTagsBlock > a:before, .kl-skin--dark .tagcloud a:before { color: #646464; } div.cloudBlock a { padding: 4px; float: left; display: block; } .eBlog .itemReadMore { float: right } /* Images in post content */ .itemBody img{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 1; outline: 0px; outline-offset: -5px; } .zn-bg-post-img.pull-left { margin-right: 20px; margin-bottom: 5px; } .zn-bg-post-img.pull-right { margin-left: 20px; margin-bottom: 5px; } .zn-bg-post-img.full-width { margin-bottom: 5px; } .zn-bg-post--default-view {} .itemBody img:hover{opacity: 0.8; } .eBlog .itemSocialSharing {margin-bottom:20px; margin-top:10px;} .eBlog div.itemTwitterButton {float:left;margin:2px 20px 0 0; width:80px;} .eBlog div.itemFacebookButton {float:left;margin-right:20px;width:70px;} .eBlog div.itemGooglePlusOneButton {float:left;width:70px;} .eBlog .itemList .blog-isotope-item { padding-left: 10px; padding-right: 10px } .itemContainer.zn_columns { padding: 0 0 20px; } .itemContainer.zn_columns .itemHeader, .itemContainer.zn_columns .itemBody, .itemContainer.zn_columns .itemLinks, .itemContainer.zn_columns .itemTagsBlock { padding: 0 15px; } .itemContainer.zn_columns .itemIntroText { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #F5F5F5; } .itemContainer.zn_columns.kl-blog--dark .itemIntroText { border-bottom: 1px solid #000; } .itemContainer .theHoverBorder { box-shadow: none; border-radius: 0 } .itemContainer.zn_columns .hoverBorder , .itemContainer.zn_columns .hoverBorder img {width:100%;height: auto; border-radius: 0 } .itemContainer.zn_columns .readMore { font-weight: normal } .itemContainer.zn_columns h3.itemTitle {line-height: 1.6; font-size: 16px;padding: 20px 0 0;} .itemContainer.zn_columns.zn_columns4 .readMore , .itemContainer.zn_columns.zn_columns3 .readMore {font-size: 13px;} .itemThumbnail { position: relative; } .itemThumbnail img { display: block; width: 100%; height: auto; } .itemThumbnail > a { display: block; } .itemThumbnail .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out; transition: opacity .25s ease-in-out, visibility .25s ease-in-out; } .itemContainer.zn_columns:hover .overlay { opacity: 1; visibility: visible; } .itemThumbnail .overlay__inner { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .itemThumbnail .overlay__inner a { margin: 0 auto; width: 48px; height: 48px; border-radius: 30px; display: block; border: 2px solid #fff; position: relative; text-align: center; overflow: hidden; color: #fff; line-height: 46px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .itemThumbnail .overlay__inner a:hover { width: 120px; background: #cd2122; border-color: #cd2122; } .itemThumbnail .overlay__inner a:before { content: "+"; position: absolute; left: 50%; margin-left: -6px; font-size: 20px; font-weight: bold; opacity: 1; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .itemThumbnail .overlay__inner a:hover:before { opacity: 0; } .itemThumbnail .overlay__inner a:after { content: attr(data-readmore); opacity: 0; font-size: 11px; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .itemThumbnail .overlay__inner a:hover:after { opacity: 1; } .eBlog .featured-post { position: relative; padding: 0; } .eBlog .itemContainer.featured-post:after { content: none; } .eBlog .featured-post .zn_full_image { position: relative; border-bottom: none; min-height: 220px;} .eBlog .featured-post .zn_full_image img { width: 100%; } .eBlog .featured-post .zn_sticky_no_image { min-height: 400px; background-color: #333; } .eBlog .featured-post .itemFeatContent { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; } .eBlog .featured-post .itemFeatContent:before { content: ''; position: absolute; top: -50%; left: 0; width: 100%; height: 150%; background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); opacity:0; visibility: hidden; -webkit-animation: animFadeIn .4s ease-in .7s 1 normal forwards running; animation: animFadeIn .4s ease-in .7s 1 normal forwards running; } @-webkit-keyframes animFadeIn {from {opacity:0; visibility: hidden; } to {opacity:1; visibility: visible;} } @keyframes animFadeIn {from {opacity:0; visibility: hidden; } to {opacity:1; visibility: visible;} } .eBlog .featured-post .itemFeatContent-inner {position: relative;} .eBlog .featured-post .itemHeader { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 15px; padding-bottom: 15px; } .eBlog .featured-post .itemTitle { font-size: 20px; text-transform: uppercase; font-weight: normal; line-height: 1.6; margin: 0 0 15px; } .eBlog .featured-post .post_details { color: rgba(255, 255, 255, 0.4); padding: 0; margin: 0; } .eBlog .featured-post .post_details:before { content: none; } .eBlog .featured-post .itemLinks { color: rgba(255, 255, 255, 0.4); } .eBlog .featured-post a { color: #fff; } .eBlog .featured-post a:hover { opacity:.75; } @media (max-width: 480px) { .eBlog .featured-post .zn_sticky_no_image { min-height: 200px; } .eBlog .featured-post .itemFeatContent { padding: 10px 15px; } .eBlog .featured-post .itemTitle, .eBlog .itemTitle { font-size: 16px; line-height: 1.6; margin: 0 0 10px } .eBlog .featured-post .itemHeader { margin-bottom: 10px; padding-bottom: 10px; } } #th-content-post .page-title { padding-bottom: 0; border-bottom: 0 } /* Post Author */ .eBlog .post-author .author-avatar { float: left; width: 100px; margin-right: 20px; } .eBlog .post-author .author-avatar img { display: block; max-width: 100%; height: auto; border-radius: 50%; } .eBlog .post-author { color: #535353; margin-bottom: 50px; overflow: hidden; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 30px 0;} .eBlog.kl-blog--dark .post-author { color: #C5C5C5; border-top: 1px solid rgba(233, 233, 233, 0.1); border-bottom: 1px solid rgba(233, 233, 233, 0.1); } .eBlog .author-details > h4 { text-transform: uppercase; } /* Related Articles */ .eBlog .related-articles .rta-title { font-size: 14px; text-align: center; text-transform: uppercase; margin: 0 0 20px; } .eBlog .related-articles .rta-post > a { display: block; position: relative; } .eBlog .related-articles .rta-post > a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background-color: #cd2122; -webkit-transition: height .25s ease-in-out; transition: height .25s ease-in-out; } .eBlog .related-articles .rta-post:hover > a:after { height: 8px } .eBlog .related-articles .rta-post h5 { text-transform: uppercase; } /* Pagination */ .pagination {margin: 10px 0 20px; text-align:center; display: block; text-transform: uppercase; font-size: 10px; line-height: 1.6; color: #888; } /* Do some bootstrap resetting */ .pagination ul, ul.pagination {list-style-type: none; padding: 10px 0;} .pagination li {display: inline-block; margin: 0 5px;} .pagination li > a, .pagination li > a:focus, .pagination li > a:hover, .pagination li > span, .pagination li > span:focus, .pagination li > span:hover { border:0; background:none; text-shadow:none; } /* Normal state */ .pagination li a, .pagination li > span, .pagination p.counter {font-size: 12px; text-transform:uppercase; font-weight: 600; padding: 0; display: inline-block; margin: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; float: none; color: rgba(0, 0, 0, 0.85);border-radius: 3px;} /* Move left and right arrows */ .pagination li:first-child {margin-right: 50px;} .pagination li:last-child { margin-left:50px;} /* hide first or last if no pages */ .pagination li:first-child > span, .pagination li:last-child > span { display: none;} /* Add left & right glyphs */ .pagination li:first-child span.zn_icon, .pagination li:last-child span.zn_icon { line-height: 40px;} /* Hover state */ .pagination li a:hover, .pagination li:first-child > a:hover:before, .pagination li:last-child > a:hover:before { color: rgba(0, 0, 0, 0.5); } /* Active */ .pagination .active>a, .pagination .active>a:focus, .pagination .active>a:hover, .pagination .active>span, .pagination .active>span:focus, .pagination .active>span:hover { color: rgba(0, 0, 0, 0.5); background: none; border: 2px solid rgba(0, 0, 0, 0.18); height: 40px; line-height: 38px; width: 40px;} /* Dark version */ .pagination--dark .pagination {color: #C1C1C1; } .pagination--dark .pagination li a, .pagination--dark .pagination li > span, .pagination--dark .pagination p.counter {color: rgba(255, 255, 255, 0.85);} .pagination--dark .pagination li a:hover, .pagination--dark .pagination li:first-child > a:hover:before, .pagination--dark .pagination li:last-child > a:hover:before { color: rgba(255, 255, 255, 0.5); } .pagination--dark .pagination .active>a, .pagination--dark .pagination .active>a:focus, .pagination--dark .pagination .active>a:hover, .pagination--dark .pagination .active>span, .pagination--dark .pagination .active>span:focus, .pagination--dark .pagination .active>span:hover { color: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.18); } /* 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-compacted {max-height: 150px; overflow: hidden; position: relative;} .portfolio-item-desc-inner-compacted: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-cat--dark .portfolio-item-share a, .portfolio-item--dark .portfolio-item-share a {color: rgba(255, 255, 255, 0.5);} .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 */ .stickit { position: absolute; padding-right: 15px; } .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 (max-width: 991px){ .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; } .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(31, 34, 37, 0.25); -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 #cd2122; } .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: #fff; width: 60px; height: 60px; line-height: 58px; border: 2px solid #fff; 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; } .portfolio-crsl--dark .portfolio-item { border-bottom-color: rgba(255,255,255,.1); } .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;} /* Portfolio carousels frame */ .pt-content-title { font-size: 32px; line-height: 1.4; margin-bottom: 20px; font-weight: 300; } .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; } .portfolio-crsl--dark .ptcarousel--frames-classic {border-color:#111; box-shadow:0 0 0 2px #000, 0 0 6px #000; } .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;} .portfolio-crsl--dark .ptcarousel--frames-classic:after {border-right-color:#000; } .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;} .portfolio-crsl--dark .ptcarousel--frames-classic:before {border-right-color:#111; } /* Modern frame */ .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); } .portfolio-crsl--dark .ptcarousel--frames-modern {border-color: rgba(0, 0, 0, 0.8)} .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:#CD2122; } .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:#CD2122; color:#fff;} /* SORTABLE PORTFOLIO */ .hg-portfolio-sortable h1.title {font-weight:bold;} .hg-portfolio-sortable .ptf-stb-sorting { float:right; margin:0; font-size: 10px; text-transform: uppercase; padding: 8px 10px; color:#888; border-radius: 2px; margin-top:10px;} .portfolio-sort--dark .ptf-stb-sorting {color:#ADADAD;} .hg-portfolio-sortable .ptf-stb-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 .ptf-stb-sorting ul li {display: inline-block; margin-left:10px; line-height:1; margin-bottom:0;} .hg-portfolio-sortable .ptf-stb-sorting ul li a {color: #B7B7B7; line-height:1;} .portfolio-sort--dark .ptf-stb-sorting ul li a {color: #969595;} .hg-portfolio-sortable .ptf-stb-sorting ul li a.selected {color: #131313} .portfolio-sort--dark .ptf-stb-sorting ul li a.selected {color: #FFFFFF} .hg-portfolio-sortable .ptf-stb-sorting .sortTitle {line-height:1;} .hg-portfolio-sortable .ptf-stb-ptfnav {margin:5px 0 40px; padding:0; list-style:none; float: left;} .hg-portfolio-sortable .ptf-stb-ptfnav li {float:left;} .hg-portfolio-sortable .ptf-stb-ptfnav li a { background: #fff; color: #888; padding:15px; line-height: 1; font-size: 10px; text-transform: uppercase; display:inline-block; margin-right:0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .portfolio-sort--dark .ptf-stb-ptfnav li a {background: #000; color: #9E9E9E; } .hg-portfolio-sortable .ptf-stb-ptfnav li a:hover, .hg-portfolio-sortable .ptf-stb-ptfnav li.current a {background: #CD2122; color:#fff;} .portfolio-sort--dark .ptf-stb-ptfnav li a:hover, .portfolio-sort--dark .ptf-stb-ptfnav li.current a {color:#fff;} .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 .ptf-stb-thumbs { padding: 0; list-style: none; overflow: hidden; margin-left: -10px; margin-right: -10px; } .hg-portfolio-sortable .ptf-stb-thumbs li { width: 100%; float: left; padding: 0 10px; margin-bottom: 20px; } .hg-portfolio-sortable .ptf-stb-thumbs[data-columns="2"] li { width: 50%; } .hg-portfolio-sortable .ptf-stb-thumbs[data-columns="3"] li { width: 33.333%; } .hg-portfolio-sortable .ptf-stb-thumbs[data-columns="4"] li { width: 25%; } @media (max-width : 992px) { .hg-portfolio-sortable .ptf-stb-thumbs li { width: 33.333% !important} } @media (max-width : 768px) { .hg-portfolio-sortable .ptf-stb-thumbs li { width: 50% !important} } @media (max-width : 480px) { .hg-portfolio-sortable .ptf-stb-thumbs li { width: 100% !important} } .hg-portfolio-sortable .ptf-stb-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; } .portfolio-sort--dark .ptf-stb-thumbs li .inner-item {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.85); background: #000;} .hg-portfolio-sortable .ptf-stb-thumbs li .inner-item:hover {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); opacity:1; } .portfolio-sort--dark .ptf-stb-thumbs li .inner-item:hover {box-shadow: 0 10px 10px -10px #000;} .hg-portfolio-sortable .ptf-stb-thumbs li .inner-item h4{ display: block; line-height: 1.6; border-bottom: 1px dotted rgba(0, 0, 0, 0.17); font-size:14px; text-transform: uppercase; margin: 0; padding: 15px } .portfolio-sort--dark .ptf-stb-thumbs li .inner-item h4 {border-bottom: 1px dotted rgba(255, 255, 255, 0.17);} .hg-portfolio-sortable .ptf-stb-thumbs li .inner-item .moduleDesc { font-size: 12px; color: #777; padding:0 15px 15px; margin: 15px 0 0; display: block; } .portfolio-sort--dark .ptf-stb-thumbs li .inner-item .moduleDesc {color: #C3C3C3;} .hg-portfolio-sortable .ptf-stb-thumbs li .inner-item .moduleDesc p {margin-bottom:10px;} .hg-portfolio-sortable .ptf-stb-thumbs li.isotope-item {z-index:2;} .hg-portfolio-sortable .ptf-stb-thumbs li.isotope-hidden {z-index:1;} .hg-portfolio-sortable .inner-item iframe {display:block;} /* portfolio Category */ .zn_portfolio_category.ptfcat-one-col > .row {margin-bottom: 50px;} /* sitemaps */ .sitemap ul {margin-bottom:0; list-style:none; padding:0;margin-left: 0;} .sitemap ul li {line-height:25px;} .sitemap ul li a {background-image:url(../images/sitemap-arrow.png); background-repeat: no-repeat; } .kl-skin--dark .sitemap ul li a {background-image:url(../images/sitemap-arrow-dark.png); } .sitemap ul li a {padding-left:40px; background-position: -270px 7px; } .sitemap ul li li a {padding-left:80px; background-position: -230px 7px; } .sitemap ul li li li a {padding-left:120px; background-position: -190px 7px; } .sitemap ul li li li li a {padding-left:160px; background-position: -150px 7px; } .sitemap ul li li li li li a {padding-left:200px; background-position: -110px 7px; } /* 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: uppercase; color: #fff; text-align: center; left: 15%; right: 15%; top: 50%; margin-top: -65px; 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; } .gridPhotoGallery__link:hover:after { opacity: 1; } /* BG Overlay */ .gridPhotoGallery__img:after { content: ''; position: absolute; background-color: rgba(28, 31, 32, 0.25); 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 } } /*** Icon Box - Default element */ .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__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: 42px;} img.kl-iconbox__icon {max-width: 100px;} .kl-iconbox--theme-light, .kl-iconbox--theme-light a {color:#fff;} .kl-iconbox--theme-dark, .kl-iconbox--theme-dark a {color:#323232;} @media screen and (min-width: 481px){ /* 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; } } @media screen and (min-width: 768px) and (max-width: 991px){ .kl-iconbox--fleft .kl-iconbox__icon-wrapper , .kl-iconbox--fright .kl-iconbox__icon-wrapper {float:none; margin-left: 0; margin-right: 0; } } /* 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;} .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%; } .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;} .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;} /* Element Appear - Fade In */ .el--appear.el--appear-fadein {opacity:0; -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .el--appear.el--appear-fadein.el--appeared {opacity:1; } /* Element Appear - Slide from left */ .el--appear.el--appear-sfl {opacity:0; -webkit-transform:translateX(-150px); -ms-transform:translateX(-150px); transform:translateX(-150px); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .el--appear.el--appear-sfl.el--appeared {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);} /* Element Appear - Slide from right */ .el--appear.el--appear-sfr {opacity:0; -webkit-transform:translateX(150px); -ms-transform:translateX(150px); transform:translateX(150px); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .el--appear.el--appear-sfr.el--appeared {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);} /* Element Appear - Slide from Top */ .el--appear.el--appear-sft {opacity:0; -webkit-transform:translateY(-150px); -ms-transform:translateY(-150px); transform:translateY(-150px); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .el--appear.el--appear-sft.el--appeared {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);} /* Element Appear - Slide from Bottom */ .el--appear.el--appear-sfb {opacity:0; -webkit-transform:translateY(150px); -ms-transform:translateY(150px); transform:translateY(150px); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .el--appear.el--appear-sfb.el--appeared {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);} /* Element Appear - Scale IN */ .el--appear.el--appear-scale {opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);} .el--appear.el--appear-scale.el--appeared {opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);} /*** GRID ICON BOXES */ .grid-ibx {} .grid-ibx__item { float:left; text-align: center; padding-left: 20px; padding-right: 20px; position: relative; -webkit-backface-visibility:hidden; height: 200px;} .grid-ibx--theme-light .grid-ibx__item {background-color:#f2f2f2;} .grid-ibx--theme-dark .grid-ibx__item {background-color:#0D0D0D;} .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:60px; 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);} .grid-ibx__item:hover .grid-ibx__icon {color:#cd2122;} .grid-ibx--theme-light .grid-ibx__icon {color:#343434;} .grid-ibx--theme-dark .grid-ibx__icon {color:#CBCBCB;} /* 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;} .grid-ibx--theme-dark.grid-ibx--style-lined-full, .grid-ibx--theme-dark.grid-ibx--style-lined-full .grid-ibx__item {border-color: rgba(255,255,255,0.1); } /* 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--theme-dark.grid-ibx--style-lined-center, .grid-ibx--theme-dark.grid-ibx--style-lined-center .grid-ibx__item {border-color: rgba(255,255,255,0.1);} .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--theme-dark.grid-ibx--style-lined-gradient .grid-ibx__ghelper { border-color:rgba(255,255,255,0.2);} .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--theme-dark.grid-ibx--style-lined-gradient .grid-ibx__item:before, .grid-ibx--theme-dark.grid-ibx--style-lined-gradient .grid-ibx__item:after {background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 60%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0) 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: #cd2122; 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%,#cd2122), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, #cd2122 0%,transparent 100%); background: -webkit-linear-gradient(top, #cd2122 0%, transparent 100%); background: linear-gradient(to bottom, #cd2122 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--theme-dark.grid-ibx--hover-shadow .grid-ibx__item:hover { box-shadow: 0 40px 120px -20px rgba(0,0,0,1); 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; border-radius: 3px;} /*.grid-ibx--theme-light.grid-ibx--hover-scale .grid-ibx__item:hover { background: #fff; } .grid-ibx--theme-dark.grid-ibx--hover-scale .grid-ibx__item:hover { background: #000; }*/ .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--theme-dark.grid-ibx--hover-shadowscale .grid-ibx__item:hover { background: #000; box-shadow: 0 40px 120px -20px rgba(0,0,0,0.9); } .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: 550px){ .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 */ /*** 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; } .stage-ibx__point:hover:after, .stage-ibx__point.is-hover:after { box-shadow: 0 0 0 5px #FFFFFF, 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].is-hover:before {opacity:1; visibility:visible; margin-bottom:20px} } /*** END STAGE ICON BOXES */ /** Devices Images Element */ .el-devimages {} .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: 670px; 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: 600px; 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} } /*** SearcBox Element */ .elm-searchbox__form {border-radius: 4px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); position: relative;} .elm-searchbox__input, .elm-searchbox__submit { height:50px; float:left;border:0; vertical-align: middle; outline:none; margin:0; top:0; } .elm-searchbox__input { width:calc(100% - 130px); background:#fff; border-radius: 4px 0 0 4px; padding-left: 20px; -webkit-transition: padding-left .15s ease-out; transition: padding-left .15s ease-out; } .elm-searchbox__input:focus { padding-left: 30px; } .elm-searchbox__submit { width:130px; border-radius: 0 4px 4px 0; } .elm-searchbox__submit:not(.glyphicon) { font-size: 14px; font-weight: 600; } /* Normal Style */ .elm-searchbox--normal .elm-searchbox__submit { color:#fff; background-color: #cd2122; } .elm-searchbox--normal .elm-searchbox__submit:hover { background-color: #000; } /* Normal with transparent button */ .elm-searchbox--normal2 .elm-searchbox__submit { color:#999; background-color: #fff; position: relative; } .elm-searchbox--normal2 .elm-searchbox__submit:after { content:''; position: absolute; width: 1px; height:86%; top:7%; left:0; background-color: rgba(0,0,0,0.1) } .elm-searchbox--normal2 .elm-searchbox__submit:hover { color: #767676; } /* Transparent */ .elm-searchbox--transparent .elm-searchbox__input { border:1px solid rgba(255,255,255,.7); border-right:0; background:rgba(255,255,255,.3); color:#fff; } .elm-searchbox--transparent .elm-searchbox__input::-webkit-input-placeholder {color: #fff; } .elm-searchbox--transparent .elm-searchbox__input:-moz-placeholder {color: #fff; } .elm-searchbox--transparent .elm-searchbox__input::-moz-placeholder {color: #fff; } .elm-searchbox--transparent .elm-searchbox__input:-ms-input-placeholder {color: #fff; } .elm-searchbox--transparent .elm-searchbox__submit { color:#fff; background-color: #cd2122; } .elm-searchbox--transparent .elm-searchbox__submit:hover { background-color: #000; } /* Transparent with transparent button */ .elm-searchbox--transparent2 .elm-searchbox__input { border:1px solid rgba(255,255,255,.7); border-right:0; background:rgba(255,255,255,.1); color:#fff; } .elm-searchbox--transparent2 .elm-searchbox__input::-webkit-input-placeholder {color: #fff; } .elm-searchbox--transparent2 .elm-searchbox__input:-moz-placeholder {color: #fff; } .elm-searchbox--transparent2 .elm-searchbox__input::-moz-placeholder {color: #fff; } .elm-searchbox--transparent2 .elm-searchbox__input:-ms-input-placeholder {color: #fff; } .elm-searchbox--transparent2 .elm-searchbox__submit { color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.7); border-left:0; position: relative; } .elm-searchbox--transparent2 .elm-searchbox__submit:after { content:''; position: absolute; width: 1px; height:86%; top:7%; left:0; background-color: rgba(255,255,255,0.7) } .elm-searchbox--transparent2 .elm-searchbox__submit:hover { color:rgba(255,255,255,.8); } /* Typing effect */ .elm-searchbox__input-text { max-width: 400px; position: absolute; display: block; top:50%; left:0; padding-left:20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); pointer-events:none; font-size: 14px; line-height: 1; color:#595959; overflow: hidden; white-space: nowrap; -webkit-animation: elm-searchbox__inputtext 4s steps(50, end); animation: elm-searchbox__inputtext 4s steps(50, end); } .elm-searchbox__input-text:after {content:' |'; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; } .elm-searchbox__input.is-focused + .elm-searchbox__input-text { opacity:0; visibility: hidden; } @-webkit-keyframes elm-searchbox__inputtext{ from { max-width: 0; } } @keyframes elm-searchbox__inputtext{ from { max-width: 0; } } @-webkit-keyframes blink{ to{opacity: .0;} } @keyframes blink{ to{opacity: .0;} } .elm-searchbox--transparent .elm-searchbox__input-text, .elm-searchbox--transparent2 .elm-searchbox__input-text {color:#fff;} /* MQ's */ @media screen and (max-width: 767px){ .elm-searchbox__submit { width:130px !important; } .elm-searchbox__input { width:calc(100% - 130px) !important; } } /*** End SearcBox Element */ /*** Newsletter Box Element */ .elm-nlbox__form {border-radius: 4px; position: relative; margin-bottom: 10px;} .elm-nlbox__input, .elm-nlbox__submit { height:50px; float:left; border:0; vertical-align: middle; outline:none; margin:0; top:0; } .elm-nlbox__icon { font-size:16px; } .elm-nlbox__input { width:calc(100% - 130px); background:#fff; border-radius: 3px; padding-left: 20px; -webkit-transition: padding-left .15s ease-out; transition: padding-left .15s ease-out; } .elm-nlbox__input:focus { padding-left: 30px; } .elm-nlbox__submit { width:130px; border-radius: 3px; } .elm-nlbox__submit:not(.glyphicon) { font-size: 14px; font-weight: 600; } /* Normal Style */ .nlbox--style-normal .elm-nlbox__submit { color:#fff; background-color: #cd2122; } .nlbox--style-normal .elm-nlbox__submit:hover { background-color: #000; } /* Normal with transparent button */ .nlbox--style-normal2 .elm-nlbox__submit { color:#999; background-color: #fff; position: relative; } .nlbox--style-normal2 .elm-nlbox__submit:hover { color: #767676; } /* Transparent */ .nlbox--style-transparent .elm-nlbox__input { border:1px solid rgba(255,255,255,.7); background:rgba(255,255,255,.3); color:#fff; } .nlbox--style-transparent .elm-nlbox__input::-webkit-input-placeholder {color: #fff; } .nlbox--style-transparent .elm-nlbox__input:-moz-placeholder {color: #fff; } .nlbox--style-transparent .elm-nlbox__input::-moz-placeholder {color: #fff; } .nlbox--style-transparent .elm-nlbox__input:-ms-input-placeholder {color: #fff; } .nlbox--style-transparent .elm-nlbox__submit { color:#fff; background-color: #cd2122; } .nlbox--style-transparent .elm-nlbox__submit:hover { background-color: #000; } /* Transparent with transparent button */ .nlbox--style-transparent2 .elm-nlbox__input { border:1px solid rgba(255,255,255,.7); background:rgba(255,255,255,.1); color:#fff; } .nlbox--style-transparent2 .elm-nlbox__input::-webkit-input-placeholder {color: #fff; } .nlbox--style-transparent2 .elm-nlbox__input:-moz-placeholder {color: #fff; } .nlbox--style-transparent2 .elm-nlbox__input::-moz-placeholder {color: #fff; } .nlbox--style-transparent2 .elm-nlbox__input:-ms-input-placeholder {color: #fff; } .nlbox--style-transparent2 .elm-nlbox__submit { color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.7); position: relative; } .nlbox--style-transparent2 .elm-nlbox__submit:hover { color:rgba(255,255,255,.8); } /* Layout - single */ .nlbox--layout-single .elm-nlbox__form {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);} .nlbox--layout-single .elm-nlbox__input {border-radius: 4px 0 0 4px;} .nlbox--layout-single .elm-nlbox__submit {border-radius: 0 4px 4px 0;} .nlbox--style-normal2.nlbox--layout-single .elm-nlbox__submit:after { content:''; position: absolute; width: 1px; height:86%; top:7%; left:0; background-color: rgba(0,0,0,0.1) } .nlbox--style-transparent.nlbox--layout-single .elm-nlbox__input { border-right-width:0;} .nlbox--style-transparent2.nlbox--layout-single .elm-nlbox__input {border-right-width:0;} .nlbox--style-transparent2.nlbox--layout-single .elm-nlbox__submit { border-left-width:0; } .nlbox--style-transparent2.nlbox--layout-single .elm-nlbox__submit:after { content:''; position: absolute; width: 1px; height:86%; top:7%; left:0; background-color: rgba(255,255,255,0.7) } /* Layout - split */ .nlbox--layout-separate .elm-nlbox__input {width: calc(100% - 140px); margin-right: 10px;} .nlbox--layout-separate .elm-nlbox__input, .nlbox--layout-separate .elm-nlbox__submit { } /* Layout - rows */ .nlbox--layout-rows .elm-nlbox__input { width:100%; display: block; margin-bottom: 10px } /* Layout - rows full */ .nlbox--layout-rows-full .elm-nlbox__input { margin-bottom: 10px } .nlbox--layout-rows-full .elm-nlbox__input, .nlbox--layout-rows-full .elm-nlbox__submit { width:100%; display: block; } /* MQ's */ @media screen and (max-width: 767px){ .elm-nlbox__submit { width:130px !important; } .elm-nlbox__input { width:calc(100% - 130px) !important; } .nlbox--layout-separate .elm-nlbox__input {width: calc(100% - 140px) !important;} } /*** End Newsletter Box Element */ /*** 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; } .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; } /* 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; } } /*** End Media Container Element */ /* 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__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: 3px; background-color: #ccc;} .tbk--text-dark.tbk-symbol--line .tbk__symbol span {background-color: #333333;} .tbk-symbol--line.tbk-icon-pos--after-title .tbk__symbol {margin-bottom:20px; margin-top:-5px;} /* 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--text-dark.tbk-symbol--border2 .tbk__symbol span {background-color: #333333;} .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;} .tbk--text-dark.tbk-symbol--border2.tbk-icon-pos--after-title .tbk__border-helper {border-bottom-color:#2D2D2D;} /* Symbol - small line and border */ .tbk-symbol--line_border .tbk__symbol span {display: inline-block; width:50px; height: 3px; background-color: #ccc; 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: #ccc; vertical-align: middle; } .tbk--text-dark.tbk-symbol--line_border .tbk__symbol:before, .tbk--text-dark.tbk-symbol--line_border .tbk__symbol:after, .tbk--text-dark.tbk-symbol--line_border .tbk__symbol span {background-color: #333;} /* 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% - 75px); height: 1px; background-color: #ccc;} .tbk--text-dark.tbk--left.tbk-symbol--line_border .tbk__symbol:after {background-color: #333;} /* 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--text-dark.tbk--right.tbk-symbol--line_border .tbk__symbol:before {background-color: #333;} .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__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;} /* Theme Color */ .tbk--colored.tbk-symbol--line .tbk__symbol span, .tbk--colored.tbk-symbol--line_border .tbk__symbol span, .tbk--colored.tbk-symbol--border .tbk__symbol span {background-color:#cd2122;} .tbk--colored.tbk-symbol--icon .tbk__icon {color:#cd2122;} .tbk--colored.tbk-symbol--border2 .tbk__border-helper {border-bottom-color:#cd2122;} /* 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, .playVideo:focus { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); color:#fff;} .playVideo ~ h5 { margin:40px auto 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; } /* 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); } .ts-pt-partners__link {padding-left:5px; padding-right:5px; display:block;} } /* * New styles and tweaks * @since v3.6.9 */ /* Callout Banner */ .callout-banner { margin-bottom: 40px; margin-top: 20px;} .callout-banner .m_title {font-weight: 300; font-size: 24px; line-height: 1.6; position: relative; padding-top :20px; margin-top:0; } .callout-banner .m_title strong { font-weight:600; } .callout-banner .m_title:before { content:''; position: absolute; top:0; left:0; width:80px; height:3px; background:#000; opacity: 0.1; } .calloutbanner--dark .m_title:before {background:#fff;} /* Callout Banner style 2 */ .circlehover.style2 { width: 100%; height: 75px; text-align: center; color: white; font-size: 18px; padding: 10px 20px; display: table; line-height: 1.3; background-color: #CD2122; position: relative; font-weight: 300; text-shadow: none; border-radius: 4px; box-shadow: none;} .circlehover.style2:before { content: ''; position: absolute; background-color: #CD2122; width: 100%; height: 100%; top: initial; bottom: -4px; left: 0; border-radius: 3px; -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); z-index: 1;} .circlehover.style2:after { content: ''; position: absolute; background-color: #dcdcdc; width: 90%; height: 16px; top: initial; bottom: -9px; left: 11px; border-radius: 3px;-webkit-transform: skewY(-3deg);-ms-transform: skewY(-3deg);transform: skewY(-3deg);} .circlehover.style2.with-symbol > span.symbol { line-height: 73px;} .circlehover.style2.with-symbol > span.symbol img { max-height: 48px;} /* Callout Banner style 3 */ .circlehover.style3 { width: 150px; height: 150px; box-shadow: none;} .circlehover.style3:before { left: 3px; top: inherit; bottom: 25px; -webkit-transform: skewY(-28deg) rotate(27deg); -ms-transform: skewY(-28deg) rotate(27deg); transform: skewY(-28deg) rotate(27deg);} .circlehover.style3 .text { background: #000; display: block; position: absolute; bottom: 15px; right: -23px; min-width: 100px; padding: 3px 10px; font-style: italic; border-radius: 4px; font-size: 13px; line-height: 20px;} .calloutbanner--dark .circlehover.style3 .text {color:#fff;} .circlehover.style3.with-symbol > span.symbol { line-height: 150px;} .triangle { display: none;} .circlehover.style3 .triangle { display: block;position: absolute; left: 72px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 65px;} .circlehover.style3 .play-icon { display: block; background-color: #fff; -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1,.866); -ms-transform: rotate(-60deg) skewX(-30deg) scale(1,.866); transform: rotate(-60deg) skewX(-30deg) scale(1,.866); position: relative; text-align: left;} .circlehover.style3 .play-icon:before, .circlehover.style3 .play-icon:after { content: ''; position: absolute; background-color: inherit; } .circlehover.style3 .play-icon, .circlehover.style3 .play-icon:before, .circlehover.style3 .play-icon:after {width: 16px; height: 16px; border-top-right-radius: 30%;} .circlehover.style3 .play-icon {-webkit-transform: rotate(-60deg) skewX(-30deg) scale(1,.866);-ms-transform: rotate(-60deg) skewX(-30deg) scale(1,.866);transform: rotate(-60deg) skewX(-30deg) scale(1,.866);} .circlehover.style3 .play-icon:before {-webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);-ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);} .circlehover.style3 .play-icon:after {-webkit-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);-ms-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);} .circlehover.style3:hover .triangle {display: none;} /* site helpers */ .noBgImage {background-image:none;} .full_width { max-width: 100%;} .text_align_left {text-align:left !important;} .text_align_right {text-align:right !important;} .text_align_center {text-align:center !important;} /* transparent content */ div.pp_kalypso.transparent .pp_content .ppt, div.pp_kalypso.transparent #pp_full_res .pp_inline{color: #ccc; margin-right: 20px; line-height: 1.4;} div.pp_kalypso .pp_social .facebook {width: 80px; } /* offer-banners */ .offer-banners .offer-banners-link {margin-bottom:20px; display: block} .offer-banners.ob--resize-default {} .offer-banners.ob--resize-no-resize {} .offer-banners.ob--resize-cover .offer-banners-img {background-size: cover; background-repeat: no-repeat; background-position: center;} /* SHOP LATEST // BEST SELLING TABS - CAROUSEL */ .shop-latest .tabbable .nav {border-bottom:3px solid #e7e7e7;padding-bottom: 15px; margin-bottom: 20px; /*text-align: center;*/ } .shop-latest .tabbable .nav li {float:left; margin-left:20px; padding-left:20px; float: none; display: inline-block;} .shop-latest .tabbable .nav li:first-child {margin-left:0; padding-left:0; border-left:0;} .shop-latest .tabbable .nav li a {font-size:18px; text-transform: uppercase; color:#595959; position:relative; padding: 0; } .shop-latest .tabbable .nav li a:hover {color:#595959; background-color: transparent;} .shop-latest .tabbable .nav li.active a {color:#CD2122; background-color: transparent;} .shop-latest .tabbable .nav li.active a:after {content:''; position:absolute; bottom:-15px; left:50%; margin-left:-4px; border:4px solid transparent; border-bottom-color:#cd2122; } .shop-latest .tabbable .nav li.active a:before { position: absolute; content: ''; bottom: -18px; left: 0; width: 100%; height: 3px; background-color: #cd2122; } .shop-latest .tab-content {overflow: visible;} .shop-latest .tab-content > .tab-pane { display: block; visibility: hidden; height: 0; overflow:hidden; } .shop-latest .tab-content > .active { visibility: visible; height: auto; } /* Dark */ .spp--dark.shop-latest .tabbable .nav {border-bottom-color:#121313;} .spp--dark.shop-latest .tabbable .nav li a {color:#A6A6A6;} .spp--dark.shop-latest .tabbable .nav li a:hover {color:#A6A6A6;} /* MQ's' */ @media screen and (max-width:767px){ .shop-latest .tabbable .nav li {float:none; width:100%; padding-left:0; margin-left:0; display:block; margin-bottom:10px;} .shop-latest .tabbable .nav li.active {margin-left:10px;} .shop-latest .tabbable .nav li.active a:after , .shop-latest .tabbable .nav li.active a:before { display:none;} } /* Shop Latest - Content */ .shop-latest-carousel {position:relative;} .shop-latest-carousel.spp-carousel--enabled {margin-right:40px;} .spp-carousel-list {margin:0; padding:0; list-style:none; } .spp-carousel-list > li {float:left; margin-right:20px; width:270px;} /* With Carousel Disabled */ .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list {margin-left: -10px; margin-right: -10px;} .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list > li {margin-bottom: 30px; margin-left: 10px; margin-right: 10px;} .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-1 > li {width:calc(100% - 20px);} .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-2 > li {width:calc(50% - 20px);} .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-3 > li {width:calc(33.3333% - 20px);} .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-4 > li {width:calc(25% - 20px);} .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-5 > li {width:calc(20% - 20px);} .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-6 > li {width:calc(16.6666% - 20px);} /* Controls */ .spp-carousel-controls {position:absolute; right:0; top:0; margin-right:-40px; height:100%; width:40px;z-index: 0;} .spp-carousel-controls-nav {width:40px; height:49.5%; background:#f1f1f1; display:block !important; position:absolute; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .shop-latest-carousel:hover .spp-carousel-controls-nav {background:#eee;} .spp-carousel-controls-nav:hover, .shop-latest-carousel:hover .spp-carousel-controls-nav:hover { background:#dedede; } .spp-carousel-controls-nav.prev {top: 50%;} .spp-carousel-controls-nav span {position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px;} /* Dark */ .spp--dark.shop-latest .spp-carousel-controls-nav {background:#0E0E0E;} .spp--dark.shop-latest .shop-latest-carousel:hover .spp-carousel-controls-nav {background:#111;} .spp--dark.shop-latest .spp-carousel-controls-nav:hover, .spp--dark.shop-latest .shop-latest-carousel:hover .spp-carousel-controls-nav:hover { background:#212121; } /* MQ's */ @media screen and (max-width: 991px){ .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-4 > li, .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-5 > li, .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-6 > li {width:calc(33.3333% - 20px);} } @media screen and (max-width: 767px){ .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-3 > li, .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-4 > li, .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-5 > li, .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-6 > li {width:calc(50% - 20px);} .shop-latest .shop-latest-carousel .star-rating {display: none;} } @media screen and (max-width: 550px){ .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-2 > li, .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-3 > li, .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-4 > li, .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-5 > li, .shop-latest-carousel.spp-carousel--disabled .spp-carousel-list.spp-list--cols-6 > li {width:100% !important; margin-left: 0; margin-right: 0; float:none !important;} } .spp-products-rows > .row {margin-bottom:30px;} .spp-products-rows .spp-title {margin-bottom:20px; font-size: 26px;} /* limited offers carousel */ .limited-offers-carousel {position:relative; margin-bottom: 40px;} .zn_limited_offers {margin:0; padding:0; list-style:none; height:194px;} .zn_limited_offers li {float:left; margin-right:20px; width:158px; min-height: 240px; position:relative; border:2px solid #e8e8e8; text-align:center; background: #ffffff;} .limited-offers-carousel.lofc--single .zn_limited_offers li {margin-right: 0} .zn_limited_offers li:hover {border:2px solid #bbb;} .zn_limited_offers li:after {content:attr(data-discount); font-size:11px; color:#fff; font-weight:bold; background:#c51212; line-height:1; padding:4px 6px; position:absolute; left:10px; top:10px;} .zn_limited_offers li:before, .zn_limited_offers .zn_badge_container { display: none;} .zn_limited_offers .product-list-item .kw-prodimage {max-height:120px; line-height:120px; margin:10px 10px 15px 10px;overflow:hidden;} .zn_limited_offers .product-list-item .kw-prodimage img {max-height:120px; width:auto;} .zn_limited_offers .product-list-item .kw-details {padding:0;} .zn_limited_offers .product-list-item:hover .kw-details {background-color: #fff;} .zn_limited_offers .product-list-item .kw-details-title {margin: 0 0 0px; font-size: 12px; line-height:1.6;font-weight: 400;} .zn_limited_offers .product-list-item .price { margin-top:0; } .zn_limited_offers .product-list-item .price del, .zn_limited_offers .product-list-item .price ins {/* font-size: 100% !important; */} .zn_limited_offers li {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .limited-offers-carousel .controls {width:58px; background:#fff; position:absolute; border:2px solid #e8e8e8; text-align:center; right: 0; top:0; height:100%; } .limited-offers-carousel .controls:after {content:''; position:absolute; top:50%; width: 70%; margin-left: 17%; left:0; border-top:1px solid #e8e8e8;} .limited-offers-carousel .controls a {position:absolute; width:54px; height:50%; display:block !important; opacity:.5; } .limited-offers-carousel .controls a:hover {opacity:1; } .limited-offers-carousel .controls a.prev {top:50%;} .limited-offers-carousel .controls a span {position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px;} .limited-offers-carousel.lofc--single .controls {display: none;} /* Dark */ .slo--dark .zn_limited_offers li {border-color:#171717; background: #000;} .slo--dark .zn_limited_offers li:hover {border-color: #bbb;} .slo--dark .zn_limited_offers li:after {color:#000;} .slo--dark .zn_limited_offers .product-list-item:hover .kw-details {background-color: #000;} .slo--dark .limited-offers-carousel .controls {background:#000; border-color:#171717;} .slo--dark .limited-offers-carousel .controls:after {border-top-color: #171717;} @media (min-width: 768px){ .limited-offers-carousel:not(.lofc--single) .caroufredsel_wrapper {width: calc(100% - 80px) !important; } } @media (max-width: 767px){ .limited-offers-carousel {margin-bottom: 40px;} .limited-offers-carousel .controls {width:44px;} .limited-offers-carousel .controls a {width:40px;} } /* 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; } /* shop-features */ .shop-features {margin-bottom:30px;} .shop-features .title {margin:0; line-height:1.3;} .shop-features .shop-feature {background:#E8E8E8; color:#fff; padding:20px 10px; border-radius:3px; position: relative; } .shop-features .shop-feature:hover {background:#CD2122;} .shop-features .shop-feature > img {float: left; margin: 0 20px 0 0;} .shop-feature > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .shop-features .shop-feature > img {float: left; max-height: 40px; margin: 0 20px 0 0; } .shop-features .shop-feature .sf-text { margin-left: 60px; } .shop-features .shop-feature .sf-text > h4 {color: #333; line-height: 1.6; text-transform: uppercase; margin: 0 0 7px; font-size: 16px; font-weight: normal; } .shop-features .shop-feature .sf-text > h5 {color: #535353; line-height: 1.6; margin: 0; font-weight: normal; } .shop-features .shop-feature:hover .sf-text > h4, .shop-features .shop-feature:hover .sf-text > h5 { color: #fff; } /* register form */ form .form-row input.input-text, form .form-row textarea {height:auto; min-height:30px; } .redbtn {background:#CD2122;} /* 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, .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_element .box, .team_member, .ptcarousel .controls > a, .shop-features .shop-feature, .timeline_box:before { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* MENU CHASER STYLES */ .chaser {display: none} @media screen and (min-width:992px){ .chaser {display:block; background:rgba(0,0,0,0.85); padding:0; position:fixed; left:-2999px; right:0; top:0; width:100%; z-index: 99999; 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;} .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 .zn_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} .chaser .main-menu .zn_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 .zn_mega_container > ul { padding-top: 0; padding-bottom:20px} .chaser .main-menu .zn_mega_container > ul:first-child { padding-top: 20px; } .chaser .main-menu .zn_mega_container > ul:last-child { padding-bottom: 30px; } .chaser .main-menu .zn_mega_container ul ul {background: none; padding: 10px 0 0;} .chaser .main-menu .zn_mega_container .zn_mega_title {border-bottom:1px solid #454545; background:none;} .chaser .main-menu .zn_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:7px 15px; -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) + .zn_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) + .zn_mega_container { left:-15px !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:#cd2122;} .chaser .zn-mega-new-item {display: none;} .chaser .sub-menu li a[href="#custom-separator"], .chaser .sub-menu li.menuitem-separator > a {text-indent: -2999px; padding: 0; background-color: rgba(0, 0, 0, 0.3) !important; background-clip: padding-box; height: 5px;} } /* TOOLTIP FADE */ .fade {opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } /*-----------------------------------------------------------------------------------*/ /* *Blog Comments /*-----------------------------------------------------------------------------------*/ .zn_comments { margin-top: 20px; } .zn_comments label {display: block; margin-bottom: 5px; } .zn_comments textarea {max-width: 100% !important; } .zn_comments .form-control {width: 100%; } .commentlist { margin-left: 0; list-style-type: none; padding-left: 0; } .commentlist > li { margin-bottom: 15px; } .commentlist > li > .children { margin-bottom: 0; margin-top: 15px;} .commentlist li .photo , #reviews #comments ol.commentlist li img { display: block; width: 64px; height: 64px; float: left; margin-right: 15px; overflow: hidden; padding: 2px; border: 1px solid #ddd; line-height: 0; border-radius:2px } .commentlist li .comment-author { font-size: 13px; font-weight: bold;} .commentlist li .comment-meta { font-size: 11px; font-style: normal; margin-bottom: 5px; color:#999;} .commentlist li .comment-meta a { color:#999;} .commentlist > li .comment-meta a.comment-edit-link { float: right; margin-right: 52px; position: relative; top: -20px; } .commentlist > li p , #reviews #comments ol.commentlist li .meta{ padding-left: 85px; margin: 4px 0 10px; } .commentlist > li .reply { position: absolute; right: 0; top: 0; } .commentlist > li a.comment-reply-link {position: absolute; top: -1px; right: -1px; padding: 3px 7px; font-size: 10px; font-weight: bold; background-color: whiteSmoke; border: 1px solid #DDD; color: #9DA0A4; border-radius: 0 4px 0 4px; text-transform: uppercase;} .commentlist > li a.comment-reply-link:hover {color:#222;} .commentlist > li .reply a.comment-reply-link {font-size: 11px; padding: 3px 6px; border-radius: 3px; } .commentlist > li .reply a:hover.comment-reply-link { text-decoration: none; } .commentlist li .comment-body { margin-bottom: 15px; position: relative; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; } .commentlist li.comment > div[id*="comment-"] {position: relative; margin: 0; padding: 10px; background-color: white; border: 1px solid #DDD; border-radius: 4px;} .commentlist .children { margin-bottom: 0; margin-left: 0; padding-left: 50px; border-left: 1px solid #fff;} .commentlist .children li { margin-bottom: 0; list-style: none;} h3#comments { font-size: 22px; line-height: 28px; margin-bottom: 20px; } h3#comments span { font-style: italic; } .commentlist .zn-separator { *zoom: 1; } .commentlist .zn-separator:before, .commentlist .zn-separator:after {display: table; content: "";line-height: 0;} .commentlist .zn-separator:after {clear: both;} /* #Respond ================================================== */ #respond { padding: 15px 0; position:relative; margin-top:15px; } .zn_comments .commentlist #respond { padding: 15px 20px 0; position:relative; background-color: #F8F8F8; border: 1px solid #ccc; border-radius: 4px; margin-top:15px; } .commentlist #respond:after {content:''; position:absolute; left:35px; top:-16px; border:8px solid transparent; border-bottom-color:#F8F8F8;} .commentlist #respond:before {content:''; position:absolute; left:34px; top:-18px; border:9px solid transparent; border-bottom-color:#ccc;} #respond .row {margin-bottom:10px;} #respond .zn_com_title {margin-top:0;} #respond .cancel-comment-reply a {position: absolute; top: -1px; right: -1px; padding: 3px 7px; font-size: 10px; font-weight: bold; background-color: #fff; border: 1px solid #ccc; border-radius: 0 4px 0 4px; text-transform: uppercase;} #respond .cancel-comment-reply a {color: #9DA0A4;} #respond .cancel-comment-reply a:hover {color:#222;} #respond p { margin-bottom: 5px; padding-left: 0 !important; } #respond .comment-notes .required { position: static; } #respond input[type="text"] { margin-bottom: 0; } #respond .form-allowed-tags code { margin-top: 10px; } /* recent comments */ #recentcomments {list-style: none outside none; margin: 0; padding: 0; } #recentcomments li {padding-left: 10px; position: relative; margin-bottom:0; } #recentcomments li:before {content:'\201C'; width:3px; height:0; position:absolute; top:0; left:0; color:#ddd;} .zn_content_no_margin {margin-bottom:0; } .zn_stats_box .mb_title span {margin-right: 3px; margin-top: 7px; } .zn_float_right {float:right; } .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .wp-smiley {margin:0 !important; max-height:1em; } blockquote.left {float:left; margin-left:0; margin-right:20px; text-align:right; width:33%; } blockquote.right {float:right; margin-left:20px; margin-right:0; text-align:left; width:33%; } .widget {margin-bottom:30px; } /* RECENT POSTS */ .widget_zn_recent_entries .zn_recent_posts.style1 .blog_type{width:40px; height:40px; background:#666; line-height:40px; text-align:center; float:left; margin:0 10px 10px 0; } .widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info {float:left; padding-top:2px; width:122px; } .widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info a{display:block; } .widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info span{font-size:90%; } .widget_zn_recent_entries .post_thumb_container {float:left; margin-right:10px; } .widget_zn_recent_entries .post_thumb_container img {width:auto; } /* ARCHIVE */ #wp-calendar {width:100%; } #wp-calendar caption {color:#333; font-size:12px; margin-bottom:15px; margin-top:10px; text-align:center; } #wp-calendar thead {font-size:10px; } #wp-calendar thead th {padding-bottom:10px; } #wp-calendar tbody {color:#aaa; } #wp-calendar tbody td {background:#f5f5f5; border:1px solid #fff; padding:8px; text-align:center; } #wp-calendar tbody td:hover {background:#fff; } #wp-calendar tbody .pad {background:none; } #wp-calendar tfoot #next {font-size:10px; text-align:right; text-transform:uppercase; } #wp-calendar tfoot #prev {font-size:10px; padding-top:10px; text-transform:uppercase; } /* @SINCE V4.0 */ /* 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 .fallback_image {background-repeat: no-repeat; background-position: center; background-size: cover; left: 0; top: 0; bottom: 0; right: 0;} .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;} .no-pointerevents .video-grid-overlay:after {display: 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: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,transparent 100%);} /* 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";} /*** Utilitites */ .round-corners {border-radius: 3px;} /* Circled Icon */ .circled-icon {display: inline-block; border-radius: 50%; width: 46px; height: 46px; line-height: 46px; box-sizing: content-box; text-align: center; position: relative; vertical-align: middle; border-width: 2px; border-style: solid;} .circled-icon:before {vertical-align: middle; display: block; line-height: 46px;} .circled-icon.ci-xsmall {width: 22px; height: 22px; line-height: 22px;} .circled-icon.ci-xsmall:before {line-height: 23px;} .circled-icon.ci-small {width: 36px; height: 36px; line-height: 36px;} .circled-icon.ci-small:before {line-height: 36px;} .circled-icon.ci-large {width: 76px; height: 76px; line-height: 76px;} .circled-icon.ci-large:before {line-height: 76px;} .circled-icon.ci-faded {border-color:rgba(255,255,255,.5);} /* Font weight helpers */ .fw-thin {font-weight: 300 !important;} .fw-normal {font-weight: 400 !important;} .fw-semibold {font-weight: 600 !important;} .fw-bold {font-weight: 700 !important;} .fw-extrabold {font-weight: 800 !important;} /* Font sizes helpers */ .fs-smaller {font-size: 70% !important;} .fs-small {font-size: 90% !important;} .fs-big {font-size: 110% !important;} .fs-bigger {font-size: 140% !important;} .fs-large {font-size: 200% !important;} /* Letter spacing */ .lt-spacing-1 {letter-spacing: 1px !important;} .lt-spacing-2 {letter-spacing: 2px !important;} .lt-spacing-3 {letter-spacing: 3px !important;} .lt-spacing-5 {letter-spacing: 5px !important;} .lt-spacing-10 {letter-spacing: 10px !important;} /* Letter spacing - Negative */ .lt-spacing-neg-1 {letter-spacing: -1px !important;} .lt-spacing-neg-2 {letter-spacing: -2px !important;} .lt-spacing-neg-3 {letter-spacing: -3px !important;} .lt-spacing-neg-5 {letter-spacing: -5px !important;} .lt-spacing-neg-10 {letter-spacing: -10px !important;} /* Opacity helpers */ .opacity0, .hov-opacity0:hover {opacity:0 !important;} .opacity1, .hov-opacity1:hover {opacity:.1 !important;} .opacity2, .hov-opacity2:hover {opacity:.2 !important;} .opacity3, .hov-opacity3:hover {opacity:.3 !important;} .opacity4, .hov-opacity4:hover {opacity:.4 !important;} .opacity5, .hov-opacity5:hover {opacity:.5 !important;} .opacity6, .hov-opacity6:hover {opacity:.6 !important;} .opacity7, .hov-opacity7:hover {opacity:.7 !important;} .opacity8, .hov-opacity8:hover {opacity:.8 !important;} .opacity9, .hov-opacity9:hover {opacity:.9 !important;} .opacity10, .hov-opacity10:hover {opacity:1 !important;} /* Reset line height */ .reset-line-height {line-height: 1} /* to uppercase */ .uppercase {text-transform: uppercase;} .flipX-icon:before { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); display: inline-block;} .flipY-icon:before { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); display: inline-block;} /* Vertical alignment utilities */ .u-v-mid {vertical-align: middle;} .u-v-top {vertical-align: top;} .u-v-bottom {vertical-align: bottom;} /* 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; } } /* 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;} .no-pointerevents .fake-loading {display: none;} .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: #cd2122; border-right-color: #cd2122; 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) } } /* ZN Section */ .zn_section {padding-top:35px; padding-bottom: 35px;} .zn_section--relative {position: relative;} .zn_section--masked { padding-bottom: 55px;} .zn_section__source + .zn_section_size {position: relative;} .kl-bg-source + .zn_section_size {position: relative;} @media screen and (max-width: 991px){ .zn_section_size.full_width {margin-left: 15px; margin-right: 15px;} } .ios-fixed-position-scr ~ .zn_section { position: relative; } /* make sure section has transparent backround */ .zn_section.zn_parallax {background-color:transparent !important;} /* Modal Windows = Custom section */ .zn_section--inlinemodal {margin-left: auto; margin-right: auto; position: relative;} .zn_pb_editor_enabled .zn_section--inlinemodal:before {content:'MODAL WINDOW'; position:absolute; right:0; top:0; background-color: #fff; border-bottom:1px solid #cd2122; border-left:1px solid #cd2122; color:#cd2122; font-size: 12px; font-weight: 600; border-radius: 0 0 0 4px; padding: 10px 15px;opacity: .5;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.55);} .zn_pb_editor_enabled .zn_section--inlinemodal:hover:before {opacity:.7} .mfp-close-btn-in .zn_section--inlinemodal .mfp-close {right: -5px; top: -45px;} .zn_pb_editor_enabled .zn_section--inlinemodal.mfp-hide {display: block !important;} .zn_section--stretch-container {padding-left: 20px; padding-right: 20px;} .zn_section--stretch-container > .container {width:100%;} /* Skewed Background Image (or color) */ .zn_section.section--skewed {z-index: 1;} .zn_section.section--skewed .kl-bg-source:not(:empty) { -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); overflow: hidden; -webkit-backface-visibility:hidden; } .zn_section.section--skewed .kl-bg-source__bgimage { -webkit-transform: skewY(-3deg); -ms-transform: skewY(-3deg); transform: skewY(-3deg); margin: -100px 0; -webkit-backface-visibility:hidden; } .zn_section.section--skewed .kl-bg-source__overlay { -webkit-transform: skewY(-3deg); -ms-transform: skewY(-3deg); transform: skewY(-3deg); margin: -100px 0; -webkit-backface-visibility:hidden; } /* Skewed Flipped */ .zn_section.section--skewed-flipped {z-index: 1;} .zn_section.section--skewed-flipped .kl-bg-source:not(:empty) { -webkit-transform: skewY(-3deg); -ms-transform: skewY(-3deg); transform: skewY(-3deg); overflow: hidden; -webkit-backface-visibility:hidden; } .zn_section.section--skewed-flipped .kl-bg-source__bgimage { -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); margin: -100px 0; -webkit-backface-visibility:hidden; } .zn_section.section--skewed-flipped .kl-bg-source__overlay { -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); margin: -100px 0; -webkit-backface-visibility:hidden; } /* 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;} .no-pointerevents .fake-loading {display: 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;} /** Hacks */ .animateme {will-change:transform;} /* MISC */ .flex-control-nav , .nivo-controlNav {z-index:100; } .zn_fixed_slider_fill {width:100%; } .ca-wrapper {overflow:hidden; } .ca-icon img {height:200px; width:auto; } /* EVENT COUNTDOWN */ .mail_when_ready {float:left; margin:0 0 15px 0; width: 100%; } .mail_when_ready form {margin:0; } .site-header .zn_mailchimp_result {max-width:307px; float:left; } /* PORTFOLIO */ .zn_other_images >div{margin-top:15px; margin-bottom:15px; } .zn_other_images {margin-top:20px; } /* 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 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: #cd2122;} .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; } /* Arrows */ .tparrows.kallyas-default { background-color: transparent;} .tparrows.kallyas-default:before {font-size: 24px; } .tp-leftarrow.kallyas-default {} .tp-rightarrow.kallyas-default {} /* 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), rgba(255,255,255,0) 70%), radial-gradient(circle at 65.72% 51.72%, rgba(255,255,255,0.3), rgba(255,255,255,0) 100%), radial-gradient(circle at 50% 50%, rgba(255,255,255,0), rgba(255,255,255,0) 50%); background-image: radial-gradient(circle at 43% 56%, rgba(255,255,255,0.3), rgba(255,255,255,0) 70%),radial-gradient(circle at 65.72% 51.72%, rgba(255,255,255,0.3), rgba(255,255,255,0) 50%),radial-gradient(circle at 50% 50%, rgba(255,255,255,0), rgba(255,255,255,0) 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:#cd2122; display:inline-block; margin-right:10px; vertical-align:middle;} /* IMAGE GALLERY */ .zn_image_gallery [class*="span"] , .row-fluid.zn_image_gallery {margin-bottom:30px; } /* Caption */ .zn_image_gallery .gallery_caption {position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; padding: 10px 15px; -webkit-transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; -webkit-backface-visibility: hidden; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); } .zn_image_gallery .hoverBorder { overflow: hidden;} .zn_image_gallery .hoverBorder:hover .gallery_caption {opacity: 0; visibility: hidden; bottom:-100%; } .popupaddcart {z-index:1000; width:250px; height:50px; line-height:50px; text-align:center; background:#d8d8d8; 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;} /* 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: #4A4A4A; } .kl-skin--dark .mfp-close-btn-in .mfp-close {color: #FFF; } .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; 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; 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; } } /* UPDATES --------------------------------------*/ /* RESPONSIVE IFRAMES */ .site-content iframe {max-width: 100%; } .site-header.no_subheader {position:relative; z-index: 100; } .row.noMargin {margin-bottom:0; } /* DOCUMENTATION PAGES */ .page-subheader.zn_documentation_page .kl-slideshow-safepadding {padding-top:80px; } .zn_pb_wrapper > .zn_pb_el_container:first-child > .page-subheader.zn_documentation_page .kl-slideshow-safepadding, .zn_pb_wrapper > .page-subheader.zn_documentation_page:first-child .kl-slideshow-safepadding {padding-top:130px; } .zn_documentation_page .zn_doc_search { position: relative; margin-top: 50px;} .zn_documentation_page .zn_doc_search form {margin:0;} .zn_documentation_page .zn_doc_search input[type="text"] {width: 100%; height:50px; margin:0; border-radius: 50px; padding: 0 20px; font-size: 20px; line-height: 23px;border: 0;} .zn_documentation_page .zn_doc_search input[type="text"]:focus { outline: none;} .zn_documentation_page .zn_doc_search input[type="submit"]{position: absolute; right: 0; top: 0; height: 50px; border-radius: 50px; color:#fff; background:#CD2122; border:0; font-weight:700; font-size:13px; padding:0 40px; } .zn_documentation_page .zn_doc_search input[type="submit"]:hover { background: #000;} .zn_doc_breadcrumb {font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 8px 10px; color: #888; border-radius: 2px; float:left; margin: 5px 0 20px; background: #eee;} .zn_doc_breadcrumb span:after {content: ""; display: inline-block; width: 0; margin:0 7px 0 7px; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid green; } .zn_doc_breadcrumb span:last-child:after {display: none; } @media (max-width: 768px) { .zn_documentation_page .zn_doc_search input[type="text"] {font-size: 14px; padding: 0 15px;height: 40px;} .zn_documentation_page .zn_doc_search input[type="submit"] {height: 40px;} } /* SIDEBAR ELEMENT BG */ #sidebar.sidebar.no_bg, .zn_sidebar.sidebar.no_bg, [id*='sidebar-widget-'].sidebar.no_bg { background: transparent;} /* UPDATE 1.8 */ .zn_image_box_cont {display: inline-block;} a.zn_step_link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} /* UPDATE 1.9 */ .site-content .fb-like iframe {max-width:none;} /* UPDATE 2.2 */ .pp_gallery div ul li a img {width:50px;} /* Update 2.4 */ /* FACEBOOK COMMENTS */ .fb-comments, .fb-comments span, .fb-comments iframe {width: 100% !important;max-width: inherit;} /* New single blog layout */ .zn_full_image {margin-bottom: 20px; text-align: center; } .zn_cf_textarea {width: 100%;} .recaptchatable{line-height: 8pt;} /* Update 3.4 */ .zn_post_image {float: left;margin-right: 30px;margin-bottom:10px;} .zn_post_image, .zn_full_image {border-bottom: 5px solid #cd2122;} /* UPDATE 3.5 */ body[class*="span"] {float:none; margin-left:0; } /* VIEO RESPONSIVE */ iframe, object, embed {max-width: 100%; } div.pp_default iframe {width: 100%; } /* UPDATE 3.6 */ .fb-like iframe { max-width: inherit } /* UPDATE 3.6.1 */ /* Fixing the problem with Arrows from the Revolution Slider, it appeared in the bottom left corner */ /*.rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-rightarrow {position: absolute; margin-top: -35px; top: 50%; } .rev_slider_wrapper .tp-rightarrow {right: 25px; } .rev_slider_wrapper .tp-leftarrow {left: 25px; }*/ /* UPDATE 3.6.5 */ .zn_photo_gallery [class*="span"] {margin-bottom: 20px; } /* * @since v4.0 */ .form-horizontal .control-label {font-weight: normal; } .form-group.error input, .form-group.error select, .form-group.error textarea {border-color: #b94a48; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .form-group.error .checkbox, .form-group.error .radio, .form-group.error input, .form-group.error select, .form-group.error textarea, .form-group.error .control-label, .form-group.error .help-block, .form-group.error .help-inline {color: #b94a48; } img {max-width: 100%; height: auto; } /* Search Page */ .th-search-page .post h1 {margin: 0 0 25px; } .th-search-page .post {background-color: #fff; padding: 35px 35px 10px 35px; margin: 0 0 30px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15); position: relative; border-radius: 3px; } .th-search-page .post:after {position: absolute; bottom: 0; left: 50%; margin-left: -3px; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 5px; content: ""; border-bottom-color: #ccc !important; } .th-search-page .post .info .tags, .th-search-page .post .info .links {position: relative; font-weight: bold; font-size: 10px; color: #AAA; font-weight: bold; text-transform: uppercase; } .th-search-page .post .info .tags {float: left; padding-left: 15px; } .th-search-page .post .info .links {float: right; } .th-search-page .post .entry {padding: 30px 0; } .th-search-page .post .info .tags:before {position: absolute; content: "\e042"; font-family: 'Glyphicons Halflings'; color: #333; left: 0; } .th-search-page .post .meta small {border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 10px; margin-bottom: 25px; text-transform: uppercase; padding: 10px 0 10px; font-weight: bold; position: relative; opacity: .6; -webkit-transition: opacity 150ms ease-in; transition: opacity 150ms ease-in; } .th-search-page .post .meta small:before {content: ''; position: absolute; left: 0; top: -1px; width: 25px; height: 0; border-bottom: 1px solid #ccc; } .th-search-page .post .meta small:after {content: ''; position: absolute; left: 0; bottom: -1px; width: 25px; height: 0; border-bottom: 1px solid #ccc; } .th-search-page .header-searchform {position: relative; border: 0; } .th-search-page .header-searchform #s {background-color: #fff; padding: 25px; width: 100% !important; box-shadow: 0 1px 0 #ccc; border-radius: 3px; } .th-search-page .header-searchform .searchsubmit {position: absolute; right: 20px; top: 50%; margin-top: -8px; } /* Dark */ .kl-skin--dark .th-search-page .post {background-color: #000; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.85); } .kl-skin--dark .th-search-page .post:after {border-bottom-color: #333333 !important; } .kl-skin--dark .th-search-page .post .info .tags, .kl-skin--dark .th-search-page .post .info .links {color: #555555; } .kl-skin--dark .th-search-page .post .info .tags:before {color: #cccccc;} .kl-skin--dark .th-search-page .post .meta small {border-top-color: #111; border-bottom-color: #111;} .kl-skin--dark .th-search-page .post .meta small:before {border-bottom-color: #333333; } .kl-skin--dark .th-search-page .post .meta small:after {border-bottom-color: #333333; } .kl-skin--dark .th-search-page .header-searchform #s {background-color: #000; box-shadow: 0 1px 0 #333333;} /* Content search form @wpk*/ .site-content .navigation {overflow:hidden; } /*.th-search-page-mtop {margin-top: 100px !important; }*/ .kl-icon-white {color: #fff; } #th-content-page {padding-bottom: 60px; } #content_main_area {padding-bottom: 30px; } #content_grey_area, #content_bottom_area {padding-top: 60px; padding-bottom: 30px; } .th-controls .prev, .th-controls .next {background: none; display: inline !important; width: auto; height: auto; position: relative; bottom: auto; z-index: 10; border-radius: 0; } .th-controls .prev:hover, .th-controls .next:hover {background: none; } .th-controls .prev span, .th-controls .next span {margin: 0; } .th-controls .next {right: auto; } .photo-gallery [class*="col-"] {margin-bottom: 20px; } .posts-carousel {margin: 0 -10px; } @media (min-width: 768px) { .latest_posts.default-style .post:nth-of-type(2n+1) {clear: both; } .form-horizontal .control-label {text-align: left; } .fancy_register_form .control-label {padding-top: 7px; } .action_box h4.text {margin-bottom: 15px; } .th-header-absolute .ph-content-wrap .container {margin-top: 100px; } } @media (min-width: 1200px) { .latest_posts.default-style .post:nth-of-type(2n+1) {clear: none; } .latest_posts.default-style .post:nth-of-type(3n+1) {clear: both; } .feature_box.col-lg-4:nth-of-type(3n+1) {clear: both; } .feature_box.col-lg-3:nth-of-type(4n+1) {clear: both; } } @media (max-width: 991px) and (min-width: 568px) { } @media (max-width: 991px) { } @media (max-width: 767px) { .action_box h4.text {text-align: center; margin-bottom: 20px; } .services_box_element .box {margin-bottom: 20px; } .shop-features .title {margin-bottom: 15px; } .shop-features .shop-feature {margin-bottom: 20px; } .statbox {margin-bottom: 15px; } .gobox {margin-bottom: 15px; } } /*@since v4.0 - Statistics element*/ /* General */ .statistic-box__title { font-size: 40px; color: #fff; font-weight: 300; line-height: 1; margin: 0 0 10px;} .statistic-box__content { color: #fff; font-size: 13px; } .statistic-box__details { margin:0; position: relative; width: 100%;} .statistic-box__icon-holder {width: 100%; margin: 0; vertical-align: middle;} .statistic-box__icon { color: #fff; opacity:.8; line-height: 60px; margin:0; -webkit-transition:opacity .2s ease-out; transition:opacity .2s ease-out;} span.statistic-box__icon {font-size: 40px; } .statistic-box__icon-holder--img { line-height: 60px;} .statistic-box__iconimg {max-height: 80px; width:auto;} .statistic-box:hover .statistic-box__icon {opacity:1;} .statistic-box__line { position: relative; width: 100%; height: 1px; border-bottom: dotted 1px #cd2122; margin: 0;} .statistic-box__line::before { content: ''; position: absolute; height: 3px; background-color: #fff; width: 3px; display: block; left: 50%; border-radius: 3px; top: -1px; box-shadow: 0px 5px 0 -1px #fff, 0px 10px 0 -1px #fff, 0px 15px 0 -1px #fff, 0px 20px 0 -1px #fff;} /* Style 1 - horiontal odd/even */ .statistic-box--stl-style1.statistic-box__container { width: 100%; display:table; table-layout:fixed; margin-top: 120px; margin-bottom: 120px;} .statistic-box--stl-style1 .statistic-box {position:relative; display:table-cell; text-align: center;} .statistic-box--stl-style1 .statistic-box__icon-holder { position:absolute; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-top:0; padding-bottom:35px;} .statistic-box--stl-style1 .statistic-box__details {position:absolute; top: 0;min-height: 90px; padding-top: 35px; padding-bottom: 0;} .statistic-box--odd .statistic-box__icon-holder { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding-top:35px; padding-bottom:0;} .statistic-box--odd .statistic-box__details { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-bottom:35px; padding-top:0;} .statistic-box--odd .statistic-box__line::before {bottom:-2px; box-shadow: 0px -5px 0 -1px #fff, 0px -10px 0 -1px #fff, 0px -15px 0 -1px #fff, 0px -20px 0 -1px #fff;} /* Style 1 - horiontal normal */ .statistic-box--stl-style2.statistic-box__container { width: 100%; display:table; table-layout:fixed; margin-top: 120px; margin-bottom: 120px;} .statistic-box--stl-style2 .statistic-box {position:relative; display:table-cell; text-align: center;} .statistic-box--stl-style2 .statistic-box__icon-holder { position:absolute; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-top:0; padding-bottom:35px;} .statistic-box--stl-style2 .statistic-box__details {position:absolute; top: 0;min-height: 90px; padding-top: 35px; padding-bottom: 0;} /* Dark */ .statistic-box--dark .statistic-box__title { color: #121212; } .statistic-box--dark .statistic-box__content { color: #121212; } .statistic-box--dark .statistic-box__icon { color: #121212; } .statistic-box--dark .statistic-box__line::before { background-color: #121212; box-shadow: 0px 5px 0 -1px #121212, 0px 10px 0 -1px #121212, 0px 15px 0 -1px #121212, 0px 20px 0 -1px #121212;} .statistic-box--dark .statistic-box--odd .statistic-box__line::before {box-shadow: 0px -5px 0 -1px #121212, 0px -10px 0 -1px #121212, 0px -15px 0 -1px #121212, 0px -20px 0 -1px #121212;} /* notification hide on enabled PB. */ .zn_pb_editor_enabled .statistic-box__icon-holder ~ .statistic-box__line, .zn_pb_editor_enabled .statistic-box__details ~ .statistic-box__line {min-height: 3px;} /* MQ's */ @media screen and (min-width: 992px) and (max-width: 1199px){ .statistic-box__title { font-size: 32px; } } @media screen and (max-width: 991px){ /* Style 1 - horiontal odd/even */ .statistic-box--stl-style1.statistic-box__container { width: 100%; display:block; margin:0;} .statistic-box--stl-style1 .statistic-box {position:relative; display:block; float:left; width:50%; margin-bottom: 30px; text-align: center;} .statistic-box--stl-style1 .statistic-box__icon-holder { position:static; transform: none; padding-top:0; padding-bottom:0;} .statistic-box--stl-style1 .statistic-box__details {position:static; min-height: 90px; padding-top: 0; padding-bottom: 0;} .statistic-box--stl-style1 .statistic-box--odd .statistic-box__icon-holder { transform: none; padding-top:0; padding-bottom:0;} .statistic-box--stl-style1 .statistic-box--odd .statistic-box__details { transform: none; padding-bottom:0; padding-top:0;} .statistic-box--stl-style1 .statistic-box__line { display: none;} /* Style 2 - horiontal odd/even */ .statistic-box--stl-style2.statistic-box__container { width: 100%; display:block; margin:0;} .statistic-box--stl-style2 .statistic-box {position:relative; display:block; float:left; width:50%; margin-bottom: 30px; text-align: center;} .statistic-box--stl-style2 .statistic-box__icon-holder { position:static; transform: none; padding-top:0; padding-bottom:0;} .statistic-box--stl-style2 .statistic-box__details {position:static; min-height: 90px; padding-top: 0; padding-bottom: 0;} .statistic-box--stl-style2 .statistic-box--odd .statistic-box__icon-holder { transform: none; padding-top:0; padding-bottom:0;} .statistic-box--stl-style2 .statistic-box--odd .statistic-box__details { transform: none; padding-bottom:0; padding-top:0;} .statistic-box--stl-style2 .statistic-box__line { display: none;} } @media screen and (max-width: 767px){ .statistic-box--stl-style1 .statistic-box, .statistic-box--stl-style2 .statistic-box { float:none; display: block; width:100%; } } /*** Big Social Block Element */ .bigsocialblock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%;} .bigsocialblock__item { position: relative; overflow: hidden; height: 150px; padding: 25px; text-align: right; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-backface-visibility: hidden; border-width: 0 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.25); } .bigsocialblock__item:hover { box-shadow: 0 6px 22px 4px rgba(0,0,0,.4); z-index: 1; border-color: transparent; } .bigsocialblock__link {display: block; width: 100%; height: 100%;} .bigsocialblock__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bigsocialblock__bg a { display: block; width: 100%; height: 100%; position: relative; z-index: 2;} .bigsocialblock__title { font-size: 20px; font-weight: 600; text-transform: uppercase; margin: 0; position: absolute; z-index: 1; right: 25px; bottom: 20px;} .bigsocialblock__count { font-size: 18px; font-weight: 600; position: absolute; right: 25px; bottom: 40px;} .bigsocialblock__follow { opacity:.5; text-transform: uppercase; font-weight: 600; font-size: 14px; position: absolute; right: 25px; bottom: 20px; } .bigsocialblock__count, .bigsocialblock__follow { display: block; opacity: 0; visibility: hidden; } .bigsocialblock__social-icon { position: absolute; z-index: 1; font-size: 80px; border-style: solid; border-width: 5px; border-radius: 50%; width: 150px; height: 150px; line-height: 140px; left: -21px; bottom: -30px; text-align: center; opacity: 0.5; } .bigsocialblock__item:hover .bigsocialblock__social-icon { opacity: 1; } .bigsocialblock__title, .bigsocialblock__count, .bigsocialblock__follow, .bigsocialblock__social-icon { -webkit-transition:all .2s ease-out; transition:all .2s ease-out; -webkit-backface-visibility: hidden;} /* White */ .bsb--theme-light .bigsocialblock__title, .bigsocialblock__item:hover .bigsocialblock__title, .bsb--theme-light .bigsocialblock__count, .bigsocialblock__item:hover .bigsocialblock__count, .bsb--theme-light .bigsocialblock__follow, .bigsocialblock__item:hover .bigsocialblock__follow { color: #fff;} .bsb--theme-light .bigsocialblock__social-icon, .bigsocialblock__item:hover .bigsocialblock__social-icon {color:#fff; border-color:#fff;} /* Dark */ .bsb--theme-dark .bigsocialblock__title, .bsb--theme-dark .bigsocialblock__count, .bsb--theme-dark .bigsocialblock__follow { color: #8A8A8A;} .bsb--theme-dark .bigsocialblock__social-icon {color:#8A8A8A; border-color:#8A8A8A;} /* Style 1 */ .bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__count, .bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__follow {-webkit-transform:scale(.6); -ms-transform:scale(.6); transform:scale(.6); } .bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__title { bottom: 70px;} .bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__count, .bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__follow { opacity: 1; visibility: visible; z-index: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .bigsocialblock.type-chover .bigsocialblock__bg { opacity:0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out;} .bigsocialblock.type-chover .bigsocialblock__item:hover .bigsocialblock__bg { opacity:1; } /* Style 2 */ .bigsocialblock--style2 .bigsocialblock__social-icon { font-size: 200px; width: 400px; height: 400px; line-height: 400px; left: -130px; bottom: -140px; border: solid 15px #fff;} .bigsocialblock--style2 .bigsocialblock__item:hover { box-shadow: none;} .bigsocialblock--style2 .bigsocialblock__count { font-size: 30px; line-height: 30px; display: block; position: relative; text-align: right; margin-bottom: 10px; z-index: 1; bottom: auto; right: auto;} .bigsocialblock--style2 .bigsocialblock__follow { font-weight: 400; display: block; position: relative; text-align: right; bottom: auto; right: auto;} .bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__count, .bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__follow { opacity: 1; visibility: visible; } /* NO FLEXBOX */ .no-flexbox .bigsocialblock { display: table; table-layout:fixed; width: 100%;} .no-flexbox .bigsocialblock__item { display: table-cell; position: relative; overflow: hidden; height: 150px; padding: 25px; text-align: right; -webkit-transition: all .2s ease; transition: all .2s ease;} /* MQ's */ @media (max-width: 1199px) { /* Style 2 */ .bigsocialblock--style2 .bigsocialblock__social-icon { opacity: 0.25; } .bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__social-icon { opacity: 0.4; } } @media (min-width: 992px) and (max-width: 1199px) { .bigsocialblock.count-4 .bigsocialblock__social-icon{ border-width:5px; font-size: 60px; width: 120px; height: 120px; line-height: 110px; left: -30px; bottom: -20px;} .bigsocialblock.count-5 .bigsocialblock__social-icon { border-width:5px; font-size: 50px; width: 100px; height: 100px; line-height: 90px; left: -30px; bottom: -10px;} .bigsocialblock.count-4 .bigsocialblock__title, .bigsocialblock.count-5 .bigsocialblock__title { font-size: 16px;} } @media (min-width: 768px) and (max-width: 991px) { .bigsocialblock.count-3 .bigsocialblock__social-icon{ border-width:5px; font-size: 60px; width: 120px; height: 120px; line-height: 110px; left: -30px; bottom: -20px;} .bigsocialblock.count-4 .bigsocialblock__social-icon {border-width:5px; border-color:transparent; font-size: 60px; width: 120px; height: 120px; line-height: 110px; left: -30px; bottom: -20px;} .bigsocialblock.count-3 .bigsocialblock__title, .bigsocialblock.count-4 .bigsocialblock__title { font-size: 16px;} /* 5 items */ .bigsocialblock.count-5 .bigsocialblock__item { padding:15px; } .bigsocialblock.count-5 .bigsocialblock__title { font-size: 15px; position: relative; right: 0; top: auto; bottom: auto; text-align: right; margin-bottom: 10px; opacity:1; visibility: visible; } .bigsocialblock__item:hover .bigsocialblock__title {bottom:auto;} .bigsocialblock.count-5 .bigsocialblock__count, .bigsocialblock.count-5 .bigsocialblock__follow { font-size: 14px; opacity:1; visibility: visible; transform:none; position: relative; right: 0; top: auto; bottom: auto; text-align: right;} .bigsocialblock.count-5 .bigsocialblock__social-icon { border-color:transparent; font-size: 50px; width: 100px; height: 100px; line-height: 90px; left: -20px; bottom: -10px;} /* Style 2 */ .bigsocialblock--style2 .bigsocialblock__title { position: relative; bottom: auto; right: auto; margin-bottom: 10px; } } @media (max-width: 767px) { .bigsocialblock { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .bigsocialblock__item { width: 100%; display: block; height: 100px; padding:15px; } .bigsocialblock__title {position: relative; right: 0; top: auto; bottom: auto; text-align: right; margin-bottom: 10px; opacity:1; visibility: visible; } .bigsocialblock__item:hover .bigsocialblock__title {bottom:auto;} .bigsocialblock__count, .bigsocialblock__follow{ opacity:1; visibility: visible; -webkit-transform:none; -ms-transform:none; transform:none; position: relative; right: 0; top: auto; bottom: auto; text-align: right;} .bigsocialblock--style2 .bigsocialblock__item { height: 120px; } } /* End big social element */ /* 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; } .kl-gensearch--dark .gensearch__submit {color: #999;} .kl-gensearch--dark .gensearch__submit:hover { color: #eee; } .kl-gensearch--dark .gensearch__submit:after { background-color: rgba(255,255,255,0.1); } .kl-gensearch--dark .gensearch__input {border: 1px solid #252525; background-color: #111; } /* PAGE FEATURED IMAGE */ .zn_page_image { display: block; width: 100%; text-align: center; overflow: hidden; margin-bottom: 35px; } /** Custom Menu Element */ .elm-custommenu {margin-bottom: 20px;} .elm-cmlist {list-style:none; margin:0; padding:0;} .elm-cmlist li {} .elm-cmlist li a {} .elm-cmlist li ul {list-style:none; padding-left: 20px;} /* Menu on columns */ .elm-cmlist-cols:not(.elm-cmlist--cols-1) { margin-left: -10px; margin-right: -10px; } .elm-cmlist-cols:not(.elm-cmlist--cols-1) > li { float:left; margin-left: 10px; margin-right: 10px; } .elm-cmlist-cols.elm-cmlist--cols-2 > li { width:calc(50% - 20px); } .elm-cmlist-cols.elm-cmlist--cols-3 > li { width:calc(33.3333% - 20px); } .elm-cmlist-cols.elm-cmlist--cols-4 > li { width:calc(25% - 20px); } /* Menu Styles - Vertical #1 */ .elm-cmlist.elm-cmlist--v1 li {margin-bottom:0;} .elm-cmlist.elm-cmlist--v1 a {color: #747474; display: block; padding: 5px 0; position: relative;} .elm-cmlist.elm-cmlist--v1 a:before {content: ''; display: inline-block; margin-right: 12px; width: 8px; height: 2px; background: #000; opacity: 0.05; vertical-align: middle; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .elm-cmlist.elm-cmlist--v1 li.active > a, .elm-cmlist.elm-cmlist--v1 a:hover {color: #000000;} .elm-cmlist.elm-cmlist--v1 li.active > a:before, .elm-cmlist.elm-cmlist--v1 a:hover:before {width: 12px; margin-right: 8px; opacity: 0.2; } /*Dark*/ .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v1 a {color: #ababab; } .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v1 a:before {background: #fff;} .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v1 li.active > a, .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v1 a:hover {color:#eee;} /* Menu Styles - Vertical #2*/ .elm-cmlist.elm-cmlist--v2 li {margin-bottom:0; } .elm-cmlist.elm-cmlist--v2 a { color: #747474; display: block; padding: 10px 0; position: relative; border-bottom: 1px solid rgba(0,0,0,.1); } .elm-cmlist.elm-cmlist--v2 a:before { content:''; position: absolute; bottom:-1px; left:0; width:0; height:1px; background-color: #cd2122; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .elm-cmlist.elm-cmlist--v2 a:after {content: "\e258"; color:#000; opacity: 0.05; position: absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition: all .15s ease-out; transition: all .15s ease-out; 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;} .elm-cmlist.elm-cmlist--v2 li.current-menu-item > a, .elm-cmlist.elm-cmlist--v2 a:hover {color: #000000;} .elm-cmlist.elm-cmlist--v2 li.current-menu-item > a:after, .elm-cmlist.elm-cmlist--v2 a:hover:after {opacity: 0.2;} .elm-cmlist.elm-cmlist--v2 li.current-menu-item > a:before, .elm-cmlist.elm-cmlist--v2 a:hover:before {width:100%; /*height:2px;*/ } /*Dark*/ .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v2 a {color: #ababab; border-bottom-color:rgba(255,255,255,0.1); } .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v2 a:before {background: #fff;} .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v2 a:after {color: #fff;} .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v2 li.current-menu-item > a, .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v2 a:hover {color: #eee;} /* Menu Styles - Vertical #3 - simple */ .elm-cmlist.elm-cmlist--v3 a { background:rgba(0,0,0,0.1); color: #444; display: block; padding: 10px 15px; position: relative; border-radius: 2px; margin-bottom:3px; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;} .elm-cmlist.elm-cmlist--v3 li.current-menu-item > a, .elm-cmlist.elm-cmlist--v3 a:hover {background:rgba(0,0,0,0.2); color: #444;} /*Dark*/ .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v3 a {background:rgba(255,255,255,0.1); color:#eee;} .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v3 li.current-menu-item > a, .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v3 a:hover {background:rgba(255,255,255,0.2); color: #fff;} /* Menu Styles - Vertical #3 extended */ .elm-cmlist.elm-cmlist--v3ext a { color: #444; display: block; padding: 10px 15px; margin-bottom:3px; position:relative; background:rgba(0,0,0,0.1); border-radius: 2px; -webkit-transition:color .15s cubic-bezier(0.77, 0, 0.175, 1); transition:color .15s cubic-bezier(0.77, 0, 0.175, 1);overflow: hidden;} .elm-cmlist.elm-cmlist--v3ext a span { position: relative;} .elm-cmlist.elm-cmlist--v3ext a:before {content:''; position:absolute; left:0; top: 0; width:100%; height:100%; background:#cd2122; border-radius: 2px; opacity: 0;-webkit-transform: translateX(-103%) skewX(10deg);-ms-transform: translateX(-103%) skewX(10deg);transform: translateX(-103%) skewX(10deg); -webkit-transition: all .15s cubic-bezier(0.77, 0, 0.175, 1); transition: all .15s cubic-bezier(0.77, 0, 0.175, 1);} .elm-cmlist.elm-cmlist--v3ext li.current-menu-item > a, .elm-cmlist.elm-cmlist--v3ext a:hover {color: #fff;} .elm-cmlist.elm-cmlist--v3ext li.current-menu-item a:before, .elm-cmlist.elm-cmlist--v3ext li a:hover:before {width:100%; opacity: 1; -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0);} /* Dark */ .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v3ext a { color: #ccc; background:rgba(255,255,255,0.1); } .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v3ext li.current-menu-item > a, .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--v3ext a:hover {color: #000;} /* Menu Styles - Horizontal #1 */ .elm-cmlist--h1 {margin:5px 0;} .elm-cmlist.elm-cmlist--h1 > li { float:left; margin:0 10px; position: relative;} .elm-cmlist.elm-cmlist--h1 li.current-menu-item > a {font-weight: 600;} .elm-cmlist.elm-cmlist--h1 li ul {display: none;} /* Menu Styles - Horizontal #2 */ .elm-cmlist--h2 {margin:5px 0;} .elm-cmlist.elm-cmlist--h2 > li { float:left; margin:0 3px; position: relative;} .elm-cmlist.elm-cmlist--h2 a { background:rgba(0,0,0,0.1); color: #444; display: block; padding: 10px 15px; position: relative; border-radius: 2px; margin-bottom:3px; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;} .elm-cmlist.elm-cmlist--h2 li.current-menu-item > a, .elm-cmlist.elm-cmlist--h2 a:hover {background:rgba(0,0,0,0.2); color: #444;} .elm-cmlist.elm-cmlist--h2 li.current-menu-item > a {font-weight: 600;} /* Dark */ .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--h2 a {background:rgba(255,255,255,0.1); color:#eee;} .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--h2 li.current-menu-item > a, .elm-cmlist--skin-dark .elm-cmlist.elm-cmlist--h2 a:hover {background:rgba(255,255,255,0.2); color: #fff;} .elm-cmlist.elm-cmlist--h2 li ul {display: none;} /* Menu Styles - Horizontal #2 */ .elm-custommenu--dd {position:relative;} .elm-custommenu--dd .elm-custommenu-pick { display: block;padding: 13px 40px 13px 15px; min-width: 40px;min-height: 50px;background-color: #cd2122; color:#fff; font-size: 14px; font-weight: 600; position:relative;border-radius: 2px;cursor: pointer;opacity: .9;} .elm-custommenu--dd .elm-custommenu-pick:after { width:40px; height:50px;line-height: 50px;position: absolute; right:0; top:0; content: "\e259"; display: inline-block; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-align: center;} .elm-custommenu--dd.is-opened .elm-custommenu-pick {border-radius:2px 2px 0 0;} .elm-custommenu--dd.is-opened .elm-custommenu-pick:after { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} .elm-custommenu--dd:hover .elm-custommenu-pick, .elm-custommenu--dd.is-opened .elm-custommenu-pick {opacity:1;} .elm-cmlist--dd {padding:10px 0; background:#fff; position:absolute; width:100%; top:100%; z-index:2; display:none; border-radius:0 0 3px 3px; box-shadow:0 5px 10px rgba(0,0,0,0.2); } .elm-custommenu--dd.is-opened .elm-cmlist--dd { display:block;} .elm-cmlist--dd li a {padding:10px 20px; border-bottom:1px solid rgba(0,0,0,0.1); display:block; } .elm-cmlist--dd li:first-child a {border-top:1px solid rgba(0,0,0,0.1); } .elm-cmlist--dd li a:hover, .elm-cmlist--dd li.current-menu-item > a:hover { background:#f5f5f5; } /** End Custom Menu Element */ /* Mandatory WordPress classes */ .sticky, .gallery-caption, .bypostauthor {} .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; } .textright {text-align:right; } .textleft {text-align:left; } #responsive-form{ max-width:600px /*-- измените это значение для установки необходимой ширины вашей формы --*/; margin:0 auto; width:100%; } .form-row{ width: 100%; } .column-half, .column-full{ float: left; position: relative; padding: 0.65rem 0 0.65rem 2px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .clearfix:after { content: ""; display: table; clear: both; } /**---------------- Media query ----------------**/ @media only screen and (min-width: 48em) { .column-half{ width: 50%; } } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .wpcf7 input[type="text"]:focus{ background: #fff; } .wpcf7-submit{ width: 100%; background: #CA0002; color: #fff; text-transform: uppercase; border: none; padding: 8px 20px; cursor: pointer; } .wpcf7-submit:hover{ background: #ff0000; } span.wpcf7-not-valid-tip{ text-shadow: none; font-size: 12px; color: #fff; background: #ff0000; padding: 5px; } div.wpcf7-validation-errors { text-shadow: none; border: transparent; background: #f9cd00; padding: 5px; color: #9C6533; text-align: center; margin: 0; font-size: 12px; } div.wpcf7-mail-sent-ok{ text-align: center; text-shadow: none; padding: 5px; font-size: 12px; background: #59a80f; border-color: #59a80f; color: #fff; margin: 0; }