/** * Version: 2.1 * File Description:Main CSS file of the template * * TABLE OF CONTENTS * 1) Elements * 2) Layout * 3) Sections * 4) Pages ( blog, about etc ) * 5) Components * 6) Navigations * 7) Blocks/Widgets * 8) Main Slideshow * 9) Slick carousel * 10) Full Page */ /* 1 Elements ----------------------------------------------------------------------------- */ body.canvas-sliding, body.canvas-slid {overflow-x: hidden;} .no-trans * {-webkit-transition: none !important;-o-transition: none !important;transition: none !important;} img {display: block;max-width: 100%;height: auto;} /* Lists ---------------------------------- */ ul {list-style: square;} .list-icons, .list {list-style: none;padding: 0;} .list-icons li, .list li {padding: 5px 0;} .list-icons li i {min-width: 25px;text-align: center;} .list-inline {margin-top: 9px;margin-bottom: 8px;} .header-top .list-inline {display: inline-block;} /* Medium desktop devices and tablets */ @media (min-width: 992px) and (max-width: 1199px) { .header-top .list-inline > li {padding: 0;} } /* Tables ---------------------------------- */ .table:not(.table-bordered) {border-bottom: 2px solid #f3f3f3;} .table > thead > tr > th {vertical-align: bottom;border-bottom: 1px solid #eaeaea;background-color: #eaeaea;color: #333333;font-weight: 400;} .table-colored > thead > tr > th {color: #ffffff;} tbody {background-color: #ffffff;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 8px 15px;border-top: 1px solid #f3f3f3;} .table-striped tbody {background-color: #ffffff;} .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {background-color: #f5f5f5;} .table-striped.table > tbody > tr > td {border-color: #e8e8e8;} .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border-color: #f3f3f3;} .table-hover > tbody > tr:hover {background-color: rgba(0, 0, 0, 0.04);} .dark .table:not(.table-bordered) {border-bottom: 2px solid rgba(255, 255, 255, 0.07);} .dark .table > tbody {background-color: transparent;} .dark .table > tbody > tr > td {border-top: 1px solid rgba(255, 255, 255, 0.07);} .dark .table > thead > tr > th {border-bottom: 1px solid rgba(255, 255, 255, 0.07);background-color: rgba(0, 0, 0, 0.15);color: #f1f1f1;font-weight: 400;border-top: none;} /* 2 Layout ----------------------------------------------------------------------------- */ .page-wrapper {background-color: #ffffff;} .header-top:not(.banner) {background-color: #fa5858!important;border-bottom: 1px solid #d0d0d0;padding: 0px 0;opacity: 0.4;} .header {border-top: 1px solid #ffffff;border-bottom: 2px solid #f1f1f1;background-color: #fcfcfc;} .header.dark {border-bottom: none;} .header-top.dark + .header:not(.dark) {border-top-color: #dddddd;} .header-top:not(.dark) + .header.dark {border-top-color: #303030;} .header.header-small {padding: 10px 0;} .dark .footer {background-color: #222222;} .dark .subfooter {background-color: #373737;border-color: #454545;} /*Transparent Header*/ .transparent-header .header-top {z-index: 103;position: relative;} .transparent-header header.header.transparent-header-on {z-index: 22;position: absolute;width: 100%;left: 0;background-color: rgb(68,174,196,0.6)!important;; border-bottom: 1px solid rgba(0, 0, 0, 0.07);border-top-color: #a0a0a0;} .transparent-header .header-top.colored + header.header.transparent-header-on {border-top-color: transparent;} .header-first {padding: 12px 0 0 0;} /*header dropdown*/ .navbar.navbar-toggleable-md .header-dropdown-buttons {position: absolute;top: 19px;right: 80px;padding-top: 0;} .scroll-spy .banner {min-height: 100px;} .banner.light-translucent-bg, .banner.dark-translucent-bg, .banner.default-translucent-bg {min-height: 250px;padding-top: 60px;padding-bottom: 20px;} .banner.banner-big-height {min-height: 550px;padding-top: 100px;} .banner.video-background-banner {min-height: 400px;padding-top: 100px;} .main-container {padding: 71px 0 50px;} .block {margin-bottom: 50px;} .section {padding: 20px 0;} .footer-top {padding: 20px 0;} .footer {padding: 40px 0;background-color: #fafafa;} .footer-content {padding: 20px 0;} .subfooter {background-color: #f5f5f5;padding: 25px 0;border-top: 1px solid #eaeaea;} .full-page .subfooter {background-color: transparent;position: fixed;border: none;color: #bbbbbb;width: 100%;bottom: 0;padding: 15px 0;} .full-page .subfooter p a {text-decoration: none;color: #a1a1a1;} /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { /*Centered Logo Layout*/ .header.centered .header-first {padding: 12px 0;} } /* Medium devices (desktops, tablets less than 991px) */ @media (max-width: 991px) { .sidebar {margin-top: 40px;} .footer-content {padding: 10px 0;} } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { /*Transparent Header*/ .transparent-header .header-first {padding: 12px 0 12px;} .transparent-header .header-first.visible-xs {padding: 10px 0 3px;} .transparent-header .header-second {z-index: 21;} /*Full width Header*/ .header.full-width {padding: 0 15px;} .header.full-width .header-first {padding: 8px 0 0;} } /* Boxed Layout ---------------------------------- */ .boxed .page-wrapper {margin-right: auto;margin-left: auto;position: relative;-webkit-box-shadow: 0px 0px 10px #cacaca;box-shadow: 0px 0px 10px #cacaca;} .boxed.transparent-page-wrapper .page-wrapper {background-color: transparent;-webkit-box-shadow: none;box-shadow: none;} .pattern-1 {background-color: #a76c11;background-image: linear-gradient(270deg, rgba(230, 230, 230, 0.09) 50%, transparent 50%), linear-gradient(270deg, rgba(230, 230, 230, 0.15) 50%, transparent 50%), linear-gradient(270deg, rgba(230, 230, 230, 0.2) 50%, transparent 50%), linear-gradient(270deg, transparent 50%, rgba(230, 230, 230, 0.15) 50%), linear-gradient(270deg, transparent 50%, rgba(230, 230, 230, 0.21) 50%);background-size: 11px, 26px, 35px, 35px, 50px;} .pattern-2 {background-color: #000000;background-image: linear-gradient(270deg, rgba(230, 230, 230, 0.03) 50%, transparent 50%), linear-gradient(270deg, rgba(230, 230, 230, 0.05) 50%, transparent 50%), linear-gradient(270deg, rgba(230, 230, 230, 0.02) 50%, transparent 50%), linear-gradient(270deg, transparent 50%, rgba(230, 230, 230, 0.04) 50%), linear-gradient(270deg, transparent 50%, rgba(230, 230, 230, 0.02) 50%);background-size: 11px, 26px, 35px, 35px, 50px;} .pattern-3 {background-color: #efefef;background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 27px, rgba(255, 255, 255, 0.5) 24px, rgba(136, 136, 136, 0.5) 32px);background-size: 90px 90px;} .pattern-4 {background-color: #efefef;background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 27px, rgba(255, 255, 255, 0.5) 24px, rgba(136, 136, 136, 0.5) 32px);background-size: 90px 90px;} .pattern-5 {background-color: #525252;background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 27px, rgba(148, 148, 148, 0.5) 24px, rgba(0, 0, 0, 0.5) 32px);background-size: 65px 65px;} .pattern-6 {background-color: #32373c;background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 50%), linear-gradient(rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.1) 50%);background-size: 25px 25px;} .pattern-7 {background-color: #f5f7f3;background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0.01) 40%), linear-gradient(rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.01) 70%);background-size: 70px 70px;} .pattern-8 {background-color: rgba(232, 232, 232, 0.04);background-image: linear-gradient(rgba(66, 66, 66, 0.04) 85%, rgba(255, 255, 255, 0.39) 70%);background-size: 30px 30px;} .pattern-9 {background-color: #353535;background-image: linear-gradient(#171717 85%, rgba(0, 0, 0, 0.66) 70%);background-size: 30px 30px;} .pattern-1 .page-wrapper, .pattern-2 .page-wrapper, .pattern-5 .page-wrapper, .pattern-7 .page-wrapper, .pattern-9 .page-wrapper {-webkit-box-shadow: none;box-shadow: none;} /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .boxed .page-wrapper {width: 750px;} } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .boxed .page-wrapper {width: 970px;} } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .boxed .page-wrapper {width: 1170px;} } /*Backgrounds ---------------------------------- */ .background-img-1 {background: url("../images/background-img-1.jpg") 50% 0px no-repeat;} .background-img-2 {background: url("../images/background-img-2.jpg") 50% 0px no-repeat;} .background-img-3 {background: url("../images/background-img-3.jpg") 50% 0px no-repeat;} .background-img-4 {background: url("../images/background-img-4.jpg") 50% 0px no-repeat;} .background-img-5 {background: url("../images/background-img-5.jpg") 50% 0px no-repeat;} .background-img-6 {background: url("../images/background-img-6.jpg") 50% 0px no-repeat;} .background-img-7 {background: url("../images/background-img-7.jpg") 50% 0px no-repeat;} .background-img-8 {background: url("../images/background-img-8.jpg") 50% 0px no-repeat;} .background-img-9 {background: url("../images/background-img-9.jpg") 50% 0px no-repeat;} .background-img-10 {background: url("../images/background-img-10.jpg") 50% 0px no-repeat;} .fullscreen-bg {background: url("../images/fullscreen-bg.jpg") 50% 0px no-repeat;position: fixed;top: 0;left: 0;right: 0;bottom: 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .boxed .fullscreen-bg {background: none;} .white-bg {background-color: #ffffff;} .light-gray-bg {background-color: #FF647D;border-top: 1px solid #026D94;border-bottom: 1px solid #026D94;} .footer-top.light-gray-bg {background-color: #f5f5f5;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;} .dark-bg {background-color: #373737;color: #cdcdcd;} .dark-bg + .dark-bg:not(.image-box):not(.full-image-container):not(.full-text-container):not(.full-width-section) {background-color: #555555;} .dark-bg + .dark-bg + .dark-bg {background-color: #373737;} .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 {color: #ffffff;} .dark-bg a:not(.btn) {text-decoration: underline;color: #cdcdcd;} .dark-bg a:not(.btn):hover {text-decoration: none;color: #cdcdcd;} .default-bg {color: #ffffff;} .default-bg h1, .default-bg h2, .default-bg h3, .default-bg h4, .default-bg h5, .default-bg h6 {color: #ffffff;} .default-bg a:not(.btn) {text-decoration: underline;color: #ffffff;} .default-bg a:not(.btn):hover {text-decoration: none;color: #ffffff;} /*Translucent Backgrounds*/ .fixed-bg {background-attachment: fixed;background-position: 0 0;background-size: cover;} .light-translucent-bg, .dark-translucent-bg, .default-translucent-bg, .two-col-translucent-bg {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: 50% 0;background-repeat: no-repeat;z-index: 1;position: relative;overflow: hidden;} .light-translucent-bg:after, .dark-translucent-bg:after, .default-translucent-bg:after, .two-col-translucent-bg:after {content: "";position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);} .light-translucent-bg > div, .dark-translucent-bg > div, .default-translucent-bg > div, .two-col-translucent-bg > div {z-index: 3;position: relative;} .light-translucent-bg {color: #333333;border-bottom: 1px solid #dadada;border-top: 1px solid #dadada;} .light-translucent-bg:after {background-color: rgba(255, 255, 255, 0.7);} .light-translucent-bg.slight:after {background-color: rgba(255, 255, 255, 0.85);} .video-background.light-translucent-bg:after, .video-background-banner.light-translucent-bg:after {background-color: rgba(255, 255, 255, 0.5);} .light-translucent-bg.hovered:hover:after {background-color: rgba(255, 255, 255, 0.8);} .dark-translucent-bg:after {background-color: rgba(0, 0, 0, 0.5);} .dark-translucent-bg.hovered:hover:after {background-color: rgba(0, 0, 0, 0.6);} .dark-translucent-bg, .dark-translucent-bg h1, .dark-translucent-bg h2, .dark-translucent-bg h3, .dark-translucent-bg h4, .dark-translucent-bg h5, .dark-translucent-bg h6 {color: #ffffff;} .dark-translucent-bg a:not(.btn) {text-decoration: underline;color: #ffffff;} .dark-translucent-bg a:not(.btn):hover {text-decoration: none;color: #ffffff;} .two-col-translucent-bg {color: #333333;} .two-col-translucent-bg:after {background-color: rgba(255, 255, 255, 0.7);} /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg:after {background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);background: -webkit-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);} .two-col-translucent-bg .container > .row > div + div, .two-col-translucent-bg .container > .row > div + div h1, .two-col-translucent-bg .container > .row > div + div h2, .two-col-translucent-bg .container > .row > div + div h3, .two-col-translucent-bg .container > .row > div + div h4, .two-col-translucent-bg .container > .row > div + div h5, .two-col-translucent-bg .container > .row > div + div h6 {color: #ffffff;} .two-col-translucent-bg .container > .row > div + div a:not(.btn) {text-decoration: underline;color: #ffffff;} .two-col-translucent-bg .container > .row > div + div a:not(.btn):hover {text-decoration: none;color: #ffffff;} } .default-translucent-bg, .default-translucent-bg h1, .default-translucent-bg h2, .default-translucent-bg h3, .default-translucent-bg h4, .default-translucent-bg h5, .default-translucent-bg h6 {color: #ffffff;} .default-translucent-bg a:not(.btn) {text-decoration: underline;color: #ffffff;} .default-translucent-bg a:not(.btn):hover {text-decoration: none;color: #ffffff;} .default-hovered {-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .light-gray-bg.default-hovered:hover * {color: #ffffff;} .position-bottom {position: absolute !important;bottom: 0;width: 100%;} /*Animated Backgrounds ---------------------------------- */ /* Small devices (tablets, 768px and up) */ .animated-text {overflow: hidden;} @media (min-width: 768px) { .animated-text h2 {-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;position: absolute;top: 0;width: 100%;} .animated-text h2 + h2 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);} .animated-text:hover h2 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-ms-transform: scale(0.85);-o-transform: scale(0.85);transform: scale(0.85);} .animated-text:hover h2 + h2 {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .animated-text h2 + h2 {display: none;} } /* Fixed navigation ---------------------------------- */ .fixed-header-on .header.fixed, .fixed-header-on header.header.transparent-header-on {position: fixed;width: 100%;top: 0;left: 0;z-index: 1006;opacity: 0;filter: alpha(opacity=0);-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);} .fixed-header-on .header.fixed.object-visible {opacity: 1;filter: alpha(opacity=100);} .fixed-header-on .header.fixed:not(.dark) {border-bottom: 1px solid #f1f1f1;background-color: rgba(255, 255, 255, 0.95);} .transparent-header .sticky-wrapper {position: absolute;width: 100%;left: 0;} .fixed-header-on.boxed .header.fixed {left: auto;-webkit-transition: left linear 0s !important;-o-transition: left linear 0s !important;transition: left linear 0s !important;} .fixed-header-on .header .logo {margin-bottom: -2px;} .fixed-header-on .header.fixed.animated {-webkit-animation-duration: 0.4s;animation-duration: 0.4s;} .fixed-header-on .header-dropdown-buttons {padding-top: 10px;} .fixed-header-on .header-dropdown-buttons .btn-group .dropdown-menu {margin-top: 17px;} .fixed-header-on .dark .header-dropdown-buttons .btn-group .dropdown-menu {margin-top: 16px;} /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .fixed-header-on.boxed .header.fixed {width: 750px;} } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .fixed-header-on .header .logo, .fixed-header-on .header .site-slogan {display: block;} .fixed-header-on.boxed .header.fixed {width: 970px;} .fixed-header-on .header-first {padding: 7px 0 0 0;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .fixed-header-on .main-navigation .navbar-nav > li > a {padding-top: 21px;padding-bottom: 21px;} .fixed.header .main-navigation.animated .navbar-nav > li > a {-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .fixed-header-on.boxed .header.fixed {width: 1170px;} } /* Fullpage navigation ---------------------------------- */ .full-page .header-container {position: fixed;width: 100%;top: 0;} /* Custom Grid ---------------------------------- */ .grid-space-20 {margin-right: -10.5px;margin-left: -10.5px;} .grid-space-20 .col-lg-6, .grid-space-20 .col-lg-4, .grid-space-20 .col-lg-3, .grid-space-20 .col-md-6, .grid-space-20 .col-md-4, .grid-space-20 .col-md-3, .grid-space-20 .col-sm-6, .grid-space-20 .col-sm-4, .grid-space-20 .col-sm-3, .grid-space-20 .col-xs-6, .grid-space-20 .col-xs-4, .grid-space-20 .col-xs-3 {padding-left: 10px;padding-right: 10px;} .grid-space-10 {margin-right: -6px;margin-left: -6px;} .grid-space-10 .col-lg-6, .grid-space-10 .col-lg-4, .grid-space-10 .col-lg-3, .grid-space-10 .col-md-6, .grid-space-10 .col-md-4, .grid-space-10 .col-md-3, .grid-space-10 .col-sm-6, .grid-space-10 .col-sm-4, .grid-space-10 .col-sm-3, .grid-space-10 .col-xs-6, .grid-space-10 .col-xs-4, .grid-space-10 .col-xs-3 {padding-left: 5px;padding-right: 5px;} .grid-space-0 {margin-right: 0;margin-left: 0;} .container-fluid .grid-space-0 {margin-right: -15px;margin-left: -15px;} .grid-space-0 .col-lg-6, .grid-space-0 .col-lg-4, .grid-space-0 .col-lg-3, .grid-space-0 .col-md-6, .grid-space-0 .col-md-4, .grid-space-0 .col-md-3, .grid-space-0 .col-sm-6, .grid-space-0 .col-sm-4, .grid-space-0 .col-sm-3, .grid-space-0 .col-xs-6, .grid-space-0 .col-xs-4, .grid-space-0 .col-xs-3 {padding-left: 0;padding-right: 0;} .grid-space-0 > div {margin-bottom: 0;padding-bottom: 0;} /* Separators ---------------------------------- */ .separator {width: 100%;margin: 20px auto 15px;position: relative;height: 1px;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);} .separator:after {height: 1px;background: #e8e8e8;background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);position: absolute;bottom: -1px;content: "";width: 100%;left: 0;} .dark-bg:not(.banner) .separator:after {background: #505050;background: -moz-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #373737));background: -webkit-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);background: -o-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);background: -ms-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);background: linear-gradient(to right, #373737 0%, #505050 35%, #505050 70%, #373737 100%);} #footer.dark .separator:after {background: #505050;background: -moz-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #222222));background: -webkit-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);background: -o-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);background: -ms-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);background: linear-gradient(to right, #222222 0%, #505050 35%, #505050 70%, #222222 100%);} .default-bg .separator:after, .dark-translucent-bg .separator:after, .default-translucent-bg .separator:after, .light.separator:after {background: rgba(255, 255, 255, 0.5);background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);} /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg .container > .row > div + div .separator:after {background: rgba(255, 255, 255, 0.5);background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);} } .light-translucent-bg .separator:after, .two-col-translucent-bg .container > .row > div .separator:after, .dark.separator:after {background: rgba(0, 0, 0, 0.5);background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);} h3 + .separator, h4 + .separator, h5 + .separator {margin-top: 15px;} .separator-2, .separator-3 {width: 100%;margin-bottom: 15px;position: relative;height: 1px;} .separator-2:after {height: 1px;background: #d1d1d1;background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);position: absolute;bottom: -1px;left: 0px;content: "";width: 100%;} .dark-bg .separator-2:after {background: #666666;background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);} #footer.dark .separator-2:after {background: #444444;background: -moz-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));background: -webkit-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);background: -o-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);background: -ms-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);background: linear-gradient(to right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);} .light-translucent-bg .separator-2:after, .two-col-translucent-bg .container > .row > div .separator-2:after, .dark.separator-2:after {background: rgba(0, 0, 0, 0.5);background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent));background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);} .default-bg .separator-2:after, .default-translucent-bg .separator-2:after, .dark-translucent-bg .separator-2:after, .light.separator-2:after {background: rgba(255, 255, 255, 0.5);background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);} /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg .container > .row > div + div .separator-2:after {background: rgba(255, 255, 255, 0.5);background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);} } .separator-3:after {height: 1px;background: #d1d1d1;background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -o-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: linear-gradient(to left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);position: absolute;bottom: -1px;left: 0px;content: "";width: 100%;} .dark-bg .separator-3:after {background: #666666;background: -moz-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));background: -webkit-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);background: -o-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);background: -ms-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);background: linear-gradient(to left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);} #footer.dark .separator-3:after {background: #444444;background: -moz-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));background: -webkit-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);background: -o-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);background: -ms-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);background: linear-gradient(to left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);} .light-translucent-bg .separator-3:after, .two-col-translucent-bg .container > .row > div .separator-3:after, .dark.separator-3:after {background: rgba(0, 0, 0, 0.5);background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent));background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);} .default-bg .separator-3:after, .default-translucent-bg .separator-3:after, .dark-translucent-bg .separator-3:after, .light.separator-3:after {background: rgba(255, 255, 255, 0.5);background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);} /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg .container > .row > div + div .separator-3:after {background: rgba(255, 255, 255, 0.5);background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);} } .footer-content .separator-2, .footer-content .separator-3 {margin-bottom: 25px;} /*Separator with icon*/ .separator.with-icon {margin: 55px 0;} .separator.with-icon:after {background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.09)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);} .dark-bg:not(.banner) .separator.with-icon:after {background: -moz-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(25%, #505050), color-stop(45%, #373737), color-stop(55%, #373737), color-stop(75%, #505050), color-stop(100%, #373737));background: -webkit-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);background: -o-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);background: -ms-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);background: linear-gradient(to right, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);} #footer.dark .separator.with-icon:after {background: #505050;background: -moz-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(25%, #505050), color-stop(45%, #222222), color-stop(55%, #222222), color-stop(75%, #505050), color-stop(100%, #222222));background: -webkit-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);background: -o-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);background: -ms-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);background: linear-gradient(to right, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);} .default-bg .separator.with-icon:after, .dark-translucent-bg .separator.with-icon:after, .default-translucent-bg .separator.with-icon:after, .light.separator.with-icon:after {background: rgba(255, 255, 255, 0.5);background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.5)), color-stop(45%, rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);} .light-translucent-bg .separator.with-icon:after, .dark.separator.with-icon:after {background: rgba(0, 0, 0, 0.5);background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.4)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);} .separator.with-icon i {font-size: 36px;position: absolute;width: 80px;height: 80px;text-align: center;left: 50%;top: 50%;margin-top: -40px;margin-left: -40px;line-height: 77px;z-index: 5;} .separator.with-icon i.bordered {border-width: 1px;border-style: solid;border-color: rgba(0, 0, 0, 0.04);background-color: rgba(0, 0, 0, 0.02);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} .default-bg .separator.with-icon i.bordered, .dark-translucent-bg .separator.with-icon i.bordered, .default-translucent-bg .separator.with-icon i.bordered {border-color: rgba(255, 255, 255, 0.1);background-color: rgba(255, 255, 255, 0.05);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} .object-non-visible {opacity: 0;filter: alpha(opacity=0);} .object-visible, .object-non-visible.object-visible {opacity: 1;filter: alpha(opacity=100);} /* Miscellaneous ---------------------------------- */ .absolute-positioned-top {position: absolute;top: 0;left: 0;width: 100%;} .absolute-positioned-bottom {position: absolute;bottom: 0;left: 0;top: auto;width: 100%;} .pl-5 {padding-left: 5px;} .pl-10 {padding-left: 10px;} .pl-20 {padding-left: 20px;} .pr-5 {padding-right: 5px;} .pr-10 {padding-right: 10px;} .pr-20 {padding-right: 20px;} .p-20 {padding: 20px;} .p-30 {padding: 30px;} .p-40 {padding: 40px;} .ph-20 {padding-left: 20px;padding-right: 20px;} .ph-30 {padding-left: 30px;padding-right: 30px;} .ph-40 {padding-left: 40px;padding-right: 40px;} .pv-20 {padding-top: 20px;padding-bottom: 20px;} .pv-30 {padding-top: 30px;padding-bottom: 30px;} .pv-40 {padding-top: 40px;padding-bottom: 40px;} .pv-45 {padding-top: 45px;padding-bottom: 45px;} .mt-5 {margin-top: 5px;} .mb-5 {margin-bottom: 5px;} .mt-10 {margin-top: 10px;} .mb-10 {margin-bottom: 10px;} .mt-20 {margin-top: 20px;} .mb-20 {margin-bottom: 20px;} .space-top {padding-top: 20px;} .space-bottom {padding-bottom: 20px;} .margin-top-clear {margin-top: 0 !important;} .margin--bottom-clear {margin-bottom: 0 !important;} .margin-clear {margin-top: 5px;margin-bottom: 5px;/*font-size: 1.15em;*/font-size: 12px;line-height: 15px !important;} .margin-clear-bio {margin-top: 0px;margin-bottom: 5px;font-size: 0.75em;} .padding-top-clear {padding-top: 0 !important;} .padding-bottom-clear {padding-bottom: 0 !important;} .padding-ver-clear {padding-bottom: 0 !important;padding-top: 0 !important;} .padding-hor-clear {padding-right: 0 !important;padding-left: 0 !important;} .border-bottom-clear {border-bottom: none !important;} .border-top-clear {border-top: none !important;} .border-clear {border: none !important;} .circle {-webkit-border-radius: 100% !important;-moz-border-radius: 100% !important;border-radius: 100% !important;} .radius-clear {-webkit-border-radius: 0% !important;-moz-border-radius: 0% !important;border-radius: 0% !important;} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .text-center-xs {text-align: center;} } /*hide elements*/ .hidden-xs-up {display: none !important;} @media (max-width: 575px) { .hidden-xs-down {display: none !important;} } @media (min-width: 576px) { .hidden-sm-up {display: none !important;} } @media (max-width: 767px) { .hidden-sm-down {display: none !important;} } @media (min-width: 768px) { .hidden-md-up {display: none !important;} } @media (max-width: 991px) { .hidden-md-down {display: none !important;} } @media (min-width: 992px) { .hidden-lg-up {display: none !important;} } @media (max-width: 1199px) { .hidden-lg-down {display: none !important;} } @media (min-width: 1200px) { .hidden-xl-up {display: none !important;} } .hidden-xl-down {display: none !important;} /* 3 Sections ----------------------------------------------------------------------------- */ /*Header Top*/ .header-top {font-size: 12px;color: #fff;font-weight: 300;} .header-top.dark, .header-top.colored {background-color: #44aec4!important;opacity: 0.8;padding-bottom: 9px;border-bottom: 2px solid #ff5c5c;z-index: 9;} .header-top.colored a {background-color: #fa5858!important;text-decoration: underline;} .header-top.colored a:hover {text-decoration: none;} /* Medium desktop devices and tablets */ @media (min-width: 992px) and (max-width: 1199px) { .header-top {font-size: 11px;} } /*Header*/ .header.dark {color: #cacaca;} /*Footer*/ .footer {font-size: 14px;line-height: 1.5;clear: both;} .footer h2.title {font-size: 22px;text-transform: none;margin-bottom: 10px;} /*Subfooter*/ .subfooter {font-size: 14px;line-height: 1.3;color: #999999;} .subfooter p {margin-bottom: 0;} .subfooter.default-bg {color: #ffffff;} /* 4 Pages ----------------------------------------------------------------------------- */ /* Blog pages ---------------------------------- */ .blogpost {margin: 0 0 70px;} .blogpost header {padding: 20px 10px 20px;} .blogpost header h2 {text-transform: none;margin-top: 0;margin-bottom: 10px;} .blogpost .post-info {font-size: 12px;color: #aaa;font-weight: 400;} .blogpost .post-info > span {margin-right: 5px;display: inline-block;} .blogpost .post-info a {color: #aaa;} .blogpost .blogpost-content {padding: 0 10px 10px;} .blogpost .row .blogpost-content {padding-bottom: 0;} .blogpost footer {font-size: 12px;padding: 10px;color: #aaa;border-top: 1px solid #eaeaea;} .blogpost .row + footer {padding: 10px 0;} .blogpost.full {margin-bottom: 30px;} .blogpost.full header {padding: 0 0 15px 0;} .blogpost.full .blogpost-content {padding: 0 0 5px;} .blogpost.full footer {padding: 10px 0;} .blogpost.light-gray-bg header, .blogpost.light-gray-bg .blogpost-content, .blogpost.light-gray-bg footer {padding-left: 20px;padding-right: 20px;} .blogpost.light-gray-bg footer {padding-bottom: 20px;} /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .blogpost .row header {padding-top: 0;} .blogpost .row + footer {margin-top: 15px;} } /* Comments ---------------------------------- */ #comments {margin-top: 60px;} .comments h2.title {margin-bottom: 40px;padding-bottom: 10px;position: relative;} .comments h2.title:after {height: 1px;background: #d1d1d1;background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);position: absolute;bottom: -1px;left: 0px;content: "";width: 100%;} .comment {font-size: 14px;} .comment .comment {margin-left: 75px;} .comment h3 {margin-top: 0;margin-bottom: 5px;} .comment p {margin-bottom: 10px;} .comment .btn-sm-link {padding: 0;} .comment-avatar {width: 50px;float: left;margin: 0 15px 0 0;} .comment-content {border-bottom: 1px solid #f1f1f1;margin-bottom: 40px;clear: both;} .comment-meta {margin-bottom: 15px;color: #aaa;font-size: 12px;} .comment-meta a {color: #aaa;} .comment-meta a:hover {text-decoration: underline;} /* Blog Masonry Grid ---------------------------------- */ .masonry-grid-item .blogpost footer {padding-top: 0px;border-top: none;} .masonry-grid-item .blogpost header h2 {font-size: 22px;} /* Blog Timeline layout ---------------------------------- */ .timeline {position: relative;padding: 40px 0;margin-top: 40px;} .timeline .blogpost footer {padding-top: 0px;border-top: none;} .timeline .blogpost header h2 {font-size: 22px;} .timeline .timeline-item {padding: 0 15px;} .timeline-date-label {float: none;clear: both;display: block;margin: 0px auto;text-align: center;margin-bottom: 80px;line-height: 1;width: 135px;position: relative;z-index: 2;color: #ffffff;} .timeline-date-label:after {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;height: 30px;width: 100%;position: absolute;bottom: -8px;z-index: -1;} /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .timeline .blogpost {margin-bottom: 0;} .timeline:before {background-color: #e8e8e8;background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(10%, rgba(0, 0, 0, 0.09)), color-stop(90%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);width: 1px;height: 100%;content: "";position: absolute;left: 50%;display: block;top: 0;} .timeline .timeline-item {position: relative;width: 50%;padding-left: 0;padding-right: 40px;margin-bottom: 80px;float: left;clear: left;z-index: 1;} .timeline .timeline-item.pull-right {position: relative;width: 50%;padding-left: 40px;padding-right: 0;margin-top: 80px;margin-bottom: 0;float: right;clear: right;} .timeline .timeline-item.pull-right + .timeline-date-label {padding-top: 80px;} .timeline .timeline-item:after {content: "";font-family: "FontAwesome";right: 0px;background-color: #eaeaea;left: auto;position: absolute;top: 20px;z-index: -1;width: 35px;height: 1px;} .timeline .timeline-item:before {content: "";position: absolute;background-color: #cdcdcd;border: 1px solid #cdcdcd;height: 7px;width: 7px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;top: 17px;right: -4px;} .timeline .timeline-item.pull-right:after {right: auto;left: 0px;} .timeline .timeline-item.pull-right:before {left: -3px;} } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .timeline .timeline-item.pull-right {float: none !important;} } /* Shop Pages ---------------------------------- */ /*Product Page*/ .product.price {font-size: 24px;font-weight: 400;} .product.price del {color: #cdcdcd;font-size: 14px;} .product.element-list {margin-top: 7px;} /*Dropdown Cart*/ .header-dropdown-buttons .btn-group .dropdown-menu.cart {padding: 0;min-width: 350px;font-size: 13px;} .header-dropdown-buttons .btn-group .dropdown-menu.cart table {margin-bottom: 0;} .header-dropdown-buttons .btn-group .dropdown-menu.cart .panel-body {padding: 0px 10px 0px;} .cart-count {position: absolute;top: -2px;right: -3px;line-height: 14px;width: 14px;height: 14px;-webkit-border-radius: 30%;-moz-border-radius: 30%;border-radius: 30%;font-size: 10px;text-shadow: none;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .dark .header-dropdown-buttons .cart-count {background-color: rgba(0, 0, 0, 0.5);color: #cdcdcd;} .dropdown.open .cart-count, .dropdown:hover .cart-count {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);} .total-amount, .total-quantity {font-size: 13px;} .cart .table > tbody > tr > td, .cart.table > tbody > tr > td {vertical-align: inherit;} .cart .quantity {width: 50px;font-size: 11px;} .cart .product {width: 220px;font-size: 13px;} .cart .product .small {display: block;color: #999999;} /* Small devices (phones less than 575px) */ @media (max-width: 575px) { .header-dropdown-buttons .btn-group .dropdown-menu.cart {min-width: 300px;} } /* Cart and Checkout pages ---------------------------------- */ .cart.table .price {width: 18%;font-size: 14px;} .cart.table .amount, .cart.table .remove, .cart.table .quantity {width: 12%;} .cart.table .quantity input {width: 60px;padding: 6px;} .cart.table .product {font-size: 15px;} .cart.table .product small {font-size: 12px;display: block;color: #999999;} .cart.table .amount {text-align: right;} .cart.table thead > tr > th {font-size: 16px;} .cart.table .total-quantity, .cart.table .total-amount {padding-top: 15px;padding-bottom: 15px;font-size: 16px;font-weight: 700;} .cart.table .total-amount {text-align: right;} .cart.table .btn-remove {position: relative;top: -5px;} .cart.table .form-group {margin: 7px 0;} .table .information {width: 80%;} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .cart.table thead > tr > th {font-size: 14px;} .cart.table .amount, .cart.table .price {width: 12%;} .cart.table .remove, .cart.table .quantity {width: 8%;} .cart.table > thead > tr > th, .cart.table > tbody > tr > th, .cart.table > tfoot > tr > th, .cart.table > thead > tr > td, .cart.table > tbody > tr > td, .cart.table > tfoot > tr > td {padding: 8px 10px;} } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .cart.table > thead > tr > th, .cart.table > tbody > tr > th, .cart.table > tfoot > tr > th, .cart.table > thead > tr > td, .cart.table > tbody > tr > td, .cart.table > tfoot > tr > td {padding: 8px 7px;} } /* About Us Pages ---------------------------------- */ /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .team-member {max-width: 480px;margin: 20px auto 20px !important;} } /* Coming Soon Page ---------------------------------- */ .countdown-section {text-align: center;padding: 20px;border: 1px solid rgba(0, 0, 0, 0.1);background-color: rgba(0, 0, 0, 0.2);-webkit-border-radius: 5%;-moz-border-radius: 5%;border-radius: 5%;width: 24%;margin: 10px 0.5%;display: block;float: left;} .countdown-amount {font-size: 36px;font-weight: 700;display: block;} .countdown-period {display: block;font-size: 28px;line-height: 1.2;margin-top: 15px;} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .countdown-amount {font-size: 24px;} .countdown-period {font-size: 18px;} } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .countdown-amount {font-size: 18px;} .countdown-period {font-size: 10px;} .countdown-section {width: 31%;margin: 10px 1.16%;} .countdown-section:last-child {display: none;} } /* Pages Misc ---------------------------------- */ .icons-page i {font-size: 20px;width: 35px;text-align: center;} .grid span {padding: 5px 5px;background-color: #666;border: 1px solid #444;display: block;text-align: center;margin-bottom: 10px;color: #ffffff;} /* 5 Components ----------------------------------------------------------------------------- */ /* Buttons ---------------------------------- */ /*Buttons Color Variations*/ .btn:focus {color: inherit;} .btn {-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} /*Default Button*/ .btn-default {color: #ffffff;} .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .show > .dropdown-toggle.btn-default {color: #ffffff;} .btn-default-transparent {color: #333333;background-color: transparent;} .btn-default-transparent:hover, .btn-default-transparent:focus, .btn-default-transparent.focus, .btn-default-transparent:active, .btn-default-transparent.active, .show > .dropdown-toggle.btn-default-transparent {color: #ffffff;} .dark-bg .btn-default-transparent {color: #ffffff;} .default-bg .btn-default, .default-translucent-bg .btn-default, .default-bg .btn-default-transparent, .default-translucent-bg .btn-default-transparent {background-color: #ffffff;border-color: #ffffff;} .default-bg .btn-default:hover, .default-translucent-bg .btn-default:hover, .default-bg .btn-default:focus, .default-translucent-bg .btn-default:focus, .default-bg .btn-default.focus, .default-translucent-bg .btn-default.focus, .default-bg .btn-default:active, .default-translucent-bg .btn-default:active, .default-bg .btn-default.active, .default-translucent-bg .btn-default.active, .default-bg .show > .dropdown-toggle.btn-default, .default-translucent-bg .show > .dropdown-toggle.btn-default, .default-bg .btn-default-transparent:hover, .default-translucent-bg .btn-default-transparent:hover, .default-bg .btn-default-transparent:focus, .default-translucent-bg .btn-default-transparent:focus, .default-bg .btn-default-transparent.focus, .default-translucent-bg .btn-default-transparent.focus, .default-bg .btn-default-transparent:active, .default-translucent-bg .btn-default-transparent:active, .default-bg .btn-default-transparent.active, .default-translucent-bg .btn-default-transparent.active, .default-bg .show > .dropdown-toggle.btn-default-transparent, .default-translucent-bg .show > .dropdown-toggle.btn-default-transparent {color: #ffffff;background-color: transparent;border-color: #ffffff;} .dark .btn-default {color: #ffffff;background-color: rgba(0, 0, 0, 0.2);border-color: rgba(0, 0, 0, 0.1);} .dark .btn-default .badge {color: rgba(0, 0, 0, 0.2);background-color: #ffffff;} .dark .btn-default:hover, .dark .btn-default:focus, .dark .btn-default.focus, .dark .btn-default:active, .dark .btn-default.active, .dark .show > .dropdown-toggle.btn-default {color: #ffffff;background-color: rgba(0, 0, 0, 0.35);border-color: rgba(0, 0, 0, 0.2);} .colored .btn-default {color: #ffffff;background-color: rgba(0, 0, 0, 0.2);border-color: rgba(0, 0, 0, 0.01);} .colored .btn-default .badge {color: rgba(0, 0, 0, 0.2);background-color: #ffffff;} .colored .btn-default:hover, .colored .btn-default:focus, .colored .btn-default.focus, .colored .btn-default:active, .colored .btn-default.active, .colored .show > .dropdown-toggle.btn-default {color: #ffffff;background-color: rgba(0, 0, 0, 0.3);border-color: rgba(0, 0, 0, 0.02);} .default-hovered:hover .btn-default-transparent {border-color: #ffffff;} /*White Button*/ .btn-white {color: #777777;background-color: #ffffff;border-color: #ffffff;} /*Gray Button*/ .btn-gray {color: #fff background-color: #026D94;border-color: #026D94;} /* Tomato Button*/ .btn-tomato {color: #fff background-color: #fa5858;} .btn-tomato2 {color: #fff background-color: #fa5858;font-family: 'Barlow', sans-serif;font-size: 13px;} .btn-gray:hover, .btn-gray:focus, .btn-gray.focus, .btn-gray:active, .btn-gray.active, .show > .dropdown-toggle.btn-gray {color: #fff background-color: #026D94;border-color: #026D94;} .btn-gray-transparent {color: #fff background-color: transparent;border-color: #026D94;} .btn-gray-transparent:hover, .btn-gray-transparent:focus, .btn-gray-transparent.focus, .btn-gray-transparent:active, .btn-gray-transparent.active, .show > .dropdown-toggle.btn-gray-transparent {color: #ffffff;background-color: #026D94;border-color: #026D94;} .dark-bg .btn-gray-transparent {color: #ffffff;} .dark-bg .btn-gray-transparent:hover {border-color: #ffffff;color: #777777;background-color: #ffffff;} .dark-translucent-bg .btn-gray-transparent, .default-translucent-bg .btn-gray-transparent, .default-bg .btn-gray-transparent {border-color: #ffffff;color: #ffffff;} .dark-translucent-bg .btn-gray-transparent:hover, .default-translucent-bg .btn-gray-transparent:hover, .default-bg .btn-gray-transparent:hover, .dark-translucent-bg .btn-gray-transparent:focus, .default-translucent-bg .btn-gray-transparent:focus, .default-bg .btn-gray-transparent:focus {border-color: #ffffff;color: #777777;background-color: #ffffff;} .default-hovered:hover .btn-gray-transparent {border-color: #ffffff;} .light-gray-bg.default-hovered:hover .btn-gray-transparent:hover {border-color: #333333;} /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent {border-color: #ffffff;color: #ffffff;} .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:hover, .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:focus {border-color: #ffffff;color: #777777;background-color: #ffffff;} } /*Dark Button*/ .btn-dark {color: #ffffff;background-color: #373737;border-color: #333333;} .btn-dark:hover, .btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active, .show > .dropdown-toggle.btn-dark {color: #ffffff;background-color: #111111;border-color: #111111;} .dark-bg .btn-dark {color: #ffffff;background-color: #222222;border-color: #171717;} .dark-bg .btn-dark:hover, .dark-bg .btn-dark:focus, .dark-bg .btn-dark.focus, .dark-bg .btn-dark:active, .dark-bg .btn-dark.active, .dark-bg .show > .dropdown-toggle.btn-dark {color: #ffffff;background-color: #000000;border-color: #000000;} /*Buttons Sizes*/ .btn {padding: 7px 20px;font-size: 14px;line-height: 1.4666666667;border-radius: 0px;margin: 10px 0;} .btn-sm {padding: 0px 4px;font-size: 12px;line-height: 1.4666666667;border-radius: 0px;margin: 5px 0;} .btn-tomato {border-top: 1px solid #fa5858;background: #fa5858;padding: 5px 10px;color: white;font-size: 11px;text-decoration: none;vertical-align: middle;} .btn-tomato:hover {border-top-color: #44aec4;background: #44aec4;color: #fff;} .btn-tomato:active {border-top-color: #fa5858;background: #fa5858;} .btn-loco {color: white;font-size: 11px;padding: 0px !important;margin: 0px 0 5px !important;list-style: none !important;display: inline-block !important;width: 25px !important;height: 25px !important;border: 1px solid #AAA;background: #fa5858;border-radius: 3px;text-align: center;vertical-align: top} .btn-loco:hover {border-top-color: #44aec4;background: #44aec4;color: #fff;} .btn-loco:active {border-top-color: #fa5858;background: #fa5858;} .btn-loc {padding: 0px 4px;font-size: 11px;line-height: 1.4666666667;border-radius: 3px;margin: 5px 0;} .btn-lg {padding: 10px 25px;font-size: 18px;line-height: 1.4666666667;border-radius: 4px;margin: 10px 0;} .btn-xl {padding: 15px 50px;font-size: 22px;line-height: 1.4666666667;border-radius: 6px;margin: 10px 0;} .btn-md-link {padding: 7px 15px;font-size: 14px;line-height: 1.4666666667;border-radius: 0px;margin: 10px 0;} .btn-sm-link {padding: 5px 15px;font-size: 12px;line-height: 1.4666666667;border-radius: 0px;margin: 5px 0;} .btn-lg-link {padding: 10px 15px;font-size: 18px;line-height: 1.4666666667;border-radius: 0px;margin: 10px 0;} .btn-remove {font-size: 10px;padding: 3px 15px;min-width: 0;margin: -5px 0 0 0;} .btn-success {color: #fff; background-color: #fa5858; border-color: #fa5858;} /*Buttons with radius*/ .radius-50 {-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;} /*Animated Buttons*/ .btn-animated {position: relative;min-width: 0 !important;padding-right: 45px !important;} .btn-animated i {-webkit-transition: right 0.2s ease-in-out;-o-transition: right 0.2s ease-in-out;transition: right 0.2s ease-in-out;z-index: 3;right: 17px;position: absolute;line-height: 34px;top: 0;min-width: 12px;} .btn-animated:after {width: 35px;height: 100%;background-color: rgba(0, 0, 0, 0.1);position: absolute;content: "";top: 0;opacity: 0;filter: alpha(opacity=0);right: 0px;z-index: 2;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .btn-animated.radius-50:after {border-radius: 0 50px 50px 0;} .btn-animated.btn-gray-transparent:after {background-color: rgba(0, 0, 0, 0.05);} .btn-animated:hover:after {opacity: 1;filter: alpha(opacity=100);} .btn-animated:hover i {right: 11px;} .btn-animated.btn-sm {padding-right: 35px !important;} .btn-animated.btn-sm:after {width: 25px;} .btn-animated.btn-sm i {right: 14px;line-height: 28px;min-width: 11px;} .btn-animated.btn-sm:hover i {right: 7px;} .btn-animated.btn-lg {padding-right: 60px !important;} .btn-animated.btn-lg:after {width: 45px;} .btn-animated.btn-lg i {right: 25px;line-height: 48px;min-width: 15px;} .btn-animated.btn-lg:hover i {right: 15px;} .btn-animated.btn-xl {padding-right: 60px !important;} .btn-animated.btn-xl:after {width: 45px;} .btn-animated.btn-xl i {right: 25px;line-height: 64px;min-width: 15px;text-align: center;} .btn-animated.btn-xl:hover i {right: 13px;} /*Background Transition*/ .btn-animation {-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;position: relative;z-index: 1;overflow: hidden;} .btn-animation:hover, .btn-animation:focus {-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .btn-animation:before {background-color: transparent;content: "";position: absolute;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .btn-animation:hover:before, .btn-animation:focus:before {z-index: -1;} .btn-default-transparent.btn-animation:hover, .btn-default-transparent.btn-animation:focus {background-color: transparent;} .btn-animation.btn-animation--slide-to-right:before {top: 0;left: 0;right: 100%;bottom: 0;} .btn-animation.btn-animation--slide-to-right:hover:before, .btn-animation.btn-animation--slide-to-right:focus:before {right: 0;} .btn-animation.btn-animation--slide-to-left:before {top: 0;left: 100%;right: 0;bottom: 0;} .btn-animation.btn-animation--slide-to-left:hover:before, .btn-animation.btn-animation--slide-to-left:focus:before {left: 0;} .btn-animation.btn-animation--slide-to-top:before {top: 100%;left: 0;right: 0;bottom: 0;} .btn-animation.btn-animation--slide-to-top:hover:before, .btn-animation.btn-animation--slide-to-top:focus:before {top: 0;} .btn-animation.btn-animation--slide-to-bottom:before {top: 0;left: 0;right: 0;bottom: 100%;} .btn-animation.btn-animation--slide-to-bottom:hover:before, .btn-animation.btn-animation--slide-to-bottom:focus:before {bottom: 0;} .btn-animation.btn-animation--slide-horizontal:before {top: 0;left: 50%;right: 50%;bottom: 0;} .btn-animation.btn-animation--slide-horizontal:hover:before, .btn-animation.btn-animation--slide-horizontal:focus:before {left: 0;right: 0;} .btn-animation.btn-animation--slide-vertical:before {top: 50%;left: 0;right: 0;bottom: 50%;} .btn-animation.btn-animation--slide-vertical:hover:before, .btn-animation.btn-animation--slide-vertical:focus:before {top: 0;bottom: 0;} /* Tabs ---------------------------------- */ .nav-tabs.style-1 {border-bottom: 1px solid #e1e1e1;margin-bottom: 15px;} .nav-tabs.style-1 > li > a {position: relative;color: #333333;margin-right: 0;line-height: 1;border: 1px solid transparent;padding: 12px 15px 11px 15px;-webkit-border-radius: 15px 15px 0 0;-moz-border-radius: 15px 15px 0 0;border-radius: 15px 15px 0 0;-webkit-transition: none;-o-transition: none;transition: none;height: 40px;} .nav-tabs.style-1 > li > a:hover {border-color: #222222 !important;background-color: #333333 !important;color: #ffffff;} .nav-tabs.style-1 > li > a:focus {border-color: transparent;background-color: transparent;} .nav-tabs.style-1 > li > a:after {position: absolute;right: -14px;bottom: -1px;content: '';width: 0;height: 0;border-style: solid;border-width: 31px 0 0 14px;border-color: transparent transparent transparent transparent;} .nav-tabs.style-1 > li > a:before {position: absolute;left: -14px;bottom: -1px;content: '';width: 0;height: 0;border-style: solid;border-width: 31px 14px 0 0;border-color: transparent transparent transparent transparent;} .nav-tabs.style-1 > li > a:hover:after {border-color: transparent transparent transparent #333333;border-width: 31px 0 0 14px;} .nav-tabs.style-1 > li > a:hover:before {border-color: transparent #333333 transparent transparent;border-width: 31px 14px 0 0;} .nav-tabs.style-1 > li > a.active {background-color: #333333 !important;} .nav-tabs.style-1 > li > a.active, .nav-tabs.style-1 > li > a.active:hover, .nav-tabs.style-1 > li > a.active:focus {color: #ffffff;cursor: default;border-color: #222222;} .nav-tabs.style-1 > li > a.active:after {border-color: transparent transparent transparent #333333;} .nav-tabs.style-1 > li > a.active:before {border-color: transparent #333333 transparent transparent;} .nav-tabs.style-1 > li:first-child > a:before, .nav-tabs.style-1 > li:last-child > a:after {border-width: 0 0 0 0;border-color: transparent transparent transparent transparent;} .nav-tabs.style-1 + .tab-content > .tab-pane {padding-bottom: 0;border-bottom: none;} .nav-tabs.style-2 {border-bottom: 1px solid #f1f1f1;} .nav-tabs.style-2 > li > a {color: #999999;} .nav-tabs.style-2 > li > a:hover {color: #333333;background-color: #fff !important;border-color: #fff ;border-bottom-color: #fff !important;} .nav-tabs.style-2 > li > a:focus {border-color: transparent;background-color: transparent;} .nav-tabs.style-2 > li > a.active, .nav-tabs.style-2 > li > a.active:hover, .nav-tabs.style-2 > li > a.active:focus {color: #000;cursor: default;background-color: ##fff;border-color: #fff;border-bottom-color: transparent;} .nav-tabs.style-2 + .tab-content > .tab-pane {padding: 15px;border: 1px solid #f1f1f1;border-top: none;background-color: #fff;} .nav-tabs.style-3 {border-bottom: 1px solid #999999;background-color: #999999;} .nav-tabs.style-3 > li > a {color: #ffffff;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin: 0;} .nav-tabs.style-3 > li > a:hover {color: #333333;background-color: #ffffff !important;border-color: #999999;border-bottom-color: #ffffff !important;} .nav-tabs.style-3 > li > a:focus {border-color: transparent;background-color: transparent;} .nav-tabs.style-3 > li > a.active, .nav-tabs.style-3 > li > a.active:hover, .nav-tabs.style-3 > li > a.active:focus {color: #333333;cursor: default;background-color: #ffffff;border-color: #999999;border-bottom-color: transparent;} .nav-tabs.style-3 + .tab-content > .tab-pane {padding: 15px;border: 1px solid #999999;border-top: none;background-color: #ffffff;} .nav-tabs.style-4 {margin-bottom: 15px;border-bottom: 1px solid #333333;} .nav-tabs.style-4 > li > a {color: #999999;} .nav-tabs.style-4 > li > a:hover {color: #ffffff;background-color: #333333 !important;border-color: #333333;border-bottom-color: #333333 !important;} .nav-tabs.style-4 > li > a:focus {border-color: #333333;background-color: #333333;} .nav-tabs.style-4 > li > a.active, .nav-tabs.style-4 > li > a.active:hover, .nav-tabs.style-4 > li > a.active:focus {color: #ffffff;cursor: default;background-color: #333333;border-color: #333333;border-bottom-color: transparent;} /* Small devices (tablets, smartphones) */ @media (min-width: 576px) and (max-width: 767px) { .nav-tabs > li > a {padding: 12px 10px;font-size: 11px;margin-right: 0;} } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .nav-tabs {background-color: #eaeaea;border-bottom: none !important;display: block;} .nav-tabs > .nav-item {float: none;display: block;} .nav-tabs > li a {color: #ffffff;margin-right: 0;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;} .nav-tabs.style-3 > li > a.active, .nav-tabs.style-3 > li > a.active:hover, .nav-tabs.style-3 > li > a.active:focus, .nav-tabs.style-3 > li > a:hover, .nav-tabs.style-3 > li > a:focus {border-bottom: 1px solid #999999 !important;} .nav-tabs.style-3 + .tab-content > .tab-pane {border-top: 1px solid #999999;} .nav-tabs > li a:after, .nav-tabs > li a:before {border-color: transparent transparent transparent transparent !important;} } /* vertical tabs */ .vertical {margin: 20px 0;} .vertical .nav-tabs, .vertical .tab-content {display: table-cell;margin: 0;vertical-align: top;} .vertical .nav-tabs {border-bottom-color: transparent;background-color: #999999;} .vertical .nav-tabs > li {float: none;} .vertical .nav-tabs > li a {margin: 0;padding: 10px 20px;white-space: nowrap;color: #ffffff;border-bottom: 1px solid #919191;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .vertical .nav-tabs > li > a:hover, .vertical .nav-tabs > li > a:focus {background-color: #fafafa;border-right-color: transparent;border-bottom: 1px solid #f1f1f1;color: #777777;z-index: 2;} .vertical .nav-tabs > li > a.active, .vertical .nav-tabs > li > a.active:hover, .vertical .nav-tabs > li > a.active:focus {border: 1px solid #f1f1f1;background-color: #fafafa;border-right-color: transparent;color: #777777;z-index: 2;} .vertical.left .nav-tabs > li > a:hover, .vertical.left .nav-tabs > li > a:focus {border-left-color: transparent;border-right-color: #f1f1f1;} .vertical.left .nav-tabs > li > a.active, .vertical.left .nav-tabs > li > a.active:hover, .vertical.left .nav-tabs > li > a.active:focus {border-right-color: #f1f1f1;border-left-color: transparent;} .vertical .tab-content {border: 1px solid #f1f1f1;border-left: 1px solid #fafafa;background-color: #fafafa;left: -1px;z-index: 1;padding: 20px 30px;} .left.vertical .tab-content {border-left-color: #f1f1f1;border-right-color: transparent;} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .vertical .nav-tabs, .vertical .tab-content {display: block;} .vertical .nav-tabs > li a {font-size: 15px;} } /* Pager ---------------------------------- */ ul.pagination, ul.pager {margin: 20px 0 40px;text-align: left;} ul.pagination .page-item {padding: 0;margin: 0 10px 0 0;border-bottom: none;display: inline-block;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} ul.pagination .page-item:last-child {margin: 0;} ul.pagination .page-item .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.pager .page-item .page-link {text-align: center;padding: 0 13px;height: 40px;width: auto;/* border: 1px solid #777777;*/line-height: 39px;/* background-color: #777777;*/color: #001763;display: inline-block;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} ul.pagination .page-item .page-link:hover, ul.pagination .page-item .page-link:focus {/*background-color: transparent !important;*/color: #000 !important;background: #febc43 !important;} ul.pagination .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {color: #ffffff;} /* Breadcrumb ---------------------------------- */ .breadcrumb-container {background-color: #f8f8f8;border-bottom: 1px solid #f4f4f4;} .dark.breadcrumb-container {background-color: #777777;border-color: #333333;color: #ffffff;} .breadcrumb {background-color: transparent;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin-bottom: 0;font-size: 12px;padding: 8px 15px 8px 0;} .breadcrumb-item + .breadcrumb-item:before {font-family: "FontAwesome";content: "\f101";font-size: 11px;padding: 0 7px;color: #cccccc;} .banner .breadcrumb-container {position: absolute;top: 0;left: 0;width: 100%;background-color: rgba(255, 255, 255, 0.85);border-bottom-color: rgba(255, 255, 255, 0.1);} .banner .dark.breadcrumb-container {border-bottom-color: rgba(119, 119, 119, 0.1);} .banner .breadcrumb .breadcrumb-item a, .banner .breadcrumb .breadcrumb-item i {color: #000000;} .banner .breadcrumb .breadcrumb-item.active, .banner .breadcrumb-item + .breadcrumb-item:before {color: #777777;} .dark .breadcrumb .breadcrumb-item a, .dark .breadcrumb .breadcrumb-item i, .dark .breadcrumb > .active, .banner .dark .breadcrumb > .active, .dark .breadcrumb .breadcrumb-item + .breadcrumb-item:before {color: #ffffff;} /* Nav pills ---------------------------------- */ .nav-pills:not(.nav-stacked) {margin-bottom: 15px;} .nav-pills > li .nav-link {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;padding: 7px 10px;border: 1px solid transparent;color: #999999;font-size: 13px;text-transform: uppercase;font-weight: 400;} .nav-pills > li .nav-link.active, .nav-pills > li .nav-link.active:hover, .nav-pills > li .nav-link.active:focus, .nav-pills > li .nav-link:hover, .nav-pills > li .nav-link:focus {color: #777777;background-color: transparent;border-bottom: 1px solid #777777;} .nav-pills.style-2 > li .nav-link {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .nav-pills.style-2 > li .nav-link.active, .nav-pills.style-2 > li .nav-link.active:hover, .nav-pills.style-2 > li .nav-link.active:focus, .nav-pills.style-2 > li .nav-link:hover, .nav-pills.style-2 > li .nav-link:focus {background-color: #fafafa;border: 1px solid #eaeaea;} .nav-pills > li + li {margin-left: 5px;} .nav.flex-column > li .nav-link {padding: 7px 0px;color: #777777;position: relative;font-size: 13px;text-transform: uppercase;font-weight: 400;} .nav.flex-column.list-style-icons > li .nav-link {padding: 6px 0px;} .nav.flex-column > li .nav-link.active, .nav.flex-column > li .nav-link.active:hover, .nav.flex-column > li .nav-link.active:focus, .nav.flex-column > li .nav-link:hover, .nav.flex-column > li .nav-link:focus {background-color: transparent;border-color: transparent;} .nav.flex-column:not(.list-style-icons) > li .nav-link:after {font-family: "FontAwesome";content: "\f101";font-size: 12px;position: absolute;right: 15px;top: 6px;color: #d1d1d1;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .nav.flex-column:not(.list-style-icons) > li .nav-link.active:hover:after, .nav.flex-column:not(.list-style-icons) > li .nav-link.active:focus:after, .nav.flex-column:not(.list-style-icons) > li .nav-link:hover:after, .nav.flex-column:not(.list-style-icons) > li .nav-link:focus:after {right: 10px;} .nav.flex-column.list-style-icons > li .nav-link > i {padding-right: 10px;font-size: 14px;color: #cdcdcd;width: 25px;} /* Process pills */ .process .nav-pills > li + li {margin-left: 40px;position: relative;} .process .nav-pills > li + li:after {font-family: "FontAwesome";content: "\f101";position: absolute;top: 6px;left: -24px;width: 10px;color: #cdcdcd;} @media (max-width: 575px) { .nav.nav-pills {display: block;} .nav.nav-pills .nav-item {display: inline-block;} } /*Dark bgs*/ .dark-bg .nav-pills > li .nav-link, .dark-translucent-bg .nav-pills > li .nav-link {text-decoration: none;} .dark-bg .nav-pills > li .nav-link.active, .dark-bg .nav-pills > li .nav-link.active:focus, .dark-bg .nav-pills > li .nav-link:focus, .dark-translucent-bg .nav-pills > li .nav-link.active, .dark-translucent-bg .nav-pills > li .nav-link.active:focus, .dark-translucent-bg .nav-pills > li .nav-link:focus {color: #ffffff;border-bottom-color: #ffffff;} /*footer*/ .footer-content .nav.flex-column > li > a {padding: 5px 0px;} .footer-content .nav.flex-column > li > a:after {top: 5px;} .dark .footer-content .nav.flex-column > li > a, .dark .footer-content .nav.flex-column > li > a.active, .dark .footer-content .nav.flex-column > li > a.active:focus, .dark .footer-content .nav.flex-column > li > a:focus {color: #999999;} /* Collapse ---------------------------------- */ /*Style 1*/ .collapse-style-1 .card {border-color: #eaeaea;} .collapse-style-1 .card + .card {margin-top: 5px;} .collapse-style-1 .card-header {background-color: #fafafa;padding: 0;border-bottom: none;} .collapse-style-1 .card-header a {font-weight: 400;display: inline-block;width: 100%;position: relative;text-decoration: none;padding: 10px 40px 10px 15px;color: inherit;font-size: 16px;} .collapse-style-1 .card-header a.collapsed {color: #999999;} .collapse-style-1 .card-header a:not(.collapsed) {color: #777777;} .collapse-style-1 .card-header a:after {font-family: "FontAwesome";content: "\f146";position: absolute;right: 15px;font-size: 14px;font-weight: 300;top: 50%;line-height: 1;margin-top: -7px;} .collapse-style-1 .card-header a.collapsed:after {content: "\f0fe";} .collapse-style-1 .card-block {border-top: none !important;background-color: #fafafa;padding: 0 15px 15px 15px;} /*Style 2*/ .collapse-style-2 .card {border-color: transparent;} .collapse-style-2 .card + .card {margin-top: 5px;} .collapse-style-2 .card-header {background-color: transparent;padding: 0;} .collapse-style-2 .card-header a {color: #ffffff;font-weight: 400;display: inline-block;width: 100%;position: relative;text-decoration: none;padding: 10px 40px 10px 15px;font-size: 16px;} .collapse-style-2 .card-header a.collapsed {background-color: #333333;} .collapse-style-2 .card-header a:after {font-family: "FontAwesome";content: "\f106";position: absolute;right: 15px;font-size: 14px;font-weight: 300;top: 50%;line-height: 1;margin-top: -7px;} .collapse-style-2 .card-header a.collapsed:after {content: "\f107";} .collapse-style-2 .card-block {border-top: none !important;background-color: transparent;padding: 15px 0;} .collapse-style-2 .card-block.p-15 {padding: 15px;} /*Style 3*/ .collapse-style-3 .card {border-color: #999999;} .collapse-style-3 .card + .card {margin-top: 5px;} .collapse-style-3 .card-header {background-color: transparent;padding: 0;border-color: #999999;} .collapse-style-3 .card-header a {color: #ffffff;background-color: #999999;font-weight: 400;display: inline-block;width: 100%;position: relative;text-decoration: none;padding: 10px 40px 10px 15px;font-size: 16px;} .collapse-style-3 .card-header a.collapsed {background-color: #999999;} .collapse-style-3 .card-header a:after {font-family: "FontAwesome";content: "\f139";position: absolute;right: 15px;font-size: 12px;font-weight: 300;top: 50%;line-height: 1;margin-top: -7px;} .collapse-style-3 .card-header a.collapsed:after {content: "\f13a";} .collapse-style-3 .card-block {border-top: none !important;background-color: transparent;padding: 15px;} .card-header a:hover {text-decoration: none;} .card-header a i {font-size: 16px;} /*Contextual Headings*/ .collapse-contextual .card + .card {margin-top: 5px;} .collapse-contextual .card-primary, .collapse-contextual .card-success, .collapse-contextual .card-danger, .collapse-contextual .card-info, .collapse-contextual .card-warning {color: #ffffff;} .collapse-contextual .card-primary .card-header a, .collapse-contextual .card-success .card-header a, .collapse-contextual .card-danger .card-header a, .collapse-contextual .card-info .card-header a, .collapse-contextual .card-warning .card-header a {color: #ffffff;text-decoration: none;} .collapse-contextual .card-header {position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.125);padding: 0;} .collapse-contextual .card-header a {font-size: 16px;text-decoration: none;display: block;padding: 10px 20px;} .collapse-contextual .card-header a:after {font-family: "FontAwesome";content: "\f068";position: absolute;right: 15px;font-size: 10px;font-weight: 300;top: 50%;line-height: 1;margin-top: -6px;} .collapse-contextual .card-header a.collapsed:after {content: "\f067";} .collapse-contextual .card-block {padding: 15px;} /*Content Collapse*/ .btn[data-toggle=collapse] i:before {font-size: 10px;content: "\f068";} .btn.collapsed[data-toggle=collapse] i:before {content: "\f067";} /* Progress bars ---------------------------------- */ .progress.style-1 {margin-top: 25px;background-color: #fafafa;border: 1px solid #eaeaea;height: 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: none;box-shadow: none;overflow: visible;position: relative;} .progress.style-1 .progress-bar {padding: 0;text-align: left;font-size: 11px;font-weight: 300;margin-top: 0px;height: 4px;margin: 1px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: none;box-shadow: none;position: relative;} .progress.style-2 {margin-bottom: 15px;background-color: #fafafa;border: 1px solid #eaeaea;height: 20px;-webkit-box-shadow: none;box-shadow: none;} .progress.style-2 .progress-bar {padding: 0;text-align: left;-webkit-box-shadow: none;box-shadow: none;height: 20px;} .progress.style-2 span {font-size: 11px;line-height: 1;position: relative;top: -2px;left: 10px;} .progress-bar {-webkit-transition: width 1.5s ease;-o-transition: width 1.5s ease;transition: width 1.5s ease;} .progress .label {position: absolute;top: -16px;font-size: 11px;color: #333333;right: 10px;font-weight: 400;padding: 0;} .progress .text {position: absolute;font-size: 11px;top: -17px;left: 0;font-weight: 400;text-transform: uppercase;color: #999999;} .progress.dark {background-color: #cdcdcd;border-color: #cdcdcd;} .progress.dark.style-1 {border-color: #ffffff;} .dark .progress-striped .progress-bar, .dark .progress-bar-striped {background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);} .progress-bar-white {background-color: #ffffff;color: #777777;} .progress-bar-gray {background-color: #999999;} .progress-bar-dark {background-color: #333333;} .gray-bg .progress {background-color: #ffffff;-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);} /* Circular Progress Bars ---------------------------------- */ .knob-container {margin: 10px;position: relative;display: inline-block;} .knob-container canvas {width: 132px;height: 132px;margin: 0 auto;} .knob-text {position: absolute;text-align: center;top: 50%;width: 100%;margin-top: -14px;} /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .knob-container canvas {width: 169px;height: 169px;} } /* Dropdowns ---------------------------------- */ .dropdown-toggle--no-caret::after {margin: 0;border-width: 0;border: none;} .dark .dropdown-menu, .dark-bg .dropdown-menu, .colored .dropdown-menu {color: #ffffff;font-size: 0.9rem;} .dropdown-menu .divider {background-color: #ededed;height: 1px;margin: 9px 0;overflow: hidden;} .dropdown-menu-right {right: 0;left: auto;} /* Forms ---------------------------------- */ form {margin: 20px 0;} textarea {resize: vertical;} textarea.form-control {height: auto;} .sidebar form {margin: 5px 0 20px 0;} .form-control {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #ffffff;height: 40px;font-weight: 300;font-size: 14px;padding-right: 30px;border-color: #e1e1e1;color: #777777;position: relative;-webkit-appearance: none;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);} .form-control.form-control-lg, .form-control.form-control-sm {height: auto;} .form-control.radius-50 {-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;} .form-inline .form-control-lg {height: 48px;} .form-inline [type=submit] {margin-top: 0;margin-bottom: 0;} /* Small devices (tablets, phones 576px and up) */ @media (min-width: 576px) { .form-control-lg {min-width: 350px;} } /* Small devices (tablets, phones 575px and down) */ @media (max-width: 575px) { .form-inline {display: block !important;} } .form-control:focus {border-color: #999999;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);} select.form-control {padding-right: 5px;-webkit-appearance: menulist;} select[multiple].form-control {-webkit-appearance: listbox;height: auto;} .form-control::-moz-placeholder {color: inherit;} .form-control:-ms-input-placeholder {color: inherit;} .form-control::-webkit-input-placeholder {color: inherit;} .input-group-text {background-color: #f1f1f1;border-color: #e1e1e1;min-height: 40px;} .form-list > div {padding: 7px 15px;border-bottom: 1px solid #dddddd;background-color: #f3f3f3;margin: 6px 0;display: block;} form label, .radio label, .checkbox label {font-weight: 300;text-transform: uppercase;} .form-control {font-style: italic;font-size: 12px;} fieldset {padding: 10px 25px;margin: 15px 0px;border: 1px solid #dddddd;background-color: #fafafa;} fieldset legend {display: block;width: auto;padding: 3px 10px;margin-bottom: 0;font-size: 15px;line-height: inherit;color: #333333;border: 1px solid #ddd;background-color: #ffffff;} fieldset .form-control, fieldset .form-control:focus {-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);border-color: #f3f3f3;} .form-check {margin-bottom: 5px;} /* forms with icons */ .has-feedback {position: relative;} .has-feedback label ~ .form-control-feedback {top: 29px;} .has-feedback label.sr-only ~ .form-control-feedback {top: 0;} .has-feedback .form-control-feedback {width: 40px;height: 40px;line-height: 40px !important;top: 0;right: 0;color: #777777;position: absolute;text-align: center;margin-top: 0;} .has-feedback .form-control-lg + .form-control-feedback, .has-feedback label.sr-only ~ .form-control-lg + .form-control-feedback {height: 48px;top: 4px;} /* Disabled forms */ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {opacity: 0.5;filter: alpha(opacity=50);} /* Forms in all backgrounds */ .dark-bg .form-control {background-color: rgba(255, 255, 255, 0.15);border-color: #353535;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);color: #cdcdcd;} .dark-bg .is-valid.form-control:focus, .dark-bg .is-warning.form-control:focus, .dark-bg .is-invalid.form-control:focus {-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);} .dark-bg .input-group-text {background-color: rgba(255, 255, 255, 0.2);border-color: #000000;} .dark-bg .form-control:focus, .dark-bg .is-valid.form-control:focus, .dark-bg .is-warning.form-control:focus, .dark-bg .is-invalid.form-control:focus {background-color: rgba(255, 255, 255, 0.25);} .dark-bg .has-feedback .form-control-feedback {color: #cdcdcd;} .default-bg .form-control {background-color: rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);color: #ffffff;} .default-bg .is-valid.form-control:focus, .default-bg .is-warning.form-control:focus, .default-bg .is-invalid.form-control:focus {-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);} .default-bg .input-group-text {background-color: rgba(0, 0, 0, 0.2);} .default-bg .form-control:focus {background-color: rgba(0, 0, 0, 0.1);} .default-bg .has-feedback .form-control-feedback {color: #ffffff;} .default-bg .form-check.disabled .form-check-label {color: rgba(255, 255, 255, 0.8);} .dark .form-control {-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6);box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6);color: #cccccc;background-color: rgba(255, 255, 255, 0.1);border-color: #373737;} .dark .form-control:focus {background-color: rgba(255, 255, 255, 0.15);} .dark .has-feedback .form-control-feedback {color: #cdcdcd;} .dark .footer-content .form-control {border-color: #222222;} /* Validation states */ .dark-bg .is-valid .help-block, .dark-bg .is-valid .control-label, .dark-bg .is-valid .radio, .dark-bg .is-valid .checkbox, .dark-bg .is-valid .radio-inline, .dark-bg .is-valid .checkbox-inline, .dark-bg .is-valid.radio label, .dark-bg .is-valid.checkbox label, .dark-bg .is-valid.radio-inline label, .dark-bg .is-valid.checkbox-inline label, .dark-bg .is-valid .form-control-feedback {color: #15c019;} .dark-bg .is-warning .help-block, .dark-bg .is-warning .control-label, .dark-bg .is-warning .radio, .dark-bg .is-warning .checkbox, .dark-bg .is-warning .radio-inline, .dark-bg .is-warning .checkbox-inline, .dark-bg .is-warning.radio label, .dark-bg .is-warning.checkbox label, .dark-bg .is-warning.radio-inline label, .dark-bg .is-warning.checkbox-inline label, .dark-bg .is-warning .form-control-feedback {color: #e5af51;} .dark-bg .is-invalid .help-block, .dark-bg .is-invalid .control-label, .dark-bg .is-invalid .radio, .dark-bg .is-invalid .checkbox, .dark-bg .is-invalid .radio-inline, .dark-bg .is-invalid .checkbox-inline, .dark-bg .is-invalid.radio label, .dark-bg .is-invalid.checkbox label, .dark-bg .is-invalid.radio-inline label, .dark-bg .is-invalid.checkbox-inline label, .dark-bg .is-invalid .form-control-feedback {color: #ef4f4c;} .is-valid.form-control, .is-valid.form-control:focus {border-color: #65bb66;} .is-warning.form-control, .is-warning.form-control:focus {border-color: #e8c782;} .is-invalid.form-control, .is-invalid.form-control:focus {border-color: #e83a37;} .default-bg .is-valid.form-control, .default-bg .is-warning.form-control, .default-bg .is-invalid.form-control, .default-bg .is-valid.form-control:focus, .default-bg .is-warning.form-control:focus, .default-bg .is-invalid.form-control:focus {border-color: #ffffff;color: #ffffff;} .default-bg .valid-feedback, .default-bg .warning-feedback, .default-bg .invalid-feedback {color: #ffffff;} .is-valid.form-control:focus, .is-warning.form-control:focus, .is-invalid.form-control:focus {-webkit-box-shadow: none;box-shadow: none;} .has-error .error {font-weight: 400;margin-bottom: 5px;display: block;} .warning-feedback {display: none;width: 100%;margin-top: 0.25rem;font-size: 80%;color: #e8c782;} .form-control.is-warning ~ .warning-feedback {display: block;} /*Sorting Filters*/ .sorting-filters label {display: block;margin-bottom: 5px;font-size: 14px;text-align: left;} .sorting-filters form {margin: 0;} .sorting-filters .form-inline .form-control {width: 100%;} .sorting-filters .btn {margin: 0;min-width: 0;width: 100%;} /* Small devices (tablets, smartphones) */ @media (min-width: 992px) and (max-width: 1199px) { .sorting-filters .form-inline .form-group {width: 16%;} } /* Small devices (tablets, smartphones 768px and up) */ @media (min-width: 992px) { .sorting-filters .btn {margin: 25px 0 0;} } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 991px) { .sorting-filters .form-control {margin: 0 0 5px;} .sorting-filters .form-inline, .sorting-filters .form-inline .form-group {display: block;} .sorting-filters form {width: 100%;} } /*forms style 2*/ .form-style-2 .form-control {background-color: transparent;border-width: 0 0 1px 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;font-size: 22px;padding: 10px 20px;height: auto;} .text-white .form-style-2 .form-control {border-color: rgba(255, 255, 255, 0.3);} .text-white .form-style-2 .form-control:focus, .text-white .form-style-2 .form-control:hover {border-color: white;background-color: transparent;} .form-style-2 .has-feedback label.sr-only ~ .form-control-feedback {top: 8px;font-size: 24px;} /* Alerts ---------------------------------- */ .alert {margin: 20px 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: none;} .alert-success {color: #2a5f2b;background-color: #bcdab0;} .alert-info {color: #1a4e68;background-color: #c6e8fa;} .alert-warning {color: #72582b;background-color: #f7f0ce;} .alert-icon {padding-left: 70px;position: relative;} .alert-icon i {position: absolute;font-size: 28px;left: 21px;top: 13px;width: 30px;text-align: center;} .alert .close {font-weight: normal;filter: alpha(opacity=40);opacity: 0.4;top: 0px;} [data-notify=container] {max-width: 400px;} [data-notify=progressbar] {display: none;} /*Announcments ---------------------------------- */ .announcement {font-size: 13px;} .announcement .alert {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding: 10px 0;position: relative;} .announcement .alert .close {position: absolute;top: 30px;padding: 0 20px;right: 10px;z-index: 3;margin-top: -14px;text-shadow: none;opacity: 0.7;filter: alpha(opacity=70);} .announcement .alert .close:hover, .announcement .alert .close:focus {color: #ffffff;opacity: 1;filter: alpha(opacity=100);} .announcement p:last-child {margin-bottom: 0;} .announcement h2, .announcement h3, .announcement h4 {margin-top: 5px;margin-bottom: 5px;} /*Icons ---------------------------------- */ .icon {display: inline-block;text-align: center;position: relative;background-color: rgba(255, 255, 255, 0.85);color: #000000;font-size: 24px;width: 60px;height: 60px;line-height: 58px;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid transparent;} .icons .icon {margin: 0 5px 5px 0;} .icon i {position: relative;z-index: 1;} .icon.dark-bg {background-color: rgba(66, 66, 66, 0.66);color: #ffffff;} .icon.default-bg {color: #ffffff;} .icon.light-bg {background-color: #ffffff;} .icon.without-bg {font-size: 36px;line-height: 1;color: inherit;background-color: transparent;height: 100%;} .icon.large {font-size: 36px;width: 100px;height: 100px;line-height: 97px;} .icon.small {font-size: 18px;width: 45px;height: 45px;line-height: 43px;} /*Feature Box ---------------------------------- */ .feature-box, .feature-box-2 {margin-bottom: 30px;} .feature-box .title, .feature-box-2 .title {margin-top: 0px;} /*style-1*/ .feature-box h3 {margin-top: 0;} .feature-box .icon {margin-bottom: 10px;} .feature-box p {clear: both;margin-bottom: 15px;} .feature-box:not(.shadow):hover .icon {opacity: 0.8;filter: alpha(opacity=80);} /*style-2*/ .feature-box-2 {position: relative;} .feature-box-2 .icon {position: absolute;top: 0px;left: 0px;} .feature-box-2 .icon.without-bg {width: 0;height: 0;} .feature-box-2.boxed {border: 1px solid #f1f1f1;} .feature-box-2.boxed .icon {left: 20px;top: 20px;} .feature-box-2 .icon {-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .feature-box-2 .body {margin-left: 62px;} .feature-box-2:hover .icon {opacity: 0.8;filter: alpha(opacity=80);} .feature-box-2.right .body {margin-right: 62px;margin-left: 0px;text-align: right;} .feature-box-2.right .icon {left: auto;right: 0px;} .feature-box-2.right .icon.without-bg {right: 40px;} .feature-box-2.boxed.right .icon {left: auto;right: 20px;} .feature-box-2.boxed.right .icon.without-bg {right: 60px;} /* Medium devices (desktops, tablets less than 991px) */ @media (max-width: 991px) { .feature-box-2:not(.boxed) {padding-bottom: 0;} } /*shadow*/ .shadow, .shadow-narrow {position: relative;background-color: #ffffff;} .light-gray-bg.shadow, .light-gray-bg.shadow-narrow {background-color: #fafafa;} .bordered {border: 1px solid #f1f1f1;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .dark-bg .bordered {border: 1px solid #555555;} .shadow *, .shadow-narrow * {position: relative;z-index: 3;} .shadow:before, .shadow-narrow:before {position: absolute;left: 0;height: 60%;bottom: 0;width: 100%;content: "";background-color: #ffffff;z-index: 2;} .light-gray-bg.shadow:before, .light-gray-bg.shadow-narrow:before {background-color: #fafafa;} .shadow:after, .shadow-narrow:after {content: "";position: absolute;height: 50%;width: 96%;left: 50%;bottom: 2px;margin-left: -48%;-webkit-box-shadow: 0 5px 7px #999999;box-shadow: 0 5px 7px #999999;z-index: 1;border-radius: 10%;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .shadow-narrow:after {width: 90%;margin-left: -45%;} .shadow:hover:after, .shadow-narrow:hover:after {bottom: 10px;} .shadow-2 {-webkit-box-shadow: 0 10px 6px -6px #999;box-shadow: 0 10px 6px -6px #999;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;} .shadow-2:hover {-webkit-box-shadow: 0 18px 24px -9px #999;box-shadow: 0 18px 24px -9px #999;} /*Image box ---------------------------------- */ .slick-slide.image-box {margin-bottom: 20px;} .image-box .body {padding: 15px 10px;} .image-box .body h3 {margin-top: 0;} .image-box .body p:last-child {margin-bottom: 0;} .image-box.style-4 {border: none;} .image-box.style-3-b {display: block;margin-bottom: 40px;} .image-box.style-3-b .body {padding: 10px 0;} .image-box--shadowed {-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;} .image-box--shadowed:hover {-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);} /* Medium devices (tablets, laptops, smartphones 768px and up) */ @media (min-width: 768px) { .image-box.style-3-b .body {padding: 0;} } /* Medium devices (desktops, tablets less than 991px) */ @media (max-width: 991px) { .image-box.style-4 {margin-bottom: 30px;} } /*Listing Items ---------------------------------- */ .listing-item .overlay-container .badge {position: absolute;background-color: rgba(255, 255, 255, 0.95);font-weight: 400;padding: 4px;top: 10px;right: 10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .listing-item .body {padding: 15px;} .listing-item .body h3 {margin-top: 0;font-size: 18px;line-height: 1.4;} .listing-item .elements-list {font-size: 12px;} .listing-item .price {font-size: 18px;margin-top: 1px;display: inline-block;font-weight: 400;} .listing-item .price del {font-size: 12px;color: #999999;} .listing-item .overlay-to-top {padding: 10px 0 !important;} .listing-item .overlay-to-top .btn-sm-link {padding: 5px;} /*Modals ---------------------------------- */ .modal-content .modal-title {color: #ffffff;} .modal-open .page-wrapper {-webkit-filter: blur(3px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);} .modal-footer .btn + .btn {margin-bottom: 10px;} /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .modal-lg {width: 1140px;max-width: none;} } /*Images and Overlays ---------------------------------- */ .overlay-container {position: relative;display: block;text-align: center;overflow: hidden;} .overlay-bottom, .overlay-top {position: absolute;top: auto;padding: 15px;bottom: 0px;left: 0;right: 0px;background-color: rgba(30, 30, 30, 0.5);overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-in-out 0.25s;-o-transition: all ease-in-out 0.25s;transition: all ease-in-out 0.25s;height: 0;color: #ffffff;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);} .overlay-bottom.links, .overlay-to-top.links {z-index: 11;} .overlay-to-top {position: absolute;top: auto;padding: 10px;bottom: -30px;left: 0;right: 0px;background-color: rgba(30, 30, 30, 0.5);opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-in-out 0.25s;-o-transition: all ease-in-out 0.25s;transition: all ease-in-out 0.25s;color: #ffffff;} .overlay-top {top: 0;} .overlay-visible .overlay-bottom, .overlay-visible .overlay-top {opacity: 1;filter: alpha(opacity=100);height: auto !important;padding-bottom: 20px;} .overlay-visible.overlay-container:hover .overlay-bottom:not(.links), .overlay-visible.overlay-container:hover .overlay-top {opacity: 0.5;filter: alpha(opacity=50);} .overlay-top a, .overlay-bottom a, .overlay-to-top a, .overlay-top a:hover, .overlay-bottom a:hover, .overlay-to-top a:hover {color: #ffffff;text-decoration: none;} .overlay-container .text {padding: 0 20px;position: relative;} .overlay-container .text h3, .overlay-container .text h3 .small {margin-top: 0;color: #ffffff;} .overlay-container .text a:hover {color: #ffffff;} .overlay-bottom .btn, .overlay-top .btn {color: #ffffff;border-color: #ffffff;margin: 0;} .overlay-bottom .btn:hover, .overlay-top .btn:hover {color: #777777;background-color: #ffffff;} .overlay-container:hover .overlay-top, .overlay-container:hover .overlay-bottom, .image-box.style-2:hover .overlay-top, .image-box.style-2:hover .overlay-bottom {height: 50%;opacity: 1;filter: alpha(opacity=100);-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);} .overlay-container:hover .overlay-to-top, .image-box:hover .overlay-to-top {opacity: 1;filter: alpha(opacity=100);bottom: 0;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);} .overlay-link {position: absolute;z-index: 10;top: 0;padding: 15px;bottom: 0px;left: 0;right: 0px;background-color: rgba(30, 30, 30, 0.5);overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-in-out 0.25s;-o-transition: all ease-in-out 0.25s;transition: all ease-in-out 0.25s;color: #ffffff;} .overlay-link i {-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;width: 80px;height: 80px;border: 1px solid #ffffff;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #ffffff;position: absolute;top: 50%;left: 50%;margin: -40px 0 0 -40px;font-size: 32px;line-height: 80px;} .overlay-link i:hover {background-color: #ffffff;color: #777777;} .overlay-link.small i {width: 25px;height: 25px;margin: -12.5px 0 0 -12.5px;font-size: 14px;line-height: 25px;} .overlay-container:hover .overlay-link {height: 100%;opacity: 1;filter: alpha(opacity=100);-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);} /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .overlay-container .text {top: 30%;} } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .overlay-container .text {top: 30%;} .overlay-container .text p:not(.mobile-visible) {display: none;} } /* Large and Medium devices (desktops, tablets less than 1199px) */ @media (min-width: 575px) and (max-width: 1199px) { .overlay-container:not(.overlay-visible) .overlay-top ~ .overlay-bottom {padding-top: 5px;padding-bottom: 5px;} .slick-slide .overlay-container:hover .overlay-top {height: 71%;} .slick-slide .overlay-container:hover .overlay-bottom {height: 29%;} } /*Video Backgrounds ---------------------------------- */ .video-background, .video-background-banner {position: relative;overflow: hidden;} .video-background video, .video-background-banner video {min-width: 100%;background-repeat: no-repeat;background-position: 50% 50%;background-attachment: scroll;min-height: 100%;height: auto;width: auto;top: 0%;left: 0%;background-size: cover;display: none;position: absolute;display: block;} .video-background-banner .video-background-poster, .video-background .video-background-poster {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50% 50%;background-attachment: scroll;background-size: cover;z-index: 0;} /* Responsive iframe ---------------------------------- */ .tp-caption .embed-responsive {overflow: visible;} /* Audio wrapper ---------------------------------- */ .audio-wrapper iframe {width: 100%;border: none;margin-bottom: 20px;} /* Jumbotron ---------------------------------- */ .jumbotron {background-color: transparent;} /*Carousel ---------------------------------- */ .top.carousel-indicators {bottom: auto;top: 10px;} .bottom.carousel-indicators {bottom: 10px;} .shadow .carousel-indicators {position: absolute;z-index: 4;} /*Badges ---------------------------------- */ .main-navigation .badge {position: absolute;top: 13px;right: 20px;font-size: 12px;background-color: transparent;color: inherit;font-weight: 300;padding: 2px 4px;} .main-navigation .mega-menu .badge {top: 8px;} /* Extra small devices (phones, less than 767px) */ @media (max-width: 767px) { .main-navigation .dropdown-toggle .badge {right: 50px;} } /*Pace (Page loader) ---------------------------------- */ /*loader 1*/ .page-loader-1 .page-wrapper {opacity: 0;filter: alpha(opacity=0);} .page-loader-1.pace-done .page-wrapper {opacity: 1;filter: alpha(opacity=100);-webkit-transition: ease-in-out opacity 0.2s;-o-transition: ease-in-out opacity 0.2s;transition: ease-in-out opacity 0.2s;} .page-loader-1 .pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 2000;position: fixed;margin: auto;top: 0;left: 0;right: 0;bottom: 0;height: 5px;width: 200px;background: #ffffff;overflow: hidden;} .page-loader-1 .pace .pace-progress {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);max-width: 200px;position: fixed;z-index: 2000;display: block;position: absolute;top: 0;right: 100%;height: 100%;width: 100%;} /*loader 2*/ .page-loader-2 .page-wrapper {opacity: 0;filter: alpha(opacity=0);} .page-loader-2.pace-done .page-wrapper {opacity: 1;filter: alpha(opacity=100);-webkit-transition: ease-in-out opacity 0.2s;-o-transition: ease-in-out opacity 0.2s;transition: ease-in-out opacity 0.2s;} .page-loader-2 .pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 2000;position: fixed;height: 60px;width: 100px;margin: auto;top: 0;left: 0;right: 0;bottom: 0;} .page-loader-2 .pace .pace-progress {z-index: 2000;position: absolute;height: 60px;width: 100px;-webkit-transform: translate3d(0, 0, 0) !important;-ms-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;} .page-loader-2 .pace .pace-progress:before {content: attr(data-progress-text);text-align: center;color: #ffffff;border-radius: 50%;font-family: 'Barlow', sans-serif;font-size: 14px;font-weight: 100;line-height: 45px;padding: 0;width: 44px;height: 44px;margin: 8px 0 0 29px;display: block;z-index: 999;position: absolute;} .page-loader-2 .pace .pace-activity {font-size: 15px;line-height: 1;z-index: 2000;position: absolute;height: 60px;width: 100px;display: block;-webkit-animation: pace-theme-center-atom-spin 2s linear infinite;-moz-animation: pace-theme-center-atom-spin 2s linear infinite;-ms-animation: pace-theme-center-atom-spin 2s linear infinite;-o-animation: pace-theme-center-atom-spin 2s linear infinite;animation: pace-theme-center-atom-spin 2s linear infinite;} .page-loader-2 .pace .pace-activity {border-radius: 50%;content: ' ';display: block;position: absolute;top: 0;left: 0;height: 60px;width: 100px;} .page-loader-2 .pace .pace-activity:after {border-radius: 50%;content: ' ';display: block;position: absolute;top: -5px;left: -5px;height: 60px;width: 100px;-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);-o-transform: rotate(60deg);transform: rotate(60deg);} .page-loader-2 .pace .pace-activity:before {border-radius: 50%;content: ' ';display: block;position: absolute;top: -5px;left: -5px;height: 60px;width: 100px;-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);-o-transform: rotate(120deg);transform: rotate(120deg);} @-webkit-keyframes pace-theme-center-atom-spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg);} } @-moz-keyframes pace-theme-center-atom-spin { 0% {-moz-transform: rotate(0deg);} 100% {-moz-transform: rotate(359deg);} } @-o-keyframes pace-theme-center-atom-spin { 0% {-o-transform: rotate(0deg);} 100% {-o-transform: rotate(359deg);} } @keyframes pace-theme-center-atom-spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(359deg);} } /*loader 3*/ .page-loader-3 .pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .page-loader-3 .pace .pace-progress {position: fixed;z-index: 2000;top: 0;right: 100%;width: 100%;height: 2px;} .pace.pace-inactive {display: none;} /*loader 4*/ .page-loader-4 .page-wrapper {opacity: 0;filter: alpha(opacity=0);} .page-loader-4.pace-done .page-wrapper {opacity: 1;filter: alpha(opacity=100);-webkit-transition: ease-in-out opacity 0.2s;-o-transition: ease-in-out opacity 0.2s;transition: ease-in-out opacity 0.2s;} .page-loader-4 .pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-perspective: 12rem;-moz-perspective: 12rem;-ms-perspective: 12rem;-o-perspective: 12rem;perspective: 12rem;z-index: 2000;position: fixed;height: 6rem;width: 6rem;margin: auto;top: 0;left: 0;right: 0;bottom: 0;} .page-loader-4 .pace .pace-progress {position: fixed;z-index: 2000;display: block;position: absolute;left: 0;top: 0;height: 6rem;width: 6rem !important;line-height: 6rem;font-size: 2rem;border-radius: 50%;color: #ffffff;font-family: 'Barlow', sans-serif;font-weight: 100;text-align: center;-webkit-animation: pace-theme-center-circle-spin linear infinite 2s;-moz-animation: pace-theme-center-circle-spin linear infinite 2s;-ms-animation: pace-theme-center-circle-spin linear infinite 2s;-o-animation: pace-theme-center-circle-spin linear infinite 2s;animation: pace-theme-center-circle-spin linear infinite 2s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;} .page-loader-4 .pace .pace-progress:after {content: attr(data-progress-text);display: block;} @-webkit-keyframes pace-theme-center-circle-spin { from {-webkit-transform: rotateY(0deg);} to {-webkit-transform: rotateY(360deg);} } @-moz-keyframes pace-theme-center-circle-spin { from {-moz-transform: rotateY(0deg);} to {-moz-transform: rotateY(360deg);} } @-ms-keyframes pace-theme-center-circle-spin { from {-ms-transform: rotateY(0deg);} to {-ms-transform: rotateY(360deg);} } @-o-keyframes pace-theme-center-circle-spin { from {-o-transform: rotateY(0deg);} to {-o-transform: rotateY(360deg);} } @keyframes pace-theme-center-circle-spin { from {transform: rotateY(0deg);} to {transform: rotateY(360deg);} } /*loader 5*/ .page-loader-5 .page-wrapper {opacity: 0;filter: alpha(opacity=0);} .page-loader-5.pace-done .page-wrapper {opacity: 1;filter: alpha(opacity=100);-webkit-transition: ease-in-out opacity 0.2s;-o-transition: ease-in-out opacity 0.2s;transition: ease-in-out opacity 0.2s;} .page-loader-5 .pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .page-loader-5 .pace .pace-progress {position: fixed;z-index: 2000;top: 0;right: 0;height: 5rem;width: 5rem;-webkit-transform: translate3d(0, 0, 0) !important;-ms-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;} .page-loader-5 .pace .pace-progress:after {display: block;position: absolute;top: 0;right: .5rem;content: attr(data-progress-text);font-family: 'Barlow', sans-serif;font-weight: 100;font-size: 100px;line-height: 1;text-align: right;} /*loader 6*/ .page-loader-6 .page-wrapper {opacity: 0;filter: alpha(opacity=0);} .page-loader-6.pace-done .page-wrapper {opacity: 1;filter: alpha(opacity=100);-webkit-transition: ease-in-out opacity 0.2s;-o-transition: ease-in-out opacity 0.2s;transition: ease-in-out opacity 0.2s;} .page-loader-6 .pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .page-loader-6 .pace .pace-activity {display: block;position: fixed;z-index: 2000;top: 0;right: 0;width: 300px;height: 300px;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);transform: translateX(100%) translateY(-100%) rotate(45deg);pointer-events: none;} .page-loader-6 .pace.pace-active .pace-activity {-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);transform: translateX(50%) translateY(-50%) rotate(45deg);} .page-loader-6 .pace .pace-activity::before, .page-loader-6 .pace .pace-activity::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;position: absolute;bottom: 30px;left: 50%;display: block;border: 5px solid #ffffff;border-radius: 50%;content: '';} .page-loader-6 .pace .pace-activity::before {margin-left: -40px;width: 80px;height: 80px;border-right-color: rgba(0, 0, 0, 0.2);border-left-color: rgba(0, 0, 0, 0.2);-webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;-moz-animation: pace-theme-corner-indicator-spin 3s linear infinite;-ms-animation: pace-theme-corner-indicator-spin 3s linear infinite;-o-animation: pace-theme-corner-indicator-spin 3s linear infinite;animation: pace-theme-corner-indicator-spin 3s linear infinite;} .page-loader-6 .pace .pace-activity::after {bottom: 50px;margin-left: -20px;width: 40px;height: 40px;border-top-color: rgba(0, 0, 0, 0.2);border-bottom-color: rgba(0, 0, 0, 0.2);-webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;-moz-animation: pace-theme-corner-indicator-spin 1s linear infinite;-ms-animation: pace-theme-corner-indicator-spin 1s linear infinite;-o-animation: pace-theme-corner-indicator-spin 1s linear infinite;animation: pace-theme-corner-indicator-spin 1s linear infinite;} @-webkit-keyframes pace-theme-corner-indicator-spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg);} } @keyframes pace-theme-corner-indicator-spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(359deg);} } /*Text Rotator (typed.js) ---------------------------------- */ .typed-cursor {-webkit-animation: blink 0.9s infinite;-moz-animation: blink 0.9s infinite;-ms-animation: blink 0.9s infinite;-o-animation: blink 0.9s infinite;animation: blink 0.9s infinite;font-size: 33px;padding-left: 5px;line-height: 1;color: #000000;} @keyframes blink { 50% {opacity: 0;} } @-webkit-keyframes blink { 50% {opacity: 0;} } @-moz-keyframes blink { 50% {opacity: 0;} } @-ms-keyframes blink { 50% {opacity: 0;} } @-o-keyframes blink { 50% {opacity: 0;} } /* 6 Navigations ----------------------------------------------------------------------------- */ /* 6.1 Light Version ----------------------------------------------------------------------------- */ /*First level*/ .header .navbar-nav li .nav-link {color: #333333;font-size: 16px;padding: 28px 15px 27px 15px;z-index: 102;border: none;border-bottom: 1px solid transparent;border-right: 1px solid transparent;border-left: 1px solid transparent;-webkit-transition: none;-o-transition: none;transition: none;} .header .main-navigation.animated .navbar-nav li a {-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .header .navbar-nav li.dropdown .nav-link {padding-right: 20px;} @media (min-width: 992px) and (max-width: 1200px) { .header .navbar-nav li .nav-link {padding: 28px 12px 27px 12px;} .header .navbar-nav li.dropdown .nav-link {padding-right: 18px;} } .header .navbar-nav li .nav-link:focus, .header .navbar-nav li .nav-link:hover, .header .navbar-nav .show > .nav-link, .header .navbar-nav li .nav-link.show, .header .navbar-nav .active.show > .nav-link, .header .navbar-nav li.show .nav-link.active {background-color: #ffffff;border-bottom-color: #ffffff;border-right: 1px solid #f5f5f5;border-left: 1px solid #f5f5f5;z-index: 106;} .header .scrollspy .navbar-nav li .nav-link:focus, .header .scrollspy .navbar-nav li .nav-link:hover {background-color: transparent;border-left-color: transparent;border-right-color: transparent;} .header .navbar-nav .active > .nav-link, .header .navbar-nav li .nav-link.active {background-color: transparent;} .header .navbar-nav .dropdown-toggle::after {font-family: 'FontAwesome';content: "\f107";position: absolute;top: 51%;left: auto;right: 0px;line-height: 20px;font-size: 14px;border: none;width: 20px;height: 20px;margin: 0;text-align: center;margin-top: -10px;} @media (min-width: 992px) { .header.centered .navbar-nav .nav-item a.nav-link {padding-top: 15px !important;padding-bottom: 15px !important;border-top: 1px solid transparent;} .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.show a.nav-link, .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.show a.nav-link:hover, .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.show a.nav-link:focus, .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.dropdown a.nav-link:focus {border-top: 1px solid #f5f5f5;} } @media (min-width: 1200px) { .header .navbar-nav > li {margin: 0px 0px 0px 10px;} .header .navbar-nav > li:first-child {margin: 0;} } @media (max-width: 767px) { .header .navbar-nav li .nav-link {padding: 10px 15px;} } /*Second level*/ .header .navbar-nav li ul {min-width: 14rem;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding: 0;margin: 0;margin-top: -1px;background-color: #ffffff;-webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);border-width: 1px;border-style: solid;border-color: #f1f1f1;border-top-color: transparent;z-index: 101;} .header .navbar-nav li li a {padding: 10px 20px;display: block;font-size: 14px;color: #333333;border-bottom: 1px solid #f7f7f7;-webkit-transition: none;-o-transition: none;transition: none;position: relative;text-align: left;} .header .navbar-nav li li a:focus, .header .navbar-nav li li a:hover, .header .navbar-nav li .show > a, .header .navbar-nav li li a.show, .header .navbar-nav li .active > a, .header .navbar-nav li li a.active {background-color: #fcfcfc;border-color: #f7f7f7;text-decoration: none;} .header .navbar-nav ul .dropdown-toggle::after {content: "\f105";right: 5px;} /* third level menu */ .header .navbar-nav ul ul {top: -1px;left: 100% !important;right: auto;border-top: 1px solid #f7f7f7;} .header .container-fluid .navbar-nav ul.to-left {right: 100% !important;left: auto !important;} /*Large Devices less than 1610px*/ @media (max-width: 1610px) { .header .navbar-nav ul.to-left {right: 100% !important;left: auto !important;} } /*Mega Menu*/ .mega-menu.dropdown {position: static;} .mega-menu > a {position: relative;} .header .navbar-nav li.mega-menu .dropdown-menu {left: 0;width: 100%;padding: 20px 30px;} /* mega menu menu item */ @media (min-width: 992px) { .header.centered .col-md-12 .navbar {position: static;} } .header .navbar-nav li.mega-menu .menu {list-style: none;padding: 0;margin: 0;box-shadow: none;border: none;min-width: 0;background-color: transparent;} .mega-menu .menu li {position: relative;} .mega-menu h4.title {margin: 5px 0;font-size: 15px;text-transform: uppercase;} .header .navbar-nav li.mega-menu .menu > li > a {padding: 5px 0;border-bottom: 1px solid #f7f7f7;display: block;-webkit-transition: none;-o-transition: none;transition: none;text-align: left;} .mega-menu .menu > li > a i, .dropdown-menu > li > a i {padding-left: 5px;font-size: 12px;width: 20px;position: relative;top: -1px;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;color: #cdcdcd;} .mega-menu .menu > li > a i.fa, .dropdown-menu > li > a i.fa {width: 32px;text-align: center;} .mega-menu .menu > li > a i.fa-circle-o, .dropdown-menu > li > a i.fa-circle-o {font-size: 7px;top: -3px;} .mega-menu .menu > li > a i.fa-spin {width: 11px;padding: 0;margin-right: 13px;margin-left: 8px;} .mega-menu .menu > li:last-child > a {border-bottom: none !important;} .mega-menu .menu > li > a:hover i.fa-circle-o:before, .dropdown-menu > li > a:hover i.fa-circle-o:before, .mega-menu .menu > li.active > a i.fa-circle-o:before, .dropdown-menu > li.active > a i.fa-circle-o:before {content: "\f111";} /*centered logo header*/ .col-md-12 .mega-menu--wide .dropdown-menu {left: 0 !important;} /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) and (max-width: 1199px) { .container .mega-menu--wide .dropdown-menu {width: 930px !important;} .container .col-lg-auto .mega-menu .dropdown-menu {left: auto !important;right: 0px !important;width: 930px !important;} } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .container .mega-menu--wide .dropdown-menu {width: 1110px !important;} .main-navigation .navbar-nav > li:first-child {margin: 0;} .container .col-lg-auto .mega-menu .dropdown-menu {left: auto !important;right: 0px !important;width: 1110px !important;} } @media (min-width: 1500px) { .container .col-lg-auto .mega-menu .dropdown-menu {left: auto !important;right: 0px !important;width: 1110px !important;} } /* Dropdown animations ------------------------------ */ .animated.main-navigation .navbar-nav .show .dropdown-menu, #offcanvas.animated .show .dropdown-menu, #offcanvas.animated .dropdown-menu .show .dropdown-menu {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUpSmall;animation-name: fadeInUpSmall;} .animated.main-navigation .dropdown-menu .show .dropdown-menu {-webkit-animation-name: fadeInLeftSmall;animation-name: fadeInLeftSmall;} header .container-fluid .animated.main-navigation .dropdown-menu .show .dropdown-menu.to-left {-webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall;} /*Large Devices less than 1610px*/ @media (max-width: 1610px) { .animated.main-navigation .dropdown-menu .show .dropdown-menu.to-left {-webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall;} } /*mobile menu*/ .header .navbar-brand {padding: 13px 0;margin-right: 0;} .header .navbar-toggler {top: 19px;right: 0;} .navbar-light .navbar-toggler {border-color: #ccc;} .navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus {background-color: #fafafa;} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 991px) { .header .navbar-nav {padding-bottom: 20px;} /* first level item */ .header .navbar-nav li .nav-link {border-bottom: 1px solid #f3f3f3;padding: 10px 15px;} .header .navbar-nav > li:last-child a.nav-link {border-bottom: 1px solid transparent;} /* first level item hover and focus states */ .header .navbar-nav li > a:hover, .header .navbar-nav li > a:focus, .header .navbar-nav .active > a, .header .navbar-nav .active > a:hover, .header .navbar-nav .active > a:focus {background-color: #ffffff;border-bottom-color: transparent;}/* second level menu */ .navbar-toggleable-md .navbar-nav .dropdown-menu {-webkit-box-shadow: none;box-shadow: none;} .header .navbar-nav .dropdown-menu {background-color: #ffffff;} .header .navbar-nav .badge {right: 30px;} /* second level item */ .header .navbar-nav .show .dropdown-menu > li > a, .header .navbar-nav .show .dropdown-menu .dropdown-header {padding: 12px 15px 12px 40px;border-color: #f9f9f9;}/* third level item */ .header .navbar-nav .show .dropdown-menu .dropdown-menu > li > a {padding-left: 60px;}/* four level item */ .header .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {padding-left: 80px;}/* Arrow for parent menu item */ .header .navbar-nav .dropdown-toggle::after {color: #999999;top: 22px;right: 10px;} .header .navbar-nav .dropdown .dropdown .dropdown-toggle::after {right: 10px;} } /* 6.2 Dark Version ----------------------------------------------------------------------------- */ /* first level menu item */ .dark.header .navbar-nav li .nav-link {color: #cccccc;border-bottom: 1px solid transparent;text-shadow: 1px 1px rgba(0, 0, 0, 0.6);} .transparent-header .dark.header .navbar-nav li .nav-link {color: #e1e1e1;} /* first level menu item on hover/focus */ .dark.header .navbar-nav li .nav-link:hover, .dark.header .navbar-nav li .nav-link:focus, .dark.header .navbar-nav .active .nav-link, .dark.header .navbar-nav .active .nav-link:hover, .dark.header .navbar-nav .active .nav-link:focus {background-color: transparent;color: #ffffff;border-right: 1px solid transparent;border-left: 1px solid transparent;z-index: 106;} /* first level active menu item when opened */ .dark.header .navbar-nav .show .nav-link, .dark.header .navbar-nav .show .nav-link:hover, .dark.header .navbar-nav .show .nav-link:focus, .dark.header .navbar-nav .dropdown .nav-link:focus {background-color: rgba(0, 0, 0, 0.15);color: #ffffff;border-right: 1px solid transparent;border-left: 1px solid transparent;z-index: 106;} /* second level menu item */ .dark.header .dropdown-menu {border: none;} .dark.header .mega-menu .dropdown-menu {z-index: 103;} .dark.header .dropdown-menu > li > a, .dark.header .navbar-nav .mega-menu .menu > li > a {color: #cccccc;text-shadow: 1px 1px rgba(0, 0, 0, 0.7);} .dark.header .mega-menu .menu > li > a:hover, .dark.header .mega-menu .menu > li > a:focus {background-color: rgba(0, 0, 0, 0.2);color: #ffffff;} .dark.header .dropdown-menu > li > a:hover, .dark.header .dropdown-menu > li > a:focus, .dark.header .navbar-nav .show > a, .dark.header .navbar-nav .show > a:hover, .dark.header .navbar-nav .show > a:focus, .dark.header .dropdown-menu > .active > a, .dark.header .dropdown-menu > .active > a:hover, .dark.header .dropdown-menu > .active > a:focus, .dark.header .dropdown-menu .menu > .active > a, .dark.header .dropdown-menu .menu > .active > a:hover, .dark.header .dropdown-menu .menu > .active > a:focus {background-color: rgba(0, 0, 0, 0.2);color: #ffffff;} .dark.header .dropdown .dropdown > a:before {color: #cccccc;top: 13px;} .dark.header .dropdown .dropdown.show > a:before {color: #ffffff;} /* Mobile Menu ------------------------------ */ /*Dark mobile menu toggle button*/ .dark .navbar .navbar-toggler {border-color: rgba(255, 255, 255, 0.55);background-color: transparent;} .dark .navbar .navbar-toggler:hover, .dark .navbar .navbar-toggler:focus {background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.7);} .dark .navbar .navbar-toggler .navbar-toggler-icon {background-image: none;position: relative;font-weight: 300;text-align: center;} .dark .navbar .navbar-toggler .navbar-toggler-icon:after {font-family: "FontAwesome";width: 30px;height: 30px;content: "\f0c9";color: rgba(255, 255, 255, 0.5);font-size: 24px;position: absolute;top: 0;left: 0;font-weight: 300;line-height: 30px;} .dark .navbar .navbar-collapse, .dark .navbar .navbar-form {border-color: #121212;} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 991px) { /*Dark Mobile menu*/ /* second level menu */ .dark .main-navigation .navbar-nav .show .dropdown-menu {background-color: rgba(0, 0, 0, 0.5);border: none;} /* second level item */ .dark .main-navigation .navbar-nav .show .dropdown-menu > li > a, .dark .main-navigation .navbar-nav .show .dropdown-menu .dropdown-header {color: #cccccc;border-color: rgba(255, 255, 255, 0.08);}/* item on hover/focus */ .dark.header .navbar-nav .show .dropdown-menu > li > a:hover, .dark.header .navbar-nav .show .dropdown-menu > li > a:focus, .dark.header .navbar-nav .show .dropdown-menu > .active > a, .dark.header .navbar-nav .show .dropdown-menu > .active > a:hover, .dark.header .navbar-nav .show .dropdown-menu > .active > a:focus, .dark.header .navbar-nav > li > a:hover, .dark.header .navbar-nav > li > a:focus, .dark.header .navbar-nav > .active > a, .dark.header .navbar-nav > .active > a:hover, .dark.header .navbar-nav > .active > a:focus {color: #ffffff;background-color: rgba(0, 0, 0, 0.2);}/* Arrow for parent menu item */ .dark .navbar-nav .dropdown.show > .dropdown-toggle::after {color: #ffffff;}} /* 6.3 Navigation style 2 ----------------------------------------------------------------------------- */ @media (min-width: 992px) { .header:not(.dark) .main-navigation--style-2 .navbar-nav li:not(.active) .nav-link {color: #333333;} .header .main-navigation--style-2 .navbar-nav li .nav-link:focus, .header .main-navigation--style-2 .navbar-nav li .nav-link:hover, .header .main-navigation--style-2 .navbar-nav .show > .nav-link, .header .main-navigation--style-2 .navbar-nav li .nav-link.show, .header .main-navigation--style-2 .navbar-nav .active.show > .nav-link, .header .main-navigation--style-2 .navbar-nav li.show .nav-link.active {background-color: transparent;border-bottom-color: transparent;border-right: 1px solid transparent;border-left: 1px solid transparent;} .header.dark .main-navigation--style-2 .navbar-nav li .nav-link:focus, .header.dark .main-navigation--style-2 .navbar-nav li .nav-link:hover, .header.dark .main-navigation--style-2 .navbar-nav .show > .nav-link, .header.dark .main-navigation--style-2 .navbar-nav li .nav-link.show, .header.dark .main-navigation--style-2 .navbar-nav .active.show > .nav-link, .header.dark .main-navigation--style-2 .navbar-nav li.show .nav-link.active {background-color: transparent;border-bottom-color: transparent;border-right: 1px solid transparent;border-left: 1px solid transparent;} .header .main-navigation--style-2 .navbar-nav li ul {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-top: 0;-webkit-box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.1);border-top-color: #f1f1f1;} .header.dark .main-navigation--style-2 .navbar-nav li ul {margin-top: -2px;} .header .main-navigation--style-2 .navbar-nav li li a {border-bottom-color: transparent;padding: 12px 25px;font-size: 15px;} .header .main-navigation--style-2 .navbar-nav li.mega-menu .menu > li > a {padding: 7px 0;border-bottom: none;} .header .main-navigation--style-2 .navbar-nav li ul ul {margin-left: 5px;margin-right: 5px;} .header .main-navigation--style-2 .navbar-nav ul.dropdown-menu > li:first-child > a {border-radius: 5px 5px 0 0;} .header .main-navigation--style-2 .navbar-nav ul.dropdown-menu > li:last-child > a {border-radius: 0 0 5px 5px;} .header .main-navigation--style-2 .navbar-nav .dropdown-toggle.nav-link::after {font-size: 10px;right: 3px;} } /* 6.4 Offcanvas navigation ----------------------------------------------------------------------------- */ .offcanvas {background-color: #f5f5f5;border-color: #f1f1f1;} .offcanvas-toggle-left {display: block;padding: 0;margin: 0;position: fixed;width: 40px;height: 40px;top: 10px;left: 10px;z-index: 1031;text-align: center;background-color: rgba(255, 255, 255, 0.85);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border: 0;} .offcanvas-toggle-left:after {font-family: "FontAwesome";content: "\f0c9";font-size: 22px;line-height: 35px;text-align: center;color: #000000;} #offcanvas.in + .offcanvas-toggle-left:after {content: "\f00d";} .offcanvas-toggle-right {display: block;padding: 0;margin: 0;position: fixed;width: 40px;height: 40px;top: 10px;right: 10px;z-index: 1031;text-align: center;background-color: rgba(255, 255, 255, 0.85);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border: 0;} .offcanvas-toggle-right:after {font-family: "FontAwesome";content: "\f0c9";font-size: 22px;line-height: 35px;text-align: center;color: #000000;} #offcanvas.in + .offcanvas-toggle-right:after {content: "\f00d";} #offcanvas .nav.flex-column {padding: 15px;} #offcanvas .nav.flex-column > li .nav-link {font-size: 18px;font-weight: 300;} #offcanvas .nav.flex-column > li .nav-link:after {top: 10px;} /* 6.5 Gradient background header ----------------------------------------------------------------------------- */ .transparent-header.gradient-background-header .header:not(.dark) .active.dropdown > a:after {color: #000000;} .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .show .nav-link, .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .show .nav-link:hover, .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .show .nav-link:focus, .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .nav-link:focus {border-right-color: transparent;border-left-color: transparent;border-bottom-color: transparent;} /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .transparent-header.gradient-background-header .header:not(.dark) li:not(.show) .nav-link:hover, .transparent-header.gradient-background-header .header:not(.dark) .active:not(.show) .nav-link, .transparent-header.gradient-background-header .header:not(.dark) .active:not(.show) .nav-link:hover, .transparent-header.gradient-background-header .header:not(.dark) .active:not(.show) .nav-link:focus {color: #000000;border-bottom: 1px solid #454545;} .transparent-header.gradient-background-header .header:not(.dark) li:not(.show) .nav-link:focus {color: #000000;} } .transparent-header.gradient-background-header .dark.header .main-navigation .show .nav-link, .transparent-header.gradient-background-header .dark.header .main-navigation .show .nav-link:hover, .transparent-header.gradient-background-header .dark.header .main-navigation .show .nav-link:focus, .transparent-header.gradient-background-header .dark.header .main-navigation .nav-link:focus {border-right-color: transparent;border-left-color: transparent;border-bottom-color: transparent;} .transparent-header.gradient-background-header header.header.transparent-header-on {background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);border-bottom: none;border-top: none;} .transparent-header.gradient-background-header header.header.dark.transparent-header-on {background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);border-bottom: none;border-top: none;} .transparent-header.gradient-background-header.fixed-header-on .header.fixed:not(.dark) {border-bottom: none;background-color: rgba(255, 255, 255, 0.8);-webkit-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;} .transparent-header.gradient-background-header.fixed-header-on .dark.header.fixed {background-color: rgba(0, 0, 0, 0.3);-webkit-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;} /* 6.6 Full page navigation ----------------------------------------------------------------------------- */ .full-page .header-container header {background-color: rgba(255, 255, 255, 0.1);border-bottom: none;border-top: none;padding-bottom: 15px;padding-top: 10px;} .full-page .header-container header.dark {background-color: rgba(0, 0, 0, 0.1);padding-bottom: 15px;} .transparent-header.full-page .header-container header {background-color: transparent;padding-bottom: 15px;} /* 6.7 Rtl resets ----------------------------------------------------------------------------- */ /* 7 Blocks/Widgets ----------------------------------------------------------------------------- */ /* Logo, Site Slogan ---------------------------------- */ #logo img:hover, #logo-mobile img:hover {opacity: 0.8;filter: alpha(opacity=80);} .header.centered #logo img {margin: 0 auto;} #logo-footer {margin-bottom: 20px;} .site-slogan {color: #777777;font-size: 11px;padding: 3px 0 0;font-weight: 300;opacity: 1;filter: alpha(opacity=100);-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .offcanvas .logo {margin: 20px 0 10px;} .offcanvas .logo img {margin: 0 auto;} .offcanvas .site-slogan {text-align: center;margin-bottom: 20px;margin-top: -10px;} .transparent-header .header:not(.dark) .site-slogan {color: #000000;} .header.dark .site-slogan {color: #cdcdcd;text-shadow: 1px 1px rgba(0, 0, 0, 0.4);} .transparent-header .header.dark .site-slogan {color: #f1f1f1;} /* Medium devices (tablets, phones) */ @media (min-width: 992px) and (max-width: 1199px) { .site-slogan {font-size: 11px;} } /* Small devices (tablets, phones less than 991px) */ @media (max-width: 991px) { body.full-page header .logo img {margin: 0;} body.full-page .site-slogan {text-align: left;} } /* Social icons block ---------------------------------- */ .social-links {list-style: none;font-size: 0;margin-top: 20px;margin-bottom: 20px;padding-left: 0;} .social-links li {display: inline-block;margin: 0 2px 2px 0;} .social-links li a {width: 40px;height: 40px;display: block;text-align: center;font-size: 18px;border: 1px solid #e7e7e7;color: #cdcdcd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .social-links li a i {line-height: 40px;} .social-links li a:hover {background-color: transparent;} .social-links.animated-effect-1 li a {-webkit-transition: color 0.4s;-o-transition: color 0.4s;transition: color 0.4s;position: relative;z-index: 1;} .social-links.animated-effect-1 li a:hover {color: #ffffff !important;-webkit-transition: color 0.3s;-o-transition: color 0.3s;transition: color 0.3s;} .social-links.animated-effect-1 li a:after {pointer-events: none;position: absolute;width: 100%;height: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;content: '';top: 0px;left: 0px;padding: 0px;z-index: -1;-webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-color 0.4s;-moz-transition: -moz-transform 0.4s, opacity 0.4s, background-color 0.4s;transition: transform 0.4s, opacity 0.4s, background-color 0.4s;-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);opacity: 0;filter: alpha(opacity=0);} .social-links.animated-effect-1 li a:hover:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);-webkit-transition: -webkit-transform 0s, opacity 0.3s, background-color 0.3s;-moz-transition: -moz-transform 0s, opacity 0.3s, background-color 0.3s;transition: transform 0s, opacity 0.3s, background-color 0.3s;} .social-links.animated-effect-1:not(.circle) li a:after {-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;} .social-links.default li a {color: #ffffff;} .social-links.default li a:hover {background-color: #ffffff;color: #777777;} .dark .social-links li a {background-color: rgba(0, 0, 0, 0.2);border: 1px solid rgba(0, 0, 0, 0.1);color: #ffffff;} .dark.social-links li a {background-color: rgba(0, 0, 0, 0.6);border: 1px solid rgba(0, 0, 0, 0.1);color: #ffffff;} .dark.social-links li a:hover {background-color: rgba(0, 0, 0, 0.8);color: #ffffff;border-color: rgba(0, 0, 0, 0.8);} .colored .social-links li a {background-color: rgba(0, 0, 0, 0.2);border: 1px solid rgba(0, 0, 0, 0.01);color: #ffffff;} .header-top .social-links {margin: 0;display: inline-block;margin-top: 2px;} .full-page .header .social-links {margin-top: 15px;margin-bottom: 0;} .footer-content .social-links li {margin: 0 5px 5px 0;} .footer-content .social-links li a {color: #777777;background-color: transparent;border-color: #777777;} .footer-content .social-links li a:hover {color: #ffffff;background-color: #777777;border-color: #777777;} .text-white .social-links li a {color: #ffffff;border-color: #ffffff;} .text-white .social-links li a:hover, .text-white .social-links li a:focus {color: #333333;background-color: #ffffff;border-color: #ffffff;} .social-links.small li a {width: 30px;height: 30px;font-size: 14px;} .social-links.small li a i {line-height: 29px;} .social-links.large li a {width: 60px;height: 60px;font-size: 24px;} .social-links.large li a i {line-height: 60px;} .social-links.square li a, .square {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .social-links.circle li a {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} .social-links.animated-effect-1 li.twitter a:hover {border-color: #55acee;} .social-links:not(.animated-effect-1) li.twitter a:hover, .colored.social-links li.twitter a, .social-links.animated-effect-1 li.twitter a:after, .btn.twitter {background-color: #55acee;border-color: #55acee;color: #ffffff;} .social-links.animated-effect-1 li.skype a:hover {border-color: #00aff0;} .social-links:not(.animated-effect-1) li.skype a:hover, .colored.social-links li.skype a, .social-links.animated-effect-1 li.skype a:after, .btn.skype {background-color: #00aff0;border-color: #00aff0;color: #ffffff;} .social-links.animated-effect-1 li.linkedin a:hover {border-color: #0976b4;} .social-links:not(.animated-effect-1) li.linkedin a:hover, .colored.social-links li.linkedin a, .social-links.animated-effect-1 li.linkedin a:after, .btn.linkedin {background-color: #0976b4;border-color: #0976b4;color: #ffffff;} .social-links.animated-effect-1 li.googleplus a:hover {border-color: #dd4b39;} .social-links:not(.animated-effect-1) li.googleplus a:hover, .colored.social-links li.googleplus a, .social-links.animated-effect-1 li.googleplus a:after, .btn.googleplus {background-color: #dd4b39;border-color: #dd4b39;color: #ffffff;} .social-links.animated-effect-1 li.youtube a:hover {border-color: #b31217;} .social-links:not(.animated-effect-1) li.youtube a:hover, .colored.social-links li.youtube a, .social-links.animated-effect-1 li.youtube a:after, .btn.youtube {background-color: #b31217;border-color: #b31217;color: #ffffff;} .social-links.animated-effect-1 li.flickr a:hover {border-color: #ff0084;} .social-links:not(.animated-effect-1) li.flickr a:hover, .colored.social-links li.flickr a, .social-links.animated-effect-1 li.flickr a:after, .btn.flickr {background-color: #ff0084;border-color: #ff0084;color: #ffffff;} .social-links.animated-effect-1 li.facebook a:hover {border-color: #3b5998;} .social-links:not(.animated-effect-1) li.facebook a:hover, .colored.social-links li.facebook a, .social-links.animated-effect-1 li.facebook a:after, .btn.facebook {background-color: #3b5998;border-color: #3b5998;color: #ffffff;} .social-links.animated-effect-1 li.pinterest a:hover {border-color: #cb2027;} .social-links:not(.animated-effect-1) li.pinterest a:hover, .colored.social-links li.pinterest a, .social-links.animated-effect-1 li.pinterest a:after, .btn.pinterest {background-color: #cb2027;border-color: #cb2027;color: #ffffff;} .social-links.animated-effect-1 li.instagram a:hover {border-color: #517fa4;} .social-links:not(.animated-effect-1) li.instagram a:hover, .colored.social-links li.instagram a, .social-links.animated-effect-1 li.instagram a:after, .btn.instagram {background-color: #517fa4;border-color: #517fa4;color: #ffffff;} .social-links.animated-effect-1 li.vimeo a:hover {border-color: #aad450;} .social-links:not(.animated-effect-1) li.vimeo a:hover, .colored.social-links li.vimeo a, .social-links.animated-effect-1 li.vimeo a:after, .btn.vimeo {background-color: #aad450;border-color: #aad450;color: #ffffff;} .social-links.animated-effect-1 li.tumblr a:hover {border-color: #32506d;} .social-links:not(.animated-effect-1) li.tumblr a:hover, .colored.social-links li.tumblr a, .social-links.animated-effect-1 li.tumblr a:after, .btn.tumblr {background-color: #32506d;border-color: #32506d;color: #ffffff;} .social-links.animated-effect-1 li.soundcloud a:hover {border-color: #ff3a00;} .social-links:not(.animated-effect-1) li.soundcloud a:hover, .colored.social-links li.soundcloud a, .social-links.animated-effect-1 li.soundcloud a:after, .btn.soundcloud {background-color: #ff3a00;border-color: #ff3a00;color: #ffffff;} .social-links.animated-effect-1 li.foursquare a:hover {border-color: #0072b1;} .social-links:not(.animated-effect-1) li.foursquare a:hover, .colored.social-links li.foursquare a, .social-links.animated-effect-1 li.foursquare a:after, .btn.foursquare {background-color: #0072b1;border-color: #0072b1;color: #ffffff;} .social-links.animated-effect-1 li.dribbble a:hover {border-color: #ea4c89;} .social-links:not(.animated-effect-1) li.dribbble a:hover, .colored.social-links li.dribbble a, .social-links.animated-effect-1 li.dribbble a:after, .btn.dribbble {background-color: #ea4c89;border-color: #ea4c89;color: #ffffff;} .social-links.animated-effect-1 li.xing a:hover {border-color: #126567;} .social-links:not(.animated-effect-1) li.xing a:hover, .colored.social-links li.xing a, .social-links.animated-effect-1 li.xing a:after, .btn.xing {background-color: #126567;border-color: #126567;color: #ffffff;} .social-links.animated-effect-1 li.behance a:hover {border-color: #126567;} .social-links:not(.animated-effect-1) li.behance a:hover, .colored.social-links li.behance a, .social-links.animated-effect-1 li.behance a:after, .btn.behance {background-color: #053eff;border-color: #053eff;color: #ffffff;} .social-links.animated-effect-1 li.vine a:hover {border-color: #126567;} .social-links:not(.animated-effect-1) li.vine a:hover, .colored.social-links li.vine a, .social-links.animated-effect-1 li.vine a:after, .btn.vine {background-color: #00a478;border-color: #00a478;color: #ffffff;} .social-links.animated-effect-1 li.stumbleupon a:hover {border-color: #126567;} .social-links:not(.animated-effect-1) li.stumbleupon a:hover, .colored.social-links li.stumbleupon a, .social-links.animated-effect-1 li.stumbleupon a:after, .btn.stumbleupon {background-color: #f74425;border-color: #f74425;color: #ffffff;} .social-links .dropdown > button {padding: 1px 15px 0px;font-size: 16px;color: #999999;text-align: center;min-width: 0;margin: 0;background-color: transparent;-webkit-box-shadow: none !important;box-shadow: none !important;} .social-links .dropdown > button i {width: 15px;} .header-top.colored .social-links .dropdown > button > i:before, .header-top.colored .social-links .dropdown.show > button > i:before {color: #ffffff;} .header-top .social-links .dropdown.show > button > i:before {content: "\f00d";} .social-links .dropdown-menu {z-index: 103;padding: 5px;min-width: 270px;margin-top: 6px;font-size: 0;-webkit-box-shadow: none;box-shadow: none;background-color: #f2f2f2;border: 1px solid #D0D0D0;border-top: none;} .social-links .dropdown-menu li a, .dark .social-links .dropdown-menu li a i, .colored .social-links .dropdown-menu li a i {padding: 0;line-height: 30px;color: #ffffff;} .social-links .dropdown-menu li a i {padding-left: 0;} .social-links .dropdown-menu li a:hover i {color: #ffffff;} /*Header Dropdowns (search, cart etc) ---------------------------------- */ /*Header Dropdowns*/ .header-dropdown-buttons {padding-top: 20px;} .transparent-header .header-dropdown-buttons .btn-group > .btn {background-color: transparent;border: 1px solid #999999;color: #000000;} .transparent-header.gradient-background-header .header-dropdown-buttons .btn-group > .btn {border: 1px solid #333333;} .header-dropdown-buttons .btn-group:first-child {margin-right: 5px;} .header-dropdown-buttons .btn-group > .btn {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;width: 40px;height: 40px;padding: 0;line-height: 38px;text-align: center;background-color: #f2f2f2;border: 1px solid #e9e9e9;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;margin: 0;} .header-dropdown-buttons .btn-group > .btn:hover {color: #ffffff;} .header-dropdown-buttons .btn-group .dropdown-menu {z-index: 103;padding: 20px;min-width: 280px;margin-top: 20px;top: 100%;border: none;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;} .dark .header-dropdown-buttons .btn-group .dropdown-menu {margin-top: 19px;} .dark .header-dropdown-buttons .cart {color: #cacaca;} .header-dropdown-buttons .btn-group.show > .btn {color: #ffffff;} .header.centered .header-dropdown-buttons .btn-group .dropdown-menu {margin-top: 8px;} .dark .header-dropdown-buttons .btn-group > .btn, .colored .header-dropdown-buttons .btn-group > .btn {background-color: rgba(0, 0, 0, 0.2);border: 1px solid rgba(0, 0, 0, 0.15);text-shadow: 1px 1px rgba(0, 0, 0, 0.7);color: #cdcdcd;} .dark .header-dropdown-buttons .btn-group > .btn:hover, .colored .header-dropdown-buttons .btn-group > .btn:hover {background-color: rgba(0, 0, 0, 0.3);border: 1px solid rgba(0, 0, 0, 0.25);} .dark .header-dropdown-buttons .btn-group.show > .btn, .colored .header-dropdown-buttons .btn-group.show > .btn {background-color: rgba(0, 0, 0, 0.3);border: 1px solid rgba(0, 0, 0, 0.25);} .btn-group.show .dropdown-animation {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;} /*Header Top Dropdowns*/ .header-top-dropdown .dropdown-menu {z-index: 103;padding: 20px;min-width: 280px;margin-top: 6px;border: 1px solid #D0D0D0;border-top: none;background: #f2f2f2;font-weight: 400;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;} .header-top-dropdown .login-form ul {padding-left: 0;list-style-position: inside;margin: 15px 0 10px;} .header-top-dropdown .login-form .social-links {padding-left: 20px;margin: 0;} .header-top-dropdown .login-form label {font-weight: 400;} .dark.header-top .dropdown-menu {border-top: none;} .colored.header-top .dropdown-menu {border-top: none;} .search-box .form-group {margin-bottom: 0;} /*Button Groups*/ .header-top .btn-group {margin: 3px 0 2px;} .header-top .btn-group .btn {margin: 0;text-decoration: none;} /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .header-top-dropdown .dropdown-menu {margin-top: 5px;width: 100%;} } /*Dark Dropdowns ---------------------------------- */ .dark.btn-group .dropdown-menu {background-color: #333333;border: 1px solid #424242;border-bottom: none;} .dark.btn-group .dropdown-menu .dropdown-divider {background-color: #505050;} .dark.btn-group .dropdown-menu .dropdown-item, .dark.btn-group .mega-menu .menu .dropdown-item {color: #cccccc;border-bottom: 1px solid #424242;text-shadow: 1px 1px rgba(0, 0, 0, 0.7);} .dark.btn-group .dropdown-menu .dropdown-item:hover, .dark.btn-group .dropdown-menu .dropdown-item:focus, .dark.btn-group .nav .show .dropdown-item, .dark.btn-group .nav .show .dropdown-item:hover, .dark.btn-group .nav .show .dropdown-item:focus, .dark.btn-group .dropdown-menu .active.dropdown-item, .dark.btn-group .dropdown-menu .active.dropdown-item:hover, .dark.btn-group .dropdown-menu .active.dropdown-item:focus {background-color: rgba(0, 0, 0, 0.2);color: #ffffff;border-color: #424242;} .dark.btn-group .dropdown .dropdown .dropdown-item:before {color: #cccccc;top: 13px;} .dark.btn-group .dropdown .dropdown.show .dropdown-item:before {color: #ffffff;} /* Login/Register Forms ---------------------------------- */ .form-block {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;width: 630px;} .form-block .social-links {display: inline-block;margin: 0 0 0 5px;} .form-block ul {padding-left: 0;list-style-position: inside;} .light-gray-bg.form-block h2, .light-gray-bg.form-block a, .light-gray-bg.form-block a:hover, .light-gray-bg.form-block {color: #777777;} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .form-block {width: 100%;} } /* Latest tweets block ---------------------------------- */ ul.tweets {list-style: none;padding: 0;} ul.tweets li {margin-bottom: 20px;position: relative;padding-left: 35px;} ul.tweets li i {position: absolute;top: 4px;left: 0;width: 25px;height: 25px;text-align: center;color: #777777;} ul.tweets li p {margin-bottom: 5px;} ul.tweets li span {font-size: 12px;color: #777777;} /* Media ---------------------------------- */ .media {margin-top: 0;margin-bottom: 25px;} .media img {max-width: none;} .footer-content .media img, .block .media img {width: 60px;} .media-heading {margin-bottom: 0;} h6.media-heading {margin-bottom: 5px;} .media:hover .icon {background-color: transparent;} .dark-bg .media:hover .icon {border-color: #cdcdcd;color: #cdcdcd;} .media:hover .icon:after {content: "";border-color: transparent;} /* Testimonials ---------------------------------- */ .testimonial {padding: 20px 0;} .testimonial blockquote {margin: 0;} .testimonial .separator {margin: 15px auto 5px;} .testimonial-image {width: 90px;margin: 0 auto;} .testimonial-info-1 {font-size: 12px;} .testimonial-info-2 {font-size: 12px;font-weight: 400;} .testimonial h3 {margin-bottom: 0;margin-top: 15px;} .testimonial p {margin-bottom: 15px;} /* Clients ---------------------------------- */ .clients-container {text-align: center;} .clients {margin: 10px auto;} .clients .client-image {text-align: center;width: 80px;height: 80px;margin: 5px;display: inline-block;} .clients img {margin: 0px auto;} .slick-carousel.clients .slick-slide img {width: auto;} /* Full Width Content ---------------------------------- */ .full-width-section {position: relative;} .full-text-container {position: absolute;top: 30%;padding: 20px 40px;z-index: 2;} .full-image-overlay {display: none;position: absolute;width: 100%;top: 50%;padding: 0 10%;margin-top: -133px;color: #ffffff;z-index: 1;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition-delay: 0s;transition-delay: 0s;} .full-image-overlay h3 {color: #ffffff;} .to-right-block {margin-left: auto;display: block;} /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .full-width-section {position: relative;display: table;table-layout: fixed;width: 100%;} .full-width-section.no-image {min-height: 400px;} .full-image-container {width: 50%;display: table-cell;position: relative;overflow: hidden;} .full-image-overlay {display: block;opacity: 0;filter: alpha(opacity=0);} .full-image-container:before {content: '';position: absolute;top: 5%;right: 0%;width: 50%;height: 90%;background-color: rgba(55, 55, 55, 0.6);opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;} .full-text-container + .full-image-container:before {right: auto;left: 0;} .full-width-section:hover .full-image-container:before, .full-width-section .full-image-container.hovered:before {width: 90%;right: 5%;opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: 0s;transition-delay: 0s;} .full-width-section:hover .full-text-container + .full-image-container:before, .full-width-section .full-text-container + .full-image-container.hovered:before {right: auto;left: 5%;} .full-width-section.hover-disabled:hover .full-image-container:before, .full-width-section.hover-disabled .full-image-container.hovered:before {opacity: 0;filter: alpha(opacity=0);} .full-width-section:hover .full-image-overlay, .full-width-section .hovered .full-image-overlay {opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: 0.3s;transition-delay: 0.3s;} .full-text-container {display: table-cell;vertical-align: middle;width: 50%;padding: 0 50px;position: static;} .full-text-container * {max-width: 700px;} .full-text-container.left {text-align: right;} .full-text-container.left * {margin-left: auto;} .full-text-container p {margin-bottom: 10px;} } /* Large and Medium devices (desktops, tablets less than 1199px) */ @media (max-width: 1199px) { .no-image .full-text-container {position: static;display: block;} .full-width-section:not(.no-image) .full-text-container.dark-bg {background-color: rgba(0, 0, 0, 0.8);width: 100%;} .full-width-section:not(.no-image) .full-text-container.light-gray-bg {background-color: rgba(255, 255, 255, 0.8);color: #000000;border-top: none;border-bottom: none;width: 100%;} .full-width-section:not(.no-image) .full-text-container.white-bg {background-color: rgba(255, 255, 255, 0.8);color: #000000;border-top: none;border-bottom: none;width: 100%;} .full-width-section:not(.no-image) .full-text-container.default-bg {width: 100%;} .full-width-section .to-right-block, .full-width-section img {margin: 0 auto;} } /* Medium devices (desktops, tablets less than 991px) */ @media (max-width: 991px) { .full-width-section:not(.no-image) .full-text-container {top: 0;height: 100%;padding: 0 20px;} .full-text-container h1 {font-size: 28px;} } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .full-text-container {position: static;padding: 20px !important;} } /* Call to action ---------------------------------- */ .call-to-action h1, .call-to-action a {margin: 0;} .call-to-action p {margin-bottom: 10px;} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .call-to-action .text-right {text-align: left;} } /* Counters ---------------------------------- */ .counter {display: block;font-size: 32px;line-height: 1;} /* Pricing tables ---------------------------------- */ .pricing-tables {margin: 60px 0 0;} .plan {text-align: center;margin-bottom: 40px !important;} .plan.round-corners .header {-webkit-border-radius: 25px 25px 0 0;-moz-border-radius: 25px 25px 0 0;border-radius: 25px 25px 0 0;} .plan.round-corners ul li:last-child, .plan.round-corners ul {-webkit-border-radius: 0 0 25px 25px;-moz-border-radius: 0 0 25px 25px;border-radius: 0 0 25px 25px;} .plan .header {padding: 0;margin: 0 -1px;border: none;} .plan .header h3 {font-size: 36px;margin: 0;line-height: 36px;font-weight: 300;padding: 15px 0 10px;border: 1px solid rgba(0, 0, 0, 0.05);border-top: none;} .plan .header .price {font-size: 28px;padding: 8px 0 10px;font-weight: 300;background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(0, 0, 0, 0.1);border-top: 1px solid rgba(255, 255, 255, 0.15);line-height: 1;color: #ffffff;} .plan ul {margin: 0;padding: 0;font-size: 14px;list-style: none;} .plan ul li {padding: 12px 0px;font-size: 13px;border-bottom: 1px solid #f3f3f3;border-top: 1px solid #ffffff;color: #333333;} .plan ul.text-large li {font-size: 16px;} .plan.best-value ul li {padding: 15px 0;} .plan ul li a.pt-popover {color: #000000;border-bottom: 1px dashed #000000;position: relative;} .plan ul li a.pt-popover:hover {text-decoration: none;} .plan ul li a.pt-popover:after {position: absolute;top: 0px;left: -15px;font-family: "FontAwesome";content: "\f059";color: #ddd;font-size: 12px;} .popover {width: 250px;font-size: 13px;text-align: center;border: 1px solid rgba(0, 0, 0, 0.1);} .popover-title {color: #ffffff;text-shadow: none;font-size: 13px;border: none;} .popover-content {font-size: 12px;} .circle-head .plan .header {padding: 0;border: none;width: 160px;height: 160px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;margin: 20px auto;padding: 10px 0;} .circle-head .plan .header h3 {font-size: 26px;border: none;border-bottom: 1px solid rgba(0, 0, 0, 0.05);padding-top: 27px;} .circle-head .plan .header .price {height: 80px;border: none;padding-top: 15px;font-size: 22px;border-top: 1px solid rgba(255, 255, 255, 0.15);} .stripped .plan ul {-webkit-box-shadow: 0px -15px 32px 0px #cacaca inset;box-shadow: 0px -15px 32px 0px #cacaca inset;background: #fdfdfd;} .stripped .plan ul li {border: 1px solid #ececec;border-top: none;color: #666;} .stripped .plan ul li:nth-child(even) {-webkit-box-shadow: 0px 0px 40px #e4e4e4 inset;box-shadow: 0px 0px 40px #e4e4e4 inset;background: #ffffff;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;} /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .best-value.plan {top: -30px;position: relative;z-index: 2;} } /* Google maps ---------------------------------- */ #map-canvas {height: 450px;} #map-canvas.small {height: 347px;} #collapseMap:not(.show) {overflow: hidden;height: 0;-webkit-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;} #collapseMap.in {height: 450px;} .footer-content #map-canvas {height: 300px;} #map-canvas img {max-width: inherit;} /* Tags cloud block ---------------------------------- */ .tags-cloud {font-size: 0;} .tag {display: inline-block;margin: 0 3px 3px 0;} .tag a {padding: 3px 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #ffffff;display: block;font-size: 11px;} .tag a:hover {background-color: #ffffff;text-decoration: none;} .dark .tag a {color: #777777;background-color: transparent;border: 1px solid #333333;} .dark .tag a:hover {color: #ffffff;background-color: #777777;border-color: #777777;text-decoration: none;} /* Credit Carts Block ---------------------------------- */ .icons-block i {display: inline-block;font-size: 30px;color: #999999;} /* Isotope filtering ---------------------------------- */ .isotope-container {display: none;} .isotope-container-fitrows {display: none;} /* Small devices (tablets, phones less than 991px) */ @media (max-width: 991px) { .isotope-item, .masonry-grid-item {max-width: 100%;} } @media (min-width: 768px) and (max-width: 991px) { .col-md-6.masonry-grid-item, .col-md-6.isotope-item {max-width: 50%;} } /* Affix Menu ---------------------------------- */ .sidebar.affix {position: static;} /* Show and affix the side nav when space allows it */ /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .col-md-4 .sidebar.affix, .col-md-4 .sidebar.affix-bottom {width: 293px;} .col-md-3 .sidebar.affix, .col-md-3 .sidebar.affix-bottom {width: 213px;} .sidebar.affix {position: fixed;top: 20px;} .fixed-header-on .sidebar.affix {top: 65px;} .sidebar.affix-bottom {position: absolute;} .sidebar.affix-bottom .affix-menu, .sidebar.affix .affix-menu {margin-top: 0;margin-bottom: 0;} .affix-menu {padding-top: 20px;} h3.title ~ .affix-menu {padding-top: 0px;} } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .col-md-4 .sidebar.affix, .col-md-4 .sidebar.affix-bottom {width: 390px;} .col-md-3 .sidebar.affix, .col-md-3 .sidebar.affix-bottom {width: 263px;} } /* Scroll to top ---------------------------------- */ .scrollToTop {color: #ffffff;position: fixed;bottom: 5px;right: 5px;width: 50px;height: 50px;text-align: center;cursor: pointer;background-color: rgba(0, 0, 0, 0.4);z-index: 1005;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;opacity: 0;filter: alpha(opacity=0);} .scrollToTop.fadeToTop {-webkit-animation-name: fadeToTop;animation-name: fadeToTop;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} @-webkit-keyframes fadeToTop { 0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeToTop { 0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;} } .scrollToTop.fadeToBottom {-webkit-animation-name: fadeToBottom;animation-name: fadeToBottom;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} @-webkit-keyframes fadeToBottom { 0% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 100% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} } @keyframes fadeToBottom { 0% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 100% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} } .scrollToTop i {line-height: 48px;font-size: 26px;} .scrollToTop:hover {background-color: rgba(0, 0, 0, 0.6);} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .scrollToTop {width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.4);} .scrollToTop i {line-height: 40px;font-size: 20px;} } /*Spinner*/ .tp-loader.spinner2 {background-color: #999;} /*Captions*/ .tp-caption {z-index: 5;} .tp-caption a, .tp-caption a:hover {color: #ffffff;} .tp-caption a.btn-gray, .tp-caption a.btn-gray:hover {color: #333333;} .caption-box {max-width: 540px;color: #ffffff;white-space: normal;padding: 20px;border: none;} .caption-box h2 {color: #ffffff;} .caption-gradient {background: -moz-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(99%, rgba(0, 0, 0, 0.83)), color-stop(100%, rgba(0, 0, 0, 0.75)));background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%);background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%);background: -ms-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%);background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%);} .tp-fullscreen-icon:hover {cursor: pointer;} /*text rotator*/ .tp-caption.large_white .typed-cursor {color: #ffffff;} @media (max-width: 767px) { .tp-caption .typed-cursor {font-size: 20px;} } .light-translucent-bg.caption-box h2, .light-translucent-bg.caption-box p {color: #333333;font-weight: 400;} .caption-box:after {z-index: -1;} .slideshow .dark-translucent-bg:not(.caption-box), .slideshow .light-translucent-bg:not(.caption-box) {border-top: none;border-bottom: none;position: absolute;left: 0;top: 0 !important;width: 100%;height: 100%;} .slideshow .dark-translucent-bg {background-color: rgba(0, 0, 0, 0.4);} .slideshow .light-translucent-bg {background-color: rgba(255, 255, 255, 0.4);} .slideshow .dark-translucent-bg:after, .slideshow .light-translucent-bg:after {background-color: transparent;} .xlarge_white {font-size: 68px;font-family: "Raleway", sans-serif;font-weight: 400;color: #ffffff;line-height: 1.2;} .large_white {font-size: 42px;font-family: "Raleway", sans-serif;color: #ffffff;line-height: 1.2;} .medium_white {font-size: 24px;color: #ffffff;font-weight: 300;} .small_white {font-size: 16px;color: #ffffff;font-weight: 300;} .xlarge_dark {font-size: 68px;font-family: "Raleway", sans-serif;font-weight: 400;color: #333333;line-height: 1.2;} .large_dark {font-size: 42px;font-family: "Raleway", sans-serif;color: #333333;line-height: 1.2;} .tp-caption.medium_dark {font-family: "Roboto", sans-serif;font-size: 24px;color: #333333;font-weight: 400;letter-spacing: 0;line-height: 1.4583;} .small_dark {font-size: 16px;color: #333333;font-weight: 400;} .text-shadow-light {text-shadow: 2px 2px 25px rgba(255, 255, 255, 0.5);} .text-shadow-dark {text-shadow: 2px 2px 25px #000000;} .tp-caption .separator:not(.with-icon), .tp-caption .separator-2:not(.with-icon), .tp-caption .separator-3:not(.with-icon) {width: 500px;} .slider-banner-boxedwidth .tp-caption[data-x=left] {margin-left: 20px !important;} .slider-banner-boxedwidth .tp-caption[data-x=right] {margin-right: 20px !important;} /* Large and Medium devices (desktops, tablets less than 1199px) */ @media (max-width: 1199px) { .tp-caption[data-x=left] {margin-left: 20px !important;} .tp-caption[data-x=right] {margin-right: 20px !important;} .caption-box {max-width: 480px !important;} .caption-box p {font-size: 14px;line-height: 1.5;} } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .tp-caption .separator:not(.with-icon), .tp-caption .separator-2:not(.with-icon), .tp-caption .separator-3:not(.with-icon) {width: 250px;} .caption-box {max-width: 420px !important;} .caption-box h2 {font-size: 22px;} } /* Small devices (smartphones less than 575px) */ @media (max-width: 575px) { .caption-box {display: none;} } /*Slider Moving Button*/ .btn.moving {padding: 10px 0px 20px;-webkit-font-smoothing: antialiased;} .btn.moving i {display: block;font-size: 24px;line-height: 1px;height: 10px;color: #ffffff;opacity: 1;filter: alpha(opacity=100);} .btn.moving i + i {opacity: 0.66;filter: alpha(opacity=66);} .btn.moving i + i + i {opacity: 0.33;filter: alpha(opacity=33);} .moving i + i + i {-webkit-animation: opacity_first 2s linear infinite;-moz-animation: opacity_first 2s linear infinite;-ms-animation: opacity_first 2s linear infinite;-o-animation: opacity_first 2s linear infinite;animation: opacity_first 2s linear infinite;-webkit-transition: none !important;-o-transition: none !important;transition: none !important;} .moving i + i {-webkit-animation: opacity_second 2s linear infinite;-moz-animation: opacity_second 2s linear infinite;-ms-animation: opacity_second 2s linear infinite;-o-animation: opacity_second 2s linear infinite;animation: opacity_second 2s linear infinite;-webkit-transition: none !important;-o-transition: none !important;transition: none !important;} .moving > i {-webkit-animation: opacity_third 2s linear infinite;-moz-animation: opacity_third 2s linear infinite;-ms-animation: opacity_third 2s linear infinite;-o-animation: opacity_third 2s linear infinite;animation: opacity_third 2s linear infinite;-webkit-transition: none !important;-o-transition: none !important;transition: none !important;} @-webkit-keyframes opacity_first { 0% {opacity: 0.33;filter: alpha(opacity=33);} 24.91% {opacity: 1;filter: alpha(opacity=100);} 49.833% {opacity: 0;filter: alpha(opacity=0);} } @keyframes opacity_first { 0% {opacity: 0.33;filter: alpha(opacity=33);} 24.91% {opacity: 1;filter: alpha(opacity=100);} 49.833% {opacity: 0;filter: alpha(opacity=0);} } @-webkit-keyframes opacity_second { 0% {opacity: 0.66;filter: alpha(opacity=66);} 16.66% {opacity: 1;filter: alpha(opacity=100);} 41.5833% {opacity: 0;filter: alpha(opacity=0);} } @keyframes opacity_second { 0% {opacity: 0.66;filter: alpha(opacity=66);} 16.66% {opacity: 1;filter: alpha(opacity=100);} 41.5833% {opacity: 0;filter: alpha(opacity=0);} } @-webkit-keyframes opacity_third { 0% {opacity: 1;filter: alpha(opacity=100);} 33.33% {opacity: 0;filter: alpha(opacity=0);} } @keyframes opacity_third { 0% {opacity: 1;filter: alpha(opacity=100);} 33.33% {opacity: 0;filter: alpha(opacity=0);} } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .btn.moving {position: absolute;bottom: -100px;left: 50%;margin-left: -18px;} } /*Nav Controls*/ /*Prev/Next Nav Controls*/ .tparrows.preview2 {background-color: rgba(0, 0, 0, 0.4);color: #ffffff;-webkit-border-radius: 0px 3px 3px 0;-moz-border-radius: 0px 3px 3px 0;border-radius: 0px 3px 3px 0;} .tp-rightarrow.preview2 {-webkit-border-radius: 3px 0px 0px 3px;-moz-border-radius: 3px 0px 0px 3px;border-radius: 3px 0px 0px 3px;} .tparrows.preview2:hover {background-color: rgba(0, 0, 0, 0.8);} .tparrows.preview2:after {content: "";} .tparrows.preview2:before {font-family: "fontello";content: "\e876";color: #ffffff;font-size: 24px;line-height: 60px;left: 22px;position: absolute;} .tp-rightarrow.preview2:before {left: auto;content: "\e877";right: 22px;} .tparrows.preview2 .tp-arr-titleholder {color: #ffffff;text-transform: none;font-weight: 300;font-family: "Raleway", sans-serif;} /*tp tabs*/ .tp-tabs.gyges .tp-tabs-inner-wrapper {background-color: rgba(0, 0, 0, 0.2);} .tp-tabs.gyges .tp-tab-date {color: rgba(255, 255, 255, 0.7);} /* Small devices (tablets, phones 768px and Up) */ @media (min-width: 768px) { .tparrows.preview4 {height: 200px;} .tparrows.preview4:after {line-height: 200px;height: 200px;} .tparrows.preview4 .tp-arr-imgholder {height: 200px;} .tparrows.preview4 .tp-arr-imgholder2 {height: 200px;} } /* Medium devices (laptops, tablets, phones 991px and below) */ @media (max-width: 991px) { .tparrows.preview2:before {font-size: 18px;line-height: 40px;left: 15px;} .tp-rightarrow.preview2:before {left: auto;right: 15px;} } /* Medium devices (desktops, tablets less than 991px) */ @media (min-width: 768px) and (max-width: 991px) { .tparrows.preview2 {min-width: 40px;min-height: 40px;} .tparrows.preview2 .tp-arr-titleholder {font-size: 12px;line-height: 40px;letter-spacing: 0px;} .tp-rightarrow.preview2 .tp-arr-titleholder {right: 35px;} .tp-leftarrow.preview2 .tp-arr-titleholder {left: 35px;} } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .tparrows.preview2:before {font-size: 16px;line-height: 30px;left: 10px;} .tp-rightarrow.preview2:before {left: auto;right: 10px;} } .tp-bullets.preview4 .bullet, .tp-bullets.preview2 .bullet, .tp-bullets.horizontal .tp-bullet {background: rgba(0, 0, 0, 0.6) !important;border: none !important;width: 10px !important;height: 10px !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;margin-left: 1px !important;margin-right: 1px !important;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected, .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected, .tp-bullets.horizontal .tp-bullet:hover, .tp-bullets.horizontal .tp-bullet.selected {background: #000000 !important;border: none !important;width: 10px !important;height: 10px !important;} .tp-bannertimer {background-image: none;z-index: 21;display: none;height: 2px;} /* Medium devices (netbooks, tablets, phones less than 991px) */ @media (max-width: 991px) { .slideshow .icon.large {font-size: 24px;width: 90px;height: 90px;line-height: 88px;} .slideshow .icon.small {font-size: 15px;width: 35px;height: 35px;line-height: 35px;} } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .slideshow .icon.large {font-size: 18px;width: 60px;height: 60px;line-height: 58px;} } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .slideshow .icon.large {font-size: 18px;width: 35px;height: 35px;line-height: 33px;} } /* 9 Slick Carousel ----------------------------------------------------------------------------- */ .slick-carousel:not(.slick-initialized) > div {display: none;} .slick-slide:focus {outline: none;} .container .content-slider-with-large-controls, .container .content-slider-with-large-controls-autoplay {margin-bottom: 50px;border: 1px solid #f5f5f5;} /* Styling Next and Prev buttons */ /*style-1*/ .content-slider-with-controls .slick-arrow, .content-slider-with-controls-autoplay .slick-arrow, .content-slider-with-thumbs .slick-arrow {top: 50%;margin-top: -15px;z-index: 10;display: inline-block;font-size: 14px;position: absolute;text-transform: capitalize;font-weight: 300;color: transparent;background: rgba(0, 0, 0, 0.5);padding: 5px 5px;border: 0;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .content-slider-with-controls .slick-arrow:after, .content-slider-with-controls-autoplay .slick-arrow:after, .content-slider-with-thumbs .slick-arrow:after {font-family: "FontAwesome";position: absolute;font-size: 16px;line-height: 1;top: 50%;margin-top: -8px;} .content-slider-with-controls .slick-prev, .content-slider-with-controls-autoplay .slick-prev, .content-slider-with-thumbs .slick-prev {left: 0;padding-left: 0px;} .content-slider-with-controls .slick-prev:hover, .content-slider-with-controls-autoplay .slick-prev:hover, .content-slider-with-thumbs .slick-prev:hover {padding-left: 25px;padding-right: 10px;color: #ffffff;} .content-slider-with-controls .slick-prev:after, .content-slider-with-controls-autoplay .slick-prev:after, .content-slider-with-thumbs .slick-prev:after {content: "\f104";left: 13px;color: #ffffff;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .content-slider-with-controls .slick-prev:hover:after, .content-slider-with-controls-autoplay .slick-prev:hover:after, .content-slider-with-thumbs .slick-prev:hover:after {left: 8px;} .content-slider-with-controls .slick-next, .content-slider-with-controls-autoplay .slick-next, .content-slider-with-thumbs .slick-next {right: 0px;left: auto;padding-right: 0px;} .content-slider-with-controls .slick-next:hover, .content-slider-with-controls-autoplay .slick-next:hover, .content-slider-with-thumbs .slick-next:hover {padding-right: 25px;padding-left: 10px;color: #ffffff;} .content-slider-with-controls .slick-next:after, .content-slider-with-controls-autoplay .slick-next:after, .content-slider-with-thumbs .slick-next:after {content: "\f105";right: 13px;color: #ffffff;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .content-slider-with-controls .slick-next:hover:after, .content-slider-with-controls-autoplay .slick-next:hover:after, .content-slider-with-thumbs .slick-next:hover:after {right: 8px;} /*style-2*/ .content-slider-with-large-controls .slick-arrow, .content-slider-with-large-controls-autoplay .slick-arrow {position: absolute;top: 50%;display: inline-block;font-size: 18px;text-transform: capitalize;font-weight: 300;color: #cdcdcd;border: 0;background-color: transparent;outline: none;cursor: pointer;} .container .content-slider-with-large-controls .slick-arrow, .container .content-slider-with-large-controls-autoplay .slick-arrow {top: auto;bottom: -35px;} .content-slider-with-large-controls .slick-arrow:after, .content-slider-with-large-controls-autoplay .slick-arrow:after {font-family: "FontAwesome";position: absolute;font-size: 16px;line-height: 1;top: 50%;margin-top: -10px;} .content-slider-with-large-controls .slick-prev, .content-slider-with-large-controls-autoplay .slick-prev {z-index: 1;left: 0;padding-left: 30px;} .content-slider-with-large-controls .slick-prev:after, .content-slider-with-large-controls-autoplay .slick-prev:after {content: "\f104";left: 15px;} .content-slider-with-large-controls .slick-next, .content-slider-with-large-controls-autoplay .slick-next {right: 0px;left: auto;padding-right: 30px;} .content-slider-with-large-controls .slick-next:after, .content-slider-with-large-controls-autoplay .slick-next:after {content: "\f105";right: 15px;} .container .content-slider-with-large-controls .slick-prev, .container .content-slider-with-large-controls-autoplay .slick-prev {padding-left: 15px;} .container .content-slider-with-large-controls .slick-prev:after, .container .content-slider-with-large-controls-autoplay .slick-prev:after {left: 0px;} .container .content-slider-with-large-controls .slick-next, .container .content-slider-with-large-controls-autoplay .slick-next {padding-right: 15px;} .container .content-slider-with-large-controls .slick-next:after, .container .content-slider-with-large-controls-autoplay .slick-next:after {right: 0px;} /* Large and Medium devices (desktops, tablets less than 1199px) */ @media (max-width: 1199px) { .content-slider-with-large-controls .slick-arrow, .content-slider-with-large-controls-autoplay .slick-arrow {top: 98%;} } .buttons-hide .slick-arrow {display: none;} /* Styling Pagination*/ .slick-dots, .slick-dots {position: absolute;bottom: 0px;text-align: center;width: 100%;z-index: 10;padding-left: 0;padding-right: 0;margin-bottom: 7px;} .slick-dots li, .slick-dots li {display: inline-block;zoom: 1; }.slick-dots li button, .slick-dots li button {display: block;padding: 0;width: 9px;height: 9px;margin: 5px 3px;opacity: 0.5;filter: alpha(opacity=50);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ffffff;font-size: 0;line-height: 0;cursor: pointer;outline: none;border: 0;} .dark-controls .slick-dots li button, .dark-controls .slick-dots li button {background: #333333;} .slick-dots li.slick-active button, .slick-dots.clickable li:hover button, .slick-dots li.slick-active button, .slick-dots.clickable li:hover button {opacity: 1;filter: alpha(opacity=100);} .menu {position: absolute;width: 100%;height: 61px !important;left: 0px;right: 0px;top: 50px;background: rgba(0,0,0,0.6) !important;} /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .slick-dots li button, .slick-dots li button {background: #000000;} } /* Styling Navigation Thumbs*/ .content-slider-thumbs-container {margin-left: -5px;margin-right: -5px;} .slick-nav-thumb {margin: 0 5px;cursor: pointer;} /* 10 Full Page ----------------------------------------------------------------------------- */ #fp-nav ul li .fp-tooltip {background-color: #ffffff;color: #454545;padding: 0 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;top: -4px;overflow: visible;} #fp-nav ul li .fp-tooltip.right {right: 30px;} #fp-nav ul li .fp-tooltip:after {content: "\f0da";font-family: "FontAwesome";position: absolute;right: -8px;top: 50%;font-size: 30px;line-height: 20px;margin-top: -9px;color: #ffffff;} /*Front Page Features Box------------------------------------------ */ .mt-4, .my-4 {margin-top: 1.5rem!important;color: #fff;} .cwtext {color: #fff;} /*Front Page Call to Action--------------------------------- */ .cta-cw-blue {background-color: #fff;border-top: 1px solid #026D94;color: #ffffff;} .cw-blue-bg {background-color: #026D94;border-top: 1px solid #FFC844;border-bottom: 1px solid #FFC844;} .cw-yellow-bg {background-color: #FFC844 ;border-top: 1px solid #FF647D border-bottom: 1px solid #FF647D} .ShotlistPanel {width: 100% !important;height: auto;border: 1px solid rgba(0,0,0,0.5) !important;text-align: center !important;padding-bottom: 20px !important;margin-top: 20px;} .ShotlistImag {width: 100%;height: auto;position: relative;} .ShotlistImag img {width: 100%;height: 100%;display: block;} .ImgArrow {position: absolute !important;top: -5px;left: 240px !important;width: 32px !important;height: 32px !important;z-index: 99;} .SearchLeft {width: 280px;float: left;height: auto;background: #eeeeee;padding-bottom: 15px;margin-right: 25px;margin-left: 0px;} .LeftSearchHead {width: 100%;height: 76px;padding: 0px 14px ;background: #44aec4;margin-bottom: 20px;} .LeftSearchHead ul {padding: 0px !important;margin: 0px !important;text-align: left;} .LeftSearchHead ul li {padding: 23px 0 0 0 !important;margin: 0px !important;list-style: none;display: inline-block;background: url(../images/refine.png);background-repeat: no-repeat;background-position: left 83%;background-size: 9% 40%;line-height: 29px;} .LeftSearchHead ul li p {margin: 6px 0px 0px 34px !important;float: left;color: #ffffff;text-transform: uppercase;font-size: 1.125rem;} .LeftSearchHead ul li span {display: inline-block: vertical-aling:top;color: #ffffff;font-size: 1.125rem;text-transform: uppercase;padding-left: 34px;} .filter-title {text-transform: uppercase;font-size: 15px;font-size: .9375rem;letter-spacing: .5px;margin: 13px 0 20px 16px;text-align: left;} .filter-title img {float: right;margin-right: 16px;cursor: pointer;} .filter-link-wrap {padding-right: 12px;width: calc(100% - 24px);float: left;display: inline-block;font-size: 14px;color: #7c8389;text-align: left;} .count {color: #7c8389;width: 24px;height: 24px;background: #ffffff;border-radius: 50%;display: flex;font-size: .75rem;padding-top: 3px;padding-left: 6px;} .SearchLeft ul {padding: 0px;margin: 0px;} .SearchLeft ul li {padding: 0px 14px 8px;margin: 0px;list-style: none;display: list-item;} .SearchLeft ul li input[type=checkbox] {width: 50px;height;50px; border: 1px solid #000000;background: none;} .CheckBoxcontainer {display: block;position: relative;padding-left: 35px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} /* Hide the browser's default checkbox */ .CheckBoxcontainer input {position: absolute;opacity: 0;cursor: pointer;} /* Create a custom checkbox */ .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #ffffff;border: 1px solid rgba(0,0,0,0.5);} /* On mouse-over, add a grey background color */ .CheckBoxcontainer:hover input ~ .checkmark {background-color: #ffffff;} /* When the checkbox is checked, add a blue background */ .CheckBoxcontainer input:checked ~ .checkmark {background-color: #2196F3;} /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after {content: "";position: absolute;display: none;} /* Show the checkmark when checked */ .CheckBoxcontainer input:checked ~ .checkmark:after {display: block;} /* Style the checkmark/indicator */ .CheckBoxcontainer .checkmark:after {left: 7px;top: 3px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #pre-loader-test {background-color: rgba(240, 237, 237, 0.9);height: 100%;width: 100%;position: absolute;margin-top: 0px;top: 0px;left: 0px;bottom: 0px;overflow: hidden !important;right: 0px;z-index: 1;} .ajaxload {/*position: relative;width: 73%;*/float: right;width: 969px;} #pre-loader-test img {margin: 18% auto !important;} .SearchPagination {width: 100%;height: auto;border: 1px solid;} .SearchPagination ul {padding: 0px;margin: 30px 0px 0px 0px;text-align: right !important;} .SearchPagination ul li {padding: 0px;margin: 0px;display: inline-block;list-style: none;} .SearchPagination ul li a {position: relative;float: left;padding: 6px 12px;margin-left: -5px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;} .travels-panel {padding: 0px !important;margin: 0px 20px 0 20px !important;text-align: left;} .travels-panel li {padding: 0px !important;margin: 0px 0 5px !important;list-style: none !important;display: inline-block !important;width: 25px !important;height: 25px !important;border: 1px solid #AAA;background: #fa5858;border-radius: 3px;text-align: center;} .travels-panel li:hover {cursor: pointer;background: #000;} .travels-panel li:hover span {color: #fff;} .travels-panel li span {font-size: 11px !important;padding: 0px 4px;text-transform: uppercase;color: #fff;line-height: 23px;} .active {background-color: #fff !important;border-color: #F00 !important;} .right-state-name {width: 30%;height: auto;float: left;} .Left-map {width: 70%;height: auto;float: left;} .clearfix {clear: both;} .amount-slider {width: 88%;height: auto;margin: 22px auto 15px;} .amount-slider p {text-align: left !important;} .space-panel {height: 10px;} .travel-head {margin-top: 25px;} .search-panel {width: 100%;height: auto;overflow: hidden;display: flex;} .responsive-head {display: none;} .responsive-head ul li {padding: 15px 0 0 0 !important;margin: 0px !important;list-style: none;display: inline-block;background: url(../images/refine.png);background-repeat: no-repeat;background-position: left 83%;background-size: 9% 40%;} .responsive-head ul li p {margin: 0px 0px 0px 34px;float: left;color: #ffffff;text-transform: uppercase;font-size: 1.125rem;} .responsive-head ul li span {display: inline-block: vertical-aling:top;color: #ffffff;font-size: 1.125rem;text-transform: uppercase;padding-left: 34px;} .Search-container {width: 1320px;height: auto;overflow: hidden;margin: 0px auto;padding-right: 15px;padding-left: 15px;} .Search-thumb-panel {width: calc(24.333% - 32px) !important;margin: 0 16px 27px;display: inline-block;vertical-align: top;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);} .main-header h2 {margin-bottom: 25px;line-height: 1;padding-left: 13px;} .Category-header {margin: 54px auto 38px;text-align: center;} .main-Category-header {margin: 0px;} .main-Category-span {padding: 0px !important;} .Category-Span {line-height: 1.8;font-size: 18px;text-align: center;padding: 0px 333px;font-weight: bold;margin-bottom: 25px;display: block;margin-top: 20px;} .Category-P {font-weight: bold;margin-bottom: 30px;margin-top: .25em;text-align: center;} /*-----------------------------New Template css-------------------------*/ .Speakers-panel {width: 100%;height: auto;border: 1px solid #fff;} .Speakers-panel ul {padding: 0px;margin: 0px auto;text-align: left;} .Speakers-panel ul li {width: 20% !important;height: auto;display: inline-block;padding: 0px;margin: -3px -2px;text-align: center;position: relative;background: #fff;} .Speakers-panel ul li a {color: #fff;} .opacity-bg h1 {padding: 50% 15px 0;line-height: 25px;color: #fff;text-transform: uppercase;font-weight: 700;font-size: 1.55em;letter-spacing: 1px;opacity: 0;} .opacity-bg {position: absolute;top: 0px;left: 0px;right: 0px;display: none;width: 100%;height: 100%;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .Speakers-panel ul li:hover .opacity-bg {opacity: 1.0;filter: alpha(opacity=100);/* For IE8 and earlier */display: block;} .Speakers-panel ul li:hover a h1 {display: block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .Speakers-panel ul li img {width: 100%;height: 100%;} .Speakers-panel ul li:hover a img {opacity: 0.1;} .welcome-panel {width: 100%;height: auto;margin: 200px auto;text-align: center;} .welcome-panel h1 {font-size: 6.55em;font-weight: 700;padding: 0px 92px;margin: 0px 0px;line-height: 1;color: #333333;}} .welcome-panel h1 span {color: #fa5858;} .welcome-panel strong {color: #fa5858;font-size: 28px;font-weight: 700;margin: 13px 0px 28px;display: block;} .welcome-panel p {font-size: 17px;line-height: 34px;font-weight: 300;padding: 0px;margin: 0px 0 37px 0;color: #7b838b;} .welcome-panel div {width: 100%;height: 1px;background: #e0dede;margin-bottom: 7px;} .welcome-panel2 {width: 100%;height: auto;margin: 200px auto;text-align: center;} .welcome-panel2 h1 {font-size: 95px;font-weight: 700;padding: 0px 92px;margin: 0px 0px;line-height: 1;color: #333333;} .welcome-panel2 h1 span {color: #fec744} .welcome-panel2 strong {color: #fec744;font-size: 28px;font-weight: 700;margin: 13px 0px 28px;display: block;} .welcome-panel2 p {font-size: 17px;line-height: 34px;font-weight: 300;padding: 0px;margin: 0px 0 37px 0;color: #7b838b;} .welcome-panel2 div {width: 100%;height: 1px;background: #e0dede;margin-bottom: 7px;} .fusion-text {width: 97%;height: auto;border-bottom: 1px dotted rgba(0,0,0,0.2);position: relative;margin: 0px auto;text-align: center;} .fusion-text h1 {color: #333;font-weight: 700;font-size: 29px;padding: 11px 0px 34px;text-transform: inherit;line-height: 1.13;letter-spacing: 1px;} .fusion-text h1 span {color: #fa5858;} .fusion-text div {width: 23px;height: auto;border: 1px solid #e0dede;border-radius: 50%;margin: 0px auto;color: #e0dede;position: absolute;bottom: -11px;left: 0px;right: 0px;background: #fff;} .slider-panel {width: 100%;height: auto;margin: 20px auto;position: relative;z-index: 1;} .slider-panel ul li {text-align: center;} .slider-panel ul li img {margin-top: 21px;margin: 0px auto;} .slider-panel ul li p {padding: 0px 74px;font-size: 17px;margin: 56px 0px;letter-spacing: 2px;font-style: italic;color: #7b838b;line-height: 33px;} .slider-panel ul li span {font-size: 17px;color: #7b838b;margin-bottom: 40px;display: block;} .speaker-event-wrap {width: 100%;height: 1225px;background: url(../images/Main_women2.jpg) right bottom;background-repeat: no-repeat;background-size: 97% auto;} .speaker-event {background: rgba(255, 193, 7, 0.66) !important;display: inline-block;height: 570px;/* margin-left: 20px;margin-top: 55px;*/position: relative;width: 100%;/* margin-bottom: 200px; */} /*.speaker-event:before {border-top: 61px solid rgba(255, 193, 7, 0.7);border-left: 674px solid transparent;border-right: 674px solid transparent;content: "";height: 0;left: 0;position: absolute;bottom: -61px;width: 0;}*/ .style-div {width: 100%;height: auto;margin-bottom: 108px;} .style-div img {width: 100%;height: auto;opacity: 0.5;} .speaker-event-content {/* width: 67%;*/width: 834px;height: auto;/* border: 1px solid; */margin: 20px auto 0;overflow: hidden;position: relative;} .speaker-event-content h2 {text-transform: uppercase;font-size: 3.4em;color: #fff;float: left;font-weight: 700;margin-top: 52px;} .speaker-event-content h2 span {color: #000;} .speaker-event-content h1 {clear: both;float: left;color: #808080;font-weight: 700;font-size: 130px;line-height: 0.85em;} .speaker-event-content h1 span {color: #fff;} .video-play {width: 456.889px;height: 257px;float: right;/* border: 1px solid;*//* margin-top: 67px; */position: absolute;top: 61px;right: 0px;} .video-play iframe {border: none;} .info-panel {width: 60%;height: auto;margin: 0px auto;text-align: center;} .info-heading {width: 100%;border-bottom: 1px dotted #ff647d;text-align: center;} .info-heading p {font-size: 22px;letter-spacing: 4px;font-weight: 400;margin-bottom: 0;color: #000;padding-bottom: 20px;} .info-panel h1 {color: #999999;font-size: 130px;line-height: 1;margin: 30px 0 43px 0;font-weight: 700;} .cntc-btn {width: 168px;height: 55px;background: #fec744;margin: 0px auto;border: none;text-transform: uppercase;font-size: 19px;color: #607d8b;z-index: 9999999;cursor: pointer;} .cntc-btn:hover {color: #fff;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);} .category-speaker {width: 100%;height: auto;overflow: hidden;margin-top: 10px;margin-bottom: 50px;} .category-speaker ul {padding: 0px;margin: 0px;float: left;} .category-speaker ul li {padding: 0px;margin: 0px 0 6px 0;list-style: none;color: #7b838b;font-size: 17px;} .contact-model-header {border-bottom: 1px solid rgba(0,0,0,0.1) !important;padding: 0px 30px 0px 30px !important;display: block !important;} .modal-header {background: none !important;} .contact-model-header h4 {font-size: 63px !important;margin-top: 0px !important;float: left;} .modal-title {font-weight: 700;color: #000 !important;} .modal-dialog {min-width: 67% !important;} .modal-content {height: 573px;overflow-y: scroll;} .modal-body p {color: #7b838b;font-weight: 400;font-size: 16px;letter-spacing: 1px;margin-bottom: 24px;line-height: 28px;} .modal-body input[type="text"], .modal-body input[type="email"] {width: 100%;height: 30px;border: 1px solid #ccc;padding-left: 10px;margin-bottom: 17px;font-size: #ccc;} .modal-body select {width: 100%;height: 30px;border: 1px solid #ccc;padding-left: 10px;margin-bottom: 17px;font-size: #ccc;} .modal-body {padding: 15px 15px 58px 15px !important;} .modal-body textarea {width: 100%;height: 170px;border: 1px solid #ccc;padding-left: 10px;margin-bottom: 17px;font-size: #ccc;padding-top: 10px;} .modal-body input[type="submit"] {width: 98px;height: 43px;background: #febc43;text-transform: uppercase;border: none;color: #607d8b;font-size: 15px;} .modal-body input[type="submit"]:hover {color: #fff;} .Model-close-btn {width: 91px;height: 38px;border: 1px solid;background: #febc43;text-transform: uppercase;font-size: 15px;color: #607d8b;border-radius: 0px !important;float: right;} .Model-close-btn:hover {color: #fff !important;} .contact-model-dialog {margin: 42px auto !important;} .contact-model-footer {border-top: 1px solid rgba(0,0,0,0.1) !important;padding: 10px 30px 10px 30px !important;display: block !important;} .st-image-share-buttons {display: none !important;} .img-content-panel {width: 100%;height: auto;position: fixed;top: 40%;left: 0px;right: 0px;text-align: center;display: block;} .img-content-panel h1 {font-size: 8.55em;line-height: 0.5;font-weight: 700;} .img-content-panel h1 span {color: #fa5858;} .img-content-panel h6 {font-size: 2.55em;font-weight: 700;} .img-content-panel h6 span {color: #fa5858;} .responsive-img-content-panel {visibility: hidden;} .img-content-pane {visibility: visible;} .thumb {width: 20%;} /*-----------------------------New Template css-------------------------*/ /*-------------------------10.09.2018-----------------------------*/ .View-btn {float: left;color: #626262;padding: 5px 10px;margin: 16px 0px;text-transform: uppercase;cursor: pointer;/* background-color: #fa5858;*/font-size: 18px;background: #44aec4;} .Watch-btn {float: right;color: #626262;padding: 5px 10px;margin: 16px 0px;text-transform: uppercase;cursor: pointer;/* background-color: #fa5858;*/font-size: 18px;background: #44aec4;} .Watch-btn:hover, .View-btn:hover {background: #d3cfcc;} .short-description-t {line-height: 16px !important;font-size: 13px;display: block;} .team-member {overflow: hidden;} .search-thumb-height {height: 522px;position: relative;margin-bottom: 0px !important;} .buttom-panel {width: 89%;height: auto;overflow: hidden;position: absolute;bottom: 0px;left: 0px;right: 0px;margin: 0px auto;} .search-thumb-height img {height: 267px;width: 100%;} /*-------------------------10.09.2018-----------------------------*/ #page {width: 90%;margin: 240px auto 0px;} .Search-btn {clear: both;padding-top: 0px;text-align: left;margin: 27px 0px;float: left;} .Search-btn input[type="submit"] {padding: 5px 10px;cursor: pointer;margin-right: 10px;text-transform: uppercase;font-size: 13px !important;} .Search-btn input[type="reset"] {padding: 5px 10px;cursor: pointer;text-transform: uppercase;font-size: 13px !important;} .categorie-panel {/*margin-left:375px;*/width: 100%;clear: both;float: left;margin-top: 20px;} .fee-range-panel {float: left;width: 100%;clear: both;} .fee-range-panel input[type="text"] {height: 30px;padding-left: 5px;} #searchcontainer p {font-size: 18px !important;margin: 17px 0 0 0 !important;float: left;} #searchcontainer label {font-size: 14px;} #searchcontainer div span {font-size: 14px;} .travels-panel-form {margin-top: 20px;overflow: hidden;} .travels-panel-form .statebutton {width: 3em !important;padding-top: 0px;height: 24px;} .pagination-hide {display: none;} .pagination-active a {/* background: #fa5858 !important;border-color: #fa5858 !important;*/background: #febc43 !important;color: #fff !important;} .left-search-wrap {width: 370px;float: left;margin-right: 20px;clear: both;} .right-search-wrap {float: right;width: 65% !important;height: auto;} .clear {clear: both;} .right-search-wrap .maincat {font-size: 15px !important;padding: 6px 18px !important;} .disabled a {color: #ccc !important;/* border: 1px solid #ccc !important;*/} .bioshortdesc {font-size: 0.85em;} .biofee {font-size: 0.85em;} .btnsmall {width: 30px;height: 30px;} /*.mega-menu > section.menu-list-items .menu-bar > ul{display: inherit !important;} .mega-menu > section.menu-list-items .menu-bar > ul > li{display: inherit !important;float: left !important;}*/ .mega-menu > section.menu-list-items .menu-bar > ul > li {display: inline-block;vertical-align: top;} .tab-pane ul {padding: 0px;margin: 0px;} .tab-pane ul li {padding: 0px;margin: 0px 13px 10px;display: inline-block;list-style: none;vertical-align: top;} .bionav {float: left;} .bionav a {margin-bottom: 15px;} #searchresultsholder div {margin: 0px 0px 17px;clear: both;} .tab-border {margin-top: 50px;} .nav-center .nav.nav-tabs li:hover {background: #3ea8bd;} .nav-center .nav.nav-tabs li:hover a {color: #fff !important;} .inquiry-modal-body {padding: 0px 30px 15px 30px !important;} .inquiry-modal-body p {margin: 0px 0px 34px;} .inquiry-modal-body .form-control-feedback {top: 27px !important;} /*.inquiry-modal-content {height: auto;overflow-y: inherit;}*/ .inquiry-modal-content .modal-header h4 {font-size: 50px;margin: 0px;} .inquiry-modal-content .modal-header {padding: 16px 30px 0px 30px;} .ui-slider-horizontal .ui-slider-handle {top: -.2em !important;} .ui-slider .ui-slider-handle {width: .4em !important;height: 1em !important;background: #fa5858;} #feeslider .ui-slider-handle {height: 1.5em !important;width: .6em !important;} #feeslider .ui-slider-handle:last-child {left: 99% !important;} #feeslider .ui-slider {height: 1.5em !important;} .ui-slider-horizontal .ui-slider-handle {margin-left: 0px !important;} .mobile-icon {font-size: 25px !important;} .thanks-table {margin-top: 150px;} .top-social {width: 100%;height: auto;} .top-social ul {padding: 0px;margin: 16px 0 0 0;text-align: left;} .top-social ul li {list-style: none;padding: 0px;margin: 0 10px 10px;display: inline-block;} .top-social ul li a {text-decoration: none;font-size: 17px;color: #fff;} .top-right-content {width: 100%;height: auto;} .top-right-content ul {padding: 0px;margin: 0px;text-align: right;} .top-right-content ul li {padding: 0px;margin: 14px 0px;display: inline-block;list-style: none;color: #fff;font-size: 13px !important;} .top-right-content ul li a {text-decoration: none;color: #fff;} .footer-address {width: 100%;height: auto;padding: 55px 0px;background: #363839;clear: both;} .footer-address-content {width: 30%;margin: 0px auto;text-align: center;} .footer-address-content span {text-transform: uppercase;font-size: 13px;color: #fff;} .footer-address-content ul {padding: 0px;margin: 18px 0 0 0;text-align: center;} .footer-address-content ul li {color: #8c8989;font-size: 17px;list-style: none;margin-bottom: 6px;} .footer-address-content ul li a {color: #bfbfbf;text-decoration: none;margin-left: 2px;} .footer-panel {background: #282a2b;border-top: 1px solid #575757;padding: 35px 0px 21px;} .copy-right {width: 100%;height: auto;} .copy-right p {padding: 0px;margin: 0px;color: #fff;font-size: 12px;line-height: 25px;} .footer-right-social {width: 100%;height: auto;} .footer-right-social ul {padding: 0px;margin: 0px;text-align: right;} .footer-right-social ul li {padding: 0px;margin: 0 10px 0px;list-style: none;display: inline-block;} .footer-right-social ul li a {text-decoration: none;font-size: 17px;color: #46494a;} .top-header {width: 100%;height: 45px;background: rgba(249,19,19,0.63);} .Menu-right-header {width: 100%;height: auto;border-bottom: 1px solid rgba(0,0,0,0.2);text-align: left;padding: 8px 0px 25px;margin-bottom: 20px;} /*.Menu-right-header h1 {margin: 0px !important;text-transform: capitalize;font-size: 25px !important;line-height: 0px !important;}*/ .category-speaker {width: 100%;height: auto;overflow: hidden;margin-top: 10px;margin-bottom: 50px;} .category-speaker ul {padding: 0px;margin: 0px;float: left;} .category-speaker ul li {padding: 0px;margin: 0px 0 6px 0;list-style: none;color: #7b838b;font-size: 17px;} .seachcategory-banner {width: 100%;height: 650px;/* background: url(../images/03.jpg) no-repeat;background-size: 100% 100%;*/text-align: center;position: relative;} .seachcategory-banner img {width: 100%;height: 100%;display: block;} .seachcategory-top {padding: 0px !important;} /*.seach-banner-content {width: 59%;height: auto;padding-top: 250px;margin: 0px auto;position: absolute;top: 0px;left: 0px;right: 0px;}*/ .alphaindex-container {padding: 191px 0 50px;} .advance-search {width: 90%;height: auto;margin: 234px auto 0;} .video-panel {width: 350px;} .Request-speaker-panel {width: 100%;height: auto;margin-top: 120px;} .footer.turqoise-bg {background: #44aec4;} .page-section-6-ptb {padding: 10px 0 10px;} *, *:before, *:after {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} body {background: #f9f9f9;font-size: 16px;font-family: 'Raleway', sans-serif;} .main-title {color: #2d2d2d;text-align: center;text-transform: capitalize;padding: 0.7em 0;} /*.container {padding: 1em 0;float: left;width: 50%;}*/ @media screen and (max-width: 640px) { .container {display: block;width: 100%;} } @media screen and (min-width: 900px) { /*.container {width: 33.33333%;}*/ } .owccontainer .owctitle {color: #1a1a1a;text-align: center;margin-bottom: 10px;} .owccontent {position: relative;width: 90%;max-width: 400px;margin: auto;overflow: hidden;} .owccontent .owccontent-overlay {background: rgba(0,0,0,0.7);position: absolute;height: 99%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;} .owccontent:hover .owccontent-overlay {opacity: 1;} .owccontent-image {width: 100%;} .owccontent-details {position: absolute;text-align: center;padding-left: 1em;padding-right: 1em;width: 100%;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} .owccontent:hover .owccontent-details {top: 50%;left: 50%;opacity: 1;} .owccontent-details h3 {color: #fff;font-weight: 500;letter-spacing: 0.15em;margin-bottom: 0.5em;text-transform: uppercase;} .owccontent-details p {color: #fff;font-size: 0.8em;} .owcfadeIn-top {top: 20%;} /* Custom Style */ .Speakers-panel ul li a {color: #fff;-webkit-transition: all 0s ease-in-out;-ms-transition: all 0s ease-in-out;transition: all 0s ease-in-out;} .Speakers-panel ul li a:hover {color: #000;} .hoverImage {display: block;position: relative;z-index: 1;} .titleContainer {background-color: rgba(255, 255, 255, 0);bottom: 0;left: 0;padding: 15px;pointer-events: none;position: absolute;right: 0;top: 0;-webkit-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;transition: all .25s ease-in-out;z-index: 2;} .Speakers-panel ul li:hover a img {opacity: 1;} .hoverImage:hover .titleContainer {background-color: rgba(255, 255, 255, 0.5);} .titleContainer span {background: none !important;font-size: 1.15em;font-weight: bold;left: 50%;letter-spacing: .097em;position: absolute;text-transform: uppercase;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;} .hoverImage img {position: relative;z-index: 1;} ul.pagination .page-item .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.pager .page-item .page-link {height: 30px;line-height: 2;text-align: center;width: 30px;} @media only screen and (min-width: 561px) {} @media only screen and (min-width: 768px) {} @media only screen and (min-width: 992px) and (max-width: 1024px) { .wsmenu > .wsmenu-list > li > .wsshoptabing {margin-left: 69px !important;} } @media only screen and (min-width: 1284px) { .wsmain {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;} .wsmain::before, .wsmain::after {display: none !important;} .smllogo, .wsmenu {width: auto !important;} .wsmenu > .wsmenu-list > li > .wsshoptabing {left: 0 !important;width: 100% !important;} .welcome-panel {-webkit-align-content: flex-end;-ms-align-content: flex-end;align-content: flex-end;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;margin: 0;min-height: 400px;padding: 0 15px;} .welcome-panel > * {display: block;text-align: center;width: 100%;} .wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > a {width: 25% !important;} .wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > .wstitemright {width: 75% !important;} } @media only screen and (max-width: 991px) { body {font-size: 12px;} .wsmenu > .wsmenu-list > li > a {border: none;color: #000 !important;line-height: 1 !important;margin: 0;padding: 21px 20px !important;} #top {height: 100vw;} .info-panel h1 {font-size: 90px;} .speaker-event-content {text-align: center;} .speaker-event-content h1, .speaker-event-content h2 {float: none;text-align: center;} h4 {padding: 0 15px;} .titleContainer span {font-size: .8em;} .container-fluid[style*="background"] {text-align: center;} .welcome-panel {-webkit-align-content: flex-end;-ms-align-content: flex-end;align-content: flex-end;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;margin: 0 auto !important;min-height: 300px;padding: 0 15px;} .welcome-panel > * {display: block;text-align: center;width: 100%;} .wsmobileheader {z-index: 9999 !important;} } @media only screen and (max-width: 767px) { .welcome-panel h1 {font-size: 72px;} .container-fluid[style*="background"] .welcome-panel h1 {font-size: 52px;} .info-panel h1 {font-size: 42px;} .footer-right-social ul li {margin-top: 0;} img[style*="float"] {float: none !important;margin: 0 auto;} .team-photo {max-width: 300px;margin: 0 auto;} .theme-owc .mb-60 {margin-bottom: 30px !important;} .team-3-box, .team {margin-bottom: 0 !important;} .theme-owc.page-section-5-ptb + .container h3 {margin-bottom: -30px;margin-top: 30px;} .page-section-3-ptb {padding: 100px 0 40px !important;} .modal {margin-left: 0;margin-right: 0;max-width: 100vw;width: 100%;} .modal-dialog {max-width: 300px !important;width: 100% !important;} .home-html { display: none;} } @media only screen and (max-width: 560px) { .welcome-panel h1 {font-size: 42px !important;} .welcome-panel h1 {font-size: 36px;} .info-panel h1 {font-size: 52px !important;} .clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li {width: 100%;} } @media only screen and (max-width: 768px) { .home-html { display: none; margin: 10px 0; } } @media only screen and (min-width: 1023px) { .mobile-home-html { display: none; margin: 10px 0; } } .menu-icon { float: right; }