html,
body { width: 100%; max-width: 100%; height: auto; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { overflow-x: hidden !important; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0.3); font-style: normal; font-weight: 400; font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 24px; letter-spacing: 0px; color: #333; }
section,
.cover { background-size: cover; background-position: center center; background-repeat: no-repeat; }
::selection { color: white; }
body.no-selection::selection { color: inherit !important; background: transparent !important; }
html,
body,
form,
fieldset,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6 { -webkit-text-size-adjust: none; }
img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none; }
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p { color: inherit; font-variant-ligatures: common-ligatures; line-height: 1.4; padding: 0; margin: 0; }
h1,
.h1 { font-size: 36px; }
h2,
.h2 { font-size: 32px; }
h3,
.h3 { font-size: 24px; }
h4,
.h4 { font-size: 18px; }
h5,
.h5 { font-size: 14px; }
h6,
.h6 { font-size: 12px; }
ol,
ul { list-style: none; padding: 0; }
a,
a:hover,
a:focus,
button,
button:hover,
button:focus { text-decoration: none; color: inherit; cursor: pointer; }
* { border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*,
*:hover,
*:focus { outline: none !important; }
.opensans { font-family: "Open Sans", "PT Sans", sans-serif; }
.raleway { font-family: 'Raleway', sans-serif; }
.dosis { font-family: 'Dosis', sans-serif; }
.montserrat { font-family: 'Montserrat', sans-serif; }
.lato { font-family: "Lato", "PT Sans", sans-serif; }
.poppins { font-family: "Poppins", "PT Sans", sans-serif; }
.merriweather { font-family: 'Merriweather', serif; }
.lora { font-family: 'Lora', serif; }
.titillium { font-family: 'Titillium Web', sans-serif; }
.anton { font-family: 'Anton', sans-serif; }
.oswald { font-family: 'Oswald', sans-serif; }
.fjalla { font-family: 'Fjalla One', sans-serif; }
.playfair { font-family: 'Playfair Display', serif; }
.droid { font-family: 'Droid Serif', serif; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize !important; }
.transform-none { text-transform: none !important; }
.t-left,
.t-left.row,
.t-left>.row { text-align: left; justify-content: left; }
.t-center,
.t-center.row,
.t-center>.row { text-align: center; justify-content: center; }
.t-right,
.t-right.row,
.t-right>.row { text-align: right; justify-content: right; }
.t-justify { text-align: justify; }
.t-vertical { writing-mode: vertical-rl; }
.t-shadow { text-shadow: 2px 2px 6px rgba(0,0,0,0.1); }
.light { font-weight: 300; }
.normal { font-weight: 400 !important; }
.normal-title { font-weight: 400; letter-spacing: -1.8px; }
.normal-subtitle { font-weight: 400; letter-spacing: -0.8px; }
 @media only screen and (max-width:992px) {
.normal-title { letter-spacing: -0.8px; }
.normal-subtitle { letter-spacing: -0.5px; }
}
.medium { font-weight: 500 !important; }
.semibold-title { font-weight: 600; letter-spacing: -1.6px; }
.semibold-subtitle { font-weight: 600; letter-spacing: -0.6px; }
@media only screen and (max-width:992px) {
.semibold-title { letter-spacing: -0.8px; }
.semibold-subtitle { letter-spacing: -0.5px; }
}
.semibold { font-weight: 600 !important; }
.bold { font-weight: 700; }
.bolder { font-weight: 800; }
.bold-title { font-weight: 700; letter-spacing: -2.1px; line-height: 125%; }
.bold-subtitle { font-weight: 700; letter-spacing: -0.8px; }
@media only screen and (max-width:992px) {
.bold-title { letter-spacing: -0.8px; }
.bold-subtitle { letter-spacing: -0.5px; }
}
.extrabold { font-weight: 900; }
.extrabold-title { font-weight: 900; letter-spacing: -2.2px; }
.extrabold-subtitle { font-weight: 900; letter-spacing: -1.2px; }
@media only screen and (max-width:992px) {
.extrabold-title { letter-spacing: -0.8px; }
.extrabold-subtitle { letter-spacing: -0.5px; }
}
.no-ls { letter-spacing: 0 !important; }
.lh-normal { line-height: normal; }
.lh-xs { line-height: 90%; }
.lh-sm { line-height: 120%; }
.lh-md { line-height: 150%; }
.lh-lg { line-height: 200%; }
.lh-xl { line-height: 240%; }
.fstyle-normal { font-style: normal; }
.underline,
.underline-hover:hover,
.underline-hover-links a:hover,
.underline-hover-all:hover * { text-decoration: underline !important; }
.overline,
.overline-hover:hover,
.overline-hover-links a:hover,
.overline-hover-all:hover * { text-decoration: line-through !important; }
.underline-dashed { border-bottom: 1px dashed; word-spacing: -1px; }
.text-background { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; background-size: cover; background-position: center; }
.text-shadow { text-shadow: 0px 1px 20px rgba(0,0,0,0.1) }
.paragraph { font-size: 14px; line-height: 32px; margin-bottom: 15px; }
@media only screen and (max-width:1400px) {
.paragraph { font-size: 13px; line-height: 23px; }
}
.lh-inherit { line-height: inherit; }
.fs-inherit { font-size: inherit; }
.fw-inherit { font-weight: inherit; }
.ff-inherit { font-family: inherit; }
.color-inherit { color: inherit; }
.text-lg,
.font-40 { font-size: 40px; }
.text-lg1,
.font-50 { font-size: 50px; }
.text-lg2 { font-size: 60px; }
.text-lg3 { font-size: 80px; }
.text-lg4 { font-size: 90px; }
.text-lg5 { font-size: 120px; }
.text-lg6 { font-size: 150px; }
.font-10 { font-size: 10px !important; }
.font-11 { font-size: 11px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-17 { font-size: 17px !important; }
.font-18 { font-size: 18px !important; }
.font-19 { font-size: 19px !important; }
.font-20 { font-size: 20px !important; }
.font-21 { font-size: 21px !important; }
.font-22 { font-size: 22px !important; }
.font-23 { font-size: 23px !important; }
.font-24 { font-size: 24px !important; }
.font-25 { font-size: 25px !important; }
.font-30 { font-size: 30px !important; }
.font-35 { font-size: 35px !important; }
.font-45 { font-size: 45px !important; }
.font-55 { font-size: 55px !important; }
@media only screen and (max-width:768px) {
.text-lg,
.text-lg1,
.text-lg2,
.text-lg3,
.text-lg4,
.text-lg5,
.text-lg6 { font-size: 40px; }
}
@media only screen and (max-width:550px) {
.text-lg,
.text-lg1,
.text-lg2,
.text-lg3,
.text-lg4,
.text-lg5,
.text-lg6 { font-size: 30px; }
h1,
.h1 { font-size: 28px; }
h2,
.h2 { font-size: 24px; }
h3,
.h3 { font-size: 20px; }
}
@media only screen and (max-width:361px) {
.text-lg,
.text-lg1,
.text-lg2,
.text-lg3,
.text-lg4,
.text-lg5,
.text-lg6 { font-size: 26px; }
h1,
.h1 { font-size: 25px; }
h2,
.h2 { font-size: 21px; }
h3,
.h3 { font-size: 18px; }
}
@media only screen and (max-width:900px) {
.text-mobile-xxs { font-size: 11px !important; }
.text-mobile-xs { font-size: 13px !important; }
.text-mobile-sm { font-size: 16px !important; }
.text-mobile { font-size: 20px !important; }
.text-mobile-lg { font-size: 27px !important; }
.text-mobile-xl { font-size: 35px !important; }
.text-mobile-xxl { font-size: 55px !important; }
.text-mobile-extreme { font-size: 120px !important; }
}
@media only screen and (max-width:768px) {
.t-center-sm,
.t-center-sm>.row,
.t-center-sm.row,
.t-center-mobile,
.t-center-mobile>.row,
.t-center-mobile.row { text-align: center !important; justify-content: center; }
}
@media only screen and (max-width:576px) {
.t-center-xs,
.t-center-xs>.row,
.t-center-xs.row { text-align: center !important; justify-content: center; }
}
.badge { display: inline-block; min-width: 15px; padding: 3px 10px; font-size: 11px; margin: 0 3px; font-weight: inherit; color: #fff; line-height: normal; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; }
.badge.badge-lg { padding: 5px 14px; font-size: inherit; font-weight: inherit; }
.disable-hover,
.disable-hover * { pointer-events: none !important; }
.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
.white,
.white-hover:hover { color: white !important; }
.bg-white,
.bg-white-hover:hover,
.bg-white-focus:focus { background-color: white !important; }
.dark,
.dark-hover:hover { color: #333 !important; }
.black,
.black-hover:hover { color: #000 !important; }
.bg-dark,
.bg-dark-hover:hover { background-color: #212121 !important; }
.bg-dark1,
.bg-dark1-hover:hover { background-color: #191919 !important; }
.bg-dark2,
.bg-dark2-hover:hover { background-color: #161616 !important; }
.bg-dark3,
.bg-dark3-hover:hover { background-color: #111 !important; }
.bg-night,
.bg-night-hover:hover { background-color: #1b1c1f !important; }
.bg-night1,
.bg-night1-hover:hover { background-color: #191a1c !important; }
.bg-night2,
.bg-night2-hover:hover { background-color: #151718 !important; }
.bg-night3,
.bg-night3-hover:hover { background-color: #111213 !important; }
.bg-black,
.bg-black-hover:hover { background-color: #000 !important; }
.opacity-hover:hover,
.opacity-hover-container>*:hover,
.opacity-hover-links a:hover,
.opacity-hover-links button:hover { opacity: 0.7 !important; }
.opacity-hover-reverse { opacity: 0.7; }
.opacity-hover-reverse:hover { opacity: 1 !important; }
.border-white,
.border-white-hover:hover { border-color: white !important; }
.border-transparent,
.border-transparent-hover:hover { border-color: transparent !important; }
.dark-section { background-color: #222; color: #ccc; }
.transparent,
.transparent-hover:hover { background: transparent !important; }
.fullwidth,
.width-full { width: 100%; }
.fullheight { height: 100% !important; }
.bodywidth { margin: 0 auto; }
.fullscreen { width: 100%; min-height: 100%; left: 0; top: 0; }
.bg-changeable { -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
.bg-pattern,
.bg-pattern>.bg-animator:after { background-repeat: repeat !important; background-size: auto auto !important; }
.pattern { background-image: url(../images/pattern.png); background-repeat: repeat; background-size: auto; }
.pattern1 { background-image: url(../images/pattern1.jpg); background-repeat: repeat; background-size: auto; }
.pattern-black { background-image: url(../images/pattern-black.png); background-repeat: repeat; background-size: auto; }
.pattern-white { background-image: url(../images/pattern-white.png); background-repeat: repeat; background-size: auto; }
.halfwidth { width: 50%; max-width: 50%; }
.width-auto { width: auto !important; }
.height-auto { height: auto; }
@media only screen and (max-width:768px) {
.height-auto-mobile { height: auto !important; }
.mnh-auto-mobile { min-height: auto !important; }
.relative-xs,
.relative-mobile { position: relative !important; }
}
.mxw-full { max-width: 100%; }
.mxh-full { max-height: 100%; }
.relative { position: relative !important; }
.absolute { position: absolute; }
.absolute-im { position: absolute !important; }
.fixed { position: fixed }
.fixed-im { position: fixed !important; }
.block,
.block-links>a,
.all-block-links a { display: block; }
.inline-block,
.inline-block-links>a { display: inline-block !important; }
.block-im { display: block !important; }
.table { display: table; }
.table-im { display: table !important; }
@media only screen and (max-width:768px) {
.block-mobile { display: block !important; }
.inline-block-mobile { display: inline-block !important; }
}
.none { display: none !important; }
.nowrap { white-space: nowrap; }
.ws-normal { white-space: normal; }
.f-left { float: left !important; }
.f-right { float: right !important; }
.f-none { float: none !important; }
.no-padding { padding: 0 !important; }
.no-pt { padding-top: 0 !important; }
.no-pl { padding-left: 0 !important; }
.no-pr { padding-right: 0 !important; }
.no-pb { padding-bottom: 0 !important; }
.no-px { padding-left: 0 !important; padding-right: 0 !important; }
.z-index-0 { z-index: 0; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.no-margin { margin: 0 !important; }
.no-mt { margin-top: 0 !important; }
.no-ml { margin-left: 0 !important; }
.no-mr { margin-right: 0 !important; }
.no-mb { margin-bottom: 0 !important; }
.no-mx { margin-left: 0 !important; margin-right: 0 !important; }
.no-margin-im { margin: 0 !important; }
@media only screen and (max-width:768px) {
.f-none-mobile,
.f-none-sm { float: none !important; }
}
.no-pm { padding: 0; margin: 0; }
.no-pm-im { padding: 0 !important; margin: 0 !important; }
.no-radius,
.no-radius-hover:hover { border-radius: 0 !important; }
.radius,
.radius-hover:hover { border-radius: 5px !important; }
.radius-sm,
.radius-sm-hover:hover { border-radius: 6px !important; }
.radius-md,
.radius-md-hover:hover { border-radius: 12px !important; }
.radius-lg,
.radius-lg-hover:hover { border-radius: 40px !important; }
.radius-xl,
.radius-xl-hover:hover { border-radius: 60px !important; }
.radius-no-lt { border-top-left-radius: 0px !important; }
.radius-no-rt { border-top-right-radius: 0px !important; }
.radius-no-lb { border-bottom-left-radius: 0px !important; }
.radius-no-rb { border-bottom-right-radius: 0px !important; }
.radius-no-right { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
.radius-no-left { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
.no-border { border: none !important; }
.m-auto { margin-left: auto; margin-right: auto; }
@media only screen and (max-width:768px) {
.m-auto-mobile { margin-left: auto !important; margin-right: auto !important; }
}
.o-hidden { overflow: hidden; }
.o-scroll { overflow: scroll; }
.o-auto { overflow: auto; }
.o-visible { overflow: visible !important; }
.c-pointer { cursor: pointer; }
.c-default { cursor: default }
.c-disabled { cursor: not-allowed; }
.c-move { cursor: move; }
.c-resize { cursor: ew-resize; }
.c-vertical-resize { cursor: ns-resize; }
.c-grab { cursor: grab !important; cursor: -moz-grab !important; cursor: -webkit-grab !important; }
.c-grab:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.border-none,
.border-none-links a { border: none !important; }
.no-border-top { border-top: none !important; }
.no-border-right { border-right: none !important; }
.no-border-bottom { border-bottom: none !important; }
.no-border-left { border-left: none !important; }
.bt-1,
.bb-1,
.bl-1,
.br-1,
.border-1,
.border-2,
.border-3,
.border-4,
.border-5 { border-style: solid; }
*[class*="bt-"],
*[class*="bl-"],
*[class*="br-"],
*[class*="bb-"] { border-style: solid; }
.border-dotted,
.b-dotted { border-style: dotted !important; }
.border-dashed,
.b-dashed { border-style: dashed !important; }
.border-solid,
.b-solid,
.solid { border-style: solid !important; }
.bs-none,
.bs-none-hover:hover,
.bs-none-focus:focus { box-shadow: none !important; }
.bs-sm,
.bs-sm-hover:hover,
.bs-sm-focus:focus { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1) !important }
.box-shadow,
.bs-hover:hover,
.bs-focus:focus { box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.2) !important }
.bs-light,
.bs-light-hover:hover,
.bs-light-focus:focus { box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.06) !important }
.bs-md,
.bs-md-hover:hover,
.bs-md-focus:focus { box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.1) !important }
.bs-lg,
.bs-lg-hover:hover,
.bs-lg-focus:focus { box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.2) !important }
.bs-xl,
.bs-xl-hover:hover,
.bs-xl-focus:focus { box-shadow: 2px 25px 65px 5px rgba(0,0,0,0.2) !important }
.bs-inset,
.bs-inset-hover:hover,
.bs-inset-focus:focus { -webkit-box-shadow: 0 18px 36px -13px rgba(0,0,0,0.5) !important; -moz-box-shadow: 0 18px 36px -13px rgba(0,0,0,0.5) !important; box-shadow: 0 21px 42px -14px rgba(0,0,0,0.5) !important; }
.slow { -webkit-transition: all 0.3s !important; -moz-transition: all 0.3s !important; transition: all 0.3s !important; }
.slow1 { -webkit-transition: all 0.2s !important; -moz-transition: all 0.2s !important; transition: all 0.2s !important; }
.slow-qdr { -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; }
.vertical-center { top: 50%; position: relative; }
.move-up-half { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.v-center,
.v-center-mb { top: 50%; position: relative; will-change: transform; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media only screen and (max-width:768px) {
.v-normal-mobile,
.v-normal-mb { top: 0% !important; padding-top: 15px !important; padding-bottom: 15px !important; position: relative; -webkit-transform: translateY(0%) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; }
.v-center-mb { padding-top: 0 !important; padding-bottom: 0 !important; }
}
.v-top { display: table-cell; vertical-align: top !important; }
.v-middle { display: table-cell !important; vertical-align: middle !important; }
.v-bottom { display: table-cell !important; vertical-align: bottom !important; }
.vertical-col-lines { position: fixed; left: 0; top: 0; right: 0; bottom: 0; }
.vertical-col-lines div { height: 100%; padding: 0; border-right: 1px solid rgba(118,118,118,0.14); }
.container-xl { height: auto; display: block; width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.container-lg { max-width: 1620px; height: auto; display: block; width: 100%; margin: 0 auto; padding-left: 0; padding-right: 0; }
body.left-side-menu-active .container-md,
body.right-side-menu-active .container-md,
body.left-side-menu-active .container-lg,
body.right-side-menu-active .container-lg { padding-left: 15px; padding-right: 15px; }
@media only screen and (max-width:1630px) {
.container-lg { padding-left: 15px; padding-right: 15px; }
}
.container-md { max-width: 1440px; height: auto; display: block; width: 100%; margin: 0 auto; padding-left: 0; padding-right: 0; }
@media only screen and (max-width:1455px) {
.container-md { padding-left: 15px; padding-right: 15px; }
}
.container { max-width: 1200px; height: auto; display: block; width: 100%; margin: 0 auto; padding-left: 0; padding-right: 0; }
@media only screen and (max-width:1441px) {
.container { max-width: 1000px; padding-left: 15px; padding-right: 15px; }
}
.container-sm { max-width: 900px; height: auto; display: block; width: 100%; margin: 0 auto; padding-left: 0; padding-right: 0; }
@media only screen and (max-width:915px) {
.container-sm { padding-left: 15px; padding-right: 15px; }
}
.container-xs { max-width: 480px; height: auto; display: block; width: 100%; margin: 0 auto; padding-left: 0; padding-right: 0; }
@media only screen and (max-width:495px) {
.container-xs { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-width:1485px) {
body.left-side-menu-active .container,
body.right-side-menu-active .container { padding-left: 15px; padding-right: 15px; }
}
.width-calculated { margin: 0 !important; display: block !important; float: left !important; }
.bg-left,
.bg-left>.bg-animator:after { background-position: left !important; }
.bg-right,
.bg-right>.bg-animator:after { background-position: right !important; }
.bg-top,
.bg-top>.bg-animator:after { background-position: top !important; }
.bg-bottom,
.bg-bottom>.bg-animator:after { background-position: bottom !important; }
.bg-center,
.bg-center>.bg-animator:after { background-position: center center !important; }
@media only screen and (max-width:1024px) {
.bg-left-mobile { background-position: left !important; }
.bg-right-mobile { background-position: right !important; }
.bg-top-mobile { background-position: top !important; }
.bg-bottom-mobile { background-position: bottom !important; }
.bg-center-mobile { background-position: center center !important; }
.bg-none-mobile { background-image: none !important; }
}
.bg-norepeat,
.bg-norepeat>.bg-animator:after { background-repeat: no-repeat !important; }
.bg-repeatx,
.bg-repeatx>.bg-animator:after { background-repeat: repeat-x !important; }
.bg-repeaty,
.bg-repeaty>.bg-animator:after { background-repeat: repeat-y !important; }
.bg-repeat { background-repeat: repeat !important; }
.bg-scroll { background-attachment: scroll !important; }
.bg-normal,
.bg-normal>.bg-animator:after { background-size: auto !important; }
.bg-fixed,
.bg-fixed>.bg-animator:after { background-attachment: fixed !important; }
.bg-cover,
.bg-cover>.bg-animator:after { background-size: cover !important; }
.bg-size-fullheight { background-size: auto 100% !important; }
.bg-default { background-color: #4B515D !important; }
.bg-primary { background-color: #4285F4 !important; }
.bg-success { background-color: #5cb85c !important; }
.bg-secondary { background-color: #d790e7 !important; }
.bg-danger { background-color: #db2929 !important; }
.bg-warning { background-color: #f0ad4e !important; }
.bg-info { background-color: #33b5e5 !important; }
.bg-transparent { background-color: transparent !important; }
.rotate-45 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.rotate-45-reverse { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.rotate-90 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.rotate-90-reverse { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.cover { background-size: cover !important; }
.circle,
.circle-hover:hover { border-radius: 100% !important; }
.top-50-percent { top: 50% !important; }
.left-50-percent { left: 50% !important; }
.right-50-percent { right: 50% !important; }
.bottom-50-percent { bottom: 50% !important; }
@media only screen and (max-width:768px) {
.calculate-height.height-auto-xs>*,
.calculate-height.height-auto-mobile>* { height: auto !important; }
.calculate-width.width-auto-xs>*,
.calculate-width.width-auto-mobile>* { width: auto !important; }
}
.dropcap:first-letter { color: inherit; float: left; font-family: Georgia; font-size: 65px; line-height: 50px; padding-top: 5px; padding-right: 10px; padding-left: 2px; }
.dropcap.dropcap-bg:first-letter { color: white; background-color: #333; font-size: 45px; line-height: 33px; padding: 8px 8px 8px 6px; margin-right: 8px; margin-top: 4px; }
.dropcap.dropcap-bg.dropcap-radius:first-letter { border-radius: 8px; }
.dropcap.dropcap-bg.dropcap-border:first-letter { border: 1px solid #ccc; }
.dropcap.dropcap-sm:first-letter { font-size: 30px; line-height: 22px; }
.dropcap.dropcap-lg:first-letter { font-size: 60px; line-height: 47px; }
.dropcap.dropcap-xl:first-letter { font-size: 80px; line-height: 67px; }
@media only screen and (min-width:1025px) {
[data-background] {
opacity:0;
-webkit-transition:opacity 0.3s;
-moz-transition:opacity 0.3s;
transition:opacity 0.3s;
}
[data-background].loaded,
.slick-slider [data-background] { opacity: 1; }
}
.dropcap.dropcap-bg.white-bg:first-letter { color: inherit; background-color: #fff; }
.dropcap.dropcap-bg.light-bg:first-letter { color: inherit; background-color: #eee; }
.dropcap.dropcap-bg.danger-bg:first-letter { color: white; background-color: #CC0000; }
.dropcap.dropcap-bg.warning-bg:first-letter { color: white; background-color: #ffbb33; }
.dropcap.dropcap-bg.success-bg:first-letter { color: white; background-color: #00C851; }
.dropcap.dropcap-bg.info-bg:first-letter { color: white; background-color: #33b5e5; }
.dropcap.dropcap-bg.default-bg:first-letter { color: white; background-color: #2BBBAD; }
.dropcap.dropcap-bg.primary-bg:first-letter { color: white; background-color: #4285F4; }
.dropcap.dropcap-bg.secondary-bg:first-letter { color: white; background-color: #aa66cc; }
.video-trigger { position: relative; }
.video-play-trigger { width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-size: cover; background-position: center center; z-index: 15; }
.video-play-trigger span { display: block; margin: 0 auto; top: 50%; text-align: center; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
iframe { width: 100%; }
.video-trigger iframe { min-height: 300px; }
.video-trigger.slick-slide img,
.slick-slide .video-trigger img { width: auto; height: auto; margin: 0 auto; }
.thumbnail-img { padding: 4px; display: inline-block; position: relative; width: auto; max-width: 100%; background-color: transparent; border: 1px solid #ddd; border-radius: 5px; }
.thumbnail-img.circle { border-radius: 100%; padding: 4px; }
.thumbnail-img.thumbnail-xxs { max-width: 60px; }
.thumbnail-img.thumbnail-xs { max-width: 90px; }
.thumbnail-img.thumbnail-sm { max-width: 120px; }
.thumbnail-img.thumbnail-lg { max-width: 160px; }
.thumbnail-img.circle img { border-radius: 100%; }
.img-overlay,
.static-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background-color: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.img-overlay:hover,
.static-overlay { opacity: 1 !important; }
.thumbnail-img .img-overlay { left: 4px; top: 4px; bottom: 4px; right: 4px; width: auto; height: auto; }
.img-overlay .overlay-wrap,
.static-overlay .overlay-wrap { position: relative; left: 0; top: 0; width: 100%; height: 100%; color: white; text-align: center; display: table; }
.img-overlay .overlay-wrap>*,
.static-overlay .overlay-wrap>* { display: table-cell; vertical-align: middle; }
.overlay { position: absolute !important; width: 100%; height: 100%; display: block; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center center; }
.static-overlay { background-color: transparent; }
.block-img img { width: 100%; }
.block-img img[src*="loading"],
.block-img img[src*="loader"] { width: auto; margin: 20px auto; display: block; }
.image-left { float: left; margin-right: 15px; margin-bottom: 10px; }
.image-right { float: right; margin-left: 15px; margin-bottom: 10px; }
.mxw-full { max-width: 100% !important; }
label { font-weight: 400; }
.text-rotator>.animated { display: inline-block; visibility: visible; }
.text-rotator.padding>.animated { padding: 10px 6px 14px; }
.text-rotator.mini-padding>.animated { padding: 0px 4px; }
pre { border: 1px solid #ddd; line-height: 25px; max-height: 400px; padding: 12px 16px; }
.sticky-keeper { position: relative; }
@media only screen and (max-width:1000px) {
.sticky-keeper .sticky-container { position: relative !important; top: 0 !important; width: auto !important; max-width: none !important; }
}
.bg-soft { position: relative; }
.bg-soft-colored2:before,
.bg-soft-gradient:before,
.bg-soft-gradient1:before,
.bg-soft-gradient2:before,
.bg-soft-gradient3:before,
.bg-soft-gradient4:before { opacity: 0.9; }
.bg-soft>*,
.bg-soft-colored>*,
.bg-soft-colored1>*,
.bg-soft-colored2>*,
.bg-soft-colored3>* { position: relative; z-index: 2; }
.bg-soft:before,
.bg-soft-colored:before,
.bg-soft-colored1:before,
.bg-soft-colored2:before,
.bg-soft-colored3:before,
.bg-soft-gradient:before,
.bg-soft-gradient1:before,
.bg-soft-gradient2:before { position: absolute; display: block; left: 0px; top: 0px; right: 0px; bottom: 0px; content: ''; z-index: 1; }
.bg-soft-white:before,
.bg-soft-white-hover:hover:before,
.bg-soft-white9:before,
.bg-soft-white9-hover:hover:before { background-color: rgba(255,255,255,0.9); }
.bg-soft-white1:before,
.bg-soft-white1-hover:hover:before { background-color: rgba(255,255,255,0.1); }
.bg-soft-white2:before,
.bg-soft-white2-hover:hover:before { background-color: rgba(255,255,255,0.2); }
.bg-soft-white3:before,
.bg-soft-white3-hover:hover:before { background-color: rgba(255,255,255,0.3); }
.bg-soft-white4:before,
.bg-soft-white4-hover:hover:before { background-color: rgba(255,255,255,0.4); }
.bg-soft-white5:before,
.bg-soft-white5-hover:hover:before { background-color: rgba(255,255,255,0.5); }
.bg-soft-white6:before,
.bg-soft-white6-hover:hover:before { background-color: rgba(255,255,255,0.6); }
.bg-soft-white7:before,
.bg-soft-white7-hover:hover:before { background-color: rgba(255,255,255,0.7); }
.bg-soft-white8:before,
.bg-soft-white8-hover:hover:before { background-color: rgba(255,255,255,0.8); }
.bg-soft-dark:before,
.bg-soft-dark-hover:hover:before,
.bg-soft-dark9:before,
.bg-soft-dark9-hover:hover:before { background-color: rgba(25,25,25,0.9); }
.bg-soft-dark1:before,
.bg-soft-dark1-hover:hover:before { background-color: rgba(25,25,25,0.1); }
.bg-soft-dark2:before,
.bg-soft-dark2-hover:hover:before { background-color: rgba(25,25,25,0.2); }
.bg-soft-dark3:before,
.bg-soft-dark3-hover:hover:before { background-color: rgba(25,25,25,0.3); }
.bg-soft-dark4:before,
.bg-soft-dark4-hover:hover:before { background-color: rgba(25,25,25,0.4); }
.bg-soft-dark5:before,
.bg-soft-dark5-hover:hover:before { background-color: rgba(25,25,25,0.5); }
.bg-soft-dark6:before,
.bg-soft-dark6-hover:hover:before { background-color: rgba(25,25,25,0.6); }
.bg-soft-dark7:before,
.bg-soft-dark7-hover:hover:before { background-color: rgba(25,25,25,0.7); }
.bg-soft-dark8:before,
.bg-soft-dark8-hover:hover:before { background-color: rgba(25,25,25,0.8); }
.bg-soft-black:before,
.bg-soft-black-hover:hover:before { background-color: rgba(0,0,0,0.6); }
.bg-soft-black1:before,
.bg-soft-black1-hover:hover:before { background-color: rgba(0,0,0,0.9); }
.bg-gray,
.bg-gray-hover:hover { background-color: #fcfcfc !important; }
.bg-gray1,
.bg-gray1-hover:hover { background-color: #f8f8f8 !important; }
.bg-gray2,
.bg-gray2-hover:hover { background-color: #f1f1f1 !important; }
.bg-gray3,
.bg-gray3-hover:hover { background-color: #e4e4e4 !important; }
.bg-gray4,
.bg-gray4-hover:hover { background-color: #ccc !important; }
.bg-gray5,
.bg-gray5-hover:hover { background-color: #aaa !important; }
.bg-gray6,
.bg-gray6-hover:hover { background-color: #999 !important; }
.bg-gray7,
.bg-gray7-hover:hover { background-color: #777 !important; }
.bg-gray8,
.bg-gray8-hover:hover { background-color: #555 !important; }
.bg-gray9,
.bg-gray9-hover:hover { background-color: #333 !important; }
.gray,
.gray-hover:hover { color: #fcfcfc !important; }
.gray1,
.gray1-hover:hover { color: #f8f8f8 !important; }
.gray2,
.gray2-hover:hover { color: #f1f1f1 !important; }
.gray3,
.gray3-hover:hover { color: #e4e4e4 !important; }
.gray4,
.gray4-hover:hover { color: #ccc !important; }
.gray5,
.gray5-hover:hover { color: #aaa !important; }
.gray6,
.gray6-hover:hover { color: #999 !important; }
.gray7,
.gray7-hover:hover { color: #777 !important; }
.gray8,
.gray8-hover:hover { color: #474747 !important; }
.gray9,
.gray9-hover:hover { color: #383838 !important; }
.mini-py { padding-top: 5px !important; padding-bottom: 5px !important; }
.mini-px { padding-left: 5px !important; padding-right: 5px !important; }
.mini-pt { padding-top: 5px !important; }
.mini-pr { padding-right: 5px !important; }
.mini-pb { padding-bottom: 5px !important; }
.mini-pl { padding-left: 5px !important; }
.xxs-py { padding-top: 15px !important; padding-bottom: 15px !important; }
.xxs-px { padding-left: 15px !important; padding-right: 15px !important; }
.xxs-pt { padding-top: 15px !important; }
.xxs-pr { padding-right: 15px !important; }
.xxs-pb { padding-bottom: 15px !important; }
.xxs-pl { padding-left: 15px !important; }
.xs-py { padding-top: 30px !important; padding-bottom: 30px !important; }
.xs-px { padding-left: 30px !important; padding-right: 30px !important; }
.xs-pt { padding-top: 30px !important; }
.xs-pr { padding-right: 30px !important; }
.xs-pb { padding-bottom: 30px !important; }
.xs-pl { padding-left: 30px !important; }
.sm-py { padding-top: 50px !important; padding-bottom: 50px !important; }
.sm-px { padding-left: 50px !important; padding-right: 50px !important; }
.sm-pt { padding-top: 50px !important; }
.sm-pr { padding-right: 50px !important; }
.sm-pb { padding-bottom: 50px !important; }
.sm-pl { padding-left: 50px !important; }
.py { padding-top: 50px !important;/*padding-bottom:50px !important;*/
   
}
.px { padding-left: 100px !important; padding-right: 100px !important; }
.pt { padding-top: 100px !important; }
.pr { padding-right: 100px !important; }
.pb { padding-bottom: 100px !important; }
.pl { padding-left: 100px !important; }
.md-py { padding-top: 150px !important; padding-bottom: 150px !important; }
.md-px { padding-left: 150px !important; padding-right: 150px !important; }
.md-pt { padding-top: 150px !important; }
.md-pr { padding-right: 150px !important; }
.md-pb { padding-bottom: 150px !important; }
.md-pl { padding-left: 150px !important; }
.lg-py { padding-top: 200px !important; padding-bottom: 200px !important; }
.lg-px { padding-left: 200px !important; padding-right: 200px !important; }
.lg-pt { padding-top: 200px !important; }
.lg-pr { padding-right: 200px !important; }
.lg-pb { padding-bottom: 200px !important; }
.lg-pl { padding-left: 200px !important; }
.xl-py { padding-top: 250px !important; padding-bottom: 250px !important; }
.xl-px { padding-left: 250px !important; padding-right: 250px !important; }
.xl-pt { padding-top: 250px !important; }
.xl-pr { padding-right: 250px !important; }
.xl-pb { padding-bottom: 250px !important; }
.xl-pl { padding-left: 250px !important; }
.xxl-py { padding-top: 350px !important; padding-bottom: 350px !important; }
.xxl-px { padding-left: 350px !important; padding-right: 350px !important; }
.xxl-pt { padding-top: 350px !important; }
.xxl-pr { padding-right: 350px !important; }
.xxl-pb { padding-bottom: 350px !important; }
.xxl-pl { padding-left: 350px !important; }
.mini-my { margin-top: 5px !important; margin-bottom: 5px !important; }
.mini-mx { margin-left: 5px !important; margin-right: 5px !important; }
.mini-mt { margin-top: 5px !important; }
.mini-mr { margin-right: 5px !important; }
.mini-mb { margin-bottom: 5px !important; }
.mini-ml { margin-left: 5px !important; }
.xxs-my { margin-top: 15px !important; margin-bottom: 15px !important; }
.xxs-mx { margin-left: 15px !important; margin-right: 15px !important; }
.xxs-mt { margin-top: 15px !important; }
.xxs-mr { margin-right: 15px !important; }
.xxs-mb { margin-bottom: 15px !important; }
.xxs-ml { margin-left: 15px !important; }
.xs-my { margin-top: 30px !important; margin-bottom: 30px !important; }
.xs-mx { margin-left: 30px !important; margin-right: 30px !important; }
.xs-mt { margin-top: 30px !important; }
.xs-mr { margin-right: 30px !important; }
.xs-mb { margin-bottom: 30px !important; }
.xs-ml { margin-left: 30px !important; }
.sm-my { margin-top: 50px !important; margin-bottom: 50px !important; }
.sm-mx { margin-left: 50px !important; margin-right: 50px !important; }
.sm-mt { margin-top: 50px !important; }
.sm-mr { margin-right: 50px !important; }
.sm-mb { margin-bottom: 50px !important; }
.sm-ml { margin-left: 50px !important; }
.my { margin-top: 100px !important; margin-bottom: 100px !important; }
.mx { margin-left: 100px !important; margin-right: 100px !important; }
.mt { margin-top: 100px !important; }
.mr { margin-right: 100px !important; }
.mb { margin-bottom: 100px !important; }
.ml { margin-left: 100px !important; }
.md-my { margin-top: 150px !important; margin-bottom: 150px !important; }
.md-mx { margin-left: 150px !important; margin-right: 150px !important; }
.md-mt { margin-top: 150px !important; }
.md-mr { margin-right: 150px !important; }
.md-mb { margin-bottom: 150px !important; }
.md-ml { margin-left: 150px !important; }
.lg-my { margin-top: 200px !important; margin-bottom: 200px !important; }
.lg-mx { margin-left: 200px !important; margin-right: 200px !important; }
.lg-mt { margin-top: 200px !important; }
.lg-mr { margin-right: 200px !important; }
.lg-mb { margin-bottom: 200px !important; }
.lg-ml { margin-left: 200px !important; }
.xl-my { margin-top: 250px !important; margin-bottom: 250px !important; }
.xl-mx { margin-left: 250px !important; margin-right: 250px !important; }
.xl-mt { margin-top: 250px !important; }
.xl-mr { margin-right: 250px !important; }
.xl-mb { margin-bottom: 250px !important; }
.xl-ml { margin-left: 250px !important; }
.xxl-my { margin-top: 350px !important; margin-bottom: 350px !important; }
.xxl-mx { margin-left: 350px !important; margin-right: 350px !important; }
.xxl-mt { margin-top: 350px !important; }
.xxl-mr { margin-right: 350px !important; }
.xxl-mb { margin-bottom: 350px !important; }
.xxl-ml { margin-left: 350px !important; }
@media only screen and (max-height:900px) {
.md-py { padding-top: 130px !important; padding-bottom: 130px !important; }
.lg-py { padding-top: 160px !important; padding-bottom: 160px !important; }
.xl-py { padding-top: 190px !important; padding-bottom: 190px !important; }
.xxl-py { padding-top: 270px !important; padding-bottom: 270px !important; }
}
@media only screen and (max-height:700px) {
.md-py { padding-top: 110px !important; padding-bottom: 110px !important; }
.lg-py { padding-top: 130px !important; padding-bottom: 130px !important; }
.xl-py { padding-top: 150px !important; padding-bottom: 150px !important; }
.xxl-py { padding-top: 230px !important; padding-bottom: 230px !important; }
}
@media only screen and (max-width:768px) {
.no-pm-mobile { margin: 0 !important; padding: 0 !important; }
.no-padding-mobile { padding: 0 !important }
.no-py-mobile { padding-top: 0 !important; padding-bottom: 0 !important; }
.no-px-mobile { padding-left: 0 !important; padding-right: 0 !important; }
.no-pl-mobile { padding-left: 0 !important; }
.no-pr-mobile { padding-right: 0 !important; }
.no-pt-mobile { padding-top: 0 !important; }
.no-pb-mobile { padding-bottom: 0 !important; }
.mini-py-mobile { padding-top: 5px !important; padding-bottom: 5px !important; }
.mini-px-mobile { padding-left: 5px !important; padding-right: 5px !important; }
.mini-pt-mobile { padding-top: 5px !important; }
.mini-pr-mobile { padding-right: 5px !important; }
.mini-pb-mobile { padding-bottom: 5px !important; }
.mini-pl-mobile { padding-left: 5px !important; }
.xxs-py-mobile { padding-top: 15px !important; padding-bottom: 15px !important; }
.xxs-px-mobile { padding-left: 15px !important; padding-right: 15px !important; }
.xxs-pt-mobile { padding-top: 15px !important; }
.xxs-pr-mobile { padding-right: 15px !important; }
.xxs-pb-mobile { padding-bottom: 15px !important; }
.xxs-pl-mobile { padding-left: 15px !important; }
.xs-py-mobile { padding-top: 30px !important; padding-bottom: 30px !important; }
.xs-px-mobile { padding-left: 30px !important; padding-right: 30px !important; }
.xs-pt-mobile { padding-top: 30px !important; }
.xs-pr-mobile { padding-right: 30px !important; }
.xs-pb-mobile { padding-bottom: 30px !important; }
.xs-pl-mobile { padding-left: 30px !important; }
.sm-py-mobile { padding-top: 50px !important; padding-bottom: 50px !important; }
.sm-px-mobile { padding-left: 50px !important; padding-right: 50px !important; }
.sm-pt-mobile { padding-top: 50px !important; }
.sm-pr-mobile { padding-right: 50px !important; }
.sm-pb-mobile { padding-bottom: 50px !important; }
.sm-pl-mobile { padding-left: 50px !important; }
.py-mobile { padding-top: 100px !important; padding-bottom: 100px !important; }
.px-mobile { padding-left: 100px !important; padding-left: 100px !important; }
.pt-mobile { padding-top: 100px !important; }
.pr-mobile { padding-right: 100px !important; }
.pb-mobile { padding-bottom: 100px !important; }
.pl-mobile { padding-left: 100px !important; }
.md-py-mobile { padding-top: 150px !important; padding-bottom: 150px !important; }
.md-px-mobile { padding-left: 150px !important; padding-right: 150px !important; }
.md-pt-mobile { padding-top: 150px !important; }
.md-pr-mobile { padding-right: 150px !important; }
.md-pb-mobile { padding-bottom: 150px !important; }
.md-pl-mobile { padding-left: 150px !important; }
.lg-py-mobile { padding-top: 200px !important; padding-bottom: 200px !important; }
.lg-px-mobile { padding-left: 200px !important; padding-right: 200px !important; }
.lg-pt-mobile { padding-top: 200px !important; }
.lg-pr-mobile { padding-right: 200px !important; }
.lg-pb-mobile { padding-bottom: 200px !important; }
.lg-pl-mobile { padding-left: 200px !important; }
.no-margin-mobile { margin: 0 !important }
.no-my-mobile { margin-top: 0 !important; margin-bottom: 0 !important; }
.no-mx-mobile { margin-left: 0 !important; margin-right: 0 !important; }
.no-ml-mobile { margin-left: auto !important; }
.no-mr-mobile { margin-right: auto !important; }
.no-mt-mobile { margin-top: 0 !important; }
.no-mb-mobile { margin-bottom: 0 !important; }
.mini-my-mobile { margin-top: 5px !important; margin-bottom: 5px !important; }
.mini-mx-mobile { margin-left: 5px !important; margin-right: 5px !important; }
.mini-mt-mobile { margin-top: 5px !important; }
.mini-mr-mobile { margin-right: 5px !important; }
.mini-mb-mobile { margin-bottom: 5px !important; }
.mini-ml-mobile { margin-left: 5px !important; }
.xxs-my-mobile { margin-top: 15px !important; margin-bottom: 15px !important; }
.xxs-mx-mobile { margin-left: 15px !important; margin-right: 15px !important; }
.xxs-mt-mobile { margin-top: 15px !important; }
.xxs-mr-mobile { margin-right: 15px !important; }
.xxs-mb-mobile { margin-bottom: 15px !important; }
.xxs-ml-mobile { margin-left: 15px !important; }
.xs-my-mobile { margin-top: 30px !important; margin-bottom: 30px !important; }
.xs-mx-mobile { margin-left: 30px !important; margin-right: 30px !important; }
.xs-mt-mobile { margin-top: 30px !important; }
.xs-mr-mobile { margin-right: 30px !important; }
.xs-mb-mobile { margin-bottom: 30px !important; }
.xs-ml-mobile { margin-left: 30px !important; }
.sm-my-mobile { margin-top: 50px !important; margin-bottom: 50px !important; }
.sm-mx-mobile { margin-left: 50px !important; margin-right: 50px !important; }
.sm-mt-mobile { margin-top: 50px !important; }
.sm-mr-mobile { margin-right: 50px !important; }
.sm-mb-mobile { margin-bottom: 50px !important; }
.sm-ml-mobile { margin-left: 50px !important; }
.my-mobile { margin-top: 100px !important; margin-bottom: 100px !important; }
.mx-mobile { margin-left: 100px !important; margin-right: 100px !important; }
.mt-mobile { margin-top: 100px !important; }
.mr-mobile { margin-right: 100px !important; }
.mb-mobile { margin-bottom: 100px !important; }
.ml-mobile { margin-left: 100px !important; }
}
.title-strips { width: 100px; height: 1px; background-color: #c4c4c4; margin: 10px auto 30px; }
.title-strips:after { content: ''; width: 70px; height: 1px; position: relative; top: 8px; left: 15px; display: block; background-color: #c4c4c4; }
.title-strips.strips-left { margin-left: 0; }
.title-strips.strips-left:after { left: 0; }
.title-strips-over { width: 230px; height: 1px; padding: 0 !important; background-color: rgba(255,255,255,0.4); position: relative; margin: 14px 0; }
.t-center .title-strips-over { margin: 14px auto; }
.t-right .title-strips-over,
.t-left .title-strips-over { display: inline-block; }
.title-strips-over:before { width: 115px; height: 1px; background-color: rgba(255,255,255,0.4); content: ''; position: absolute; left: 0; top: 0; }
.t-center .title-strips-over:before { left: 50%; margin-left: -57px; }
.t-right .title-strips-over:before { right: 0%; left: auto; }
.t-left .title-strips-over:before { left: 0%; right: auto; margin-left: 0; }
.title-strips-over.dark { background-color: rgba(0,0,0,0.2); }
.title-strips-over.dark:before { background-color: rgba(0,0,0,0.3); }
hr { border: none; height: 1px; margin: 10px 0; }
hr.white { background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(180,180,180,1) 48%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(229,229,229,0.3) 48%, rgba(0,0,0,0) 100%); }
hr.black { background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(20,20,20,0.15) 48%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(20,20,20,0.15) 48%, rgba(0,0,0,0) 100%); }
.border-1 { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-3 { border-width: 3px; }
.border-4 { border-width: 4px; }
.border-5 { border-width: 5px; }
.border-gray,
.border-gray-hover:hover { border-color: #f1f1f1 !important; }
.border-gray1,
.border-gray1-hover:hover { border-color: #eaeaea !important; }
.border-gray2,
.border-gray2-hover:hover { border-color: #e1e1e1 !important; }
.border-gray3,
.border-gray3-hover:hover { border-color: #dadada !important; }
.border-gray4,
.border-gray4-hover:hover { border-color: #c1c1c1 !important; }
.border-gray5,
.border-gray5-hover:hover { border-color: #a1a1a1 !important; }
.border-gray6,
.border-gray6-hover:hover { border-color: #919191 !important; }
.border-gray7,
.border-gray7-hover:hover { border-color: #717171 !important; }
.border-gray8,
.border-gray8-hover:hover { border-color: #515151 !important; }
.border-gray9,
.border-gray9-hover:hover { border-color: #313131 !important; }
.border-gray10,
.border-gray10-hover:hover { border-color: #181818 !important; }
.border-dark,
.border-dark-hover:hover { border-color: #212121 !important; }
.border-dark1,
.border-dark1-hover:hover { border-color: #191919 !important; }
.border-dark2,
.border-dark2-hover:hover { border-color: #161616 !important; }
.border-black,
.border-black-hover:hover { border-color: #111 !important; }
.border-double,
.border-double-hover { position: relative; border-style: solid; }
.border-double-hover:before { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.border-double-hover:before,
.border-double:before { content: ''; left: 0px; top: 0px; opacity: 0; right: 0px; bottom: 0px; background-color: transparent; border-width: 1px; border-style: inherit; border-color: inherit; border-radius: inherit; position: absolute; }
.border-double:before,
.border-double-hover:hover:before { left: -5px; top: -5px; right: -5px; bottom: -5px; opacity: 1; }
.arrow-bottom { position: relative; }
.arrow-bottom:before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; border-top-color: inherit; position: absolute; left: 50%; margin-left: -10px; top: 100%; }
.divider-1,
.divider-2,
.divider-3,
.divider-4,
.divider-5 { text-align: center; position: relative; overflow: hidden; }
.divider-1>span,
.divider-2>span,
.divider-3>span,
.divider-4>span,
.divider-5>span { display: inline-block; position: relative; }
.divider-1>span:before,
.divider-1>span:after,
.divider-2>span:before,
.divider-2>span:after,
.divider-3>span:before,
.divider-3>span:after,
.divider-4>span:before,
.divider-4>span:after,
.divider-5>span:before,
.divider-5>span:after { background-color: #ddd; content: ''; display: block; width: 9999px; left: 100%; margin-left: 30px; top: 50%; margin-top: -0.5px; height: 1px; position: absolute; }
.divider-1>span:after,
.divider-2>span:after,
.divider-3>span:after,
.divider-4>span:after,
.divider-5>span:after { left: auto; right: 100%; margin-left: 0; margin-right: 30px; }
.divider-1.divider-white>span:before,
.divider-1.divider-white>span:after,
.divider-2.divider-white>span:before,
.divider-2.divider-white>span:after { background-color: rgba(150,150,150,0.4) !important; }
.divider-1.divider-left,
.divider-2.divider-left,
.divider-3.divider-left,
.divider-4.divider-left,
.divider-5.divider-left { text-align: left; }
.divider-1.divider-left>span:after,
.divider-2.divider-left>span:after,
.divider-3.divider-left>span:after,
.divider-4.divider-left>span:after,
.divider-5.divider-left>span:after { display: none; }
.divider-1.divider-right,
.divider-2.divider-right,
.divider-3.divider-right,
.divider-4.divider-right,
.divider-5.divider-right { text-align: right; }
.divider-1.divider-right>span:before,
.divider-2.divider-right>span:before,
.divider-3.divider-right>span:before,
.divider-4.divider-right>span:before,
.divider-5.divider-right>span:before { display: none; }
.divider-2>span:before,
.divider-2>span:after { background-color: transparent; border-color: #ddd; border-style: solid; border-width: 0px; border-top-width: 1px; border-bottom-width: 1px; height: 6px; margin-top: -3px; }
.divider-3>span:before,
.divider-3>span:after,
.divider-4>span:before,
.divider-4>span:after { height: 6px; background-color: transparent; background-image: url(../images/divider-3.png); background-repeat: repeat-x; margin-top: -4px; }
.divider-4>span:before { background-image: url(../images/divider-4.png); }
.divider-4>span:after { background-image: url(../images/divider-4-left.png); }
.divider-5>span:before,
.divider-5>span:after { background-color: transparent; border-top: 1px dashed #aaa; }
.divider-5.type2>span:before,
.divider-5.type2>span:after { border-top: 2px dashed #aaa; margin-top: -1px; }
.icon-divider { position: absolute; width: 50px; height: 50px; line-height: 50px; display: block; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.basic-mark { position: absolute; right: 10px; top: 10px; line-height: normal; padding: 3px 9px; z-index: 99; }
.basic-mark.icon-mark { right: 0px; top: -5px; padding: 0; width: 35px; height: 35px; line-height: 35px; }
.basic-mark.to-left { left: 10px; right: auto; }
.basic-mark.icon-mark.to-left { left: 0px; right: auto; }
.basic-mark.icon-mark.to-bottom { top: auto; bottom: -5px; }
.basic-mark.to-left + .basic-mark.to-left { top: 40px; }
.basic-mark.to-right + .basic-mark.to-right { top: 40px; }
.expander-btn span { vertical-align: middle; }
.expander-btn.collapsed span#hide { display: none; }
.expander-btn:not(.collapsed) span#show { display: none; }
.expander-btn i { margin-left: 5px; font-size: 18px; vertical-align: middle; }
.expander-btn:not(.collapsed) i { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.bg-animated>*,
.bg-animated-reverse>*,
.bg-animated-vertical>* { position: relative; z-index: 2; }
.bg-animator { background-image: inherit; display: block; background-size: 0px 0px !important; overflow: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0 !important; }
.bg-animated,
.bg-animated-reverse,
.bg-animated-vertical { background-size: 0px 0px !important; background-repeat: no-repeat; position: relative; }
@-webkit-keyframes BackgroundAnimation { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); }
}
@-moz-keyframes BackgroundAnimation { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); }
}
@-ms-keyframes BackgroundAnimation { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); }
}
.bg-animated .bg-animator:after { transform: translate3d(0, 0, 0); background-image: inherit; background-attachment: scroll; background-size: auto 100%; content: ''; position: absolute; right: 0; top: 0; width: 500%; min-width: 300vw; height: 100%; display: block; background-repeat: repeat; -webkit-animation: BackgroundAnimation 300s linear infinite; -moz-animation: BackgroundAnimation 300s linear infinite; -ms-animation: BackgroundAnimation 300s linear infinite; }
@-webkit-keyframes BackgroundAnimationReverse { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to { -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }
}
@-moz-keyframes BackgroundAnimationReverse { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to { -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }
}
@-ms-keyframes BackgroundAnimationReverse { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to { -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); }
}
.bg-animated-reverse .bg-animator:after { transform: translate3d(0, 0, 0); background-image: inherit; background-attachment: scroll; background-size: auto 100%; content: ''; position: absolute; left: 0; top: 0; width: 500%; min-width: 300vw; height: 100%; display: block; background-repeat: repeat; -webkit-animation: BackgroundAnimationReverse 300s linear infinite; -moz-animation: BackgroundAnimationReverse 300s linear infinite; -ms-animation: BackgroundAnimationReverse 300s linear infinite; }
@-webkit-keyframes BackgroundAnimationVertical { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to { -webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0); }
}
@-moz-keyframes BackgroundAnimationVertical { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to { -webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0); }
}
@-ms-keyframes BackgroundAnimationVertical { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to { -webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0); }
}
.bg-animated-vertical .bg-animator:after { transform: translate3d(0, 0, 0); background-image: inherit; background-attachment: scroll; background-size: 100% auto; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 450%; display: block; background-repeat: repeat; -webkit-animation: BackgroundAnimationVertical 240s linear infinite; -moz-animation: BackgroundAnimationVertical 240s linear infinite; -ms-animation: BackgroundAnimationVertical 240s linear infinite; }
@media only screen and (max-width:1025px) {
.bg-animator { display: none; }
.bg-animated,
.bg-animated-reverse,
.bg-animated-vertical { background-size: cover !important; }
.bg-animated.bg-normal,
.bg-animated-reverse.bg-normal,
.bg-animated-vertical.bg-normal { background-size: auto !important; }
}
@-webkit-keyframes itemAnimationHorizontal { 0% {
transform:translate(-10%, 0);
}
50% {
transform:translate(10%, 0);
}
100% {
transform:translate(-10%, 0);
}
}
@-moz-keyframes itemAnimationHorizontal { 0% {
transform:translate(-10%, 0);
}
50% {
transform:translate(10%, 0);
}
100% {
transform:translate(-10%, 0);
}
}
@-ms-keyframes itemAnimationHorizontal { 0% {
transform:translate(-10%, 0);
}
50% {
transform:translate(10%, 0);
}
100% {
transform:translate(-10%, 0);
}
}
@keyframes itemAnimationHorizontal { 0% {
transform:translate(-10%, 0);
}
50% {
transform:translate(10%, 0);
}
100% {
transform:translate(-10%, 0);
}
}
.animated-item-horizontal { -webkit-animation: itemAnimationHorizontal 2.5s linear infinite; -moz-animation: itemAnimationHorizontal 2.5s linear infinite; -ms-animation: itemAnimationHorizontal 2.5s linear infinite; animation: itemAnimationHorizontal 2.5s linear infinite; animation: itemAnimationHorizontal 2.5s linear infinite; }
@-webkit-keyframes itemAnimationVertical { 0% {
transform:translate(0, -10%);
}
50% {
transform:translate(0, 10%);
}
100% {
transform:translate(0, -10%);
}
}
@-moz-keyframes itemAnimationVertical { 0% {
transform:translate(0, -10%);
}
50% {
transform:translate(0, 10%);
}
100% {
transform:translate(0, -10%);
}
}
@-ms-keyframes itemAnimationVertical { 0% {
transform:translate(0, -10%);
}
50% {
transform:translate(0, 10%);
}
100% {
transform:translate(0, -10%);
}
}
@keyframes itemAnimationVertical { 0% {
transform:translate(0, -10%);
}
50% {
transform:translate(0, 10%);
}
100% {
transform:translate(0, -10%);
}
}
.animated-item-vertical { -webkit-animation: itemAnimationVertical 2.5s linear infinite; -moz-animation: itemAnimationVertical 2.5s linear infinite; -ms-animation: itemAnimationVertical 2.5s linear infinite; animation: itemAnimationVertical 2.5s linear infinite; animation: itemAnimationVertical 2.5s linear infinite; }
@-webkit-keyframes itemAnimationRotate { 0% {
transform:rotate(-6deg);
}
50% {
transform:rotate(6deg);
}
100% {
transform:rotate(-6deg);
}
}
@-moz-keyframes itemAnimationRotate { 0% {
transform:rotate(-6deg);
}
50% {
transform:rotate(6deg);
}
100% {
transform:rotate(-6deg);
}
}
@-ms-keyframes itemAnimationRotate { 0% {
transform:rotate(-6deg);
}
50% {
transform:rotate(6deg);
}
100% {
transform:rotate(-6deg);
}
}
@keyframes itemAnimationRotate { 0% {
transform:rotate(-6deg);
}
50% {
transform:rotate(6deg);
}
100% {
transform:rotate(-6deg);
}
}
.animated-item-rotate { -webkit-animation: itemAnimationRotate 2.5s linear infinite; -moz-animation: itemAnimationRotate 2.5s linear infinite; -ms-animation: itemAnimationRotate 2.5s linear infinite; animation: itemAnimationRotate 2.5s linear infinite; animation: itemAnimationRotate 2.5s linear infinite; }
@-webkit-keyframes itemAnimationScale { 0% {
transform:scale(1.2);
}
50% {
transform:scale(1.0);
}
100% {
transform:scale(1.2);
}
}
@-moz-keyframes itemAnimationScale { 0% {
transform:scale(1.2);
}
50% {
transform:scale(1.0);
}
100% {
transform:scale(1.2);
}
}
@-ms-keyframes itemAnimationScale { 0% {
transform:scale(1.2);
}
50% {
transform:scale(1.0);
}
100% {
transform:scale(1.2);
}
}
@keyframes itemAnimationScale { 0% {
transform:scale(1.2);
}
50% {
transform:scale(1.0);
}
100% {
transform:scale(1.2);
}
}
.animated-item-scale { -webkit-animation: itemAnimationScale 2.5s linear infinite; -moz-animation: itemAnimationScale 2.5s linear infinite; -ms-animation: itemAnimationScale 2.5s linear infinite; animation: itemAnimationScale 2.5s linear infinite; animation: itemAnimationScale 2.5s linear infinite; }
.animated { visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.animated.fast { animation-duration: 0.3s; }
.visible { visibility: visible !important; }
@media only screen and (max-width:1024px) {
.animated { visibility: visible; }
}
.animated-gradient { z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: animatedGradient 60s ease infinite; -moz-animation: animatedGradient 60s ease infinite; animation: animatedGradient 60s ease infinite; }
@-webkit-keyframes animatedGradient { 0% {
background-position:0% 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0% 50%
}
}
@-moz-keyframes animatedGradient { 0% {
background-position:0% 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0% 50%
}
}
@keyframes animatedGradient { 0% {
background-position:0% 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0% 50%
}
}
#submit_message,
#error_message { font-size: 14px; height: 50px; display: none; line-height: 50px; color: #202020; font-weight: 500; left: 50%; bottom: 40px; background-color: #fff; position: fixed; border-radius: 10px; box-shadow: 15px 30px 80px 4px rgba(0,0,0,0.18); margin: 0; padding: 0 30px 0 0; border: none; cursor: pointer; width: auto; z-index: 1500; -ms-transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); -webkit-transition: bottom 0.3s, box-shadow 0.3s; -moz-transition: bottom 0.3s, box-shadow 0.3s; transition: bottom 0.3s, box-shadow 0.3s; }
#submit_message i,
#error_message i { display: block; float: left; position: relative; left: -2px; color: #fff; line-height: 50px; width: 50px; height: 50px; text-align: center; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background: #c41f1f; }
#submit_message i { background: #7fb924; }
#submit_message span,
#error_message span { padding-left: 10px; }
#submit_message:hover,
#error_message:hover { bottom: 37px; box-shadow: 3px 5px 10px 0px rgba(0,0,0,0.1); }
@media only screen and (min-width:1450px) {
body.left-side-menu-active #submit_message,
body.left-side-menu-active #error_message { left: calc(50% + 150px); }
}
@media only screen and (max-width:580px) {
#submit_message,
#error_message { display: none; }
}
button#submit,
button#qsubmit { position: relative; overflow: hidden; }
button#submit span,
button#qsubmit span { background-color: inherit; border-radius: inherit; }
button#submit.loading span:before,
button#qsubmit.loading span:before { width: 20px; height: 20px; margin: 0 auto; content: ''; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; border: 1px solid rgb(255,255,255); border-radius: 50%; z-index: 2; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 650ms infinite linear; -o-animation: cssload-spin 650ms infinite linear; -ms-animation: cssload-spin 650ms infinite linear; -webkit-animation: cssload-spin 650ms infinite linear; -moz-animation: cssload-spin 650ms infinite linear; }
button#submit.loading span:after,
button#qsubmit.loading span:after { background-color: inherit; border-radius: inherit; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; z-index: 1; }
button#submit.loading.dark-loading span:before,
button#qsubmit.loading.dark-loading span:before { border: 1px solid rgb(0,0,0); border-left-color: transparent; border-right-color: transparent; }
@keyframes cssload-spin { 100% {
transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-o-keyframes cssload-spin { 100% {
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-ms-keyframes cssload-spin { 100% {
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-webkit-keyframes cssload-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-moz-keyframes cssload-spin { 100% {
-moz-transform:rotate(360deg);
transform:rotate(360deg);
}
}
.lg-outer .lg-thumb { margin: 0 auto; }
.lg-outer .lg-thumb-item { border: 0px solid transparent; border-radius: 0; }
.lg-outer .lg-thumb-item img { opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.lg-outer .lg-thumb-item.active img { opacity: 1; }
.lg-outer .lg-item { background: url(../images/loader2.gif) center center no-repeat; }
.lg-backdrop,
.lg-outer { z-index: 1650; }
.lg-actions .lg-next,
.lg-actions .lg-prev { padding: 25px 13px; background-color: rgba(0,0,0,0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover { background-color: rgba(0,0,0,0.5); color: #ddd; }
.lg-actions .lg-next:before { content: "\f105"; font-family: 'FONTAWESOME'; }
.lg-actions .lg-prev:after { content: "\f104"; font-family: 'FONTAWESOME'; }
.lg-toolbar .lg-icon,
#lg-counter,
.lg-outer .lg-thumb-outer,
.lg-outer .lg-toogle-thumb { color: #ccc; }
.lg-toolbar { background-color: rgba(0,0,0,0.6); }
.lg-sub-html { background-color: rgba(0,0,0,0); }
.lg-backdrop { background-color: rgba(20,20,20,0.8); }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { border: 0px solid rgba(255,255,255,0.1); }
.lg-outer .lg-thumb-outer,
.lg-outer .lg-toogle-thumb { background-color: rgba(0,0,0,0.2); }
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover { border-color: rgba(180,180,180,0.5); }
.parallax { background-repeat: no-repeat; background-attachment: fixed !important; background-size: cover !important; }
.bg-parallax { width: 100%; min-height: 115%; height: 80vh; position: absolute; left: 0; top: 0; background-size: cover; background-attachment: scroll !important; transform: translateZ(0); -webkit-transform: translateZ(0); background-position: center center; background-repeat: no-repeat; z-index: -1; }
.bg-parallax.horizontal-parallax { min-height: auto; height: 100%; }
.parallax.disabled { width: 100%; min-height: 100%; height: 100%; left: 0; top: 0; -webkit-transform: translateY(0px) !important; -moz-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; }
.bg-parallax img { width: auto; min-width: 100%; height: auto; min-height: 100%; }
.bg-parallax-mobiled { width: 100%; height: 100%; min-height: 100%; background-size: cover !important; background-attachment: scroll !important; }
.bg-parallax-mobiled img { width: 100%; min-height: auto; height: auto; min-width: auto; }
@media only screen and (max-width:500px) {
.bg-parallax-mobiled img { width: auto; min-height: auto; height: 140%; min-width: auto; }
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner>.item.next,
.carousel-fade .carousel-inner>.item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner>.item.prev,
.carousel-fade .carousel-inner>.item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner>.item.next.left,
.carousel-fade .carousel-inner>.item.prev.right,
.carousel-fade .carousel-inner>.item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
.typed-cursor { opacity: 1; font-weight: 100; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }
@-keyframes blink { 0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes blink { 0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes blink { 0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes blink { 0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes blink { 0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
.fullwidth-socials a { background: #1b1b1b; color: #d1d1d1; font-size: 14px; min-width: 100px; text-transform: uppercase; display: block; float: left; text-align: center; padding: 32px 0; position: relative; overflow: hidden; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; }
.fullwidth-socials a span { position: relative; display: block; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.fullwidth-socials a:before { position: absolute; bottom: 100%; width: 100%; height: 100%; line-height: 75px; left: 0; font-size: 25px; color: white; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.fullwidth-socials a:hover:before { bottom: 0; }
.fullwidth-socials a:hover span { -webkit-transform: translateY(400%); -moz-transform: translateY(400%); -ms-transform: translateY(400%); transform: translateY(400%); }
@media only screen and (max-width:500px) {
.fullwidth-socials a { width: 100% !important; }
}
.social-icon { width: 30px; height: 30px; line-height: 30px; cursor: pointer; text-align: center; display: inline-block; background-color: #555; font-size: 14px; }
.social-icon:hover,
.social-icon:active,
.social-icon:focus { color: white; }
.social-icon.border-icon { background-color: transparent; border-color: #fff; border-width: 1px; border-style: solid; }
.social-icon.border-icon.border-gray6 { border-color: #999 !important; color: #666; }
.social-icon.border-icon.border-gray6:hover { border-color: transparent !important; color: #fff; }
.icon { display: inline-block; text-align: center; }
.icon-xxs { width: 25px; height: 25px; line-height: 25px; font-size: 10px; }
.icon-xs { width: 35px; height: 35px; line-height: 35px; font-size: 12px; }
.icon-sm { width: 46px; height: 46px; line-height: 46px; font-size: 13px; }
.icon-md { width: 55px; height: 55px; line-height: 55px; font-size: 15px; }
.icon-lg { width: 75px; height: 75px; line-height: 75px; font-size: 16px; }
.icon-xl { width: 85px; height: 85px; line-height: 85px; font-size: 17px; }
.icon-xxl { width: 100px; height: 100px; line-height: 100px; font-size: 19px; }
.icon-extreme { width: 120px; height: 120px; line-height: 120px; font-size: 19px; }
*[class*="icon-"] i { line-height: inherit; }
*[class*="icon-"] { text-align: center; display: inline-block; }
@media only screen and (max-width:768px) {
.icon-mobile-xs { width: 30px; height: 30px; line-height: 30px; font-size: 10px !important; }
.icon-mobile-sm,
.icon-mobile-md { width: 55px; height: 55px; line-height: 55px; font-size: 12px !important; }
.icon-mobile-lg { width: 70px; height: 70px; line-height: 70px; font-size: 13px !important; }
.icon-mobile-xl { width: 90px; height: 90px; line-height: 90px; font-size: 14px !important; }
}
.icon.fa-play:before { display: inline-block; -ms-transform: translateX(5%); -webkit-transform: translateX(5%); transform: translateX(5%); }
.icon-animated,
.icon-animated1,
.icon-animated-lg,
.icon-animated1-lg { position: relative; }
.icon-animated:after,
.icon-animated-lg:after,
.icon-animated1:after,
.icon-animated1-lg:after { z-index: -1; opacity: 0; background: inherit; border-radius: inherit; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; -webkit-animation-name: icon-animate1; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; -webkit-animation-name: icon-animate1; animation-name: icon-animate1; -webkit-animation-duration: 1s; animation-duration: 1.3s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-play-state: running; }
.icon-animated1:after { background-color: transparent !important; border-width: 2px; border-style: solid; border-color: inherit; }
@keyframes icon-animate1 { 0% {
opacity:.5;
-ms-transform:scale(1.0);
-webkit-transform:scale(1.0);
transform:scale(1.0);
}
25% {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0.3;
}
60% {
-ms-transform:scale(1.35);
-webkit-transform:scale(1.35);
transform:scale(1.35);
opacity:0;
}
}
.icon-animated-lg:after,
.icon-animated1-lg:after { -webkit-animation-name: icon-animate-lg; animation-name: icon-animate-lg; }
@keyframes icon-animate-lg { 0% {
opacity:.5;
-ms-transform:scale(1.0);
-webkit-transform:scale(1.0);
transform:scale(1.0);
}
25% {
-ms-transform:scale(1.35);
-webkit-transform:scale(1.35);
transform:scale(1.35);
opacity:0.45;
}
60% {
-ms-transform:scale(1.5);
-webkit-transform:scale(1.5);
transform:scale(1.5);
opacity:0;
}
}
.drop-effect { display: inline-block; max-width: 100%; }
.drop-effect button.dropdown-toggle { width: 250px; max-width: 100%; cursor: pointer; padding: 8px 18px; text-align: left; background: white; position: relative; border: 1px solid #ddd; color: #555; line-height: 25px; }
.drop-effect button.dropdown-toggle:hover { box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.2) }
.drop-effect button.dropdown-toggle span { position: absolute; right: 22px; top: 50%; margin-top: -3px; }
.drop-effect.drop-icon { display: inline-block; }
.drop-effect.drop-icon button.dropdown-toggle { width: 50px; height: 50px; line-height: 50px; letter-spacing: -0.5px; padding: 0; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.drop-effect .dropdown-menu { overflow: hidden; padding: 0; top: 0%; left: -10% !important; width: 120%; min-width: 220px; transform: translate3d(0px, 0%, 0px) !important; box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.2); border: none; border-radius: 10px; display: block; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.drop-effect.show .dropdown-menu { visibility: visible; opacity: 1; transform: translate3d(0px, -20%, 0px) !important; }
.drop-effect .dropdown-menu>li>.link { color: inherit; padding: 0px 25px; border-bottom: 1px solid #eee; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.drop-effect.show .dropdown-menu>li>.link { padding-top: 7px; padding-bottom: 7px; }
.drop-effect .dropdown-menu>li>.link:hover,
.drop-effect .dropdown-menu>li.cbp-filter-item-active>.link { background-color: #f6f6f6; }
.drop-effect .dropdown-menu>li:last-child>.link { border-bottom: none; }
@media only screen and (max-width:1250px) {
.drop-effect .dropdown-menu { left: -45%; width: 130px; min-width: auto; }
}
.circular-effect-to-bottom { border-bottom-left-radius: 300%; border-bottom-right-radius: 300%; height: 100%; width: 140%; left: -20%; position: relative; overflow: hidden; }
@media only screen and (max-width:1000px) {
.circular-effect-to-bottom { width: 200%; left: -50%; }
}
@media only screen and (max-width:500px) {
.circular-effect-to-bottom { width: 300%; left: -100%; }
}
.qdr-callout { margin: 30px 0; padding: 15px 30px 15px 20px; border-left: 5px solid #eee; }
.qdr-callout p { margin-bottom: 0; }
.qdr-callout code,
.qdr-callout .highlight { background-color: #fff; }
.bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; }
.bs-callout h4 { margin-top: 0; margin-bottom: 5px; }
.bs-callout p:last-child { margin-bottom: 0; }
.bs-callout code { border-radius: 3px; }
.bs-callout+.bs-callout { margin-top: -5px; }
.bs-callout-default { border-left-color: #777; }
.bs-callout-default h4 { color: #777; }
.bs-callout-primary { border-left-color: #428bca; }
.bs-callout-primary h4 { color: #428bca; }
.bs-callout-success { border-left-color: #5cb85c; }
.bs-callout-success h4 { color: #5cb85c; }
.bs-callout-danger { border-left-color: #d9534f; }
.bs-callout-danger h4 { color: #d9534f; }
.bs-callout-warning { border-left-color: #f0ad4e; }
.bs-callout-warning h4 { color: #f0ad4e; }
.bs-callout-info { border-left-color: #5bc0de; }
.bs-callout-info h4 { color: #5bc0de; }
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; }
.scrollbar-styled::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
background-color:rgba(10,10,10,0.2);;
}
.scrollbar-styled::-webkit-scrollbar {
width:9px;
background-color:#F5F5F5;
}
.scrollbar-styled::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#777;
}
.qdr-col-6>* { float: left; width: 16.666%; padding: 15px; }
.qdr-col-5>* { float: left; width: 20%; padding: 15px; }
.qdr-col-4>* { float: left; width: 25%; padding: 15px; }
.qdr-col-3>* { float: left; width: 33.333%; padding: 15px; }
.qdr-col-2>* { float: left; width: 50%; padding: 15px; }
.qdr-col-1>* { float: none; width: 100%; }
@media only screen and (max-width:1170px) {
.qdr-col-6,
.qdr-col-5,
.qdr-col-4,
.qdr-col-3,
.qdr-col-2,
.qdr-col-1 { padding-left: 15px; padding-right: 15px; }
.container .qdr-col-6,
.container .qdr-col-5,
.container .qdr-col-4,
.container .qdr-col-3,
.container .qdr-col-2,
.container .qdr-col-1 { padding-left: 0; padding-right: 0; }
}
@media only screen and (max-width:768px) {
.qdr-col-6>*,
.qdr-col-5>*,
.qdr-col-4>*,
.qdr-col-3>*,
.qdr-col-2>* { width: 50% !important; margin-right: 0 !important; padding-left: 6px; padding-right: 6px; }
}
@media only screen and (max-width:768px) {
.qdr-col-3.boxes>* { width: 100% !important; float: none !important; text-align: center; }
}
@media only screen and (max-width:690px) {
.qdr-col-6>*,
.qdr-col-5>*,
.qdr-col-4>*,
.qdr-col-3>*,
.qdr-col-2>* { width: 100% !important; margin-left: auto !important; margin-right: auto !important; float: none !important; text-align: center; }
}
@media only screen and (max-width:360px) {
.qdr-col-2-xxs>* { float: left !important; width: 50% !important; padding: 10px !important; }
.qdr-col-3-xxs>* { float: left !important; width: 33.333% !important; padding: 10px !important; }
}
@media only screen and (max-width:480px) {
.qdr-col-2-xs>* { float: left !important; width: 50% !important; padding: 10px !important; }
.qdr-col-3-xs>* { float: left !important; width: 33.333% !important; padding: 10px !important; }
.qdr-col-4-xs>* { float: left !important; width: 25% !important; padding: 10px !important; }
}
@media only screen and (min-width:576px) and (max-width:767px) {
.qdr-col-2-sm>* { float: left !important; width: 50% !important; padding: 10px !important; }
.qdr-col-3-sm>* { float: left !important; width: 33.333% !important; padding: 10px !important; }
.qdr-col-4-sm>* { float: left !important; width: 25% !important; padding: 10px !important; }
.qdr-col-5-sm>* { float: left !important; width: 20% !important; padding: 10px !important; }
.qdr-col-6-sm>* { float: left !important; width: 16.666% !important; padding: 10px !important; }
}
.qdr-col-6>.not-col,
.qdr-col-5>.not-col,
.qdr-col-4>.not-col,
.qdr-col-3>.not-col,
.qdr-col-2>.not-col,
.qdr-col-1>.not-col { width: 100%; }
.gap-50>* { padding: 50px !important; }
.gap-40>* { padding: 40px !important; }
.gap-30>* { padding: 30px !important; }
.gap-25>* { padding: 25px !important; }
.gap-24>* { padding: 24px !important; }
.gap-23>* { padding: 23px !important; }
.gap-22>* { padding: 22px !important; }
.gap-21>* { padding: 21px !important; }
.gap-20>* { padding: 20px !important; }
.gap-19>* { padding: 19px !important; }
.gap-18>* { padding: 18px !important; }
.gap-17>* { padding: 17px !important; }
.gap-16>* { padding: 16px !important; }
.gap-15>* { padding: 15px !important; }
.gap-13>* { padding: 13px !important; }
.gap-12>* { padding: 12px !important; }
.gap-11>* { padding: 11px !important; }
.gap-10>* { padding: 10px !important; }
.gap-9>* { padding: 9px !important; }
.gap-8>* { padding: 8px !important; }
.gap-7>* { padding: 7px !important; }
.gap-6>* { padding: 6px !important; }
.gap-5>* { padding: 6px !important; }
.gap-4>* { padding: 5px !important; }
.gap-3>* { padding: 4px !important; }
.gap-2>* { padding: 3px !important; }
.gap-1>* { padding: 1px !important; }
.gap-0>* { padding: 0px !important; }
@media only screen and (max-width:640px) {
.gap-0-sm>*,
.gap-0-xs>* { padding: 0px !important; }
.gap-5-sm>*,
.gap-5-xs>* { padding: 5px !important; }
.gap-10-sm>*,
.gap-10-xs>* { padding: 10px !important; }
}
.visible-xs,
.visible-xs-inline-block,
.visible-xs-block,
.visible-xs-inline { display: none; }
@media only screen and (max-width:576px) {
.visible-xs,
.visible-xs-block { display: block !important; }
.visible-xs-inline-block { display: inline-block !important; }
.visible-xs-inline { display: inline !important; }
}
.visible-sm,
.visible-sm-inline-block,
.visible-sm-block,
.visible-sm-inline { display: none; }
@media only screen and (min-width:576px) and (max-width:767px) {
.visible-sm,
.visible-sm-block { display: block !important; }
.visible-sm-inline-block { display: inline-block !important; }
.visible-sm-inline { display: inline !important; }
}
.visible-md,
.visible-md-inline-block,
.visible-md-block,
.visible-md-inline { display: none; }
@media only screen and (min-width:768px) and (max-width:991px) {
.visible-md,
.visible-md-block { display: block !important; }
.visible-md-inline-block { display: inline-block !important; }
.visible-md-inline { display: inline !important; }
}
.visible-lg,
.visible-lg-inline-block,
.visible-lg-block,
.visible-lg-inline { display: none; }
@media only screen and (min-width:992px) {
.visible-lg,
.visible-lg-block { display: block !important; }
.visible-lg-inline-block { display: inline-block !important; }
.visible-lg-inline { display: inline !important; }
}
.visible-xl,
.visible-xl-inline-block,
.visible-xl-block,
.visible-xl-inline { display: none; }
@media only screen and (min-width:1200px) {
.visible-xl,
.visible-xl-block { display: block !important; }
.visible-xl-inline-block { display: inline-block !important; }
.visible-xl-inline { display: inline !important; }
}
.visible-xxl,
.visible-xxl-inline-block,
.visible-xxl-block,
.visible-xxl-inline { display: none; }
@media only screen and (min-width:1441px) {
.visible-xxl,
.visible-xl-block { display: block !important; }
.visible-xxl-inline-block { display: inline-block !important; }
.visible-xxl-inline { display: inline !important; }
}
@media only screen and (max-width:368px) {
.hidden-xxs { display: none !important; }
}
@media only screen and (max-width:576px) {
.hidden-xs { display: none !important; }
}
@media only screen and (max-width:768px) {
.hidden-sm { display: none !important; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
.hidden-md { display: none !important; }
}
@media only screen and (min-width:992px) {
.hidden-lg { display: none !important; }
}
@media only screen and (min-width:1200px) {
.hidden-xl { display: none !important; }
}
@media only screen and (min-width:1441px) {
.hidden-xxl { display: none !important; }
}
@media only screen and (max-width:768px) {
.top-mobile-0 { top: 0 !important; }
.top-mobile-10 { top: 10px !important; }
.top-mobile-20 { top: 20px !important; }
.top-mobile-30 { top: 30px !important; }
.top-mobile-40 { top: 40px !important; }
.top-mobile-50 { top: 50px !important; }
.top-mobile-100 { top: 100px !important; }
.left-mobile-0 { left: 0 !important; }
.left-mobile-10 { left: 10px !important; }
.left-mobile-20 { left: 20px !important; }
.left-mobile-30 { left: 30px !important; }
.left-mobile-40 { left: 40px !important; }
.left-mobile-50 { left: 50px !important; }
.left-mobile-100 { left: 100px !important; }
.right-mobile-0 { right: 0 !important; }
.right-mobile-10 { right: 10px !important; }
.right-mobile-20 { right: 20px !important; }
.right-mobile-30 { right: 30px !important; }
.right-mobile-40 { right: 40px !important; }
.right-mobile-50 { right: 50px !important; }
.right-mobile-100 { right: 100px !important; }
.bottom-mobile-0 { bottom: 0 !important; }
.bottom-mobile-10 { bottom: 10px !important; }
.bottom-mobile-20 { bottom: 20px !important; }
.bottom-mobile-30 { bottom: 30px !important; }
.bottom-mobile-40 { bottom: 40px !important; }
.bottom-mobile-50 { bottom: 50px !important; }
.bottom-mobile-100 { bottom: 100px !important; }
}
.qdr-alert { display: none; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 1500; margin: 0; opacity: 0.9; padding: 10px 15px; }
.qdr-alert:hover { opacity: 1; }
.qdr-alert.active { display: block; }
.qdr-alert.left { left: 20px; }
.qdr-alert.top { top: 20px; }
.qdr-alert.right { right: 20px; }
.qdr-alert.bottom { bottom: 20px; }
.cookie-alert { display: none; position: fixed; z-index: 1500; width: 80%; margin: 0 auto; left: 50%; bottom: 3%; right: auto; opacity: 1; padding: 20px 40px 20px 20px !important; background: white; -ms-transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); }
.cookie-alert .close { position: absolute; right: 20px; font-size: 20px; }
body.cookie-alert-active { overflow-y: auto !important; }
.alert-dismissable .close,
.alert-dismissible .close { top: 0; line-height: inherit; }
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); }
.qdr-hover { overflow: hidden; z-index: 1; position: relative; display: inline-block; -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); }
.qdr-hover:hover { border-color: transparent; }
.qdr-hover:after,
.qdr-hover:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); }
.qdr-hover:after { -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.qdr-hover:before { -ms-transform: translateX(-200%); -webkit-transform: translateX(-200%); transform: translateX(-200%); }
.qdr-hover-container:hover .qdr-hover:before,
.qdr-hover:hover:before { -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; }
.qdr-hover-container:hover .qdr-hover:after,
.qdr-hover:hover:after { -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; }
.qdr-hover-1,
.qdr-hover-1-left,
.qdr-hover-1-right,
.qdr-hover-1-bottom { position: relative; overflow: hidden; display: inline-block; z-index: 1; }
.qdr-hover-1:before,
.qdr-hover-1-left:before,
.qdr-hover-1-right:before,
.qdr-hover-1-bottom:before { content: ''; z-index: -1; display: block; position: absolute; top: 0; left: 0; right: 0; height: 0; -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.77, 0, 0.2, 1); }
.qdr-hover-container:hover .qdr-hover-1:before,
.qdr-hover-1:hover:before { height: 100%; }
.qdr-hover-1-left:before { left: 0; right: auto; height: 100%; width: 0; }
.qdr-hover-1-left:hover:before { width: 100%; }
.qdr-hover-1-right:before { left: auto; right: 0; height: 100%; width: 0; }
.qdr-hover-1-right:hover:before { width: 100%; }
.qdr-hover-1-bottom:before { bottom: 0; top: auto; }
.qdr-hover-1-bottom:hover:before { height: 100%; }
.qdr-hover-2,
.qdr-hover-2-vertical,
.qdr-hover-2-rotate { position: relative; z-index: 1; overflow: hidden; display: inline-block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.qdr-hover-2:before,
.qdr-hover-2-vertical:before { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 100%; z-index: -1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.qdr-hover-2:hover::before { width: 100%; left: 0%; }
.qdr-hover-2-vertical:before { left: 0; height: 0; width: 100%; top: 50%; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }
.qdr-hover-2-vertical:hover:before { height: 100%; top: 0; }
.qdr-hover-2-rotate:before { content: ''; position: absolute; z-index: -1; width: 100%; height: 0; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.qdr-hover-2-rotate:hover::before { height: 500%; }
.qdr-hover-3 { display: inline-block; font-family: inherit; position: relative; overflow: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.qdr-hover-3 span.qdr-details { position: relative; display: block; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; transition: transform 0.4s; }
.qdr-hover-3:before { position: absolute; display: inline-block; font: inherit; font-family: 'FONTAWESOME'; bottom: 100%; width: 100%; height: 100%; text-align: inherit; line-height: inherit; padding: inherit; left: 0; color: inherit; -webkit-transition: bottom 0.4s; -moz-transition: bottom 0.4s; transition: bottom 0.4s; }
.qdr-hover-3:hover:before { bottom: 0%; }
.qdr-hover-3:hover span.qdr-details { -webkit-transform: translateY(400%); -moz-transform: translateY(400%); -ms-transform: translateY(400%); transform: translateY(400%); }
.qdr-hover-4,
.qdr-hover-4-reverse { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; display: inline-block; }
.qdr-hover-4:hover { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); }
.qdr-hover-4-reverse:hover { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); }
.qdr-hover-5 { position: relative; }
.qdr-hover-5:before { width: 0px; height: 1px; position: absolute; bottom: 1px; left: 0; content: ''; background-color: #777; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.qdr-hover-5:hover:before { width: 100%; }
@media only screen and (max-width:641px) {
.qdr-hover-5:before { display: none; }
.qdr-hover-5:hover { text-decoration: underline; }
}
.qdr-hover-6 { position: relative; overflow: hidden !important; }
a.qdr-hover-6 { display: inline-block; }
.qdr-hover-6:after { width: 150%; height: 150%; left: -250%; top: -25%; content: ''; display: block; position: absolute; opacity: .4; ; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%); }
.qdr-hover-6:hover:after,
.qdr-hover-6-container:hover .qdr-hover-6:after { left: 100%; top: 0%; -webkit-transition: left 0.6s, top 0.6s; -moz-transition: left 0.6s, top 0.6s; transition: left 0.6s, top 0.6s; }
.qdr-hover:after { background-color: #363636; }
.qdr-hover-1:before,
.qdr-hover-1-left:before,
.qdr-hover-1-right:before,
.qdr-hover-1-bottom:before { background-color: rgba(0,0,0,0.1); }
.qdr-hover-2:before,
.qdr-hover-2-vertical:before { background-color: #333; }
.qdr-hover-2-rotate:before { background-color: #333; }
.moving-container .moving { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.translatez-xs { -webkit-transform: translateZ(20px); transform: translateZ(20px); }
.translatez-sm { -webkit-transform: translateZ(40px); transform: translateZ(40px); }
.translatez-md { -webkit-transform: translateZ(50px); transform: translateZ(50px); }
.translatez-lg { -webkit-transform: translateZ(90px); transform: translateZ(90px); }
.click-effect { overflow: hidden; position: relative; }
.ink { display: block; position: absolute; background: rgba(255, 255, 255, 0.1) !important; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.click-effect.dark-effect .ink { background: rgba(0,0,0,0.1) !important; }
.clicked { -webkit-animation: clickEffect 0.45s linear; -moz-animation: clickEffect 0.65s linear; -ms-animation: clickEffect 0.65s linear; -o-animation: clickEffect 0.65s linear; animation: clickEffect 0.65s linear; }
@-webkit-keyframes clickEffect { 100% {
opacity:0;
-webkit-transform:scale(2.5);
}
}
@-moz-keyframes clickEffect { 100% {
opacity:0;
-moz-transform:scale(2.5);
}
}
@-o-keyframes clickEffect { 100% {
opacity:0;
-o-transform:scale(2.5);
}
}
@keyframes clickEffect { 100% {
opacity:0;
transform:scale(2.5);
}
}
.scaled { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
@media only screen and (max-width:860px) {
.scaled { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
.scale-hover { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.scale-hover:hover { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.scale-hover img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.scale-hover:hover img { -ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08); }
.grayscale,
.grayscale-hover:hover { -webkit-filter: grayscale(1); filter: grayscale(1); }
button.disabled { opacity: .5; cursor: not-allowed; }
.btn:focus { box-shadow: none; }
.xs-btn { padding: 6px 26px; font-size: 11px; line-height: normal; letter-spacing: 0; }
.sm-btn { padding: 7px 29px; font-size: 12px; line-height: normal; letter-spacing: 0; }
.md-btn { padding: 8px 35px; font-size: 13px; line-height: normal; letter-spacing: -0.1px; }
.lg-btn { padding: 10px 42px; font-size: 13px; line-height: normal; letter-spacing: -0.3px; }
.xl-btn { padding: 12px 50px; font-size: 13px; line-height: normal; letter-spacing: -0.3px; }
.long-btn { padding-left: 60px; padding-right: 60px; line-height: normal; }
.quadra-btn { background-color: rgba(165,165,165,0.2); border-color: rgba(255,255,255,0.2); border-width: 1px; border-style: solid; padding: 10px 30px; font-size: 14px; line-height: normal; }
.border-btn { background: transparent; border: 1px solid white; }
@media only screen and (max-width:992px) {
.quadra-btn { padding: 9px 20px; font-size: 13px; }
.xl-btn { padding: 8px 40px; font-size: 13px; }
.lg-btn { padding: 8px 33px; font-size: 12px; }
.md-btn { padding: 7px 29px; font-size: 12px; }
.sm-btn { padding: 5px 19px; font-size: 12px; }
}
@media only screen and (max-width:480px) {
.quadra-btn { padding: 7px 16px; font-size: 12px; }
.xl-btn { padding: 9px 35px; font-size: 12px; }
.lg-btn { padding: 8px 27px; font-size: 11px; }
.md-btn { padding: 7px 20px; font-size: 11px; }
.sm-btn { padding: 5px 16px; font-size: 11px; }
}
.strip-btn-container { margin-top: 30px; height: 38px; }
.strip-btn { display: inline-block; min-width: 50px; height: 1px; background-color: #545454; overflow: hidden; padding: 0 50px; text-transform: uppercase; font-size: 15px; margin-top: 20px; margin-bottom: 20px; line-height: 0px; color: transparent; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.strip-btn:focus { color: transparent; }
.strip-btn-trigger:hover .strip-btn-container .strip-btn { height: 38px; margin-top: 0; margin-bottom: 0; line-height: 38px; color: white; }
.strip-btn.light-button { background-color: #a1a1a1; }
.cbp-item.cbp-item-off .strip-btn { display: none; }
.soft-button { padding: 9px 25px; background-color: rgba(255,255,255,0.1); color: #d4d4d4; border-radius: 0; border: 1px solid rgba(255,255,255,0.2); }
.text-slider-arrow { display: inline-block; text-align: center; width: 30px; height: 30px; line-height: 30px; cursor: pointer; -webkit-transition: all 0.4s; -moz-transition: all 0.2s; transition: all 0.4s; }
.text-slider-arrow:hover { background-color: #333; width: 50px; color: white; }
.text-slider-arrow.left:hover { margin-left: -20px; }
.fixed-element { width: auto; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); left: 35px; bottom: 30px; z-index: 50; }
.fixed-element.right { left: auto; right: 35px; }
#back-to-top,
.drop-msg { width: 45px; opacity: .5; height: 45px; line-height: 45px; z-index: 100; display: block; position: fixed; cursor: pointer; right: 20px; bottom: 15px; border-radius: 7px; border-width: 1px; border-style: solid; text-align: center; color: #777; background: white; border-color: #ddd; -webkit-transition: transform 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; -moz-transition: transform 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; transition: transform 0.8s cubic-bezier(0.77, 0, 0.2, 1) !important; -webkit-transform: translateZ(0); transform: translateZ(0); }
body.right-mini-side-menu-active #back-to-top,
body.right-mini-side-menu-active .drop-msg { right: 75px; }
#back-to-top.dark,
.drop-msg.dark { color: #fff !important; background: #252525; border-color: #343434; }
.drop-msg + #back-to-top { bottom: 70px; }
#back-to-top:hover,
.drop-msg:hover { opacity: 1; }
#back-to-top:not(.modal-hiding).qfm-time,
.drop-msg:not(.modal-hiding).qfm-time { -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }
@media only screen and (max-width:480px) {
#back-to-top,
.drop-msg { width: 45px; height: 45px; line-height: 45px; right: 10px; bottom: 10px; }
.drop-msg + #back-to-top { bottom: 65px; }
}
.quick-contact-form { position: fixed; display: none; z-index: 1051; line-height: normal; right: 20px; bottom: 90px; width: 260px; height: auto; padding: 42px 15px 50px; overflow: hidden; text-align: center; background-color: #fff; border-top: 5px solid; border-radius: 10px; box-shadow: 6px 6px 20px rgba(0,0,0,0.15); -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; transition: transform 0.2s; -webkit-transform: translateZ(0); transform: translateZ(0); }
body.quick-contact-form-active:before { content: ''; display: none; width: 100%; height: 100%; background-color: black; position: fixed; z-index: 1004; opacity: 0.7; -webkit-transform: translateZ(0); transform: translateZ(0); }
.quick-contact-form input,
.quick-contact-form textarea { display: block; font-size: 14px; width: 100%; height: auto; padding: 8px 12px; margin-bottom: 12px; border: 1px solid #ddd; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; transition: box-shadow 0.5s; }
.quick-contact-form input:focus,
.quick-contact-form textarea:focus { box-shadow: 2px 5px 15px rgba(0,0,0,0.1) }
.quick-contact-form textarea { min-height: 80px; resize: none; }
.quick-contact-form button { display: block; width: 100%; padding: 10px 5px; outline: none; border: none; }
.quick-contact-form h5 { color: #777; }
.quick-contact-form p { color: #999; margin: 10px 0 20px; }
.quick-contact-form a { margin-top: 20px; color: #555; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; transition: color 0.5s; }
.quick-contact-form input.error_warning,
.quick-contact-form textarea.error_warning { border-color: #eb2e2e !important; }
.quick-contact-form.active { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.quick-contact-form.dark { background-color: #222; }
.quick-contact-form.dark input,
.quick-contact-form.dark textarea { background-color: #272727; border: 1px solid #313131; color: #ccc; }
.quick-contact-form.dark h5 { color: #ccc; }
.quick-contact-form p,
.quick-contact-form a { color: #aaa; }
@media only screen and (max-width:900px) {
body.quick-contact-form-active:before { display: block; }
}
@media only screen and (max-width:480px) {
.quick-contact-form { padding: 35px 15px; width: 80%; left: 10%; }
}
@media only screen and (max-height:480px) {
.quick-contact-form { bottom: 3px; padding: 25px 15px; }
.quick-contact-form.active { bottom: 10px; }
.quick-contact-form p { font-size: 12px; margin: 3px 0 14px; }
.quick-contact-form input,
.quick-contact-form textarea { padding: 6px 8px; font-size: 13px; }
.quick-contact-form textarea { min-height: 20px; }
.quick-contact-form button { padding: 5px; font-size: 13px; }
.quick-contact-form a { margin-top: 10px; font-size: 12px; }
}
@media only screen and (max-height:340px) {
.quick-contact-form { bottom: 0; padding: 7px 14px; }
.quick-contact-form.active { bottom: 5px; }
.quick-contact-form p { font-size: 12px; margin: 3px 0 10px; }
}
@media only screen and (min-width:1450px) {
body.right-side-menu-active .quick-contact-form { right: 320px; }
body.right-side-menu-active #back-to-top,
body.right-side-menu-active .drop-msg { right: 320px; }
}
@media only screen and (min-width:1120px) and (max-width:1450px) {
body.right-side-menu-active .quick-contact-form { right: 250px; }
body.right-side-menu-active #back-to-top,
body.right-side-menu-active .drop-msg { right: 250px; }
}
.classic_form { font-size: inherit; background: transparent; outline: none; width: 100%; height: auto; line-height: normal; padding: 10px 13px; border: 1px solid #ddd; margin-bottom: 15px; outline: none !important; box-shadow: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.classic_form:not(.bs-focus):focus,
.classic_form:not(.bs-lg-focus):focus,
.classic_form:not(.bs-light-focus):focus,
.classic_form:not(.bs-inset-focus):focus { box-shadow: none; }
.classic_form.form-gray { background-color: #eee; }
.dark-section .classic_form { border-color: #555; }
.dark-section .classic_form:hover { border-color: #666; }
.dark-section .classic_form:focus { border-color: #999; }
.classic_form.big { padding: 15px; }
.classic_form:focus { border-color: #ccc; }
.classic_form.error_warning { border-color: red !important; }
.g-recaptcha { display: inline-block; width: auto !important; border: 1px solid transparent; }
.g-recaptcha.error_warning { border-color: red !important; }
@media screen and (max-width:361px) {
.g-recaptcha { max-width: 290px; overflow: hidden; border-right: 1px solid #ccc; }
}
textarea.classic_form { min-height: 100px; resize: none; margin-bottom: 7px; }
textarea.classic_form.big { min-height: 150px; resize: none; }
textarea.classic_form.large { min-height: 200px; resize: none; }
select.classic_form { cursor: pointer; background: url(../images/bottom_black.png) right 16px center no-repeat transparent; -webkit-appearance: none; background-size: 12px 6px; }
.classic_form::-webkit-input-placeholder {
color:#777;
}
.classic_form:-moz-placeholder {
color:#777;
}
.classic_form::-moz-placeholder {
color:#777;
}
.classic_form:-ms-input-placeholder {
color:#777;
}
.light-placeholder::-webkit-input-placeholder {
color:#fff !important;
}
.light-placeholder:-moz-placeholder {
color:#fff !important;
}
.light-placeholder::-moz-placeholder {
color:#fff !important;
}
.light-placeholder:-ms-input-placeholder {
color:#fff !important;
}
form .half>* { width: 46%; width: calc(50% - 10px); float: left; }
form .half>*:nth-of-type(2n),
form .half>button { float: right; }
@media screen and (max-width:640px) {
form .half>* { float: none; width: 100%; }
form .half>*:nth-of-type(2n),
form .half>button { float: none; }
.g-recaptcha { margin-bottom: 13px; }
}
.classic_checkbox { width: 110px; font-size: 14px; height: 30px; margin: 6px; position: relative; background: transparent; display: inline-block; }
.classic_checkbox label { width: 28px; height: 28px; cursor: pointer; position: absolute; left: 0; top: 0; background: white; border-radius: 5px; border: 1px solid #ccc; line-height: 28px; text-indent: 36px; white-space: nowrap; }
.classic_checkbox label:after { content: 'L'; width: 18px; color: white; text-align: center; line-height: 16px; font-weight: 900; transform: rotateY(180deg) rotateZ(-45deg); height: 18px; position: absolute; text-indent: 0; top: 4px; left: 3px; opacity: 0; }
.classic_checkbox input[type=checkbox] { visibility: hidden; }
.classic_checkbox input[type=checkbox]:checked + label:after { opacity: 1; }
.classic_checkbox input[type=checkbox]:checked + label,
.classic_checkbox:hover label { border: 1px solid #4a90e2; }
.classic_checkbox input[type=checkbox]:checked + label { background: #4a90e2; }
.classic_checkbox.radio label { border-radius: 100%; text-indent: 35px; line-height: 25px; }
.classic_checkbox input[type=radio] { visibility: hidden; display: none; }
.classic_checkbox input[type=radio]:checked + label:after { opacity: 1; }
.classic_checkbox input[type=radio]:checked + label,
.classic_checkbox:hover label { border: 1px solid #4a90e2; }
.classic_checkbox input[type=radio]:checked + label { background: #4a90e2; }
.classic_checkbox.over { width: 60px; text-align: center; }
.classic_checkbox.over label { position: relative; }
input.switch[type=checkbox] { height: 0; width: 0; visibility: hidden; }
input.switch + label { cursor: pointer; text-indent: -9999px; width: 55px; height: 26px; max-width: 55px; background: transparent; display: inline-block; border-radius: 100px; position: relative; border: 1px solid #ccc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
input.switch + label:hover { border: 1px solid #4a90e2; }
input.switch + label:after { content: ''; position: absolute; top: 3px; left: 5px; width: 18px; height: 18px; border-radius: 90px; transition: 0.3s; background: #4a90e2; }
input.switch:checked + label { background: #4a90e2; border: 1px solid #4a90e2; }
input.switch:checked + label:after { left: calc(100% - 5px); transform: translateX(-100%); background-color: #fff; }
label.switch:active:after { width: 130px; }
.checkbox_switch * { position: relative; line-height: 25px; vertical-align: top; margin-right: 15px; }
.checkbox_switch input { margin: 0; }
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile + label { width: 100%; font-size: 13px; font-weight: inherit; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0px; color: #555; border: 1px solid #ddd; background-color: #fff; }
.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover { border-color: #888; }
.inputfile + label span { min-width: 100px; max-width: 90%; min-height: 25px; padding: 10px 13px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; }
.inputfile + label strong { height: 100%; color: #fff; padding: 10px 13px; background-color: #555; display: inline-block; }
.inputfile:focus + label strong,
.inputfile.has-focus + label strong,
.inputfile + label:hover strong { background-color: #555; }
@media screen and (max-width:50em) {
.inputfile + label strong { display: block; }
}
.quantity input { width: 50px; height: 50px; border-width: 1px; cursor: pointer; border-style: solid; display: block; float: left; text-align: center; border-color: inherit; background-color: inherit; font-size: inherit; }
.quantity.quantity-sm input { width: 35px; height: 35px; }
.quantity.quantity-lg input { width: 65px; height: 50px; }
.quantity input.numbers { border-left: none; border-right: none; width: 80px; }
.quantity input.numbers::-webkit-inner-spin-button, .quantity input.numbers::-webkit-outer-spin-button {
-webkit-appearance:none;
}
.datepicker { cursor: pointer; }
.picker { color: inherit; line-height: 1.1; font-size: 17px; max-width: 100%; }
.picker--opened .picker__holder { border: 1px solid #eee; box-shadow: 0 3px 28px rgba(0,0,0,.05); }
.picker__box { padding: 1em; }
span.border-effect { position: relative; margin: 5px 0; display: block; border: 1px solid transparent; border-bottom-color: #e4e4e4; margin-bottom: 15px; }
span.border-effect span { position: absolute; background-color: #e4e4e4; display: block; }
span.border-effect .left-br,
span.border-effect .right-br { width: 1px; height: 0px; bottom: 0; left: -1px; -webkit-transition: height 0.3s ease-in-out 0.60s; -moz-transition: height 0.3s ease-in-out 0.60s; transition: height 0.3s ease-in-out 0.60s; }
span.border-effect .top-br { width: 0px; height: 1px; top: 0; left: 0; -webkit-transition: width 0.3s ease-in-out 0.39s; -moz-transition: width 0.3s ease-in-out 0.39s; transition: width 0.3s ease-in-out 0.39s; }
span.border-effect.active .left-br { height: 100%; -webkit-transition: height 0.3s ease-in-out 0.2s; -moz-transition: height 0.3s ease-in-out 0.2s; transition: height 0.3s ease-in-out 0.2s; }
span.border-effect.active .top-br { width: 100%; -webkit-transition: width 0.3s ease-in-out 0.43s; -moz-transition: width 0.3s ease-in-out 0.43s; transition: width 0.3s ease-in-out 0.43s; }
span.border-effect .right-br { right: -1px; top: 0; left: auto; -webkit-transition: height 0.3s ease-in-out 0s; -moz-transition: height 0.3s ease-in-out 0s; transition: height 0.3s ease-in-out 0s; }
span.border-effect.active .right-br { height: 100%; -webkit-transition: height 0.3s ease-in-out 0.65s; -moz-transition: height 0.3s ease-in-out 0.65s; transition: height 0.3s ease-in-out 0.65s; }
.news-slider div.slick-slide { position: relative; }
.news-slider a { position: absolute; right: 4px; top: 4px; text-align: right; display: block; z-index: 5; width: auto; color: white; line-height: 22px; background-color: rgba(0,0,0,0.2); padding-left: 10px; }
.news-slider a:hover { background-color: rgba(0,0,0,0.4); }
.news-slider a span { display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-left: 10px; }
.news-slider img { width: auto; height: auto; min-width: 100%; }
@media only screen and (max-width:480px) {
.news-slider a { font-size: 10px; }
}
.slick-initialized .image-slider.slick-initialized img { display: block; min-width: 100%; max-height: 100%; }
.qdr-controls,
.qdr-controls-1,
.qdr-controls-2,
.qdr-controls-3,
.qdr-controls-4 { position: relative; letter-spacing: 0!important; }
.qdr-controls .slick-arrow,
.qdr-controls-2 .slick-arrow { width: 32px; height: 60px; font-size: 0px; border: none; background-color: #151515; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 1; top: 50%; margin-top: -20px; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out 0s; -moz-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s; }
.qdr-controls:hover .slick-arrow,
.qdr-controls-2:hover .slick-arrow { opacity: 0.6; }
.qdr-controls .slick-arrow:hover,
.qdr-controls-2 .slick-arrow:hover { opacity: 1; }
.qdr-controls .slick-arrow.slick-prev { left: 10px; background-image: url(../images/white-left.png); }
.qdr-controls .slick-arrow.slick-next { right: 10px; background-image: url(../images/white-right.png); }
.qdr-controls-2 .slick-arrow.slick-prev { left: 0; background-image: url(../images/white-left.png); }
.qdr-controls-2 .slick-arrow.slick-next { right: 0; background-image: url(../images/white-right.png); }
.qdr-controls ul.slick-dots { position: absolute; width: 100%; bottom: 10px; margin: 0; }
.qdr-controls .slick-dots li { position: relative; display: inline-block; margin: 0 4px; font-size: 0; }
.qdr-controls .slick-dots li button { border: 2px solid #ddd; background: transparent; outline: none; border-radius: 100%; width: 13px; height: 13px; padding: 0 !important; position: relative; overflow: hidden; opacity: 0; -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; }
.qdr-controls:hover .slick-dots li button { opacity: 1; }
.qdr-controls .slick-dots li button:before { content: ''; position: absolute; left: 0; bottom: 0; background: #fff; outline: none; border-radius: 100%; width: 100%; height: 0; -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; }
.qdr-controls .slick-dots li button:hover:before,
.qdr-controls .slick-dots li.slick-active button:before { height: 100%; }
.qdr-controls-1 .slick-arrow { width: 30px; height: 30px; font-size: 0px; left: 5px; bottom: 5px; border: none; background-color: rgba(45,45,45,0.9); background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 1; 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; }
.qdr-controls-1 .slick-arrow:hover { background-color: white; }
.qdr-controls-1:hover .slick-arrow { opacity: 1; }
.qdr-controls-1 .slick-arrow.slick-prev { background-image: url(../images/white-left.png); }
.qdr-controls-1 .slick-arrow.slick-next { background-image: url(../images/white-right.png); margin-left: 35px; }
.qdr-controls-1 .slick-arrow.slick-prev:hover { background-image: url(../images/black-left.png); }
.qdr-controls-1 .slick-arrow.slick-next:hover { background-image: url(../images/black-right.png); }
.qdr-controls-1 .slick-dots { position: absolute; bottom: 15px; right: 6px; margin: 0; }
.qdr-controls-1 .slick-dots li { font-size: 0; float: left; display: block; }
.qdr-controls-1 .slick-dots li button { width: 9px; height: 12px; margin-right: 5px; border-radius: 100%; background: white; outline: none; border: none; box-shadow: none; }
.qdr-controls-1 .slick-dots li.slick-active button { background-color: #333; }
.qdr-controls-2 .slick-dots { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; text-align: center; }
.qdr-controls-2 .slick-dots li { font-size: 0; display: inline-block; }
.qdr-controls-2 .slick-dots li button { width: 25px; height: 1px; margin: 0 3px; border-radius: 0; vertical-align: middle; padding: 0; top: 0; position: relative; background: white; outline: none; border: none; box-shadow: none; }
.qdr-controls-2 .slick-dots li.slick-active button { height: 8px !important; }
.qdr-controls-2 .slick-dots:hover li button { height: 2px; }
.qdr-controls-2 .slick-dots li button:hover { height: 8px; }
.qdr-controls-3 .slick-arrow { width: 30px; height: 30px; font-size: 0px; left: 50%; bottom: -60px; border: none; background-color: rgba(255,255,255,0.9); opacity: .5; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 1; -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; -webkit-transform: translateX(-35px); -moz-transform: translateX(-35px); -ms-transform: translateX(-35px); transform: translateX(-35px); }
.qdr-controls-3 .slick-arrow:hover { background-color: white; opacity: 1; }
.qdr-controls-3 .slick-arrow.slick-prev { background-image: url(../images/black-left.png); }
.qdr-controls-3 .slick-arrow.slick-next { background-image: url(../images/black-right.png); margin-left: 35px; }
.qdr-controls-3 .slick-dots { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; text-align: center; }
.qdr-controls-3 .slick-dots li { font-size: 0; display: inline-block; }
.qdr-controls-3 .slick-dots li button { width: 9px; height: 12px; margin: 0 3px; border-radius: 100%; background: white; outline: none; border: none; box-shadow: none; }
.strip-dots>.slick-dots { position: relative; bottom: -20px; height: 10px; text-align: center; }
.strip-dots:not(.image-slider)>.slick-dots { bottom: auto; top: 45px; }
.strip-dots>.slick-dots li { font-size: 0; display: inline-block; }
.strip-dots>.slick-dots li button { width: 30px; height: 3px; margin-right: 10px; background: white; border: none; box-shadow: none; }
.strip-dots>.slick-dots li.slick-active button { background-color: #888; }
.strip-dots.dark-dots>.slick-dots li button { background-color: #ccc; }
.strip-dots.dark-dots>.slick-dots li.slick-active button { background-color: #666; }
.circle-dots .slick-dots { position: relative; margin: 0px auto 0; top: 45px; display: block !important; text-align: center; }
.circle-dots .slick-dots li { font-size: 0; float: none; display: inline-block; }
.circle-dots .slick-dots li button { width: 8px; height: 8px; border: 2px solid transparent; top: 0; margin-right: 6px; border-radius: 100%; padding: 0; background: white; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.3s; }
.circle-dots .slick-dots li.slick-active button { background: transparent; border: 2px solid #fff; width: 12px; height: 12px; top: -2px; }
.circle-dots.dark-dots>.slick-dots li button { background-color: #9b9b9b; }
.circle-dots.dark-dots>.slick-dots li.slick-active button { background: transparent; border: 2px solid #777; }
.corner-arrows button.slick-arrow { font-size: 0; font-size: 0; position: absolute; z-index: 2; bottom: 4px; width: 30px; height: 30px; border: none; background: #fff; opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.corner-arrows button.slick-arrow,
.corner-arrows button.slick-arrow:before { color: #7a7a7a; font-size: 20px; background-repeat: no-repeat; background-position: center center; }
.corner-arrows button.slick-arrow.slick-next { right: 4px; background-image: url(../images/black-right.png); }
.corner-arrows button.slick-arrow.slick-next:before { background-image: url(../images/white-right.png); }
.corner-arrows button.slick-arrow.slick-prev { right: 38px; background-image: url(../images/black-left.png); }
.corner-arrows button.slick-arrow.slick-prev:before { right: 38px; background-image: url(../images/white-left.png); }
@media only screen and (max-width:481px) {
.slick-slide img { width: 100%; }
}
.centermode .slick-slide img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; opacity: 0.8; }
.centermode .slick-center img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.tooltip-item, [data-toggle="tooltip"] {
cursor:help;
}
.tooltip.in { opacity: 1 !important; }
.tooltip-inner { padding: 8px; color: white; font-size: 14px; border-radius: 5px; min-width: 150px; width: auto; max-width: 450px; background-color: #333; opacity: 1; box-shadow: 8px 4px 40px -10px rgba(0,0,0,0.3); }
.tooltip-inner img { max-width: 100%; }
.tooltip-inner .tooltip-texts { padding: 10px 7px; font-size: 13px; }
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before { border-top-color: #333; }
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before { border-right-color: #333; }
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before { border-bottom-color: #333; }
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before { border-left-color: #333; }
[data-toggle="popover"] {
cursor:pointer;
position:relative;
}
.popover { border: none; outline: none; padding: 25px; min-width: 240px; font-size: 14px; color: #7a7a7a; border-radius: 14px; box-shadow: 2px 30px 65px 5px rgba(0,0,0,0.2); }
.popover .popover-header { background-color: transparent; padding: 0 0 4px 0; border: none !important; font-size: 14px; }
.popover-body { padding: 0; color: inherit; }
.popover>.arrow { display: none !important; }
.popover img { max-width: 100%; }
@media only screen and (max-width:641px) {
.popover { padding: 17px 15px 17px 22px; font-size: 12px; }
}
.hotspots { position: relative; }
.hotspots img { display: block; width: 100%; height: auto; position: relative; z-index: 1; }
.hotspots img[src*="loading"] + .items .item,
.hotspots img[src*="loader"] + .items .item { display: none; }
.hotspots img[src*="loading"],
.hotspots img[src*="loader"] { width: auto; margin: 40px auto; display: block; }
.hotspots .items { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; overflow: hidden; }
.hotspots .items .item { position: absolute; font-weight: 700; display: block; }
.hotspots .items .item.center { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
[data-infocard] {
position:relative;
}
.hiding .infocard { visibility: hidden !important; opacity: 0 !important; }
.infocard { visibility: hidden; opacity: 0; cursor: default; width: 420px; z-index: 10; max-height: 300px; margin-top: 20px; height: auto; position: absolute; left: 0; top: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.infocard .row { margin: 0; }
.infocard.active { visibility: visible; opacity: 1; margin-top: 10px; }
.infocard.to-top { top: auto; bottom: 100%; margin-top: auto; margin-bottom: 20px; }
.infocard.to-top.active { margin-top: auto; margin-bottom: 10px; }
.infocard.to-right { left: 0% !important; }
.infocard.to-left { left: auto !important; right: 100% !important; }
@media only screen and (max-width:768px) {
.infocard { display: none !important; }
}
.countdown .countdowns { display: inline-block; margin: 0; text-align: center; }
.countdown .countdowns div { display: inline-block; padding: 15px; margin: 0 20px 10px; }
.countdown .countdowns div:first-child { margin-left: 0; }
.countdown .countdowns div:last-child { margin-right: 0; }
.countdown span.time { display: inline-block; line-height: inherit; }
.countdown span.datename { display: block; font-size: 12px; letter-spacing: -0.2px; font-family: "Open Sans", "PT Sans", sans-serif; font-weight: 600; text-transform: capitalize; }
.countdown span.dot { vertical-align: super; font-family: "Open Sans", "PT Sans", sans-serif; font-weight: 400; }
@media only screen and (max-width:768px) {
.countdown span.dot { display: none; }
}
.countdown.type-1 .countdowns div { background-color: #333; color: white; padding: 7px 15px 12px; border-radius: 7px; }
@media only screen and (max-width:768px) {
.countdown.type-1 .countdowns div { padding: 3px 6px 4px; margin-right: 3px; margin-left: 3px; }
}
.countdown.type-2 .countdowns div { border: 1px solid #eee; padding: 7px 15px 12px; border-radius: 7px; }
@media only screen and (max-width:768px) {
.countdown.type-2 .countdowns div { padding: 3px 6px 4px; margin-right: 3px; margin-left: 3px; }
}
.countdown.type-3 .countdowns div { background-color: #2e7cdc; color: white; padding: 7px 15px 12px; border-radius: 7px; }
@media only screen and (max-width:768px) {
.countdown.type-3 .countdowns div { padding: 3px 6px 4px; margin-right: 3px; margin-left: 3px; }
}
.countdown.type-4 span.dot { display: none; }
.countdown.type-4 .countdowns div { padding: 3px; margin-right: 3px; margin-left: 3px; }
.countdown.type-4 span.datename { display: inline-block; margin-left: 5px; }
#sidebar { background-color: #272727; z-index: 1025; width: 350px; padding: 25px; color: #f6f2f0; position: fixed !important; }
#sidebar.styled { padding: 0; }
#sidebar.styled .sidebar-container { padding: 25px; }
#sidebar.top { max-height: 75%; padding: 0; }
#sidebar.bottom { max-height: 50%; padding: 0; }
#sidebar .title { color: #fff; }
#sidebar .subtitle { margin: 40px 0 15px; }
#sidebar ul { margin: 0 0 40px 0; }
#sidebar ul li a { display: block; border-bottom: 1px solid #333; padding: 10px 0; }
#sidebar ul li a:hover { padding-left: 9px; background-color: rgba(0,0,0,0.05); }
#sidebar ul li:last-child a { border-bottom: none; }
.pushable> .pusher.dimmed:after { background: rgba(22,20,20,0.6); z-index: 2000; }
.pushable>.pusher { z-index: 1010 !important; }
body #sidebar.right + .pusher.dimmed { -webkit-transform: translate3d(-100px, 0, 0) !important; transform: translate3d(-100px, 0, 0) !important; }
body #sidebar.left + .pusher.dimmed { -webkit-transform: translate3d(100px, 0, 0) !important; transform: translate3d(100px, 0, 0) !important; }
.videobg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; background-size: cover; z-index: -1; }
.videobg video { object-fit: cover; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; min-height: 100%; z-index: -1; transform: translateX(-50%) translateY(-50%) translateZ(0); }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }
.circular-effect-to-bottom .videobg { border-bottom-left-radius: 300%; border-bottom-right-radius: 300%; }
.fs-searchform { z-index: 2000; width: 100%; height: 100%; position: fixed; left: 0; top: 0; visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }
.fs-searchform .form-bg { background-color: rgba(0,0,0,0.7); position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); left: 0; top: 0; z-index: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.fs-searchform.active { visibility: visible; }
.fs-searchform.active .form-bg { opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; }
#fs-searchform { position: relative; z-index: 1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; opacity: 0; }
.fs-searchform.active #fs-searchform { opacity: 1; }
#fs-searchform input { width: 100%; outline: none; border: none; background-color: #121212; padding: 10px 20px 12px; position: relative; font-size: 16px; color: #c9c9c9; box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.fs-searchform.active #fs-searchform input { padding-left: 20px; }
#fs-searchform button { position: absolute; right: 10px; top: 8px; border: none; background: transparent; color: #aaa; }
#fs-searchform button i { font-size: 14px; }
#fs-searchform input::-webkit-input-placeholder {
color:#888;
opacity:0;
}
#fs-searchform input:-moz-placeholder {
color:#888;
opacity:0;
}
#fs-searchform input::-moz-placeholder {
color:#888;
opacity:0;
}
#fs-searchform input:-ms-input-placeholder {
color:#888;
opacity:0;
}
.fs-searchform.active #fs-searchform::-webkit-input-placeholder {
opacity:1;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.5s;
}
.fs-searchform.active #fs-searchform:-moz-placeholder {
opacity:1;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.5s;
}
.fs-searchform.active #fs-searchform::-moz-placeholder {
opacity:1;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.5s;
}
.fs-searchform.active #fs-searchform:-ms-input-placeholder {
opacity:1;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.5s;
}
.fs-searchform .recommended { margin: 0; opacity: 0; background: white; padding: 20px 0; box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.fs-searchform.active .recommended { opacity: 1; }
.fs-searchform .recommended .rcm-title { color: #aaa; cursor: default; padding-left: 25px; }
.fs-searchform .recommended .rcm-title::selection { background: transparent; color: inherit; }
.fs-searchform .recommended a { display: block; padding: 7px 10px 7px 40px; position: relative; left: 50px; opacity: 0; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
.fs-searchform.active .recommended a { left: 0; opacity: 1; }
.fs-searchform .recommended a:hover { background-color: #eee; color: #2777da; }
.fs-searchform.active .recommended a:nth-of-type(1) { -webkit-transition: opacity 0.3s 0.8s, left 0.3s 0s; -moz-transition: opacity 0.3s 0.0s, left 0.3s 0.0s; transition: opacity 0.3s 0.0s, left 0.3s 0.0s; }
.fs-searchform.active .recommended a:nth-of-type(2) { -webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s; -moz-transition: opacity 0.3s 0.1s, left 0.3s 0.1s; transition: opacity 0.3s 0.1s, left 0.3s 0.1s; }
.fs-searchform.active .recommended a:nth-of-type(3) { -webkit-transition: opacity 0.3s 0.2s, left 0.3s 0.2s; -moz-transition: opacity 0.3s 0.2s, left 0.3s 0.2s; transition: opacity 0.3s 0.2s, left 0.3s 0.2s; }
.fs-searchform.active .recommended a:nth-of-type(4) { -webkit-transition: opacity 0.3s 0.3s, left 0.3s 0.3s; -moz-transition: opacity 0.3s 0.3s, left 0.3s 0.3s; transition: opacity 0.3s 0.3s, left 0.3s 0.3s; }
.fs-searchform.active .recommended a:nth-of-type(5) { -webkit-transition: opacity 0.3s 0.4s, left 0.3s 0.4s; -moz-transition: opacity 0.3s 0.4s, left 0.3s 0.4s; transition: opacity 0.3s 0.4s, left 0.3s 0.4s; }
.fs-searchform.active .recommended a:nth-of-type(6) { -webkit-transition: opacity 0.3s 0.5s, left 0.3s 0.5s; -moz-transition: opacity 0.3s 0.5s, left 0.3s 0.5s; transition: opacity 0.3s 0.5s, left 0.3s 0.5s; }
.fs-searchform.active .recommended a:nth-of-type(7) { -webkit-transition: opacity 0.3s 0.6s, left 0.3s 0.6s; -moz-transition: opacity 0.3s 0.6s, left 0.3s 0.6s; transition: opacity 0.3s 0.6s, left 0.3s 0.6s; }
@media only screen and (max-width:1185px) {
#fs-searchform button { right: 25px; }
}
@media only screen and (max-width:640px) {
#fs-searchform input { font-size: 13px; }
.fs-searchform .recommended .rcm-title { padding-left: 15px; padding-bottom: 10px; }
.fs-searchform .recommended a { padding: 4px 15px; font-size: 13px; }
}
.basic-search { position: relative; }
.basic-search input { margin: 0; }
.basic-search button { position: absolute; right: 7px; top: 50%; background: transparent; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.mouse-icon { border: 2px solid #fff; border-radius: 16px; height: 40px; width: 24px; margin: 0 auto; display: block; z-index: 10; opacity: 0.7; }
.mouse-icon .wheel { -webkit-animation-name: drop; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; -webkit-animation-name: drop; animation-name: drop; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-play-state: running; }
.mouse-icon .wheel { position: relative; border-radius: 10px; background: #fff; width: 2px; height: 6px; top: 4px; margin-left: auto; margin-right: auto; }
@-webkit-keyframes drop { 0% {
top:5px;
opacity:0;
}
30% {
top:10px;
opacity:1;
}
100% {
top:25px;
opacity:0;
}
}
@keyframes drop { 0% {
top:5px;
opacity:0;
}
30% {
top:10px;
opacity:1;
}
100% {
top:25px;
opacity:0;
}
}
#scroll-strip { width: 1px; height: 400px; left: 100px; top: 50%; margin-top: -200px; position: fixed; z-index: 120; background-color: rgba(170,170,170, 0.5); overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }
#scroll-strip.right { right: 60px; left: auto; }
#scroll-strip #scroll-strip-mover { width: 100%; position: absolute; top: 0; background-color: rgba(0,0,0,0.5); }
.load-with-waypoint { position: relative; }
.load-with-waypoint:before { content: ''; width: 100%; height: 100%; z-index: 25; background-color: inherit; display: block; position: absolute; right: 0; top: 0; -webkit-transition: width 1s cubic-bezier(0.77, 0, 0.2, 1) !important; -moz-transition: width 1s cubic-bezier(0.77, 0, 0.2, 1) !important; transition: width 1s cubic-bezier(0.77, 0, 0.2, 1) !important; }
.load-with-waypoint.waypoint-active:before { width: 0; }
.sidemenu .widget { width: 100%; height: auto; margin: 0 auto 60px; font-size: inherit; }
.sidemenu .widget:last-child { margin-bottom: 15px; }
.sidemenu .widget .widget-title { margin: 0 0 15px; padding-bottom: 6px; }
.sidemenu .widget .widget-post { margin: 0; padding: 10px; border-bottom: 1px solid rgba(100,100,100,0.1); display: block; }
.sidemenu .widget .widget-post .widget-image { width: 30%; height: auto; float: left; }
.sidemenu .widget .widget-post .widget-image img { width: 100%; height: auto; }
.sidemenu .widget .widget-post .details { width: 70%; height: auto; float: left; padding-left: 15px; }
.sidemenu .widget .widget-post .details h4 { margin: 0 0 6px; padding: 0; font-size: 16px; }
.sidemenu .widget .widget-post .details p.date { margin: 0; font-size: 13px; color: #888 }
.item-list-type-1 { margin: 40px auto; max-width: 90%; }
.item-list-type-1 .list-item { color: #757575; border-color: #ddd !important; display: block; width: 100%; height: auto; padding: 17px 20px; border: 1px; border-style: solid; border-top: 0px; font-size: 17px; text-transform: uppercase; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.item-list-type-1:not(.light-type) .list-item:hover { background-color: #fafafa !important; }
.item-list-type-1.mini,
.item-list-type-1.fullwidth { max-width: 100%; }
.item-list-type-1.mini .list-item { padding: 5px 9px; }
.item-list-type-1.custom-texts .list-item { font-size: inherit; text-transform: inherit; }
.item-list-type-1 .list-item:first-child { border-top: 1px solid #ddd; }
.item-list-type-1 .list-item:nth-of-type(2n) { background-color: rgba(20,20,20,0.01); }
.item-list-type-1 .list-item>div { float: left; width: 30%; }
.item-list-type-1.items-2 .list-item>div { float: left; width: 50%; }
.item-list-type-1:not(.items-2) .list-item>div:first-child { width: 20%; text-align: left; }
.item-list-type-1:not(.items-2) .list-item>div:last-child { width: 20%; text-align: right; }
.item-list-type-1 .list-item.title { padding: 30px 20px; }
.item-list-type-1 .list-item.title div { text-align: center; font-size: 22px; text-transform: uppercase; }
.item-list-type-1.light-type .list-item { border-color: #333 !important; color: #ccc; }
.item-list-type-1.light-type .list-item:nth-of-type(2n) { background-color: rgba(0,0,0,0.06); }
@media only screen and (max-width:700px) {
.item-list-type-1 .list-item div { float: none; text-align: center !important; width: 100% !important; margin: 5px auto; }
}
.nav { display: block; }
ul.nav-list { padding: 0; text-align: left; }
ul.nav-list li { display: block; margin: 0; }
ul.nav-list li a { background-color: transparent; position: relative; color: #5a5a5a; font-weight: 400; display: block; margin: 0; padding: 8px 3px 8px 18px; border-bottom: 1px solid #eee; font-size: 0.965em; }
ul.nav-list.list-lg li a { padding: 11px 3px 11px 18px; font-size: 1em; }
ul.nav-list.list-sm li a { padding: 6px 3px 6px 18px; font-size: 0.885em; }
ul.nav-list li a:hover { background-color: #eee; }
ul.nav-list.underline-hover-container li a:hover { background-color: transparent; }
ul.nav-list li a:before { content: ''; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #353535; margin: -4px 0 0 -11px; top: 50%; position: absolute; width: 0px; height: 0px; }
ul.nav-list.nav-list-icons li a:before { display: none; }
ul.nav-list.nav-list-icons li a span { left: -14px; position: relative; }
ul.list-icons li { padding-left: 28px; position: relative; margin-bottom: 12px; }
ul.list-icons.t-right li { padding-right: 28px; padding-left: 0; }
ul.list-icons li i { position: absolute; left: 0; top: 5px; }
ul.list-icons.t-right li i { left: auto; right: 0; }
ul.list-group>li a.active.list-group-item,
ul.list-group>li a.active.list-group-item,
ul.list-group>li button.active.list-group-item,
ul.list-group>li button.active.list-group-item { background-color: rgba(150,150,150,0.1); color: #444; }
.list-group-item>.badge { float: right; }
.list { padding-left: 20px; text-align: left; }
.list.list-xs li { margin-bottom: 0px; }
.list.list-sm li { margin-bottom: 5px; }
.list.list-lg li { margin-bottom: 10px; }
.list.list-xl li { margin-bottom: 16px; }
.list.list-side { padding-left: 0; }
.list.list-side>li { display: inline-block; padding-right: 10px; margin-bottom: 15px; }
.list.list-side li>.icon { width: 22px; height: 22px; background: #e8e8e8; line-height: 22px; top: -1px; margin-right: 7px; position: relative; font-size: 10px; border-radius: 100%; }
.list-circle { list-style-type: circle; }
.list-disc { list-style-type: disc; }
.list-number { list-style-type: decimal; }
.list-square { list-style-type: square; }
.list-roman { list-style-type: upper-roman; }
.list-alpha { list-style-type: lower-alpha; }
ul.basic-list li { padding: 8px 0; border-color: rgba(100,100,100,0.1); border-style: solid; border-bottom-width: 1px; }
ul.basic-list li i { margin-right: 10px; }
ul.basic-list.list-sm li { padding: 5px 0; }
ul.basic-list.list-lg li { padding: 15px 0; }
ul.basic-list.list-xl li { padding: 22px 0; }
ul.basic-list.border-white li { border-color: rgba(255,255,255,0.1); }
ul.basic-list.no-border li { border: none !important; }
ul.basic-list li:last-child { border-bottom-width: 0; }
ol.breadcrumb { margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; background: transparent; display: block; }
ol.breadcrumb li { font-size: 13px; display: inline-block; }
.accordion-toggle-link { margin: 0; border: 1px solid #ddd; display: block; width: 100%; height: auto; padding: 13px 15px; font-size: 14px; cursor: pointer; position: relative; border-radius: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.accordion-toggle-link:hover { box-shadow: 0px 20px 25px rgba(0,0,0,0.05); }
.accordion-toggle-link:after { content: ''; position: absolute; right: 20px; top: 50%; margin-top: -3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.accordion-toggle-link.collapsed:after { border-top-color: #333; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.accordion-toggle-link.collapsed { background-color: #fff; color: #565656 }
.accordion-toggle-container { padding: 15px; }
.table.big-cols>tbody>tr>td,
.table.big-cols>tbody>tr>th,
.table.big-cols>tfoot>tr>td,
.table.big-cols>tfoot>tr>th,
.table.big-cols>thead>tr>td,
.table.big-cols>thead>tr>th { padding: 14px; }
table tr:first-child th,
table tr:first-child td,
table tr:first-child { border-top: none; }
table.table-noborder td,
table.table-noborder th { border: none !important; }
table.table-lg td,
table.table-lg th { padding: 1.2em !important; }
table.table-md td,
table.table-md th { padding: 1.0em !important; }
.process-steps li { position: relative; text-align: center; }
.process-steps li:before,
.process-steps li:after { content: ''; width: 50%; top: 30px; border-top: 1px dashed #ddd; position: absolute; z-index: 0; }
.process-steps li:before { left: 0; }
.process-steps li:first-child:before,
.process-steps li:last-child:after { display: none; }
.process-steps li a { display: inline-block; width: 60px; height: 60px; line-height: 60px; padding: 0; font-size: 18px; position: relative; z-index: 1; }
.process-steps li a.active { background-color: #333; color: white !important; }
.process-steps li p { margin-top: 15px; }
.creative-tabs { width: auto; display: inline-block; text-align: center; font-size: 0px; line-height: 0px; }
.creative-tabs>li,
.creative-tabs>div { display: inline-block; float: none; }
.creative-tabs a,
.creative-tabs>div>div { display: block; border: none!important; cursor: pointer !important; }
.creative-tabs>li>a:not(.active),
.creative-tabs div:not(.cbp-filter-item-active)>* { background: transparent !important; color: inherit; }
.nav.nav-tabs.creative-tabs li a.active,
.creative-tabs div.cbp-filter-item-active>* { color: white; box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.2); }
@media only screen and (max-width:481px) {
.creative-tabs li,
.creative-tabs>div { width: 100%; margin: 0 0 10px; }
.creative-tabs { width: 90%; }
.creative-tabs li:last-child,
.creative-tabs>div:last-child { margin-bottom: 0; }
}
.modern-tabs-container { display: block; border-style: solid; }
.modern-tabs { display: inline-block; margin: 0; border-color: inherit; padding: 0; vertical-align: bottom; position: relative; z-index: 2; border-color: inherit; overflow: hidden; border-radius: 0px !important; }
.modern-tabs.nav-tabs { }
.modern-tabs>li,
.modern-tabs>div { display: block; float: left; border-color: inherit; }
.modern-tabs>li a,
.modern-tabs>div a { display: block; float: left; overflow: hidden; position: relative; padding: 12px 35px; border-left-width: 1px; line-height: normal; border-top-width: 1px; border-style: solid; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.modern-tabs>li>a:not(.active),
.modern-tabs>div>a:not(.active) { background: transparent !important; color: inherit !important; border-color: inherit !important; }
.modern-tabs>li:last-child a,
.modern-tabs>div:last-child a { border-right: 1px solid #e1e1e1; }
.modern-tabs a,
.modern-tabs>div>div { display: block; font-size: inherit; cursor: pointer !important; }
.modern-tabs a i { display: block; font-size: 35px; margin-bottom: 7px; }
.modern-tabs a i.icon { font-size: 25px; margin-bottom: 0px; padding: 10px 0; }
.modern-tabs-container + .tab-content { margin-top: 30px; }
@media only screen and (max-width:640px) {
.modern-tabs>li a,
.modern-tabs>div a { padding: 11px 25px; }
}
.modern-tabs.radius>li:first-child a,
.modern-tabs.radius { border-top-left-radius: 10px !important; }
.modern-tabs.radius>li:last-child a,
.modern-tabs.radius { border-top-right-radius: 10px !important; }
.modern-tabs-container.no-border .modern-tabs.radius>li:first-child a,
.modern-tabs-container.no-border .modern-tabs.radius { border-bottom-left-radius: 10px !important; }
.modern-tabs-container.no-border .modern-tabs.radius>li:last-child a,
.modern-tabs-container.no-border .modern-tabs.radius { border-bottom-right-radius: 10px !important; }
.modern-tabs.vertical-tabs>li,
.modern-tabs.vertical-tabs>div { display: block; float: none; width: 100%; }
.modern-tabs.vertical-tabs>li a,
.modern-tabs.vertical-tabs>div a { padding: 15px 20px; width: 100%; border-right-width: 1px; border-bottom-width: 0px !important; }
.modern-tabs.vertical-tabs>li:last-child a,
.modern-tabs.vertical-tabs>div:last-child a { border-bottom-width: 1px !important; }
.tab-content.slide-effect { position: relative; -webkit-transition: all 0.3s !important; -moz-transition: all 0.3s !important; transition: all 0.3s !important; }
.tab-content.slide-effect .tab-pane { display: block !important; }
.tab-content.slide-effect .tab-pane .tab-container { width: 100%; position: absolute; opacity: 0; top: 0; }
.tab-content.slide-effect .tab-pane:not(.active) .tab-container { pointer-events: none; animation: tabPaneChangeEffectBack .6s ease; -webkit-animation: tabPaneChangeEffectBack .6s ease; backface-visibility: hidden; }
.tab-content.slide-effect .tab-pane.active .tab-container { position: relative; opacity: 1; animation: tabPaneChangeEffect .6s ease; -webkit-animation: tabPaneChangeEffect .6s ease; }
@-webkit-keyframes tabPaneChangeEffect { 0% {
opacity:0;
left:25px;
}
100% {
opacity:1;
left:0px;
}
}
@-moz-keyframes tabPaneChangeEffect { 0% {
opacity:0;
left:25px;
}
100% {
opacity:1;
left:0px;
}
}
@-ms-keyframes tabPaneChangeEffect { 0% {
opacity:0;
left:25px;
}
100% {
opacity:1;
left:0px;
}
}
@-o-keyframes tabPaneChangeEffect { 0% {
opacity:0;
left:25px;
}
100% {
opacity:1;
left:0px;
}
}
@keyframes tabPaneChangeEffect { 0% {
opacity:0;
left:25px;
}
100% {
opacity:1;
left:0px;
}
}
@-webkit-keyframes tabPaneChangeEffectBack { 0% {
opacity:1;
left:0px;
}
100% {
opacity:1;
left:-25px;
}
}
@-moz-keyframes tabPaneChangeEffectBack { 0% {
opacity:1;
left:0px;
}
100% {
opacity:0;
left:-25px;
}
}
@-ms-keyframes tabPaneChangeEffectBack { 0% {
opacity:1;
left:0px;
}
100% {
opacity:0;
left:-25px;
}
}
@-o-keyframes tabPaneChangeEffectBack { 0% {
opacity:1;
left:0px;
}
100% {
opacity:0;
left:-25px;
}
}
@keyframes tabPaneChangeEffectBack { 0% {
opacity:1;
left:0px;
}
100% {
opacity:0;
left:-25px;
}
}
.loader-square { width: 30px; height: 30px; background-color: #333; margin: 0 auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; }
@-webkit-keyframes rotateplane { 0% {
-webkit-transform:perspective(120px)
}
50% {
-webkit-transform:perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes rotateplane { 0% {
transform:perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.loader-signal,
.loader__figure { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.loader-signal { overflow: visible; padding-top: 1.5em; width: 2em; }
.loader-signal .loader__figure { height: 0; width: 0; box-sizing: border-box; border: 0 solid #FE665C; border-radius: 50%; -webkit-animation: loader-signal 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-signal 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-signal 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }
.loader-signal .loader__label { float: left; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 0 0 0 50%; font-size: 0.875em; letter-spacing: 0.1em; line-height: 1.5em; color: #8d3b3e; white-space: nowrap; -webkit-animation: loader-signal-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-signal-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-signal-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }
.loader-signal .loader__figure + .loader__label { margin-top: 10px; }
@-webkit-keyframes loader-signal { 0% {
height:0;
width:0;
background-color:#FE665C;
}
29% {
background-color:#FE665C;
}
30% {
height:2em;
width:2em;
background-color:transparent;
border-width:1em;
opacity:1;
}
100% {
height:2em;
width:2em;
border-width:0;
opacity:0;
background-color:transparent;
}
}
@-moz-keyframes loader-signal { 0% {
height:0;
width:0;
background-color:#FE665C;
}
29% {
background-color:#FE665C;
}
30% {
height:2em;
width:2em;
background-color:transparent;
border-width:1em;
opacity:1;
}
100% {
height:2em;
width:2em;
border-width:0;
opacity:0;
background-color:transparent;
}
}
@keyframes loader-signal { 0% {
height:0;
width:0;
background-color:#FE665C;
}
29% {
background-color:#FE665C;
}
30% {
height:2em;
width:2em;
background-color:transparent;
border-width:1em;
opacity:1;
}
100% {
height:2em;
width:2em;
border-width:0;
opacity:0;
background-color:transparent;
}
}
@-webkit-keyframes loader-signal-label { 0% {
opacity:0.25;
}
30% {
opacity:1;
}
100% {
opacity:0.25;
}
}
@-moz-keyframes loader-signal-label { 0% {
opacity:0.25;
}
30% {
opacity:1;
}
100% {
opacity:0.25;
}
}
@keyframes loader-signal-label { 0% {
opacity:0.25;
}
30% {
opacity:1;
}
100% {
opacity:0.25;
}
}
.loader-circle { position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; border-radius: 50%; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.2); margin-left: -45px; margin-top: -45px; }
.loader-line-mask { position: absolute; left: 50%; top: 50%; width: 45px; height: 90px; margin-left: -45px; margin-top: -45px; overflow: hidden; -webkit-transform-origin: 45px 45px; -moz-transform-origin: 45px 45px; -ms-transform-origin: 45px 45px; -o-transform-origin: 45px 45px; transform-origin: 45px 45px; -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0)); -webkit-animation: circleRotate 1.2s infinite linear; -moz-animation: circleRotate 1.2s infinite linear; -o-animation: circleRotate 1.2s infinite linear; animation: circleRotate 1.2s infinite linear; }
.loader-line-mask .loader-line { width: 90px; height: 90px; border-radius: 50%; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 1); }
.loader-circle.dark { box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.1); }
.loader-circle.dark + .loader-line-mask .loader-line { box-shadow: inset 0 0 0 3px rgba(60, 60, 60, 1); }
@-webkit-keyframes circleRotate { 0% {
-webkit-transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
}
}
@-moz-keyframes circleRotate { 0% {
-moz-transform:rotate(0deg);
}
100% {
-moz-transform:rotate(360deg);
}
}
@-o-keyframes circleRotate { 0% {
-o-transform:rotate(0deg);
}
100% {
-o-transform:rotate(360deg);
}
}
@keyframes circleRotate { 0% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
}
.spinner { margin: 0 auto; width: 100px; text-align: center; }
.spinner > div { width: 16px; height: 16px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.7s infinite ease-in-out both; animation: sk-bouncedelay 1.7s infinite ease-in-out both; margin-right: 5px; }
.spinner .spinner__item1 { -webkit-animation-delay: -0.60s; animation-delay: -0.60s; }
.spinner .spinner__item2 { -webkit-animation-delay: -0.40s; animation-delay: -0.40s; }
.spinner .spinner__item3 { -webkit-animation-delay: -0.20s; animation-delay: -0.20s; }
@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0;
}
40% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
}
@keyframes sk-bouncedelay { 0%, 80%, 100% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0;
}
40% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
}
.square1 { display: inline-block; width: 30px; height: 30px; position: relative; border: 4px solid #ccc; top: 50%; animation: square1 4s infinite ease; }
.square1-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #ccc; animation: square1-inner 4s infinite ease-in; }
@keyframes square1 { 0% {
transform:rotate(0deg);
}
25% {
transform:rotate(180deg);
}
50% {
transform:rotate(180deg);
}
75% {
transform:rotate(360deg);
}
100% {
transform:rotate(360deg);
}
}
@keyframes square1-inner { 0% {
height:0%;
}
25% {
height:0%;
}
50% {
height:100%;
}
75% {
height:100%;
}
100% {
height:0%;
}
}
.page-loader { z-index: 9750; text-align: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes page-loader-fade-out { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes page-loader-fade-out { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-ms-keyframes page-loader-fade-out { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-o-keyframes page-loader-fade-out { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes page-loader-fade-out { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes page-loader-fade-in { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes page-loader-fade-in { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes page-loader-fade-in { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes page-loader-fade-in { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes page-loader-fade-in { 0% {
opacity:0
}
100% {
opacity:1
}
}
.page-loader--fading-out { -webkit-animation-name: page-loader-fade-out; -moz-animation-name: page-loader-fade-out; -ms-animation-name: page-loader-fade-out; -o-animation-name: page-loader-fade-out; animation-name: page-loader-fade-out }
.page-loader--hidden,
.page-loader.page-loader--fading-in>* { display: none; }
.page-loader.page-loader--fading-out>* { opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.page-loader--fading-in { -webkit-animation-name: page-loader-fade-in; -moz-animation-name: page-loader-fade-in; -ms-animation-name: page-loader-fade-in; -o-animation-name: page-loader-fade-in; animation-name: page-loader-fade-in; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -ms-animation-duration: 0.2s; -o-animation-duration: 0.2s; animation-duration: 0.2s; }
.hamburger-menu { display: flex; align-self: center; flex-direction: column; justify-content: space-between; width: 27px; height: 14px; cursor: pointer; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.hamburger-menu div { align-self: flex-end; height: 2px; width: 100%; background: #3a3a3a; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.hamburger-menu div:nth-of-type(2) { margin: 3px 0; }
.hamburger-menu .meat { width: 100%; transition: all 200ms ease-in-out; }
.hamburger-menu .bottom-bun { width: 100%; transition: all 400ms ease-in-out; }
.mobile-nb:hover .hamburger-menu div,
.hamburger-menu:hover div,
.menu-trigger:hover .hamburger-menu div { width: 100%; }
.mobile-nb:hover .hamburger-menu .top-bun,
.hamburger-menu:hover .top-bun,
.menu-trigger:hover .hamburger-menu .top-bun { animation: burger-hover 0.8s infinite ease-in-out alternate; }
.mobile-nb:hover .hamburger-menu .meat,
.hamburger-menu:hover .meat,
.menu-trigger:hover .hamburger-menu .meat { animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms; }
.mobile-nb:hover .hamburger-menu .bottom-bun,
.hamburger-menu:hover .bottom-bun,
.menu-trigger:hover .hamburger-menu .bottom-bun { animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms; }
@keyframes burger-hover { 0% {
width:100%;
}
50% {
width:50%;
}
100% {
width:100%;
}
}
#navigation.modern { height: 70px; line-height: 70px; will-change: transform; }
#navigation.modern .columns .logo a,
#navigation.modern .columns .logo img { max-height: 94px; }
@media only screen and (max-width:640px) {
#navigation.modern .columns .logo a,
#navigation.modern .columns .logo img { max-width: 190px; }
}
#navigation.modern.scrolled { height: 55px; line-height: 55px; }
#navigation.modern.scrolled .columns .logo a,
#navigation.modern.scrolled .columns .logo img { max-height: 84px; }
#navigation.modern.sticky,
#navigation.modern.static,
#navigation.modern.static.pagetopped { position: relative; }
#navigation.modern.transparent:not(.static) { position: absolute; }
#navigation.modern { width: 100%; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); position: fixed; z-index: 1001; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }
.top-navigation { z-index: 1020; position: relative; }
#navigation.modern.scrolled { margin-top: 0 !important; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; border: none !important; }
#navigation.modern.shrink.scrolled { -webkit-transition-delay: 0s; transition-delay: 0s; }
#navigation.modern .columns { width: 100%; height: 100%; position: relative; left: 0; top: 0; }
#navigation.modern .columns .logo { width: auto; height: auto; float: left; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#navigation.modern .columns .logo a { display: block; }
#navigation.modern .columns .logo img { width: auto; height: auto; display: block; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }
#navigation.modern .columns .nav-menu { float: right; height: 100%; position: relative; }
#navigation.modern .columns ul { width: auto; height: 100%; position: relative; }
#navigation.modern .columns ul li { float: left; padding: 15px 0px 0px 0px; height: 100%; position: relative; }
#navigation.modern .columns ul li a,
#navigation.modern .columns ul li button { padding: 0 16px; font-size: 12px; font-weight: 700; font-family: inherit; display: block; position: relative; background: transparent; height: 100%; line-height: inherit; border: none; z-index: 1; overflow: hidden; outline: none; -webkit-transition: color 0.2s, opacity 0.2s, background 0.2s; -moz-transition: color 0.2s, opacity 0.2s, background 0.2s; transition: color 0.2s, opacity 0.2s, background 0.2s; }
#navigation.modern.text-lg .columns ul li a { font-size: 13px; }
#navigation.modern .columns ul li a.item-noted { line-height: normal; top: 50%; height: auto; padding-bottom: 4px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#navigation.modern .columns ul li a span.item-note { display: block; font-size: 10px; text-transform: none; font-weight: 400; line-height: 9px; }
#navigation.modern .columns ul li a.search-form-trigger { font-size: 14px; }
#navigation.modern.pagetopped { position: absolute; -webkit-transition: top 0s; -moz-transition: top 0s; transition: top 0s; visibility: visible; }
#navigation.modern.scrolled.pagetopped { visibility: hidden; position: fixed; top: -250px !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
#navigation.modern.scrolled.pagetopped.show { visibility: visible; top: 0 !important; }
#navigation-sticky-wrapper { z-index: 1019; height: 95px !important; }
@media only screen and (min-width:640px) {
#navigation.modern .columns.container-xl { padding: 0 30px; }
}
@media only screen and (min-width:1120px) {
#navigation.logo-centered .columns .logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translateX(-50%, -50%); -ms-transform: translateX(-50%, -50%); transform: translateX(-50%, -50%); }
#navigation.modern .container { padding-left: 0; padding-right: 0; }
}
.dropdown-toggle::after { display: none !important; }
#navigation.modern .columns ul .dropdown-menu .dropdown-toggle>a:after { position: absolute; right: 20px; top: 50%; content: "\f105"; font-size: 10px; font-family: "FONTAWESOME"; color: inherit; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#navigation.modern .columns ul .dropdown-menu .dropdown-toggle>a:hover:after { right: 15px; }
#navigation.modern .columns ul.dropdown-menu { position: absolute !important; top: 100%; height: auto; border-radius: 0px; border: none; margin: 0; padding: 17px 0; box-shadow: none; }
#navigation.modern .columns .dropdown-menu.to-left { right: 0; left: auto; }
#navigation.modern .columns .dropdown-menu.to-right { right: auto; left: 0; }
#navigation.modern.radius-drop .columns .dropdown-menu { border-radius: 6px; }
#navigation.modern .columns ul.dropdown-menu .dropdown-menu.to-left { right: 100%; left: auto; }
#navigation.modern .columns ul.dropdown-menu .dropdown-menu.to-right { right: auto; left: 100%; }
#navigation.modern .columns ul.dropdown-menu .dropdown-menu { top: -10px; }
#navigation.modern .columns ul.dropdown-menu li { padding: 0; width: 100%; display: block; }
#navigation.modern .columns ul.dropdown-menu li a,
#navigation.modern.start-dark .columns ul.dropdown-menu li a,
#navigation.modern.scrolled .columns ul.dropdown-menu li a { font-size: 12px; font-weight: 600; line-height: 30px; letter-spacing: -0.3px; padding: 4px 22px; display: block; width: 100%; height: auto; text-transform: none; min-width: 260px; }
#navigation.modern.text-lg .columns ul.dropdown-menu li a { font-size: 13px; }
#navigation.modern .columns ul.dropdown-menu li a i { display: inline-block; margin-right: 10px; }
#navigation.modern.scrolled .columns ul.dropdown-menu li hr { margin: 0; padding: 0; }
#navigation.modern .columns ul .mega-menu { padding: 0; width: auto; white-space: nowrap; font-weight: inherit; background-position: right top; background-repeat: no-repeat; background-size: cover; }
#navigation.modern .columns ul .mega-menu.to-left { right: -60%; left: auto !important; }
#navigation.modern .columns ul .mega-menu.to-right { left: -200%; right: auto; }
#navigation.modern .columns ul .mega-menu>li { padding: 15px 35px 15px 15px; display: table-cell; float: none; vertical-align: top; height: auto; }
#navigation.modern .columns ul .mega-menu>li.mega-menu-img { margin: 0; padding: 0; width: 350px; height: 100%; overflow: hidden; }
#navigation.modern .columns ul .mega-menu>li.mega-menu-img + li { margin: 0; padding: 40px; }
#navigation.modern .columns ul .mega-menu>li.mega-menu-img img { width: auto; height: 100%; }
#navigation.modern .columns .mega-menu .column { display: inline-block; width: auto; width: 220px; padding: 22px; position: relative; vertical-align: top; }
#navigation.modern .columns .mega-menu .column:before { display: block; content: ''; width: 1px; height: 86%; bottom: 7%; right: 0; background-color: #f0f0f0; position: absolute; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(200,200,200,1) 48%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(200,200,200,0.3) 48%, rgba(0,0,0,0) 100%); }
#navigation.modern .columns .mega-menu .column:last-child:before { display: none; }
#navigation.modern .columns ul.dropdown-menu.mega-menu li a { font-size: 12px; font-weight: 600; letter-spacing: -0.3px; text-transform: none; padding: 5px 10px; width: 100%; min-width: 1px; }
#navigation.modern.text-lg .columns ul.dropdown-menu.mega-menu li a { font-size: 13px; }
#navigation.modern .columns .mega-menu .column-title { font-size: 10px; font-weight: 900; line-height: 20px; text-transform: uppercase; display: block; margin: 0px 15px 12px 10px; padding: 4px 0 !important; height: auto; width: 90%; }
@media only screen and (max-height:700px) {
#navigation.modern .columns ul.dropdown-menu.mega-menu li a { padding-top: 1px; padding-bottom: 1px; }
#navigation.modern .columns .mega-menu .column { padding: 6px; }
}
body:not(.device-lg) #navigation.modern .columns ul.dropdown-menu.mega-menu .column { max-width: 190px; }
#navigation.modern .columns .nav-elements { float: right; right: 0; height: 100%; position: relative; margin-left: 12px; padding-left: 12px; }
#navigation.modern .columns .nav-menu ul li:last-child:after { display: none; }
#navigation.modern .columns .external-btn { line-height: normal; height: auto; padding: 9px 30px; margin: 0 0 0 12px; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#navigation.modern .columns .external-btn:hover { opacity: 1 !important; }
#navigation span.mark,
#punch-navigation span.mark { position: relative; font-size: 9px !important; display: inline !important; line-height: 9px !important; text-transform: uppercase; font-weight: 900 !important; margin-left: 10px; padding: 2px 5px; border-radius: 3px; z-index: 99; }
#navigation span.mark:before,
#punch-navigation span.mark:before { content: ''; width: 0; height: 0; left: -7px; position: absolute; top: 5px; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-right-width: 4px; border-style: solid; border-right-color: inherit; border-left-color: transparent !important; }
#navigation .unvisible-logo { display: none; }
#navigation.modern.dark-nav { background: rgba(40,40,40,0); }
#navigation.modern.static.dark-nav,
#navigation.modern.sticky.dark-nav { background: rgba(32,32,32,1); }
#navigation.modern.dark-nav.scrolled { box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06); }
#navigation.modern.dark-nav.border:not(.scrolled) { border: 0px !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; }
#navigation.modern.dark-nav.hover:not(.scrolled):hover { background-color: rgba(22,22,22,0.2); }
#navigation.modern.dark-nav .columns a,
#navigation.modern.dark-nav .columns button { color: white; }
#navigation.modern.dark-nav .columns .hamburger-menu div { background-color: white; }
#navigation.modern.dark-nav.scrolled { background: rgba(32,32,32,1); }
#navigation.modern.dark-nav.start-dark .columns ul.dropdown-menu li a,
#navigation.modern.dark-nav .columns .nav-menu ul.dropdown-menu li a { color: #ddd; }
#navigation.modern.dark-nav .columns .dropdown-menu { background-color: #222; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06); }
#navigation.modern.dark-nav .columns ul.dropdown-menu li a:hover { color: #fff; background-color: #2f2f2f; }
#navigation.modern.dark-nav .columns ul.dropdown-menu.mega-menu li a:hover { color: white; }
#navigation.modern.dark-nav .columns .mega-menu .column-title { color: #ddd; border-bottom: 1px solid rgba(255,255,255,0.1) }
#navigation.modern.dark-nav .columns ul.dropdown-menu.mega-menu li a { color: #d5d5d5; }
#navigation.modern.dark-nav .columns .mega-menu .column:before { background-color: #333; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(40,40,40,1) 48%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(40, 4040, 0.3) 48%, rgba(0,0,0,0) 100%); }
#navigation.modern.dark-nav .columns ul.dropdown-menu li a i { color: #a0a0a0; }
#navigation.modern.dark-nav .shopping-cart .subtotal div { color: #ccc; }
#navigation.modern.white-nav { background: transparent; }
#navigation.modern.white-nav.border:not(.scrolled) { border: 0px !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
#navigation.modern.white-nav.hover:not(.scrolled):hover { background-color: rgba(22,22,22,0.2); }
#navigation.modern.white-nav .columns a { color: white; }
#navigation.modern.white-nav.start-dark .columns a,
#navigation.modern.white-nav .columns button #navigation.modern.static.white-nav .columns a,
#navigation.modern.static.white-nav .columns button,
#navigation.modern.sticky.white-nav .columns a,
#navigation.modern.sticky.white-nav .columns button,
#navigation.modern.white-nav .shopping-cart a,
#navigation.modern.white-nav .flag-item + .dropdown-menu a { color: #444; }
#navigation.modern.white-nav .columns .hamburger-menu div { background-color: white; }
#navigation.modern.static.white-nav .columns .hamburger-menu div,
#navigation.modern.sticky.white-nav .columns .hamburger-menu div { background-color: #333; }
#navigation.modern.white-nav.scrolled,
#navigation.modern.white-nav.sticky,
#navigation.modern.white-nav.box-shadow { background: rgba(255,255,255,1); box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.06) !important; height: 94px; }
#navigation.modern.white-nav.scrolled .columns .nav-menu>.nav>li>a,
#navigation.modern.white-nav.scrolled .columns button,
#navigation.modern.white-nav.scrolled .columns a,
#navigation.modern.white-nav.scrolled .columns .nav-elements a { color: #333; }
#navigation.modern.white-nav.start-dark .columns a,
#navigation.modern.white-nav.start-dark .columns button,
#navigation.modern.sticky.white-nav .columns .nav-menu a,
#navigation.modern.static.white-nav .columns a { color: #454545; }
#navigation.modern.white-nav.start-dark .columns .hamburger-menu div,
#navigation.modern.white-nav.scrolled .columns .hamburger-menu div,
#navigation.modern.white-nav.sticky .columns .hamburger-menu div { background-color: #3a3a3a; }
#navigation.modern.white-nav .columns .dropdown-menu { background-color: white; box-shadow: 0px 15px 45px 2px rgba(0, 0, 0, 0.15); }
#navigation.modern.white-nav.start-dark .columns ul.dropdown-menu li a,
#navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a { color: #4a4a4a; }
#navigation.modern.white-nav .columns ul.dropdown-menu.mega-menu li a { color: #5a5a5a; }
#navigation.modern.white-nav .columns .mega-menu .column-title { color: #666; }
#navigation.modern.white-nav .columns ul.dropdown-menu li a i { color: inherit; }
#navigation.nav_up { -webkit-transform: translateY(-110%); -moz-transform: translateY(-110%); -ms-transform: translateY(-110%); transform: translateY(-110%); }
#navigation.nav_up.pagetopped { -webkit-transition: top 0s !important; -moz-transition: top 0s !important; transition: top 0s !important; }
#navigation.modern.hover1 .columns .nav-menu>.nav>li>a:before { height: 100%; content: ""; background-color: #ddd; left: 0; right: 0; top: 0; opacity: 0; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#navigation.modern.hover1 .columns .nav-menu>.nav>li>a:hover:before,
#navigation.modern.hover1 .columns .nav-menu>.nav>li>a.active:before { opacity: .3; }
#navigation.modern.hover1.scrolled .columns .nav-menu>.nav>li>a:before { height: 3px; top: 100%; margin-top: -3px; left: 0; right: 0; }
#navigation.modern.hover2 .columns .nav-menu>.nav>li>a:before { height: 36px; content: ""; background-color: transparent; border: 1px solid #999; left: 5%; right: 5%; top: 50%; margin-top: -18px; opacity: 0; position: absolute; z-index: -1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#navigation.modern.hover2 .columns .nav-menu>.nav>li>a.active:before,
#navigation.modern.hover2 .columns .nav-menu>.nav>li>a:hover:before { opacity: .3; }
#navigation.modern.hover2.scrolled .columns .nav-menu>.nav>li>a:before { height: 3px; top: 100%; margin-top: -3px; left: 0; right: 0; }
#navigation.modern.hover3 .columns .nav-menu>.nav>li>a:before { height: 28px; content: ""; background-color: rgba(35,35,35,0.3); left: 5%; right: 5%; top: 50%; margin-top: -14px; opacity: 0; position: absolute; z-index: -1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
#navigation.modern.hover3 .columns .nav-menu>.nav>li>a:hover:before,
#navigation.modern.dark-nav .nav-menu>.nav>li>a.active:before { opacity: .6; }
#navigation.modern.hover3.scrolled .columns .nav-menu>.nav>li>a:before { display: none; }
#navigation.modern.hover4 .columns a:hover,
#navigation.modern.hover4 .columns button:hover { opacity: 0.7; }
#navigation.modern.hover4 .columns .logo a { opacity: 1 !important; }
#navigation.modern.hover5 .columns .nav-menu>.nav>li>a:before { height: 3px; content: ""; left: 0; right: 0; bottom: 0; opacity: 0; position: absolute; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#navigation.modern.hover5 .columns .nav-menu>.nav>li>a.active:before,
#navigation.modern.hover5 .columns .nav-menu>.nav>li>a:hover:before { opacity: 1; }
#navigation.modern.slashed .columns .nav-menu ul.nav>li>a { padding-left: 15px; padding-right: 15px; }
#navigation.modern.slashed .columns .nav-menu ul.nav>li:before { content: ""; width: 1px; height: 14px; position: absolute; top: 50%; display: block; background-color: rgba(195,195,195,0.8); left: 0; margin-top: -7px; -webkit-transform: rotate(42deg); transform: rotate(42deg); }
#navigation.modern.slashed .columns .nav-menu ul.nav>li:first-child:before,
#navigation.modern.dotted .columns .nav-menu ul.nav>li:first-child:before { display: none; }
#navigation.modern.slashed.scrolled .columns .nav-menu ul.nav>li:before,
#navigation.modern.dotted.scrolled .columns .nav-menu ul.nav>li:before { opacity: .4; }
#navigation.modern.slashed.white-nav .columns ul.nav>li:before { background-color: rgba(145,145,145,0.7); }
#navigation.modern.slashed.white-nav.scrolled .columns .nav-menu ul.nav>li:before { opacity: 1; }
#navigation.modern.dotted .columns .nav-menu ul.nav>li>a { padding-left: 15px; padding-right: 15px; }
#navigation.modern.dotted .columns .nav-menu ul.nav>li:before { content: ""; width: 3px; height: 3px; border-radius: 100%; position: absolute; top: 50%; display: block; background-color: rgba(222,222,222,0.9); left: 0; margin-top: -1.5px; }
#navigation.modern.dotted.white-nav.scrolled .columns .nav-menu ul.nav>li:before { opacity: 1; background-color: #777; }
#navigation.modern.dotted.white-nav .columns .nav-menu ul.nav>li:before { background-color: #ddd; }
#navigation.modern .cart-item:after { display: none; }
#navigation.modern .cart-item .cart-detail { border-radius: 100%; width: 18px; height: 18px; font-weight: bolder; display: inline-block; line-height: 18px; text-align: center; color: white; font-size: 10px; }
#navigation.modern .shopping-cart { padding: 8px 20px; margin-top: 0; width: 400px; border: none; }
#navigation.modern .shopping-cart>div { margin: 7px 0; padding: 7px 0; border-bottom: 1px solid rgba(170,170,170,0.2); }
#navigation.modern .shopping-cart>div:last-child { border-bottom: none; }
#navigation.modern .shopping-cart * { height: auto; line-height: normal; }
#navigation.modern .shopping-cart a { padding: 0; margin: 0; }
#navigation.modern .shopping-cart .product>* { height: 55px; line-height: 55px; }
#navigation.modern .shopping-cart .product-img { float: left; width: 20%; }
#navigation.modern .shopping-cart .product-img a { padding: 0; }
#navigation.modern .shopping-cart .product-img img { height: 100%; }
#navigation.modern .shopping-cart .product-name { float: left; width: 65%; }
#navigation.modern .shopping-cart .product-name a { padding-left: 10px; padding-top: 10px; line-height: normal; }
#navigation.modern .shopping-cart .product-name a span { display: block; font-size: 13px; }
#navigation.modern .shopping-cart .product-remove { float: left; width: 15%; text-align: center; }
#navigation.modern .shopping-cart .subtotal div { padding: 6px 0 12px; float: left; width: 50%; }
#navigation.modern .shopping-cart .subtotal div:last-child { text-align: right; }
#navigation.modern .shopping-cart .buttons a { display: inline-block; padding: 10px 24px; float: left; text-align: center; width: 45%; width: calc(50% - 3px); }
#navigation.modern .shopping-cart .buttons a:first-child { margin-right: 5px; }
#navigation.modern .flag-item:after { display: none; }
#navigation.modern .columns .nav-elements .flag-item { text-align: center; }
#navigation.modern .columns .nav-elements .flag-item + .dropdown-menu,
#navigation.modern .columns .nav-elements .flag-item + .dropdown-menu a { min-width: 80px; width: 80px; padding: 5px 0; text-align: center; }
#navigation.modern .flag-item img { max-height: 18px; }
#navigation.modern .flag-item span { position: relative; top: 1.5px; margin-right: 3px; display: inline-block; }
.mobile-nb { display: none; float: right; height: 100%; padding: 0 15px; cursor: pointer; }
.mobile-nb:active { background-color: rgba(0,0,0,0.1); }
#mobile-navigation { display: none; }
#mobile-navigation-closer { display: none; z-index: 1019; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); top: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.4); cursor: pointer; }
@media only screen and (max-width:1120px) {
#pagetop { display: none; }
#navigation.modern .columns .nav-menu,
#navigation.modern .columns .nav-elements { display: none; }
.mobile-nb { display: block; }
#navigation .sidebar-button,
#mobile-navigation .sidebar-button { display: none !important; }
#mobile-navigation { display: block; left: -260px; pointer-events: none; width: 260px; height: 100%; max-width: 80%; position: fixed; top: 0; background-color: #1a1b1d; z-index: 9999; overflow-x: hidden; overflow-y: auto; -webkit-transform: translateX(0) translateZ(0); -moz-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; }
#mobile-navigation.active { pointer-events: auto; -webkit-transform: translateX(100%) translateZ(0); -moz-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); }
#mobile-navigation .mobile-logo { width: 100%; height: auto; padding: 20px; text-align: left; margin-top: 20px; }
#navigation .unvisible-logo { display: block; }
.top-navigation .top-nav-logo { display: none; }
#mobile-navigation .mb-close,
#mobile-navigation .nav-el .search-form-trigger { position: absolute; background-color: transparent; left: 0; top: 10px; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 15px; color: #bbb; cursor: pointer; }
#mobile-navigation .mb-close:before { content: "\f00d"; font-family: 'FONTAWESOME'; }
#mobile-navigation .nav { margin-top: 27%; color: white; font-weight: 500; background-color: inherit; }
#mobile-navigation .nav li { border-top: 1px solid rgba(255,255,255,0.03); }
#mobile-navigation .nav li a { font-size: 11px; padding: 0 15px !important; margin: 0 !important; display: block; line-height: 39px; position: relative; color: #eee; font-weight: 700; }
#mobile-navigation .nav .dropdown-menu li a { font-size: 13px; }
#mobile-navigation .nav li:first-child { border-top: none; }
#mobile-navigation .column li:last-child,
#mobile-navigation .column,
#mobile-navigation .dropdown-menu>li { border-bottom: none !important; }
#mobile-navigation .nav li a.item-noted { padding: 12px 16px !important; line-height: 19px; }
#mobile-navigation .nav li a.item-noted span.item-note { color: #aaa; display: block; font-weight: 400; font-size: 11px; text-transform: none; line-height: 11px; margin-top: 0; }
#mobile-navigation .nav li a.item-noted i { line-height: 55px; }
#mobile-navigation .dropdown-menu { top: 0; left: 0 !important; opacity: 1; margin: 0 !important; padding: 0; background-image: none !important; position: relative; float: none; background-color: transparent; border-radius: 0; box-shadow: none; display: none; border: none; }
#mobile-navigation .nav li .dropdown-menu a { font-size: 12px; text-transform: none; font-weight: 600; color: #bbb; padding-left: 25px !important; display: block; }
#mobile-navigation .nav li .dropdown-menu .dropdown-menu a { padding-left: 35px !important; }
#mobile-navigation a:active,
#mobile-navigation a:focus,
#mobile-navigation li a.active,
#mobile-navigation a:hover,
#mobile-navigation li a.touchme { background-color: #181919; }
#mobile-navigation a span { display: none; }
#mobile-navigation .nav-el { margin-top: 0; background-color: inherit; }
#mobile-navigation .nav-el ul { margin-top: 0; }
#mobile-navigation .nav-el a span { display: inline-block; margin-left: 6px; font-size: 14px; position: relative; top: 2px; }
#mobile-navigation .nav-el a img { max-height: 20px; }
#mobile-navigation .nav-el a.cart-item span { width: 20px; height: 20px; line-height: 20px; margin-left: 2px; text-align: center; border-radius: 100%; }
#mobile-navigation .nav-el a.cart-item i.fa { width: 15px; height: 100%; position: relative; display: inline-block; font-size: 17px; color: white; }
#mobile-navigation .nav-el a.cart-item i:before { content: "\f290"; }
#mobile-navigation .nav-el a.cart-item i:not(.fa) { display: none; }
#mobile-navigation .nav-el .search-form-trigger { left: auto; right: 6px; font-size: 12px; }
#mobile-navigation .nav-el .search-form-trigger i:before { content: "\f002"; }
#mobile-navigation .nav-el .nav li a.external-btn { margin-top: 10px !important; width: 90%; left: 5%; }
#mobile-navigation .pagetop { color: #aaa; position: absolute; padding-left: 10px; bottom: 10px; z-index: -1; text-align: left; width: 100%; font-weight: 600; }
#mobile-navigation .pagetop .container { padding: 0 !important; }
#mobile-navigation .pagetop .left a { display: block; font-size: 13px; }
#mobile-navigation .pagetop a span { display: inline-block; margin-right: 3px; }
#mobile-navigation .pagetop .right a,
#mobile-navigation .pagetop .socials a { padding: 6px; display: inline-block; margin-top: 5px; line-height: normal; }
#mobile-navigation .pagetop .right a:hover { color: white; }
#mobile-navigation .pagetop .copyright { font-size: 13px; font-weight: 400; }
#mobile-navigation .dropdown-menu .column-title { display: none; }
#mobile-navigation .mega-menu>li { border: none; }
#mobile-navigation li a i { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; text-align: center; line-height: inherit; color: #888; font-size: 13px; }
#mobile-navigation li a i:before { content: "\f105"; font-family: 'FONTAWESOME'; display: inline-block; line-height: inherit; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
#mobile-navigation li a.showing i:before { color: #ccc; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#navigation.no-mobile-nav + #mobile-navigation,
#navigation.no-mobile-nav .mobile-nb { display: none !important; }
#mobile-navigation hr,
#navigation.side-menu .search { display: none; }
}
#pagetop { height: 42px; max-height: 42px; line-height: 42px; font-weight: 500; font-size: 12px; z-index: 1020; position: relative; top: 0; width: 100%; background: #2e4d3d; border-bottom: 1px solid #e4b683; color: #ffffff; }
@media only screen and (max-width:1120px) {
#pagetop { z-index: 997; }
}
#pagetop .left { float: left; text-align: left; }
#pagetop .right { float: right; text-align: right; }
#pagetop .left>a { display: inline-block; margin-right: 22px; color: inherit; font-weight: inherit; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#pagetop .left>p { line-height: inherit; color: inherit; margin-right: 22px; font-weight: inherit; }
#pagetop .right a { width: 42px; height: 100%; text-align: center; float: left; display: block; margin: 0; color: #fff !important; line-height: inherit; border-right: 1px solid #ededed; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#pagetop .right a:first-child { border-left: 1px solid #ededed; }
#pagetop .right a:hover { color: white; }
#pagetop img { max-height: 28px; }
#pagetop.transparent { background: transparent; border-bottom: 1px solid rgba(255,255,255,0.06); color: #fff; position: absolute; }
#pagetop.transparent .right a { border-color: rgba(255,255,255,0.1); color: #ddd; }
#pagetop.transparent .right a:hover { color: #fff; }
#pagetop.dark { background: #171717; border-bottom: 1px solid rgba(255,255,255,0.1); color: #ddd !important; }
#pagetop.dark .right a { border-color: rgba(255,255,255,0.05); color: #ddd; }
#pagetop.dark .right a:hover { color: #fff; }
@media only screen and (min-width:640px) {
#pagetop .container-xl { padding: 0 30px; }
}
@media only screen and (max-width:700px) {
#pagetop { height: auto; max-height: none; }
#pagetop .right { display: none; }
#pagetop .left { text-align: center; float: none; margin: 0 auto; padding: 0; }
#pagetop .left a { display: block; margin: 0 auto 7px; line-height: 25px; }
#pagetop .left a:first-child { padding-top: 7px; }
}
#extranav { height: 40px; font-size: 13px; position: relative; will-change: transform; top: 0; width: 100%; display: none; padding: 0 30px; }
#extranav>* { -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; padding: 0; }
#extranav.hiding>* { -webkit-transform: translateY(-35px); -moz-transform: translateY(-35px); -ms-transform: translateY(-35px); transform: translateY(-35px); }
#extranav * { line-height: 40px; }
#extranav ul li { float: left; display: block; }
#extranav ul li a { display: block; padding: 0 20px; font-size: inherit; background: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#extranav ul li a:hover,
#extranav ul li a.active { background: rgba(0,0,0,0.1); }
@media only screen and (max-width:820px) {
#extranav { display: none !important; }
#extranav>div { max-width: 120px; float: left; }
#extranav>.nav-menu { max-width: 80%; float: right; }
#extranav ul li a { padding: 0 10px; }
}
#side-dotted-navigation { color: white; width: 200px; right: 0px; margin: 0; border-radius: 20px; line-height: normal; position: fixed; height: auto; top: 50%; z-index: 1001; padding: 7px 0; -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); }
#side-dotted-navigation:before { content: ''; position: absolute; width: 100px; height: 350px; background: none; right: 0; top: -50%; }
#side-dotted-navigation:after { content: ''; position: absolute; width: 20px; height: 650px; background: none; right: -20px; top: -50%; }
#side-dotted-navigation li { background-color: rgba(30,30,30,1); box-shadow: 0 0 25px 0 rgba(0,0,0,0.15); position: relative; overflow: hidden; display: block; width: 100%; right: 0; float: right; clear: right; border: none; }
#side-dotted-navigation li a { font-size: inherit; color: inherit; white-space: nowrap; font-weight: inherit; display: block; opacity: 1; width: 100%; padding: 11px 0 12px 30px; }
#side-dotted-navigation li a span { position: relative; z-index: 1; margin-top: 1px; }
#side-dotted-navigation li a:after { background-color: rgba(0,0,0,0.1); content: ''; width: 0; height: 100%; right: 0; position: absolute; top: 0; z-index: 0; transition: width 0.3s; }
#side-dotted-navigation li:before { background-color: #bbb; width: 4px; height: 4px; display: block; content: ''; border-radius: 100%; position: absolute; left: 17px; top: 50%; margin-top: -2px; z-index: 1; }
#side-dotted-navigation li a:hover:after { width: 100%; }
#side-dotted-navigation li a:hover,
#side-dotted-navigation li a:active,
#side-dotted-navigation li a:focus { background-color: transparent; }
#side-dotted-navigation li:first-child,
#side-dotted-navigation li:first-child a { border-top-left-radius: 10px; }
#side-dotted-navigation li:last-child,
#side-dotted-navigation li:last-child a { border-bottom-left-radius: 10px; }
#side-dotted-navigation.spy:before,
#side-dotted-navigation.spy:after { height: 400px; }
#side-dotted-navigation.spy { background: rgba(0,0,0,0.7); width: 40px; right: 20px; }
#side-dotted-navigation.spy li { width: 40px; background: transparent; box-shadow: none; }
#side-dotted-navigation.spy li:before { left: 50%; margin-left: -2.5px; }
#side-dotted-navigation.spy li:has(> a.active):before {
background-color:white;
}
#side-dotted-navigation.spy li a { opacity: 0; padding: 2px 0 2px 20px; }
#side-dotted-navigation li a.active { background-color: rgba(0,0,0,0.3); }
#side-dotted-navigation { -webkit-transition: background 0.28s 0s, width 0.28s 0.25s, right 0.28s 0.2s; -moz-transition: background 0.28s 0s, width 0.28s 0.25s, right 0.28s 0.3s; transition: background 0.28s 0s, width 0.28s 0.25s, right 0.28s 0.1s; }
#side-dotted-navigation li a { -webkit-transition: background 0.28s, opacity 0.28s 0.6s, padding 0.28s 0.15s; -moz-transition: background 0.28s, opacity 0.28s 0.6s, padding 0.28s 0.15s; transition: background 0.28s, opacity 0.28s 0.6s, padding 0.28s 0.15s; }
#side-dotted-navigation li:before { -webkit-transition: left 0.28s 0.4s, margin-left 0.28s 0.4s; -moz-transition: left 0.28s 0.4s, margin-left 0.28s 0.4s; transition: left 0.28s 0.4s, margin-left 0.28s 0.4s; }
#side-dotted-navigation.spy { -webkit-transition: background 0.28s 0.76s, width 0.28s 0.2s, right 0.28s 0.2s; -moz-transition: background 0.28s 0.76s, width 0.28s 0.2s, right 0.28s 0.2s; transition: background 0.28s 0.76s, width 0.28s 0.2s, right 0.28s 0.2s; }
#side-dotted-navigation.spy li a { -webkit-transition: opacity 0.28s, padding 0.28s 0.45s; -moz-transition: opacity 0.28s, padding 0.28s 0.45s; transition: opacity 0.28s, padding 0.28s 0.45s; }
#side-dotted-navigation li:nth-of-type(1) { transition: width 0.28s 0.2s, background 0.28s 0.2s, box-shadow 0.28s 0.2s }
#side-dotted-navigation li:nth-of-type(2) { transition: width 0.28s 0.3s, background 0.28s 0.3s, box-shadow 0.28s 0.3s }
#side-dotted-navigation li:nth-of-type(3) { transition: width 0.28s 0.4s, background 0.28s 0.4s, box-shadow 0.28s 0.4s }
#side-dotted-navigation li:nth-of-type(4) { transition: width 0.28s 0.5s, background 0.28s 0.5s, box-shadow 0.28s 0.5s }
#side-dotted-navigation li:nth-of-type(5) { transition: width 0.28s 0.6s, background 0.28s 0.6s, box-shadow 0.28s 0.6s }
#side-dotted-navigation li:nth-of-type(6) { transition: width 0.28s 0.7s, background 0.28s 0.7s, box-shadow 0.28s 0.7s }
#side-dotted-navigation li:nth-of-type(7) { transition: width 0.28s 0.8s, background 0.28s 0.8s, box-shadow 0.28s 0.8s }
#side-dotted-navigation li:nth-of-type(8) { transition: width 0.28s 0.9s, background 0.28s 0.9s, box-shadow 0.28s 0.9s }
#side-dotted-navigation li:nth-of-type(9) { transition: width 0.28s 1s, background 0.28s 1s, box-shadow 0.28s 1s }
#side-dotted-navigation li:nth-of-type(10) { transition: width 0.28s 1.1s, background 0.28s 1s, box-shadow 0.28s 1.1s }
#side-dotted-navigation li:nth-of-type(11) { transition: width 0.28s 1.2s, background 0.28s 1s, box-shadow 0.28s 1.2s }
#side-dotted-navigation li:nth-of-type(12) { transition: width 0.28s 1.3s, background 0.28s 1s, box-shadow 0.28s 1.3s }
#side-dotted-navigation li:nth-of-type(13) { transition: width 0.28s 1.4s, background 0.28s 1s, box-shadow 0.28s 1.4s }
#side-dotted-navigation li:nth-of-type(14) { transition: width 0.28s 1.5s, background 0.28s 1s, box-shadow 0.28s 1.5s }
#side-dotted-navigation li:nth-of-type(15) { transition: width 0.28s 1.6s, background 0.28s 1s, box-shadow 0.28s 1.6s }
#side-dotted-navigation.spy li { transition: width 0.28s 0.3s, background 0.28s 0s }
@media only screen and (max-width:500px) {
#side-dotted-navigation.spy li { width: 34px; }
#side-dotted-navigation.spy { width: 34px; right: 13px; }
#side-dotted-navigation.spy li a { padding: 0 0 0 20px; }
#side-dotted-navigation.spy:before,
#side-dotted-navigation.spy:after { height: 200px; }
}
@media only screen and (max-height:480px) {
#side-dotted-navigation { top: 38%; }
#side-dotted-navigation.spy li { width: 32px; }
#side-dotted-navigation.spy { width: 32px; right: 20px; }
#side-dotted-navigation li a { padding: 9px 0 9px 23px; font-size: 10px; }
#side-dotted-navigation.spy li a { padding: 0 0 0 18px; }
#side-dotted-navigation li:before { left: 12px; }
#side-dotted-navigation.spy:before,
#side-dotted-navigation.spy:after { height: 100px; }
}
.block-navigation { height: 60px; line-height: 60px; z-index: 999; top: 0; padding: 0 !important; overflow: hidden; position: relative; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; -webkit-transform: translateZ(0); transform: translateZ(0); }
.block-navigation.top-moved { -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); }
.block-navigation .nav li a { padding: 0; text-align: center; position: relative; color: inherit; display: block; line-height: inherit; background-color: transparent; -webkit-transition: background 0.25s; -moz-transition: background 0.25s; transition: background 0.25s; }
.block-navigation .nav li a:hover,
.block-navigation .nav li a:active,
.block-navigation .nav li a.active { background-color: rgba(0,0,0,0.3); }
.sticky-wrapper { position: relative; z-index: 998; }
.is-sticky .block-navigation { height: 50px; line-height: 50px; }
@media only screen and (max-width:640px) {
.block-navigation { padding-left: 0; padding-right: 0; border-radius: 0 !important; }
.block-navigation .nav li a { font-size: 9px; }
}
.sticky-item { -webkit-transform: translateZ(0); transform: translateZ(0); }
.icon-navigation { position: fixed; width: auto; height: auto; text-align: center; will-change: transform; line-height: normal; padding: 20px 0; z-index: 1050; -webkit-transition: opacity 0.45s; -moz-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-transform: translateZ(0); transform: translateZ(0); }
.icon-navigation.passive { opacity: 0 !important; z-index: 100; }
.icon-navigation ul { margin: 0; padding: 0; }
.icon-navigation ul a { padding: 10px 15px; display: block; background: transparent !important; }
.icon-navigation.icon-lg ul a { padding: 13px 17px; font-size: 17px; }
.icon-navigation.icon-sm ul a { padding: 8px 14px; font-size: 13px; }
.icon-navigation ul li a.active,
.icon-navigation ul li a.active:hover,
.icon-navigation ul a:hover { background: rgba(0,0,0,0.1) !important; }
.icon-navigation ul li.cbp-filter-item-active a { background: rgba(0,0,0,0.2) !important; }
.icon-navigation ul hr { margin: 6px 0; }
.icon-navigation .popover { border: none; outline: none; padding: 12px 22px; min-width: 1px; border-radius: 7px; width: auto; white-space: nowrap; max-width: none; background-color: #222; }
.icon-navigation .popover-header { color: #fff; background-color: #222; padding: 0; border: none; border-radius: 7px; }
.icon-navigation .popover-body { display: none; }
.icon-navigation .popover.right { margin-left: 14px; }
.icon-navigation .popover>.arrow { display: block !important; }
.bs-popover-auto[x-placement^=left] .arrow::after,
.bs-popover-left .arrow::after { border-left-color: #222; }
.bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-right .arrow::after { border-right-color: #222; }
.hide-by-scroll { -webkit-transition: transform 0.45s; -moz-transition: transform 0.45s; transition: transform 0.45s; }
.hide-by-scroll.hiding { -webkit-transform: translateY(-100%) !important; -moz-transform: translateY(-100%) !important; -ms-transform: translateY(-100%) !important; transform: translateY(-100%) !important; }
.sticky-wrapper .hide-by-scroll.hiding { -webkit-transform: translateY(0%) !important; -moz-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; }
.sticky-wrapper.is-sticky .hide-by-scroll.hiding { -webkit-transform: translateY(-100%) !important; -moz-transform: translateY(-100%) !important; -ms-transform: translateY(-100%) !important; transform: translateY(-100%) !important; }
.hide-on-home { display: none; }
#navigation.side-menu { position: fixed; height: 100%; width: 300px; top: 0; z-index: 1001; line-height: 22px; border-right: 1px solid; border-color: transparent; background-size: cover; -webkit-transform: translateZ(0); transform: translateZ(0); }
#navigation.side-menu.left { left: 0; }
#navigation.side-menu.right { right: 0; border-left: 1px solid; border-color: transparent; border-right: none; }
body.left-side-menu-active #wrapper { padding-left: 300px; }
body.right-side-menu-active #wrapper { padding-right: 300px; }
body.left-mini-side-menu-active #wrapper { padding-left: 60px; }
body.right-mini-side-menu-active #wrapper { padding-right: 60px; }
#navigation.side-menu .logo { margin: 15% auto 0; padding: 0 20px; position: relative; text-align: inherit; }
#navigation.side-menu .logo img { max-width: 100%; max-height: 60px; }
#navigation.side-menu .top-note { padding: 5px 20px; margin-top: 10%; }
#navigation.side-menu .nav { font-size: 14px; margin: 23% 0 0; padding: 0; }
#navigation.side-menu .top-note + .nav-menu .nav { margin: 25% 0 0; }
#navigation.side-menu .nav li { display: block; float: none; width: 100%; margin: 0; padding: 0; position: relative; }
#navigation.side-menu .nav li a { padding: 15px 20px; margin: 0; font-size: 13px; line-height: 22px; font-weight: 700; border-bottom: 1px solid; display: block; border-color: transparent; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }
#navigation.side-menu.links-sm .nav li a { padding: 11px 16px; font-size: 12px; }
#navigation.side-menu .nav li a:focus { background: transparent; }
#navigation.side-menu .nav li:last-child>a { border-bottom: none; }
#navigation.side-menu .nav li a span { display: block; font-size: 10px; line-height: 13px; letter-spacing: 0; font-weight: 400; }
#navigation.side-menu .menu-bottom { position: absolute; bottom: 0; width: 100%; }
#navigation.side-menu .menu-bottom .signature { margin-bottom: 15%; }
#navigation.side-menu .menu-bottom .signature img { max-width: 180px; }
#navigation.side-menu .socials { width: 100%; height: auto; padding: 0 10px; margin-bottom: 50px; }
#navigation.side-menu .socials a { font-size: 17px; width: 35px; height: 35px; line-height: 35px; text-align: center; display: inline-block; }
#navigation.side-menu .socials a:hover { color: white !important; }
#navigation.side-menu .search { position: relative; padding: 10px 22px; }
#navigation.side-menu .search input { background-color: rgba(20,20,20,0.1); width: 100%; position: relative; padding: 9px 14px; line-height: normal; color: white; font-size: 12px; border-radius: 50px; border: 1px solid rgba(15,15,15,0.1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
#navigation.side-menu .search input:focus { background-color: rgba(20,20,20,0.2); border: 1px solid rgba(15,15,15,0.15); }
#navigation.side-menu .search::-webkit-input-placeholder {
color:rgba(200,200,200,0.6);
}
#navigation.side-menu .search:-moz-placeholder {
color:rgba(200,200,200,0.6);
}
#navigation.side-menu .search::-moz-placeholder {
color:rgba(200,200,200,0.6);
}
#navigation.side-menu .search:-ms-input-placeholder {
color:rgba(200,200,200,0.6);
}
#navigation.side-menu .copyright { width: 100%; padding: 15px; border-top: 1px solid transparent; font-size: 11px; font-weight: 300; }
#navigation.side-menu .nav li.dropdown-toggle ul.dropdown-menu { left: 100%; padding: 0; top: 0; box-shadow: none; border-radius: 0; margin: 0; }
#navigation.side-menu .nav li.dropdown-toggle ul.dropdown-menu a { font-size: 11px; padding: 10px 20px; line-height: 20px; min-width: 220px; position: relative; }
#navigation.side-menu .nav li.dropdown-toggle>a:before { display: block; position: absolute; content: '\f105'; width: 25px; height: 25px; text-align: center; font-size: 10px; line-height: 25px; right: 10px; top: 50%; margin-top: -12.5px; font-family: 'FONTAWESOME'; color: #8d8d8d; }
#navigation.side-menu.left .nav.t-right li.dropdown-toggle>a:before { right: 3px; }
#navigation.side-menu.left .nav.t-right li a { padding-right: 30px; }
#navigation.side-menu.right .nav li.dropdown-toggle ul.dropdown-menu { right: 100%; left: auto; }
#navigation.side-menu.right .nav li.dropdown-toggle>a:before { left: 5px; right: auto; content: '\f104'; }
#navigation.side-menu.right .nav.t-left li.dropdown-toggle>a:before,
#navigation.side-menu.right .t-left .nav li.dropdown-toggle>a:before { left: 0px; }
#navigation.side-menu.right .nav.t-left li a,
#navigation.side-menu.right .t-left .nav li a { padding-left: 25px; }
#navigation.side-menu.radius-drop .nav li.dropdown-toggle ul.dropdown-menu { border-radius: 6px; }
#navigation.side-menu.white { background-color: #fff; border-color: #e6e6e6; }
#navigation.side-menu.white .nav li a,
#navigation.side-menu.white-drop .nav li a { color: #4a4a4a; border-color: #f1f1f1; }
#navigation.side-menu.white-drop .nav .dropdown-menu { border: 1px solid #e6e6e6 !important; }
#navigation.side-menu.white .nav li a:hover,
#navigation.side-menu.white .nav li>a.active { background-color: rgba(230,230,230,0.5); }
#navigation.side-menu.white .socials a { color: #8d8d8d; }
#navigation.side-menu.white .copyright { color: #7c7c7c; border-color: #eee; }
#navigation.side-menu.white .nav li.dropdown-toggle ul.dropdown-menu { background-color: #fff; border-color: #e6e6e6; }
#navigation.side-menu.white .search input { background-color: rgba(240,240,240,1); color: #444; border: 1px solid rgba(220,220,220,1); }
#navigation.side-menu.white .search input:focus { background-color: rgba(230,230,230,1); border: 1px solid rgba(200,200,200,1); }
#navigation.side-menu.white .search::-webkit-input-placeholder {
color:#666;
}
#navigation.side-menu.white .search:-moz-placeholder {
color:#666;
}
#navigation.side-menu.white .search::-moz-placeholder {
color:#666;
}
#navigation.side-menu.white .search:-ms-input-placeholder {
color:#666;
}
#navigation.side-menu.dark { background-color: #1a1a1a; border: none; }
#navigation.side-menu.dark .nav li a { color: #fff; border-color: rgba(255,255,255,0.05) }
#navigation.side-menu.dark .nav li a span { color: #ddd; }
#navigation.side-menu.dark .nav li a:hover,
#navigation.side-menu.dark .nav li>a.active { background-color: rgba(0,0,0,0.10); }
#navigation.side-menu.dark .socials a { color: #eee; }
#navigation.side-menu.dark .copyright { color: #ddd; border-color: rgba(255,255,255,0.07) }
#navigation.side-menu.dark .nav li a:before { color: #ddd }
#navigation.side-menu.dark .nav li.dropdown-toggle ul.dropdown-menu { border: none; }
#navigation.side-menu.white-drop .nav li.dropdown-toggle ul.dropdown-menu { background: white !important; box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.2); }
#navigation.side-menu.white-drop .nav li.dropdown-toggle ul.dropdown-menu li a { color: #333; }
#navigation.side-menu.white-drop .nav li.dropdown-toggle ul.dropdown-menu li a:before { color: #666; }
#navigation.side-menu.dark .nav li.dropdown-toggle ul.dropdown-menu { background-color: #1f1f1f; border-color: #1a1a1a; }
#navigation.side-menu.dark .hamburger-menu div { background-color: #ccc; }
#navigation.side-menu.type-2 .nav li.dropdown-toggle ul.dropdown-menu { padding: 15px 0; }
#navigation.side-menu.type-2 .nav li a:hover,
#navigation.side-menu.type-2 .nav li>a.active { background-color: transparent !important; opacity: 0.7; }
#navigation.side-menu.type-2 .nav li a { border: none; }
#navigation.side-menu.type-2 .nav li a { padding: 10px 25px; font-weight: 400; }
#navigation.side-menu.type-2 .nav li.dropdown-toggle>a:before { font-size: 12px; }
#navigation.side-menu.type-2 .nav li.dropdown-toggle ul.dropdown-menu a { line-height: 15px; font-size: 12px; }
body.left-side-menu-active .fullscreen-container.rev_slider_wrapper,
body.right-side-menu-active .fullscreen-container.rev_slider_wrapper,
body.left-side-menu-active .forcefullwidth_wrapper_tp_banner>section,
body.right-side-menu-active .forcefullwidth_wrapper_tp_banner>section,
body.left-mini-side-menu-active .fullscreen-container.rev_slider_wrapper,
body.right-mini-side-menu-active .fullscreen-container.rev_slider_wrapper { max-width: 100%; left: 0 !important; }
@media only screen and (max-width:1450px) {
#navigation.side-menu { width: 230px; }
body.left-side-menu-active #wrapper { padding-left: 230px; }
body.right-side-menu-active #wrapper { padding-right: 220px; }
}
@media only screen and (max-width:1120px) {
body.left-side-menu-active #wrapper { padding-left: 0; }
body.right-side-menu-active #wrapper { padding-right: 0; }
#navigation.side-menu .nav-menu,
#navigation.side-menu .menu-bottom,
#navigation.side-menu .top-note { display: none; }
#navigation.side-menu .logo img { max-height: 45px; }
#navigation.side-menu { width: 100%; height: 70px; position: fixed; top: 0; left: 0; }
#navigation.side-menu .logo { margin: 0 !important; text-align: left; float: left; width: 50%; height: 100%; display: table; }
#navigation.side-menu .logo a { display: table-cell; vertical-align: middle; }
#navigation.side-menu .mobile-nb { float: right; margin-right: 20px; }
}
@media only screen and (max-height:860px) {
#navigation.side-menu .logo { margin-top: 10%; }
#navigation.side-menu .nav { margin-top: 15%; }
#navigation.side-menu .nav li a { padding: 10px 16px; font-size: 12px; }
#navigation.side-menu.links-sm .nav li a { padding: 7px 16px; font-size: 11px; }
#navigation.side-menu.type-2 .nav li a { padding: 7px 25px; }
#navigation.side-menu .top-note + .nav-menu .nav { margin-top: 15%; }
#navigation.side-menu .search input { padding: 9px 14px !important; }
#navigation.side-menu .socials { margin-bottom: 25px; }
}
@media only screen and (max-height:700px) {
#navigation.side-menu .nav { margin-top: 10%; }
#navigation.side-menu .nav li a { padding: 8px 16px; font-size: 11px; }
#navigation.side-menu.links-sm .nav li a { padding: 6px 16px; font-size: 11px; line-height: 19px; }
#navigation.side-menu.type-2 .nav li a { padding: 5px 20px; }
#navigation.side-menu .top-note + .nav-menu .nav { margin-top: 7%; }
#navigation.side-menu .search input { padding: 8px 14px !important; }
#navigation.side-menu .socials { margin-bottom: 12px; }
}
.mini-side-menu { width: 60px; height: 100%; position: fixed; z-index: 90; left: 0; top: 0; background-color: #2c2c2c; -webkit-transform: translateZ(0); transform: translateZ(0); }
.mini-side-menu.right { left: auto; right: 0; }
.mini-side-menu .logo { width: 100%; height: auto; margin: 0; padding: 25px 15px; text-align: center; position: absolute; }
.mini-side-menu .logo img { width: auto; max-width: 100%; height: auto; }
.mini-side-menu .menu-block { width: 100%; height: auto; position: relative; top: 50%; padding: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.mini-side-menu .menu-trigger { position: relative; height: 40px; width: 100%; margin-top: -20px; cursor: pointer; }
.mini-side-menu .menu-trigger .hamburger-menu { margin: 0 auto; }
.mini-side-menu .menu-bottom { width: 100%; cursor: pointer; padding: 0 10px; bottom: 0; left: 0; position: absolute; height: auto; margin: 0 0 25px; text-align: center; display: table; }
.mini-side-menu .menu-bottom img { width: auto; height: auto; max-width: 100%; }
.mini-side-menu .mobile-nb { display: none; }
@media only screen and (max-width:641px) {
.mini-side-menu .menu-block { display: none; }
body.left-mini-side-menu-active #wrapper { padding-left: 0; }
body.right-mini-side-menu-active #wrapper { padding-right: 0; }
.mini-side-menu { width: 100%; height: 70px; }
.mini-side-menu .logo { float: left; width: 50%; position: relative; }
.mini-side-menu .logo { text-align: left; padding-left: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.mini-side-menu .menu-bottom,
.mini-side-menu .menu-trigger { display: none; }
.mini-side-menu .menu-trigger { padding: 0 30px 0 0; text-align: right; }
.mini-side-menu .mobile-nb { display: block; }
}
.punch-navigation-items { overflow: hidden; width: 100%; height: 0%; top: 0; left: 0; position: fixed; z-index: 9999; -webkit-transform: translateZ(0); transform: translateZ(0); }
.punch-navigation-items .shadow { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.3); display: none; }
.punch-navigation-items>div.navblock { background-color: white; border-color: #fafafa !important; background-size: cover !important; background-position: center center; border-right: 1px; border-style: solid; height: 100%; top: -100%; position: relative; -webkit-transition: top 0.65s cubic-bezier(0.55, 0, 0.4, 1); -moz-transition: top 0.65s cubic-bezier(0.55, 0, 0.4, 1); transition: top 0.65s cubic-bezier(0.55, 0, 0.4, 1); }
.punch-navigation-items.activated { height: 100%; }
.punch-navigation-items.activated>div.navblock { top: 0; }
.punch-navigation-items.activated.closing>div.navblock { top: -100%; }
.punch-navigation-items>div.navblock>div { overflow-y: auto; max-height: 55%; }
@media only screen and (min-width:1024px) {
.punch-navigation-items>div.navblock>div { top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
}
.punch-navigation-items>div.navblock>div::-webkit-scrollbar-track {
border-radius:10px;
background-color:transparent;
}
.punch-navigation-items>div.navblock>div::-webkit-scrollbar {
width:8px;
background-color:transparent;
}
.punch-navigation-items>div.navblock>div::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:transparent;
}
.punch-navigation-items>div.navblock:hover>div::-webkit-scrollbar-thumb {
background-color:#ddd;
}
.punch-navigation-items>div.navblock a { padding: 13px 6px; width: 80%; display: block; position: relative; text-align: center; border-top: 1px solid #fafafa; font-size: 12px; line-height: 11px; text-transform: inherit; margin: 3px auto; font-weight: 700; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.punch-navigation-items>div.navblock a.nav-title { font-size: 25px; text-transform: none; font-weight: 400; letter-spacing: -1px; cursor: default; }
.punch-navigation-items>div.navblock a.nav-subtitle { font-size: 14px; font-weight: 700; text-transform: none; letter-spacing: -1px; cursor: default; }
.punch-navigation-items>div.navblock a.link-md { font-size: 14px; line-height: 14px; text-transform: capitalize; font-weight: 900; letter-spacing: -0.6px; margin: 0 auto; }
.punch-navigation-items>div.navblock a.link-lg { font-size: 17px; line-height: 17px; text-transform: capitalize; font-weight: 900; letter-spacing: -1.2px; margin: 8px auto; }
.punch-navigation-items>div.navblock a:after,
.punch-navigation-items>div.navblock a:before { position: absolute; width: 100%; height: 0%; content: ''; bottom: 50%; left: 0; background-color: #f3f3f3; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.punch-navigation-items>div.navblock a:after { bottom: auto; top: 50%; }
.punch-navigation-items>div.navblock a:hover:before,
.punch-navigation-items>div.navblock a:hover:after { height: 50%; }
.punch-navigation-items>div.navblock a:hover { border-color: transparent; }
.punch-navigation-items>div.navblock a.nav-title:before,
.punch-navigation-items>div.navblock a.nav-title:after,
.punch-navigation-items>div.navblock a.nav-subtitle:before,
.punch-navigation-items>div.navblock a.nav-subtitle:after { display: none; }
.punch-navigation-items>div.navblock>* { display: none; }
.punch-navigation-items>div.navblock span { display: block; width: 100%; margin: 6px 0 5px; border-bottom: 1px solid rgba(140,140,140,01); }
.punch-navigation-items>div.navblock a:first-child,
.punch-navigation-items>div.navblock hr + a { border-top: none !important; }
.punch-navigation-items>div.bottom-elements,
.punch-navigation-items>div.top-elements { position: absolute; top: 0; left: 50%; padding: 50px; width: 100%; height: 50px; z-index: 10; display: none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.punch-navigation-items>div.bottom-elements { top: auto; bottom: 5%; }
.punch-navigation-items>div.top-elements img { max-height: 45px; }
@media only screen and (max-width:1120px) {
.punch-navigation-items { display: none !important; }
.nav-menu>div.navblock>*,
.punch-navigation-items>div.navblock>* { display: block !important; opacity: 1 !important; }
#mobile-navigation .top-elements,
#mobile-navigation .bottom-elements { display: none !important; }
#mobile-navigation .navblock { margin-top: 25%; background-color: inherit; }
#mobile-navigation div.navblock:last-child { margin-bottom: 25%; }
#mobile-navigation .navblock a.nav-title,
#mobile-navigation .navblock a.link-lg { font-size: 13px; font-weight: bold; color: white; }
#mobile-navigation .navblock a.nav-subtitle,
#mobile-navigation .navblock a.link-md { color: white; }
#mobile-navigation .navblock a { display: block !important; position: relative; color: #aaa; width: 100%; padding: 2px 20px; text-transform: uppercase; font-weight: 700; font-size: 10px; border-bottom: 1px solid rgba(100,100,100,0.1); }
#mobile-navigation .navblock:first-child { margin-top: 80px; }
#mobile-navigation .navblock a.big-link { color: #ccc; font-weight: 700; }
#mobile-navigation .nav-el .hamburger-menu { display: none; }
}
.punch-navigation-items>div.navblock:nth-of-type(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }
.punch-navigation-items>div.navblock:nth-of-type(2) { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.07s; }
.punch-navigation-items>div.navblock:nth-of-type(3) { -webkit-transition-delay: 0.30s; -moz-transition-delay: 0.30s; transition-delay: 0.14s; }
.punch-navigation-items>div.navblock:nth-of-type(4) { -webkit-transition-delay: 0.45s; -moz-transition-delay: 0.45s; transition-delay: 0.21s; }
.punch-navigation-items>div.navblock:nth-of-type(5) { -webkit-transition-delay: 0.60s; -moz-transition-delay: 0.60s; transition-delay: 0.28s; }
.punch-navigation-items>div.navblock:nth-of-type(6) { -webkit-transition-delay: 0.75s; -moz-transition-delay: 0.75s; transition-delay: 0.35s; }
.punch-navigation-items>div.navblock:nth-of-type(7) { -webkit-transition-delay: 0.90s; -moz-transition-delay: 0.90s; transition-delay: 0.42s; }
.punch-navigation-items>div.navblock:nth-of-type(8) { -webkit-transition-delay: 1.05s; -moz-transition-delay: 1.05s; transition-delay: 0.49s; }
.punch-navigation-items>div.navblock:nth-of-type(9) { -webkit-transition-delay: 1.20s; -moz-transition-delay: 1.20s; transition-delay: 0.56s; }
.punch-navigation-items.dark-nav>div.navblock { background-color: #1c1c1c; border-color: #1f1f1f !important; }
.punch-navigation-items.no-border>div.navblock { border-right: none !important; }
.punch-navigation-items.no-border>div.navblock a { border-top: none !important; }
.punch-navigation-items.dark-nav>div.navblock a { border-top-color: #222; }
.punch-navigation-items.dark-nav>div.navblock a:before,
.punch-navigation-items.dark-nav>div.navblock a:after { background-color: rgba(120,120,120,0.15); }
.content-history .content-body { position: relative; padding-bottom: 40px; }
.content-history .content-body:before { position: absolute; z-index: 0; left: 50%; top: 0; width: 0px; height: 100%; content: ''; border-left: 1px dashed #ccc; display: block; }
.content-history .content-body>* { position: relative; z-index: 1; }
.content-history .content-img-container { min-height: 400px; }
.content-history .history-start { width: 160px; height: 60px; line-height: 60px; text-align: center; margin: 0 auto 20px; }
.content-history .history-date,
.content-history .history-end { width: 160px; height: 40px; line-height: 40px; text-align: center; margin: 70px auto 45px; }
.content-history .history-end { margin: 100px auto -20px; }
.content-history .content-img { position: absolute; width: 100%; z-index: 0; height: 100%; left: 0; top: 0; background-size: cover; background-position: center center; }
.content-history .content-details { padding: 50px 40px; }
@media only screen and (max-width:1024px) {
.content-history .content-img-container { height: 400px !important; position: relative; }
}
@media only screen and (max-width:480px) {
.content-history .content-details { height: auto !important; padding: 50px 10px; }
}
.boxes-type-1.boxes>div>a { font-size: 28px; display: block; width: 100px; height: 100px; background-color: #fdfdfd; border: 1px solid #e7e7e7; margin: 0 auto; line-height: 100px; text-align: center; }
.boxes-type-1.boxes>div:hover a { color: white; border-color: transparent; }
.boxes-type-1.boxes h2 { font-size: 18px; text-transform: uppercase; margin: 25px 0 0; padding: 0; }
.boxes-type-1.boxes p { font-size: 15px; margin: 15px 0 0; padding: 0; }
.boxes-type-3 div.box { margin: 8px auto; padding: 0 8px; }
.boxes-type-3 a { display: table; width: 100%; height: auto; min-height: 180px; background-size: cover; position: relative; padding: 45px 20px; border-radius: 7px; }
.boxes-type-3 .texts { display: table-cell; vertical-align: middle; z-index: 1; position: relative; }
.boxes-type-3 .texts img { width: auto; height: auto; max-height: 100%; }
.boxes-type-3 a:before { width: 100%; height: 100%; left: 0; top: 0; opacity: 0; content: ''; position: absolute; z-index: 0; background-color: #111; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.boxes-type-3 a:hover:before { opacity: 0.2; }
.boxes-type-3 h2 { margin: 0 0 10px; padding: 0; }
.boxes-type-3 p { margin: 0; padding: 0; font-size: 17px; }
.boxes-type-4 .box { position: relative; overflow: hidden; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
.boxes-type-4 a { display: block; position: relative; z-index: 1; padding: 180px 25px 30px; text-align: left; }
.boxes-type-4 a h3 { line-height: 32px; opacity: 0.9; margin-top: 15px; position: relative; display: inline-block; }
.boxes-type-4 a h3:before { width: 40px; height: 0px; border-top: 2px solid white; border-color: inherit; content: ''; position: absolute; left: 0; bottom: -5px; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; }
.boxes-type-4 .box:hover a h3:before { width: 100%; }
.background-color-for-box { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.9; }
.boxes-type-4 .box:hover { opacity: 0.9; }
.boxes-with-image { padding: 0 !important; }
.boxes-with-image .box { display: block; background-size: cover !important; padding: 50px 60px; position: relative; -webkit-transition: padding 0.2s; -moz-transition: padding 0.2s; transition: padding 0.2s; }
.boxes-with-image .box .texts,
.boxes-with-image .texts .secret-button { position: relative; z-index: 5; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1) !important; -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1) !important; transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1) !important; }
.boxes-with-image .box .texts { -webkit-transform: translateY(20px); -moz-transform: translateY(10px); -ms-transform: translateY(20px); transform: translateY(20px); }
.boxes-with-image .box:hover .texts { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.boxes-with-image .box h1 { background-size: cover; padding: 0; margin: 0 0 20px; }
.boxes-with-image .box p { font-size: inherit; margin: 0; color: inherit; }
.boxes-with-image .box .secret-button { display: inline-block; opacity: 0; margin-top: 20px; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
.boxes-with-image .box:hover .secret-button { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
@media only screen and (max-width:900px) {
.boxes-with-image:not(.nav-to-custom-slider) .box { padding: 60px 20px; }
.boxes-with-image .box h1 { font-size: 25px; }
}
@media only screen and (max-width:800px) {
.boxes-with-image:not(.nav-to-custom-slider) .box { padding: 60px 60px; width: 100% !important; float: none; }
.boxes-with-image .box h1 { font-size: 45px; }
}
@media only screen and (max-width:500px) {
.boxes-with-image:not(.nav-to-custom-slider) .box { padding: 60px 30px; }
.boxes-with-image .box h1 { font-size: 35px; }
}
.image-boxes .item { margin: 0 12px; }
@media only screen and (max-width:480px) {
.image-boxes .item { margin: 0; }
}
.image-boxes .item h3 { color: #6c6c6c; font-weight: inherit; margin: 35px 0 0; text-transform: uppercase; padding: 0; font-size: 20px; }
.image-boxes .item p { color: #898989; font-size: 14px; margin-top: 15px; padding-top: 0; line-height: 22px; }
.rotate-container { height: auto; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; }
.rotate-box .front,
.back { width: 100%; height: 100%; }
.rotate-box { width: 100%; height: 300px; position: relative; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.8s; -o-transform-style: preserve-3d; transition: 0.8s; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; pointer-events: none; }
.rotate-box .front,
.rotate-box .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; perspective: inherit; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.rotate-box .front { z-index: 2; }
.rotate-box .back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.rotate-box .box-details { -webkit-transform: translate3d(0, -50%, 75px) scale(.85); -moz-transform: translate3d(0, -50%, 75px) scale(.85); -o-transform: translate3d(0, -50%, 75px) scale(.85); transform: translate3d(0, -50%, 75px) scale(.85); display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; perspective: inherit; top: 50%; position: relative; text-align: center; width: 100%; }
.rotate-container:hover .rotate-box,
.rotate-container.hover .rotate-box { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.rotate-container.hover1:hover .rotate-box,
.rotate-container.hover1.hover .rotate-box { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.rotate-container.hover2:hover .rotate-box,
.rotate-container.hover2.hover .rotate-box { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
.rotate-container.hover3:hover .rotate-box,
.rotate-container.hover3.hover .rotate-box { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); }
.rotate-container.hover2 .back,
.rotate-container.hover3 .back { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); }
.interactive-packages { border-color: #ddd !important; border-top: 1px solid; border-bottom: 1px solid; }
.interactive-packages .steps-container { max-width: 970px; margin: 0 auto; position: relative; }
.interactive-packages .rise_title span.title_selector { font-size: 40px; color: #333; }
.interactive-packages .step-titles .title { margin-bottom: 40px !important; text-align: center; margin-left: auto !important; margin-right: auto !important; font-size: 15px; text-transform: uppercase; color: #545454; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.interactive-packages .step-titles .title.active { color: #111; }
.interactive-packages .step-titles .title span { font-size: 35px; }
.interactive-packages .bar { width: 100%; height: 15px; background: #cfcfcf; position: relative; padding: 0; }
.interactive-packages .progress { right: 0px !important; }
.interactive-packages .bar .interactive_bar { background: #333; position: absolute; left: 0; top: 0; height: 100%; overflow: visible; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.interactive-packages .bar .steps { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.interactive-packages .bar .steps .step { border-right: 1px solid rgba(211,211,211,0.5); height: 100%; cursor: pointer; position: relative; }
.interactive-packages .bar .steps .step:before { width: 100%; height: 90px; content: ''; position: absolute; bottom: 0; left: 0; }
.interactive-packages .step span.step-link { position: relative; left: 50%; display: block; width: 100%; height: 100%; cursor: pointer; z-index: 2; }
.interactive-packages .step span.step-start { position: absolute; left: 0%; display: block; width: 50%; height: 100%; top: 0; cursor: pointer; z-index: 1; }
.interactive-packages .selector { position: absolute; bottom: 100%; margin-right: -6px; cursor: pointer; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #333; }
.interactive-packages .package-boxes,
.interactive-packages .package-boxes .item { margin-top: 30px; color: #7d7d7d; }
.interactive-packages .package-boxes .item .box-title { font-size: 20px; color: #666666; }
.interactive-packages .package-boxes .item .box-title span { font-size: 50px; }
.interactive-packages .package-boxes .item h2 { font-size: 20px; margin: 5px 0 15px; padding: 0; text-transform: uppercase; }
@media only screen and (max-width:550px) {
#qdr-packages>h1 { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-width:550px) {
.interactive-packages .step-titles .title span { font-size: 20px; display: block; }
.interactive-packages .step-titles .title { font-size: 11px; }
}
.testimonials { padding: 120px 0 170px; position: relative; z-index: 1; overflow: hidden; }
.testimonials .testimonials-icon { position: relative; z-index: 1; width: 60px; height: 60px; margin: 0 auto 20px; line-height: 60px; font-size: 20px; }
.testimonials .testimonials-icon:after { content: ''; position: absolute; left: 0; top: 0; width: 60px; height: 60px; background-color: rgba(0,0,0,0.03); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.testimonials h2 { font-size: 25px; line-height: 38px; max-width: 920px; margin: 20px auto 25px; letter-spacing: 0; font-weight: inherit; }
.testimonials h2.title-strip:after { width: 30px; height: 1px; background: white; content: ''; position: absolute; bottom: -30px; display: inline-block; left: 50%; margin-left: -15px; opacity: .5; }
.testimonials p { font-size: 15px; margin: 0 auto; }
@media only screen and (max-width:640px) {
.testimonials h2 { font-size: 17px; line-height: 25px; }
}
.testimonials.big { padding: 230px 0; }
.testimonials.extra-big { padding: 310px 0; }
.testimonials.big h1 { margin: 0 auto; padding: 0; max-width: 510px; }
.testimonials.big h3 { margin: 15px auto 0; max-width: 650px; }
.testimonials.big .t-left h1,
.testimonials.big .t-left h3,
.testimonials.big .t-left h4 { margin-left: 0; }
.testimonials.big .t-right h1,
.testimonials.big .t-right h3,
.testimonials.big .t-right h4 { margin-right: 0; margin-left: auto; }
.testimonials.big button { font-size: 18px; margin-top: 30px; line-height: 31px; font-weight: 300; background: transparent; border: none; }
.testimonials.big h4 { margin: 15px auto 0; max-width: 800px; line-height: 25px; font-size: 16px; font-weight: 300; }
@media only screen and (max-width:1185px) {
.testimonials.big { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-width:640px) {
.testimonials.big,
.testimonials.extra-big { padding: 150px 0; }
}
.services-with-product .mockups { position: relative; left: 0; top: 0; width: 100%; height: auto; margin: 0 auto; }
.services-with-product .mockups img { width: auto; height: auto; max-width: 90%; }
.services-with-product .services-body { width: 100%; top: 0; height: auto; position: absolute; }
.services-with-product .services-body li { position: absolute; border-color: #c7c7c7; border-style: dashed; }
.services-with-product .services-body li.br-left { border-left-width: 1px; }
.services-with-product .services-body li.br-top { border-top-width: 1px; }
.services-with-product .services-body li.br-right { border-right-width: 1px; }
.services-with-product .services-body li.br-bottom { border-bottom-width: 1px; }
.services-with-product .services-body li a { width: 30px; height: 30px; background-color: #666; display: block; position: absolute; background-position: center center; background-repeat: no-repeat; cursor: cell; background-image: url(../images/plus-white.png); }
.services-with-product .services-body li a:hover { background-color: #393939; }
.services-with-product .services-body li span { display: block; width: 10px; height: 10px; position: absolute; border-radius: 100%; background-color: #c7c7c7; }
@media only screen and (max-width:1024px) {
.services-with-product .services-body { display: none; }
}
.team-type-1 { margin-top: 50px; text-align: center; }
.team-type-1 .member { padding: 0 12px; height: auto; }
@media only screen and (max-width:480px) {
.container .team-type-1 .member { padding: 0; }
}
.team-type-1 .member .member-image { width: 100%; overflow: hidden; }
.team-type-1 .member .member-image img { width: 100%; }
.team-type-1 .member .member-image .socials { width: auto; position: relative; top: -30px; z-index: 2; color: white; text-align: left; padding-left: 5px; }
.team-type-1 .member .member-image .socials a { width: 25px; height: 25px; display: inline-block; margin-left: 5px; line-height: 25px; text-align: center; font-size: 14px; }
.team-type-1 .member .member-name { color: #888; margin: 0 auto; padding: 0; font-size: 19px; }
.team-type-1 .member .member-position { margin: 8px auto 0; padding: 0; font-size: 13px; }
.team-type-1 .member .member-details { margin: 5px auto 0; padding: 0; color: #999; line-height: 25px; font-size: 13px; }
.team-type-2 { text-align: center; }
.team-type-2 .custom-slider,
.team-type-2.custom-slider { margin-top: 50px; }
.team-type-2 .member { margin: 0 15px; height: auto; position: relative; }
.team-type-2 .member img { width: 100%; height: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.team-type-2 .member:hover img { opacity: 0.35; }
.team-type-2 .member .member-body { background-color: #000; position: relative; }
.team-type-2 .member .team-progress { position: absolute; bottom: 25px; left: 0; width: 100%; opacity: 0; overflow: hidden; }
.team-type-2 .member .team-progress .prg-bg { width: 100%; background-color: #e8e8e8; padding: 0; margin: 0; }
.team-type-2 .member .team-progress .progress-bar { height: 5px; padding: 0; float: none; margin-top: 15px; position: relative; left: 0; min-width: 40%; box-shadow: none; }
.team-type-2 .member:hover .team-progress { opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.team-type-2 .member .team-progress h3 { font-size: 16px; color: #666; margin-top: 30px; white-space: nowrap; font-weight: normal; text-transform: uppercase; padding: 0; }
.team-type-2 .member .member-description h2 { font-size: 22px; margin: 0; padding: 0; text-transform: uppercase; }
.team-type-2 .member .member-description h4 { font-size: 16px; margin: 17px auto 14px; padding: 0; text-transform: uppercase; }
.team-type-2 .member .member-description p { font-size: inherit; line-height: 22px; margin: 0; padding: 0; }
.team-type-2 .member .member-description { color: #858585; position: relative; width: 100%; height: auto; left: 0; padding: 20px 25px; opacity: 1; top: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.team-type-2 .member:hover .member-description { color: white; }
.team-type-2 .member .member-socials { position: absolute; bottom: 0; height: 60px; left: 0; width: 100%; text-align: center; overflow: hidden; }
.team-type-2 .member .member-socials a { display: block; width: 37px; height: 37px; line-height: 37px; color: #949596; margin: 0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.team-type-2 .member .member-socials div { top: 100%; position: relative; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.team-type-2 .member:hover .member-socials div { top: 0; }
.team-type-2 .member .member-socials a:hover { color: white; }
.team-type-2 .member:hover .member-socials div:nth-of-type(1) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.team-type-2 .member:hover .member-socials div:nth-of-type(2) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.team-type-2 .member:hover .member-socials div:nth-of-type(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.team-type-2 .member:hover .member-socials div:nth-of-type(4) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.team-type-2 .member:hover .member-socials div:nth-of-type(5) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.team-type-2 .member:hover .member-socials div:nth-of-type(6) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.team-type-3 .member { margin: 0 15px; height: auto; }
.team-type-3 .member img { width: 100%; height: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.team-type-3 .member:hover img { opacity: 0.35; }
.team-type-3 .member .member-body { background-color: #000; position: relative; }
.team-type-3 .member .team-progress { position: absolute; bottom: 20px; left: -15px; width: 100%; opacity: 1; overflow: hidden; }
.team-type-3 .member .team-progress .progress-bar { height: 40px; max-height: 40px; padding: 10px 25px; float: none; font-size: 15px; margin-top: 15px; position: relative; opacity: 1; left: 0; width: 0; min-width: 40%; box-shadow: none; -webkit-transform: translateZ(0) scale(1.0, 1.0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.team-type-3 .member:hover .team-progress .progress-bar { opacity: 0; left: -50%; }
.team-type-3 .member .member-description { position: absolute; width: 100%; left: 0; padding: 20px; color: #f6f6f6; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.team-type-3 .member .member-description p.icon { font-size: 18px; margin-top: -40px; display: block; }
.team-type-3 .member .member-description h2 { font-size: 25px; padding: 0; margin: 15px auto; }
.team-type-3 .member .member-description p { font-size: 15px; line-height: 22px; }
.team-type-3 .member:hover .member-description { opacity: 1; }
.team-type-3 .member .member-socials { position: absolute; bottom: 0; height: 60px; left: 0; width: 100%; text-align: center; overflow: hidden; }
.team-type-3 .member .member-socials a { display: block; width: 37px; height: 37px; line-height: 37px; color: #949596; margin: 0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.team-type-3 .member .member-socials div { top: 100%; position: relative; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.team-type-3 .member:hover .member-socials div { top: 0; }
.team-type-3 .member .member-socials a:hover { color: white; }
.team-type-3 .member:hover .member-socials div:nth-of-type(1) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.team-type-3 .member:hover .member-socials div:nth-of-type(2) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.team-type-3 .member:hover .member-socials div:nth-of-type(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.team-type-3 .member:hover .member-socials div:nth-of-type(4) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.team-type-3 .member:hover .member-socials div:nth-of-type(5) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.team-type-3 .member>h2 { margin: 20px 0 0; font-size: 20px; color: #6c6c6c; }
.team-type-3 .member>p { font-size: 15px; color: #949494; }
.strip-timeline .events { width: 100%; height: auto; padding: 30px 0 90px; position: relative; margin: 20px 0 40px; overflow: hidden; }
.strip-timeline .events div { font-weight: inherit; color: #8f8f8f; font-size: 20px; opacity: 0; position: absolute; text-align: center; left: 20px; width: 100%; text-align: center; margin: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.strip-timeline .events div.active { opacity: 1; left: 0px; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.strip-timeline .dates { border-top: 1px solid #cbcbcb; position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.strip-timeline .dates div { text-transform: uppercase; font-size: 14px; color: #7b7b7b; cursor: cell; word-spacing: 0; position: relative; padding-top: 40px; letter-spacing: 0px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.strip-timeline .dates div:before { content: ''; width: 20px; height: 20px; background: #cbcbcb; position: absolute; margin: 0 auto; display: block; top: -11px; left: 50%; margin-left: -10px; z-index: 2; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.strip-timeline .dates div:after { content: ''; width: 30px; height: 30px; background: white; border: 1px solid #cbcbcb; position: absolute; margin: 0 auto; display: block; top: -16px; left: 50%; margin-left: -15px; z-index: 1; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.strip-timeline .dates:before,
.strip-timeline .dates:after { content: ''; display: block; position: absolute; left: 0px; width: 13px; height: 13px; background: #cbcbcb; border-radius: 100%; top: -7px; }
.strip-timeline .dates:after { left: auto; right: 0px; }
.strip-timeline.light-type .events div { color: #fafafa; }
.strip-timeline.light-type .dates { border-color: #333; }
.strip-timeline.light-type .dates div { color: #fafafa; }
.strip-timeline.light-type .dates div:before { background: #666; }
.strip-timeline.light-type .dates div:after { border-color: #666; background-color: #222; }
.strip-timeline.light-type .dates:before,
.strip-timeline.light-type .dates:after { background: #666; }
.strip-timeline .dates div:hover,
.strip-timeline .dates div.active { color: #777; }
.strip-timeline .dates div:hover:before,
.strip-timeline .dates div.active:before { background-color: #777; }
.strip-timeline .dates div:hover:after,
.strip-timeline .dates div.active:after { border-color: #777; }
@media only screen and (max-width:750px) {
.strip-timeline .events div { padding: 0 15px; }
.strip-timeline .dates { border: none; padding: 0 5px; }
.strip-timeline .dates:before,
.strip-timeline .dates:after { display: none; }
.strip-timeline .dates div { width: 20% !important; margin: 20px 0 !important; word-spacing: 0px; }
.strip-timeline .dates div:before { top: 0px; }
.strip-timeline .dates div:after { top: -5px; }
}
@media only screen and (max-width:450px) {
.strip-timeline .events div { font-size: 15px; }
.strip-timeline .dates div { width: 33% !important; word-spacing: 3px; }
}
.skills-type-1 { text-align: left; padding-bottom: 100px; margin-top: 20px; }
.skills-type-1 .item { margin-top: 30px; }
.skills-type-1 .item h3 { font-size: 20px; text-transform: uppercase; padding: 0; margin: 0 0 30px 0; color: #b7b7b7; }
.skills-type-1 .item .progress { border-radius: 0; height: 10px; background-color: #333; }
.skills-type-1 .item .progress-bar { height: 100%; overflow: hidden; }
.skills-type-1.light-type .progress { background-color: #ddd; }
.skills-type-1.progress-xl .item .progress { height: 35px; }
.skills-type-1.progress-xl .item .progress .progress-bar { line-height: 37px; padding: 0 20px; width: 0; min-width: 150px; text-align: right; }
.skills-type-1.progress-lg .item .progress { height: 20px; }
.skills-type-1.progress-sm .item .progress { height: 5px; }
.progress { box-shadow: none; background-color: #eee }
.skills-type-2 { text-align: left; padding: 0; }
.skills-type-2 .item { margin-top: 30px; text-align: left; }
.skills-type-2 .item h3 { font-size: 16px; font-weight: inherit; text-transform: uppercase; padding: 0; margin: 0 0 10px 0; color: #b7b7b7; }
.skills-type-2.dark .item h3 { color: #555; }
.skills-type-2 .item .progress { border-radius: 0; height: 2px; background-color: #555555; margin-bottom: 10px; }
.skills-type-2.dark .item .progress { border-radius: 0; height: 2px; background-color: #ccc; margin-bottom: 10px; }
.skills-type-2 .item .progress-bar { height: 100%; }
.qdr-col-2.skills-type-2 .item { padding-left: 0; }
.qdr-col-2.skills-type-2 .item:nth-of-type(2n) { padding-left: 15px; padding-right: 0; }
@media only screen and (max-width:690px) {
.skills-type-2 .item { width: 100%; }
.qdr-col-2.skills-type-2 .item:nth-of-type(2n) { padding-left: 0; }
}
.gradient-progress-bar * { position: relative; z-index: 9; line-height: inherit; }
.gallery-type-1 .cbp-caption-activeWrap { background-color: rgba(0,0,0,0.45); }
.gallery-type-1.slash .cbp-caption-activeWrap { width: 94%; left: 3%; height: 94%; top: 3%; }
.gallery-type-1.no-hover .cbp-caption-activeWrap { background-color: rgba(0,0,0,0.1) }
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a { width: 50px; margin: 0 3px; opacity: 0; height: 50px; line-height: 50px; font-size: 22px; padding: 0; color: white; border-radius: 100%; display: inline-block; position: relative; -ms-transform: scale(0.1); -webkit-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a:before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 100%; content: ''; background-color: rgba(255,255,255,0.1); z-index: 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); }
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a:hover:before { -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 1; }
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a i { position: relative; z-index: 2; font-weight: 900; font-size: 19px; }
.gallery-type-1:not(.no-hover) .cbp-item:hover .cbp-caption-activeWrap a { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.gallery-type-1 .cbp-caption-activeWrap a:nth-of-type(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.gallery-type-1 .cbp-caption-activeWrap a:nth-of-type(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.gallery-type-1 .cbp-caption-activeWrap a:nth-of-type(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.gallery-type-1 .cbp-caption-activeWrap a:nth-of-type(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.gallery-type-1:not(.no-hover) .cbp-item:hover .cbp-caption-activeWrap { opacity: 1; }
.gallery-type-1:not(.no-hover) .cbp-item img { -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.gallery-type-1:not(.no-hover) .cbp-item:hover img { -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
.gallery-type-1.with-texts .cbp-item .cbp-item-wrapper { padding-bottom: 10px; }
.gallery-type-1.with-texts .cbp-item .cbp-item-wrapper:before { content: ''; width: 100%; display: block; left: 0; top: 0; bottom: 0; right: 0; background: none; position: absolute; border: 1px solid #eee; }
.gallery-type-1.with-texts .cbp-item .title { color: #666; font-size: 17px; padding-left: 10px; }
.gallery-type-1.with-texts .cbp-item .description { font-size: 13px; padding-left: 10px; }
.projects-white-buttons .cbp a { font-size: 11px; font-weight: bolder; text-transform: uppercase; background-color: white; margin-top: 1px; color: #333 }
.custom-texts .cbp-filter-item { font-family: inherit; font-weight: inherit; text-transform: inherit; font-size: inherit; }
.cbp .cbp-item-off { display: none; }
@media only screen and (max-width:830px) {
.gallery-type-1 .cbp-item-wrapper .cbp-caption>div { overflow: hidden; }
.gallery-type-1 .cbp-caption-activeWrap { position: relative; opacity: 1; background-color: #252525; visibility: visible; }
.gallery-type-1:not(.no-hover) .cbp-caption-activeWrap a { opacity: 1; visibility: visible; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
.styled-portfolio .cbp-item .cbp-caption-activeWrap { background-color: rgba(24,24,24,0.7); }
.styled-portfolio.bordered-items .cbp-item .cbp-caption-activeWrap { background-color: transparent; }
.styled-portfolio.bordered-items .cbp-item .cbp-caption-activeWrap:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; background-color: rgba(32,32,32,1); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.styled-portfolio.parallax .cbp-item .cbp-caption-defaultWrap img { display: block; position: relative; -webkit-transform: translate(0px, 0px) scale(1.0); -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; transition: all 1s ease-out; }
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-title { font-weight: 600; letter-spacing: -0.4px; font-size: 18px; line-height: 35px; }
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-desc { font-weight: 600; letter-spacing: 0px; font-size: 11px; color: #bbb; }
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-title img { display: inline-block; width: auto; height: auto; position: relative; margin-bottom: 11px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
@media only screen and (min-width:630px) {
.styled-portfolio.bordered-items .cbp-item .cbp-caption-activeWrap:before { background-color: rgba(24,24,24,0.7); }
.styled-portfolio.bordered-items .cbp-item:hover .cbp-caption-activeWrap:before { left: 20px; right: 20px; bottom: 20px; top: 20px; }
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-title span,
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-desc span { opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); position: relative; display: inline-block; }
.styled-portfolio .cbp-item .cbp-caption-activeWrap .cbp-l-caption-title span { -webkit-transition-delay: 0.0s; transition-delay: 0.0s; }
.styled-portfolio .cbp-item:hover .cbp-caption-activeWrap .cbp-l-caption-title + .cbp-l-caption-desc span,
.styled-portfolio .cbp-item:hover .cbp-caption-activeWrap .cbp-l-caption-desc + .cbp-l-caption-title span { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.styled-portfolio .cbp-item:hover .cbp-caption-activeWrap .cbp-l-caption-title span,
.styled-portfolio .cbp-item:hover .cbp-caption-activeWrap .cbp-l-caption-desc span { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
}
.parallax-portfolio .item { display: block; position: relative; }
.parallax-portfolio .item:after { display: block; position: absolute; content: ''; background: rgba(20,20,20,0.6); z-index: -1; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.parallax-portfolio .item .item-overlay { opacity: 0; position: relative; z-index: 1; }
.parallax-portfolio .item:hover:after,
.parallax-portfolio .item:hover .item-overlay { opacity: 1; }
.parallax-portfolio .item .item-overlay .item-icon { opacity: 0; margin: 0; padding: 0; position: relative; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; transition: all 0.3s linear 0.4s; }
.parallax-portfolio .item .item-overlay .item-title { opacity: 0; margin: 0; padding: 0; position: relative; left: 15px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.parallax-portfolio .item .item-overlay .item-desc { opacity: 0; margin: 0; padding: 0; position: relative; left: 15px; -webkit-transition: all 0.3s linear 0.2s; -moz-transition: all 0.3s linear 0.2s; transition: all 0.3s linear 0.2s; }
.parallax-portfolio .item:hover .item-overlay .item-icon,
.parallax-portfolio .item:hover .item-overlay .item-title,
.parallax-portfolio .item:hover .item-overlay .item-desc { left: 0; opacity: 1; }
.portfolio-column,
.portfolio-column .slide { height: 100%; overflow: hidden; position: relative; display: block; }
.portfolio-column .slide .slide-img { position: absolute; height: 100%; width: 100%; overflow: hidden; }
.portfolio-column .slide .slide-img img { min-height: 100%; width: auto; min-width: 105.5%; object-fit: cover; position: relative; -webkit-transform: translateX(-5%); -moz-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s; }
.portfolio-column .slide:before { position: absolute; content: ''; left: 15px; top: 15px; right: 15px; bottom: 15px; background-color: rgba(15,15,15,1); opacity: 0; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.portfolio-column .slide:hover:before { opacity: 0.4; }
.portfolio-column .slide:hover .slide-img img { -webkit-transform: translateX(-2%); -moz-transform: translateX(-2%); -ms-transform: translateX(-2%); transform: translateX(-2%); }
.portfolio-column .slide .details { position: absolute; left: 30px; right: 30px; top: auto; bottom: 30px; z-index: 2; padding: 15px; }
.portfolio-column .slide .details>* { opacity: 0; top: 10px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.0s; transition-delay: 0.0s; }
.portfolio-column .slide:hover .details>* { opacity: 1; top: 0; }
.portfolio-column .slide:hover .details .title { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.portfolio-column .slide:hover .details>div { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.portfolio-column .slide:hover .details .description { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.portfolio-column .slide:hover .details .button { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.portfolio-column .slide .details .button:hover { -webkit-transition-delay: 0.0s; transition-delay: 0.0s; }
.portfolio-column.style-2 .slide { -webkit-transition: width 0.5s; -moz-transition: width 0.5s; transition: width 0.25s; }
.portfolio-column.style-2 .slide:hover .slide-img img { -webkit-transform: translateX(-3%); -moz-transform: translateX(-3%); -ms-transform: translateX(-3%); transform: translateX(-3%); }
@media only screen and (min-width:1170px) {
.portfolio-column.style-2.qdr-col-5:hover .slide { width: 19.5% !important; }
.portfolio-column.style-2.qdr-col-5 .slide:hover { width: 22% !important; }
.portfolio-column.style-2.qdr-col-4:hover .slide { width: 24% !important; }
.portfolio-column.style-2.qdr-col-4 .slide:hover { width: 28% !important; }
.portfolio-column.style-2.qdr-col-3:hover .slide { width: 32% !important; }
.portfolio-column.style-2.qdr-col-3 .slide:hover { width: 36% !important; }
.portfolio-column.style-2.qdr-col-2:hover .slide { width: 47% !important; }
.portfolio-column.style-2.qdr-col-2 .slide:hover { width: 53% !important; }
}
@media only screen and (max-width:1025px) {
.portfolio-column .slide .details>* { opacity: 1; top: 0; }
.portfolio-column .slide:before { opacity: 1; background-color: rgba(15,15,15,0.3); }
}
.portfolio-column.centered-details .slide .details { bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
.portfolio-column.style-3 .slide .details>* { opacity: 1; top: 0; }
.portfolio-column.style-3 .slide:before { opacity: 1; left: 0; top: 0; bottom: 0; right: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); }
.works-without-images { padding: 0; }
.works-without-images .item-body { padding: 30px 20px; display: block; border: 1px solid #eee; opacity: .5; }
.works-without-images .item-body .title img { max-width: 140px; }
.works-without-images .item-body:hover { opacity: 1; }
.works-without-images .item-body .title { padding: 0; margin: 0 0 15px 0; }
.works-without-images .item-body .desc { line-height: 22px; margin-bottom: 20px; }
.icon-arrow { width: 15%; margin: 10px 0; background-color: #aaa; display: block; height: 1px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.icon-arrow:before,
.icon-arrow:after { width: 5px; height: 1px; transform: rotate(90deg); background-color: inherit; content: ''; display: block; position: absolute; right: -2px; top: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.icon-arrow:after { top: -2px; transform: rotate(-90deg); }
.icon-arrow-trigger:hover .icon-arrow:before { transform: rotate(146deg); right: -3px; width: 16px; top: 4px; }
.icon-arrow-trigger:hover .icon-arrow:after { transform: rotate(-146deg); right: -3px; width: 16px; top: -4px; }
.icon-arrow-trigger:hover .icon-arrow { width: 50%; }
.cbp-popup-singlePage .cbp-popup-navigation-wrap { background-color: #2a2a2a; }
.hero-slider,
.hero-slider .slide { position: relative; overflow: hidden; }
.hero-slider .slide .slide-img { position: absolute; width: 100%; height: 100% !important; max-width: 100% !important; background-attachment: scroll !important; left: 0; top: 0 !important; z-index: 2; background-position: center center; background-size: cover; }
.hero-slider .slide .details { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; }
.hero-slider .slick-list,
.hero-slider .slick-track { height: 100% !important; }
.hero-slider .slick-slide .animated { visibility: hidden !important; animation-duration: 0.9s; -webkit-transition: visibility 0.3s; -moz-transition: visibility 0.3s; transition: visibility 0.3s; }
.hero-slider .slick-slide.slick-current .animated.visibleme { visibility: visible !important; }
.nav-to-custom-slider .slick-slide { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.5; }
.nav-to-custom-slider .slick-center { opacity: 1; }
.background-slider { z-index: -1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; }
.background-slider .slick-list,
.background-slider .slick-track { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 !important; }
.background-slider .slide { position: relative; width: 100%; height: 100%; background-size: cover; background-position: center center; }
.clients-carousel { padding: 30px; }
.clients-carousel .cbp-caption-opacity .cbp-caption-defaultWrap { padding: 15px 10px; }
.clients-carousel .cbp-caption-opacity .cbp-caption-defaultWrap img { width: auto; height: auto; max-width: 90%; max-height: 80px; margin: 0 auto; }
.clients-carousel.dark-type .cbp-item:hover .cbp-caption { border-color: #555; }
.client-list { overflow: hidden; }
.client-list li,
.client-list li a { display: block; max-width: 100%; margin: 0 auto; padding: 0; height: auto; position: relative; }
.client-list li { border-style: inherit; border-color: inherit; }
.client-list li a { width: 80%; padding: 10px 0; opacity: 0.6; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
.client-list li a img { vertical-align: middle; width: 100%; max-width: 100%; }
.client-list li a:hover { opacity: 1; }
.client-list li:before { position: absolute; content: ''; top: 0; height: 100%; width: 0px; left: -1px; border-width: 0px; border-left-width: 1px; border-color: inherit; border-style: inherit; }
.client-list li:after { position: absolute; content: ''; left: 0; width: 100%; height: 1px; bottom: -1px; border-width: 0px; border-bottom-width: 1px; border-color: inherit; border-style: inherit; }
.client-list.client-list-carousel li { padding-bottom: 1px; }
.client-list-carousel a { border: 1px solid transparent; }
.client-list-carousel a:hover { border: 1px solid #eee !important; }
.contact-type-1 { padding-top: 100px; padding-bottom: 100px; }
.contact-type-1 * { color: #555; line-height: normal; }
.contact-type-1 .contact-title { padding: 0; margin: 0 0 60px; }
.contact-type-1 .address h3.title { margin-bottom: 50px; }
.contact-type-1 p { font-size: inherit; color: #565656; direction: ltr; line-height: 25px; margin: 10px 0 0; }
.contact-type-1 p * { margin-left: 5px; }
.contact-type-1 .qdr-callout { border-color: #46332a; }
.contact-type-1 .contact-button { border: 1px solid #cacaca; background: #fff; border-radius: 0; padding: 13px 0; font-size: inherit; text-align: center; width: 100%; text-transform: uppercase; display: block; }
.contact-type-1 .contact-button:hover { opacity: 1 !important; border-color: transparent; }
.contact-type-1 .address { padding-right: 15px; }
.contact-type-1 .contact #contact_form { margin-top: 40px; }
.contact-type-1 input,
.contact-type-1 textarea { width: 100%; height: auto; padding: 18px 0; background: transparent; margin: 0; text-transform: uppercase; font-size: inherit; border: none; color: #848484; font-weight: inherit; resize: none; -webkit-transition: all 0.3s ease-in-out 0.60s; -moz-transition: all 0.3s ease-in-out 0.60s; transition: all 0.3s ease-in-out 0.60s; }
.contact-type-1 textarea { height: 100px; }
.contact-type-1 textarea.lg { height: 170px; }
.contact-type-1 input:focus,
.contact-type-1 textarea:focus { padding-left: 10px; -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; }
.contact-type-1 .error_warning { border-bottom-color: #bf1f1f !important; }
.contact-type-1 span.border-effect span { background-color: #b5b5b5; }
.contact-type-1 span.border-effect { border-bottom-color: #b5b5b5; }
.contact-type-1::-webkit-input-placeholder {
color:#777;
}
.contact-type-1:-moz-placeholder {
color:#777;
}
.contact-type-1::-moz-placeholder {
color:#777;
}
.contact-type-1:-ms-input-placeholder {
color:#777;
}
@media only screen and (max-width:1175px) {
.contact-type-1 .container { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-width:700px) {
.contact-type-1 .container>div.contact { margin-top: 60px; }
}
.contact-type-1.light-type *,
.contact-type-1.light-type .address p span { color: #ddd; }
.contact-type-1.light-type .qdr-callout { border-color: #46332a; }
.contact-type-1.light-type .contact-button { border: 1px solid #393736; background: #2b2928; }
.contact-type-1.light-type .contact-button:hover { opacity: 1 !important; }
.contact-type-1.light-type span.border-effect span { background-color: #444; }
.contact-type-1.light-type span.border-effect { border-bottom-color: #444; }
.contact-type-1.light-type::-webkit-input-placeholder {
color:#aaa;
}
.contact-type-1.light-type:-moz-placeholder {
color:#aaa;
}
.contact-type-1.light-type::-moz-placeholder {
color:#aaa;
}
.contact-type-1.light-type:-ms-input-placeholder {
color:#aaa;
}
.classic_footer { background-color: #171717; color: #8a8a8a; line-height: 170%; font-size: 14px; -webkit-transform: translateZ(0px); transform: translateZ(0px); }
.classic_footer .footer-body { padding: 60px 0 50px; }
.classic_footer .footer-body .row { width: 100%; }
@media only screen and (max-width:1171px) {
.classic_footer { padding-left: 15px; padding-right: 15px; }
}
.classic_footer #flickr_badge_wrapper .flickr_badge_image { display: inline-block; margin-right: 10px; margin-bottom: 10px; opacity: .7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.classic_footer #flickr_badge_wrapper .flickr_badge_image:hover { opacity: 1; }
.classic_footer #flickr_badge_wrapper .flickr_badge_image img { width: 76px; height: 76px; }
.classic_footer .social-icon { width: 40px; height: 40px; line-height: 40px; font-size: 12px; }
.classic_footer .footer-bottom { background-color: #131313; padding: 20px 0; font-size: 13px; }
.classic_footer .footer-bottom img.logo { max-height: 35px; }
.classic_footer .footer-bottom .bottoms>div { display: inline-block !important; vertical-align: middle; float: none !important; max-height: 40px; }
@media only screen and (max-width:1025px) {
.classic_footer .footer-bottom .bottoms>div { width: 100% !important; text-align: center; margin-bottom: 10px; height: auto; }
.classic_footer .footer-bottom .bottoms>div:last-child { margin-bottom: 0; }
}
.classic_footer .from-gallery a { display: inline-block; width: 80px; overflow: hidden; margin: 0 5px 5px 0; opacity: .7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.classic_footer .from-gallery a:hover { opacity: 1; }
@media only screen and (max-width:900px) {
.classic_footer>.container>div { width: 100%; margin-top: 50px; }
.classic_footer>.container>div:first-child { margin-top: 0; }
}
.basic_footer { padding: 90px 0; text-align: center; color: #939393; letter-spacing: 0.3px; }
.basic_footer h3 { margin: 20px auto; padding: 0 }
.basic_footer h5 { margin: 0 auto; }
.footer-clients a { height: 70px; position: relative; text-align: center; margin: 0 10px 0 0; border: 1px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.footer-clients a:hover { border: 1px solid rgba(255,255,255,0.1); }
.footer-clients img { max-height: 60px; width: auto; position: absolute; top: 50%; left: 50%; max-width: 90%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.footer-newsletter input { background: #1f1f21; margin-bottom: 15px; color: #fff; height: 40px; width: 100%; outline: none !important; border: none; box-shadow: none !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.footer-newsletter input.error_warning { background-color: #671e1e; color: white; }
.footer-newsletter button#submit { height: 40px; width: 100%; border-radius: 4px; }
.footer-newsletter input:not(.error_warning)::-webkit-input-placeholder {
color:#777;
}
.footer-newsletter input:not(.error_warning):-moz-placeholder {
color:#777;
}
.footer-newsletter input:not(.error_warning)::-moz-placeholder {
color:#777;
}
.footer-newsletter input:not(.error_warning):-ms-input-placeholder {
color:#777;
}
.footer-client-comments .slick-slide { margin-bottom: 20px; }
.footer-client-comments .avatar { width: 35px; height: 35px; overflow: hidden; float: left; margin-right: 10px; }
.footer-client-comments .avatar img { max-width: 100%; }
.footer-client-comments .texts { float: left; width: 70%; width: calc(100% - 60px); }
.footer-client-comments .texts h6 { margin-top: 2px; }
footer.footer-fixed { position: fixed; bottom: 0; left: 0; right: 0; z-index: 0; -webkit-transform: translateZ(0); transform: translateZ(0); }
body.footer-fixed-page>section { z-index: 2; position: relative; }
@media only screen and (max-width:1024px) {
footer.footer-fixed { position: relative; }
footer.footer-fixed + .footer-keeper { display: none; }
}
ul.twitter-list li a { display: block; margin: 10px 0; }
ul.twitter-list li a:hover { text-decoration: underline; }
ul.twitter-list li a i { margin-right: 6px; color: rgba(90,158,242,1); }
ul.twitter-list li a span { display: block; margin-top: 12px; }
footer ul.twitter-list li a span { font-size: 11px; color: #444; margin-top: 5px; font-weight: bold; text-transform: uppercase; }
.qdr-blog,
.qdr-blog .cbp-wrapper-outer,
.qdr-blog .cbp-item { overflow: visible; }
.qdr-blog .blog-utilities .blog-user { display: inline-block; padding: 5px 10px; border-radius: 6px; }
.qdr-blog .blog-utilities .blog-user img { display: inline-block; width: 100%; max-width: 40px; vertical-align: middle; }
.qdr-blog .blog-utilities .blog-user p { display: inline-block; vertical-align: middle; padding-left: 5px; }
.qdr-blog.post-radius .cbp-item,
.qdr-blog.post-radius .cbp-item .cbp-item-wrapper { border-radius: 6px; }
.qdr-blog.post-radius .cbp-item .cbp-item-wrapper { overflow: hidden; }
.qdr-blog.post-shadow .cbp-item:hover { z-index: 10; }
.qdr-blog.post-shadow .cbp-item:before { position: absolute; border-radius: inherit; display: block; left: 0; top: 0; content: ''; width: 100%; height: 100%; box-shadow: 0 10px 100px -20px rgba(0,0,0,0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.qdr-blog.post-shadow .cbp-item:hover:before { box-shadow: 0 70px 100px -20px rgba(0,0,0,0.3); }
.qdr-blog.post-shadow.post-shadow-sm .cbp-item:hover:before { box-shadow: 0 32px 100px -20px rgba(0,0,0,0.15); }
.tags a,
.tags .tag { display: inline-block; padding: 6px 13px; background-color: #eee; line-height: normal; margin: 3px 2px; font-size: inherit; font-weight: inherit; border-radius: 4px; color: #888; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; }
.tags a:hover,
.tags .tag:hover { color: #555; background-color: #fff; box-shadow: 2px 10px 25px 0px rgba(0,0,0,0.06) }
.tags.dark a,
.tags.dark .tag { background-color: #212121; color: #ffffff; }
.tags.dark a:hover,
.tags.dark .tag:hover { background-color: #484848; }
.blog-landing .post { border-width: 1px; border-style: solid; padding: 35px 15px; position: relative; }
@media only screen and (min-width:1024px) {
.blog-landing .post { padding: 35px; }
}
.post-pagination { position: relative; text-align: left; }
.post-pagination .pagination,
.post-pagination .all { height: 80px; float: left; }
.post-pagination .pagination { width: 47%; overflow: hidden; text-align: left; position: relative; padding: 0 30px; margin: 0; line-height: inherit; display: block; line-height: 85%; }
.post-pagination .pagination .texts { left: 40px; position: relative; }
.post-pagination .pagination.next .texts { left: auto; right: 40px; text-align: right; }
.post-pagination .icon { position: absolute; opacity: .5; left: 40px; top: 10px; font-size: 18px; visibility: visible; }
.post-pagination .pagination.next .icon { left: auto; right: 40px; }
.post-pagination .post-image,
.post-pagination .icon,
.post-pagination .texts { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; top: 50%; will-change: transform; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.post-pagination .post-image { position: absolute; left: 0; width: 45px; height: 45px; visibility: hidden; opacity: 0; }
.post-pagination .pagination.next .post-image { left: auto; right: 0; }
.post-pagination .post-image img { display: block; width: auto; max-width: 100%; }
.post-pagination .all { width: 6%; line-height: 80px; font-size: 14px; position: relative; text-align: center; border-left-width: 1px; border-right-width: 1px; border-style: solid; }
.post-pagination .pagination.prev:hover .texts { left: 60px; }
.post-pagination .pagination.prev:hover .icon { opacity: 0; visibility: hidden; left: 80px; }
.post-pagination .pagination.prev:hover .post-image { opacity: 1; visibility: visible; left: 30px; }
.post-pagination .pagination.next:hover .texts { right: 60px; }
.post-pagination .pagination.next:hover .icon { opacity: 0; visibility: hidden; right: 80px; }
.post-pagination .pagination.next:hover .post-image { opacity: 1; visibility: visible; right: 30px; }
@media only screen and (max-width:641px) {
.post-pagination { display: none; }
}
.pagination { align-items: center; justify-content: center; }
.pagination>li>a { display: block; border: 1px solid #ddd; }
.pagination>li>a,
.pagination>li>span { font-size: 12px; text-transform: uppercase; color: #888; }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { color: #fff; background-color: #333; }
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { background-color: #dedede; border-color: #dedede; color: inherit; }
.pagination-lg>li>a,
.pagination-lg>li>span { padding: 7px 22px; }
.shop .cbp { overflow: visible; }
.shop .item .product-image { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.shop .item:hover .product-image { opacity: 0.7; }
.shop .item a.cbp-caption:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: transparent; border: 1px solid #ddd; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.shop .item .details { background: transparent; margin-top: 25px; }
.shop .item .title { font-size: 18px; font-weight: 400; letter-spacing: -1.2px; }
.shop .item .subtitle { font-size: 15px; color: #999; font-weight: 400; }
.shop .item .price span { font-weight: 400; letter-spacing: -0.4px; font-size: 17px; margin-left: 10px; }
.shop .item .price span.old { text-decoration: line-through; color: #999; }
.shop .item a.add-to-cart { display: block; width: 100%; position: relative; bottom: -60px; margin-top: 18px; padding: 7px 0; opacity: 0; background-color: #f2f2f2; font-size: 14px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.shop .item a.add-to-cart:hover { color: #fff; background-color: #3a3a3a; }
.shop .item a.add-to-cart i { margin-right: 10px; }
.shop .item:hover a.add-to-cart { bottom: 0; opacity: 1; }
.shop.shop-styled .item:hover .product-image { top: -5px; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.shop.shop-styled .item .product-image { padding-top: 15px; }
.shop.shop-styled .item a.cbp-caption:before { border: none; background-color: #fafafa; }
.shop.shop-styled .item a.add-to-cart { background-color: #333; color: white; }
.shop.shop-styled .item a.add-to-cart:hover { background-color: #111; }
.shop.shop-styled .item:hover a.cbp-caption:before { background-color: #fafafa; }
.shop-parallax a.item { display: block; position: relative; }
.shop-parallax a.item:after { display: block; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.3); position: absolute; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.shop-parallax a.item:hover:after { opacity: 0; }
@media screen and (max-width:900px) {
.shop-single .details { margin-top: 70px; }
}
.shop-single .details-icons { padding: 20px; }
.shop-single .details-icons .icon { float: left; width: 35px; height: 40px; padding-top: 5px; border-style: solid; text-align: center; font-size: 28px; color: inherit; }
.shop-single .details-icons .text { float: left; font-size: 16px; margin-left: 6px; }
.shop-single .details-icons .text span { font-size: 12px; line-height: 12px; }
.table-shop-cart .product-thumbnail img { max-height: 80px; }
@media screen and (max-width:800px) {
.table-shop-cart .product-thumbnail img { max-height: 40px; }
}
@media screen and (max-width:480px) {
.table-shop-cart .product-thumbnail img { display: none; }
}
.table-shop-cart.table>tbody>tr>td { vertical-align: middle; }
.modal { overflow: hidden; z-index: 1400; -webkit-transform: translateZ(0); transform: translateZ(0); }
.middle-modal { text-align: left; width: auto; }
.modal .modal-dialog { -webkit-transform: translate(0, 0%) !important; transform: translate(0, 0%) !important; }
.modal .modal-content { border: none; }
.modal .modal-header { display: block; }
.modal .modal-details { padding: 70px 40px; }
.modal .modal-sm .modal-details { padding: 30px 20px; }
@media screen and (max-width:768px) {
.modal { overflow-y: auto; }
.middle-modal .modal-details { padding: 40px 30px 20px; }
}
@media screen and (min-width:768px) {
.middle-modal > .modal-dialog { left: 50%; top: 50%; position: fixed !important; -webkit-transform: translateY(-50%) translateX(-50%) !important; -moz-transform: translateY(-50%) translateX(-50%) !important; -ms-transform: translateY(-50%) translateX(-50%) !important; transform: translateY(-50%) translateX(-50%) !important; }
}
.middle-modal>.container,
.middle-modal>.container-sm,
.middle-modal>.container-md,
.middle-modal>.container-lg { padding-left: 0 !important; padding-right: 0 !important; }
.modal-backdrop { z-index: 1300; }
.modal-backdrop.in { opacity: 0.7; }
.modal .modal-img { overflow: hidden; position: absolute; left: 0; height: 101%; top: -1px; padding: 0; background-size: cover; background-position: center center; }
.modal .modal-img.to-right { left: auto; right: 0; }
.modal .modal-img img { width: auto; height: auto; min-height: 100%; min-width: 100%; }
.modal .slick-slider img { max-width: 100%; }
@media screen and (max-width:1185px) {
.middle-modal>div { width: 95%; max-width: none; padding: 0; }
}
@media screen and (max-width:1000px) {
.modal .modal-img { height: 100%; }
.modal .modal-img img { height: auto; width: auto; min-width: 100%; min-height: 100%; }
}
@media screen and (max-width:768px) {
.modal .modal-img { position: relative; height: auto; min-height: 300px; }
.modal .modal-img img { height: auto; width: auto; min-width: 100%; min-height: 100%; }
.middle-modal>div { margin-top: 15px; margin-bottom: 15px; }
}
.modal .modal-promo { padding: 150px 40px; max-width: 1170px; background-size: cover; background-position: center center; }
@media only screen and (max-width:1024px) {
.modal .slick-slider { background: url(../images/loader.gif) center center no-repeat; min-height: 100px; }
.modal .slick-slider .slick-list { opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; }
.modal .slick-slider.modal-active .slick-list { opacity: 1; }
.modal .slick-slider.modal-active { background: none; }
}
.modal .close { opacity: 1; display: block; width: 40px; height: 40px; text-align: center; border-radius: 100%; position: absolute; background-color: #fff; top: 15px; right: 15px; color: #aaa; z-index: 20; line-height: 40px; font-weight: 100; font-size: 17px; }
.modal .modal-xl { width: 100%; max-width: 1170px; height: auto; margin: 40px auto; position: relative; }
.modal .modal-lg { margin: 40px auto; }
.modal .modal-md { margin: 15px auto; }
.modal .modal-sm { margin: 40px auto; position: relative; }
@media screen and (max-width:1185px) {
.modal .modal-xl { width: auto; margin: 40px 15px; }
}
@media screen and (max-width:915px) {
.modal .modal-lg { margin: 40px 15px; }
}
@media screen and (max-width:768px) {
.modal .modal-sm { margin: 40px 15px; }
}
#quadra_fixed_modal { visibility: hidden; position: fixed; will-change: transform; z-index: 1037; width: 100%; top: 100%; height: 100%; -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0) translateZ(0); -ms-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); overflow-x: hidden; overflow-y: hidden; }
#quadra_fixed_modal.hiding { visibility: hidden; top: 100% !important; -webkit-transform: translateY(-0px) !important; -moz-transform: translateY(-0px) !important; -ms-transform: translateY(-0px) !important; transform: translateY(-0px) !important; }
#quadra_fixed_modal.hiding.force-show { visibility: visible; top: 0% !important; -webkit-transform: translateY(0px) !important; -moz-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; }
#quadra_fixed_modal.clickable { visibility: visible; -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }
body.qdr-modal-open { overflow: hidden; height: 100%; }
@media screen and (min-width:641px) {
body.left-mini-side-menu-active #quadra_fixed_modal,
body.right-mini-side-menu-active #quadra_fixed_modal { width: calc(100% - 60px); }
}
@media screen and (min-width:1450px) {
body.left-side-menu-active #quadra_fixed_modal,
body.right-side-menu-active #quadra_fixed_modal { width: calc(100% - 300px); }
}
@media (min-width:1120px) and (max-width:1450px) {
body.left-side-menu-active #quadra_fixed_modal,
body.right-side-menu-active #quadra_fixed_modal { width: calc(100% - 230px); }
}
#quadra_fixed_modal.active { top: 0%; visibility: visible; -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0) translateZ(0); -ms-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); height: 100%; overflow-y: auto; }
.quadra_fixed_modal_top { position: relative; top: 0; height: 60px; line-height: 64px; cursor: pointer; }
#quadra_fixed_modal.active .quadra_fixed_modal_top { height: 100px; line-height: 100px; }
.quadra_fixed_modal_top div { width: 100%; height: 100%; padding: 0 12px; line-height: inherit; position: absolute; display: none; text-align: center; font-size: 21px; text-transform: uppercase; }
.quadra_fixed_modal_top #qfm_button { display: block; }
.quadra_fixed_modal_top #qfm_button i { line-height: inherit; }
.quadra_fixed_modal_top #qfm_button:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(0,0,0,0.15); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
.quadra_fixed_modal_top #qfm_button:hover:before { opacity: 1; }
.qfm-body { padding: 50px 15px 70px; }
#qfm_title { position: relative; border-bottom: 1px solid #ddd; }
#qfm_title i { font-size: 23px; position: absolute; width: 100px; height: 100%; right: 0; top: 0; line-height: inherit; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
#qfm_title i:hover { background-color: rgba(0,0,0,0.03); }
#qfm_button span.hide-modal { position: absolute; right: 0; top: 0; width: 100px; height: 100%; text-align: center; }
#qfm_button span.hide-modal:before { content: '\e082'; font-family: 'simple-line-icons'; font-size: 25px; background-color: rgba(0,0,0,0.05); line-height: inherit; opacity: 0.8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
#qfm_button span.hide-modal:hover:before { background-color: rgba(22,22,22,0.2); }
@media screen and (max-width:480px) {
.quadra_fixed_modal_top div { font-size: 17px; }
#qfm_button span.hide-modal { width: 80px; }
#qfm_title i { font-size: 17px; width: 80px; }
}
.qfm-body div { font-family: inherit !important; }
#quadra_fixed_modal.faq .quadra_fixed_modal_top { border-top: 1px solid #ddd; }
#quadra_fixed_modal.faq .qfm-body .cbp-caption-expand .cbp-caption-defaultWrap { font-size: 16px; text-transform: uppercase; padding: 12px 0; }
#quadra_fixed_modal.faq .qfm-body .cbp-caption-expand .cbp-caption-defaultWrap i { margin-right: 10px; }
#quadra_fixed_modal.faq .qfm-body .cbp-caption-expand .cbp-l-caption-body { font-size: 16px; font-weight: 300; color: #555; }
.mail:hover,
.mail-bg { background: #404040 !important; }
.facebook:hover,
.facebook-bg { background: #4b6ea8 !important; }
.twitter:hover,
.twitter-bg { background: #4fd5f8 !important; }
.youtube:hover,
.youtube-bg { background: #da1818 !important; }
.vimeo:hover,
.vimeo-bg { background: #96d3f0 !important; }
.pinterest:hover,
.pinterest-bg { background: #d83633 !important; }
.linkedin:hover,
.linkedin-bg { background: #0189c3 !important; }
.flickr:hover,
.flickr-bg { background: #84979e !important; }
.dropbox:hover,
.dropbox-bg { background: #1e81c2 !important; }
.instagram:hover,
.instagram-bg { background: #d82950 !important; }
.tumblr:hover,
.tumblr-bg { background: #345365 !important; }
.skype:hover,
.skype-bg { background: #00bbf0!important; }
.google-plus:hover,
.google-plus-bg { background: #da2200 !important; }
.twitter-square:hover,
.twitter-square-bg { background: #4fd5f8 !important; }
.rss:hover,
.rss-bg { background: #fb9c00 !important; }
.apple:hover,
.apple-bg { background: #404040 !important; }
.windows:hover,
.windows-bg { background: #0063f4 !important; }
.dribbble:hover,
.dribbble-bg { background: #f2689c !important; }
.android:hover,
.android-bg { background: #80da23 !important; }
.html5:hover,
.html5-bg { background: #ec6432 !important; }
.css3:hover,
.css3-bg { background: #3a88d0 !important; }
.pagelines:hover,
.pagelines-bg { background: #4f98df !important; }
.gittip:hover,
.gittip-bg { background: #7c6035 !important; }
.mail-color:hover { color: #404040 !important; }
.facebook-color:hover { color: #4b6ea8 !important; }
.twitter-color:hover { color: #4fd5f8 !important; }
.youtube-color:hover { color: #da1818 !important; }
.vimeo-color:hover { color: #96d3f0 !important; }
.pinterest-color:hover { color: #d83633 !important; }
.linkedin-color:hover { color: #0189c3 !important; }
.flickr-color:hover { color: #84979e !important; }
.dropbox-color:hover { color: #1e81c2 !important; }
.instagram-color:hover { color: #d82950 !important; }
.tumblr-color:hover { color: #345365 !important; }
.skype-color:hover { color: #00bbf0!important; }
.google-plus-color:hover { color: #da2200 !important; }
.twitter-square-color:hover { color: #4fd5f8 !important; }
.rss-color:hover { color: #fb9c00 !important; }
.apple-color:hover { color: #404040 !important; }
.windows-color:hover { color: #0063f4 !important; }
.dribbble-color:hover { color: #f2689c !important; }
.android-color:hover { color: #80da23 !important; }
.html5-color:hover { color: #ec6432 !important; }
.css3-color:hover { color: #3a88d0 !important; }
.pagelines-color:hover { color: #4f98df !important; }
.gittip-color:hover { color: #7c6035 !important; }
.aggregate { display: block; position: fixed; bottom: 10px; left: 10px; background: #fff; padding: 10px; border-top: 4px solid #28b446; box-shadow: 0 0 5px #000; -o-box-shadow: 0 0 5px #000; -ms-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; z-index: 9999; }
.aggregate img { display: inline-block; vertical-align: top; width: 60px; height: auto; margin: 3px 10px 0 0; }
.aggregate a { display: inline-block; text-align: left; vertical-align: top; line-height: 18px; margin: 0; }

/* Popup Form Start */
@media screen and (max-width: 767px) {
.inputf1 { width: 100%; }
.inputf2 { width: 100%; }
.inputf3 { width: 100%; }
.in1 { width: 50%; }
.capcha { width: 47%; }
.submitddd { float: right; width: 100%; clear: both; margin-bottom: 13px; }
}
.black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
.white_content { display: none; position: absolute; top: 200px; left: 40%; width: 25%; padding: 16px; border: 7px solid #2e4d3d; background-color: white; z-index: 9999; overflow: auto; }
.closebutton { float: right; margin-top: -16px; margin-right: -16px; }
.popupform { text-align: center; }
.popupform input,
textarea { width: 100%; margin-bottom: 5px; margin-top: 5px; padding: 9px; border-bottom: 1px solid #000000; }
.pheda { text-align: center; font-size: 24px; padding: 11px; color: white; }
.submitpopup input { color: #ffffff !important; cursor: pointer; }
/* Popup Form End */

/*03-04-2019 Start*/

.gallery { display: inline-block; text-align: center; margin: 0 auto; clear: both; padding: 0 }
.gallery ul.images { list-style-type: none; border: none; padding: 30px 15px 0; background-color: #ccc; border-radius: 5px; float: left; }
.gallery ul.images li.image { display: inline; line-height: 0; padding: 0 15px; width: 20%; float: left; margin-bottom:30px}
.block { display: inline-block; background-color: #ccc; border-radius: 5px; padding: 8px }
pre { background-color: #eee; border-radius: 5px; padding: 8px; clear: both }
img { border: none; }
.highlight { color: red; }
.gallery ul.images li.image a { width: 100%; max-height: 200px; float: left; display: block; overflow: hidden }
.gallery ul.images li.image img { min-height: 200px; max-width: 100%; width: auto }
#event-all { padding: 20px 0; border-bottom: 1px solid #eee; }
#event-all h5 { color: #282828; font-family: 'Playfair Display', serif; font-weight: 700; margin: 0 0 25px; font-size: 20px; text-transform: uppercase; width:100%}
/*03-04-2019 End*/
@media screen and (min-width: 1600px) {
	.gallery ul.images{max-width:1366px; margin:0 auto}
}
@media screen and (max-width: 1200px) {
	.gallery ul.images li.image a{    max-height: 160px;}
}
@media screen and (max-width:1024px) {
	.gallery ul.images li.image{    width: 25%;}
	.gallery ul.images li.image a{    max-height: 150px;}
}
@media screen and (max-width:991px) {
	.gallery ul.images li.image{    width: 33.333%;}
	.gallery ul.images li.image a{    max-height: 180px;}
	.hero-slider, .hero-slider .slide {height: 85vh; }
}
@media screen and (max-width:800px) {
.hero-slider, .hero-slider .slide {height: 82vh; }
}
@media screen and (max-width:767px) {
	.gallery ul.images li.image{margin-left:auto; margin-right:auto;  width: 100%;}
	.gallery ul.images li.image a{    max-height: 100%;}
	.gallery ul.images li.image img{    min-height: 100%;
    max-width: 320px;
    width: auto;}
	
	.pb{padding-bottom:50px !important}
	.white_content{    left: 15px;
   width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px);}
   .hero-slider, .hero-slider .slide {height: 62vh; }
}

@media screen and (max-width:576px) {
.hero-slider, .hero-slider .slide {height: 295px !important; }
}

@media screen and (max-width:480px) {
	#navigation.modern .columns .logo a, #navigation.modern .columns .logo img {max-height: 75px; }
	#navigation.modern.white-nav.scrolled, #navigation.modern.white-nav.sticky, #navigation.modern.white-nav.box-shadow{height: 75px;}
	#navigation-sticky-wrapper {height: 75px !important; }
	.hero-slider, .hero-slider .slide {height: 195px !important; }
}

/******WINDOW LOAD POPUP****/
.modal-content {background: none; }
.modal-dialog{max-width: 100%; text-align: center; }
.modal-body {width: auto; max-width: max-content; margin: 0 auto; }
button.close {margin: -15px !important; }
div#myModal {padding-right: 0; }

.wapp_sticky {
    position: fixed;
    bottom: 5px;
    z-index: 99;
}