@charset "UTF-8"; .bg-gradient.bg-secondary, .bg-secondary.bg-gradient-1, .bg-secondary.bg-gradient-2, .bg-secondary.bg-gradient-3 { background-image: -moz-linear-gradient(left, #002372 0%, #008dcc 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(left, #002372 0%, #008dcc 100%); /* Chrome10-25,Safari5.1-6 */ background-image: linear-gradient(to right, #002372 0%, #008dcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002372', endColorstr='#008dcc', GradientType=1); /* IE6-9 */ } .bg-gradient.bg-secondary-2, .bg-secondary-2.bg-gradient-1, .bg-secondary-2.bg-gradient-2, .bg-secondary-2.bg-gradient-3 { background-image: -moz-linear-gradient(-39deg, #008dcc 59%, #080ab4 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(-39deg, #008dcc 59%, #080ab4 100%); /* Chrome10-25,Safari5.1-6 */ background-image: linear-gradient(135deg, #008dcc 59%, #080ab4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008dcc', endColorstr='#080ab4', GradientType=1); } a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } :focus { outline: none; } hr { margin-bottom: 0; } input, button, select, textarea { outline: none; } p { margin: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } ul li, ol li { display: block; } dl { margin: 0; } dt { font-weight: inherit; } address { margin-top: 0; margin-bottom: 0; } html p a:hover { text-decoration: none; } form { margin-bottom: 0; } body { padding: 0 !important; } .modal { z-index: 1093; } .modal * + form { margin-top: 15px; } .modal-backdrop { z-index: 1092; } .responsivebanner { width: 100%; max-width: 1920px; height: auto; } .responsivebanner1 { width: 90%; max-width: 1600px; height: auto; } .responsivebanner2 { width: 100%; position:relative; height: auto; } .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } /* * * Main Styles * ================================================== */ /** * Body */ body { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 15px; line-height: 1.6; color: #838386; background-color: #fff; -webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; } @media (min-width: 992px) { body { font-size: 16px; line-height: 1.55556; } } @media (min-width: 1600px) { body { font-size: 18px; } } /** * Links */ a { color: #002372; text-decoration: none; transition: .25s; } a:hover, a:focus { color: #008dcc; text-decoration: none; outline: none; } a[href*='callto'], a[href*='mailto'] { white-space: nowrap; } .privacy-link { display: inline-block; } .link-hover { color: #008dcc; } .link-press { color: #008dcc; } img { display: inline-block; max-width: 100%; height: auto; } hr { border-color: #c2c2c3; } /* * * Typography * ================================================== */ h1, h2, h3, h4, h5, h6, [class^='heading-'] { margin-top: 0; margin-bottom: 0; /*font-family: "Oswald", Helvetica, Arial, sans-serif;*/ font-family: opensans,opensans-bastian,Arial,sans-serif; font-weight: 700; /*text-transform: uppercase;*/ color: #29293a; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a { display: inline; color: inherit; transition: .3s all ease; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover { color: #008dcc; } h1, .heading-1 { font-size: 34px; line-height: 1.2; letter-spacing: 0.12em; } @media (min-width: 768px) { h1, .heading-1 { font-size: 42px; line-height: 1.45; } } @media (min-width: 1200px) { h1, .heading-1 { font-size: 60px; } } @media (min-width: 1600px) { h1, .heading-1 { font-size: 80px; } } h2, .heading-2 { font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 28px; line-height: 1.2; text-transform: none; } @media (min-width: 768px) { h2, .heading-2 { font-size: 34px; line-height: 1.26923; } } @media (min-width: 1200px) { h2, .heading-2 { font-size: 36px; } } @media (min-width: 1600px) { h2, .heading-2 { font-size: 52px; } } .heading-2 { font-weight: 300; } h3, .heading-3 { font-size: 24px; line-height: 1.45; letter-spacing: 0.06em; } @media (min-width: 768px) { h3, .heading-3 { font-size: 28px; } } @media (min-width: 1200px) { h3, .heading-3 { font-size: 34px; line-height: 1.375; } } @media (min-width: 1600px) { h3, .heading-3 { font-size: 48px; } } .h3-alternate { font-size: 24px; line-height: 1.45; color: #29293a; } @media (min-width: 768px) { .h3-alternate { font-size: 28px; } } @media (min-width: 1600px) { .h3-alternate { font-size: 42px; } } h4, .heading-4 { font-size: 21px; line-height: 1.35; letter-spacing: 0.06em; } @media (min-width: 768px) { h4, .heading-4 { font-size: 26px; line-height: 1.42857; } } @media (min-width: 1600px) { h4, .heading-4 { font-size: 28px; } } h5, .heading-5 { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 19px; line-height: 1.5; text-transform: none; } @media (min-width: 768px) { h5, .heading-5 { line-height: 1.41667; } } @media (min-width: 1600px) { h5, .heading-5 { font-size: 24px; } } .heading-5 { font-weight: 300; } h6, .heading-6 { font-size: 17px; line-height: 1.5; letter-spacing: 0.12em; } @media (min-width: 768px) { h6, .heading-6 { font-size: 19px; line-height: 1.5; } } @media (min-width: 1600px) { h6, .heading-6 { font-size: 24px; } } .big, .custom-subtitle { font-size: 18px; } @media (min-width: 768px) { .big, .custom-subtitle { font-size: 19px; } } @media (min-width: 1600px) { .big, .custom-subtitle { font-size: 24px; } } .bigger { font-weight: 400; } @media (min-width: 992px) { .bigger { font-size: 20px; } } @media (min-width: 1200px) { .bigger { font-size: 24px; } } small, .small { display: block; font-size: 16px; } mark, .mark { color: #fff; background-color: #008dcc; padding: .1em .5em; } @media (max-width: 767px) { .image-responsive { width: 100%; max-width: 340px; margin-left: auto; margin-right: auto; } } /* * * Colors * ================================================== */ .page .text-primary { color: #008dcc; } .page .text-secondary { color: #002372; } .page .text-secondary-3 { color: #080ab4; } .page .text-gray-1 { color: #c2c2c3; } .page .text-gray-light { color: #838386; } .page .text-gray-4 { color: #d8dae2; } .page .text-gray-darker { color: #29293a; } .page a.text-secondary-1, .page a.text-secondary-1:focus, .page a.text-secondary-1:active { color: inherit; } .page a.text-secondary-1:hover { color: rgba(255,236,23,0); } .page a.text-gray-darker { color: #29293a; } .page a.text-gray-darker:hover { color: #008dcc; } /* * * Main layout * ================================================== */ .page { position: relative; overflow: hidden; min-height: 100vh !important; } .page-header { position: relative; padding: 0; margin: 0; border-bottom: none; } .frame-header { width: 100%; height: 500px; outline: none; border: 0; } @media (min-width: 992px) { .frame-header { height: 650px; } } @media (min-width: 1600px) { .frame-header { height: 730px; } } .fullwidth-page { position: relative; min-height: calc( 100vh - 56px); display: flex; align-items: stretch; } .fullwidth-page-inner { display: flex; flex-wrap: wrap; align-items: flex-end; width: 100%; } .fullwidth-page-inner > * { position: relative; width: 100%; } .fullwidth-page:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; display: inline-block; background-color: rgba(0, 0, 0, 0.4); } .fullwidth-page[class*='bg-gradient']:before { content: none; } @media (min-width: 992px) { .desktop .fullwidth-page { min-height: 100vh; } .desktop .fullwidth-page > *:nth-child(1) { padding-top: 180px; } } @media (min-width: 1600px) { .desktop .fullwidth-page > *:nth-child(1) { padding-top: 90px; } } .fullwidth-page .page-footer p.right a:hover { color: #002372; } .fullwidth-page * + .button { margin-top: 30px; } @media (min-width: 992px) { .fullwidth-page { min-height: 100vh; } } @media (min-width: 1600px) { .fullwidth-page * + .breadcrumbs-custom-title { margin-top: 25px; } .fullwidth-page .heading-1 + p { margin-top: 33px; } .fullwidth-page .button { margin-top: 50px; } .fullwidth-page * + .countdown-wrap, .fullwidth-page .countdown-wrap + * { margin-top: 40px; } } .ie-10 .fullwidth-page .fullwidth-page-inner, .ie-11 .fullwidth-page .fullwidth-page-inner, .ie-edge .fullwidth-page .fullwidth-page-inner { min-height: 100vh; } @media (min-width: 1800px) { .image-position-01 { margin-top: 10px; margin-bottom: -60px; } } /** * Blick */ .blick-wrap { position: relative; display: inline-block; font-size: 0; line-height: 0; } .blick-overlay, .blick-content { position: absolute; } .blick-overlay { top: 0; right: 0; left: 0; bottom: 32.16%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .blick-overlay[data-blick-overlay='ipad'] { background-image: url(../images/blick-01.png); } .blick-content { position: absolute; overflow: hidden; top: 4.3%; bottom: 39.5%; left: 4.1%; right: 4.1%; } .blick-content img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; height: 100%; width: 100%; } .blick-content[data-blick-content='ipad'] { top: 5.1%; bottom: 5.1%; left: 6.9%; right: 6.95%; } .blick-content[data-blick-content='iphone'] { top: 11.2%; bottom: 17.7%; left: 14.1%; right: 17.6%; } .ie-10 .blick-wrap > img, .ie-11 .blick-wrap > img { width: 100%; } section { position: relative; } .section-wave { position: absolute; top: 0; transform: translateY(-100%); width: 100vw; line-height: 0; } .ie-10 .section-wave, .ie-11 .section-wave, .ie-edge .section-wave { top: 1px; } .section-wave > svg { width: 100vw; height: auto; } .ie-10 .section-wave > svg, .ie-11 .section-wave > svg, .ie-edge .section-wave > svg { max-height: 45px; } .tablet .section-wave > svg, .mobile .section-wave > svg { max-height: 25px; } .audio-gel { visibility: hidden; } /* * * Components * ================================================== */ /* * * 2.1 Preloader * -------------------------------------------------- */ .page-loader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; float: left; display: flex; justify-content: center; align-items: center; padding: 20px; z-index: 99; background: #fff; background-image: linear-gradient(380deg, #fff 50%, #c2c2c3 100%); transition: .3s all ease; } .page-loader.loaded { opacity: 0; visibility: hidden; z-index: -1; } .page-loader.ending { display: none; } .page-loader .page-loader-body { text-align: center; } .page-loader .page-loader-body:before { content: 'BRAVE THEME'; display: block; margin-bottom: 26px; font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 1; font-weight: 900; text-align: center; color: #29293a; } @s (-webkit-background-clip: text) { .page-loader .page-loader-body:before { background: linear-gradient(to right, #008dcc 20%, #002372 40%, rgba(255,236,23,0) 60%, #008dcc 80%); background-size: 200% auto; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } .ie-10 .page-loader .page-loader-body:before, .ie-11 .page-loader .page-loader-body:before { color: #002372; background: none; } [data-x-mode="true"] .page-loader { display: none !important; } .preloader-wrapper { display: inline-block; font-size: 0; position: relative; width: 50px; height: 50px; } .preloader-wrapper.small { width: 36px; height: 36px; } .preloader-wrapper.big { width: 64px; height: 64px; } .preloader-wrapper.active { -webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite; } @-webkit-keyframes container-rotate { to { -webkit-transform: rotate(360deg); } } @keyframes container-rotate { to { transform: rotate(360deg); } } .spinner-layer { position: absolute; width: 100%; height: 100%; opacity: 0; border-color: #008dcc; } .spinner-blue, .spinner-blue-only { border-color: #008dcc; } .spinner-red, .spinner-red-only { border-color: #002372; } .spinner-yellow, .spinner-yellow-only { border-color: rgba(255,236,23,0); } .spinner-green, .spinner-green-only { border-color: #080ab4; } .active .spinner-layer.spinner-blue { -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-red { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-yellow { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-green { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only { /* durations: 4 * ARCTIME */ opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); } /* 0.5 * ARCSIZE */ 25% { -webkit-transform: rotate(270deg); } /* 1 * ARCSIZE */ 37.5% { -webkit-transform: rotate(405deg); } /* 1.5 * ARCSIZE */ 50% { -webkit-transform: rotate(540deg); } /* 2 * ARCSIZE */ 62.5% { -webkit-transform: rotate(675deg); } /* 2.5 * ARCSIZE */ 75% { -webkit-transform: rotate(810deg); } /* 3 * ARCSIZE */ 87.5% { -webkit-transform: rotate(945deg); } /* 3.5 * ARCSIZE */ to { -webkit-transform: rotate(1080deg); } /* 4 * ARCSIZE */ } @keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); } /* 0.5 * ARCSIZE */ 25% { transform: rotate(270deg); } /* 1 * ARCSIZE */ 37.5% { transform: rotate(405deg); } /* 1.5 * ARCSIZE */ 50% { transform: rotate(540deg); } /* 2 * ARCSIZE */ 62.5% { transform: rotate(675deg); } /* 2.5 * ARCSIZE */ 75% { transform: rotate(810deg); } /* 3 * ARCSIZE */ 87.5% { transform: rotate(945deg); } /* 3.5 * ARCSIZE */ to { transform: rotate(1080deg); } /* 4 * ARCSIZE */ } @-webkit-keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @-webkit-keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @-webkit-keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } /** * Patch the gap that appear between the two adjacent div.circle-clipper while the * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). */ .gap-patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .gap-patch .circle { width: 1000%; left: -450%; } .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .circle-clipper .circle { width: 200%; height: 100%; border-width: 2px; /* STROKEWIDTH */ border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0; } .circle-clipper.left .circle { left: 0; border-right-color: transparent !important; -webkit-transform: rotate(129deg); transform: rotate(129deg); } .circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; -webkit-transform: rotate(-129deg); transform: rotate(-129deg); } .active .circle-clipper.left .circle { /* duration: ARCTIME */ -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .circle-clipper.right .circle { /* duration: ARCTIME */ -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes left-spin { from { -webkit-transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); } } @keyframes left-spin { from { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } } @-webkit-keyframes right-spin { from { -webkit-transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); } } @keyframes right-spin { from { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } } #spinnerContainer.cooldown { /* duration: SHRINK_TIME */ -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } /** * 2.2 Backgrounds */ .context-dark, .box-scrim-example, .bg-gray-darker, .bg-additional-gray-darker .bg-additional-item, .bg-image, .bg-additional-image .bg-additional-item, .bg-gradient, .bg-gradient-1, .bg-gradient-2, .bg-gradient-3, .bg-primary, .bg-primary-accent, .bg-secondary-2, .breadcrumbs-custom-light { color: #fff; } .context-dark h1, .box-scrim-example h1, .bg-gray-darker h1, .bg-additional-gray-darker .bg-additional-item h1, .bg-image h1, .bg-additional-image .bg-additional-item h1, .bg-gradient h1, .bg-gradient-1 h1, .bg-gradient-2 h1, .bg-gradient-3 h1, .bg-primary h1, .bg-primary-accent h1, .bg-secondary-2 h1, .breadcrumbs-custom-light h1, .context-dark h2, .box-scrim-example h2, .bg-gray-darker h2, .bg-additional-gray-darker .bg-additional-item h2, .bg-image h2, .bg-additional-image .bg-additional-item h2, .bg-gradient h2, .bg-gradient-1 h2, .bg-gradient-2 h2, .bg-gradient-3 h2, .bg-primary h2, .bg-primary-accent h2, .bg-secondary-2 h2, .breadcrumbs-custom-light h2, .context-dark h3, .box-scrim-example h3, .bg-gray-darker h3, .bg-additional-gray-darker .bg-additional-item h3, .bg-image h3, .bg-additional-image .bg-additional-item h3, .bg-gradient h3, .bg-gradient-1 h3, .bg-gradient-2 h3, .bg-gradient-3 h3, .bg-primary h3, .bg-primary-accent h3, .bg-secondary-2 h3, .breadcrumbs-custom-light h3, .context-dark h4, .box-scrim-example h4, .bg-gray-darker h4, .bg-additional-gray-darker .bg-additional-item h4, .bg-image h4, .bg-additional-image .bg-additional-item h4, .bg-gradient h4, .bg-gradient-1 h4, .bg-gradient-2 h4, .bg-gradient-3 h4, .bg-primary h4, .bg-primary-accent h4, .bg-secondary-2 h4, .breadcrumbs-custom-light h4, .context-dark h5, .box-scrim-example h5, .bg-gray-darker h5, .bg-additional-gray-darker .bg-additional-item h5, .bg-image h5, .bg-additional-image .bg-additional-item h5, .bg-gradient h5, .bg-gradient-1 h5, .bg-gradient-2 h5, .bg-gradient-3 h5, .bg-primary h5, .bg-primary-accent h5, .bg-secondary-2 h5, .breadcrumbs-custom-light h5, .context-dark h6, .box-scrim-example h6, .bg-gray-darker h6, .bg-additional-gray-darker .bg-additional-item h6, .bg-image h6, .bg-additional-image .bg-additional-item h6, .bg-gradient h6, .bg-gradient-1 h6, .bg-gradient-2 h6, .bg-gradient-3 h6, .bg-primary h6, .bg-primary-accent h6, .bg-secondary-2 h6, .breadcrumbs-custom-light h6, .context-dark [class^='heading-'], .box-scrim-example [class^='heading-'], .bg-gray-darker [class^='heading-'], .bg-additional-gray-darker .bg-additional-item [class^='heading-'], .bg-image [class^='heading-'], .bg-additional-image .bg-additional-item [class^='heading-'], .bg-gradient [class^='heading-'], .bg-gradient-1 [class^='heading-'], .bg-gradient-2 [class^='heading-'], .bg-gradient-3 [class^='heading-'], .bg-primary [class^='heading-'], .bg-primary-accent [class^='heading-'], .bg-secondary-2 [class^='heading-'], .breadcrumbs-custom-light [class^='heading-'] { color: #fff; } .context-dark .text-gray-light, .box-scrim-example .text-gray-light, .bg-gray-darker .text-gray-light, .bg-additional-gray-darker .bg-additional-item .text-gray-light, .bg-image .text-gray-light, .bg-additional-image .bg-additional-item .text-gray-light, .bg-gradient .text-gray-light, .bg-gradient-1 .text-gray-light, .bg-gradient-2 .text-gray-light, .bg-gradient-3 .text-gray-light, .bg-primary .text-gray-light, .bg-primary-accent .text-gray-light, .bg-secondary-2 .text-gray-light, .breadcrumbs-custom-light .text-gray-light { color: #c2c2c3; } .context-dark .bigger, .box-scrim-example .bigger, .bg-gray-darker .bigger, .bg-additional-gray-darker .bg-additional-item .bigger, .bg-image .bigger, .bg-additional-image .bg-additional-item .bigger, .bg-gradient .bigger, .bg-gradient-1 .bigger, .bg-gradient-2 .bigger, .bg-gradient-3 .bigger, .bg-primary .bigger, .bg-primary-accent .bigger, .bg-secondary-2 .bigger, .breadcrumbs-custom-light .bigger { color: #c2c2c3; } .context-dark .icon-primary, .box-scrim-example .icon-primary, .bg-gray-darker .icon-primary, .bg-additional-gray-darker .bg-additional-item .icon-primary, .bg-image .icon-primary, .bg-additional-image .bg-additional-item .icon-primary, .bg-gradient .icon-primary, .bg-gradient-1 .icon-primary, .bg-gradient-2 .icon-primary, .bg-gradient-3 .icon-primary, .bg-primary .icon-primary, .bg-primary-accent .icon-primary, .bg-secondary-2 .icon-primary, .breadcrumbs-custom-light .icon-primary { color: #002372; } .context-dark .breadcrumbs-custom-title::before, .box-scrim-example .breadcrumbs-custom-title::before, .bg-gray-darker .breadcrumbs-custom-title::before, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-title::before, .bg-image .breadcrumbs-custom-title::before, .bg-additional-image .bg-additional-item .breadcrumbs-custom-title::before, .bg-gradient .breadcrumbs-custom-title::before, .bg-gradient-1 .breadcrumbs-custom-title::before, .bg-gradient-2 .breadcrumbs-custom-title::before, .bg-gradient-3 .breadcrumbs-custom-title::before, .bg-primary .breadcrumbs-custom-title::before, .bg-primary-accent .breadcrumbs-custom-title::before, .bg-secondary-2 .breadcrumbs-custom-title::before, .breadcrumbs-custom-light .breadcrumbs-custom-title::before, .context-dark .breadcrumbs-custom-title::after, .box-scrim-example .breadcrumbs-custom-title::after, .bg-gray-darker .breadcrumbs-custom-title::after, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-title::after, .bg-image .breadcrumbs-custom-title::after, .bg-additional-image .bg-additional-item .breadcrumbs-custom-title::after, .bg-gradient .breadcrumbs-custom-title::after, .bg-gradient-1 .breadcrumbs-custom-title::after, .bg-gradient-2 .breadcrumbs-custom-title::after, .bg-gradient-3 .breadcrumbs-custom-title::after, .bg-primary .breadcrumbs-custom-title::after, .bg-primary-accent .breadcrumbs-custom-title::after, .bg-secondary-2 .breadcrumbs-custom-title::after, .breadcrumbs-custom-light .breadcrumbs-custom-title::after, .context-dark .heading-decorated-diamonds::before, .box-scrim-example .heading-decorated-diamonds::before, .bg-gray-darker .heading-decorated-diamonds::before, .bg-additional-gray-darker .bg-additional-item .heading-decorated-diamonds::before, .bg-image .heading-decorated-diamonds::before, .bg-additional-image .bg-additional-item .heading-decorated-diamonds::before, .bg-gradient .heading-decorated-diamonds::before, .bg-gradient-1 .heading-decorated-diamonds::before, .bg-gradient-2 .heading-decorated-diamonds::before, .bg-gradient-3 .heading-decorated-diamonds::before, .bg-primary .heading-decorated-diamonds::before, .bg-primary-accent .heading-decorated-diamonds::before, .bg-secondary-2 .heading-decorated-diamonds::before, .breadcrumbs-custom-light .heading-decorated-diamonds::before, .context-dark .heading-decorated-diamonds::after, .box-scrim-example .heading-decorated-diamonds::after, .bg-gray-darker .heading-decorated-diamonds::after, .bg-additional-gray-darker .bg-additional-item .heading-decorated-diamonds::after, .bg-image .heading-decorated-diamonds::after, .bg-additional-image .bg-additional-item .heading-decorated-diamonds::after, .bg-gradient .heading-decorated-diamonds::after, .bg-gradient-1 .heading-decorated-diamonds::after, .bg-gradient-2 .heading-decorated-diamonds::after, .bg-gradient-3 .heading-decorated-diamonds::after, .bg-primary .heading-decorated-diamonds::after, .bg-primary-accent .heading-decorated-diamonds::after, .bg-secondary-2 .heading-decorated-diamonds::after, .breadcrumbs-custom-light .heading-decorated-diamonds::after { background: #fff; } .context-dark .-corporate, .box-scrim-example .-corporate, .bg-gray-darker .-corporate, .bg-additional-gray-darker .bg-additional-item .-corporate, .bg-image .-corporate, .bg-additional-image .bg-additional-item .-corporate, .bg-gradient .-corporate, .bg-gradient-1 .-corporate, .bg-gradient-2 .-corporate, .bg-gradient-3 .-corporate, .bg-primary .-corporate, .bg-primary-accent .-corporate, .bg-secondary-2 .-corporate, .breadcrumbs-custom-light .-corporate { box-shadow: none; } .context-dark .box-minimal-light, .box-scrim-example .box-minimal-light, .bg-gray-darker .box-minimal-light, .bg-additional-gray-darker .bg-additional-item .box-minimal-light, .bg-image .box-minimal-light, .bg-additional-image .bg-additional-item .box-minimal-light, .bg-gradient .box-minimal-light, .bg-gradient-1 .box-minimal-light, .bg-gradient-2 .box-minimal-light, .bg-gradient-3 .box-minimal-light, .bg-primary .box-minimal-light, .bg-primary-accent .box-minimal-light, .bg-secondary-2 .box-minimal-light, .breadcrumbs-custom-light .box-minimal-light { color: #ededed; } .context-dark .box-minimal-light .box-minimal-icon, .box-scrim-example .box-minimal-light .box-minimal-icon, .bg-gray-darker .box-minimal-light .box-minimal-icon, .bg-additional-gray-darker .bg-additional-item .box-minimal-light .box-minimal-icon, .bg-image .box-minimal-light .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-light .box-minimal-icon, .bg-gradient .box-minimal-light .box-minimal-icon, .bg-gradient-1 .box-minimal-light .box-minimal-icon, .bg-gradient-2 .box-minimal-light .box-minimal-icon, .bg-gradient-3 .box-minimal-light .box-minimal-icon, .bg-primary .box-minimal-light .box-minimal-icon, .bg-primary-accent .box-minimal-light .box-minimal-icon, .bg-secondary-2 .box-minimal-light .box-minimal-icon, .breadcrumbs-custom-light .box-minimal-light .box-minimal-icon { color: #fff; } .context-dark .box-minimal-light h1, .box-scrim-example .box-minimal-light h1, .bg-gray-darker .box-minimal-light h1, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h1, .bg-image .box-minimal-light h1, .bg-additional-image .bg-additional-item .box-minimal-light h1, .bg-gradient .box-minimal-light h1, .bg-gradient-1 .box-minimal-light h1, .bg-gradient-2 .box-minimal-light h1, .bg-gradient-3 .box-minimal-light h1, .bg-primary .box-minimal-light h1, .bg-primary-accent .box-minimal-light h1, .bg-secondary-2 .box-minimal-light h1, .breadcrumbs-custom-light .box-minimal-light h1, .context-dark .box-minimal-light h2, .box-scrim-example .box-minimal-light h2, .bg-gray-darker .box-minimal-light h2, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h2, .bg-image .box-minimal-light h2, .bg-additional-image .bg-additional-item .box-minimal-light h2, .bg-gradient .box-minimal-light h2, .bg-gradient-1 .box-minimal-light h2, .bg-gradient-2 .box-minimal-light h2, .bg-gradient-3 .box-minimal-light h2, .bg-primary .box-minimal-light h2, .bg-primary-accent .box-minimal-light h2, .bg-secondary-2 .box-minimal-light h2, .breadcrumbs-custom-light .box-minimal-light h2, .context-dark .box-minimal-light h3, .box-scrim-example .box-minimal-light h3, .bg-gray-darker .box-minimal-light h3, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h3, .bg-image .box-minimal-light h3, .bg-additional-image .bg-additional-item .box-minimal-light h3, .bg-gradient .box-minimal-light h3, .bg-gradient-1 .box-minimal-light h3, .bg-gradient-2 .box-minimal-light h3, .bg-gradient-3 .box-minimal-light h3, .bg-primary .box-minimal-light h3, .bg-primary-accent .box-minimal-light h3, .bg-secondary-2 .box-minimal-light h3, .breadcrumbs-custom-light .box-minimal-light h3, .context-dark .box-minimal-light h4, .box-scrim-example .box-minimal-light h4, .bg-gray-darker .box-minimal-light h4, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h4, .bg-image .box-minimal-light h4, .bg-additional-image .bg-additional-item .box-minimal-light h4, .bg-gradient .box-minimal-light h4, .bg-gradient-1 .box-minimal-light h4, .bg-gradient-2 .box-minimal-light h4, .bg-gradient-3 .box-minimal-light h4, .bg-primary .box-minimal-light h4, .bg-primary-accent .box-minimal-light h4, .bg-secondary-2 .box-minimal-light h4, .breadcrumbs-custom-light .box-minimal-light h4, .context-dark .box-minimal-light h5, .box-scrim-example .box-minimal-light h5, .bg-gray-darker .box-minimal-light h5, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h5, .bg-image .box-minimal-light h5, .bg-additional-image .bg-additional-item .box-minimal-light h5, .bg-gradient .box-minimal-light h5, .bg-gradient-1 .box-minimal-light h5, .bg-gradient-2 .box-minimal-light h5, .bg-gradient-3 .box-minimal-light h5, .bg-primary .box-minimal-light h5, .bg-primary-accent .box-minimal-light h5, .bg-secondary-2 .box-minimal-light h5, .breadcrumbs-custom-light .box-minimal-light h5, .context-dark .box-minimal-light h6, .box-scrim-example .box-minimal-light h6, .bg-gray-darker .box-minimal-light h6, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h6, .bg-image .box-minimal-light h6, .bg-additional-image .bg-additional-item .box-minimal-light h6, .bg-gradient .box-minimal-light h6, .bg-gradient-1 .box-minimal-light h6, .bg-gradient-2 .box-minimal-light h6, .bg-gradient-3 .box-minimal-light h6, .bg-primary .box-minimal-light h6, .bg-primary-accent .box-minimal-light h6, .bg-secondary-2 .box-minimal-light h6, .breadcrumbs-custom-light .box-minimal-light h6, .context-dark .box-minimal-light [class^='heading-'], .box-scrim-example .box-minimal-light [class^='heading-'], .bg-gray-darker .box-minimal-light [class^='heading-'], .bg-additional-gray-darker .bg-additional-item .box-minimal-light [class^='heading-'], .bg-image .box-minimal-light [class^='heading-'], .bg-additional-image .bg-additional-item .box-minimal-light [class^='heading-'], .bg-gradient .box-minimal-light [class^='heading-'], .bg-gradient-1 .box-minimal-light [class^='heading-'], .bg-gradient-2 .box-minimal-light [class^='heading-'], .bg-gradient-3 .box-minimal-light [class^='heading-'], .bg-primary .box-minimal-light [class^='heading-'], .bg-primary-accent .box-minimal-light [class^='heading-'], .bg-secondary-2 .box-minimal-light [class^='heading-'], .breadcrumbs-custom-light .box-minimal-light [class^='heading-'] { color: rgba(255,236,23,0); } .context-dark .box-minimal-border .box-minimal-text, .box-scrim-example .box-minimal-border .box-minimal-text, .bg-gray-darker .box-minimal-border .box-minimal-text, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-text, .bg-image .box-minimal-border .box-minimal-text, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-text, .bg-gradient .box-minimal-border .box-minimal-text, .bg-gradient-1 .box-minimal-border .box-minimal-text, .bg-gradient-2 .box-minimal-border .box-minimal-text, .bg-gradient-3 .box-minimal-border .box-minimal-text, .bg-primary .box-minimal-border .box-minimal-text, .bg-primary-accent .box-minimal-border .box-minimal-text, .bg-secondary-2 .box-minimal-border .box-minimal-text, .breadcrumbs-custom-light .box-minimal-border .box-minimal-text { opacity: .6; } .context-dark .quote-minimal-text, .box-scrim-example .quote-minimal-text, .bg-gray-darker .quote-minimal-text, .bg-additional-gray-darker .bg-additional-item .quote-minimal-text, .bg-image .quote-minimal-text, .bg-additional-image .bg-additional-item .quote-minimal-text, .bg-gradient .quote-minimal-text, .bg-gradient-1 .quote-minimal-text, .bg-gradient-2 .quote-minimal-text, .bg-gradient-3 .quote-minimal-text, .bg-primary .quote-minimal-text, .bg-primary-accent .quote-minimal-text, .bg-secondary-2 .quote-minimal-text, .breadcrumbs-custom-light .quote-minimal-text { color: #fff; } .context-dark .quote-boxed-text, .box-scrim-example .quote-boxed-text, .bg-gray-darker .quote-boxed-text, .bg-additional-gray-darker .bg-additional-item .quote-boxed-text, .bg-image .quote-boxed-text, .bg-additional-image .bg-additional-item .quote-boxed-text, .bg-gradient .quote-boxed-text, .bg-gradient-1 .quote-boxed-text, .bg-gradient-2 .quote-boxed-text, .bg-gradient-3 .quote-boxed-text, .bg-primary .quote-boxed-text, .bg-primary-accent .quote-boxed-text, .bg-secondary-2 .quote-boxed-text, .breadcrumbs-custom-light .quote-boxed-text, .context-dark .quote-vertical-text, .box-scrim-example .quote-vertical-text, .bg-gray-darker .quote-vertical-text, .bg-additional-gray-darker .bg-additional-item .quote-vertical-text, .bg-image .quote-vertical-text, .bg-additional-image .bg-additional-item .quote-vertical-text, .bg-gradient .quote-vertical-text, .bg-gradient-1 .quote-vertical-text, .bg-gradient-2 .quote-vertical-text, .bg-gradient-3 .quote-vertical-text, .bg-primary .quote-vertical-text, .bg-primary-accent .quote-vertical-text, .bg-secondary-2 .quote-vertical-text, .breadcrumbs-custom-light .quote-vertical-text, .context-dark .quote-modern-text, .box-scrim-example .quote-modern-text, .bg-gray-darker .quote-modern-text, .bg-additional-gray-darker .bg-additional-item .quote-modern-text, .bg-image .quote-modern-text, .bg-additional-image .bg-additional-item .quote-modern-text, .bg-gradient .quote-modern-text, .bg-gradient-1 .quote-modern-text, .bg-gradient-2 .quote-modern-text, .bg-gradient-3 .quote-modern-text, .bg-primary .quote-modern-text, .bg-primary-accent .quote-modern-text, .bg-secondary-2 .quote-modern-text, .breadcrumbs-custom-light .quote-modern-text { color: #fff; } .context-dark .quote-boxed-cite, .box-scrim-example .quote-boxed-cite, .bg-gray-darker .quote-boxed-cite, .bg-additional-gray-darker .bg-additional-item .quote-boxed-cite, .bg-image .quote-boxed-cite, .bg-additional-image .bg-additional-item .quote-boxed-cite, .bg-gradient .quote-boxed-cite, .bg-gradient-1 .quote-boxed-cite, .bg-gradient-2 .quote-boxed-cite, .bg-gradient-3 .quote-boxed-cite, .bg-primary .quote-boxed-cite, .bg-primary-accent .quote-boxed-cite, .bg-secondary-2 .quote-boxed-cite, .breadcrumbs-custom-light .quote-boxed-cite, .context-dark .quote-vertical-cite, .box-scrim-example .quote-vertical-cite, .bg-gray-darker .quote-vertical-cite, .bg-additional-gray-darker .bg-additional-item .quote-vertical-cite, .bg-image .quote-vertical-cite, .bg-additional-image .bg-additional-item .quote-vertical-cite, .bg-gradient .quote-vertical-cite, .bg-gradient-1 .quote-vertical-cite, .bg-gradient-2 .quote-vertical-cite, .bg-gradient-3 .quote-vertical-cite, .bg-primary .quote-vertical-cite, .bg-primary-accent .quote-vertical-cite, .bg-secondary-2 .quote-vertical-cite, .breadcrumbs-custom-light .quote-vertical-cite, .context-dark .quote-modern-cite, .box-scrim-example .quote-modern-cite, .bg-gray-darker .quote-modern-cite, .bg-additional-gray-darker .bg-additional-item .quote-modern-cite, .bg-image .quote-modern-cite, .bg-additional-image .bg-additional-item .quote-modern-cite, .bg-gradient .quote-modern-cite, .bg-gradient-1 .quote-modern-cite, .bg-gradient-2 .quote-modern-cite, .bg-gradient-3 .quote-modern-cite, .bg-primary .quote-modern-cite, .bg-primary-accent .quote-modern-cite, .bg-secondary-2 .quote-modern-cite, .breadcrumbs-custom-light .quote-modern-cite { color: rgba(255,236,23,0); } .context-dark .quote-boxed-small, .box-scrim-example .quote-boxed-small, .bg-gray-darker .quote-boxed-small, .bg-additional-gray-darker .bg-additional-item .quote-boxed-small, .bg-image .quote-boxed-small, .bg-additional-image .bg-additional-item .quote-boxed-small, .bg-gradient .quote-boxed-small, .bg-gradient-1 .quote-boxed-small, .bg-gradient-2 .quote-boxed-small, .bg-gradient-3 .quote-boxed-small, .bg-primary .quote-boxed-small, .bg-primary-accent .quote-boxed-small, .bg-secondary-2 .quote-boxed-small, .breadcrumbs-custom-light .quote-boxed-small, .context-dark .quote-vertical-small, .box-scrim-example .quote-vertical-small, .bg-gray-darker .quote-vertical-small, .bg-additional-gray-darker .bg-additional-item .quote-vertical-small, .bg-image .quote-vertical-small, .bg-additional-image .bg-additional-item .quote-vertical-small, .bg-gradient .quote-vertical-small, .bg-gradient-1 .quote-vertical-small, .bg-gradient-2 .quote-vertical-small, .bg-gradient-3 .quote-vertical-small, .bg-primary .quote-vertical-small, .bg-primary-accent .quote-vertical-small, .bg-secondary-2 .quote-vertical-small, .breadcrumbs-custom-light .quote-vertical-small { color: #838386; } .context-dark .quote-modern-small, .box-scrim-example .quote-modern-small, .bg-gray-darker .quote-modern-small, .bg-additional-gray-darker .bg-additional-item .quote-modern-small, .bg-image .quote-modern-small, .bg-additional-image .bg-additional-item .quote-modern-small, .bg-gradient .quote-modern-small, .bg-gradient-1 .quote-modern-small, .bg-gradient-2 .quote-modern-small, .bg-gradient-3 .quote-modern-small, .bg-primary .quote-modern-small, .bg-primary-accent .quote-modern-small, .bg-secondary-2 .quote-modern-small, .breadcrumbs-custom-light .quote-modern-small { color: #c2c2c3; } .context-dark .owl-dot:hover, .box-scrim-example .owl-dot:hover, .bg-gray-darker .owl-dot:hover, .bg-additional-gray-darker .bg-additional-item .owl-dot:hover, .bg-image .owl-dot:hover, .bg-additional-image .bg-additional-item .owl-dot:hover, .bg-gradient .owl-dot:hover, .bg-gradient-1 .owl-dot:hover, .bg-gradient-2 .owl-dot:hover, .bg-gradient-3 .owl-dot:hover, .bg-primary .owl-dot:hover, .bg-primary-accent .owl-dot:hover, .bg-secondary-2 .owl-dot:hover, .breadcrumbs-custom-light .owl-dot:hover, .context-dark .owl-dot.active, .box-scrim-example .owl-dot.active, .bg-gray-darker .owl-dot.active, .bg-additional-gray-darker .bg-additional-item .owl-dot.active, .bg-image .owl-dot.active, .bg-additional-image .bg-additional-item .owl-dot.active, .bg-gradient .owl-dot.active, .bg-gradient-1 .owl-dot.active, .bg-gradient-2 .owl-dot.active, .bg-gradient-3 .owl-dot.active, .bg-primary .owl-dot.active, .bg-primary-accent .owl-dot.active, .bg-secondary-2 .owl-dot.active, .breadcrumbs-custom-light .owl-dot.active { background-color: #002372; } .context-dark .slider-widget, .box-scrim-example .slider-widget, .bg-gray-darker .slider-widget, .bg-additional-gray-darker .bg-additional-item .slider-widget, .bg-image .slider-widget, .bg-additional-image .bg-additional-item .slider-widget, .bg-gradient .slider-widget, .bg-gradient-1 .slider-widget, .bg-gradient-2 .slider-widget, .bg-gradient-3 .slider-widget, .bg-primary .slider-widget, .bg-primary-accent .slider-widget, .bg-secondary-2 .slider-widget, .breadcrumbs-custom-light .slider-widget { box-shadow: none; } .context-dark hr, .box-scrim-example hr, .bg-gray-darker hr, .bg-additional-gray-darker .bg-additional-item hr, .bg-image hr, .bg-additional-image .bg-additional-item hr, .bg-gradient hr, .bg-gradient-1 hr, .bg-gradient-2 hr, .bg-gradient-3 hr, .bg-primary hr, .bg-primary-accent hr, .bg-secondary-2 hr, .breadcrumbs-custom-light hr { border-color: #fff; opacity: .5; } .context-dark .divider-default, .box-scrim-example .divider-default, .bg-gray-darker .divider-default, .bg-additional-gray-darker .bg-additional-item .divider-default, .bg-image .divider-default, .bg-additional-image .bg-additional-item .divider-default, .bg-gradient .divider-default, .bg-gradient-1 .divider-default, .bg-gradient-2 .divider-default, .bg-gradient-3 .divider-default, .bg-primary .divider-default, .bg-primary-accent .divider-default, .bg-secondary-2 .divider-default, .breadcrumbs-custom-light .divider-default { opacity: 1; } .context-dark .box-minimal-border .box-minimal-icon, .box-scrim-example .box-minimal-border .box-minimal-icon, .bg-gray-darker .box-minimal-border .box-minimal-icon, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-icon, .bg-image .box-minimal-border .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-icon, .bg-gradient .box-minimal-border .box-minimal-icon, .bg-gradient-1 .box-minimal-border .box-minimal-icon, .bg-gradient-2 .box-minimal-border .box-minimal-icon, .bg-gradient-3 .box-minimal-border .box-minimal-icon, .bg-primary .box-minimal-border .box-minimal-icon, .bg-primary-accent .box-minimal-border .box-minimal-icon, .bg-secondary-2 .box-minimal-border .box-minimal-icon, .breadcrumbs-custom-light .box-minimal-border .box-minimal-icon { color: #fff; } .context-dark .box-minimal-border .box-minimal-icon svg, .box-scrim-example .box-minimal-border .box-minimal-icon svg, .bg-gray-darker .box-minimal-border .box-minimal-icon svg, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-icon svg, .bg-image .box-minimal-border .box-minimal-icon svg, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-icon svg, .bg-gradient .box-minimal-border .box-minimal-icon svg, .bg-gradient-1 .box-minimal-border .box-minimal-icon svg, .bg-gradient-2 .box-minimal-border .box-minimal-icon svg, .bg-gradient-3 .box-minimal-border .box-minimal-icon svg, .bg-primary .box-minimal-border .box-minimal-icon svg, .bg-primary-accent .box-minimal-border .box-minimal-icon svg, .bg-secondary-2 .box-minimal-border .box-minimal-icon svg, .breadcrumbs-custom-light .box-minimal-border .box-minimal-icon svg { fill: #fff; } .context-dark .box-minimal-border .box-minimal-title, .box-scrim-example .box-minimal-border .box-minimal-title, .bg-gray-darker .box-minimal-border .box-minimal-title, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-title, .bg-image .box-minimal-border .box-minimal-title, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-title, .bg-gradient .box-minimal-border .box-minimal-title, .bg-gradient-1 .box-minimal-border .box-minimal-title, .bg-gradient-2 .box-minimal-border .box-minimal-title, .bg-gradient-3 .box-minimal-border .box-minimal-title, .bg-primary .box-minimal-border .box-minimal-title, .bg-primary-accent .box-minimal-border .box-minimal-title, .bg-secondary-2 .box-minimal-border .box-minimal-title, .breadcrumbs-custom-light .box-minimal-border .box-minimal-title { color: #fff; } .context-dark .box-minimal-border:hover, .box-scrim-example .box-minimal-border:hover, .bg-gray-darker .box-minimal-border:hover, .bg-additional-gray-darker .bg-additional-item .box-minimal-border:hover, .bg-image .box-minimal-border:hover, .bg-additional-image .bg-additional-item .box-minimal-border:hover, .bg-gradient .box-minimal-border:hover, .bg-gradient-1 .box-minimal-border:hover, .bg-gradient-2 .box-minimal-border:hover, .bg-gradient-3 .box-minimal-border:hover, .bg-primary .box-minimal-border:hover, .bg-primary-accent .box-minimal-border:hover, .bg-secondary-2 .box-minimal-border:hover, .breadcrumbs-custom-light .box-minimal-border:hover { background: #008dcc; border-color: #008dcc; } .context-dark .box-minimal-modern, .box-scrim-example .box-minimal-modern, .bg-gray-darker .box-minimal-modern, .bg-additional-gray-darker .bg-additional-item .box-minimal-modern, .bg-image .box-minimal-modern, .bg-additional-image .bg-additional-item .box-minimal-modern, .bg-gradient .box-minimal-modern, .bg-gradient-1 .box-minimal-modern, .bg-gradient-2 .box-minimal-modern, .bg-gradient-3 .box-minimal-modern, .bg-primary .box-minimal-modern, .bg-primary-accent .box-minimal-modern, .bg-secondary-2 .box-minimal-modern, .breadcrumbs-custom-light .box-minimal-modern { background-color: #fff; } .context-dark .box-minimal-modern .box-minimal-title, .box-scrim-example .box-minimal-modern .box-minimal-title, .bg-gray-darker .box-minimal-modern .box-minimal-title, .bg-additional-gray-darker .bg-additional-item .box-minimal-modern .box-minimal-title, .bg-image .box-minimal-modern .box-minimal-title, .bg-additional-image .bg-additional-item .box-minimal-modern .box-minimal-title, .bg-gradient .box-minimal-modern .box-minimal-title, .bg-gradient-1 .box-minimal-modern .box-minimal-title, .bg-gradient-2 .box-minimal-modern .box-minimal-title, .bg-gradient-3 .box-minimal-modern .box-minimal-title, .bg-primary .box-minimal-modern .box-minimal-title, .bg-primary-accent .box-minimal-modern .box-minimal-title, .bg-secondary-2 .box-minimal-modern .box-minimal-title, .breadcrumbs-custom-light .box-minimal-modern .box-minimal-title { color: #29293a; } .context-dark .box-minimal-modern .box-minimal-text, .box-scrim-example .box-minimal-modern .box-minimal-text, .bg-gray-darker .box-minimal-modern .box-minimal-text, .bg-additional-gray-darker .bg-additional-item .box-minimal-modern .box-minimal-text, .bg-image .box-minimal-modern .box-minimal-text, .bg-additional-image .bg-additional-item .box-minimal-modern .box-minimal-text, .bg-gradient .box-minimal-modern .box-minimal-text, .bg-gradient-1 .box-minimal-modern .box-minimal-text, .bg-gradient-2 .box-minimal-modern .box-minimal-text, .bg-gradient-3 .box-minimal-modern .box-minimal-text, .bg-primary .box-minimal-modern .box-minimal-text, .bg-primary-accent .box-minimal-modern .box-minimal-text, .bg-secondary-2 .box-minimal-modern .box-minimal-text, .breadcrumbs-custom-light .box-minimal-modern .box-minimal-text { color: #838386; } .context-dark .counter-wrap .icon-secondary, .box-scrim-example .counter-wrap .icon-secondary, .bg-gray-darker .counter-wrap .icon-secondary, .bg-additional-gray-darker .bg-additional-item .counter-wrap .icon-secondary, .bg-image .counter-wrap .icon-secondary, .bg-additional-image .bg-additional-item .counter-wrap .icon-secondary, .bg-gradient .counter-wrap .icon-secondary, .bg-gradient-1 .counter-wrap .icon-secondary, .bg-gradient-2 .counter-wrap .icon-secondary, .bg-gradient-3 .counter-wrap .icon-secondary, .bg-primary .counter-wrap .icon-secondary, .bg-primary-accent .counter-wrap .icon-secondary, .bg-secondary-2 .counter-wrap .icon-secondary, .breadcrumbs-custom-light .counter-wrap .icon-secondary { color: rgba(255,236,23,0); } .page .context-dark .icon-primary, .page .box-scrim-example .icon-primary, .page .bg-gray-darker .icon-primary, .page .bg-additional-gray-darker .bg-additional-item .icon-primary, .bg-additional-gray-darker .page .bg-additional-item .icon-primary, .page .bg-image .icon-primary, .page .bg-additional-image .bg-additional-item .icon-primary, .bg-additional-image .page .bg-additional-item .icon-primary, .page .bg-gradient .icon-primary, .page .bg-gradient-1 .icon-primary, .page .bg-gradient-2 .icon-primary, .page .bg-gradient-3 .icon-primary, .page .bg-primary .icon-primary, .page .bg-primary-accent .icon-primary, .page .bg-secondary-2 .icon-primary, .page .breadcrumbs-custom-light .icon-primary { color: #002372; } .context-dark .post-blog-article, .box-scrim-example .post-blog-article, .bg-gray-darker .post-blog-article, .bg-additional-gray-darker .bg-additional-item .post-blog-article, .bg-image .post-blog-article, .bg-additional-image .bg-additional-item .post-blog-article, .bg-gradient .post-blog-article, .bg-gradient-1 .post-blog-article, .bg-gradient-2 .post-blog-article, .bg-gradient-3 .post-blog-article, .bg-primary .post-blog-article, .bg-primary-accent .post-blog-article, .bg-secondary-2 .post-blog-article, .breadcrumbs-custom-light .post-blog-article { color: #c2c2c3; } .context-dark .post-blog-article-title, .box-scrim-example .post-blog-article-title, .bg-gray-darker .post-blog-article-title, .bg-additional-gray-darker .bg-additional-item .post-blog-article-title, .bg-image .post-blog-article-title, .bg-additional-image .bg-additional-item .post-blog-article-title, .bg-gradient .post-blog-article-title, .bg-gradient-1 .post-blog-article-title, .bg-gradient-2 .post-blog-article-title, .bg-gradient-3 .post-blog-article-title, .bg-primary .post-blog-article-title, .bg-primary-accent .post-blog-article-title, .bg-secondary-2 .post-blog-article-title, .breadcrumbs-custom-light .post-blog-article-title, .context-dark .post-blog-article .big, .box-scrim-example .post-blog-article .big, .bg-gray-darker .post-blog-article .big, .bg-additional-gray-darker .bg-additional-item .post-blog-article .big, .bg-image .post-blog-article .big, .bg-additional-image .bg-additional-item .post-blog-article .big, .bg-gradient .post-blog-article .big, .bg-gradient-1 .post-blog-article .big, .bg-gradient-2 .post-blog-article .big, .bg-gradient-3 .post-blog-article .big, .bg-primary .post-blog-article .big, .bg-primary-accent .post-blog-article .big, .bg-secondary-2 .post-blog-article .big, .breadcrumbs-custom-light .post-blog-article .big { color: #fff; } .context-dark .post-blog-article .box-inline a, .box-scrim-example .post-blog-article .box-inline a, .bg-gray-darker .post-blog-article .box-inline a, .bg-additional-gray-darker .bg-additional-item .post-blog-article .box-inline a, .bg-image .post-blog-article .box-inline a, .bg-additional-image .bg-additional-item .post-blog-article .box-inline a, .bg-gradient .post-blog-article .box-inline a, .bg-gradient-1 .post-blog-article .box-inline a, .bg-gradient-2 .post-blog-article .box-inline a, .bg-gradient-3 .post-blog-article .box-inline a, .bg-primary .post-blog-article .box-inline a, .bg-primary-accent .post-blog-article .box-inline a, .bg-secondary-2 .post-blog-article .box-inline a, .breadcrumbs-custom-light .post-blog-article .box-inline a { color: #c2c2c3; } .context-dark .post-blog-article .box-inline a:hover, .box-scrim-example .post-blog-article .box-inline a:hover, .bg-gray-darker .post-blog-article .box-inline a:hover, .bg-additional-gray-darker .bg-additional-item .post-blog-article .box-inline a:hover, .bg-image .post-blog-article .box-inline a:hover, .bg-additional-image .bg-additional-item .post-blog-article .box-inline a:hover, .bg-gradient .post-blog-article .box-inline a:hover, .bg-gradient-1 .post-blog-article .box-inline a:hover, .bg-gradient-2 .post-blog-article .box-inline a:hover, .bg-gradient-3 .post-blog-article .box-inline a:hover, .bg-primary .post-blog-article .box-inline a:hover, .bg-primary-accent .post-blog-article .box-inline a:hover, .bg-secondary-2 .post-blog-article .box-inline a:hover, .breadcrumbs-custom-light .post-blog-article .box-inline a:hover { color: rgba(255,236,23,0); } .context-dark .breadcrumbs-custom-path > li.active, .box-scrim-example .breadcrumbs-custom-path > li.active, .bg-gray-darker .breadcrumbs-custom-path > li.active, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-path > li.active, .bg-image .breadcrumbs-custom-path > li.active, .bg-additional-image .bg-additional-item .breadcrumbs-custom-path > li.active, .bg-gradient .breadcrumbs-custom-path > li.active, .bg-gradient-1 .breadcrumbs-custom-path > li.active, .bg-gradient-2 .breadcrumbs-custom-path > li.active, .bg-gradient-3 .breadcrumbs-custom-path > li.active, .bg-primary .breadcrumbs-custom-path > li.active, .bg-primary-accent .breadcrumbs-custom-path > li.active, .bg-secondary-2 .breadcrumbs-custom-path > li.active, .breadcrumbs-custom-light .breadcrumbs-custom-path > li.active { color: #fff; } .context-dark .breadcrumbs-custom-path > li a, .box-scrim-example .breadcrumbs-custom-path > li a, .bg-gray-darker .breadcrumbs-custom-path > li a, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-path > li a, .bg-image .breadcrumbs-custom-path > li a, .bg-additional-image .bg-additional-item .breadcrumbs-custom-path > li a, .bg-gradient .breadcrumbs-custom-path > li a, .bg-gradient-1 .breadcrumbs-custom-path > li a, .bg-gradient-2 .breadcrumbs-custom-path > li a, .bg-gradient-3 .breadcrumbs-custom-path > li a, .bg-primary .breadcrumbs-custom-path > li a, .bg-primary-accent .breadcrumbs-custom-path > li a, .bg-secondary-2 .breadcrumbs-custom-path > li a, .breadcrumbs-custom-light .breadcrumbs-custom-path > li a { color: #fff; } .context-dark .breadcrumbs-custom-path > li a:hover, .box-scrim-example .breadcrumbs-custom-path > li a:hover, .bg-gray-darker .breadcrumbs-custom-path > li a:hover, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-path > li a:hover, .bg-image .breadcrumbs-custom-path > li a:hover, .bg-additional-image .bg-additional-item .breadcrumbs-custom-path > li a:hover, .bg-gradient .breadcrumbs-custom-path > li a:hover, .bg-gradient-1 .breadcrumbs-custom-path > li a:hover, .bg-gradient-2 .breadcrumbs-custom-path > li a:hover, .bg-gradient-3 .breadcrumbs-custom-path > li a:hover, .bg-primary .breadcrumbs-custom-path > li a:hover, .bg-primary-accent .breadcrumbs-custom-path > li a:hover, .bg-secondary-2 .breadcrumbs-custom-path > li a:hover, .breadcrumbs-custom-light .breadcrumbs-custom-path > li a:hover { color: rgba(255,236,23,0); } .context-dark .parallax-text, .box-scrim-example .parallax-text, .bg-gray-darker .parallax-text, .bg-additional-gray-darker .bg-additional-item .parallax-text, .bg-image .parallax-text, .bg-additional-image .bg-additional-item .parallax-text, .bg-gradient .parallax-text, .bg-gradient-1 .parallax-text, .bg-gradient-2 .parallax-text, .bg-gradient-3 .parallax-text, .bg-primary .parallax-text, .bg-primary-accent .parallax-text, .bg-secondary-2 .parallax-text, .breadcrumbs-custom-light .parallax-text { opacity: .1; } @media (min-width: 992px) { .context-dark .isotope-filters-list > li > a, .box-scrim-example .isotope-filters-list > li > a, .bg-gray-darker .isotope-filters-list > li > a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list > li > a, .bg-image .isotope-filters-list > li > a, .bg-additional-image .bg-additional-item .isotope-filters-list > li > a, .bg-gradient .isotope-filters-list > li > a, .bg-gradient-1 .isotope-filters-list > li > a, .bg-gradient-2 .isotope-filters-list > li > a, .bg-gradient-3 .isotope-filters-list > li > a, .bg-primary .isotope-filters-list > li > a, .bg-primary-accent .isotope-filters-list > li > a, .bg-secondary-2 .isotope-filters-list > li > a, .breadcrumbs-custom-light .isotope-filters-list > li > a { color: #c2c2c3; } .context-dark .isotope-filters-list > li > a.active, .box-scrim-example .isotope-filters-list > li > a.active, .bg-gray-darker .isotope-filters-list > li > a.active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list > li > a.active, .bg-image .isotope-filters-list > li > a.active, .bg-additional-image .bg-additional-item .isotope-filters-list > li > a.active, .bg-gradient .isotope-filters-list > li > a.active, .bg-gradient-1 .isotope-filters-list > li > a.active, .bg-gradient-2 .isotope-filters-list > li > a.active, .bg-gradient-3 .isotope-filters-list > li > a.active, .bg-primary .isotope-filters-list > li > a.active, .bg-primary-accent .isotope-filters-list > li > a.active, .bg-secondary-2 .isotope-filters-list > li > a.active, .breadcrumbs-custom-light .isotope-filters-list > li > a.active, .context-dark .isotope-filters-list > li > a:hover, .box-scrim-example .isotope-filters-list > li > a:hover, .bg-gray-darker .isotope-filters-list > li > a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list > li > a:hover, .bg-image .isotope-filters-list > li > a:hover, .bg-additional-image .bg-additional-item .isotope-filters-list > li > a:hover, .bg-gradient .isotope-filters-list > li > a:hover, .bg-gradient-1 .isotope-filters-list > li > a:hover, .bg-gradient-2 .isotope-filters-list > li > a:hover, .bg-gradient-3 .isotope-filters-list > li > a:hover, .bg-primary .isotope-filters-list > li > a:hover, .bg-primary-accent .isotope-filters-list > li > a:hover, .bg-secondary-2 .isotope-filters-list > li > a:hover, .breadcrumbs-custom-light .isotope-filters-list > li > a:hover { color: rgba(255,236,23,0); } } @media (min-width: 992px) { .context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) { border-bottom: 1px solid rgba(242, 243, 249, 0.1); } .context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a { color: #c2c2c3; } .context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after { background: rgba(255,236,23,0); } .context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-primary .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-primary-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-primary .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-primary-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover { color: rgba(255,236,23,0); } } @media (min-width: 1200px) { .context-dark .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .box-scrim-example .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gray-darker .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-additional-gray-darker .bg-additional-item .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-image .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-additional-image .bg-additional-item .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient-1 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient-2 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient-3 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-primary .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-primary-accent .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-secondary-2 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .breadcrumbs-custom-light .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list { border-bottom: none; border-right: 1px solid rgba(242, 243, 249, 0.1); } } .context-dark .post-blog-article-meta, .box-scrim-example .post-blog-article-meta, .bg-gray-darker .post-blog-article-meta, .bg-additional-gray-darker .bg-additional-item .post-blog-article-meta, .bg-image .post-blog-article-meta, .bg-additional-image .bg-additional-item .post-blog-article-meta, .bg-gradient .post-blog-article-meta, .bg-gradient-1 .post-blog-article-meta, .bg-gradient-2 .post-blog-article-meta, .bg-gradient-3 .post-blog-article-meta, .bg-primary .post-blog-article-meta, .bg-primary-accent .post-blog-article-meta, .bg-secondary-2 .post-blog-article-meta, .breadcrumbs-custom-light .post-blog-article-meta { color: #c2c2c3; } .context-dark .post-blog-article-meta .box-inline a, .box-scrim-example .post-blog-article-meta .box-inline a, .bg-gray-darker .post-blog-article-meta .box-inline a, .bg-additional-gray-darker .bg-additional-item .post-blog-article-meta .box-inline a, .bg-image .post-blog-article-meta .box-inline a, .bg-additional-image .bg-additional-item .post-blog-article-meta .box-inline a, .bg-gradient .post-blog-article-meta .box-inline a, .bg-gradient-1 .post-blog-article-meta .box-inline a, .bg-gradient-2 .post-blog-article-meta .box-inline a, .bg-gradient-3 .post-blog-article-meta .box-inline a, .bg-primary .post-blog-article-meta .box-inline a, .bg-primary-accent .post-blog-article-meta .box-inline a, .bg-secondary-2 .post-blog-article-meta .box-inline a, .breadcrumbs-custom-light .post-blog-article-meta .box-inline a { color: #c2c2c3; } .context-dark .post-blog-article-meta .box-inline a:hover, .box-scrim-example .post-blog-article-meta .box-inline a:hover, .bg-gray-darker .post-blog-article-meta .box-inline a:hover, .bg-additional-gray-darker .bg-additional-item .post-blog-article-meta .box-inline a:hover, .bg-image .post-blog-article-meta .box-inline a:hover, .bg-additional-image .bg-additional-item .post-blog-article-meta .box-inline a:hover, .bg-gradient .post-blog-article-meta .box-inline a:hover, .bg-gradient-1 .post-blog-article-meta .box-inline a:hover, .bg-gradient-2 .post-blog-article-meta .box-inline a:hover, .bg-gradient-3 .post-blog-article-meta .box-inline a:hover, .bg-primary .post-blog-article-meta .box-inline a:hover, .bg-primary-accent .post-blog-article-meta .box-inline a:hover, .bg-secondary-2 .post-blog-article-meta .box-inline a:hover, .breadcrumbs-custom-light .post-blog-article-meta .box-inline a:hover { color: #002372; } .context-dark .post-blog-large-text, .box-scrim-example .post-blog-large-text, .bg-gray-darker .post-blog-large-text, .bg-additional-gray-darker .bg-additional-item .post-blog-large-text, .bg-image .post-blog-large-text, .bg-additional-image .bg-additional-item .post-blog-large-text, .bg-gradient .post-blog-large-text, .bg-gradient-1 .post-blog-large-text, .bg-gradient-2 .post-blog-large-text, .bg-gradient-3 .post-blog-large-text, .bg-primary .post-blog-large-text, .bg-primary-accent .post-blog-large-text, .bg-secondary-2 .post-blog-large-text, .breadcrumbs-custom-light .post-blog-large-text { color: #29293a; } @media (max-width: 767px) { .context-dark .tabs-custom.tabs-line .nav-tabs, .box-scrim-example .tabs-custom.tabs-line .nav-tabs, .bg-gray-darker .tabs-custom.tabs-line .nav-tabs, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-image .tabs-custom.tabs-line .nav-tabs, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-gradient .tabs-custom.tabs-line .nav-tabs, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs, .bg-primary .tabs-custom.tabs-line .nav-tabs, .bg-primary-accent .tabs-custom.tabs-line .nav-tabs, .bg-secondary-2 .tabs-custom.tabs-line .nav-tabs, .breadcrumbs-custom-light .tabs-custom.tabs-line .nav-tabs { border-color: #29293a; } } .context-dark .time_circles > div > h4, .box-scrim-example .time_circles > div > h4, .bg-gray-darker .time_circles > div > h4, .bg-additional-gray-darker .bg-additional-item .time_circles > div > h4, .bg-image .time_circles > div > h4, .bg-additional-image .bg-additional-item .time_circles > div > h4, .bg-gradient .time_circles > div > h4, .bg-gradient-1 .time_circles > div > h4, .bg-gradient-2 .time_circles > div > h4, .bg-gradient-3 .time_circles > div > h4, .bg-primary .time_circles > div > h4, .bg-primary-accent .time_circles > div > h4, .bg-secondary-2 .time_circles > div > h4, .breadcrumbs-custom-light .time_circles > div > h4, .context-dark .time_circles > div > span, .box-scrim-example .time_circles > div > span, .bg-gray-darker .time_circles > div > span, .bg-additional-gray-darker .bg-additional-item .time_circles > div > span, .bg-image .time_circles > div > span, .bg-additional-image .bg-additional-item .time_circles > div > span, .bg-gradient .time_circles > div > span, .bg-gradient-1 .time_circles > div > span, .bg-gradient-2 .time_circles > div > span, .bg-gradient-3 .time_circles > div > span, .bg-primary .time_circles > div > span, .bg-primary-accent .time_circles > div > span, .bg-secondary-2 .time_circles > div > span, .breadcrumbs-custom-light .time_circles > div > span { color: #fff; } .context-dark .titled-gallery-caption a, .box-scrim-example .titled-gallery-caption a, .bg-gray-darker .titled-gallery-caption a, .bg-additional-gray-darker .bg-additional-item .titled-gallery-caption a, .bg-image .titled-gallery-caption a, .bg-additional-image .bg-additional-item .titled-gallery-caption a, .bg-gradient .titled-gallery-caption a, .bg-gradient-1 .titled-gallery-caption a, .bg-gradient-2 .titled-gallery-caption a, .bg-gradient-3 .titled-gallery-caption a, .bg-primary .titled-gallery-caption a, .bg-primary-accent .titled-gallery-caption a, .bg-secondary-2 .titled-gallery-caption a, .breadcrumbs-custom-light .titled-gallery-caption a { color: rgba(255,236,23,0); } .context-dark .titled-gallery-caption a:hover, .box-scrim-example .titled-gallery-caption a:hover, .bg-gray-darker .titled-gallery-caption a:hover, .bg-additional-gray-darker .bg-additional-item .titled-gallery-caption a:hover, .bg-image .titled-gallery-caption a:hover, .bg-additional-image .bg-additional-item .titled-gallery-caption a:hover, .bg-gradient .titled-gallery-caption a:hover, .bg-gradient-1 .titled-gallery-caption a:hover, .bg-gradient-2 .titled-gallery-caption a:hover, .bg-gradient-3 .titled-gallery-caption a:hover, .bg-primary .titled-gallery-caption a:hover, .bg-primary-accent .titled-gallery-caption a:hover, .bg-secondary-2 .titled-gallery-caption a:hover, .breadcrumbs-custom-light .titled-gallery-caption a:hover { color: #fff; } .context-light, .layout--wrap { color: #838386; } .context-light h1, .layout--wrap h1, .context-light h2, .layout--wrap h2, .context-light h3, .layout--wrap h3, .context-light h4, .layout--wrap h4, .context-light h5, .layout--wrap h5, .context-light h6, .layout--wrap h6, .context-light [class^='heading-'], .layout--wrap [class^='heading-'] { color: #29293a; } /** * Backgrounds Style */ .element-boxed .bg-white, .element-boxed .bg-gray-lighter { color: #838386; } .element-boxed .bg-white h1, .element-boxed .bg-white h2, .element-boxed .bg-white h3, .element-boxed .bg-white h4, .element-boxed .bg-white h5, .element-boxed .bg-white h6, .element-boxed .bg-white [class^='heading-'], .element-boxed .bg-gray-lighter h1, .element-boxed .bg-gray-lighter h2, .element-boxed .bg-gray-lighter h3, .element-boxed .bg-gray-lighter h4, .element-boxed .bg-gray-lighter h5, .element-boxed .bg-gray-lighter h6, .element-boxed .bg-gray-lighter [class^='heading-'] { color: #29293a; } .element-boxed.bg-gray-darker, .bg-additional-gray-darker .element-boxed.bg-additional-item, .element-boxed.bg-gray-darker h1, .bg-additional-gray-darker .element-boxed.bg-additional-item h1, .element-boxed.bg-gray-darker h2, .bg-additional-gray-darker .element-boxed.bg-additional-item h2, .element-boxed.bg-gray-darker h3, .bg-additional-gray-darker .element-boxed.bg-additional-item h3, .element-boxed.bg-gray-darker h4, .bg-additional-gray-darker .element-boxed.bg-additional-item h4, .element-boxed.bg-gray-darker h5, .bg-additional-gray-darker .element-boxed.bg-additional-item h5, .element-boxed.bg-gray-darker h6, .bg-additional-gray-darker .element-boxed.bg-additional-item h6, .element-boxed.bg-gray-darker [class^='heading-'], .bg-additional-gray-darker .element-boxed.bg-additional-item [class^='heading-'] { color: #fff; } .bg-gray-lighter .post-blog .post-blog-caption, .bg-gray-darker .post-blog .post-blog-caption, .bg-additional-gray-darker .bg-additional-item .post-blog .post-blog-caption { background-color: #fff; } .bg-gray-lighter .post-blog .post-blog-caption-footer, .bg-gray-darker .post-blog .post-blog-caption-footer, .bg-additional-gray-darker .bg-additional-item .post-blog .post-blog-caption-footer { border-color: #f2f3f9; } /** * Background White */ .bg-white { background-color: #fff; fill: #fff; } .bg-white .way-point > svg { fill: inherit; } .bg-white + .bg-white { padding-top: 0; } .bg-white .bg-decoration > svg { fill: #fff; } .bg-white .time-line-vertical-element:before, .bg-white .time-line-vertical-element .unit-body:before { background-color: #fff; } .bg-white .twitter-feed { background-color: #f2f3f9; } .bg-white .slider-widget { background: #f2f3f9; } /** * Background Gray Lighter */ .bg-gray-lighter { background-color: #f2f3f9; fill: #f2f3f9; } .bg-gray-lighter .way-point > svg { fill: inherit; } .bg-gray-lighter + .bg-gray-lighter { padding-top: 0; } .bg-gray-lighter .bg-decoration > svg { fill: #f2f3f9; } .bg-gray-lighter .parallax-text { color: #fff; } .bg-gray-lighter .time-line-vertical-element:before, .bg-gray-lighter .time-line-vertical-element .unit-body:before { background-color: #f2f3f9; } .bg-gray-lighter .pricing-box { background-color: #fff; } .bg-gray-lighter .slider-widget { background: #fff; } .bg-gray-lighter .post-classic { background: #fff; } .bg-gray-lighter .post-modern-body { background: #fff; } .bg-gray-lighter .-light:first-child .-title { border-top-color: #c2c2c3; } .bg-gray-lighter .-light .-title a.collapsed { border-bottom-color: #c2c2c3; } .bg-gray-lighter .-light .-collapse { color: #838386; border-bottom-color: #c2c2c3; } .bg-gray-lighter .post-facebook { background: #fff; } .bg-gray-lighter .rd-mailform-inline .rd-mailform-inline-inner::before, .bg-gray-lighter .form-input { background-color: #fff; } .bg-gray-lighter + .bg-gray-lighter.page-footer-default { background-color: #fff; } .bg-gray-lighter + .bg-gray-lighter.page-footer-default .rd-mailform-inline .rd-mailform-inline-inner::before, .bg-gray-lighter + .bg-gray-lighter.page-footer-default .form-input { background-color: #f2f3f9; } .bg-gray-lighter .box-minimal-border:hover { background: #fff; border-color: #fff; } .bg-gray-lighter .box-minimal-modern { background-color: #fff; } .bg-gray-lighter .breadcrumbs-custom-path a, .bg-gray-lighter .breadcrumbs-custom-path a:active, .bg-gray-lighter .breadcrumbs-custom-path a:focus { color: #008dcc; } .bg-gray-lighter .breadcrumbs-custom-path a:hover { color: #002372; } .bg-gray-lighter .breadcrumbs-custom-path li.active { color: #008dcc; } /** * Common Background Gray Darker, Background Images */ .bg-gray-darker .pricing-box, .bg-additional-gray-darker .bg-additional-item .pricing-box, .bg-image .pricing-box, .bg-additional-image .bg-additional-item .pricing-box, .bg-gradient .pricing-box, .bg-gradient-1 .pricing-box, .bg-gradient-2 .pricing-box, .bg-gradient-3 .pricing-box { background-color: #fff; } .bg-gray-darker .list-comma, .bg-additional-gray-darker .bg-additional-item .list-comma, .bg-image .list-comma, .bg-additional-image .bg-additional-item .list-comma, .bg-gradient .list-comma, .bg-gradient-1 .list-comma, .bg-gradient-2 .list-comma, .bg-gradient-3 .list-comma { color: #fff; } .bg-gray-darker .list-comma li:after, .bg-additional-gray-darker .bg-additional-item .list-comma li:after, .bg-image .list-comma li:after, .bg-additional-image .bg-additional-item .list-comma li:after, .bg-gradient .list-comma li:after, .bg-gradient-1 .list-comma li:after, .bg-gradient-2 .list-comma li:after, .bg-gradient-3 .list-comma li:after { color: inherit; } .bg-gray-darker .-light:first-child .-title, .bg-additional-gray-darker .bg-additional-item .-light:first-child .-title, .bg-image .-light:first-child .-title, .bg-additional-image .bg-additional-item .-light:first-child .-title, .bg-gradient .-light:first-child .-title, .bg-gradient-1 .-light:first-child .-title, .bg-gradient-2 .-light:first-child .-title, .bg-gradient-3 .-light:first-child .-title { border-top-color: #555555; } .bg-gray-darker .-light .-title a, .bg-additional-gray-darker .bg-additional-item .-light .-title a, .bg-image .-light .-title a, .bg-additional-image .bg-additional-item .-light .-title a, .bg-gradient .-light .-title a, .bg-gradient-1 .-light .-title a, .bg-gradient-2 .-light .-title a, .bg-gradient-3 .-light .-title a { color: #fff; } .bg-gray-darker .-light .-title a.collapsed, .bg-additional-gray-darker .bg-additional-item .-light .-title a.collapsed, .bg-image .-light .-title a.collapsed, .bg-additional-image .bg-additional-item .-light .-title a.collapsed, .bg-gradient .-light .-title a.collapsed, .bg-gradient-1 .-light .-title a.collapsed, .bg-gradient-2 .-light .-title a.collapsed, .bg-gradient-3 .-light .-title a.collapsed { border-bottom-color: #555555; } .bg-gray-darker .-light .-collapse, .bg-additional-gray-darker .bg-additional-item .-light .-collapse, .bg-image .-light .-collapse, .bg-additional-image .bg-additional-item .-light .-collapse, .bg-gradient .-light .-collapse, .bg-gradient-1 .-light .-collapse, .bg-gradient-2 .-light .-collapse, .bg-gradient-3 .-light .-collapse { color: #c2c2c3; border-bottom-color: #555555; } .bg-gray-darker .list-twitter a, .bg-additional-gray-darker .bg-additional-item .list-twitter a, .bg-image .list-twitter a, .bg-additional-image .bg-additional-item .list-twitter a, .bg-gradient .list-twitter a, .bg-gradient-1 .list-twitter a, .bg-gradient-2 .list-twitter a, .bg-gradient-3 .list-twitter a { color: rgba(255,236,23,0); } .bg-gray-darker .list-twitter a:hover, .bg-additional-gray-darker .bg-additional-item .list-twitter a:hover, .bg-image .list-twitter a:hover, .bg-additional-image .bg-additional-item .list-twitter a:hover, .bg-gradient .list-twitter a:hover, .bg-gradient-1 .list-twitter a:hover, .bg-gradient-2 .list-twitter a:hover, .bg-gradient-3 .list-twitter a:hover { color: #002372; } .bg-gray-darker .tabs-custom.tabs-line .icon-primary, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .icon-primary, .bg-image .tabs-custom.tabs-line .icon-primary, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .icon-primary, .bg-gradient .tabs-custom.tabs-line .icon-primary, .bg-gradient-1 .tabs-custom.tabs-line .icon-primary, .bg-gradient-2 .tabs-custom.tabs-line .icon-primary, .bg-gradient-3 .tabs-custom.tabs-line .icon-primary { color: #002372; } @media (min-width: 768px) { .bg-gray-darker .tabs-custom.tabs-line .nav-tabs, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-image .tabs-custom.tabs-line .nav-tabs, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-gradient .tabs-custom.tabs-line .nav-tabs, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs { border-color: #c2c2c3; } .bg-gray-darker .tabs-custom.tabs-line .nav-tabs li a, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a, .bg-image .tabs-custom.tabs-line .nav-tabs li a, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a, .bg-gradient .tabs-custom.tabs-line .nav-tabs li a, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a { color: #c2c2c3; } .bg-gray-darker .tabs-custom.tabs-line .nav-tabs li a:after, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:after, .bg-image .tabs-custom.tabs-line .nav-tabs li a:after, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:after, .bg-gradient .tabs-custom.tabs-line .nav-tabs li a:after, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a:after, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a:after, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a:after { background-color: rgba(255,236,23,0); } .bg-gray-darker .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gray-darker .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-image .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-image .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gradient .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradient .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a:hover { color: rgba(255,236,23,0); } } .bg-gray-darker .box-inline a, .bg-additional-gray-darker .bg-additional-item .box-inline a, .bg-image .box-inline a, .bg-additional-image .bg-additional-item .box-inline a, .bg-gradient .box-inline a, .bg-gradient-1 .box-inline a, .bg-gradient-2 .box-inline a, .bg-gradient-3 .box-inline a { color: #fff; } .bg-gray-darker .box-inline a:hover, .bg-additional-gray-darker .bg-additional-item .box-inline a:hover, .bg-image .box-inline a:hover, .bg-additional-image .bg-additional-item .box-inline a:hover, .bg-gradient .box-inline a:hover, .bg-gradient-1 .box-inline a:hover, .bg-gradient-2 .box-inline a:hover, .bg-gradient-3 .box-inline a:hover { color: rgba(255,236,23,0); } .bg-gray-darker .radio .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio .radio-custom-dummy, .bg-gray-darker .radio-inline .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio-inline .radio-custom-dummy, .bg-image .radio .radio-custom-dummy, .bg-additional-image .bg-additional-item .radio .radio-custom-dummy, .bg-image .radio-inline .radio-custom-dummy, .bg-additional-image .bg-additional-item .radio-inline .radio-custom-dummy, .bg-gradient .radio .radio-custom-dummy, .bg-gradient-1 .radio .radio-custom-dummy, .bg-gradient-2 .radio .radio-custom-dummy, .bg-gradient-3 .radio .radio-custom-dummy, .bg-gradient .radio-inline .radio-custom-dummy, .bg-gradient-1 .radio-inline .radio-custom-dummy, .bg-gradient-2 .radio-inline .radio-custom-dummy, .bg-gradient-3 .radio-inline .radio-custom-dummy { border-color: #fff; } .bg-gray-darker .radio .radio-custom:checked + .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio .radio-custom:checked + .radio-custom-dummy, .bg-gray-darker .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-image .radio .radio-custom:checked + .radio-custom-dummy, .bg-additional-image .bg-additional-item .radio .radio-custom:checked + .radio-custom-dummy, .bg-image .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-additional-image .bg-additional-item .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-gradient .radio .radio-custom:checked + .radio-custom-dummy, .bg-gradient-1 .radio .radio-custom:checked + .radio-custom-dummy, .bg-gradient-2 .radio .radio-custom:checked + .radio-custom-dummy, .bg-gradient-3 .radio .radio-custom:checked + .radio-custom-dummy, .bg-gradient .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-gradient-1 .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-gradient-2 .radio-inline .radio-custom:checked + .radio-custom-dummy, .bg-gradient-3 .radio-inline .radio-custom:checked + .radio-custom-dummy { border-color: #008dcc; } .bg-gray-darker .divider-thin, .bg-additional-gray-darker .bg-additional-item .divider-thin, .bg-image .divider-thin, .bg-additional-image .bg-additional-item .divider-thin, .bg-gradient .divider-thin, .bg-gradient-1 .divider-thin, .bg-gradient-2 .divider-thin, .bg-gradient-3 .divider-thin { border-color: #d2d5e4; } .bg-gray-darker .twitter-feed-minimal-content, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content, .bg-image .twitter-feed-minimal-content, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content, .bg-gradient .twitter-feed-minimal-content, .bg-gradient-1 .twitter-feed-minimal-content, .bg-gradient-2 .twitter-feed-minimal-content, .bg-gradient-3 .twitter-feed-minimal-content { color: #fff; } .bg-gray-darker .twitter-feed-minimal-content a, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a, .bg-gray-darker .twitter-feed-minimal-content a:focus, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a:focus, .bg-gray-darker .twitter-feed-minimal-content a:active, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a:active, .bg-image .twitter-feed-minimal-content a, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content a, .bg-image .twitter-feed-minimal-content a:focus, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content a:focus, .bg-image .twitter-feed-minimal-content a:active, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content a:active, .bg-gradient .twitter-feed-minimal-content a, .bg-gradient-1 .twitter-feed-minimal-content a, .bg-gradient-2 .twitter-feed-minimal-content a, .bg-gradient-3 .twitter-feed-minimal-content a, .bg-gradient .twitter-feed-minimal-content a:focus, .bg-gradient-1 .twitter-feed-minimal-content a:focus, .bg-gradient-2 .twitter-feed-minimal-content a:focus, .bg-gradient-3 .twitter-feed-minimal-content a:focus, .bg-gradient .twitter-feed-minimal-content a:active, .bg-gradient-1 .twitter-feed-minimal-content a:active, .bg-gradient-2 .twitter-feed-minimal-content a:active, .bg-gradient-3 .twitter-feed-minimal-content a:active { color: rgba(255,236,23,0); } .bg-gray-darker .twitter-feed-minimal-content a:hover, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a:hover, .bg-image .twitter-feed-minimal-content a:hover, .bg-additional-image .bg-additional-item .twitter-feed-minimal-content a:hover, .bg-gradient .twitter-feed-minimal-content a:hover, .bg-gradient-1 .twitter-feed-minimal-content a:hover, .bg-gradient-2 .twitter-feed-minimal-content a:hover, .bg-gradient-3 .twitter-feed-minimal-content a:hover { color: #008dcc; } .bg-gray-darker .page-footer-inline-list a, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a, .bg-gray-darker .page-footer-inline-list a:focus, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a:focus, .bg-gray-darker .page-footer-inline-list a:active, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a:active, .bg-gray-darker .list-darker a, .bg-additional-gray-darker .bg-additional-item .list-darker a, .bg-gray-darker .list-darker a:focus, .bg-additional-gray-darker .bg-additional-item .list-darker a:focus, .bg-gray-darker .list-darker a:active, .bg-additional-gray-darker .bg-additional-item .list-darker a:active, .bg-image .page-footer-inline-list a, .bg-additional-image .bg-additional-item .page-footer-inline-list a, .bg-image .page-footer-inline-list a:focus, .bg-additional-image .bg-additional-item .page-footer-inline-list a:focus, .bg-image .page-footer-inline-list a:active, .bg-additional-image .bg-additional-item .page-footer-inline-list a:active, .bg-image .list-darker a, .bg-additional-image .bg-additional-item .list-darker a, .bg-image .list-darker a:focus, .bg-additional-image .bg-additional-item .list-darker a:focus, .bg-image .list-darker a:active, .bg-additional-image .bg-additional-item .list-darker a:active, .bg-gradient .page-footer-inline-list a, .bg-gradient-1 .page-footer-inline-list a, .bg-gradient-2 .page-footer-inline-list a, .bg-gradient-3 .page-footer-inline-list a, .bg-gradient .page-footer-inline-list a:focus, .bg-gradient-1 .page-footer-inline-list a:focus, .bg-gradient-2 .page-footer-inline-list a:focus, .bg-gradient-3 .page-footer-inline-list a:focus, .bg-gradient .page-footer-inline-list a:active, .bg-gradient-1 .page-footer-inline-list a:active, .bg-gradient-2 .page-footer-inline-list a:active, .bg-gradient-3 .page-footer-inline-list a:active, .bg-gradient .list-darker a, .bg-gradient-1 .list-darker a, .bg-gradient-2 .list-darker a, .bg-gradient-3 .list-darker a, .bg-gradient .list-darker a:focus, .bg-gradient-1 .list-darker a:focus, .bg-gradient-2 .list-darker a:focus, .bg-gradient-3 .list-darker a:focus, .bg-gradient .list-darker a:active, .bg-gradient-1 .list-darker a:active, .bg-gradient-2 .list-darker a:active, .bg-gradient-3 .list-darker a:active { color: #fff; } .bg-gray-darker .page-footer-inline-list a:hover, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a:hover, .bg-gray-darker .list-darker a:hover, .bg-additional-gray-darker .bg-additional-item .list-darker a:hover, .bg-image .page-footer-inline-list a:hover, .bg-additional-image .bg-additional-item .page-footer-inline-list a:hover, .bg-image .list-darker a:hover, .bg-additional-image .bg-additional-item .list-darker a:hover, .bg-gradient .page-footer-inline-list a:hover, .bg-gradient-1 .page-footer-inline-list a:hover, .bg-gradient-2 .page-footer-inline-list a:hover, .bg-gradient-3 .page-footer-inline-list a:hover, .bg-gradient .list-darker a:hover, .bg-gradient-1 .list-darker a:hover, .bg-gradient-2 .list-darker a:hover, .bg-gradient-3 .list-darker a:hover { color: #008dcc; } .bg-gray-darker p.right a:hover, .bg-additional-gray-darker .bg-additional-item p.right a:hover, .bg-image p.right a:hover, .bg-additional-image .bg-additional-item p.right a:hover, .bg-gradient p.right a:hover, .bg-gradient-1 p.right a:hover, .bg-gradient-2 p.right a:hover, .bg-gradient-3 p.right a:hover { color: #fff; } .bg-gray-darker a.icon-gray-light, .bg-additional-gray-darker .bg-additional-item a.icon-gray-light, .bg-gray-darker a.icon-gray-light:focus, .bg-additional-gray-darker .bg-additional-item a.icon-gray-light:focus, .bg-gray-darker a.icon-gray-light:active, .bg-additional-gray-darker .bg-additional-item a.icon-gray-light:active, .bg-gray-darker a.icon-gray-light:not(:hover), .bg-additional-gray-darker .bg-additional-item a.icon-gray-light:not(:hover), .bg-image a.icon-gray-light, .bg-additional-image .bg-additional-item a.icon-gray-light, .bg-image a.icon-gray-light:focus, .bg-additional-image .bg-additional-item a.icon-gray-light:focus, .bg-image a.icon-gray-light:active, .bg-additional-image .bg-additional-item a.icon-gray-light:active, .bg-image a.icon-gray-light:not(:hover), .bg-additional-image .bg-additional-item a.icon-gray-light:not(:hover), .bg-gradient a.icon-gray-light, .bg-gradient-1 a.icon-gray-light, .bg-gradient-2 a.icon-gray-light, .bg-gradient-3 a.icon-gray-light, .bg-gradient a.icon-gray-light:focus, .bg-gradient-1 a.icon-gray-light:focus, .bg-gradient-2 a.icon-gray-light:focus, .bg-gradient-3 a.icon-gray-light:focus, .bg-gradient a.icon-gray-light:active, .bg-gradient-1 a.icon-gray-light:active, .bg-gradient-2 a.icon-gray-light:active, .bg-gradient-3 a.icon-gray-light:active, .bg-gradient a.icon-gray-light:not(:hover), .bg-gradient-1 a.icon-gray-light:not(:hover), .bg-gradient-2 a.icon-gray-light:not(:hover), .bg-gradient-3 a.icon-gray-light:not(:hover) { color: #c2c2c3; } .bg-gray-darker.page-footer-alternative .divider-xl, .bg-additional-gray-darker .page-footer-alternative.bg-additional-item .divider-xl, .bg-image.page-footer-alternative .divider-xl, .bg-additional-image .page-footer-alternative.bg-additional-item .divider-xl, .bg-gradient.page-footer-alternative .divider-xl, .page-footer-alternative.bg-gradient-1 .divider-xl, .page-footer-alternative.bg-gradient-2 .divider-xl, .page-footer-alternative.bg-gradient-3 .divider-xl { border-color: rgba(255, 255, 255, 0.2); } .bg-gray-darker.page-footer-alternative a.icon.icon-gray-light[class*='instagram']:hover, .bg-additional-gray-darker .page-footer-alternative.bg-additional-item a.icon.icon-gray-light[class*='instagram']:hover, .bg-image.page-footer-alternative a.icon.icon-gray-light[class*='instagram']:hover, .bg-additional-image .page-footer-alternative.bg-additional-item a.icon.icon-gray-light[class*='instagram']:hover, .bg-gradient.page-footer-alternative a.icon.icon-gray-light[class*='instagram']:hover, .page-footer-alternative.bg-gradient-1 a.icon.icon-gray-light[class*='instagram']:hover, .page-footer-alternative.bg-gradient-2 a.icon.icon-gray-light[class*='instagram']:hover, .page-footer-alternative.bg-gradient-3 a.icon.icon-gray-light[class*='instagram']:hover { color: #c13584; } .bg-gray-darker .team-classic-title, .bg-additional-gray-darker .bg-additional-item .team-classic-title, .bg-image .team-classic-title, .bg-additional-image .bg-additional-item .team-classic-title, .bg-gradient .team-classic-title, .bg-gradient-1 .team-classic-title, .bg-gradient-2 .team-classic-title, .bg-gradient-3 .team-classic-title { color: rgba(255,236,23,0); } .bg-gray-darker .team-classic-title:hover, .bg-additional-gray-darker .bg-additional-item .team-classic-title:hover, .bg-image .team-classic-title:hover, .bg-additional-image .bg-additional-item .team-classic-title:hover, .bg-gradient .team-classic-title:hover, .bg-gradient-1 .team-classic-title:hover, .bg-gradient-2 .team-classic-title:hover, .bg-gradient-3 .team-classic-title:hover { color: #fff; } .bg-gray-darker .team-classic-job-position, .bg-additional-gray-darker .bg-additional-item .team-classic-job-position, .bg-image .team-classic-job-position, .bg-additional-image .bg-additional-item .team-classic-job-position, .bg-gradient .team-classic-job-position, .bg-gradient-1 .team-classic-job-position, .bg-gradient-2 .team-classic-job-position, .bg-gradient-3 .team-classic-job-position { color: #c2c2c3; } .bg-gray-darker .team-inline-title:hover, .bg-additional-gray-darker .bg-additional-item .team-inline-title:hover, .bg-image .team-inline-title:hover, .bg-additional-image .bg-additional-item .team-inline-title:hover, .bg-gradient .team-inline-title:hover, .bg-gradient-1 .team-inline-title:hover, .bg-gradient-2 .team-inline-title:hover, .bg-gradient-3 .team-inline-title:hover { color: rgba(255,236,23,0); } .bg-gray-darker a.icon.icon-gray-1:hover, .bg-additional-gray-darker .bg-additional-item a.icon.icon-gray-1:hover, .bg-image a.icon.icon-gray-1:hover, .bg-additional-image .bg-additional-item a.icon.icon-gray-1:hover, .bg-gradient a.icon.icon-gray-1:hover, .bg-gradient-1 a.icon.icon-gray-1:hover, .bg-gradient-2 a.icon.icon-gray-1:hover, .bg-gradient-3 a.icon.icon-gray-1:hover { color: rgba(255,236,23,0); } .bg-gray-darker .team-classic .button-default-outline, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline, .bg-gray-darker .team-classic .button-default-outline:focus, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:focus, .bg-image .team-classic .button-default-outline, .bg-additional-image .bg-additional-item .team-classic .button-default-outline, .bg-image .team-classic .button-default-outline:focus, .bg-additional-image .bg-additional-item .team-classic .button-default-outline:focus, .bg-gradient .team-classic .button-default-outline, .bg-gradient-1 .team-classic .button-default-outline, .bg-gradient-2 .team-classic .button-default-outline, .bg-gradient-3 .team-classic .button-default-outline, .bg-gradient .team-classic .button-default-outline:focus, .bg-gradient-1 .team-classic .button-default-outline:focus, .bg-gradient-2 .team-classic .button-default-outline:focus, .bg-gradient-3 .team-classic .button-default-outline:focus { color: #fff; background-color: #002372; border-color: #002372; } .bg-gray-darker .team-classic .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:hover, .bg-gray-darker .team-classic .button-default-outline:active, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:active, .bg-gray-darker .team-classic .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:hover, .bg-image .team-classic .button-default-outline:hover, .bg-additional-image .bg-additional-item .team-classic .button-default-outline:hover, .bg-image .team-classic .button-default-outline:active, .bg-additional-image .bg-additional-item .team-classic .button-default-outline:active, .bg-image .team-classic .button-default-outline:hover, .bg-additional-image .bg-additional-item .team-classic .button-default-outline:hover, .bg-gradient .team-classic .button-default-outline:hover, .bg-gradient-1 .team-classic .button-default-outline:hover, .bg-gradient-2 .team-classic .button-default-outline:hover, .bg-gradient-3 .team-classic .button-default-outline:hover, .bg-gradient .team-classic .button-default-outline:active, .bg-gradient-1 .team-classic .button-default-outline:active, .bg-gradient-2 .team-classic .button-default-outline:active, .bg-gradient-3 .team-classic .button-default-outline:active, .bg-gradient .team-classic .button-default-outline:hover, .bg-gradient-1 .team-classic .button-default-outline:hover, .bg-gradient-2 .team-classic .button-default-outline:hover, .bg-gradient-3 .team-classic .button-default-outline:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } .bg-gray-darker .team-inline-text, .bg-additional-gray-darker .bg-additional-item .team-inline-text, .bg-image .team-inline-text, .bg-additional-image .bg-additional-item .team-inline-text, .bg-gradient .team-inline-text, .bg-gradient-1 .team-inline-text, .bg-gradient-2 .team-inline-text, .bg-gradient-3 .team-inline-text { color: #ededed; } .bg-gray-darker .event-default-title, .bg-additional-gray-darker .bg-additional-item .event-default-title, .bg-image .event-default-title, .bg-additional-image .bg-additional-item .event-default-title, .bg-gradient .event-default-title, .bg-gradient-1 .event-default-title, .bg-gradient-2 .event-default-title, .bg-gradient-3 .event-default-title { color: rgba(255,236,23,0); } .bg-gray-darker .event-default-title:hover, .bg-additional-gray-darker .bg-additional-item .event-default-title:hover, .bg-image .event-default-title:hover, .bg-additional-image .bg-additional-item .event-default-title:hover, .bg-gradient .event-default-title:hover, .bg-gradient-1 .event-default-title:hover, .bg-gradient-2 .event-default-title:hover, .bg-gradient-3 .event-default-title:hover { color: #fff; } .bg-gray-darker .event-default-inner .event-default-link, .bg-additional-gray-darker .bg-additional-item .event-default-inner .event-default-link, .bg-image .event-default-inner .event-default-link, .bg-additional-image .bg-additional-item .event-default-inner .event-default-link, .bg-gradient .event-default-inner .event-default-link, .bg-gradient-1 .event-default-inner .event-default-link, .bg-gradient-2 .event-default-inner .event-default-link, .bg-gradient-3 .event-default-inner .event-default-link { color: #c2c2c3; } .bg-gray-darker .event-default-inner .event-default-link:hover, .bg-additional-gray-darker .bg-additional-item .event-default-inner .event-default-link:hover, .bg-image .event-default-inner .event-default-link:hover, .bg-additional-image .bg-additional-item .event-default-inner .event-default-link:hover, .bg-gradient .event-default-inner .event-default-link:hover, .bg-gradient-1 .event-default-inner .event-default-link:hover, .bg-gradient-2 .event-default-inner .event-default-link:hover, .bg-gradient-3 .event-default-inner .event-default-link:hover { color: rgba(255,236,23,0); } /** * Common Background Gray Darker, Background Images, Background gradient 1 */ .bg-gradient-1 .box-cta-title, .bg-gradient-2 .box-cta-title, .bg-image .box-cta-title, .bg-additional-image .bg-additional-item .box-cta-title, .bg-secondary-2 .box-cta-title, .bg-gray-darker .box-cta-title, .bg-additional-gray-darker .bg-additional-item .box-cta-title { color: rgba(255,236,23,0); } .bg-gradient-1 .box-cta, .bg-gradient-2 .box-cta, .bg-image .box-cta, .bg-additional-image .bg-additional-item .box-cta, .bg-secondary-2 .box-cta, .bg-gray-darker .box-cta, .bg-additional-gray-darker .bg-additional-item .box-cta { color: #fff; } .bg-gradient-1 .link-bold, .bg-gradient-2 .link-bold, .bg-image .link-bold, .bg-additional-image .bg-additional-item .link-bold, .bg-secondary-2 .link-bold, .bg-gray-darker .link-bold, .bg-additional-gray-darker .bg-additional-item .link-bold { color: rgba(255,236,23,0); } .bg-gradient-1 .link-bold:hover, .bg-gradient-2 .link-bold:hover, .bg-image .link-bold:hover, .bg-additional-image .bg-additional-item .link-bold:hover, .bg-secondary-2 .link-bold:hover, .bg-gray-darker .link-bold:hover, .bg-additional-gray-darker .bg-additional-item .link-bold:hover { color: #fff; } .bg-gradient-1 .box-minimal-title, .bg-gradient-2 .box-minimal-title, .bg-image .box-minimal-title, .bg-additional-image .bg-additional-item .box-minimal-title, .bg-secondary-2 .box-minimal-title, .bg-gray-darker .box-minimal-title, .bg-additional-gray-darker .bg-additional-item .box-minimal-title { color: rgba(255,236,23,0); } .bg-gradient-1 .box-minimal-text, .bg-gradient-2 .box-minimal-text, .bg-image .box-minimal-text, .bg-additional-image .bg-additional-item .box-minimal-text, .bg-secondary-2 .box-minimal-text, .bg-gray-darker .box-minimal-text, .bg-additional-gray-darker .bg-additional-item .box-minimal-text { color: #fff; opacity: .6; } .bg-gradient-1 .box-minimal-header .box-minimal-icon, .bg-gradient-2 .box-minimal-header .box-minimal-icon, .bg-image .box-minimal-header .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-header .box-minimal-icon, .bg-secondary-2 .box-minimal-header .box-minimal-icon, .bg-gray-darker .box-minimal-header .box-minimal-icon, .bg-additional-gray-darker .bg-additional-item .box-minimal-header .box-minimal-icon { color: #fff; } .bg-gradient-1 .box-minimal-header .box-minimal-icon svg, .bg-gradient-2 .box-minimal-header .box-minimal-icon svg, .bg-image .box-minimal-header .box-minimal-icon svg, .bg-additional-image .bg-additional-item .box-minimal-header .box-minimal-icon svg, .bg-secondary-2 .box-minimal-header .box-minimal-icon svg, .bg-gray-darker .box-minimal-header .box-minimal-icon svg, .bg-additional-gray-darker .bg-additional-item .box-minimal-header .box-minimal-icon svg { fill: #fff; } .bg-gradient-1 .thumbnail-classic .divider-default, .bg-gradient-2 .thumbnail-classic .divider-default, .bg-image .thumbnail-classic .divider-default, .bg-additional-image .bg-additional-item .thumbnail-classic .divider-default, .bg-secondary-2 .thumbnail-classic .divider-default, .bg-gray-darker .thumbnail-classic .divider-default, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic .divider-default { background: #fff; } .bg-gradient-1 .thumbnail-classic-title, .bg-gradient-2 .thumbnail-classic-title, .bg-image .thumbnail-classic-title, .bg-additional-image .bg-additional-item .thumbnail-classic-title, .bg-secondary-2 .thumbnail-classic-title, .bg-gray-darker .thumbnail-classic-title, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-title { color: rgba(255,236,23,0); } .bg-gradient-1 .thumbnail-classic-icon, .bg-gradient-2 .thumbnail-classic-icon, .bg-image .thumbnail-classic-icon, .bg-additional-image .bg-additional-item .thumbnail-classic-icon, .bg-secondary-2 .thumbnail-classic-icon, .bg-gray-darker .thumbnail-classic-icon, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-icon { color: #fff; } .bg-gradient-1 .thumbnail-classic-secondary .divider-default, .bg-gradient-2 .thumbnail-classic-secondary .divider-default, .bg-image .thumbnail-classic-secondary .divider-default, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .divider-default, .bg-secondary-2 .thumbnail-classic-secondary .divider-default, .bg-gray-darker .thumbnail-classic-secondary .divider-default, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .divider-default { background: #008dcc; } .bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-title, .bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-title, .bg-image .thumbnail-classic-secondary .thumbnail-classic-title, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-title, .bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-title, .bg-gray-darker .thumbnail-classic-secondary .thumbnail-classic-title, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-title { color: #fff; } .bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-icon, .bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-icon, .bg-image .thumbnail-classic-secondary .thumbnail-classic-icon, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon, .bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-icon, .bg-gray-darker .thumbnail-classic-secondary .thumbnail-classic-icon, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon { color: rgba(255,236,23,0); } .bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-icon::after, .bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-icon::after, .bg-image .thumbnail-classic-secondary .thumbnail-classic-icon::after, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon::after, .bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-icon::after, .bg-gray-darker .thumbnail-classic-secondary .thumbnail-classic-icon::after, .bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon::after { border-color: rgba(255,236,23,0); } .bg-gradient-1 .image-shadow img, .bg-gradient-2 .image-shadow img, .bg-image .image-shadow img, .bg-additional-image .bg-additional-item .image-shadow img, .bg-secondary-2 .image-shadow img, .bg-gray-darker .image-shadow img, .bg-additional-gray-darker .bg-additional-item .image-shadow img { box-shadow: 0 10px 30px 0 rgba(30, 31, 34, 0.5); } .bg-image .thumbnail-classic-secondary .thumbnail-classic-text, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-text, .bg-gradient .thumbnail-classic-secondary .thumbnail-classic-text, .bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-text, .bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-text, .bg-gradient-3 .thumbnail-classic-secondary .thumbnail-classic-text, .bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-text { color: rgba(255, 255, 255, 0.8); } .bg-image .typed-text, .bg-additional-image .bg-additional-item .typed-text, .bg-image .typed-cursor, .bg-additional-image .bg-additional-item .typed-cursor, .bg-gradient .typed-text, .bg-gradient-1 .typed-text, .bg-gradient-2 .typed-text, .bg-gradient-3 .typed-text, .bg-gradient .typed-cursor, .bg-gradient-1 .typed-cursor, .bg-gradient-2 .typed-cursor, .bg-gradient-3 .typed-cursor, .bg-secondary-2 .typed-text, .bg-secondary-2 .typed-cursor { color: rgba(255,236,23,0); } /** * Background mixed */ .bg-primary-accent .button-default-outline, .bg-primary-accent .button-default-outline:focus, .bg-secondary-2 .button-default-outline, .bg-secondary-2 .button-default-outline:focus { color: #fff; background-color: transparent; border-color: #fff; } .bg-primary-accent .button-default-outline:hover, .bg-primary-accent .button-default-outline:active, .bg-primary-accent .button-default-outline:hover, .bg-secondary-2 .button-default-outline:hover, .bg-secondary-2 .button-default-outline:active, .bg-secondary-2 .button-default-outline:hover { color: #fff; background-color: #002372; border-color: #002372; } /** * Background Primary */ .bg-primary { background-color: #008dcc; fill: #008dcc; } .bg-primary .way-point > svg { fill: inherit; } .bg-primary + .bg-primary { padding-top: 0; } .bg-primary .bg-decoration > svg { fill: #008dcc; } .bg-primary-accent { background-color: #6a0dac; fill: #6a0dac; } .bg-primary-accent .way-point > svg { fill: inherit; } .bg-primary-accent + .bg-primary-accent { padding-top: 0; } .bg-primary-accent .bg-decoration > svg { fill: #6a0dac; } .bg-primary-accent .parallax-text { color: rgba(0, 0, 0, 0.2); opacity: 1; } /** * Background Secondary 2 */ .bg-secondary-2 { background-color: #008dcc; fill: #008dcc; } .bg-secondary-2 .way-point > svg { fill: inherit; } .bg-secondary-2 + .bg-secondary-2 { padding-top: 0; } .bg-secondary-2 .bg-decoration > svg { fill: #008dcc; } .bg-secondary-2 .thumbnail-classic .divider-default { background: #fff; } .bg-secondary-2 .thumbnail-classic-title { color: rgba(255,236,23,0); } .bg-secondary-2 .box-minimal-border:hover { background: #29293a; border-color: #29293a; } /** * Background Gray Darker */ .bg-gray-darker, .bg-additional-gray-darker .bg-additional-item { background-color:#29293a; fill: #29293a; } .bg-gray-darker .way-point > svg, .bg-additional-gray-darker .bg-additional-item .way-point > svg { fill: inherit; } .bg-gray-darker + .bg-gray-darker, .bg-additional-gray-darker .bg-additional-item + .bg-gray-darker, .bg-additional-gray-darker .bg-gray-darker + .bg-additional-item, .bg-additional-gray-darker .bg-additional-item + .bg-additional-item { padding-top: 0; } .bg-gray-darker .bg-decoration > svg, .bg-additional-gray-darker .bg-additional-item .bg-decoration > svg { fill: #29293a; } .bg-gray-darker h1 a:hover, .bg-additional-gray-darker .bg-additional-item h1 a:hover, .bg-gray-darker h2 a:hover, .bg-additional-gray-darker .bg-additional-item h2 a:hover, .bg-gray-darker h3 a:hover, .bg-additional-gray-darker .bg-additional-item h3 a:hover, .bg-gray-darker h4 a:hover, .bg-additional-gray-darker .bg-additional-item h4 a:hover, .bg-gray-darker h5 a:hover, .bg-additional-gray-darker .bg-additional-item h5 a:hover, .bg-gray-darker h6 a:hover, .bg-additional-gray-darker .bg-additional-item h6 a:hover, .bg-gray-darker [class^='heading-'] a:hover, .bg-additional-gray-darker .bg-additional-item [class^='heading-'] a:hover { color: rgba(255,236,23,0); } .bg-gray-darker .time-line-vertical:before, .bg-additional-gray-darker .bg-additional-item .time-line-vertical:before, .bg-gray-darker .time-line-vertical-element:last-child .unit-body:after, .bg-additional-gray-darker .bg-additional-item .time-line-vertical-element:last-child .unit-body:after, .bg-gray-darker .time-line-vertical-element:before, .bg-additional-gray-darker .bg-additional-item .time-line-vertical-element:before, .bg-gray-darker .time-line-vertical-element .unit-body:before, .bg-additional-gray-darker .bg-additional-item .time-line-vertical-element .unit-body:before { background-color: #29293a; border-color: rgba(255,236,23,0); } .bg-gray-darker .twitter, .bg-additional-gray-darker .bg-additional-item .twitter { color: #fff; } .bg-gray-darker .time-line-time, .bg-additional-gray-darker .bg-additional-item .time-line-time, .bg-gray-darker .time-line-content, .bg-additional-gray-darker .bg-additional-item .time-line-content { color: #c2c2c3; } .bg-gray-darker .radio a, .bg-additional-gray-darker .bg-additional-item .radio a, .bg-gray-darker .radio-inline a, .bg-additional-gray-darker .bg-additional-item .radio-inline a, .bg-gray-darker .checkbox a, .bg-additional-gray-darker .bg-additional-item .checkbox a, .bg-gray-darker .checkbox-inline a, .bg-additional-gray-darker .bg-additional-item .checkbox-inline a { color: #002372; } .bg-gray-darker .radio a:hover, .bg-additional-gray-darker .bg-additional-item .radio a:hover, .bg-gray-darker .radio-inline a:hover, .bg-additional-gray-darker .bg-additional-item .radio-inline a:hover, .bg-gray-darker .checkbox a:hover, .bg-additional-gray-darker .bg-additional-item .checkbox a:hover, .bg-gray-darker .checkbox-inline a:hover, .bg-additional-gray-darker .bg-additional-item .checkbox-inline a:hover { color: rgba(255,236,23,0); } .bg-gray-darker .isotope-filters-list-buttons a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a, .bg-gray-darker .isotope-filters-list-buttons a:focus, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:focus { color: #29293a; background-color: #fff; border-color: #ededed; } .bg-gray-darker .isotope-filters-list-buttons a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:hover, .bg-gray-darker .isotope-filters-list-buttons a:active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:active, .bg-gray-darker .isotope-filters-list-buttons a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:hover { color: #fff; background-color: #6a0dac; border-color: #6a0dac; } .bg-gray-darker .button-default-outline, .bg-additional-gray-darker .bg-additional-item .button-default-outline, .bg-gray-darker .button-default-outline:focus, .bg-additional-gray-darker .bg-additional-item .button-default-outline:focus { color: #fff; background-color: transparent; border-color: #fff; } .bg-gray-darker .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .button-default-outline:hover, .bg-gray-darker .button-default-outline:active, .bg-additional-gray-darker .bg-additional-item .button-default-outline:active, .bg-gray-darker .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .button-default-outline:hover { color: #fff; background-color: #002372; border-color: #002372; } /** * Background decorated */ .bg-decorated { position: relative; z-index: 10; } .bg-decoration { position: absolute; left: 0; right: 0; font-size: 0; line-height: 0; } .bg-decoration-top { top: 1px; transform: translateY(-100%); } .bg-decoration-bottom { bottom: 1px; transform: translateY(100%); } .bg-decoration svg { min-width: 1000px; width: 100%; fill: #fff; } /** * Background Gradients */ .bg-gradient .divider-default, .bg-gradient-1 .divider-default, .bg-gradient-2 .divider-default, .bg-gradient-3 .divider-default { background: #fff; } .bg-gradient-1 { background-image: linear-gradient(to right, #008dcc 20%, #002372); } .bg-gradient-1 .box-cta .button-secondary, .bg-gradient-1 .box-cta .button-secondary:focus { color: #fff; background-color: transparent; border-color: #ededed; } .bg-gradient-1 .box-cta .button-secondary:hover, .bg-gradient-1 .box-cta .button-secondary:active, .bg-gradient-1 .box-cta .button-secondary:hover { color: #fff; background-color: #6a0dac; border-color: #6a0dac; } .bg-gradient-2 { background-image: linear-gradient(to left, #008dcc 20%, #002372); } .bg-gradient-2 .box-minimal-border:hover { background: #29293a; border-color: #29293a; } .bg-gradient-3 { background-image: linear-gradient(-45deg, #310cb3 10%, #520db2 45%, #008dcc 80%); } .bg-gradient-3 .button-default-outline, .bg-gradient-3 .button-default-outline:focus { color: #fff; background-color: transparent; border-color: #ededed; } .bg-gradient-3 .button-default-outline:hover, .bg-gradient-3 .button-default-outline:active, .bg-gradient-3 .button-default-outline:hover { color: #fff; background-color: #6a0dac; border-color: #6a0dac; } /** * Background Images */ .bg-image, .bg-additional-image .bg-additional-item { background-size: cover; background-position: center center; background-repeat: no-repeat; } .bg-image, .bg-additional-image .bg-additional-item { position: relative; overflow: hidden; z-index: 1; } .bg-image.page-footer-default, .bg-additional-image .page-footer-default.bg-additional-item, .bg-image.page-footer-extended, .bg-additional-image .page-footer-extended.bg-additional-item, .bg-image.page-footer-alternative, .bg-additional-image .page-footer-alternative.bg-additional-item, .bg-image.page-footer-minimal, .bg-additional-image .page-footer-minimal.bg-additional-item { background-image: url(../images/bg-image-fixed.jpg); } .bg-image .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-icon { color: rgba(255,236,23,0); } .bg-image .box-minimal-icon svg, .bg-additional-image .bg-additional-item .box-minimal-icon svg { fill: rgba(255,236,23,0); } .bg-image .quote-boxed-small, .bg-additional-image .bg-additional-item .quote-boxed-small, .bg-image .quote-vertical-small, .bg-additional-image .bg-additional-item .quote-vertical-small { color: #c2c2c3; } .bg-image .button-default-outline, .bg-additional-image .bg-additional-item .button-default-outline, .bg-image .button-default-outline:focus, .bg-additional-image .bg-additional-item .button-default-outline:focus { color: #fff; background-color: transparent; border-color: #fff; } .bg-image .button-default-outline:hover, .bg-additional-image .bg-additional-item .button-default-outline:hover, .bg-image .button-default-outline:active, .bg-additional-image .bg-additional-item .button-default-outline:active, .bg-image .button-default-outline:hover, .bg-additional-image .bg-additional-item .button-default-outline:hover { color: #fff; background-color: #6a0dac; border-color: #6a0dac; } .bg-image .radio, .bg-additional-image .bg-additional-item .radio, .bg-image .radio-inline, .bg-additional-image .bg-additional-item .radio-inline, .bg-image .checkbox, .bg-additional-image .bg-additional-item .checkbox, .bg-image .checkbox-inline, .bg-additional-image .bg-additional-item .checkbox-inline { color: #fff; } .bg-image .radio a, .bg-additional-image .bg-additional-item .radio a, .bg-image .radio-inline a, .bg-additional-image .bg-additional-item .radio-inline a, .bg-image .checkbox a, .bg-additional-image .bg-additional-item .checkbox a, .bg-image .checkbox-inline a, .bg-additional-image .bg-additional-item .checkbox-inline a { color: rgba(255,236,23,0); } .bg-image .radio a:hover, .bg-additional-image .bg-additional-item .radio a:hover, .bg-image .radio-inline a:hover, .bg-additional-image .bg-additional-item .radio-inline a:hover, .bg-image .checkbox a:hover, .bg-additional-image .bg-additional-item .checkbox a:hover, .bg-image .checkbox-inline a:hover, .bg-additional-image .bg-additional-item .checkbox-inline a:hover { color: #fff; } .bg-image .bg-image-poster, .bg-additional-image .bg-additional-item .bg-image-poster { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; } .bg-image .bg-image-poster img, .bg-additional-image .bg-additional-item .bg-image-poster img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; object-position: right center; width: 100%; height: 100%; } .bg-image.section-reverse .bg-image-poster, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster { transform: scale(-1, 1); } .bg-image.section-reverse .bg-image-poster img, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster img { object-position: left center; } @media (max-width: 1199px) { .bg-image.section-reverse .bg-image-poster.bg-image-poster-lg, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster.bg-image-poster-lg { transform: none; } .bg-image.section-reverse .bg-image-poster.bg-image-poster-lg img, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster.bg-image-poster-lg img { object-position: right center; } } .ie-10 .bg-image .bg-image-poster img, .ie-10 .bg-additional-image .bg-additional-item .bg-image-poster img, .bg-additional-image .ie-10 .bg-additional-item .bg-image-poster img, .ie-11 .bg-image .bg-image-poster img, .ie-11 .bg-additional-image .bg-additional-item .bg-image-poster img, .bg-additional-image .ie-11 .bg-additional-item .bg-image-poster img { right: auto; bottom: auto; top: 50%; left: 50%; width: auto; height: auto; max-width: 135%; max-height: 135%; min-height: 101%; min-width: 101%; transform: translate(-50%, -50%); } @media (min-width: 992px) { html.desktop .bg-fixed { background-attachment: fixed; } } [class*='bg-'] { background-size: cover; background-position: center center; } .bg-image-1 { background-image: url("../images/bg-image-fixed.jpg"); } .bg-image-2 { background-image: url("../images/bg-02.jpg"); } .bg-image-3 { background-image: url("../images/bg-image-default.jpg"); } .bg-image-4 { background-image: url("../images/bg-03.jpg"); } .bg-image-5 { background-image: url("../images/bg-05.jpg"); } .bg-image-6 { background-image: url("../images/bg-07.jpg"); } .bg-image-7 { background-image: url("../images/bg-08.jpg"); } .bg-image-8 { background-image: url("../images/bg-09.jpg"); } .bg-image-9 { background-image: url("../images/bg-10.jpg"); } .bg-image-10 { background-image: url("../images/bg-11.jpg"); } .bg-pattern-dark, .bg-additional-pattern-dark .bg-additional-item { background-image: url("../images/bg-pattern-dark.jpg"); background-repeat: repeat; } .bg-additional-image-1 .bg-additional-item { background-image: url("../images/bg-image-fixed.jpg"); } .bg-additional-image-1 .bg-additional-item { background-image: url("../images/bg-image-fixed.jpg"); } .bg-additional-item { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bg-additional-item > * { width: 100%; } /** * 2.3 Blogs Style */ /** * Bline */ .blog-inline { max-width: 318px; margin-left: auto; margin-right: auto; letter-spacing: 0.02em; } .blog-inline-title { color: #002372; font-weight: 400; } .blog-inline-title a { display: block; } .blog-inline-title > a, .blog-inline-title > a:focus, .blog-inline-title > a:active { color: inherit; } .blog-inline-title > a:hover { color: #008dcc; } .blog-inline-meta { color: #838386; font-style: italic; margin-left: -20px; margin-bottom: -10px; transform: translateY(-10px); } .blog-inline-meta a, .blog-inline-meta a:focus, .blog-inline-meta a:active { color: #838386; } .blog-inline-meta a:hover { color: #008dcc; } .blog-inline-meta > li { position: relative; display: inline-block; margin-top: 10px; padding-left: 20px; padding-right: 20px; } .blog-inline-meta > li + li:after { content: '|'; position: absolute; top: 0; left: 0; height: 100%; color: #979799; } * + .blog-inline { margin-top: 25px; } * + .blog-inline-wrap { margin-top: 25px; } * + .blog-inline-meta { margin-top: 5px; } @media (min-width: 768px) { * + .blog-inline { margin-top: 43px; } * + .blog-inline-wrap { margin-top: 43px; } } @media (min-width: 992px) { .blog-inline { margin-left: 0; margin-right: auto; } } /* * * 2.4 Boxes * -------------------------------------------------- */ /** * Box minimal */ .box-minimal { max-width: 390px; } .box-minimal * + p { margin-top: 15px; } .box-minimal .box-minimal-icon { font-size: 30px; line-height: 1; color: #008dcc; } .box-minimal-icon svg { fill: #008dcc; } .box-minimal-title { color: #29293a; } .shell-box-minimal-wrap .box-minimal { max-width: 570px; } .box-accent p { letter-spacing: 0.02em; } @media (min-width: 992px) { .box-accent h6 + p, .box-accent .heading-6 + p { margin-top: 26px; } } @media (min-width: 1600px) { .box-accent { padding-right: 50px; } } .box-minimal-header { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; transform: translateY(-20px); margin-bottom: -20px; margin-left: -20px; } .box-minimal-header > * { display: inline-block; margin-top: 20px; margin-left: 20px; } .box-minimal-light .box-minimal-icon { color: #002372; } .box-minimal-light .box-minimal-icon svg { fill: #002372; } .box-minimal-text { color: #838386; } * + .box-minimal-text { margin-top: 22px; } /** * Box minimal border */ .box-minimal-border { padding: 20px 15px; border-radius: 8px; border: 1px solid #c2c2c3; transition: 450ms ease-in-out; } .box-minimal-border .box-minimal-icon { font-size: 30px; color: #29293a; } .box-minimal-border .box-minimal-icon svg { fill: #29293a; } .box-minimal-border .box-minimal-title { font-weight: 400; } .box-minimal-border * + hr { margin-top: 20px; } .box-minimal-border:hover { background: #f2f3f9; border-color: #f2f3f9; } /** * Box minimal modern */ .box-minimal-modern { padding: 0 15px 30px; margin-top: 50px; background-color: #f2f3f9; border-radius: 8px; transition: 750ms ease-in-out; } .box-minimal-modern .box-minimal-icon { position: relative; top: -50px; display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; margin-bottom: -50px; margin-left: auto; margin-right: auto; border-radius: 100%; font-size: 30px; color: #fff; background: linear-gradient(-45deg, #002372, rgba(255,236,23,0)); } .box-minimal-modern .box-minimal-icon svg { fill: #fff; } .box-minimal-modern .box-minimal-icon:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background: linear-gradient(-45deg, #008dcc, #002372); opacity: 0; border-radius: 100%; transition: 750ms ease-in-out; } .box-minimal-modern .box-minimal-icon:before { position: relative; z-index: 1; } .box-minimal-modern .box-minimal-icon.mdi { font-size: 34px; } .box-minimal-modern:hover { box-shadow: 0 8px 29px rgba(41, 41, 58, 0.09); } .box-minimal-modern:hover .box-minimal-icon:after { opacity: 1; } @media (min-width: 992px) { .box-minimal .box-minimal-icon { font-size: 40px; } .box-minimal .box-minimal-icon-md { font-size: 36px; } .box-minimal .box-minimal-icon-sm { font-size: 30px; } .box-minimal-border { padding: 40px 25px 45px; min-height: 365px; } .box-minimal-border .box-minimal-icon { font-size: 48px; } .box-minimal-border * + hr { margin-top: 30px; } .box-minimal-modern { padding: 0 28px 45px; min-height: 300px; } .box-minimal-modern .box-minimal-icon { font-size: 40px; } .box-minimal-modern .box-minimal-icon.mdi { font-size: 44px; } .box-minimal-modern * + .box-minimal-title { margin-top: 30px; } .box-minimal-icon.box-minimal-icon-lg { font-size: 40px; } } @media (min-width: 1200px) { .box-minimal-border { padding: 40px 35px 45px; } } @media (min-width: 1600px) { .box-minimal-icon.box-minimal-icon-lg { font-size: 52px; } .box-minimal-border { padding: 40px 45px 45px; } } /** * Classic Box Style */ .box-classic { max-width: 570px; margin-left: auto; margin-right: auto; padding: 10% 7%; text-align: left; border: 1px solid transparent; border-radius: 9px; } .box-classic-title > * { text-transform: uppercase; } .box-classic-content { letter-spacing: 0.02em; } * + .box-classic { margin-top: 60px; } * + .box-classic-content { margin-top: 10px; } @media (min-width: 992px) { .box-classic { padding: 5% 5% 6% 5%; } * + .box-classic-content { margin-top: 20px; } } /** * Border Box */ .box-bordered { border-color: #c2c2c3; } /** * Shadow Box */ .box-shadow { border-color: #ededed; box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17); } /** * Colors Example */ .box-color { padding: 7.5% 9%; text-align: left; border-radius: 9px; } .box-color > * { color: inherit; font-weight: 300; letter-spacing: 0.02em; } .box-color + .box-color { margin-top: 30px; } .box-color-primary-1, .box-color-primary-2, .box-color-primary-4, .box-color-dark, .box-color-secondary-1, .box-color-secondary-2 { color: #fff; } .box-color-primary-3, .box-color-secondary-3, .box-color-secondary-4, .box-color-secondary-5 { color: #838386; } .box-color-primary-1 { background-color: #008dcc; } .box-color-primary-2 { background-color: #002372; } .box-color-primary-3 { background-color: rgba(255,236,23,0); } .box-color-primary-4 { background-color: #008dcc; } .box-color-dark { background-color: #29293a; } .box-color-secondary-1 { background-color: #080ab4; } .box-color-secondary-2 { background-color: #838386; } .box-color-secondary-3 { background-color: #c2c2c3; } .box-color-secondary-4 { background-color: #ededed; } .box-color-secondary-5 { background-color: #f2f3f9; } .box-colors > * { font-weight: 300; } .box-colors > * + * { margin-top: 8px; } .box-width-1, .box-scrim-example { max-width: 370px; margin-left: auto; margin-right: auto; } .box-width-2 { max-width: 730px; } .box-width-small { max-width: 420px; } @media (min-width: 1600px) { .box-wrap-1 { margin-left: -80px; padding-right: 37px; } } @media (min-width: 1600px) { .box-wrap-2 { padding-left: 70px; } } /** * Scrim Box */ .box-scrim-example { display: flex; align-items: flex-end; min-height: 260px; padding: 30px 35px; border-radius: 9px; text-align: left; background-position: right center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .box-scrim-example h6 + p, .box-scrim-example .heading-6 + p { margin-top: 15px; } .box-scrim-example p { letter-spacing: 0.02em; } .ie-10 .box-scrim-example, .ie-11 .box-scrim-example { height: 260px; } .box-scrim-example-inner { max-width: 250px; } .box-scrim-overlay, .box-scrim { position: relative; z-index: 1; overflow: hidden; } .box-scrim-overlay:before, .box-scrim:before { content: ''; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .box-scrim-overlay:before { background-color: rgba(46, 49, 78, 0.7); } .box-scrim-overlay[data-overlay='1']:before { background-color: rgba(46, 49, 78, 0.1); } .box-scrim-overlay[data-overlay='2']:before { background-color: rgba(46, 49, 78, 0.2); } .box-scrim-overlay[data-overlay='3']:before { background-color: rgba(46, 49, 78, 0.3); } .box-scrim-overlay[data-overlay='4']:before { background-color: rgba(46, 49, 78, 0.4); } .box-scrim-overlay[data-overlay='5']:before { background-color: rgba(46, 49, 78, 0.5); } .box-scrim-overlay[data-overlay='6']:before { background-color: rgba(46, 49, 78, 0.6); } .box-scrim-overlay[data-overlay='7']:before { background-color: rgba(46, 49, 78, 0.7); } .box-scrim-overlay[data-overlay='8']:before { background-color: rgba(46, 49, 78, 0.8); } .box-scrim-overlay[data-overlay='9']:before { background-color: rgba(46, 49, 78, 0.9); } .box-scrim:before { background: -moz-linear-gradient(45deg, #29293a 0%, rgba(41, 41, 58, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #29293a 0%, rgba(41, 41, 58, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #29293a 0%, rgba(41, 41, 58, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29293a', endColorstr='#0029293a', GradientType=1); /* IE6-9 fallback on horizontal gradient */ transform: scale(1.5); opacity: 1; } .box-scrim[data-overlay='1']:before { opacity: 0.1; } .box-scrim[data-overlay='2']:before { opacity: 0.2; } .box-scrim[data-overlay='3']:before { opacity: 0.3; } .box-scrim[data-overlay='4']:before { opacity: 0.4; } .box-scrim[data-overlay='5']:before { opacity: 0.5; } .box-scrim[data-overlay='6']:before { opacity: 0.6; } .box-scrim[data-overlay='7']:before { opacity: 0.7; } .box-scrim[data-overlay='8']:before { opacity: 0.8; } .box-scrim[data-overlay='9']:before { opacity: 0.9; } /** * Box inline */ .box-inline { margin-left: -7px; display: table; text-align: left; } .box-inline a { color: #29293a; } .box-inline a:hover { color: #002372; } .box-inline > * { display: table-cell; vertical-align: top; padding: 0 6px; } .box-inline .icon-md-smaller { position: relative; top: 3px; } .box-inline-gray a { color: #838386; } .box-inline-gray a:hover { color: #002372; } /** * Box element */ .box-element { padding: 20px; } * + .box-element { margin-top: 20px; } .box-element + .box-element { margin-top: 10px; } @media (min-width: 768px) { * + .box-element { margin-top: 35px; } .box-element + .box-element { margin-top: 20px; } } @media (min-width: 1200px) { * + .box-element { margin-top: 50px; } .box-element + .box-element { margin-top: 35px; } } @media (min-width: 1600px) { * + .box-element { margin-top: 90px; } .box-element + .box-element { margin-top: 55px; } } /** * Info Wrap */ .-info-wrap { max-width: 480px; margin-left: auto; margin-right: auto; } .element-boxed { padding: 35px 20px; } @media (min-width: 768px) { .element-boxed { padding: 40px; } } @media (min-width: 1200px) { .element-boxed { padding: 50px 55px; } } @media (min-width: 1600px) { .element-boxed { padding: 90px 70px; } } @media (min-width: 1200px) { .box-range-content { max-width: 570px; margin-left: auto; margin-right: auto; } } .box-range-content.box-range-content-1 { margin-left: 0; margin-right: 0; } @media (min-width: 1600px) { .box-range-content-1 { max-width: 638px; margin-left: auto; margin-right: 0; } .section-reverse .box-range-content-1 { margin-left: 0; margin-right: auto; } } @media (min-width: 768px) { .box-2-columns { -moz-columns: 2; columns: 2; -moz-column-gap: 4em; column-gap: 4em; } } /** * Box simple */ .box-simple { max-width: 270px; margin-left: auto; margin-right: auto; text-align: center; color: #29293a; } .box-simple a { color: inherit; } .box-simple a:hover { color: #002372; } .box-simple .box-simple-icon { font-size: 30px; color: #008dcc; } * + .box-simple-text { margin-top: 11px; } @media (min-width: 992px) and (max-width: 1199px) { .box-simple { font-size: 14px; } .box-simple h6, .box-simple .heading-6 { font-size: 20px; } } @media (min-width: 1600px) { .box-simple .box-simple-icon { font-size: 48px; } } /** * Box Info */ .box-info { border-radius: 9px; border: 1px solid #ededed; transition: .3s ease-out all; } .box-info p { letter-spacing: 0.02em; } .box-info .box-inline { color: #29293a; } .box-info:hover { box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17); transform: translateY(-3px); } .box-info .heading-6 + p, .box-info h6 + p { margin-top: 8px; } .bg-gray-lighter .box-info, .bg-gray-darker .box-info, .bg-additional-gray-darker .bg-additional-item .box-info { background-color: #fff; } h6.box-info-title, .box-info-title { color: #002372; } .box-info-inner { padding: 20px 15px; } .box-info-footer { padding: 12px 15px 10px; border-top: 1px solid #ededed; letter-spacing: 0.02em; } .box-info-footer .box-inline > * { display: table-cell; vertical-align: middle; } @media (min-width: 992px) { .box-info-inner { /*min-height: 208px;*/ } } @media (min-width: 1200px) { .box-info-inner { /*min-height: 228px;*/ } } @media (min-width: 1600px) { .box-info .heading-6 + p, .box-info h6 + p { margin-top: 21px; } .box-info-footer .icon { font-size: 24px; } .box-info-inner { min-height: 294px; padding: 42px 37px; } .box-info-footer { padding: 12px 37px 10px; } } @media (min-width: 1800px) { .box-info-inner { min-height: 270px; } } .swiper-box-info > * + * { margin-top: 25px; } .swiper-box-info > * + *:last-child { margin-top: 31px; } .box-price-info { margin-left: auto; margin-right: auto; } .box-price-info > * + * { margin-top: 25px; } @media (min-width: 480px) { .box-price-info { width: 80%; } } @media (min-width: 1600px) { .box-price-info { width: 100%; } .box-price-info > * + * { margin-top: 50px; } .box-price-info > * + *:last-child { margin-top: 25px; } } * + .box-price-info { margin-top: 30px; } .box-price-info-image { display: flex; align-items: flex-end; justify-content: center; min-height: 93px; } .ie-10 .box-price-info-image:after, .ie-11 .box-price-info-image:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: inherit; } [class*='box-auction-minimal-'] { font-size: 0; padding: 20px 15px 35px; text-align: center; } [class*='box-auction-minimal-'] .product-price { font-size: 16px; color: #c2c2c3; } [class*='box-auction-minimal-'] .product-price * + * { margin-top: 0; } [class*='box-auction-minimal-'] * + .product-price { margin-top: 6px; } [class*='box-auction-minimal-'].bg-primary .button-secondary, [class*='box-auction-minimal-'].bg-primary .button-secondary:focus { color: #fff; background-color: #002372; border-color: #002372; } [class*='box-auction-minimal-'].bg-primary .button-secondary:hover, [class*='box-auction-minimal-'].bg-primary .button-secondary:active, [class*='box-auction-minimal-'].bg-primary .button-secondary:hover { color: #002372; background-color: #fff; border-color: #fff; } [class*='box-auction-minimal-'] .divider { margin-top: 10px; margin-bottom: 10px; } @media (min-width: 768px) { [class*='box-auction-minimal-'] .product-price { font-size: 18px; } [class*='box-auction-minimal-'] .divider { margin-top: 20px; } } * + .box-auction-inner { margin-top: 20px; } .box-auction-inner img { max-height: 250px; width: auto; } .box-auction-image { display: block; transition: 350ms; } .box-auction-image:hover { transform: scale(1.05); } .box-auction-title { font-family: "Oswald", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; } .box-auction-title a { display: block; color: rgba(255,236,23,0); } .box-auction-title a:hover { color: #fff; } * + .box-auction-button { margin-top: 20px; } .box-auction-large-left { position: relative; width: 100%; padding: 60px 20px; background-image: url("../images/landing-auction-12-1280x720.jpg"); background-size: cover; } .box-auction-large-left:before { position: absolute; top: 0; bottom: 0; right: 0; left: 0; content: ""; display: inline-block; background-image: linear-gradient(to right, rgba(109, 14, 177, 0.7), rgba(237, 28, 148, 0)); } .box-auction-large-left > * { position: relative; } .box-auction-large-left .heading-group h1 { line-height: 1; } .box-auction-large-left .heading-group + * { margin-top: 20px; } @media (min-width: 480px) { [class*='box-auction-minimal-'] { display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 20px; padding-right: 20px; } [class*='box-auction-minimal-'] .box-auction-inner img { max-height: none; } .box-auction-minimal-right { text-align: right; } .box-auction-minimal-left { flex-direction: row-reverse; text-align: left; } * + .box-auction-inner { margin-top: 0; } .box-auction-inner { padding: 0 5px; } .box-auction-image-mod-1 { margin-bottom: -240px; } .box-auction-image-mod-2 { margin-left: -60px; } } @media (min-width: 768px) { .box-auction-wrap { display: flex; align-items: stretch; } .box-auction-wrap > * { width: 50%; } .box-auction-title { font-size: 22px; } .box-auction-image-mod-2 { margin-left: -80px; } .box-auction-large-left .heading-group h1 { line-height: 1.1; } .box-auction-large-left .heading-group + * { margin-top: 25px; } } @media (min-width: 992px) { .desktop .box-auction-inner-content { transition: transform 350ms ease-in-out; transform: translateY(45px); } .desktop .box-auction-inner-content .box-auction-button { transition: opacity 300ms ease-in-out; opacity: 0; } .desktop [class*='box-auction-minimal-']:hover .box-auction-inner-content { transform: translateY(0); } .desktop [class*='box-auction-minimal-']:hover .box-auction-button { opacity: 1; } } @media (min-width: 1200px) { .box-auction-wrap { flex-wrap: wrap; } .box-auction-wrap > * { width: 100%; } [class*='box-auction-minimal-'] { padding-top: 35px; } * + .box-auction-button { margin-top: 25px; } .box-auction-large-left { display: flex; align-items: center; justify-content: flex-start; } .box-auction-large-left .heading-group h1 { line-height: 1.2; } .box-auction-large-left .heading-group + * { margin-top: 25px; } } @media (min-width: 1600px) { .box-auction-title { font-size: 26px; } [class*='box-auction-minimal-'] { padding-left: 35px; padding-right: 35px; } .box-auction-large-left { padding: 60px 40px; } .box-auction-large-left .heading-group h1 { line-height: 1.2; } .box-auction-large-left .heading-group + * { margin-top: 35px; } .box-auction-large-left * + .button { margin-top: 40px; } } @media (min-width: 1800px) { .box-auction-title { font-size: 28px; } [class*='box-auction-minimal-'] { padding: 45px 55px; } .box-auction-image-mod-2 { margin-left: -120px; } .box-auction-large-left { padding: 60px; } .box-auction-large-left .heading-group + * { margin-top: 40px; } .box-auction-large-left * + .button { margin-top: 45px; } } /** * 2.5 Breadcrumbs */ .breadcrumbs-custom { position: relative; z-index: 1; padding: 35px 0 40px; vertical-align: middle; text-align: center; } .breadcrumbs-custom > .shell { position: relative; z-index: 2; } .breadcrumbs-custom-wrap { position: relative; } .breadcrumbs-custom-path a { display: inline; vertical-align: baseline; } .breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus { color: #838386; } .breadcrumbs-custom-path a:hover { color: #002372; } .breadcrumbs-custom-path li { position: relative; display: inline-block; vertical-align: baseline; margin-right: 32px; font-size: 14px; line-height: 1.7; letter-spacing: 0.06em; } .breadcrumbs-custom-path li:after { content: ""; font-family: 'Material Design Icons'; position: absolute; top: 53%; right: -25px; display: inline-block; font-style: normal; color: #c2c2c3; transform: translateY(-50%); font-size: 15px; } .breadcrumbs-custom-path li:last-child { padding-right: 0; } .breadcrumbs-custom-path li:last-child:after { display: none; } .breadcrumbs-custom-path li.active { color: #838386; } .breadcrumbs-custom__shape { position: absolute; right: 0; bottom: 0; top: 0; left: 0; max-width: 1600px; height: 100%; } @media (min-width: 768px) { .breadcrumbs-custom__shape { max-width: 2200px; } } @media (min-width: 1200px) { .breadcrumbs-custom__shape { max-width: none; } } .breadcrumbs-custom-title { position: relative; display: inline-block; padding: 0 20px; } @media (min-width: 768px) { .breadcrumbs-custom-title { padding: 0 40px; } .breadcrumbs-custom-title::before, .breadcrumbs-custom-title::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: 15px; height: 15px; background: #29293a; } .breadcrumbs-custom-title::before { left: -20px; } .breadcrumbs-custom-title::after { right: -16px; } } .breadcrumbs-custom-subtitle { font-size: 20px; line-height: 1.3; } * + .breadcrumbs-custom-title { margin-top: 12px; } * + .breadcrumbs-custom-path { margin-top: 20px; } .breadcrumbs-custom-light .breadcrumbs-custom-path a { display: inline; vertical-align: baseline; } .breadcrumbs-custom-light .breadcrumbs-custom-path a, .breadcrumbs-custom-light .breadcrumbs-custom-path a:active, .breadcrumbs-custom-light .breadcrumbs-custom-path a:focus { color: #fff; } .breadcrumbs-custom-light .breadcrumbs-custom-path a:hover { color: rgba(255,236,23,0); } .breadcrumbs-custom-light .breadcrumbs-custom-path li.active { color: #fff; } .breadcrumbs-background-01 { background-image: url(../images/breadcrumbs-background-01.jpg); background-attachment: fixed; background-size: cover; } .breadcrumbs-blog-post { padding-bottom: 20px; } .breadcrumbs-blog-post .breadcrumbs-custom-title { max-width: 720px; } .breadcrumbs-blog-post .breadcrumbs-custom-title:before, .breadcrumbs-blog-post .breadcrumbs-custom-title:after { content: none; } .breadcrumbs-blog-post .box-inline { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .breadcrumbs-custom-title { font-size: 26px; } } @media (min-width: 480px) { .breadcrumbs-custom-path > li { margin-right: 52px; } .breadcrumbs-custom-path > li:after { right: -35px; } } @media (min-width: 768px) { .breadcrumbs-custom { padding: 70px 0 80px; } .breadcrumbs-custom-subtitle { font-size: 26px; } * + .breadcrumbs-custom-path { margin-top: 50px; } .breadcrumbs-blog-post { padding-bottom: 40px; } } @media (min-width: 1200px) { .breadcrumbs-custom { padding: 120px 0 50px; } .breadcrumbs-custom-subtitle { font-size: 30px; } .breadcrumbs-custom-path li { font-size: 18px; } .breadcrumbs-custom-svg-var-2 { padding-top: 235px; padding-bottom: 100px; } } @media (min-width: 1600px) { .breadcrumbs-blog-post { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100vh; max-height: 870px; } .breadcrumbs-blog-post * + .breadcrumbs-custom-path { margin-top: auto; } .breadcrumbs-blog-post * + .breadcrumbs-custom-title { margin-top: 5vh; } .breadcrumbs-blog-post * + .box-inline { margin-top: 5vh; } * + .breadcrumbs-custom-path { margin-top: 100px; } } /* * * 2.6 Buttons * -------------------------------------------------- */ /** * Button General Styles */ .button { position: relative; display: inline-block; max-width: 100%; padding: 9px 30px; min-width: 210px; font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; border: 2px solid; border-radius: 35px; text-align: center; vertical-align: middle; cursor: pointer; -select: none; transition: .25s all ease; white-space: pre-wrap; } .button:focus, .button:active, .button:active:focus { outline: none; } .button.disabled { color: black; background-color: gray; } .button .caret { margin-left: 8px; } @media (min-width: 768px) { .button { padding: 14px 38px; } } @media (min-width: 992px) { .button { min-width: 230px; } } [data-x-mode='true'] .button { white-space: normal; } .button-block { display: block; width: 100%; } /** * Buttons appearance style */ .button-default, .button-default:focus { color: #29293a; background-color: #ededed; border-color: #ededed; } .button-default:hover, .button-default:active, .button-default:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } .button-primary, .button-primary:focus { color: #fff; background-color: #008dcc; border-color: #008dcc; } .button-primary:hover, .button-primary:active, .button-primary:hover { color: #fff; background-color: #8b0fe4; border-color: #8b0fe4; } .button-secondary, .button-secondary:focus { color: #fff; background-color: #002372; border-color: #002372; } .button-secondary:hover, .button-secondary:active, .button-secondary:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } .button-default-outline, .button-default-outline:focus { color: #29293a; background-color: #fff; border-color: #ededed; } .button-default-outline:hover, .button-default-outline:active, .button-default-outline:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } .button-default-outline.button-default-outline_facebook:hover { border-color: #4d70a8; background: #4d70a8; } .button-default-outline.button-default-outline_twitter:hover { border-color: #02bcf3; background: #02bcf3; } .button-default-outline.button-default-outline_google:hover { border-color: #e2411e; background: #e2411e; } .button-facebook, .button-facebook:focus { color: #fff; background-color: #4d70a8; border-color: #4d70a8; } .button-facebook:hover, .button-facebook:active, .button-facebook:hover { color: #fff; background-color: #3e5a86; border-color: #3e5a86; } .button-twitter, .button-twitter:focus { color: #fff; background-color: #02bcf3; border-color: #02bcf3; } .button-twitter:hover, .button-twitter:active, .button-twitter:hover { color: #fff; background-color: #008ee0; border-color: #008ee0; } .button-google, .button-google:focus { color: #fff; background-color: #e2411e; border-color: #e2411e; } .button-google:hover, .button-google:active, .button-google:hover { color: #fff; background-color: #b53418; border-color: #b53418; } .button-facebook-outline, .button-facebook-outline:focus { color: #4d70a8; background-color: transparent; border-color: #4d70a8; } .button-facebook-outline:hover, .button-facebook-outline:active, .button-facebook-outline:hover { color: #fff; background-color: #4d70a8; border-color: #4d70a8; } .button-twitter-outline, .button-twitter-outline:focus { color: #02bcf3; background-color: transparent; border-color: #02bcf3; } .button-twitter-outline:hover, .button-twitter-outline:active, .button-twitter-outline:hover { color: #fff; background-color: #02bcf3; border-color: #02bcf3; } .button-google-outline, .button-google-outline:focus { color: #e2411e; background-color: transparent; border-color: #e2411e; } .button-google-outline:hover, .button-google-outline:active, .button-google-outline:hover { color: #fff; background-color: #e2411e; border-color: #e2411e; } @media (min-width: 1160px) { .wrap-buttons-sm .button-sm { min-width: 120px; } } .button-shadow { box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17); } .button-shadow:active { box-shadow: none; } .button-shadow.button-secondary { box-shadow: 0 6px 10px 0 rgba(237, 28, 148, 0.36); } .button-shadow.button-secondary:hover { box-shadow: 0 6px 10px 0 rgba(152, 29, 240, 0.36); } .button-shadow.button-secondary:active { box-shadow: none; } /** * Buttons sizes */ .button-xs { padding: 9px 28px; font-size: 14px; line-height: 24px; min-width: 150px; } .button-sm { min-width: 170px; padding: 8.8px 28px; font-size: 14px; line-height: 24px; } @media (min-width: 768px) { .button-sm { padding: 11px 35px; } } @media (min-width: 1200px) { .button-sm { min-width: 190px; } } @media (min-width: 1600px) { .button-sm { font-size: 16px; } } .button-lg { padding: 17px 65px; font-size: 18px; line-height: 22px; } /** * Button Shapes */ .button-ellipse-md { border-radius: 4px; } .button-ellipse-lg { border-radius: 8px; } .button-square { border-radius: 0; } /** * Button effects */ .button-nina { position: relative; overflow: hidden; line-height: 1.3; transition: background 0.3s 0.01s, border-color 0.3s 0.01s; } .button-nina > span { display: none; vertical-align: middle; line-height: 24px; } .button-nina .button-original-content { display: block; } @media (max-width: 991px) { html:not(.desktop) .button-original-content { transition: .22s; transition-delay: 0s !important; } } @media (min-width: 992px) { .desktop .button-nina > span { position: relative; overflow: hidden; display: inline-block; line-height: 24px; text-align: center; opacity: 0.01; color: inherit; transform: translate3d(0, -10px, 0); transition: 0.22s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .desktop .button-nina > span:first-child { padding-left: 4px; } .desktop .button-nina > span:nth-last-child(2) { padding-right: 4px; } .desktop .button-nina > span:empty::after { display: inline-block; padding: 0 2px; content: '\a'; } .desktop .button-nina > span:only-child { transform: translate3d(0, 0, 0); opacity: 1; } .desktop .button-nina .button-original-content { position: absolute; z-index: 1; opacity: 1; top: 0; left: 0; right: 0; display: block; padding: inherit; transform: translate3d(0, 0, 0); letter-spacing: 0.12em; min-width: inherit; background-color: transparent; } .desktop .button-nina:hover > span { opacity: 1; top: 0; transform: translate3d(0, 0, 0); } .desktop .button-nina:hover .button-original-content { opacity: 0; transform: translate3d(0, 100%, 0); transition-delay: 0s !important; } } /** * Button Icon styles */ .button-icon .icon, .button-icon-alternate .icon { position: relative; font-size: 24px; vertical-align: middle; color: inherit; } .button-icon.button-xs .icon, .button-icon-alternate.button-xs .icon { font-size: 19px; } .button-icon.button-sm .icon, .button-icon-alternate.button-sm .icon { font-size: 22px; } .button-icon .icon { margin-top: -1px; } .button-icon.button-icon-left .icon { padding-right: 5px; } .button-icon.button-icon-right .icon { margin-top: -2px; padding-left: 5px; } /** * Button Icon Alternate styles */ .button-icon-alternate { position: relative; z-index: 1; vertical-align: middle; } .button-icon-alternate .icon, .button-icon-alternate .button-inner { display: inline-block; } .button-icon-alternate::before, .button-icon-alternate .icon { width: 60px; } .button-icon-alternate::before { content: ''; position: absolute; top: -2px; bottom: -2px; z-index: -1; background: #ededed; transition: .33s; } .button-icon-alternate .icon { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .button-icon-alternate.button:hover::before { width: calc(100% + 4px); } .ie-10 .button-icon-alternate.button:hover::before, .ie-11 .button-icon-alternate.button:hover::before { width: 102%; } .button-icon-alternate.button-icon-left { padding-left: 80px; padding-right: 40px; } @media (min-width: 768px) { .button-icon-alternate.button-icon-left { padding-left: 100px; } } .button-icon-alternate.button-icon-left::before { left: -2px; border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .button-icon-alternate.button-icon-left .icon { left: 0; } .button-icon-alternate.button-icon-left:hover::before { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .button-icon-alternate.button-icon-left.button-sm { padding-left: 80px; padding-right: 30px; } .button-icon-alternate.button-icon-left.button-xs { padding-left: 60px; padding-right: 20px; } .button-icon-alternate.button-icon-right { padding-left: 40px; padding-right: 80px; } @media (min-width: 768px) { .button-icon-alternate.button-icon-right { padding-right: 100px; } } .button-icon-alternate.button-icon-right::before { right: -2px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .button-icon-alternate.button-icon-right .icon { right: 0; } .button-icon-alternate.button-icon-right:hover::before { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .button-icon-alternate.button-icon-right.button-sm { padding-left: 30px; padding-right: 80px; } .button-icon-alternate.button-icon-right.button-xs { padding-left: 20px; padding-right: 60px; } .button-icon-alternate.button-sm::before, .button-icon-alternate.button-sm .icon { width: 50px; } .button-icon-alternate.button-xs::before, .button-icon-alternate.button-xs .icon { width: 42px; } .button-icon-alternate.button-secondary::before { background: rgba(0, 0, 0, 0.2); } .button-icon-alternate.button-secondary:hover { background: #002372; border-color: #002372; } .button-icon-alternate.button-secondary.button-shadow:hover { box-shadow: 0 6px 10px 0 rgba(237, 28, 148, 0.36); } .button-icon-alternate.button-default-outline:hover { color: #29293a; background-color: transparent; border-color: #ededed; } .button-icon-alternate.button-facebook::before { background: #3e5a86; } .button-icon-alternate.button-facebook-outline .icon { color: #fff; } .button-icon-alternate.button-facebook-outline::before { background: #4d70a8; } .button-icon-alternate.button-facebook-outline:hover { background-color: transparent; } .button-icon-alternate.button-twitter::before { background: #008ee0; } .button-icon-alternate.button-twitter-outline .icon { color: #fff; } .button-icon-alternate.button-twitter-outline::before { background: #02bcf3; } .button-icon-alternate.button-twitter-outline:hover { background-color: transparent; } .button-icon-alternate.button-google::before { background: #b53418; } .button-icon-alternate.button-google-outline .icon { color: #fff; } .button-icon-alternate.button-google-outline::before { background: #e2411e; } .button-icon-alternate.button-google-outline:hover { background-color: transparent; } .btn { padding: 10px 20px; border-radius: 35px; font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; transition: .22s; } .btn-sm { font-size: 12px; line-height: 1.2; } .btn-primary, .btn-primary:focus { color: #fff; background-color: #002372; border-color: #002372; } .btn-primary:hover, .btn-primary:active, .btn-primary:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } .btn-primary:active:focus { background: #008dcc; border-color: #008dcc; box-shadow: none; } .btn-cancel { border-color: #838386; } /** * 2.7 Call To Action */ .box-cta { font-size: 18px; color: #838386; margin-left: -20px; margin-right: -20px; } .box-cta > * { padding-left: 20px; padding-right: 20px; } .box-cta-title { color: #008dcc; } .box-cta-title + * { margin-top: 20px; } .box-cta .button { font-size: 18px; } .box-cta-inline > * + * { margin-top: 30px; } @media (min-width: 768px) { .box-cta-inline { display: flex; align-items: center; justify-content: space-between; } } .box-cta-thin .label-cta { margin-right: 18px; } .label-cta { padding: 5px 18px; font-size: 16px; font-weight: 700; } .label-cta-primary { color: #fff; background: #008dcc; } @media (min-width: 768px) { .box-cta { font-size: 19px; } .box-cta-vertical > * + * { margin-top: 40px; } .box-cta-vertical * + .button { margin-top: 45px; } } @media (min-width: 1600px) { .box-cta { font-size: 24px; } .cta-avatar { max-width: none; } } /* * * 2.8 Cards * -------------------------------------------------- */ /** * Card info */ .card-info { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 730px; text-align: left; } .card-info * + .card-info-subtitle { margin-top: 5px; } .card-info-image { border-radius: 9px; } .card-info-title { color: #002372; } .card-info-subtitle { font-style: italic; } .card-info-aside { -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; max-width: 30%; } .card-info-main { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } * + .card-info-title { margin-top: 10px; } * + .card-info-main { padding-top: 15px; } @media (min-width: 480px) { .card-info { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } * + .card-info-main { padding-top: 0; padding-left: 15px; } } @media (min-width: 768px) { * + .card-info-main { padding-left: 30px; } } @media (min-width: 1600px) { .card-info * + p { margin-top: 26px; } * + .card-info-main { padding-left: 45px; } } /* * * 2.9 Comments * -------------------------------------------------- */ .comment { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .comment-group .comment-group { padding-left: 20px; } .comment-group .comment-group .comment-group { padding-left: 10px; } .comment-body { padding-left: 12px; } .comment-header { display: inline-table; transform: translateY(-8px); margin-bottom: -8px; margin-left: -8px; } .comment-header > * { display: inline-block; margin-top: 8px; margin-left: 8px; } .comment-avatar img { width: auto; height: auto; max-width: 30px; border-radius: 50%; } .comment-title { font-weight: 400; line-height: 1.3; letter-spacing: 0; color: #002372; } .comment-time { font-style: italic; } .comment-text { color: #29293a; } .comment-reply { font-style: italic; color: #838386; } .comment-reply::before { position: relative; top: 2px; display: inline-block; padding-right: 5px; content: '\f549'; font: 400 20px/20px 'Material Design Icons'; color: #c2c2c3; } @media (min-width: 768px) { .comment-reply::before { font-size: 28px; line-height: 28px; } } .comment-link-reply { letter-spacing: .02em; color: #002372; vertical-align: middle; } .comment-link-reply::before { position: relative; top: 2px; display: inline-block; padding-right: 5px; content: '\f549'; font: 400 20px/20px 'Material Design Icons'; } .comment-link-reply:hover { color: #008dcc; } @media (min-width: 768px) { .comment-link-reply::before { font-size: 28px; line-height: 28px; } } * + .comment-text { margin-top: 8px; } * + .comment-footer { margin-top: 8px; } * + .comment-group { margin-top: 30px; } * + .comment { margin-top: 24px; } * + .comment { margin-top: 24px; } .comment + * { margin-top: 24px; } * + .comment-link-reply { margin-top: 10px; } .comment-group + .comment-group { margin-top: 30px; } @media (min-width: 768px) { .comment-group .comment-group { padding-left: 80px; } .comment-group .comment-group .comment-group { padding-left: 40px; } .comment-body { padding-left: 30px; } .comment-header { transform: translateY(-5px); margin-bottom: -5px; margin-left: -35px; } .comment-header > * { display: inline-block; margin-top: 5px; margin-left: 35px; } .comment-avatar img { width: auto; max-width: 80px; } .comment-title { font-size: 18px; } * + .comment-group { margin-top: 40px; } } @media (min-width: 1200px) { .comment-group .comment-group { padding-left: 110px; } .comment-group .comment-group .comment-group { padding-left: 55px; } * + .comment-group { margin-top: 50px; } .comment-group + .comment-group { margin-top: 45px; } } /** * 2.10 Event lightbox */ .event-default { position: relative; max-width: 570px; margin-left: auto; margin-right: auto; overflow: hidden; border-radius: 8px; perspective: 1000px; } .event-default-title { color: #008dcc; } .event-default-title:hover { color: #002372; } .event-default-wrap { text-align: left; } .event-default-inner { margin-top: 15px; color: #838386; } .event-default-inner > * + * { /*margin-top: 12px;*/ } .event-default-inner .event-default-link { color: #838386; } .event-default-inner .event-default-link:hover { color: #002372; } .event-default-date-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; padding: 5px 15px; background-color: #008dcc; color: #fff; } .event-default-date-wrap time { display: flex; align-items: baseline; justify-content: center; } .event-default-date, .event-default-time, .event-default-month { padding-left: 5px; padding-right: 5px; font-size: 18px; } .event-default-date { font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; } .event-default-month { text-transform: uppercase; letter-spacing: .02em; } .event-default-time { font-weight: 300; } .event-default-caption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; background-color: rgba(0, 0, 0, 0.4); transition: 550ms ease-in-out; } .event-default-caption > * { pointer-events: auto; } .event-default-caption .button { margin-top: 15px; } @media (min-width: 992px) { .desktop .event-default-date-wrap { width: auto; padding: 5px 5px 10px; } .desktop .event-default-date-wrap time { align-items: center; flex-direction: column; } .desktop .event-default-date { font-size: 22px; } .desktop .event-default-month { font-weight: 700; } .desktop .event-default-caption { opacity: 0; } .desktop .event-default-caption .button { transition: 350ms 200ms opacity, 350ms 200ms transform; opacity: 0; transform: scale3d(0.8, 0.8, 0.8); margin-top: 0; } .desktop .event-default-image { transition: 550ms ease-in-out; } .desktop .event-default:hover .event-default-caption { opacity: 1; } .desktop .event-default:hover .button { opacity: 1; transform: scale3d(1, 1, 1); } .desktop .event-default:hover .event-default-image { transform: scale3d(1.05, 1.05, 1.05); } } @media (min-width: 1600px) { .desktop .event-default-date-wrap { padding: 10px 15px 10px; } .desktop .event-default-date { font-size: 28px; } } /** * 2.11 Footers */ /** * Base Style */ .page-footer .thumbnail-instafeed .caption .list-inline { font-size: 16px; } .page-footer .thumbnail-instafeed .caption .list-inline span { max-width: 50px; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 1800px) { .page-footer .thumbnail-instafeed .caption .list-inline span { max-width: 70px; } } .page-footer-extended .thumbnail-instafeed .caption .icon, .page-footer-default .thumbnail-instafeed .caption .icon, .page-footer-alternative .thumbnail-instafeed .caption .icon { font-size: 16px; } .page-footer-extended .thumbnail-instafeed-minimal .caption .list-inline > li + li, .page-footer-default .thumbnail-instafeed-minimal .caption .list-inline > li + li, .page-footer-alternative .thumbnail-instafeed-minimal .caption .list-inline > li + li { margin-top: 5px; } /** * Footer Default Style */ [class*='bg-'] + .page-footer-default, * + .page-footer-default, .page-footer-default { padding: 60px 0 20px; } .page-footer-default .instafeed { max-width: 470px; margin-right: auto; } .page-footer-default h6 + * { margin-top: 22px; } @media (min-width: 1600px) { .page-footer-default h6 + * { margin-top: 30px; } } @media (min-width: 768px) { .page-footer-default { text-align: left; } [class*='bg-'] + .page-footer-default, * + .page-footer-default, .page-footer-default { padding: 90px 0 30px; } } /** * Footer Alternative Style */ .page-footer-alternative { padding: 60px 0 40px; text-align: left; } .page-footer-alternative .twitter-feed-minimal-content { font-size: 18px; } .page-footer-alternative .divider-xl { margin: 50px auto 40px; } .page-footer-alternative .instafeed { max-width: 320px; } .page-footer-alternative .list-xs { letter-spacing: 0.02em; } .page-footer-alternative .list-xs > li + li { margin-top: 21px; } .page-footer-alternative .list-comma > li { display: block; } .page-footer-alternative * + .instafeed { margin-top: 30px; } .page-footer-alternative * + .twitter { margin-top: 30px; } .page-footer-alternative * + .list-xs { margin-top: 30px; } @media (min-width: 768px) { .page-footer-alternative { padding: 90px 0 40px; } } @media (min-width: 1200px) { .page-footer-alternative { padding: 90px 0 50px; } .page-footer-alternative .divider-xl { margin: 70px auto 40px; } } @media (min-width: 1600px) { .divider-xl { margin: 120px auto 40px; } } /** * Footer Minimal Style */ .page-footer-minimal { padding: 55px 0; } /** * Footer Extended Style */ .page-footer-extended { position: relative; overflow: hidden; padding: 70px 0 30px; } .page-footer-extended * + h6 { margin-top: 30px; } .page-footer-extended * + .instafeed { margin-top: 25px; } @media (min-width: 768px) { .page-footer-extended * + h6 { margin-top: 40px; } .page-footer-extended * + .flickr { margin-top: 40px; } .page-footer-extended * + .instafeed { margin-top: 40px; } } @media (min-width: 1200px) { .page-footer-extended { padding: 60px 0 40px; } .page-footer-extended * + h6 { margin-top: 65px; } .page-footer-extended .rd-google-map-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: calc(50% + 250px); } .page-footer-extended .rd-google-map { height: 100%; max-width: none; } } @media (min-width: 1600px) { .page-footer-extended { padding: 160px 0 60px; } .page-footer-extended * + h6 { margin-top: 115px; } .page-footer-extended .rd-google-map-wrap { right: calc(50% + 330px); } } @media (min-width: 1800px) { .page-footer-extended p.right { margin-left: 15px; } } .page-footer-icon-list { margin-bottom: -5px; transform: translateY(-5px); margin-left: -7.5px; margin-right: -7.5px; } .page-footer-icon-list > li { display: inline-block; margin-top: 5px; margin-left: 7.5px; margin-right: 7.5px; } @media (min-width: 1600px) { .page-footer-icon-list { margin-bottom: -5px; transform: translateY(-5px); margin-left: -17.5px; margin-right: -17.5px; } .page-footer-icon-list > li { display: inline-block; margin-top: 5px; margin-left: 17.5px; margin-right: 17.5px; } } .page-footer-inline-list { color: #29293a; font-family: "Oswald", Helvetica, Arial, sans-serif; margin-bottom: -10px; transform: translateY(-10px); margin-left: -10px; margin-right: -10px; } .page-footer-inline-list > li { display: inline-block; margin-top: 10px; margin-left: 10px; margin-right: 10px; } @media (min-width: 768px) { .page-footer-inline-list { margin-bottom: -10px; transform: translateY(-10px); margin-left: -29.5px; margin-right: -29.5px; } .page-footer-inline-list > li { display: inline-block; margin-top: 10px; margin-left: 29.5px; margin-right: 29.5px; } } @media (min-width: 1200px) { .page-footer-inline-list { margin-bottom: -10px; transform: translateY(-10px); margin-left: -12.5px; margin-right: -12.5px; } .page-footer-inline-list > li { display: inline-block; margin-top: 10px; margin-left: 12.5px; margin-right: 12.5px; } } @media (min-width: 1600px) { .page-footer-inline-list { margin-bottom: -10px; transform: translateY(-10px); margin-left: -29.5px; margin-right: -29.5px; } .page-footer-inline-list > li { display: inline-block; margin-top: 10px; margin-left: 29.5px; margin-right: 29.5px; } } .page-footer-inline-list a { color: inherit; text-transform: uppercase; letter-spacing: .1em; } .page-footer-inline-list a:hover { color: #002372; } p.right { letter-spacing: 0.02em; } p.right a, p.right a:focus, p.right a:active { color: inherit; } p.right a:hover { color: #002372; } * + .page-footer-icon-list { margin-top: 30px; } * + p.right { margin-top: 40px; } @media (min-width: 768px) { * + .page-footer-icon-list { margin-top: 35px; } * + p.right { margin-top: 50px; } } @media (min-width: 1600px) { * + p.right { margin-top: 90px; } } /* * * 2.12 Forms * -------------------------------------------------- */ .rd-mailform { position: relative; text-align: left; } @media (max-width: 479px) { .rd-mailform .recaptcha { transform-origin: 0 50%; transform: scale(0.9); } } input:-webkit-autofill ~ label, input:-webkit-autofill ~ .form-validation { color: #000000 !important; } .form-input { display: block; width: 100%; min-height: 60px; padding: 18px 25px; font-weight: 300; line-height: 24px; color: #29293a; background-color: #f2f3f9; background-image: none; border: 0px solid #f2f3f9; border-radius: 35px; -webkit-appearance: none; } .form-input:focus { outline: 0; } @media (min-width: 1600px) { .form-input { font-size: 18px; } } textarea.form-input { height: 150px; min-height: 120px; max-height: 255px; resize: vertical; } textarea.form-input.form-input-lg { height: 200px; min-height: 160px; max-height: 340px; } .form-wrap { position: relative; } .form-wrap + .form-wrap { margin-top: 20px; } .form-wrap-inline + .form-wrap-inline { margin-top: 10px; } * + .button.form-button, * + .form-button { margin-top: 20px; } .form-label, .form-label-outside { font-weight: 300; line-height: 24px; color: #838386; } @media (min-width: 1600px) { .form-label, .form-label-outside { font-size: 18px; } } .form-label { position: absolute; top: 30px; left: 25px; z-index: 9; transition: .3s; transform: translateY(-50%); pointer-events: none; } .form-label.focus { opacity: 0; } .form-label.auto-fill { color: #29293a; } .form-label-outside { padding-left: 21px; margin-bottom: 3px; font-size: 16px; letter-spacing: .02em; color: #838386; pointer-events: auto; cursor: pointer; } .form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill { opacity: 1; transform: none; } .form-label-outside + .form-input + .form-validation { top: 36px; } .form-validation { position: absolute; right: 21px; top: 3px; font-size: 10px; line-height: 11px; font-weight: 400; color: #d9534f; transition: .3s; z-index: 11; } .form-validation-left .form-validation { right: auto; top: 100%; left: 0; } #form-output-global { position: fixed; bottom: 0; visibility: hidden; transform: translateY(calc(100% + 30px)); transition: .3s all ease; z-index: 9999999; margin: 15px; } #form-output-global.active { transform: translateY(0); visibility: visible; } @media (min-width: 768px) { #form-output-global { margin: 30px; } } .form-output { position: absolute; top: 100%; left: 0; font-size: 14px; line-height: 1.5; margin-top: 2px; transition: .3s; opacity: 0; visibility: hidden; } .form-output.active { opacity: 1; visibility: visible; } .form-output.error { color: #d9534f; } .form-output.success { color: #5cb85c; } /** * Radio and Checkbox Custom */ /** * Base Styles */ .radio, .radio-inline, .checkbox, .checkbox-inline { font-weight: 300; color: #838386; } .radio a, .radio-inline a, .checkbox a, .checkbox-inline a { font-weight: inherit; } .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom { opacity: 0; } .radio .radio-custom, .radio .radio-custom-dummy, .radio-inline .radio-custom, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom, .checkbox-inline .checkbox-custom-dummy { position: absolute; width: 14px; height: 14px; margin-top: 5px; outline: none; cursor: pointer; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; background: #fff; border: 1px solid #dedfe8; } .radio .radio-custom-dummy:after, .radio-inline .radio-custom-dummy:after, .checkbox .checkbox-custom-dummy:after, .checkbox-inline .checkbox-custom-dummy:after { position: absolute; opacity: 0; } .radio .radio-custom:focus, .radio-inline .radio-custom:focus, .checkbox .checkbox-custom:focus, .checkbox-inline .checkbox-custom:focus { outline: none; } .checkbox a, .radio a, .checkbox-inline a, .radio-inline a { display: inline; padding: 0 .2em; } .radio, .radio-inline { padding-left: 36px; color: #838386; font-weight: 300; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy { top: -5px; left: 0; width: 26px; height: 26px; box-shadow: inset 0 0 0 0 #dedfe8; border-radius: 50%; transition: .22s; } .radio .radio-custom:checked + .radio-custom-dummy, .radio-inline .radio-custom:checked + .radio-custom-dummy { box-shadow: inset 0 0 0 7px #008dcc; } @media (min-width: 768px) { .radio, .radio-inline { padding-left: 40px; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy { right: -3px; } } .checkbox, .checkbox-inline { padding-left: 38px; } .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { left: 0; width: 26px; height: 26px; margin-top: 0; margin-left: 0; pointer-events: none; border-radius: 5px; transition: .22s; } .checkbox .checkbox-custom-dummy:after, .checkbox-inline .checkbox-custom-dummy:after { content: '\f222'; font-family: "Material Design Icons"; font-size: 14px; line-height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateY(180deg); color: #fff; opacity: 0; transition: .22s; } .checkbox .checkbox-custom:checked + .checkbox-custom-dummy, .checkbox-inline .checkbox-custom:checked + .checkbox-custom-dummy { background: #008dcc; border-color: #008dcc; } .checkbox .checkbox-custom:checked + .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom:checked + .checkbox-custom-dummy::after { opacity: 1; transform: translate(-50%, -50%) rotateY(0deg); } @media (min-width: 992px) { .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { margin-top: 1px; } } .checkbox.checkbox-material, .checkbox-inline.checkbox-material { padding-left: 60px; } .checkbox.checkbox-material .checkbox-custom-dummy, .checkbox-inline.checkbox-material .checkbox-custom-dummy { margin-top: -1px; width: 50px; height: 28px; border-radius: 22px; } .checkbox.checkbox-material .checkbox-custom-dummy::after, .checkbox-inline.checkbox-material .checkbox-custom-dummy::after { content: ''; width: 20px; height: 20px; left: 0; background: #dedfe8; transform: translate(3px, -50%); border-radius: 50%; opacity: 1; } .checkbox.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy, .checkbox-inline.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy { background: #fff; } .checkbox.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy::after, .checkbox-inline.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy::after { background: #008dcc; transform: translate(25px, -50%); } .radio-group > li + li { margin-top: 16px; } .rd-mailform-inline .rd-mailform-inline-inner { position: relative; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; transform: translateY(-15px); margin-bottom: -15px; } .rd-mailform-inline .rd-mailform-inline-inner::before { content: ''; position: absolute; top: 15px; height: 60px; left: 0; right: 0; background: #f2f3f9; z-index: -1; border-radius: 35px; } .rd-mailform-inline .rd-mailform-inline-inner > * { margin-top: 15px; } .rd-mailform-inline .form-wrap { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .rd-mailform-inline .form-input { padding-right: 18px; min-width: 150px; color: #29293a; } .rd-mailform-inline .form-button { min-width: 130px; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .rd-mailform-inline .form-validation { left: 25px; top: 1px; } .rd-mailform-inline.rd-mailform-sm .rd-mailform-inline-inner::before { height: 50px; } .rd-mailform-inline-modern .rd-mailform-inline-inner::before { top: 15px; height: 70px; } .rd-mailform-inline-modern .rd-mailform-inline-inner { padding: 6px 5px 5px; transform: translateY(-15px); margin-bottom: -15px; } .rd-mailform-inline-modern .rd-mailform-inline-inner > * { margin-top: 15px; } .rd-mailform-inline-modern.rd-mailform-sm .rd-mailform-inline-inner::before { height: 62px; } .rd-mailform-sm .form-input, .rd-mailform-sm .form-label { color: #29293a; } .rd-mailform-sm .form-input, .rd-mailform-sm .button { min-height: 50px; } .rd-mailform-sm .form-input { padding-top: 12px; padding-bottom: 12px; } .rd-mailform-sm .form-label { top: 25px; } .form-wrap-icon:before { position: absolute; top: 9px; left: 15px; content: ""; display: inline-block !important; font-family: 'Material Design Icons'; font-size: 24px; color: #29293a; } .form-wrap-icon .form-label { left: 50px; } .form-wrap-icon .form-input { padding-left: 50px; } .rd-mailform-small { max-width: 370px; } .text-center .rd-mailform-small { margin-left: auto; margin-right: auto; } .form-request { padding: 30px 15px; max-width: 420px; margin-left: auto; margin-right: auto; border-radius: 8px; background-color: #fff; color: #29293a; } @media (min-width: 1200px) { .form-request { padding: 40px 35px; } } .form-request-modern { max-width: 566px; background-color: #f2f3f9; } .form-request-modern .select2-container--bootstrap .select2-selection, .form-request-modern .form-input { background-color: #fff; } .form-request-modern .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .form-request-modern .form-input, .form-request-modern .form-label { color: #29293a; } .form-flex-inline { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-content: flex-end; margin-left: -8px; margin-right: -8px; margin-bottom: -15px; transform: translateY(-15px); } .form-flex-inline-item { flex-shrink: 1; flex-grow: 1; padding-left: 8px; padding-right: 8px; margin-top: 15px; } .form-flex-inline-item-static { width: 100%; } @media (min-width: 768px) { .form-flex-inline-item-static { width: 27%; } } @media (min-width: 992px) { .form-flex-inline-item-static { width: 19%; max-width: 185px; } } @media (min-width: 1200px) { .form-flex-inline-item-static { max-width: 239px; width: 14.1%; } } .form-flex-inline-item-custom { margin-top: 30px; display: flex; align-items: flex-end; justify-content: center; } .form-flex-inline .form-button .button { min-width: 190px; } @media (min-width: 768px) { .form-flex-inline { flex-direction: row; } } @media (min-width: 992px) { .form-flex-inline { flex-wrap: nowrap; } .form-flex-inline-item-custom { flex-grow: 0; justify-content: flex-start; margin-top: 15px; } } .form-request-modern { margin-top: 30px; margin-bottom: 30px; } .form-request-modern * + .rd-mailform { margin-top: 10px; } .form-request-modern * + .form-button { margin-top: 30px; } @media (min-width: 1200px) { .form-request-modern { margin-top: 0; margin-bottom: 0; } } @media (min-width: 1600px) { .form-request-modern * + .form-button { margin-top: 40px; } } .form-find { box-shadow: 0 4px 29px 0 rgba(110, 123, 157, 0.29); background-color: #fff; border-radius: 9px; text-align: left; overflow: hidden; } .form-find.form-find-white .form-input { background-color: #f2f3f9; } .form-find.form-find-white .form-input, .form-find.form-find-white .form-label { letter-spacing: 0.02em; color: #29293a; } .form-find-header { padding: .9em 2.2em; color: #fff; background-color: #008dcc; } .form-find-header > * { color: inherit; } .form-find-body { padding: 20px 20px 30px; } .form-find-body.rd-mailform { margin-top: 0; } @media (min-width: 480px) { .form-find-body { padding: 37px 47px 50px; } } .bg-white .form-find { background-color: #fff; } .bg-white .form-find .form-label, .bg-white .form-find .form-input { color: #29293a; } .gallery-item { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 570px; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; width: 100.1%; perspective: 1000px; } .gallery-item > * { width: 100%; } .gallery-item figure { width: 100%; transition: .55s all ease-in-out; } .gallery-item img { position: relative; left: 50%; transform: translateX(-50%); width: auto; height: auto; max-width: none; min-width: 101.5%; } .gallery-item .caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px; transition: .33s all ease-in-out; pointer-events: none; background: rgba(0, 0, 0, 0.7); } .gallery-item .caption > * { pointer-events: auto; position: relative; z-index: 2; } .gallery-item .caption:before { position: absolute; bottom: 0; right: 0; transform-origin: 0 100%; transform: rotate(45deg); content: ""; display: inline-block; width: 100px; height: 160px; background-color: #002372; } .gallery-item .caption:after { position: absolute; bottom: 0; right: 10px; content: '\f504'; font-family: "Material Design Icons"; font-size: 36px; color: #fff; } .gallery-item .caption-title, .gallery-item .caption-text { color: #fff; } .gallery-item .caption-title { position: relative; font-size: 24px; line-height: 1.25; text-transform: uppercase; letter-spacing: 0.12em; font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; } .gallery-item .caption-text { max-width: 100%; margin-top: 25px; padding: 0 15px; color: #fff; opacity: .6; } .titled-gallery-item .caption { background: transparent; } .titled-gallery-item .caption:before { content: none; } .titled-gallery-item .caption:after { content: none; } .titled-gallery-caption { width: 100%; padding-top: 15px; padding-bottom: 10px; text-align: left; color: #002372; transition: 550ms ease-in-out; font-weight: 400; } .title-inside-gallery-text { margin-top: 15px; color: #ededed; transition: .33s all ease-in-out; } .title-inside-gallery-title { font-size: 24px; line-height: 1.25; text-transform: uppercase; letter-spacing: 0.12em; font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; color: #fff; } .title-inside-gallery-title:hover { color: rgba(255,236,23,0); } .title-inside-gallery-caption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 15px 15px 25px; text-align: left; pointer-events: none; } .title-inside-gallery-caption > * { position: relative; pointer-events: auto; } .title-inside-gallery-caption:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; transition: .33s all ease-in-out; pointer-events: none; background: rgba(0, 0, 0, 0.7); } .gallery-item-fullwidth { max-width: 100.1%; max-height: 300px; } @media (min-width: 992px) { .gallery-item-fullwidth { max-height: 100%; } } @media (min-width: 992px) { .desktop .gallery-item .caption { transition: .4s all ease; opacity: 0; } .desktop .gallery-item .caption:before { transform: rotate(90deg); transition: 350ms 250ms transform; } .desktop .gallery-item .caption:after { transition: 350ms 450ms transform, 350ms 450ms opacity; transform: translateX(100%); opacity: 0; } .desktop .gallery-item .caption-title, .desktop .gallery-item .caption-text { transition: 300ms 50ms ease-in-out; transform: scale3d(0.7, 0.7, 0); } .desktop .gallery-item .caption-text { max-width: 340px; } .desktop .gallery-item:hover figure { transform: scale3d(1.05, 1.05, 1.05); } .desktop .gallery-item:hover .caption { opacity: 1; } .desktop .gallery-item:hover .caption:before { transform: rotate(45deg); } .desktop .gallery-item:hover .caption:after { transform: translateX(0); opacity: 1; } .desktop .gallery-item:hover .caption-title, .desktop .gallery-item:hover .caption-text { transform: scale3d(1, 1, 1); } .desktop .titled-gallery-caption { font-size: 24px; } .desktop .titled-gallery-item .caption { perspective: 1000px; background: rgba(237, 28, 148, 0.6); } .desktop .titled-gallery-item .caption:after { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; content: '\f504'; font-family: "Material Design Icons"; color: #fff; z-index: 2; font-size: 60px; transform: translate3d(-50%, -50%, -100px); transition: 550ms ease-in-out; } .desktop .titled-gallery-item:hover ~ .titled-gallery-caption { color: #008dcc; } .desktop .titled-gallery-item:hover .caption:after { transform: translate3d(-50%, -50%, 0); } .desktop .title-inside-gallery-text { opacity: 0; margin-bottom: -66px; max-width: 350px; } .desktop .title-inside-gallery-caption:before { opacity: 0; } .desktop .title-inside-gallery-item:hover .title-inside-gallery-text { opacity: 1; margin-bottom: 0; } .desktop .title-inside-gallery-item:hover .title-inside-gallery-caption:before { opacity: 1; } } @media (min-width: 1600px) { .title-inside-gallery-caption { padding: 35px; } } /** * Icons */ /** * Base styles */ .icon { display: inline-block; line-height: 1; text-align: center; } .icon:before { display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /** * Alternate styles */ .page .icon-default { color: #838386; } .page .icon-white { color: #fff; } .page .icon-gray { color: #555555; } .page .icon-gray-1 { color: #c2c2c3; } .page .icon-gray-light { color: #838386; } .page .icon-darker { color: #29293a; } .page .icon-primary { color: #008dcc; } .page .icon-secondary { color: #002372; } .page .icon-filled { color: #fff; background: #29293a; } .page .icon-filled[class*='facebook'] { background: #4d70a8; } .page .icon-filled[class*='twitter'] { background: #02bcf3; } .page .icon-filled[class*='instagram'] { background: #444; } .page .icon-filled[class*='google'] { background: #e2411e; } .page .icon-filled[class*='linkedin'] { background: #1787b1; } .page .icon-secondary-5-filled { color: #c2c2c3; background: #21212e; } .page a.icon-default:hover { color: #002372; } .page a.icon-darker:hover { color: #008dcc; } .page a.icon-white:hover { color: rgba(255,236,23,0); } .page a.icon-gray-1:hover { color: #002372; } .page a.icon-gray-light:hover { color: rgba(255,236,23,0); } .page a.icon-gray-light[class*='facebook']:hover { color: #3e5a86; } .page a.icon-gray-light[class*='twitter']:hover { color: #008ee0; } .page a.icon-gray-light[class*='instagram']:hover { color: #2b2b2b; } .page a.icon-gray-light[class*='google']:hover { color: #b53418; } .page a.icon-gray-light[class*='linkedin']:hover { color: #116584; } .page a.icon-filled[class*='facebook']:hover { background: #3e5a86; } .page a.icon-filled[class*='twitter']:hover { background: #008ee0; } .page a.icon-filled[class*='instagram']:hover { background: #2b2b2b; } .page a.icon-filled[class*='google']:hover { background: #b53418; } .page a.icon-filled[class*='linkedin']:hover { background: #116584; } .page a.icon-secondary-5-filled:hover { color: #fff; background: #002372; } .page a.icon-secondary-5-filled[class*='facebook']:hover { background: #4d70a8; } .page a.icon-secondary-5-filled[class*='twitter']:hover { background: #02bcf3; } .page a.icon-secondary-5-filled[class*='instagram']:hover { background: #444; } .page a.icon-secondary-5-filled[class*='google']:hover { background: #e2411e; } .page a.icon-secondary-5-filled[class*='linkedin']:hover { background: #1787b1; } /** * Icon sizes */ .page .icon-xs { font-size: 13px; } .page .icon-sm { font-size: 19px; } .page .icon-sm-bigger { font-size: 22px; } .page .icon-md-smaller { font-size: 20px; } .page .icon-md-middle { font-size: 24px; } .page .icon-md { font-size: 27px; } .page .icon-md-big { font-size: 36px; } .page .icon-lg-smaller { font-size: 40px; } .page .icon-lg { font-size: 62px; line-height: 62px; } @media (min-width: 1600px) { .page .icon-xs { font-size: 13px; } .page .icon-sm { font-size: 19px; } .page .icon-sm-bigger { font-size: 22px; } .page .icon-md-smaller { font-size: 23px; } .page .icon-md-middle { font-size: 24px; } .page .icon-md { font-size: 27px; } .page .icon-md-big { font-size: 36px; } .page .icon-lg-smaller { font-size: 40px; } .page .icon-lg { font-size: 62px; line-height: 62px; } } /** * Icon shapes */ .icon-circle { border-radius: 100%; } .icon.icon-circle { width: 1.75em; height: 1.75em; line-height: 1.75em; } @media (min-width: 768px) { .icon.icon-circle { width: 1.9em; height: 1.9em; line-height: 1.9em; } } @media (min-width: 1600px) { .icon.icon-circle { width: 2.25em; height: 2.25em; line-height: 2.25em; } } .icon.icon-round { border-radius: 4px; width: 2.2em; height: 2.2em; line-height: 2.2em; } /* * * Links * -------------------------------------------------- */ .link-video { position: relative; z-index: 1; display: inline-block; overflow: hidden; border-radius: 50%; line-height: 1; } .link-video, .link-video:active, .link-video:focus { color: #fff; } .link-video:hover { color: rgba(255,236,23,0); } .link-video::before { position: static; display: inline-block; overflow: hidden; content: '\f4fb'; font-family: 'Material Design Icons'; font-size: 50px; border-radius: 50%; } @media (min-width: 992px) { .link-video::before { font-size: 75px; } } @media (min-width: 1600px) { .link-video::before { font-size: 100px; } } .link-bold { font-weight: 700; color: #002372; } .link-bold:hover { color: #008dcc; } .link-image { display: inline-block; max-width: 80%; text-align: center; } .link-image img { opacity: .5; width: auto; transition: .33s; } .link-image:hover img { opacity: 1; } .link-text-color { color: #838386; } .link-text-color:hover { color: #002372; } /* * * Lists * -------------------------------------------------- */ /** * Basic lists */ .list-xxs > li + li { margin-top: 10px; } .list-xs > li + li { margin-top: 17px; } .list-sm > li + li { margin-top: 20px; } .list-lg > li + li { margin-top: 25px; } .list-xl > li + li { margin-top: 35px; } @media (min-width: 768px) { .list-lg > li + li { margin-top: 45px; } .list-xl > li + li { margin-top: 60px; } } @media (min-width: 1200px) { .list-sm > li + li { margin-top: 30px; } .list-lg > li + li { margin-top: 60px; } .list-xl > li + li { margin-top: 80px; } } @media (min-width: 1600px) { .list-xl > li + li { margin-top: 120px; } } /** * List marked */ .list-marked { padding-left: 25px; text-align: left; } .list-marked > li { position: relative; padding-left: 25px; } .list-marked > li:before { position: absolute; top: .21em; left: 0; content: '\f238'; font-family: 'Material Design Icons'; font-size: 1.22em; font-weight: 400; line-height: 1; color: #b7b7b7; } .list-marked a { color: #29293a; } .list-marked a:hover { color: #008dcc; } .list-marked > li + li { margin-top: 10px; } .list-marked-primary { padding-left: 0; } .list-marked-primary > li:before { color: #c2c2c3; } .list-marked-primary > li a { color: #008dcc; } .list-marked-primary > li a:hover { color: #29293a; } .list-marked-secondary a { color: #002372; } .list-marked-secondary a:hover { color: #008dcc; } @media (min-width: 1200px) { .list-marked-primary > li { padding-left: 35px; } } /** * List ordered */ .list-ordered { padding-left: 25px; counter-reset: li; text-align: left; } .list-ordered li { position: relative; padding-left: 25px; } .list-ordered li:before { position: absolute; top: 0; left: 0; display: inline-block; width: 15px; content: counter(li, decimal) "."; counter-increment: li; color: #29293a; } .list-ordered li + li { margin-top: 10px; } /** * List darker */ .list-darker { color: #29293a; } .list-darker a { color: inherit; } .list-darker a:hover { color: #008dcc; } /** * List comma */ .list-comma > li { display: inline-block; } .list-comma > li:not(:last-child):after { content: ','; display: inline-block; margin-right: 3px; } /** * List twitter */ .list-twitter { color: #29293a; } .list-twitter .twitter-icon { color: #02bcf3; } .list-twitter time { display: block; color: #c2c2c3; } .list-twitter * + time { margin-top: 8px; } .list-twitter > li + li { margin-top: 20px; } @media (min-width: 768px) { .list-twitter > li + li { margin-top: 30px; } } .list-inline-md { margin-bottom: -5px; transform: translateY(-5px); margin-left: -4px; margin-right: -4px; } .list-inline-md > li { display: inline-block; margin-top: 5px; margin-left: 4px; margin-right: 4px; } @media (min-width: 1600px) { .list-inline-md { margin-bottom: -5px; transform: translateY(-5px); margin-left: -15px; margin-right: -15px; } .list-inline-md > li { display: inline-block; margin-top: 5px; margin-left: 15px; margin-right: 15px; } } * + .list-inline-md { margin-top: 25px; } @media (min-width: 768px) { * + .list-inline-md { margin-top: 40px; } } .index-list { counter-reset: li; text-align: left; padding-top: 70px; } @media (min-width: 1600px) { .index-list { padding-top: 150px; } } .index-list .index-list-content { max-width: 360px; margin-left: auto; margin-right: auto; } @media (min-width: 1600px) { .index-list .index-list-content { margin-left: 0; } } .index-list > li .list-index-counter { position: relative; z-index: 1; } .index-list > li .list-index-counter:before { z-index: -1; content: counter(li); counter-increment: li; position: absolute; top: 0; left: 0; font-family: 'Montserrat', sans-serif; font-size: 170px; line-height: 130px; font-weight: 900; color: #f2f3f9; transform: translateY(-78%); } .index-list > li p { letter-spacing: 0.02em; } .index-list > li h6 + p, .index-list > li .heading-6 + p { margin-top: 20px; } .bg-gray-lighter .index-list > li .list-index-counter:before { color: #fff; } .bg-gray-darker .index-list > li .list-index-counter:before, .bg-additional-gray-darker .bg-additional-item .index-list > li .list-index-counter:before { color: #008dcc; } .bg-gray-darker .index-list-content p, .bg-additional-gray-darker .bg-additional-item .index-list-content p { color: #c2c2c3; } .inline-list { margin-bottom: -12px; transform: translateY(-12px); margin-left: -3.5px; margin-right: -3.5px; } .inline-list > li { display: inline-block; margin-top: 12px; margin-left: 3.5px; margin-right: 3.5px; } @media (min-width: 1200px) { .inline-list { margin-bottom: -10px; transform: translateY(-10px); margin-left: -20px; margin-right: -20px; } .inline-list > li { display: inline-block; margin-top: 10px; margin-left: 20px; margin-right: 20px; } } .inline-list-xs { margin-bottom: -12px; transform: translateY(-12px); margin-left: -10px; margin-right: -10px; } .inline-list-xs > li { display: inline-block; margin-top: 12px; margin-left: 10px; margin-right: 10px; } * + .inline-list { margin-top: 20px; } .inline-list + .inline-list { margin-top: 25px; } @media (min-width: 1600px) { * + .inline-list { margin-top: 40px; } .inline-list + .inline-list { margin-top: 45px; } } .list- dt + dd { margin-top: 15px; } .list- dd + dt { margin-top: 25px; } @media (min-width: 1600px) { .list- dt + dd { margin-top: 20px; } .list- dd + dt { margin-top: 50px; } } .modal-custom { padding-left: 20px; padding-right: 20px; z-index: 9999; } .modal-custom .modal-dialog { width: 100%; max-width: 830px; margin: 0; } .modal-custom .modal-header { border-bottom: 0; padding-right: 40px; } .modal-custom .modal-content { padding: 10px; margin: 10px; border: 0; box-shadow: 0 0 24px rgba(127, 131, 154, 0.42); } .modal-custom .modal-body { padding-top: 5px; } .modal-custom .close { position: absolute; top: 10px; right: 10px; opacity: 1; text-shadow: none; z-index: 2; } .modal-custom .close > span { color: #002372; } .modal-custom .close > span:before { content: "\f24c"; font: 400 40px/1 'Material Design Icons'; display: inline-block; } .modal-custom .close > span:hover { color: #008dcc; } .modal-custom * + form { margin-top: 30px; } .modal-photo .modal-content { /*background-image: url(../images/sale-modal-01-1170x600.jpg); background-size: cover; color: #fff; */ } .modal-photo .modal-title { color: #fff; } .modal-photo .close { background-color: rgba(0, 0, 0, 0.2); } .modal- .modal-dialog { max-width: 1170px; } .modal--image { display: none; } .modal-product .modal-dialog { max-width: 450px; margin: 10px auto; } .modal-product .modal-body { display: flex; flex-wrap: wrap; transform: translateY(-30px); margin-bottom: -30px; margin-left: -15px; margin-right: -15px; } .modal-product .modal-body > * { flex-grow: 1; margin-top: 30px; padding-left: 15px; padding-right: 15px; } .modal-product-image { max-width: 200px; } .modal-product-image img { box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.35); } .modal-price { font: 400 24px/1 "Oswald", Helvetica, Arial, sans-serif; letter-spacing: 0.12em; color: #29293a; } .modal-sale .modal-dialog { max-width: 1170px; } .sale-body-subtitle { font-size: 18px; } .sale-body-title { font-size: 30px; line-height: 1; font-weight: 900; } .notification .modal-content { border: 0; } .notification .modal-dialog { margin: 10px; } .notification-open { overflow-x: hidden; overflow-y: auto; } .notification-dark .modal-content { background-color: #29293a; color: #fff; } .modal.fade.slideRight .modal-dialog { transition: 650ms ease-in-out; transform: translate3d(0, 0, 0); } .modal.fade.slideRight:not(.in) .modal-dialog { transform: translate3d(100%, 0, 0); } @media (min-width: 768px) { .modal-custom .modal-dialog { position: absolute; top: 50%; left: 50%; } .modal-custom.fade .modal-dialog { transform: translate(-50%, -75%); } .modal-custom.in .modal-dialog { transform: translate(-50%, -50%); } .notification { top: auto; left: auto; padding: 20px; } .notification .modal-dialog { position: static; top: auto; left: auto; width: 100%; max-width: 830px; margin: 0; } } @media (min-width: 992px) { .modal-custom .modal-content { position: relative; overflow: hidden; padding: 30px 115px 30px 40px; } .modal-custom .modal-content:before { position: absolute; top: 0; bottom: 0; right: 0; width: 70px; content: ""; display: inline-block; background-color: #f2f3f9; } .modal-custom .close { top: 15px; right: 15px; } .modal-photo .modal-content:before { background-color: rgba(0, 0, 0, 0.2); } .modal-photo .close { background-color: transparent; } .modal- .modal--image { display: block; margin: 0 auto; } .modal- .modal-header { padding: 0; } .modal- .modal-content { padding-left: 0; padding-top: 0; padding-bottom: 0; } .modal- .modal-body { display: flex; justify-content: space-between; align-items: center; padding: 0; } .modal- .modal-body-inner { flex-grow: 1; } .modal- .modal-body-inner:first-of-type { max-width: 410px; } .modal- .modal-body-inner:last-of-type { max-width: 370px; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; } .modal-product .modal-dialog { max-width: 1170px; } .modal-product .modal-content { padding: 55px 115px 80px 40px; } .modal-product .modal-body { flex-wrap: nowrap; } .modal-product .modal-body-inner { padding-left: 70px; } .modal-product * + .divider { margin-top: 30px; } .modal-product * + p, .modal-product p + p { margin-top: 30px; } .modal-product * + .button { margin-top: 40px; } .modal-product-image { max-width: 100%; width: 100%; text-align: center; } .modal-sale .modal-content { min-height: 600px; display: flex; align-items: center; padding-left: 95px; } .ie-10 .modal-sale .modal-content, .ie-11 .modal-sale .modal-content, .ie-edge .modal-sale .modal-content { height: 600px; } .modal-sale * + .button { margin-top: 45px; } .sale-body-subtitle { font-size: 24px; } .sale-body-title { font-size: 52px; } .notification .modal-dialog { margin: 30px; width: auto; } .notification .rd-mailform { width: 100%; min-width: 370px; } .notification-dark .modal-content:before { background: rgba(0, 0, 0, 0.3); } } @media (min-width: 1200px) { .modal- .modal-body-inner:first-of-type { max-width: 470px; } } /* * * Navigation * -------------------------------------------------- */ .navigation-pills li a { display: inline-block; padding: 3px 9px; border: 1px solid #008dcc; border-radius: 5px; font-size: 16px; transition: .2s; } .navigation-pills li a.active, .navigation-pills li a:hover, .navigation-pills li a:focus { background-color: #008dcc; color: #fff; } /* * * Pagination custom * -------------------------------------------------- */ .pagination-custom { display: inline-table; transform: translateY(-10px); margin-bottom: -10px; margin-left: -10px; } .pagination-custom > * { display: inline-block; margin-top: 10px; margin-left: 10px; } .pagination-custom > li, .pagination-custom > li > a { border-radius: 10px; } .pagination-custom > li { font-family: "Oswald", Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 0.12em; min-width: 50px; color: #fff; background: #002372; vertical-align: middle; } .pagination-custom > li > a { display: block; height: 50px; line-height: 50px; vertical-align: middle; color: inherit; background: inherit; text-align: center; } .pagination-custom > li > a:hover { color: #fff; background: #008dcc; } .pagination-custom > li.disabled, .pagination-custom > li.active { pointer-events: none; } .pagination-custom > li.active { color: #fff; background: #008dcc; } .pagination-custom > li.disabled { color: #fff; background: #f47bc1; } .pagination-custom .pagination-control a::before { color: inherit; font-family: 'Material Design Icons'; } .pagination-custom .pagination-control:first-child a::before { content: '\f14a'; } .pagination-custom .pagination-control:last-child a::before { content: '\f14f'; } * + .pagination-custom { margin-top: 30px; } @media (min-width: 1200px) { * + .pagination-custom { margin-top: 50px; } } .-group-custom { margin-bottom: 0; } .-group-custom .-heading + .-collapse > .-body, .-group-custom .-heading + .-collapse > .list-group { border-top: 0; } .-group-custom . + . { margin-top: 0; } .-group.-group-corporate . + . { margin-top: 20px; } .-custom { margin: 0; background: inherit; border: 0; border-radius: 0; box-shadow: none; text-align: left; } .-custom a { display: block; } .-custom .-heading { padding: 0; border-bottom: 0; border-top-left-radius: 0; } .-custom .-body { padding: 0; border: 0; } * + .-group-custom { margin-top: 35px; } @media (min-width: 768px) { * + .-group-custom { margin-top: 50px; } } @media (min-width: 1600px) { * + .-group-custom { margin-top: 60px; } } .-corporate { position: relative; z-index: 1; text-align: left; background: #fff; box-shadow: 0px 5px 12px 0px #dcdeec; } .-corporate. { border-radius: 10px; } .-corporate .-title a { padding: 18px 82px 18px 32px; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: #29293a; transition: inherit; border-radius: 10px 10px 0 0; } .-corporate .-title a .-arrow { transition: .33s; } .-corporate .-title a.collapsed { border-bottom-width: 0; border-radius: 10px; } .-corporate .-title a.collapsed .-arrow::before { opacity: 1; } .-corporate .-title a.collapsed .-arrow::after { opacity: 0; } .-corporate .-arrow { position: absolute; top: 0; bottom: -1px; right: -1px; z-index: 2; width: 70px; background: #002372; border-radius: 0 10px 10px 0; transition: .33s all ease; } .-corporate .-arrow::before, .-corporate .-arrow::after { position: absolute; top: 18px; left: 50%; transform: translateX(-50%); z-index: 4; font-family: 'Material Design Icons'; color: #fff; transition: .22s; } .-corporate .-arrow::before { content: '\f504'; opacity: 0; } .-corporate .-arrow::after { content: '\f465'; opacity: 1; } .-corporate .-arrow:hover { background: #008dcc; } .-corporate .-collapse { position: relative; z-index: 1; color: #838386; border-radius: 0 0 10px 10px; } .-corporate .-body { padding: 0 82px 25px 32px; } @media (max-width: 767px) { .-corporate .-title a, .-corporate .-body { padding-left: 25px; } } @media (min-width: 768px) { .-corporate .-title a { font-size: 24px; line-height: 1.41667; } .-corporate .-body { padding-right: 150px; } } .-light:first-child .-title { border-top: 1px solid #ededed; } .-light .-title:nth-child(n + 2) { margin-top: -1px; } .-light .-title a { position: relative; padding: 19px 55px 19px 32px; border-bottom: 1px solid transparent; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: #29293a; transition: .2s all ease; } .-light .-title a .-arrow::after { opacity: 0; visibility: hidden; transition: .2s all ease; } .-light .-title a.collapsed { border-bottom-color: #ededed; } .-light .-title a.collapsed .-arrow::after { opacity: 1; visibility: visible; } .-light .-arrow { position: absolute; top: 50%; transform: translateY(-50%); right: 26px; transition: .33s; will-change: transform; } .-light .-arrow::before, .-light .-arrow::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); background: #002372; } .-light .-arrow::before { width: 18px; height: 2px; right: 0; } .-light .-arrow::after { width: 2px; height: 18px; right: 8px; } .-light .-collapse { position: relative; margin-top: -1px; border-bottom: 1px solid #ededed; color: rgba(131, 131, 134, 0.47); will-change: transform; } .-light .-body { padding: 0 44px 25px 32px; } @media (max-width: 767px) { .-light .-title a, .-light .-body { padding-left: 15px; } } @media (min-width: 768px) { .-light .-title a { font-size: 24px; line-height: 1.41667; } } /** * Posts */ .post-blog { position: relative; max-width: 800px; margin-left: auto; margin-right: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; border-radius: 8px; overflow: hidden; text-align: left; transition: 450ms ease-in-out; color: #29293a; will-change: transform; } .post-blog-title { color: #008dcc; } .post-blog-title:hover { color: #002372; } .post-blog:hover { box-shadow: 0 3px 20px rgba(110, 123, 157, 0.5); } .post-blog .post-blog-video, .post-blog .post-blog-quote, .post-blog .post-blog-image { position: relative; min-height: 300px; } .post-blog .post-blog-video figure, .post-blog .post-blog-video img, .post-blog .post-blog-quote figure, .post-blog .post-blog-quote img, .post-blog .post-blog-image figure, .post-blog .post-blog-image img { min-height: inherit; } .post-blog .post-blog-video img, .post-blog .post-blog-quote img, .post-blog .post-blog-image img { width: 100%; } .post-blog .post-blog-video { border-radius: 0; } .post-blog .post-blog-quote { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px 10px 20px; font-size: 21px; font-style: italic; color: #fff; background: #008dcc; border-radius: 0; text-align: center; } .post-blog .post-blog-quote:hover { color: rgba(255,236,23,0); } .post-blog .post-blog-quote::before { position: relative; display: block; transform: scale(-1, -1); content: '\f373'; font-family: 'Material Design Icons'; font-size: 60px; line-height: 1; font-style: normal; color: inherit; } @media (min-width: 768px) { .post-blog .post-blog-quote { font-size: 24px; } } @media (min-width: 1600px) { .post-blog .post-blog-video, .post-blog .post-blog-quote, .post-blog .post-blog-image { min-height: 270px; } } @s (object-fit: cover) { .post-blog .post-blog-video img, .post-blog .post-blog-quote img, .post-blog .post-blog-image img { width: 100%; object-fit: cover; object-position: center center; } } .post-blog-caption { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; padding-top: 25px; background-color: #f2f3f9; } .post-blog-caption .post-blog-caption-footer { margin-top: auto; } .post-blog + .post-blog { margin-top: 30px; } .post-blog-image { overflow: hidden; border-radius: 8px 8px 0 0; } .post-blog-image img { transition: 750ms ease-in-out; } .post-blog-image:hover img { transform: scale3d(1.05, 1.05, 1.05); } .post-blog-caption-header, .post-blog-caption-body, .post-blog-caption-footer { padding-left: 15px; padding-right: 15px; } .post-blog-caption-body h1, .post-blog-caption-body h2, .post-blog-caption-body h3, .post-blog-caption-body h4, .post-blog-caption-body h5, .post-blog-caption-body h6, .post-blog-caption-body [class^='heading-'] > a { display: block; } @media (min-width: 480px) { .post-blog-caption-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } } /* .post-blog-caption-body { padding-top: 20px; padding-bottom: 20px; }*/ .post-blog-caption-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #fff; } .post-blog-caption-footer > * { color: #838386; } .post-comment > * { vertical-align: middle; } .post-comment .icon { padding-right: 5px; } .post-blog-container[class*='cell-'] { display: flex; } .post-blog-container[class*='cell-'] > .range { flex: 1 1 auto; } @media (min-width: 992px) { .post-blog-caption-header, .post-blog-caption-body, .post-blog-caption-footer { padding-left: 38px; padding-right: 38px; } } @media (min-width: 1200px) { .post-blog { min-height: 300px; } .post-blog-caption-body { min-height: 200px; } } .post-blog-quote { display: block; position: relative; border-radius: 8px; background-color: #008dcc; padding: 20px; } .post-blog-quote .quote-primary-text, .post-blog-quote .quote-primary-mark { transition: 350ms ease-in-out; } .post-blog-quote .quote-primary-text { color: #fff; } .post-blog-quote .quote-primary-mark { fill: #fff; } .post-blog-quote .quote-primary-meta { margin-top: 33px; color: #f2f3f9; } .post-blog-quote .quote-primary-meta .cite { color: rgba(255,236,23,0); } .post-blog-quote:hover .quote-primary-text { color: rgba(255,236,23,0); } .post-blog-quote:hover .quote-primary-mark { fill: rgba(255,236,23,0); } .post-blog-quote-text { width: 100%; } @media (min-width: 768px) { .post-blog-quote { padding: 40px 45px 45px; } } .post-blog-video { display: block; position: relative; border-radius: 8px; background-color: #000000; overflow: hidden; will-change: transform; } .post-blog-video figure { border-radius: 8px; opacity: .7; } .post-blog-video figure img { height: auto; width: 100%; transition: 750ms ease-in-out; } .post-blog-video .icon { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); color: #fff; font-size: 4.4em; transition: 350ms ease-in-out; } .post-blog-video:hover img { transform: scale3d(1.05, 1.05, 1.05); } .post-blog-video:hover .icon { color: rgba(255,236,23,0); } .post-blog-large { position: relative; max-width: 870px; margin-left: auto; margin-right: auto; border-radius: 8px; overflow: hidden; } .post-blog-large .post-blog-meta { position: absolute; top: 15px; left: 15px; } .post-blog-large .post-blog-meta li { color: #ededed; } .post-blog-large .post-blog-meta a { color: #ededed; } .post-blog-large .post-blog-meta a:focus, .post-blog-large .post-blog-meta a:hover { color: rgba(255,236,23,0); } .post-blog-large-caption { text-align: left; padding: 15px 15px 20px; background-color: #fff; } .post-blog-large-caption * + .button { margin-top: 25px; } .post-blog-large-title { display: block; font-size: 28px; line-height: 1.2; } .post-blog-large-image { background-color: #000000; } .post-blog-large-image img { width: 100.3%; /*opacity: .5;*/ } .post-blog-meta { transform: translateY(-5px); margin-bottom: -5px; margin-left: -7px; text-align: left; color: #838386; } .post-blog-meta > * { display: inline-block; margin-top: 5px; margin-left: 7px; } .post-blog-meta li { position: relative; display: inline-block; padding: 5px 10px; } .post-blog-meta li:before { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 24px; content: ""; display: inline-block; border-left: 1px solid; } .post-blog-meta li:last-of-type:before { content: none; } .post-blog-tags { margin-left: -7px; margin-right: -7px; } .post-blog-tags > li { display: inline-block; padding: 5px 7px; } .button-tags { display: inline-block; padding: 4px 11px; border-radius: 20px; font: 300 14px/1 "Lato", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .04em; } .button-tags, .button-tags:focus { color: #fff; background-color: #002372; border-color: #002372; } .button-tags:hover, .button-tags:active, .button-tags:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } /** * Post blog article * */ .post-blog-article { color: #29293a; letter-spacing: .02em; } .post-blog-article .big { letter-spacing: 0; line-height: 1.4; } .post-blog-article * + .post-video, .post-blog-article * + img { margin-top: 25px; } @media (min-width: 768px) { .post-blog-article .quote-primary { padding-left: 40px; padding-right: 40px; } } .post-blog-article-title { font-size: 26px; line-height: 1.3; letter-spacing: 0; } @media (min-width: 768px) { .post-blog-article-title { font-size: 32px; } } .post-blog-article-meta { color: #838386; } .post-blog-article-meta .box-inline a { color: #838386; } .post-blog-article-meta .box-inline a:hover { color: #002372; } * + .post-blog-article-meta { margin-top: 15px; } * + .post-blog-large-title { margin-top: 10px; } @media (min-width: 992px) { /** * Post blog article * */ .post-blog-article * + .big { margin-top: 30px; } .post-blog-article * + img { margin-top: 55px; } .post-blog-article img + * { margin-top: 45px; } .post-blog-article img + video { margin-top: 0; } .post-blog-article-title { font-size: 42px; line-height: 1.25; } * + .post-blog-article-meta { margin-top: 35px; } } @media (min-width: 1600px) { .post-blog-large .post-blog-meta { left: 47px; margin-left: -25px; margin-right: -25px; } .post-blog-large .post-blog-meta li { padding-left: 25px; padding-right: 25px; } .post-blog-large-caption { position: absolute; bottom: 0; left: 0; transform: translate3d(0, 48%, 0); width: 100%; max-width: 620px; padding-left: 47px; color: #c2c2c3; background-color:rgba(0, 0, 0, 0.6); transition: 570ms ease-in-out; } .post-blog-large-caption .post-blog-large-text, .post-blog-large-caption .button { opacity: 0; transition: 350ms opacity; } .post-blog-large-caption .post-blog-large-text { color: #c2c2c3; } .post-blog-large-title { font-size: 36px; line-height: 1.23; color: #fff; max-height: 88px; overflow: hidden; } .post-blog-large-title:focus, .post-blog-large-title:hover { color: rgba(255,236,23,0); } .post-blog-large-image { opacity: .8; } .post-blog-large-image img { opacity: 1; } .post-blog-large { background-color: #000000; } .post-blog-large-image { transition: 750ms ease-in-out; } .post-blog-large:hover:before { opacity: 1; } .post-blog-large:hover .post-blog-large-image { transform: scale3d(1.05, 1.05, 1.05); opacity: .5; } .post-blog-large:hover .post-blog-large-caption { transform: translate3d(0, 0, 0); } .post-blog-large:hover .post-blog-large-caption .post-blog-large-text, .post-blog-large:hover .post-blog-large-caption .button { opacity: 1; } .post-blog-article + [class*='section-'] { margin-top: 60px; } } @media (min-width: 1800px) { .post-blog-large-caption { padding-bottom: 48px; } .post-blog-large-caption * + .button { margin-top: 30px; } .post-blog-large-title { font-size: 42px; max-height: 110px; } .post-blog-large-image { opacity: 1; } .post-blog-large .post-blog-meta { top: 40px; } * + .post-blog-large-title { margin-top: 20px; } * + .post-blog-large-text { margin-top: 25px; } } /** * Post facebook */ .post-facebook { padding: 25px; border-radius: 9px; text-align: left; background: #f2f3f9; } .post-facebook time { color: #838386; } .post-facebook-profile-name { font-size: 15px; color: #29293a; font-weight: 400; } .post-facebook-image { width: 70px; height: auto; border-radius: 50%; } .post-facebook-header { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; transform: translateY(-15px); margin-bottom: -15px; margin-left: -15px; word-break: break-all; } .post-facebook-header > * { display: inline-block; margin-top: 15px; margin-left: 15px; } .post-facebook-attachment { border-left: 2px solid #c2c2c3; color: #838386; } .post-facebook-attachment > * { padding: 0 15px; } .post-facebook-attachment a { font-weight: 400; color: #002372; } .post-facebook-attachment a:hover { color: #29293a; } .post-facebook-attachment * + p { margin-top: 5px; } @media (min-width: 480px) { .post-facebook-attachment { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 767px) { .post-facebook-attachment > * + * { margin-top: 15px; } } .post-facebook-attachment:empty { margin-top: 0; display: none; } .post-facebook-attachment-image { position: relative; overflow: hidden; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; max-width: 50%; max-height: 200px; } @s (object-fit: cover) { .post-facebook-attachment-image img { object-fit: cover; object-position: center center; height: 100%; width: 100%; } } .post-facebook-attachment-left { max-width: 120px; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .post-facebook-attachment-left img { width: 100%; } .post-facebook-attachment-text { position: relative; max-height: 3.11111em; overflow: hidden; } .post-facebook-attachment-text:empty { display: none; } .post-facebook-meta { transform: translateY(-5px); margin-bottom: -5px; margin-left: -20px; color: #29293a; } .post-facebook-meta > * { display: inline-block; margin-top: 5px; margin-left: 20px; } .post-facebook-meta .icon { font-size: 28px; color: #c2c2c3; } .post-facebook-meta span { display: inline-block; vertical-align: middle; padding: 0 .15em; } .post-facebook-meta span:first-child { padding-left: 0; } * + .post-facebook { margin-top: 30px; } * + .post-facebook-attachment { margin-top: 20px; } * + .post-facebook-meta { margin-top: 20px; } @media (min-width: 480px) { .post-facebook-profile-name { font-size: 20px; } } @media (min-width: 1200px) { * + .post-facebook-text { margin-top: 28px; } * + .post-facebook-attachment { margin-top: 30px; } * + .post-facebook-meta { margin-top: 35px; } } @media (max-width: 1599px) { .post-facebook .post-facebook-attachment-title { font-size: 19px; word-break: break-all; } } @media (min-width: 1600px) { .post-facebook { padding-right: 55px; } .post-facebook-attachment-left { max-width: 170px; } .post-facebook-profile-name { font-size: 24px; } .post-facebook-header { transform: translateY(-15px); margin-bottom: -15px; margin-left: -30px; } .post-facebook-header > * { display: inline-block; margin-top: 15px; margin-left: 30px; } } /** * Post classic */ .post-classic { position: relative; overflow: hidden; border-radius: 9px; background: #f2f3f9; text-align: left; } .post-classic .post-blog-video, .post-classic .post-blog-video figure { border-radius: 0; } .post-classic-media { display: block; position: relative; overflow: hidden; min-height: 250px; border-radius: 9px 9px 0 0; background: #29293a; } .post-classic-media figure { min-height: inherit; } .post-classic-media img { position: absolute; top: 50%; left: 50%; max-width: none; max-height: none; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); opacity: 1; transition: .33s; } .post-classic-media .post-classic-video { min-height: inherit; } .post-classic-media:hover > img { opacity: .8; transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05); } .post-classic-media .post-blog-video:hover img { transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05); } @s (object-fit: cover) { .post-classic-media > img { left: auto; top: auto; object-fit: cover; transform: none; object-position: center 20%; width: 100%; height: 100%; min-height: inherit; } .post-classic-media:hover > img { transform: scale3d(1.05, 1.05, 1.05); } } .post-quote-wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #008dcc; } .post-quote-wrap > * { max-width: 100%; } .post-classic-quote { position: relative; font-style: italic; color: #fff; text-align: center; padding: 20px; } .post-classic-quote::before { position: relative; transform: scale(-1, -1); content: '\f373'; font-family: 'Material Design Icons'; margin-top: -10px; font-size: 60px; line-height: 1; font-style: normal; font-weight: 400; } .post-classic-quote .post-classic-title { padding: 0; color: #fff; } .post-classic-body { padding: 25px 20px; } .post-classic-footer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; transform: translateY(-10px); margin-bottom: -10px; margin-left: -20px; } .post-classic-footer > * { display: inline-block; margin-top: 10px; margin-left: 20px; } .post-classic-meta { display: inline-table; transform: translateY(-10px); margin-bottom: -10px; margin-left: -20px; left: -3px; color: #838386; } .post-classic-meta > * { display: inline-block; margin-top: 10px; margin-left: 20px; } .post-classic-meta > li { vertical-align: middle; } .post-classic-meta > li * { padding: 0 3px; vertical-align: middle; } .post-classic-meta a { position: relative; top: -2px; display: inline-block; line-height: inherit; color: inherit; } .post-classic-meta a:hover { color: #002372; } .post-classic-meta .icon { font-size: 1.55em; color: #008dcc; } .post-classic-info { display: inline-table; transform: translateY(-10px); margin-bottom: -10px; margin-left: -20px; color: #838386; font-style: italic; } .post-classic-info > * { display: inline-block; margin-top: 10px; margin-left: 20px; } .post-classic-info > li { vertical-align: middle; } .post-classic-info > li * { padding: 0 3px; vertical-align: middle; } .post-classic-info .icon { position: relative; top: 1px; font-size: 1.333em; font-style: normal; color: #c2c2c3; transition: .22s; } .post-classic-info a { color: inherit; transition: .33s; } .post-classic-info a:hover { color: #002372; } .post-classic-info a:hover .icon { color: #002372; } .post-classic-title { font-size: 18px; font-weight: 300; color: #002372; } .post-classic-text { color: #29293a; } .post-audio.jp-player-init .jp-audio { width: 100%; max-width: 100%; padding: 0; } .post-audio.jp-player-init .jp-btn:before { font-size: 15px; } .post-audio.jp-player-init.jp-state-playing .jp-play:before { content: "\f4d3"; } .post-audio.jp-player-init .jp-audio .jp-no-solution { margin: 5px 0; padding: 10px; background: rgba(237, 28, 148, 0.1); border: 2px dashed rgba(237, 28, 148, 0.2); } .post-audio.jp-player-init .jp-audio .jp-no-solution span { display: block; font-weight: 700; } .post-audio.jp-player-init .jp-audio .jp-no-solution a { color: #29293a; } .post-audio.jp-player-init .jp-audio .jp-no-solution a:hover { color: #29293a; text-decoration: underline; } .post-audio.jp-player-init .jp-play-bar, .post-audio.jp-player-init .jp-volume-bar-value { box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); background-size: 0.4375em 0.4375em; background-color: #a55708; background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6710a), color-stop(100%, #a55708)); background-image: -webkit-linear-gradient(#d6710a, #a55708); background-image: linear-gradient(#d6710a, #a55708); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); } * + .post-classic { margin-top: 40px; } * + .post-classic-meta { margin-top: 10px; } * + .post-classic-title { margin-top: 10px; } * + .post-audio { margin-top: 15px; } * + .post-classic-text { margin-top: 15px; } * + .post-classic-footer { margin-top: 15px; } @media (min-width: 768px) { .post-classic-title { font-size: 32px; line-height: 1.2381; } .post-classic-quote { padding: 30px 50px; } .post-classic-info { transform: translateY(-10px); margin-bottom: -10px; margin-left: -35px; } .post-classic-info > * { display: inline-block; margin-top: 10px; margin-left: 35px; } * + .post-classic-meta { margin-top: 25px; } * + .post-classic-player { margin-top: 35px; } * + .post-classic-text { margin-top: 25px; } * + .post-classic-footer { margin-top: 30px; } } @media (min-width: 992px) { .post-classic-media a .icon { font-size: 120px; } } @media (min-width: 1200px) { .post-classic-title { padding-right: 50px; } .post-classic-media { min-height: 340px; } .ie-10 .post-quote-wrap, .ie-11 .post-quote-wrap { display: block; vertical-align: middle; white-space: nowrap; } .ie-10 .post-quote-wrap > *, .ie-11 .post-quote-wrap > * { display: inline-block; vertical-align: middle; max-width: 99%; white-space: normal; } .ie-10 .post-quote-wrap::after, .ie-11 .post-quote-wrap::after { content: ''; display: inline-block; vertical-align: middle; width: 0; min-height: inherit; } .post-classic-meta { transform: translateY(-14px); margin-bottom: -14px; margin-left: -40px; } .post-classic-meta > * { display: inline-block; margin-top: 14px; margin-left: 40px; } * + .post-classic-meta { margin-top: 25px; } } @media (min-width: 1600px) { .post-classic-title { font-size: 42px; } .post-classic-media { min-height: 580px; } .post-classic-body { padding: 37px; } .post-classic-quote { padding: 100px; } .post-classic-meta { transform: translateY(-14px); margin-bottom: -14px; margin-left: -60px; } .post-classic-meta > * { display: inline-block; margin-top: 14px; margin-left: 60px; } } /** * Post minimal */ .post-minimal { text-align: left; } .post-minimal > * + * { margin-top: 12px; } .post-minimal-title { color: #002372; } .post-minimal-time { display: block; color: #c2c2c3; } .post-minimal-md .post-minimal-title { font-weight: 400; } @media (min-width: 768px) { .post-minimal-md .post-minimal-title { font-size: 20px; } } @media (min-width: 1600px) { .post-minimal-md .post-minimal-title { font-size: 24px; } } * + .post-minimal { margin-top: 20px; } /** * Blog aside */ .blog-aside { position: relative; transform: translateY(-30px); margin-bottom: -30px; pointer-events: none; } .blog-aside > *:before { content: ''; display: table; width: 0; } .blog-aside > * { margin-top: 30px; pointer-events: auto; } .blog-aside h6 + * { margin-top: 15px; } @media (min-width: 768px) { .blog-aside { transform: translateY(-60px); margin-bottom: -60px; } .blog-aside > * { margin-top: 60px; } } @media (min-width: 768px) and (max-width: 991px) { .blog-aside { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-aside-item { width: 50%; padding: 0 15px; } } @media (min-width: 1600px) { .blog-aside { transform: translateY(-120px); margin-bottom: -120px; } .blog-aside h6 + * { margin-top: 28px; } .blog-aside > * { margin-top: 120px; } } .shop-aside { position: relative; transform: translateY(-30px); margin-bottom: -30px; pointer-events: none; } .shop-aside > *:before { content: ''; display: table; width: 0; } .shop-aside > * { margin-top: 30px; pointer-events: auto; } .shop-aside h6 + * { margin-top: 15px; } @media (min-width: 768px) { .shop-aside { transform: translateY(-60px); margin-bottom: -60px; } .shop-aside > * { margin-top: 60px; } } @media (min-width: 768px) and (max-width: 991px) { .shop-aside { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shop-aside-item { width: 50%; padding: 0 15px; } } @media (min-width: 1600px) { .shop-aside { transform: translateY(-120px); margin-bottom: -120px; } .shop-aside h6 + * { margin-top: 28px; } .shop-aside > * { margin-top: 120px; } } /** * Post modern */ .post-modern { position: relative; overflow: hidden; } .post-modern .post-blog-video, .post-modern .post-blog-video figure { border-radius: 0; } .post-modern > * + * { margin-top: 25px; } .post-modern-aside { width: 130px; margin-left: auto; margin-right: auto; text-align: center; } .post-modern-aside time { display: block; max-width: 120px; margin-left: auto; margin-right: auto; } .post-modern-main { position: relative; overflow: hidden; border-radius: 9px; background: #f2f3f9; text-align: left; color: #29293a; } .post-modern-body { padding: 25px 20px; } .post-modern-footer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .post-modern-image { display: block; background: #29293a; } .post-modern-image img { opacity: 1; transition: .33s; } .post-modern-image:hover > img { opacity: .8; } .post-modern-avatar { display: block; border-radius: 100%; margin-left: auto; margin-right: auto; border: 5px solid #fff; box-shadow: 0 5px 9px 0 rgba(150, 150, 150, 0.18); } .post-modern-title { color: #002372; } .post-modern-title > a { display: block; } .post-modern-title:hover { color: #008dcc; } .post-modern-author { color: #002372; } .post-modern-meta { display: inline-table; transform: translateY(-10px); margin-bottom: -10px; margin-left: -20px; left: -3px; color: #838386; } .post-modern-meta > * { display: inline-block; margin-top: 10px; margin-left: 20px; } .post-modern-meta > li { vertical-align: middle; } .post-modern-meta > li * { padding: 0 3px; vertical-align: middle; } .post-modern-meta a { color: inherit; } .post-modern-meta a:hover { color: #002372; } .post-modern-meta .icon { font-size: 1.55em; color: #c2c2c3; } .post-modern-info { display: inline-table; transform: translateY(-10px); margin-bottom: -10px; margin-left: -20px; color: #838386; font-style: italic; } .post-modern-info > * { display: inline-block; margin-top: 10px; margin-left: 20px; } .post-modern-info > li { vertical-align: middle; } .post-modern-info > li * { padding: 0 3px; vertical-align: middle; } .post-modern-info .icon { position: relative; top: 1px; font-size: 1.333em; font-style: normal; color: #c2c2c3; transition: .22s; } .post-modern-info a { color: inherit; transition: .33s; } .post-modern-info a:hover { color: #002372; } .post-modern-info a:hover .icon { color: #002372; } * + .post-modern { margin-top: 30px; } * + .post-modern-author { margin-top: 12px; } * + .post-modern-avatar-wrap { margin-top: 15px; } * + .post-modern-footer { margin-top: 20px; } @media (min-width: 768px) { .post-modern { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .post-modern > * + * { margin-top: 0; } .post-modern-aside { position: relative; padding-bottom: 20px; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .post-modern-aside::after { content: ''; position: absolute; bottom: 0; left: 50%; height: 100vh; transform: translate(0, 100%); border-right: 1px solid #c2c2c3; } .post-modern-avatar-wrap { position: relative; } .post-modern-avatar-wrap::after { content: ''; position: absolute; left: 50%; top: 50%; width: 400px; border-bottom: 1px solid #c2c2c3; } .post-modern-avatar { position: relative; z-index: 2; } .post-modern-main { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 30px; } .post-modern-title { max-width: 81%; } } @media (min-width: 1200px) { .post-modern-main { margin-left: 60px; } .post-modern-body { padding: 40px 35px 30px 30px; } * + .post-modern-author { margin-top: 20px; } } @media (min-width: 1600px) { .post-modern { margin-left: 80px; } .post-modern-main { margin-left: 100px; } * + .post-modern-avatar-wrap { margin-top: 30px; } } /** * Post light */ .post-light { text-align: left; } .post-light .unit-left a { background: #29293a; display: block; } .post-light .unit-left a img { opacity: 1; transition: .33s; } .post-light .unit-left a:hover img { opacity: .8; } .post-light-title { max-width: 90%; color: #002372; } .post-light-time { display: block; color: #c2c2c3; } .post-light + .post-light { margin-top: 30px; } @media (min-width: 992px) { * + .post-light-time { margin-top: 10px; } } @media (min-width: 1200px) { .post-light + .post-light { margin-top: 50px; } } @media (min-width: 1600px) { .post-light + .post-light { margin-top: 65px; } } /** * Pricing Table, Box Style */ .pricing-shell-wrap .pricing-box { max-width: 420px; } .pricing-box { max-width: 270px; margin-left: auto; margin-right: auto; text-align: center; background-color: #f2f3f9; border-radius: 9px; box-shadow: 0 7px 24px 0 rgba(110, 123, 157, 0.42); transition: .3s ease-out all; } .pricing-box .pricing-box-price { color: #29293a; font-weight: 500; } .pricing-box .pricing-box-price .heading-2 { font-weight: inherit; } .pricing-box .pricing-box-price > * { color: inherit; } .pricing-box .button { min-width: 0; padding: 11px 23px; } .pricing-box * + .button { margin-top: 18px; } .pricing-box-header { padding: 25px 10px; color: #fff; background-color: #008dcc; border-top-right-radius: inherit; border-top-left-radius: inherit; transition: .3s ease-out all; } .pricing-box-header > * { color: inherit; } .pricing-box-body { padding: 28px 10px; } .pricing-box-list { letter-spacing: 0.02em; color: #29293a; } .pricing-box-list > li + li { margin-top: 10px; } .pricing-box-list-disable { color: #c2c2c3; text-decoration: line-through; } @media (min-width: 1600px) { .pricing-box-body { padding: 36px 10px; } .pricing-box .button { padding: 14px 45px; } } .desktop .pricing-box { box-shadow: none; } .desktop .pricing-box .pricing-box-header { background-color: #002372; } .desktop .pricing-box-primary, .desktop .pricing-box:hover { box-shadow: 0 7px 24px 0 rgba(110, 123, 157, 0.42); } .desktop .pricing-box-primary .pricing-box-header, .desktop .pricing-box:hover .pricing-box-header { background-color: #008dcc; } * + .pricing-box-price { margin-top: 30px; } @media (min-width: 768px) { .pricing-box * + .button { margin-top: 19px; } * + .pricing-box-price { margin-top: 30px; } } @media (min-width: 1600px) { * + .pricing-box-price { margin-top: 40px; } } /** * Pricing Box Alternative */ .pricing-box-alternative { position: relative; z-index: 10; max-width: 294px; margin-left: auto; margin-right: auto; margin-bottom: 50px; padding: 15px 20px 15px; border: 1px solid #ededed; transition: .3s ease-out all; } .pricing-box-alternative:before { content: ''; z-index: -1; position: absolute; top: -40px; bottom: -90px; left: 0; right: 0; background-color: #008dcc; border-radius: 9px; } .pricing-box-alternative * + .pricing-box-list { margin-top: 15px; } .pricing-box-alternative * + .pricing-box-price { margin-top: 25px; } .pricing-box-alternative .pricing-box-button { margin-top: 20px; position: relative; } .pricing-box-alternative .pricing-box-button .button { position: absolute; top: 0; left: 50%; transform: translateX(-50%); visibility: hidden; opacity: 0; } .pricing-box-alternative-header { color: #002372; } .pricing-box-alternative-header > * { color: inherit; } .pricing-box-rating > li { display: inline-block; margin: 0 -4px; } .pricing-box-rating .mdi-star { color: #008dcc; } .pricing-box-rating .mdi-star-outline { color: #ededed; } * + .pricing-box-rating { margin-top: 30px; } .tablet .pricing-box-alternative:before, .mobile .pricing-box-alternative:before { visibility: visible; opacity: 1; } .tablet .pricing-box-alternative .pricing-box-button .button, .mobile .pricing-box-alternative .pricing-box-button .button { visibility: visible; opacity: 1; } .tablet .pricing-box-alternative .pricing-box-rating .mdi-star, .mobile .pricing-box-alternative .pricing-box-rating .mdi-star { color: rgba(255,236,23,0); } .tablet .pricing-box-alternative .pricing-box-rating .mdi-star-outline, .mobile .pricing-box-alternative .pricing-box-rating .mdi-star-outline { color: #fff; } .tablet .pricing-box-alternative .pricing-box-alternative-header, .mobile .pricing-box-alternative .pricing-box-alternative-header { color: #fff; } .tablet .pricing-box-alternative .pricing-box-list, .mobile .pricing-box-alternative .pricing-box-list { color: #fff; } .tablet .pricing-box-alternative .pricing-box-list-disable, .mobile .pricing-box-alternative .pricing-box-list-disable { color: #d3d3d4; } .tablet .pricing-box-alternative .pricing-box-price, .mobile .pricing-box-alternative .pricing-box-price { color: #fff; } .tablet .pricing-box-alternative .pricing-box-price > *, .mobile .pricing-box-alternative .pricing-box-price > * { color: inherit; } .desktop .pricing-box-alternative { padding: 50px 20px 30px; margin-bottom: 0; z-index: 1; } .desktop .pricing-box-alternative:before { visibility: hidden; opacity: 0; } .desktop .pricing-box-alternative:hover { margin-bottom: 50px; padding: 15px 20px 15px; z-index: 10; } .desktop .pricing-box-alternative:hover:before { visibility: visible; opacity: 1; } .desktop .pricing-box-alternative:hover .pricing-box-button .button { visibility: visible; opacity: 1; } .desktop .pricing-box-alternative:hover .pricing-box-rating .mdi-star { color: rgba(255,236,23,0); } .desktop .pricing-box-alternative:hover .pricing-box-rating .mdi-star-outline { color: #fff; } .desktop .pricing-box-alternative:hover .pricing-box-alternative-header { color: #fff; } .desktop .pricing-box-alternative:hover .pricing-box-list { color: #fff; } .desktop .pricing-box-alternative:hover .pricing-box-list-disable { color: #d3d3d4; } .desktop .pricing-box-alternative:hover .pricing-box-price { color: #fff; } .desktop .pricing-box-alternative:hover .pricing-box-price > * { color: inherit; } @media (min-width: 768px) { .pricing-box-alternative * + .pricing-box-list { margin-top: 25px; } } @media (min-width: 1200px) { .pricing-box-rating .icon { font-size: 36px; } } /** * Pricing Box LG width Style */ .pricing-box-lg { max-width: 570px; } .pricing-box-lg .pricing-box-header { padding: .9em 2.2em; } .pricing-box-lg .pricing-box-body { padding: 28.8px 20px 28.8px 20px; } .pricing-box-lg .pricing-box-list { display: inline-flex; flex-direction: column; padding-left: 0; } .pricing-box-lg .pricing-box-list > li:before { color: #b7b7b7; } .pricing-box-lg .button { padding: 8px 27px; } .pricing-box-lg .pricing-box-price-new { color: #29293a; font-weight: 400; } .pricing-box-lg .pricing-box-price-new > * { font-weight: inherit; color: inherit; } .pricing-box-lg .pricing-box-price-old { color: #c2c2c3; font-weight: 400; } .pricing-box-lg .pricing-box-price-old > * { font-weight: inherit; color: inherit; text-decoration: line-through; } * + .pricing-box-price-new { margin-top: 10px; } @media (min-width: 768px) { .pricing-box-lg .pricing-box-body { padding: 28.8px 50px 34.8px 45px; } * + .pricing-box-price-new { margin-top: 0; } } /** * Pricing Box Xl Style */ .pricing-box-xl { max-width: 380px; } .pricing-box-xl .pricing-box-header { padding-top: 15px; padding-bottom: 15px; } .pricing-box-xl .button { padding-top: 9px; padding-bottom: 9px; } .pricing-box-xl .pricing-box-price sup { font-size: .6em; } .pricing-box-xl .icon-md-big, .pricing-box-xl .icon-md { font-size: 25px; } .pricing-box-xl .pricing-box-body { padding: 40px 27px; } .pricing-box-xl .pricing-box-list > li + li { /*margin-top: 23px;*/ } @media (min-width: 480px) { .pricing-box-xl { max-width: 620px; } .pricing-box-xl .pricing-box-body { padding: 50px 67px; } } @media (min-width: 1200px) { .pricing-box-xl .pricing-box-body { padding: 30px 27px; } } @media (min-width: 1600px) { .pricing-box-xl .pricing-box-body { padding: 50px 67px; } .pricing-box-xl .button { padding-top: 11px; padding-bottom: 11px; } .pricing-box-xl .icon-md { font-size: 28px; } .pricing-box-xl .icon-md-big { font-size: 36px; } } /** * Pricing Box Wrap */ @media (max-width: 991px) { .pricing-box-wrap-element .pricing-box-alternative { border-radius: 9px; } } @media (min-width: 768px) and (max-width: 991px) { .pricing-box-wrap-element:nth-child(2n + 1) .pricing-box-alternative { border-top-left-radius: 9px; border-bottom-left-radius: 9px; } .pricing-box-wrap-element:nth-child(2n + 2) .pricing-box-alternative, .pricing-box-wrap-element:last-child .pricing-box-alternative { border-top-right-radius: 9px; border-bottom-right-radius: 9px; } } @media (min-width: 992px) and (max-width: 1199px) { .pricing-box-wrap-element:nth-child(3n + 1) .pricing-box-alternative { border-top-left-radius: 9px; border-bottom-left-radius: 9px; } .pricing-box-wrap-element:nth-child(3n + 3) .pricing-box-alternative, .pricing-box-wrap-element:last-child .pricing-box-alternative { border-top-right-radius: 9px; border-bottom-right-radius: 9px; } } @media (min-width: 1200px) { .pricing-box-wrap-element:nth-child(4n + 1) .pricing-box-alternative { border-top-left-radius: 9px; border-bottom-left-radius: 9px; } .pricing-box-wrap-element:nth-child(4n + 4) .pricing-box-alternative, .pricing-box-wrap-element:last-child .pricing-box-alternative { border-top-right-radius: 9px; border-bottom-right-radius: 9px; } } /* * * Quotes * -------------------------------------------------- */ /** * Quote primary */ .quote-primary { text-align: left; } .quote-primary .cite { color: #002372; } .quote-primary-text { font-style: italic; font-size: 18px; line-height: 1.55556; } .quote-primary-mark { position: relative; top: 6px; display: block; width: 37px; height: 27px; fill: #008dcc; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .quote-primary-meta { margin-left: -.2em; color: #c2c2c3; } .quote-primary-meta * { padding: 0 .2em; } * + .quote-primary-text { margin-top: 20px; } * + .quote-primary-meta { margin-top: 15px; } @media (min-width: 768px) { .quote-primary-text { font-size: 20px; } * + .quote-primary-text { margin-top: 30px; } * + .quote-primary-meta { margin-top: 20px; } } @media (min-width: 1200px) { .quote-primary-text { font-size: 24px; line-height: 1.41667; } } /** * Quote minimal */ .quote-minimal { padding-left: 30px; padding-right: 20px; } .quote-minimal-text { font-size: 18px; font-style: italic; color: #29293a; } @media (min-width: 768px) { .quote-minimal { max-width: 90%; } .quote-minimal-text { font-size: 24px; } } /** * Quote boxed */ .quote-boxed { text-align: left; transform: translateY(-20px); margin-bottom: -20px; margin-left: -30px; } .quote-boxed > * { display: inline-block; margin-top: 20px; margin-left: 30px; } .quote-boxed-image { width: 100px; height: auto; border-radius: 50%; } .quote-boxed-text, .quote-boxed-cite { font-size: 18px; } .quote-boxed-text { position: relative; color: #29293a; } .quote-boxed-text::before { position: relative; display: inline-block; transform: scale(-1, -1); top: -5px; left: -10px; content: '\f373'; font-family: 'Material Design Icons'; font-size: 45px; line-height: .8; color: #002372; } .quote-boxed-cite { font-weight: 400; color: #008dcc; } .quote-boxed-small { color: #838386; } .quote-boxed-meta > * + * { margin-top: 0; } * + .quote-boxed-meta { margin-top: 10px; } @media (min-width: 480px) { .quote-boxed { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .quote-boxed-aside { -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .quote-boxed-main { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (min-width: 768px) { .quote-boxed-image { width: 160px; } .quote-boxed-text, .quote-boxed-cite { font-size: 20px; line-height: 1.41667; } .quote-boxed-text::before { font-size: 60px; top: -9px; } * + .quote-boxed-meta { margin-top: 20px; } } @media (min-width: 1200px) { .quote-boxed { transform: translateY(-30px); margin-bottom: -30px; margin-left: -80px; } .quote-boxed > * { display: inline-block; margin-top: 30px; margin-left: 80px; } .quote-boxed-image { width: 210px; } .quote-boxed-text, .quote-boxed-cite { font-size: 24px; } * + .quote-boxed-meta { margin-top: 30px; } } /** * Quote vertical */ .quote-vertical-image { width: 100px; height: auto; border-radius: 50%; } .quote-vertical-text { position: relative; color: #29293a; } .quote-vertical-text::after { position: relative; display: inline-block; margin-top: 10px; content: '\f373'; font-family: 'Material Design Icons'; font-size: 40px; line-height: 1; color: #002372; } .quote-vertical-cite { font-weight: 400; color: #008dcc; } .quote-vertical-small { color: #838386; } .quote-vertical-meta > * + * { margin-top: 0; } * + .quote-vertical-text { margin-top: 15px; } * + .quote-vertical-meta { margin-top: 5px; } @media (min-width: 480px) { .quote-vertical-text, .quote-vertical-cite { font-size: 18px; line-height: 1.5; } } @media (min-width: 768px) { .quote-vertical-text, .quote-vertical-cite { font-size: 20px; line-height: 1.5; } .quote-vertical-text::after { margin-top: 20px; } * + .quote-vertical-text { margin-top: 25px; } } @media (min-width: 1200px) { .quote-vertical-text, .quote-vertical-cite { font-size: 24px; } } /** * Quote classic */ .quote-classic { text-align: left; } .quote-classic-image { width: 70px; height: auto; border-radius: 50%; } .quote-classic-header { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; transform: translateY(-20px); margin-bottom: -20px; margin-left: -20px; } .quote-classic-header > * { display: inline-block; margin-top: 20px; margin-left: 20px; } .quote-classic-text { font-style: italic; color: #29293a; } .quote-classic-cite { font-weight: 400; color: #008dcc; } .quote-classic-small { font-style: italic; color: #838386; } .quote-classic-meta > * + * { margin-top: 0; } * + .quote-classic-text { margin-top: 20px; } @media (min-width: 480px) { .quote-classic-text, .quote-classic-cite { font-size: 18px; line-height: 1.5; } } @media (min-width: 768px) { .quote-classic-text, .quote-classic-cite { font-size: 20px; line-height: 1.5; } } @media (min-width: 1600px) { .quote-classic-text, .quote-classic-cite { font-size: 24px; } } /** * Quote modern */ .quote-modern { text-align: left; } .quote-modern-image { width: 80px; height: auto; border-radius: 50%; } .quote-modern-footer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; transform: translateY(-20px); margin-bottom: -20px; margin-left: -20px; } .quote-modern-footer > * { display: inline-block; margin-top: 20px; margin-left: 20px; } .quote-modern-text { position: relative; font-size: 18px; color: #29293a; } .quote-modern-text::before { position: relative; display: inline-block; transform: scale(-1, -1); left: -10px; content: '\f373'; font-family: 'Material Design Icons'; font-size: 60px; font-style: normal; line-height: 1; color: #002372; } .quote-modern-cite { font-weight: 400; color: #008dcc; } .quote-modern-small { color: #838386; } .quote-modern-meta > * + * { margin-top: 0; } * + .quote-modern-text { margin-top: 20px; } * + .quote-modern-footer { margin-top: 20px; } @media (min-width: 768px) { .quote-modern-cite, .quote-modern-text { font-size: 20px; line-height: 1.5; } } @media (min-width: 1600px) { .quote-modern-cite, .quote-modern-text { font-size: 24px; } } /* * * Snackbars * -------------------------------------------------- */ .snackbars { padding: 9px 16px; margin-left: auto; margin-right: auto; color: #fff; text-align: left; background-color: #29293a; border-radius: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); font-size: 14px; } .snackbars .icon-xxs { font-size: 18px; } .snackbars p span:last-child { padding-left: 14px; } .snackbars-left { display: inline-block; margin-bottom: 0; } .snackbars-right { display: inline-block; float: right; text-transform: uppercase; } .snackbars-right:hover { text-decoration: underline; } @media (min-width: 480px) { .snackbars { max-width: 540px; padding: 12px 15px; font-size: 15px; } } .inline-message { border-radius: 9px; padding: 20px; text-align: left; font-size: 15px; color: #29293a; background: #f2f3f9; border: 2px dashed rgba(131, 131, 134, 0.1); } * + .inline-message { margin-top: 20px; } /** * Table custom */ .table-custom { box-sizing: border-box; width: 100%; max-width: 100%; font-weight: 300; text-align: left; background: #fff; } .table-custom th, .table-custom td { padding: 15px 20px 15px 15px; font-weight: 300; letter-spacing: 0.02em; color: #29293a; background: #fff; border-bottom: 1px solid #ededed; } .table-custom th:first-child, .table-custom td:first-child { padding: 15px 30px 15px 20px; } @media (min-width: 992px) { .table-custom th, .table-custom td { padding: 15px 45px 15px 35px; } .table-custom th:first-child, .table-custom td:first-child { padding: 15px 60px 15px 30px; } } .table-custom th { color: #838386; border-color: #29293a; } .table-checkout { max-width: 570px; margin-left: auto; margin-right: auto; margin-top: 30px; } .table-checkout .table-custom-responsive { border: none; } .table-checkout tr td { border-top: 1px solid #ededed; } .table-checkout tr td:last-child { text-align: right; padding-right: 25px; font-weight: 400; color: #29293a; } .table-checkout .form-wrap { margin-left: 30px; margin-right: 30px; } .table-checkout * + .form-wrap, .table-checkout * + .button { margin-top: 30px; } @media (min-width: 1600px) { .table-checkout * + .form-wrap, .table-checkout * + .button { margin-top: 55px; } } /** * Table Shop */ .table-shop { min-width: 680px; } .table-shop th, .table-shop td { padding-left: 15px; padding-right: 15px; } .table-shop th:last-child, .table-shop td:last-child { text-align: right; padding-right: 20px; } .table-shop td { padding-top: 23px; padding-bottom: 23px; } @media (min-width: 0px) and (max-width: 767px) { .table-shop th:first-child, .table-shop td:first-child { padding-left: 15px; padding-right: 15px; } .table-shop th:nth-child(2), .table-shop td:nth-child(2) { width: 45%; } .table-shop th:nth-child(3), .table-shop td:nth-child(3) { width: 13%; } } @media (min-width: 768px) { .table-shop th:nth-child(2), .table-shop td:nth-child(2) { width: 43%; } } @media (min-width: 992px) { .table-shop th:nth-child(1), .table-shop td:nth-child(1) { width: 12%; } .table-shop th:nth-child(2), .table-shop td:nth-child(2) { width: 37%; } .table-shop th:nth-child(3), .table-shop td:nth-child(3) { width: 21%; } } /** * Table Hover */ .table-hover tr:hover td, .table-hover tr:hover td { background-color: #f2f3f9; } /** * Table Color Header */ .table-color-header th { border: none; color: #fff; background-color: #008dcc; } .table-color-header tr:nth-child(even) td { background-color: #f2f3f9; } .table-custom-bordered { border: 1px solid #ededed; } .table-custom-bordered td, .table-custom-bordered th { border: 1px solid #ededed; } .table-custom-bordered th { border-bottom-color: #29293a; } .table-custom-bordered tbody > tr:first-of-type > td { border-top: 0; } .table-custom-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-custom-responsive { width: 100%; margin-bottom: 10px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ededed; } .table-custom-responsive > .table-custom > thead > tr > th, .table-custom-responsive > .table-custom > thead > tr > td, .table-custom-responsive > .table-custom > tbody > tr > th, .table-custom-responsive > .table-custom > tbody > tr > td, .table-custom-responsive > .table-custom > tfoot > tr > th, .table-custom-responsive > .table-custom > tfoot > tr > td { white-space: nowrap; } } @media (max-width: 991px) { .table-shop-responsive { width: 100%; margin-bottom: 10px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ededed; } .table-shop-responsive > .table-custom > thead > tr > th, .table-shop-responsive > .table-custom > thead > tr > td, .table-shop-responsive > .table-custom > tbody > tr > th, .table-shop-responsive > .table-custom > tbody > tr > td, .table-shop-responsive > .table-custom > tfoot > tr > th, .table-shop-responsive > .table-custom > tfoot > tr > td { white-space: nowrap; } } * + .table-custom-responsive { margin-top: 30px; } @media (min-width: 768px) { * + .table-custom-responsive { margin-top: 60px; } } .team-classic { max-width: 270px; margin-left: auto; margin-right: auto; text-align: left; } .team-classic .list-inline { margin-left: -6px; margin-right: -6px; } .team-classic .list-inline > li { padding-left: 6px; padding-right: 6px; } @media (min-width: 768px) { .team-classic .list-inline { margin-left: -8px; margin-right: -8px; } .team-classic .list-inline > li { padding-left: 8px; padding-right: 8px; } } .team-classic-circle { text-align: center; } @media (min-width: 1600px) { .team-classic-circle { max-width: 300px; } } .team-classic-image { position: relative; overflow: hidden; border-radius: 8px; } .team-classic-image-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; background-color: rgba(152, 29, 240, 0.7); border-radius: 0 0 8px 8px; } .team-classic-caption { margin-top: 22px; } .team-classic-caption * + .button { margin-top: 20px; } .team-classic-caption * + .list-inline { margin-top: 15px; } .team-classic-title { color: #002372; font-weight: 400; } .team-classic-title:hover { color: #008dcc; } .team-classic-job-position { font-size: 18px; font-style: italic; color: #838386; } * + .team-classic-job-position { margin-top: 0; } .team-inline { max-width: 380px; margin-left: auto; margin-right: auto; } .team-inline * + .team-inline-text { margin-top: 20px; } .team-inline * + .list-inline { margin-top: 20px; } @media (min-width: 768px) { .team-inline { max-width: 100%; } .team-inline .team-classic-image { max-width: 300px; } .team-inline * + .team-classic-job-position { margin-top: 15px; } .team-inline * + .team-inline-text { margin-top: 40px; } .team-inline * + .list-inline { margin-top: 40px; } } @media (min-width: 1200px) { .team-inline .team-classic-image { max-width: 100%; } } .team-inline-title { text-transform: uppercase; font-family: "Oswald", Helvetica, Arial, sans-serif; letter-spacing: .12em; } .desktop .team-classic-image-caption { transition: 450ms ease-in-out; opacity: 0; transform: rotate3d(1, 0, 0, 90deg); transform-origin: 0 100%; } .desktop .team-classic { perspective: 1200px; } .desktop .team-classic:hover .team-classic-image-caption { opacity: 1; transform: rotate3d(1, 0, 0, 0deg); } /* * * Thumbnails * -------------------------------------------------- */ .figure-light { color: #c2c2c3; } .image-default { display: block; width: 100%; } @media (max-width: 767px) { .image-default img { max-width: 360px; width: 100%; margin-left: auto; margin-right: auto; } } .image-video { position: relative; display: inline-block; width: auto; } .image-video .link-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .image-shadow img { box-shadow: 0px 10px 30px 0px rgba(142, 149, 166, 0.5); } /* * * Thumbnail classic with icon *---------------------------------------------------- */ .thumbnail-classic * + .divider { margin-top: 20px; } .thumbnail-classic span { position: relative; } .thumbnail-classic:hover .thumbnail-classic-icon { color: #fff; } .thumbnail-classic:hover .thumbnail-classic-icon:before { top: 0; bottom: 0; left: 0; right: 0; opacity: 1; box-shadow: 0 8px 29px rgba(63, 9, 102, 0.25); } .thumbnail-classic:hover .thumbnail-classic-icon:after { opacity: 0; } @media (min-width: 768px) and (max-width: 991px) { .thumbnail-classic.unit-sm-horizontal { text-align: left; } .thumbnail-classic.unit-sm-horizontal .thumbnail-classic-caption { margin-top: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .thumbnail-classic.unit-md-horizontal { text-align: left; } .thumbnail-classic.unit-md-horizontal .thumbnail-classic-caption { margin-top: 0; } } .thumbnail-classic-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; margin-left: auto; margin-right: auto; transition: 450ms ease-in-out; color: #002372; font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; } .thumbnail-classic-icon:before, .thumbnail-classic-icon:after { position: absolute; content: ""; display: inline-block; border-radius: 50%; transition: 450ms ease-in-out; } .thumbnail-classic-icon:after { top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #d8dae2; } .thumbnail-classic-icon:before { top: 50%; bottom: 50%; left: 50%; right: 50%; opacity: 0; background: linear-gradient(-45deg, #002372 15%, rgba(255,236,23,0)); } .thumbnail-classic-icon .icon { font-size: 48px; } .thumbnail-classic-secondary .thumbnail-classic-text { letter-spacing: .02em; color: #838386; opacity: 1; } .thumbnail-classic-secondary .thumbnail-classic-icon::after { border-color: #002372; } .thumbnail-classic-secondary .divider { background: #008dcc; } .thumbnail-classic-caption { margin-top: 15px; padding-left: 15px; } @media (min-width: 768px) { .thumbnail-classic-caption { padding-right: 15px; } } @media (min-width: 1600px) { .thumbnail-classic-caption { margin-top: 20px; } .thumbnail-classic-caption * + .divider { margin-top: 30px; } .thumbnail-classic-caption .divider + p { margin-top: 30px; } } /** * Thumb Minimal */ .thumb-minimal { display: inline-block; position: relative; } .thumb-minimal-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(237, 28, 148, 0.7); transition: .3s ease-out all; } .thumb-minimal-overlay:before { content: '\f504'; position: absolute; top: 50%; left: 50%; font-size: 36px; color: #fff; font-family: 'Material Design Icons'; transform: translate(-50%, -50%); } @media (min-width: 768px) { .desktop .thumb-minimal-overlay { visibility: hidden; opacity: 0; } .desktop .thumb-minimal:hover .thumb-minimal-overlay { visibility: visible; opacity: 1; } } /** * Thumb Default */ .thumb-default { position: relative; padding-bottom: 100%; } .thumb-default a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .thumb-default img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .thumb-default-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(237, 28, 148, 0.25); transition: .3s ease-out all; } .thumb-default-overlay:before { content: '\f504'; position: absolute; top: 50%; left: 50%; font-size: 36px; color: #fff; font-family: 'Material Design Icons'; transform: translate(-50%, -50%); } @media (min-width: 768px) { .desktop .thumb-default-overlay { visibility: hidden; opacity: 0; background-color: rgba(237, 28, 148, 0.7); } .desktop .thumb-default:hover .thumb-default-overlay { visibility: visible; opacity: 1; } } .ie-10 .thumb-default, .ie-11 .thumb-default { overflow: hidden; } .ie-10 .thumb-default img, .ie-11 .thumb-default img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 135%; max-height: 135%; min-height: 101%; min-width: 101%; } .thumbnail-simple { text-align: left; } .thumbnail-simple-image-wrap { display: block; position: relative; border-radius: 9px; overflow: hidden; } .thumbnail-simple-image-wrap img { width: 100%; } .thumbnail-simple-image-wrap:hover { box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17); transform: translate3d(0, -5px, 0); } .thumbnail-simple-title { font-size: 18px; line-height: 1.3; font-weight: 400; } .thumbnail-simple-subtitle { font-style: italic; } * + .thumbnail-simple-subtitle { margin-top: 0; } @media (min-width: 1200px) { .thumbnail-simple-title { font-size: 20px; } } @media (min-width: 1800px) { .thumbnail-simple-title { font-size: 24px; } } /* * * Thumbnail Modern * -------------------------------------------------- */ .thumbnail-modern { display: block; position: relative; max-width: 360px; margin-left: auto; margin-right: auto; } .thumbnail-modern-image-wrap { display: block; position: relative; overflow: hidden; will-change: transform; border-radius: 9px; box-shadow: 0 5px 12px 0 #dcdeec; } .thumbnail-modern-image-wrap img, .thumbnail-modern-image-wrap::after { border-radius: 9px; } .thumbnail-modern-image-wrap::before, .thumbnail-modern-image-wrap::after { pointer-events: none; } .thumbnail-modern-image { min-width: 100%; } * + .thumbnail-modern-caption { margin-top: 15px; } @media (min-width: 992px) { .desktop .thumbnail-modern-image-wrap { transition: .33s; } .desktop .thumbnail-modern-image-wrap img { transition: .7s; transform: scale3d(1, 1, 1); } .desktop .thumbnail-modern-image-wrap::before { content: '\f504'; position: absolute; display: block; z-index: 2; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-filter: blur(0); font-family: 'Material Design Icons'; font-size: 60px; color: #fff; opacity: 0; transition: .4s .1s; } .desktop .thumbnail-modern-image-wrap::after { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #002372; opacity: 0; transition: .4s; } .desktop .thumbnail-modern-image-wrap:hover { box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17); } .desktop .thumbnail-modern-image-wrap:hover img { transform: scale3d(1.05, 1.05, 1.05); } .desktop .thumbnail-modern-image-wrap:hover::before { opacity: 1; transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); } .desktop .thumbnail-modern-image-wrap:hover::after { opacity: .6; } } @media (min-width: 768px) { * + .thumbnail-modern-caption { margin-top: 22px; } } @media (min-width: 1600px) { * + .thumbnail-modern-caption { margin-top: 35px; } } /** * Time Line Styles */ .time-line-vertical-element:before, .time-line-horizontal-element .time-line-time:before { width: 14px; height: 14px; border-radius: 50%; background-color: #fff; border: 2px solid #002372; } .time-line-time { color: #29293a; letter-spacing: 0.02em; } .time-line-content * + img { margin-top: 20px; } .time-line-content img + * { margin-top: 20px; } .time-line-content img + p { margin-top: 20px; } .time-line-content p { letter-spacing: 0.02em; color: #838386; } .time-line-content * + p { margin-top: 10px; } .bg-gray-darker .time-line-content p, .bg-additional-gray-darker .bg-additional-item .time-line-content p { color: #c2c2c3; } /** * Vertical Time Line */ .time-line-vertical { position: relative; max-width: 830px; margin-left: auto; margin-right: auto; text-align: left; padding-top: 30px; padding-bottom: 30px; overflow: hidden; } .time-line-vertical:before { content: ''; position: absolute; top: 0; bottom: 0; left: 7px; transform: translateX(-50%); border-left: 2px solid #002372; } .time-line-vertical-element { position: relative; padding-left: 35px; } .time-line-vertical-element:before { content: ''; position: absolute; left: 0; top: 6px; } .time-line-vertical-element + .time-line-vertical-element { margin-top: 35px; } @media (min-width: 768px) { .time-line-vertical:before, .time-line-vertical-element:before { display: none; } .time-line-vertical-element { padding-left: 0; } .time-line-vertical-element .time-line-content { position: relative; top: -3px; } .time-line-vertical-element .unit-left { max-width: 150px; width: 100%; text-align: right; } .time-line-vertical-element .unit-body { position: relative; } .time-line-vertical-element .unit-body:before { content: ''; position: absolute; z-index: 1; left: 48px; top: 8px; width: 14px; height: 14px; border-radius: 50%; background-color: #fff; border: 2px solid #002372; } .time-line-vertical-element:last-child .unit-body:after { content: ''; position: absolute; left: 54px; top: -250vh; bottom: -250vh; border-left: 2px solid #002372; } .time-line-vertical-element + .time-line-vertical-element { margin-top: 45px; } .time-line-vertical-element-offset + .time-line-vertical-element-offset { margin-top: 55px; } } * + .time-line-vertical { margin-top: 30px; } @media (min-width: 768px) { * + .time-line-vertical { margin-top: 45px; } } @media (min-width: 1200px) { * + .time-line-vertical { margin-top: 80px; } } /** * Horizontal Time Line */ .time-line-horizontal { max-width: 1340px; margin-left: auto; margin-right: auto; } .time-line-horizontal-element { padding-left: 5px; padding-right: 5px; max-width: 330px; text-align: left; } .time-line-horizontal-element .time-line-content * + p { margin-top: 16px; } .time-line-horizontal-element .time-line-time { position: relative; padding-bottom: 23px; } .time-line-horizontal-element .time-line-time time { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .time-line-horizontal-element .time-line-time:before { content: ''; z-index: 10; position: absolute; left: 0; bottom: -7px; } .time-line-horizontal-element .time-line-time:after { content: ''; position: absolute; bottom: 0; left: -40px; right: -100vw; border-bottom: 2px solid #002372; } .time-line-horizontal-element * + .time-line-content { margin-top: 20px; } @media (min-width: 1600px) { .time-line-horizontal-element .time-line-time { padding-bottom: 33px; } .time-line-horizontal-element * + .time-line-content { margin-top: 40px; } } .bg-gray-lighter .time-line-horizontal-element .time-line-time:before { background-color: #f2f3f9; } .bg-gray-darker .time-line-content, .bg-additional-gray-darker .bg-additional-item .time-line-content { color: #c2c2c3; } .bg-gray-darker .time-line-horizontal-element .time-line-time:after, .bg-additional-gray-darker .bg-additional-item .time-line-horizontal-element .time-line-time:after, .bg-gray-darker .time-line-horizontal-element .time-line-time:before, .bg-additional-gray-darker .bg-additional-item .time-line-horizontal-element .time-line-time:before { background-color: #29293a; border-color: rgba(255,236,23,0); } /* * * Tooltip Custom * -------------------------------------------------- */ .tooltip-custom { display: inline-block; cursor: pointer; } .tooltip-custom + .tooltip.in { opacity: 1; } .tooltip-custom + .tooltip.top .tooltip-arrow { bottom: -2px; margin-left: -7px; border-width: 7px 7px 0; border-top-color: #008dcc; } .tooltip-custom + .tooltip.top-left .tooltip-arrow { bottom: 0; right: 7px; margin-bottom: -7px; border-width: 7px 7px 0; border-top-color: #008dcc; } .tooltip-custom + .tooltip.top-right .tooltip-arrow { left: 7px; margin-bottom: -7px; border-width: 7px 7px 0; border-top-color: #008dcc; } .tooltip-custom + .tooltip.right .tooltip-arrow { margin-top: -7px; border-width: 7px 7px 7px 0; border-right-color: #008dcc; } .tooltip-custom + .tooltip.left .tooltip-arrow { margin-top: -7px; border-width: 7px 0 7px 7px; border-left-color: #008dcc; } .tooltip-custom + .tooltip.bottom .tooltip-arrow { margin-left: -7px; border-width: 0 7px 7px; border-bottom-color: #008dcc; } .tooltip-custom + .tooltip.bottom-left .tooltip-arrow { right: 7px; margin-top: -7px; border-width: 0 7px 7px; border-bottom-color: #008dcc; } .tooltip-custom + .tooltip.bottom-right .tooltip-arrow { top: 0; left: 7px; margin-top: -7px; border-width: 0 7px 7px; border-bottom-color: #008dcc; } .tooltip-custom + .tooltip .tooltip-inner { font-family: "Lato", Helvetica, Arial, sans-serif; max-width: 253px; padding: 5px 12px; font-size: 18px; font-weight: 300; border-radius: 0; letter-spacing: .02em; background: #008dcc; } /** * Shop ----------------------------- */ /** * Products */ .product { position: relative; z-index: 1; padding: 30px 15px; text-align: center; border-radius: 9px; background-color: #f2f3f9; box-shadow: 0 5px 12px 0 #dcdeec; } .product .product-price { color: #29293a; } .product .product-price > * { color: inherit; } .product-price-wrap { display: flex; align-items: center; justify-content: space-around; } .product-price-wrap .product-price { margin-top: 0; } .product-price-wrap .product-price p { color: #838386; } .product-price-wrap .product-price p + * { margin-top: 0; } * + .product-price-wrap { margin-top: 15px; } .bg-primary-accent .product { box-shadow: 0 4px 24px 0 #3f0966; } .product, .product-button { transition: 0.32s cubic-bezier(0.55, 0.09, 0.68, 0.53) all; } .product-button { margin-top: 35px; } .product-title a { color: #002372; } .product-title a:hover { color: #008dcc; } .product-image a { display: inline-block; box-shadow: 0 12px 29px 0 rgba(76, 82, 99, 0.5); transform: translateY(0px); transition: 0.32s cubic-bezier(0.55, 0.06, 0.68, 0.19) all; } .product-image a:hover { transform: translateY(-5px); box-shadow: 0 18px 45px 0 rgba(76, 82, 99, 0.5); } /* * + .product-title { margin-top: 20px; } * + .product-price { margin-top: 15px; } @media (min-width: 768px) { .product { padding: 40px 25px; } * + .product-title { margin-top: 45px; } } */ @media (min-width: 992px) { .product { padding: 40px 27px 40px; } } @media (min-width: 1600px) { * + .product-price { margin-top: 30px; } .product { padding: 60px 30px 70px; min-height: 530px; } } @media (min-width: 1800px) { .product { padding: 60px 47px 70px; } } .desktop .product { box-shadow: none; } .desktop .product:hover { z-index: 2; box-shadow: 0 5px 12px 0 #dcdeec; margin-bottom: -60px; } .desktop .product:hover .product-title a { color: #008dcc; } .desktop .product:hover .product-title a:hover { color: #002372; } .desktop .product:hover .product-button { visibility: visible; opacity: 1; margin-top: 19px; margin-bottom: 60px; } .desktop .bg-primary-accent .product { box-shadow: none; } .desktop .bg-primary-accent .product:hover { box-shadow: 0 4px 24px 0 #3f0966; } .desktop .product-button { position: relative; visibility: hidden; opacity: 0; transform-origin: 50% 50%; margin-top: 0; } .desktop .product-button .button { position: absolute; left: 50%; transform: translateX(-50%); top: 0; } @media (min-width: 1600px) { .desktop .product:hover { margin-bottom: -80px; } .desktop .product:hover .product-button { margin-top: 35px; margin-bottom: 80px; } } .bg-gray-lighter .product { background-color: #fff; } /** * Shop Aside */ .shop-aside h6 + * { margin-top: 15px; } @media (min-width: 1600px) { .shop-aside-item { margin-left: 30px; } .shop-aside h6 + * { margin-top: 28px; } } @media (min-width: 1800px) { .shop-aside-item { margin-left: 60px; } } /** * Product Thumb */ .product-thumbnails { position: relative; transform: translateY(-20px); margin-bottom: -20px; pointer-events: none; text-align: center; } .product-thumbnails > *:before { content: ''; display: table; width: 0; } .product-thumbnails > * { margin-top: 20px; pointer-events: auto; } .product-thumbnails > li { width: 100px; height: 100px; display: inline-flex; align-items: center; justify-content: center; margin-left: 5px; margin-right: 5px; border: 1px solid transparent; cursor: pointer; transition: .3s ease-out all; } .product-thumbnails > li:hover, .product-thumbnails > li.active { border-color: #c2c2c3; } /** * Product Single Image */ .product-single-preview { max-width: 350px; margin-left: auto; margin-right: auto; } .product-single-image.unit-right { flex-shrink: 1; } @media (min-width: 1600px) { .product-single-image.unit-right { flex-shrink: 0; } } .product-single-image-element { display: flex; align-items: center; justify-content: center; } .product-single-image-element img[src="images/shop-01-420x550.png"] { box-shadow: 0 12px 29px 0 rgba(76, 82, 99, 0.5); } @media (max-width: 767px) { .product-single-image-element img { max-height: 300px; } } @media (min-width: 992px) { .product-single-preview { max-width: 570px; margin-right: 0; } } .animateImageIn { opacity: 1; visibility: visible; transition: .3s ease-out opacity; } .animateImageOut { opacity: 0; visibility: hidden; } /* .product-counter { padding-top: 100px; } @media (min-width: 1800px) { .product-counter { padding-top: 120px; } } */ .product-counter-inner { position: absolute; top: 0; right: 0; left: 0; padding: 15px; background-color: #008dcc; border-radius: 9px 9px 0 0; } .product-counter-inner .countdown { font-weight: 400; color: #fff; } @media (min-width: 1200px) { .product-counter-inner .countdown { font-size: 24px; } } .product-auction .product-image a { box-shadow: none; } /* @media (min-width: 1200px) { .product-auction .product-title { min-height: 68px; } } */ /* * * Helpers * ================================================== */ /* * * Text Alignment * -------------------------------------------------- */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-middle { vertical-align: middle; } @media (min-width: 480px) { html:not(.lt-ie10) .text-xs-left { text-align: left; } html:not(.lt-ie10) .text-xs-center { text-align: center; } html:not(.lt-ie10) .text-xs-right { text-align: right; } html:not(.lt-ie10) .text-xs-justify { text-align: justify; } } @media (min-width: 768px) { html:not(.lt-ie10) .text-sm-left { text-align: left; } html:not(.lt-ie10) .text-sm-center { text-align: center; } html:not(.lt-ie10) .text-sm-right { text-align: right; } html:not(.lt-ie10) .text-sm-justify { text-align: justify; } } @media (min-width: 992px) { html:not(.lt-ie10) .text-md-left { text-align: left; } html:not(.lt-ie10) .text-md-center { text-align: center; } html:not(.lt-ie10) .text-md-right { text-align: right; } html:not(.lt-ie10) .text-md-justify { text-align: justify; } } @media (min-width: 1200px) { html:not(.lt-ie10) .text-lg-left { text-align: left; } html:not(.lt-ie10) .text-lg-center { text-align: center; } html:not(.lt-ie10) .text-lg-right { text-align: right; } html:not(.lt-ie10) .text-lg-justify { text-align: justify; } } .bg-gray-darker.page-footer, .bg-additional-gray-darker .page-footer.bg-additional-item, .bg-image.page-footer, .bg-additional-image .page-footer.bg-additional-item, .bg-gradient.page-footer, .page-footer.bg-gradient-1, .page-footer.bg-gradient-2, .page-footer.bg-gradient-3 { color: #fff; } .bg-gray-darker.page-footer h1, .bg-additional-gray-darker .page-footer.bg-additional-item h1, .bg-image.page-footer h1, .bg-additional-image .page-footer.bg-additional-item h1, .bg-gradient.page-footer h1, .page-footer.bg-gradient-1 h1, .page-footer.bg-gradient-2 h1, .page-footer.bg-gradient-3 h1, .bg-gray-darker.page-footer h2, .bg-additional-gray-darker .page-footer.bg-additional-item h2, .bg-image.page-footer h2, .bg-additional-image .page-footer.bg-additional-item h2, .bg-gradient.page-footer h2, .page-footer.bg-gradient-1 h2, .page-footer.bg-gradient-2 h2, .page-footer.bg-gradient-3 h2, .bg-gray-darker.page-footer h3, .bg-additional-gray-darker .page-footer.bg-additional-item h3, .bg-image.page-footer h3, .bg-additional-image .page-footer.bg-additional-item h3, .bg-gradient.page-footer h3, .page-footer.bg-gradient-1 h3, .page-footer.bg-gradient-2 h3, .page-footer.bg-gradient-3 h3, .bg-gray-darker.page-footer h4, .bg-additional-gray-darker .page-footer.bg-additional-item h4, .bg-image.page-footer h4, .bg-additional-image .page-footer.bg-additional-item h4, .bg-gradient.page-footer h4, .page-footer.bg-gradient-1 h4, .page-footer.bg-gradient-2 h4, .page-footer.bg-gradient-3 h4, .bg-gray-darker.page-footer h5, .bg-additional-gray-darker .page-footer.bg-additional-item h5, .bg-image.page-footer h5, .bg-additional-image .page-footer.bg-additional-item h5, .bg-gradient.page-footer h5, .page-footer.bg-gradient-1 h5, .page-footer.bg-gradient-2 h5, .page-footer.bg-gradient-3 h5, .bg-gray-darker.page-footer h6, .bg-additional-gray-darker .page-footer.bg-additional-item h6, .bg-image.page-footer h6, .bg-additional-image .page-footer.bg-additional-item h6, .bg-gradient.page-footer h6, .page-footer.bg-gradient-1 h6, .page-footer.bg-gradient-2 h6, .page-footer.bg-gradient-3 h6, .bg-gray-darker.page-footer [class^='heading-'], .bg-additional-gray-darker .page-footer.bg-additional-item [class^='heading-'], .bg-image.page-footer [class^='heading-'], .bg-additional-image .page-footer.bg-additional-item [class^='heading-'], .bg-gradient.page-footer [class^='heading-'], .page-footer.bg-gradient-1 [class^='heading-'], .page-footer.bg-gradient-2 [class^='heading-'], .page-footer.bg-gradient-3 [class^='heading-'] { color: #fff; } .bg-gray-darker.page-footer .list-marked-primary > li:before, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li:before, .bg-image.page-footer .list-marked-primary > li:before, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li:before, .bg-gradient.page-footer .list-marked-primary > li:before, .page-footer.bg-gradient-1 .list-marked-primary > li:before, .page-footer.bg-gradient-2 .list-marked-primary > li:before, .page-footer.bg-gradient-3 .list-marked-primary > li:before { color: #c2c2c3; } .bg-gray-darker.page-footer .list-marked-primary > li a, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a, .bg-image.page-footer .list-marked-primary > li a, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a, .bg-gradient.page-footer .list-marked-primary > li a, .page-footer.bg-gradient-1 .list-marked-primary > li a, .page-footer.bg-gradient-2 .list-marked-primary > li a, .page-footer.bg-gradient-3 .list-marked-primary > li a, .bg-gray-darker.page-footer .list-marked-primary > li a:focus, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a:focus, .bg-image.page-footer .list-marked-primary > li a:focus, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a:focus, .bg-gradient.page-footer .list-marked-primary > li a:focus, .page-footer.bg-gradient-1 .list-marked-primary > li a:focus, .page-footer.bg-gradient-2 .list-marked-primary > li a:focus, .page-footer.bg-gradient-3 .list-marked-primary > li a:focus, .bg-gray-darker.page-footer .list-marked-primary > li a:active, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a:active, .bg-image.page-footer .list-marked-primary > li a:active, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a:active, .bg-gradient.page-footer .list-marked-primary > li a:active, .page-footer.bg-gradient-1 .list-marked-primary > li a:active, .page-footer.bg-gradient-2 .list-marked-primary > li a:active, .page-footer.bg-gradient-3 .list-marked-primary > li a:active { color: rgba(255,236,23,0); } .bg-gray-darker.page-footer .list-marked-primary > li a:hover, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a:hover, .bg-image.page-footer .list-marked-primary > li a:hover, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a:hover, .bg-gradient.page-footer .list-marked-primary > li a:hover, .page-footer.bg-gradient-1 .list-marked-primary > li a:hover, .page-footer.bg-gradient-2 .list-marked-primary > li a:hover, .page-footer.bg-gradient-3 .list-marked-primary > li a:hover { color: #002372; } .bg-gray-darker.page-footer .right, .bg-additional-gray-darker .page-footer.bg-additional-item .right, .bg-image.page-footer .right, .bg-additional-image .page-footer.bg-additional-item .right, .bg-gradient.page-footer .right, .page-footer.bg-gradient-1 .right, .page-footer.bg-gradient-2 .right, .page-footer.bg-gradient-3 .right, .bg-gray-darker.page-footer .form-label, .bg-additional-gray-darker .page-footer.bg-additional-item .form-label, .bg-image.page-footer .form-label, .bg-additional-image .page-footer.bg-additional-item .form-label, .bg-gradient.page-footer .form-label, .page-footer.bg-gradient-1 .form-label, .page-footer.bg-gradient-2 .form-label, .page-footer.bg-gradient-3 .form-label, .bg-gray-darker.page-footer .form-input, .bg-additional-gray-darker .page-footer.bg-additional-item .form-input, .bg-image.page-footer .form-input, .bg-additional-image .page-footer.bg-additional-item .form-input, .bg-gradient.page-footer .form-input, .page-footer.bg-gradient-1 .form-input, .page-footer.bg-gradient-2 .form-input, .page-footer.bg-gradient-3 .form-input { color: #838386; } .bg-gray-lighter.page-footer-default .rd-mailform-inline .rd-mailform-inline-inner::before, .bg-gray-lighter.page-footer-default .form-input { background-color: #fff; } .bg-gray-lighter.page-footer-default .right, .bg-gray-lighter.page-footer-default .form-label, .bg-gray-lighter.page-footer-default .form-input { color: #838386; } .bg-white.page-footer-minimal, .bg-gray-lighter.page-footer-minimal { color: #838386; } .bg-white.page-footer-minimal .default-logo, .bg-gray-lighter.page-footer-minimal .default-logo { display: inline-block; } .bg-white.page-footer-minimal .inverse-logo, .bg-gray-lighter.page-footer-minimal .inverse-logo { display: none; } .bg-gray-darker.page-footer-minimal .default-logo, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item .default-logo, .bg-image.page-footer-minimal .default-logo, .bg-additional-image .page-footer-minimal.bg-additional-item .default-logo, .bg-gradient.page-footer-minimal .default-logo, .page-footer-minimal.bg-gradient-1 .default-logo, .page-footer-minimal.bg-gradient-2 .default-logo, .page-footer-minimal.bg-gradient-3 .default-logo { display: none; } .bg-gray-darker.page-footer-minimal .inverse-logo, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item .inverse-logo, .bg-image.page-footer-minimal .inverse-logo, .bg-additional-image .page-footer-minimal.bg-additional-item .inverse-logo, .bg-gradient.page-footer-minimal .inverse-logo, .page-footer-minimal.bg-gradient-1 .inverse-logo, .page-footer-minimal.bg-gradient-2 .inverse-logo, .page-footer-minimal.bg-gradient-3 .inverse-logo { display: inline-block; } .bg-gray-darker.page-footer-minimal a.icon-secondary-5-filled, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled, .bg-image.page-footer-minimal a.icon-secondary-5-filled, .bg-additional-image .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled, .bg-gradient.page-footer-minimal a.icon-secondary-5-filled, .page-footer-minimal.bg-gradient-1 a.icon-secondary-5-filled, .page-footer-minimal.bg-gradient-2 a.icon-secondary-5-filled, .page-footer-minimal.bg-gradient-3 a.icon-secondary-5-filled, .bg-gray-darker.page-footer-minimal a.icon-secondary-5-filled:focus, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:focus, .bg-image.page-footer-minimal a.icon-secondary-5-filled:focus, .bg-additional-image .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:focus, .bg-gradient.page-footer-minimal a.icon-secondary-5-filled:focus, .page-footer-minimal.bg-gradient-1 a.icon-secondary-5-filled:focus, .page-footer-minimal.bg-gradient-2 a.icon-secondary-5-filled:focus, .page-footer-minimal.bg-gradient-3 a.icon-secondary-5-filled:focus, .bg-gray-darker.page-footer-minimal a.icon-secondary-5-filled:active, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:active, .bg-image.page-footer-minimal a.icon-secondary-5-filled:active, .bg-additional-image .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:active, .bg-gradient.page-footer-minimal a.icon-secondary-5-filled:active, .page-footer-minimal.bg-gradient-1 a.icon-secondary-5-filled:active, .page-footer-minimal.bg-gradient-2 a.icon-secondary-5-filled:active, .page-footer-minimal.bg-gradient-3 a.icon-secondary-5-filled:active, .bg-gray-darker.page-footer-minimal a.icon-secondary-5-filled:hover, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:hover, .bg-image.page-footer-minimal a.icon-secondary-5-filled:hover, .bg-additional-image .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:hover, .bg-gradient.page-footer-minimal a.icon-secondary-5-filled:hover, .page-footer-minimal.bg-gradient-1 a.icon-secondary-5-filled:hover, .page-footer-minimal.bg-gradient-2 a.icon-secondary-5-filled:hover, .page-footer-minimal.bg-gradient-3 a.icon-secondary-5-filled:hover { color: #fff; } .bg-white.page-footer-minimal a.icon-secondary-5-filled { color: #838386; background-color: #f2f3f9; } .bg-white.page-footer-minimal a.icon-secondary-5-filled:hover { color: #fff; } .bg-gray-lighter.page-footer-minimal a.icon-secondary-5-filled { color: #838386; background-color: #fff; } .bg-gray-lighter.page-footer-minimal a.icon-secondary-5-filled:hover { color: #fff; } .bg-white.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a, .bg-gray-lighter.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a { color: #838386; } .bg-white.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gray-lighter.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-white.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gray-lighter.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover { color: #008dcc; } .bg-white.page-footer-extended .box-inline a, .bg-gray-lighter.page-footer-extended .box-inline a, .bg-white.page-footer-extended .box-inline a:focus, .bg-gray-lighter.page-footer-extended .box-inline a:focus, .bg-white.page-footer-extended .box-inline a:active, .bg-gray-lighter.page-footer-extended .box-inline a:active { color: #838386; } .bg-white.page-footer-extended .box-inline a:hover, .bg-gray-lighter.page-footer-extended .box-inline a:hover { color: #008dcc; } .bg-white.page-footer-extended a.icon-secondary-5-filled, .bg-gray-lighter.page-footer-extended a.icon-secondary-5-filled, .bg-white.page-footer-extended a.icon-secondary-5-filled:focus, .bg-gray-lighter.page-footer-extended a.icon-secondary-5-filled:focus, .bg-white.page-footer-extended a.icon-secondary-5-filled:active, .bg-gray-lighter.page-footer-extended a.icon-secondary-5-filled:active { color: #fff; background-color: #c2c2c3; } .bg-white.page-footer-extended a.icon-secondary-5-filled:hover, .bg-gray-lighter.page-footer-extended a.icon-secondary-5-filled:hover { color: #fff; } .bg-gray-darker.page-footer-extended .icon-secondary-5-filled, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .icon-secondary-5-filled, .bg-image.page-footer-extended .icon-secondary-5-filled, .bg-additional-image .page-footer-extended.bg-additional-item .icon-secondary-5-filled, .bg-gradient.page-footer-extended .icon-secondary-5-filled, .page-footer-extended.bg-gradient-1 .icon-secondary-5-filled, .page-footer-extended.bg-gradient-2 .icon-secondary-5-filled, .page-footer-extended.bg-gradient-3 .icon-secondary-5-filled { color: #c2c2c3; background-color: #21212e; } .bg-gray-darker.page-footer-extended .list-darker, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .list-darker, .bg-image.page-footer-extended .list-darker, .bg-additional-image .page-footer-extended.bg-additional-item .list-darker, .bg-gradient.page-footer-extended .list-darker, .page-footer-extended.bg-gradient-1 .list-darker, .page-footer-extended.bg-gradient-2 .list-darker, .page-footer-extended.bg-gradient-3 .list-darker { color: #c2c2c3; } .bg-gray-darker.page-footer-extended .list-darker a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .list-darker a:hover, .bg-image.page-footer-extended .list-darker a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .list-darker a:hover, .bg-gradient.page-footer-extended .list-darker a:hover, .page-footer-extended.bg-gradient-1 .list-darker a:hover, .page-footer-extended.bg-gradient-2 .list-darker a:hover, .page-footer-extended.bg-gradient-3 .list-darker a:hover { color: rgba(255,236,23,0); } .bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-gradient.page-footer-extended .tabs-custom.tabs-line .nav-tabs, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs { border-color: rgba(255, 255, 255, 0.1); } @media (max-width: 767px) { .bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradient.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li.active a { color: #fff; } } @media (min-width: 768px) { .bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a, .bg-gradient.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a { color: #c2c2c3; } } .bg-gray-darker.page-footer-extended .right a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .right a:hover, .bg-image.page-footer-extended .right a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .right a:hover, .bg-gradient.page-footer-extended .right a:hover, .page-footer-extended.bg-gradient-1 .right a:hover, .page-footer-extended.bg-gradient-2 .right a:hover, .page-footer-extended.bg-gradient-3 .right a:hover { color: #fff; } .bg-gray-darker.page-footer-extended .blog-inline-meta a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .blog-inline-meta a:hover, .bg-image.page-footer-extended .blog-inline-meta a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .blog-inline-meta a:hover, .bg-gradient.page-footer-extended .blog-inline-meta a:hover, .page-footer-extended.bg-gradient-1 .blog-inline-meta a:hover, .page-footer-extended.bg-gradient-2 .blog-inline-meta a:hover, .page-footer-extended.bg-gradient-3 .blog-inline-meta a:hover { color: #fff; } .bg-gray-darker.page-footer-extended .blog-inline-title, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .blog-inline-title, .bg-image.page-footer-extended .blog-inline-title, .bg-additional-image .page-footer-extended.bg-additional-item .blog-inline-title, .bg-gradient.page-footer-extended .blog-inline-title, .page-footer-extended.bg-gradient-1 .blog-inline-title, .page-footer-extended.bg-gradient-2 .blog-inline-title, .page-footer-extended.bg-gradient-3 .blog-inline-title { color: rgba(255,236,23,0); } .bg-gray-darker.page-footer-extended .blog-inline-title a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .blog-inline-title a:hover, .bg-image.page-footer-extended .blog-inline-title a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .blog-inline-title a:hover, .bg-gradient.page-footer-extended .blog-inline-title a:hover, .page-footer-extended.bg-gradient-1 .blog-inline-title a:hover, .page-footer-extended.bg-gradient-2 .blog-inline-title a:hover, .page-footer-extended.bg-gradient-3 .blog-inline-title a:hover { color: #fff; } .bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a::after, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a::after, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a::after, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a::after, .bg-gradient.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a::after, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a::after, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a::after, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a::after { background-color: rgba(255,236,23,0); } @media (min-width: 768px) { .bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradient.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gradient.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a:hover, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a:hover, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a:hover { color: rgba(255,236,23,0); } } .bg-white.page-footer-extended p.right, .bg-white.page-footer-default p.right, .bg-white.page-footer-alternative p.right, .bg-gray-lighter.page-footer-extended p.right, .bg-gray-lighter.page-footer-default p.right, .bg-gray-lighter.page-footer-alternative p.right { color: #838386; } /* * * Text styling * -------------------------------------------------- */ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .text-thin { font-weight: 100; } .text-elight { font-weight: 200; } .text-light { font-weight: 300; } .text-regular { font-weight: 400; } .text-medium { font-weight: 500; } .text-sbold { font-weight: 600; } .text-bold, strong { font-weight: 700; } .text-ubold { font-weight: 900; } .text-spacing-0 { letter-spacing: 0; } .text-spacing-sm { letter-spacing: 0.02em; } .text-spacing-md { letter-spacing: 0.06em; } .text-spacing-lg { letter-spacing: 0.12em; } /* * * Visibility Responsive * -------------------------------------------------- */ .reveal-block { display: block !important; } .reveal-inline-block { display: inline-block !important; } .reveal-inline { display: inline !important; } .reveal-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .veil { display: none !important; } @media (min-width: 480px) { .reveal-xs-block { display: block !important; } .reveal-xs-inline-block { display: inline-block !important; } .reveal-xs-inline { display: inline !important; } .reveal-xs-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .veil-xs { display: none !important; } } @media (min-width: 768px) { .reveal-sm-block { display: block !important; } .reveal-sm-inline-block { display: inline-block !important; } .reveal-sm-inline { display: inline !important; } .reveal-sm-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .veil-sm { display: none !important; } } @media (min-width: 992px) { .reveal-md-block { display: block !important; } .reveal-md-inline-block { display: inline-block !important; } .reveal-md-inline { display: inline !important; } .reveal-md-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .veil-md { display: none !important; } } @media (min-width: 1200px) { .reveal-lg-block { display: block !important; } .reveal-lg-inline-block { display: inline-block !important; } .reveal-lg-inline { display: inline !important; } .reveal-lg-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .veil-lg { display: none !important; } } @media (min-width: 1600px) { .reveal-xl-block { display: block !important; } .reveal-xl-inline-block { display: inline-block !important; } .reveal-xl-inline { display: inline !important; } .reveal-xl-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .veil-xl { display: none !important; } } @media (min-width: 1800px) { .reveal-xxl-block { display: block !important; } .reveal-xxl-inline-block { display: inline-block !important; } .reveal-xxl-inline { display: inline !important; } .reveal-xxl-flex { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .veil-xxl { display: none !important; } } /* * * Element groups * -------------------------------------------------- */ .page .group { transform: translateY(-10px); margin-bottom: -10px; margin-left: -10px; } .page .group > * { display: inline-block; margin-top: 10px; margin-left: 10px; } .page .group-xxs { transform: translateY(-5px); margin-bottom: -5px; margin-left: -5px; } .page .group-xxs > * { display: inline-block; margin-top: 5px; margin-left: 5px; } .page .group-xs { transform: translateY(-9px); margin-bottom: -9px; margin-left: -9px; } .page .group-xs > * { display: inline-block; margin-top: 9px; margin-left: 9px; } .page .group-md { transform: translateY(-30px); margin-bottom: -30px; margin-left: -30px; } .page .group-md > * { display: inline-block; margin-top: 30px; margin-left: 30px; } .page .group-lg { transform: translateY(-5px); margin-bottom: -5px; margin-left: -40px; } .page .group-lg > * { display: inline-block; margin-top: 5px; margin-left: 40px; } .page .group-xl { transform: translateY(-10px); margin-bottom: -10px; margin-left: -50px; } .page .group-xl > * { display: inline-block; margin-top: 10px; margin-left: 50px; } .group-middle { display: inline-table; } .group-middle > * { vertical-align: middle; } /* * * Sections * -------------------------------------------------- */ .section-bottom { padding-top: 0; padding-bottom: 60px; } @media (min-width: 992px) { .section-bottom { padding-bottom: 0; } } .section-bottom.section-reverse { padding-top: 60px; padding-bottom: 0; } @media (min-width: 992px) { .section-bottom.section-reverse { padding-top: 0; padding-bottom: 0; } } .section-xs { padding: 40px 0; } .section-sm, .section-md, .section-lg, .section-custom, .section-xl, .section-xxl, .section-variant-1, .section-variant-2 { padding: 20px 0; } .section-lg { padding-top: 50px; padding-bottom: 50px; } .section-lg-top { padding-top: 60px; } @media (min-width: 768px) { .section-md { padding-top: 60px; padding-bottom: 60px; } .section-lg, .section-custom { padding-top: 80px; padding-bottom: 80px; } .section-xl { padding-top: 100px; padding-bottom: 100px; } .section-xxl { padding-top: 100px; padding-bottom: 100px; } .section-lg-top { padding-top: 80px; } .section-variant-1 { /*padding: 120px 0;*/ } .section-variant-2 { /*padding: 80px 0;*/ } } @media (min-width: 992px) { .section-xl { padding-top: 120px; padding-bottom: 120px; } } @media (min-width: 1200px) { .section-md { padding-top: 100px; padding-bottom: 100px; } .section-lg, .section-custom { padding-top: 80px; padding-bottom: 80px; } .breadcrumbs-custom-wrap + .section-lg, .breadcrumbs-custom-wrap + .section-custom { padding-top: 100px; } .section-xl { padding-top: 130px; padding-bottom: 130px; } .breadcrumbs-custom-wrap + .section-xl { padding-top: 145px; } .section-xxl { padding-top: 150px; padding-bottom: 150px; } .section-variant-1 { /*padding: 160px 0 100px;*/ } .section-variant-2 { /*padding: 120px 0 140px;*/ } } @media (min-width: 1600px) { .section-lg, .section-custom { padding-top: 125px; padding-bottom: 125px; } .section-lg.section-way-point, .section-way-point.section-custom { padding-top: 165px; } .breadcrumbs-custom-wrap + .section-lg, .breadcrumbs-custom-wrap + .section-custom { padding-top: 170px; } .section-lg-alternative { padding-top: 130px; padding-bottom: 140px; } .section-xl { padding-top: 165px; padding-bottom: 165px; } .breadcrumbs-custom-wrap + .section-xl { padding-top: 190px; } .section-xxl { padding-top: 200px; padding-bottom: 200px; } .section-lg-top { padding-top: 125px; } .section-variant-1 { padding: 220px 0 140px; } .section-variant-2 { padding: 160px 0; } } @media (min-width: 1800px) { .section-xl { padding-top: 200px; padding-bottom: 200px; } .section-xxl { padding-top: 290px; padding-bottom: 290px; } } /** * Custom sections */ .section-wrap { position: relative; padding: 1px 0; overflow: hidden; } .section-wrap .section-wrap-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; transform: translateY(-35px); margin-bottom: -35px; pointer-events: none; width: 100%; } .section-wrap .section-wrap-inner > *:before { content: ''; display: table; width: 0; } .section-wrap .section-wrap-inner > * { margin-top: 35px; pointer-events: auto; } .section-wrap .section-wrap-inner > * { width: 100%; } .section-wrap .section-wrap-aside { bottom: -1px; } .section-wrap .rd-google-map { width: 100%; max-width: none; } .section-wrap .box-minimal { width: 100%; max-width: none; } .section-wrap .section-wrap-image { position: relative; top: -1px; overflow: hidden; height: 300px; } .section-wrap .section-wrap-image img { position: absolute; height: auto; min-width: 100%; min-height: 100%; max-width: none; top: 30%; left: 50%; transform: translate(-50%, -30%); } @s (object-fit: cover) { .section-wrap .section-wrap-image img { top: 0; left: 0; transform: none; height: 100%; width: 100%; object-fit: cover; object-position: center center; } } @media (min-width: 768px) { .section-wrap .section-wrap-image { height: 500px; } } @media (min-width: 768px) and (max-width: 991px) { .section-wrap .box-width-small { margin-left: auto; margin-right: auto; } } @media (min-width: 992px) { .section-wrap .section-wrap-aside { position: absolute; top: -4px; right: 0; bottom: -4px; height: auto; width: calc(50% - 190px); } .section-wrap .section-wrap-aside.section-wrap-aside-custom { width: 50%; } .section-wrap .section-wrap-aside .jp-video-single { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .section-wrap .section-wrap-aside .jp-video .jp-jplayer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto !important; height: auto !important; } .section-wrap .section-wrap-aside .jp-video .jp-jplayer img, .section-wrap .section-wrap-aside .jp-video .jp-jplayer video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; object-position: center; width: 100% !important; height: 100% !important; } .section-wrap .section-wrap-aside .rd-google-map { height: calc(100% + 1px); } .section-wrap .section-wrap-aside img { height: 100%; width: 100%; } .section-wrap .section-wrap-aside.section-wrap-image-right img { position: relative; left: auto; top: auto; transform: none; object-position: 90% center; } .ie-10 .section-wrap .section-wrap-aside.section-wrap-image-right img, .ie-11 .section-wrap .section-wrap-aside.section-wrap-image-right img { left: 90%; transform: translate(-90%, -50%); } .ie-10 .section-wrap .section-wrap-aside .jp-video .jp-jplayer img, .ie-10 .section-wrap .section-wrap-aside img, .ie-11 .section-wrap .section-wrap-aside .jp-video .jp-jplayer img, .ie-11 .section-wrap .section-wrap-aside img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; transform: translate(-50%, -50%); } .ie-10 .section-wrap .section-wrap-aside .jp-video .jp-jplayer video, .ie-11 .section-wrap .section-wrap-aside .jp-video .jp-jplayer video { left: 50%; transform: translateX(-50%); width: 110% !important; height: 110% !important; } .section-wrap .section-wrap-content { max-width: 620px; } } @media (min-width: 992px) { .section-wrap.section-wrap-sm .section-wrap-aside { width: 41.6%; } .section-wrap.section-wrap-bigger .section-wrap-aside { width: 50%; } .section-wrap.section-wrap-equal .section-wrap-aside { width: 50%; } .section-wrap.section-wrap-equal .section-wrap-aside .section-wrap-content { max-width: 630px; } } @media (min-width: 992px) and (max-width: 1199px) { .section-wrap.section-wrap-lg .section-wrap-aside { position: relative; top: 1px; width: 100%; height: 500px; } .section-wrap.section-wrap-lg.section-reverse .section-wrap-inner { -ms-flex-flow: row wrap; flex-flow: row wrap; } } @media (min-width: 1200px) { .section-wrap .section-wrap-aside { width: calc(50% - 160px); } .section-wrap .section-wrap-aside.section-wrap-aside-custom { width: calc(50% - 30px); } .section-wrap.section-wrap-bigger .section-wrap-aside { width: calc(50% + 100px); } .section-wrap.section-wrap-equal .section-wrap-aside { width: 50%; } .section-wrap .section-wrap-content { max-width: 770px; } } @media (min-width: 1600px) { .section-wrap .section-wrap-aside { width: calc(50% - 326.66667px); } .section-wrap .section-wrap-aside.section-wrap-aside-custom { width: 50%; } .section-wrap.section-wrap-bigger .section-wrap-aside { width: calc(50% + 163.33333px); } .section-wrap .section-wrap-content { max-width: 880px; } } @media (min-width: 992px) { .section-wrap.section-reverse [class*='section'] .range-md-left, .section-wrap.section-md-reverse [class*='section'] .range-md-left { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-wrap.section-reverse [class*='section'] .range-md-right, .section-wrap.section-md-reverse [class*='section'] .range-md-right { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1200px) { .section-wrap.section-reverse [class*='section'] .range-lg-left, .section-wrap.section-md-reverse [class*='section'] .range-lg-left { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-wrap.section-reverse [class*='section'] .range-lg-right, .section-wrap.section-md-reverse [class*='section'] .range-lg-right { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1600px) { .section-wrap.section-reverse [class*='section'] .range-xl-left, .section-wrap.section-md-reverse [class*='section'] .range-xl-left { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-wrap.section-reverse [class*='section'] .range-xl-right, .section-wrap.section-md-reverse [class*='section'] .range-xl-right { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1800px) { .section-wrap.section-reverse [class*='section'] .range-xxl-left, .section-wrap.section-md-reverse [class*='section'] .range-xxl-left { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-wrap.section-reverse [class*='section'] .range-xxl-right, .section-wrap.section-md-reverse [class*='section'] .range-xxl-right { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .section-wrap.section-reverse .section-wrap-inner { -ms-flex-flow: row-reverse wrap-reverse; flex-flow: row-reverse wrap-reverse; } .section-wrap.section-reverse .range { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-wrap.section-reverse .section-wrap-aside { left: 0; right: auto; } @media (min-width: 992px) { .section-wrap.section-md-reverse .section-wrap-inner { -ms-flex-flow: row-reverse wrap-reverse; flex-flow: row-reverse wrap-reverse; } .section-wrap.section-md-reverse .section-wrap-aside { left: 0; right: auto; } } /** * Reverse section layouts */ .section-reverse.section-2-columns > [class*='shell'] > .range { -ms-flex-flow: row-reverse wrap-reverse; flex-flow: row-reverse wrap-reverse; } @media (min-width: 992px) { .section-reverse.section-2-columns > [class*='shell'] > .range-md-left { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-reverse.section-2-columns > [class*='shell'] > .range-md-right { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1200px) { .section-reverse.section-2-columns > [class*='shell'] > .range-lg-left { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-reverse.section-2-columns > [class*='shell'] > .range-lg-right { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1600px) { .section-reverse.section-2-columns > [class*='shell'] > .range-xl-left { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-reverse.section-2-columns > [class*='shell'] > .range-xl-right { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1800px) { .section-reverse.section-2-columns > [class*='shell'] > .range-xxl-left { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-reverse.section-2-columns > [class*='shell'] > .range-xxl-right { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1600px) { .section-reverse.section-2-columns .box-wrap-1 { padding-right: 0; padding-left: 37px; margin-right: -80px; margin-left: 0; } .section-reverse.section-2-columns .box-wrap-2 { padding-right: 70px; padding-left: 0; } } .section-reverse .box-width-small { margin-left: auto; margin-right: 0; } .sections-collapsable [class*='section-'] + [class*='section-'] { padding-top: 0; } @media (min-width: 1800px) { .section-wrap-inner.section-xl { padding: 230px 0; } } .custom-wrap-1 { width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .custom-wrap-1 { max-width: 700px; } } @media (min-width: 1400px) { .custom-wrap-1 { max-width: 1400px; } } .custom-wrap-2 { width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .custom-wrap-2 { max-width: 650px; } } @media (min-width: 1160px) { .custom-wrap-2 { max-width: 1160px; } } .layout-3-columns .box-minimal { display: inline-block; width: 100%; max-width: 375px; } .layout-3-columns .box-minimal + .box-minimal { margin-top: 30px; } .layout-3-columns .layout-column-image { text-align: center; } @media (max-width: 767px) { .layout-3-columns .layout-column-image img { width: auto; max-height: 80vh; } } @media (max-width: 991px) { .layout-3-columns [class*='cell'] { -ms-flex-order: 2; order: 2; } .layout-3-columns .layout-column-image { -ms-flex-order: 1; order: 1; } .layout-3-columns .layout-column-image img { width: auto; max-height: 40vh; } } @media (min-width: 768px) { .layout-3-columns .box-minimal + .box-minimal { margin-top: 50px; } } @media (min-width: 992px) { .layout-3-columns [class*='cell'] { padding-top: 40px; } .layout-3-columns [class*='cell']:first-child { text-align: right; } .layout-3-columns [class*='cell']:first-child .box-minimal-header { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .layout-3-columns .layout-column-image { padding-top: 0; margin-bottom: -50px; } .layout-3-columns .layout-column-image > * { margin-right: -20px; } } @media (min-width: 992px) and (max-width: 1199px) { .layout-3-columns .box-minimal h6, .layout-3-columns .box-minimal .heading-6 { font-size: 20px; } .layout-3-columns .box-minimal-icon { font-size: 30px; } .layout-3-columns .box-minimal-text { font-size: 14px; } } @media (min-width: 1600px) { .layout-3-columns .box-minimal + .box-minimal { margin-top: 90px; } } .section-custom { position: relative; z-index: 1; } @media (min-width: 1200px) { .page .section-access + .section-custom { margin-top: 0; padding-top: 0; padding-bottom: 35px; } .page .section-access + .section-custom .form-find { transform: translateY(-50%); } } @media (max-width: 1199px) { .section-pre-way-point + .section-way-point { margin-top: 90px; } } .mb-1 { margin-bottom: -1px; } /* * * Offsets * -------------------------------------------------- */ * + p { margin-top: 15px; } p + p { margin-top: 12px; } * + figcaption { margin-top: 10px; } * + h6, * + .heading-6 { margin-top: 20px; } h1 + p, .heading-1 + p { margin-top: 20px; } h2 + p, .heading-2 + p { margin-top: 20px; } h3 + p, .heading-3 + p { margin-top: 15px; } h4 + p, .heading-4 + p { margin-top: 18px; } h5 + p, .heading-5 + p { margin-top: 20px; } .heading-5 + h3 { margin-top: 5px; } @media (min-width: 1600px) { .heading-5 + h3 { margin-top: 23px; } } * + .list-xxs { margin-top: 20px; } h6 + p, .heading-6 + p { margin-top: 20px; } p + .list-marked { margin-top: 10px; } p + p + .list-marked { margin-top: 20px; } p + .button { margin-top: 25px; } h3 + .parallax-container { margin-top: 40px; } h3 + .section { margin-top: 40px; } .divider + p { margin-top: 10px; } @media (max-width: 767px) { .range + .button-offset-lg { margin-top: 40px; } } * + .list-xs { margin-top: 25px; } * + .list-marked { margin-top: 20px; } * + .list- { margin-top: 30px; } * + .button { margin-top: 20px; } * + .list-ordered { margin-top: 20px; } * + .figure-light { margin-top: 20px; } * + .rd-mailform { margin-top: 30px; } * + .quote-primary { margin-top: 25px; } * + .quote-minimal { margin-top: 25px; } .quote-minimal + * { margin-top: 25px; } * + .group-xs { margin-top: 25px; } * + .group-md { margin-top: 25px; } * + .rd-mailform-inline { margin-top: 25px; } * + .owl-carousel { margin-top: 40px; } * + .frame-header { margin-top: 40px; } * + .facebook { margin-top: 40px; } * + .flickr { margin-top: 40px; } * + .divider-thin { margin-top: 13px; } * + .list-twitter { margin-top: 25px; } * + .box-inline { margin-top: 25px; } * + .box-2-columns { margin-top: 25px; } * + .button-blog { margin-top: 30px; } * + .rd-search-results { margin-top: 30px; } * + .d3-chart-wrap { margin-top: 30px; } * + .privacy-link { margin-top: 30px; } * + .typed-text-wrap { margin-top: 30px; } * + [class^='custom-wrap'] { margin-top: 40px; } .heading-group + .divider-default { margin-top: 15px; } h6 + .rd-mailform-inline, .heading-6 + .rd-mailform-inline { margin-top: 10px; } h2 + .divider, .heading-2 + .divider { margin-top: 10px; } .big + form { margin-top: 20px; } .shell + .shell { margin-top: 60px; } .shell + .bg-gradient, .shell + .bg-gradient-1, .shell + .bg-gradient-2, .shell + .bg-gradient-3 { margin-top: 60px; } .range + .range { margin-top: 60px; } .divider-thin + .box-inline { margin-top: 15px; } .divider-thin + .box-inline-wrap { margin-top: 15px; } h3 + .swiper-slider { margin-top: 30px; } .shell + .swiper-slider { margin-top: 30px; } .page * + .offset-top-0 { margin-top: 0; } .page * + .offset-custom-1 { margin-top: 20px; } .page * + .offset-custom-3 { margin-top: 30px; } @media (min-width: 768px) { * + figcaption { margin-top: 20px; } * + hr { margin-top: 30px; } * + .quote-primary { margin-top: 35px; } * + .group-md { margin-top: 35px; } * + .owl-carousel { margin-top: 70px; } * + .frame-header { margin-top: 60px; } * + .list-twitter { margin-top: 47px; } * + .list- { margin-top: 45px; } * + .button { margin-top: 35px; } * + .rd-search-results { margin-top: 45px; } * + .typed-text-wrap { margin-top: 50px; } .typed-text-wrap + .button { margin-top: 35px; } .custom-subtitle + * { margin-top: 25px; } .divider + .box-2-columns { margin-top: 40px; } h3 + .parallax-container { margin-top: 40px; } h3 + .section { margin-top: 40px; } hr + .range { margin-top: 40px; } h3 + .swiper-slider { margin-top: 55px; } .shell + .swiper-slider { margin-top: 55px; } h2 + .divider, .heading-2 + .divider { margin-top: 25px; } .heading-group + .divider-default { margin-top: 30px; } .big + .button { margin-top: 30px; } .page * + .offset-custom-1 { margin-top: 30px; } .page * + .offset-custom-2 { margin-top: 30px; } } @media (min-width: 992px) { * + .figure-light { margin-top: 40px; } * + hr { margin-top: 40px; } * + .d3-chart-wrap { margin-top: 50px; } h1 + p, .heading-1 + p { margin-top: 30px; } h2 + p, .heading-2 + p { margin-top: 33px; } h3 + p, .heading-3 + p { margin-top: 25px; } * + .list-xxs { margin-top: 30px; } h6 + p, .heading-6 + p { margin-top: 30px; } h2 + .divider, .heading-2 + .divider { margin-top: 35px; } .divider-thin + .box-inline { margin-top: 30px; } .page * + .offset-custom-2 { margin-top: 50px; } } @media (min-width: 1200px) { * + .list-xs { margin-top: 40px; } * + .group-md { margin-top: 60px; } p + p + .list-marked { margin-top: 30px; } * + .rd-search-results { margin-top: 60px; } .divider + p { margin-top: 18px; } .shell + .bg-gradient, .shell + .bg-gradient-1, .shell + .bg-gradient-2, .shell + .bg-gradient-3 { margin-top: 90px; } .owl-carousel + .button { margin-top: 50px; } .range + .button { margin-top: 50px; } .typed-text-wrap + .button { margin-top: 55px; } h3 + p, .heading-3 + p { margin-top: 33px; } h3 + .big, .heading-3 + .big { margin-top: 25px; } } @media (min-width: 1600px) { .divider + p { margin-top: 40px; } * + .facebook { margin-top: 80px; } * + [class^='custom-wrap'] { margin-top: 60px; } * + .button-blog { margin-top: 90px; } * + .rd-search-results { margin-top: 90px; } * + .d3-chart-wrap { margin-top: 70px; } hr + .big { margin-top: 40px; } h1 + p, .heading-1 + p { margin-top: 43px; } h3 + .parallax-container { margin-top: 60px; } h3 + .section { margin-top: 60px; } hr + .range { margin-top: 85px; } .range + .range.range-xl { margin-top: 90px; } .owl-carousel + .button { margin-top: 90px; } .range + .button { margin-top: 80px; } .big + .button { margin-top: 50px; } .page * + .offset-custom-2 { margin-top: 80px; } } @media (min-width: 1600px) { .inset-sm { padding-left: 20px; } } @media (min-width: 1600px) { .inset-md { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1200px) { .inset-xl { padding-right: 5px; } } @media (min-width: 1600px) { .inset-xl { padding-right: 30px; } } @media (min-width: 1800px) { .inset-xl { padding-right: 80px; } } html .range-0 { position: relative; transform: translateY(0); margin-bottom: 0; pointer-events: none; } html .range-0 > *:before { content: ''; display: table; width: 0; } html .range-0 > * { margin-top: 0; pointer-events: auto; } html .range-10 { position: relative; transform: translateY(-10px); margin-bottom: -10px; pointer-events: none; } html .range-10 > *:before { content: ''; display: table; width: 0; } html .range-10 > * { margin-top: 10px; pointer-events: auto; } html .range-15 { position: relative; transform: translateY(-15px); margin-bottom: -15px; pointer-events: none; } html .range-15 > *:before { content: ''; display: table; width: 0; } html .range-15 > * { margin-top: 15px; pointer-events: auto; } html .range-20 { position: relative; transform: translateY(-20px); margin-bottom: -20px; pointer-events: none; } html .range-20 > *:before { content: ''; display: table; width: 0; } html .range-20 > * { margin-top: 20px; pointer-events: auto; } html .range-30 { position: relative; transform: translateY(-30px); margin-bottom: -30px; pointer-events: none; } html .range-30 > *:before { content: ''; display: table; width: 0; } html .range-30 > * { margin-top: 30px; pointer-events: auto; } html .range-50 { position: relative; transform: translateY(-50px); margin-bottom: -50px; pointer-events: none; } html .range-50 > *:before { content: ''; display: table; width: 0; } html .range-50 > * { margin-top: 50px; pointer-events: auto; } html .range-60 { position: relative; transform: translateY(-50px); margin-bottom: -50px; pointer-events: none; } html .range-60 > *:before { content: ''; display: table; width: 0; } html .range-60 > * { margin-top: 50px; pointer-events: auto; } html .range-70 { position: relative; transform: translateY(-50px); margin-bottom: -50px; pointer-events: none; } html .range-70 > *:before { content: ''; display: table; width: 0; } html .range-70 > * { margin-top: 50px; pointer-events: auto; } html .range-90 { position: relative; transform: translateY(-50px); margin-bottom: -50px; pointer-events: none; } html .range-90 > *:before { content: ''; display: table; width: 0; } html .range-90 > * { margin-top: 50px; pointer-events: auto; } html .range-shop { position: relative; transform: translateY(-70px); margin-bottom: -70px; pointer-events: none; } html .range-shop > *:before { content: ''; display: table; width: 0; } html .range-shop > * { margin-top: 70px; pointer-events: auto; } html .range-100 { position: relative; transform: translateY(-100px); margin-bottom: -100px; pointer-events: none; } html .range-100 > *:before { content: ''; display: table; width: 0; } html .range-100 > * { margin-top: 100px; pointer-events: auto; } html .range-120 { position: relative; transform: translateY(-50px); margin-bottom: -50px; pointer-events: none; } html .range-120 > *:before { content: ''; display: table; width: 0; } html .range-120 > * { margin-top: 50px; pointer-events: auto; } html .range-counter { position: relative; transform: translateY(-130px); margin-bottom: -130px; pointer-events: none; } html .range-counter > *:before { content: ''; display: table; width: 0; } html .range-counter > * { margin-top: 130px; pointer-events: auto; } html .range-135 { position: relative; transform: translateY(-50px); margin-bottom: -50px; pointer-events: none; } html .range-135 > *:before { content: ''; display: table; width: 0; } html .range-135 > * { margin-top: 50px; pointer-events: auto; } @media (min-width: 1200px) { html .range-135 { transform: translateY(-65px); margin-bottom: -65px; } html .range-135 > * { margin-top: 65px; } } @media (min-width: 1600px) { html .range-135 { transform: translateY(-135px); margin-bottom: -135px; } html .range-135 > * { margin-top: 135px; } } html.desktop .range-100 { transform: translateY(-30px); margin-bottom: -30px; } html.desktop .range-100 > * { margin-top: 30px; } @media (min-width: 768px) { html .range-sm-30 { transform: translateY(-30px); margin-bottom: -30px; } html .range-sm-30 > * { margin-top: 30px; } html .range-sm-50 { transform: translateY(-50px); margin-bottom: -50px; } html .range-sm-50 > * { margin-top: 50px; } html .range-60 { transform: translateY(-60px); margin-bottom: -60px; } html .range-60 > * { margin-top: 60px; } html .range-sm-90 { transform: translateY(-90px); margin-bottom: -90px; } html .range-sm-90 > * { margin-top: 90px; } } @media (min-width: 992px) { html .range-md-50 { transform: translateY(-50px); margin-bottom: -50px; } html .range-md-50 > * { margin-top: 50px; } html .range-90 { position: relative; transform: translateY(-90px); margin-bottom: -90px; pointer-events: none; } html .range-90 > *:before { content: ''; display: table; width: 0; } html .range-90 > * { margin-top: 90px; pointer-events: auto; } } @media (min-width: 1200px) { html .range-70 { transform: translateY(-70px); margin-bottom: -70px; } html .range-70 > * { margin-top: 70px; } html .range-lg-50 { transform: translateY(-50px); margin-bottom: -50px; } html .range-lg-50 > * { margin-top: 50px; } html .range-120 { transform: translateY(-80px); margin-bottom: -80px; } html .range-120 > * { margin-top: 80px; } } @media (min-width: 1600px) { html .range-70 { transform: translateY(-70px); margin-bottom: -70px; } html .range-70 > * { margin-top: 70px; } html .range-xl-90 { transform: translateY(-90px); margin-bottom: -90px; } html .range-xl-90 > * { margin-top: 90px; } html .range-120 { transform: translateY(-120px); margin-bottom: -120px; } html .range-120 > * { margin-top: 120px; } } * + p.offset-0 { margin-top: 0; } /** * Builder class map */ /* * * Decorations * -------------------------------------------------- */ .heading-decorated-diamonds { position: relative; display: inline-block; padding: 0 20px; } .heading-decorated-diamonds::before, .heading-decorated-diamonds::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; background: #008dcc; } .heading-decorated-diamonds::before { left: 0; } .heading-decorated-diamonds::after { right: 0; } @media (min-width: 768px) { .heading-decorated-diamonds { padding: 0 40px; } .heading-decorated-diamonds::before, .heading-decorated-diamonds::after { width: 15px; height: 15px; } } .divider { display: inline-block; border: 0; font-size: 0; line-height: 0; height: 3px; max-width: 100px; width: 100%; } h3 + .divider { margin-top: 20px; } h3 + .divider + h5 { margin-top: 35px; } h3 + .divider + h5 + p { margin-top: 15px; } @media (min-width: 1600px) { h3 + .divider { margin-top: 40px; } } .divider-sm { height: 2px; max-width: 60px; } .divider-default { background: linear-gradient(to right, #002372 50%, #008dcc 120%); } .divider-secondary { background: #002372; } .divider-thin { border-top: 1px solid #d2d5e4; } .divider-xl { max-width: 1770px; width: 100%; margin: 30px auto; border-bottom: 1px solid #cacbd3; } .heading-decor { font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 200; letter-spacing: 0.06em; text-transform: uppercase; } .heading-decor > span { position: relative; display: inline-block; padding-left: 70px; padding-right: 70px; } .heading-decor > span:before, .heading-decor > span:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); border-top: 1px solid; width: 40px; } .heading-decor > span:before { left: 0; } .heading-decor > span:after { right: 0; } .heading-decor + * { margin-top: 20px; } @media (min-width: 1600px) { .heading-decor { font-size: 28px; } .heading-decor + * { margin-top: 30px; } } /* * * Grid modules * -------------------------------------------------- */ .row-no-gutter { margin-left: 0; margin-right: 0; } .row-no-gutter > [class*='col'] { padding-left: 0; padding-right: 0; } @media (min-width: 1600px) { .col-xl-3 { width: 25%; } } /** * Grid demonstration */ .grid-demonstration { padding: 12px 8px; letter-spacing: 0; text-align: left; } @media (max-width: 991px) { .grid-demonstration h5, .grid-demonstration .heading-5 { font-size: 14px; } } @media (max-width: 1199px) { .grid-demonstration p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .grid-demonstration [class*='col'] { padding: 8px 5px; } @media (max-width: 767px) { .grid-demonstration [class*='col'] p { font-size: 14px; } .grid-demonstration [class*='col'] * + p { margin-top: 10px; } } @media (min-width: 768px) { .grid-demonstration [class*='col'] { padding: 15px 10px; } } @media (min-width: 992px) { .grid-demonstration [class*='col'] { padding: 25px 15px; } } @media (min-width: 1200px) { .grid-demonstration [class*='col'] { padding: 30px 15px 30px 30px; } } @media (min-width: 1400px) { .grid-demonstration [class*='col'] { padding: 30px 15px; } .grid-demonstration [class*='col'] * + p { margin-top: 24px; } } .grid-demonstration * + .row { margin-top: 30px; } .grid-demonstration .row + .row { margin-top: 0; } @media (min-width: 1600px) { .grid-demonstration * + .row { margin-top: 60px; } } @media (max-width: 767px) { .container.grid-demonstration .row { margin-left: 0; margin-right: 0; } } .container-fullwidth { width: 100%; } @media (min-width: 1600px) { .container-fullwidth { padding-left: 60px; padding-right: 60px; } } .column-aside .range { position: relative; transform: translateY(-35px); margin-bottom: -35px; pointer-events: none; } .column-aside .range > *:before { content: ''; display: table; width: 0; } .column-aside .range > * { margin-top: 35px; pointer-events: auto; } @media (min-width: 768px) { .column-aside .range { transform: translateY(-50px); margin-bottom: -50px; } .column-aside .range > * { margin-top: 50px; } } @media (min-width: 1600px) { .column-aside .range { transform: translateY(-90px); margin-bottom: -90px; } .column-aside .range > * { margin-top: 90px; } } @media (min-width: 992px) and (max-width: 1199px) { .column-aside { padding-left: 30px; } .section-reverse .column-aside { padding-left: 0; padding-right: 30px; } } /** * Range bordered */ .range-custom-bordered [class*='cell'] { border-style: solid; border-color: #c2c2c3; border-width: 0; } .range-custom-bordered [class*='cell']:nth-child(n + 2) { border-width: 1px 0 0 0; } @media (min-width: 480px) { .range-custom-bordered .cell-xs-6:nth-child(even) { border-width: 0 0 0 1px; } .range-custom-bordered .cell-xs-6:nth-child(odd) { border-width: 0; } } @media (min-width: 768px) { .range-custom-bordered .cell-sm-3:first-child { border-width: 0 1px 0 1px; } .range-custom-bordered .cell-sm-3:nth-child(n + 2) { border-width: 0 1px 0 0; } } @media (max-width: 991px) { .range-custom-bordered .cell-md-3 { padding-top: 25px; padding-bottom: 25px; } } @media (max-width: 479px) { .range-custom-bordered .cell-md-3 + .cell-md-3 { margin-top: 0; } } @media (min-width: 992px) { .range-custom-bordered .cell-md-3:nth-child(n + 2) { border-width: 0 0 0 1px; } .range-custom-bordered .cell-md-3:nth-child(4n + 1) { border-width: 0; } } /* * * Modules * ================================================== */ /* * * Flex Grid system * -------------------------------------------------- */ .shell, .shell-wide, .shell-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .shell, .shell-wide { min-width: 300px; max-width: 480px; } @media (min-width: 768px) { .shell, .shell-wide { max-width: 750px; } } @media (min-width: 992px) { .shell, .shell-wide { max-width: 970px; } } @media (min-width: 1200px) { .shell, .shell-wide { max-width: 1200px; } } @media (min-width: 1600px) { .shell-bigger { max-width: 1500px; } } @media (min-width: 1600px) { .shell-wide { max-width: 1600px; } } @media (min-width: 1800px) { .shell-wide { max-width: 1800px; } } .shell-custom { padding: 0; width: 100%; } .shell-custom .gallery-item { width: 100%; max-width: 100%; } .shell-custom .gallery-item .gallery-item-image { width: 100%; } .shell-custom .shell-custom-inner { padding: 0 15px; } .shell-custom [class*='cell'] [class*='section']:empty { min-height: 300px; margin-left: -15px; margin-right: -15px; } @media (min-width: 480px) { .shell-custom .range { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .shell-custom { min-height: 350px; } } @media (min-width: 992px) and (max-width: 1199px) { .shell-custom .shell-custom-inner-1 { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1200px) { .shell-custom, .shell-custom [class*='cell'] { padding: 0; } .shell-custom [class*='cell']:first-child .shell-custom-inner { margin-left: auto; margin-right: 0; } .section-reverse .shell-custom [class*='cell']:first-child .shell-custom-inner { margin-left: 0; margin-right: auto; } .shell-custom [class*='cell']:last-child .shell-custom-inner { margin-left: 0; margin-right: auto; } .section-reverse .shell-custom [class*='cell']:last-child .shell-custom-inner { margin-left: auto; margin-right: 0; } } .shell-custom .shell-custom-inner [class*='section-'] { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .shell-custom .shell-custom-inner [class*='section-'] > * { width: 100%; } @media (min-width: 1200px) { .shell-custom .shell-custom-inner { padding: 0 40px; } } @media (min-width: 1600px) { .shell-custom .shell-custom-inner { max-width: 800px; padding: 0 125px; } } @media (min-width: 1800px) { .shell-custom .shell-custom-inner { max-width: 960px; padding: 0 150px; } } @media (min-width: 1200px) { .shell-custom .shell-custom-inner-right { margin-left: 0; margin-right: auto; } .section-reverse .shell-custom .shell-custom-inner-right { margin-left: auto; margin-right: 0; } } .shell-no-gutter { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } .shell-fullwidth { width: 100%; max-width: 1800px; } @media (min-width: 1200px) { .shell-fluid-inset-lg-50 { padding-left: 50px; padding-right: 50px; } } .range { margin-left: -15px; margin-right: -15px; } .range > .range { margin-left: 0; margin-right: 0; } .range-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-evenly { -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .range-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .range-spacer { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } [class*="cell-"] { padding-left: 15px; padding-right: 15px; } html.lt-ie-10 * + .range, * + .range { margin-top: 30px; } @media (min-width: 992px) { html.lt-ie-10 * + .range, * + .range { margin-top: 35px; } } @media (min-width: 1600px) { html.lt-ie-10 * + .range, * + .range { margin-top: 50px; } } html.lt-ie-10 * + .range-sm, * + .range-sm { margin-top: 30px; } @media (min-width: 1200px) { html.lt-ie-10 * + .range-md, * + .range-md { margin-top: 60px; } } @media (min-width: 1600px) { html.lt-ie-10 * + .range-lg, * + .range-lg { margin-top: 70px; } } html.tablet.lt-ie-10 * + .range-lg.range-100, .tablet * + .range-lg.range-100, .mobile * + .range-lg.range-100 { margin-top: 70px; } @media (min-width: 992px) { html.lt-ie-10 * + .range-xl, * + .range-xl { margin-top: 50px; } } @media (min-width: 1200px) { html.lt-ie-10 * + .range-xl, * + .range-xl { margin-top: 90px; } } html.lt-ie-10 .range-condensed, .range-condensed { margin-left: 0; margin-right: 0; } html.lt-ie-10 .range-condensed > [class*='cell'], .range-condensed > [class*='cell'] { padding-left: 0; padding-right: 0; margin-top: -1px; } html.lt-ie-10 .range-narrow, .range-narrow { margin-left: -5px; margin-right: -5px; } html.lt-ie-10 .range-narrow > [class*='cell'], .range-narrow > [class*='cell'] { padding-left: 5px; padding-right: 5px; } html.lt-ie-10 .range-narrow > * + [class*='cell'], .range-narrow > * + [class*='cell'] { padding-left: 5px; padding-right: 5px; } html.lt-ie-10 .range-narrow-md, .range-narrow-md { margin-left: -7px; margin-right: -8px; } html.lt-ie-10 .range-narrow-md > [class*='cell'], .range-narrow-md > [class*='cell'] { padding-left: 8px; padding-right: 7px; } html.lt-ie-10 .range-narrow-md > * + [class*='cell'], .range-narrow-md > * + [class*='cell'] { padding-left: 8px; padding-right: 7px; } .range { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .range > .range { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .range > [class*='cell'] { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media (min-width: 0px) { * + [class*='cell-xxs-'] { margin-top: 0; } .range-xxs-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-xxs-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-xxs-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-xxs-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-xxs-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-xxs-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-xxs { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-xxs-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-xxs-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-xxs-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-xxs-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-xxs-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-xxs-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-xxs-preffix-0 { margin-left: 0; } .range > .cell-xxs-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-xxs-preffix-1 { margin-left: 8.33333%; } .range > .cell-xxs-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xxs-preffix-2 { margin-left: 16.66667%; } .range > .cell-xxs-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xxs-preffix-3 { margin-left: 25%; } .range > .cell-xxs-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xxs-preffix-4 { margin-left: 33.33333%; } .range > .cell-xxs-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xxs-preffix-5 { margin-left: 41.66667%; } .range > .cell-xxs-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xxs-preffix-6 { margin-left: 50%; } .range > .cell-xxs-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-xxs-preffix-7 { margin-left: 58.33333%; } .range > .cell-xxs-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-xxs-preffix-8 { margin-left: 66.66667%; } .range > .cell-xxs-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-xxs-preffix-9 { margin-left: 75%; } .range > .cell-xxs-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-xxs-preffix-10 { margin-left: 83.33333%; } .range > .cell-xxs-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-xxs-preffix-11 { margin-left: 91.66667%; } .range > .cell-xxs-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-xxs-preffix-12 { margin-left: 100%; } .range > .cell-xxs-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 480px) { * + [class*='cell-xs-'] { margin-top: 0; } .range-xs-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-xs-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-xs-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-xs-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-xs-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-xs-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-xs { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-xs-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-xs-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-xs-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-xs-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-xs-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-xs-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-xs-preffix-0 { margin-left: 0; } .range > .cell-xs-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-xs-preffix-1 { margin-left: 8.33333%; } .range > .cell-xs-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xs-preffix-2 { margin-left: 16.66667%; } .range > .cell-xs-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xs-preffix-3 { margin-left: 25%; } .range > .cell-xs-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xs-preffix-4 { margin-left: 33.33333%; } .range > .cell-xs-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xs-preffix-5 { margin-left: 41.66667%; } .range > .cell-xs-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xs-preffix-6 { margin-left: 50%; } .range > .cell-xs-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-xs-preffix-7 { margin-left: 58.33333%; } .range > .cell-xs-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-xs-preffix-8 { margin-left: 66.66667%; } .range > .cell-xs-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-xs-preffix-9 { margin-left: 75%; } .range > .cell-xs-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-xs-preffix-10 { margin-left: 83.33333%; } .range > .cell-xs-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-xs-preffix-11 { margin-left: 91.66667%; } .range > .cell-xs-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-xs-preffix-12 { margin-left: 100%; } .range > .cell-xs-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 768px) { * + [class*='cell-sm-'] { margin-top: 0; } .range-sm-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-sm-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-sm-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-sm-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-sm-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-sm-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-sm { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-sm-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-sm-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-sm-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-sm-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-sm-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-sm-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-sm-preffix-0 { margin-left: 0; } .range > .cell-sm-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-sm-preffix-1 { margin-left: 8.33333%; } .range > .cell-sm-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-sm-preffix-2 { margin-left: 16.66667%; } .range > .cell-sm-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-sm-preffix-3 { margin-left: 25%; } .range > .cell-sm-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-sm-preffix-4 { margin-left: 33.33333%; } .range > .cell-sm-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-sm-preffix-5 { margin-left: 41.66667%; } .range > .cell-sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-sm-preffix-6 { margin-left: 50%; } .range > .cell-sm-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-sm-preffix-7 { margin-left: 58.33333%; } .range > .cell-sm-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-sm-preffix-8 { margin-left: 66.66667%; } .range > .cell-sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-sm-preffix-9 { margin-left: 75%; } .range > .cell-sm-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-sm-preffix-10 { margin-left: 83.33333%; } .range > .cell-sm-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-sm-preffix-11 { margin-left: 91.66667%; } .range > .cell-sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-sm-preffix-12 { margin-left: 100%; } .range > .cell-sm-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 992px) { * + [class*='cell-md-'] { margin-top: 0; } .range-md-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-md-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-md-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-md-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-md-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-md-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-md { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-md-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-md-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-md-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-md-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-md-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-md-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-md-preffix-0 { margin-left: 0; } .range > .cell-md-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-md-preffix-1 { margin-left: 8.33333%; } .range > .cell-md-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-md-preffix-2 { margin-left: 16.66667%; } .range > .cell-md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-md-preffix-3 { margin-left: 25%; } .range > .cell-md-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-md-preffix-4 { margin-left: 33.33333%; } .range > .cell-md-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-md-preffix-5 { margin-left: 41.66667%; } .range > .cell-md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-md-preffix-6 { margin-left: 50%; } .range > .cell-md-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-md-preffix-7 { margin-left: 58.33333%; } .range > .cell-md-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-md-preffix-8 { margin-left: 66.66667%; } .range > .cell-md-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-md-preffix-9 { margin-left: 75%; } .range > .cell-md-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-md-preffix-10 { margin-left: 83.33333%; } .range > .cell-md-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-md-preffix-11 { margin-left: 91.66667%; } .range > .cell-md-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-md-preffix-12 { margin-left: 100%; } .range > .cell-md-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 1200px) { * + [class*='cell-lg-'] { margin-top: 0; } .range-lg-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-lg-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-lg-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-lg-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-lg-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-lg-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-lg { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-lg-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-lg-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-lg-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-lg-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-lg-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-lg-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-lg-preffix-0 { margin-left: 0; } .range > .cell-lg-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-lg-preffix-1 { margin-left: 8.33333%; } .range > .cell-lg-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-lg-preffix-2 { margin-left: 16.66667%; } .range > .cell-lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-lg-preffix-3 { margin-left: 25%; } .range > .cell-lg-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-lg-preffix-4 { margin-left: 33.33333%; } .range > .cell-lg-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-lg-preffix-5 { margin-left: 41.66667%; } .range > .cell-lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-lg-preffix-6 { margin-left: 50%; } .range > .cell-lg-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-lg-preffix-7 { margin-left: 58.33333%; } .range > .cell-lg-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-lg-preffix-8 { margin-left: 66.66667%; } .range > .cell-lg-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-lg-preffix-9 { margin-left: 75%; } .range > .cell-lg-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-lg-preffix-10 { margin-left: 83.33333%; } .range > .cell-lg-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-lg-preffix-11 { margin-left: 91.66667%; } .range > .cell-lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-lg-preffix-12 { margin-left: 100%; } .range > .cell-lg-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 1600px) { * + [class*='cell-xl-'] { margin-top: 0; } .range-xl-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-xl-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-xl-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-xl-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-xl-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-xl-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-xl { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-xl-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-xl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-xl-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-xl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-xl-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-xl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-xl-preffix-0 { margin-left: 0; } .range > .cell-xl-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-xl-preffix-1 { margin-left: 8.33333%; } .range > .cell-xl-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xl-preffix-2 { margin-left: 16.66667%; } .range > .cell-xl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xl-preffix-3 { margin-left: 25%; } .range > .cell-xl-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xl-preffix-4 { margin-left: 33.33333%; } .range > .cell-xl-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xl-preffix-5 { margin-left: 41.66667%; } .range > .cell-xl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xl-preffix-6 { margin-left: 50%; } .range > .cell-xl-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-xl-preffix-7 { margin-left: 58.33333%; } .range > .cell-xl-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-xl-preffix-8 { margin-left: 66.66667%; } .range > .cell-xl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-xl-preffix-9 { margin-left: 75%; } .range > .cell-xl-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-xl-preffix-10 { margin-left: 83.33333%; } .range > .cell-xl-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-xl-preffix-11 { margin-left: 91.66667%; } .range > .cell-xl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-xl-preffix-12 { margin-left: 100%; } .range > .cell-xl-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 1800px) { * + [class*='cell-xxl-'] { margin-top: 0; } .range-xxl-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-xxl-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-xxl-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-xxl-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-xxl-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-xxl-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-xxl { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-xxl-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-xxl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-xxl-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-xxl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-xxl-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-xxl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-xxl-preffix-0 { margin-left: 0; } .range > .cell-xxl-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-xxl-preffix-1 { margin-left: 8.33333%; } .range > .cell-xxl-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xxl-preffix-2 { margin-left: 16.66667%; } .range > .cell-xxl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xxl-preffix-3 { margin-left: 25%; } .range > .cell-xxl-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xxl-preffix-4 { margin-left: 33.33333%; } .range > .cell-xxl-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xxl-preffix-5 { margin-left: 41.66667%; } .range > .cell-xxl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xxl-preffix-6 { margin-left: 50%; } .range > .cell-xxl-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-xxl-preffix-7 { margin-left: 58.33333%; } .range > .cell-xxl-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-xxl-preffix-8 { margin-left: 66.66667%; } .range > .cell-xxl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-xxl-preffix-9 { margin-left: 75%; } .range > .cell-xxl-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-xxl-preffix-10 { margin-left: 83.33333%; } .range > .cell-xxl-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-xxl-preffix-11 { margin-left: 91.66667%; } .range > .cell-xxl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-xxl-preffix-12 { margin-left: 100%; } .range > .cell-xxl-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 0px) { .range-ten > .cell-xxs-preffix-0 { margin-left: 0; } .range-ten > .cell-xxs-1 { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .range-ten > .cell-xxs-preffix-1 { margin-left: 10%; } .range-ten > .cell-xxs-2 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .range-ten > .cell-xxs-preffix-2 { margin-left: 20%; } .range-ten > .cell-xxs-3 { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .range-ten > .cell-xxs-preffix-3 { margin-left: 30%; } .range-ten > .cell-xxs-4 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .range-ten > .cell-xxs-preffix-4 { margin-left: 40%; } .range-ten > .cell-xxs-5 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range-ten > .cell-xxs-preffix-5 { margin-left: 50%; } .range-ten > .cell-xxs-6 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .range-ten > .cell-xxs-preffix-6 { margin-left: 60%; } .range-ten > .cell-xxs-7 { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .range-ten > .cell-xxs-preffix-7 { margin-left: 70%; } .range-ten > .cell-xxs-8 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .range-ten > .cell-xxs-preffix-8 { margin-left: 80%; } .range-ten > .cell-xxs-9 { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .range-ten > .cell-xxs-preffix-9 { margin-left: 90%; } .range-ten > .cell-xxs-10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-ten > .cell-xxs-preffix-10 { margin-left: 100%; } .range-ten > .cell-xxs-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 480px) { .range-ten > .cell-xs-preffix-0 { margin-left: 0; } .range-ten > .cell-xs-1 { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .range-ten > .cell-xs-preffix-1 { margin-left: 10%; } .range-ten > .cell-xs-2 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .range-ten > .cell-xs-preffix-2 { margin-left: 20%; } .range-ten > .cell-xs-3 { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .range-ten > .cell-xs-preffix-3 { margin-left: 30%; } .range-ten > .cell-xs-4 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .range-ten > .cell-xs-preffix-4 { margin-left: 40%; } .range-ten > .cell-xs-5 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range-ten > .cell-xs-preffix-5 { margin-left: 50%; } .range-ten > .cell-xs-6 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .range-ten > .cell-xs-preffix-6 { margin-left: 60%; } .range-ten > .cell-xs-7 { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .range-ten > .cell-xs-preffix-7 { margin-left: 70%; } .range-ten > .cell-xs-8 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .range-ten > .cell-xs-preffix-8 { margin-left: 80%; } .range-ten > .cell-xs-9 { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .range-ten > .cell-xs-preffix-9 { margin-left: 90%; } .range-ten > .cell-xs-10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-ten > .cell-xs-preffix-10 { margin-left: 100%; } .range-ten > .cell-xs-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 768px) { .range-ten > .cell-sm-preffix-0 { margin-left: 0; } .range-ten > .cell-sm-1 { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .range-ten > .cell-sm-preffix-1 { margin-left: 10%; } .range-ten > .cell-sm-2 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .range-ten > .cell-sm-preffix-2 { margin-left: 20%; } .range-ten > .cell-sm-3 { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .range-ten > .cell-sm-preffix-3 { margin-left: 30%; } .range-ten > .cell-sm-4 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .range-ten > .cell-sm-preffix-4 { margin-left: 40%; } .range-ten > .cell-sm-5 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range-ten > .cell-sm-preffix-5 { margin-left: 50%; } .range-ten > .cell-sm-6 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .range-ten > .cell-sm-preffix-6 { margin-left: 60%; } .range-ten > .cell-sm-7 { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .range-ten > .cell-sm-preffix-7 { margin-left: 70%; } .range-ten > .cell-sm-8 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .range-ten > .cell-sm-preffix-8 { margin-left: 80%; } .range-ten > .cell-sm-9 { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .range-ten > .cell-sm-preffix-9 { margin-left: 90%; } .range-ten > .cell-sm-10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-ten > .cell-sm-preffix-10 { margin-left: 100%; } .range-ten > .cell-sm-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 992px) { .range-ten > .cell-md-preffix-0 { margin-left: 0; } .range-ten > .cell-md-1 { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .range-ten > .cell-md-preffix-1 { margin-left: 10%; } .range-ten > .cell-md-2 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .range-ten > .cell-md-preffix-2 { margin-left: 20%; } .range-ten > .cell-md-3 { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .range-ten > .cell-md-preffix-3 { margin-left: 30%; } .range-ten > .cell-md-4 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .range-ten > .cell-md-preffix-4 { margin-left: 40%; } .range-ten > .cell-md-5 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range-ten > .cell-md-preffix-5 { margin-left: 50%; } .range-ten > .cell-md-6 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .range-ten > .cell-md-preffix-6 { margin-left: 60%; } .range-ten > .cell-md-7 { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .range-ten > .cell-md-preffix-7 { margin-left: 70%; } .range-ten > .cell-md-8 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .range-ten > .cell-md-preffix-8 { margin-left: 80%; } .range-ten > .cell-md-9 { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .range-ten > .cell-md-preffix-9 { margin-left: 90%; } .range-ten > .cell-md-10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-ten > .cell-md-preffix-10 { margin-left: 100%; } .range-ten > .cell-md-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 1200px) { .range-ten > .cell-lg-preffix-0 { margin-left: 0; } .range-ten > .cell-lg-1 { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .range-ten > .cell-lg-preffix-1 { margin-left: 10%; } .range-ten > .cell-lg-2 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .range-ten > .cell-lg-preffix-2 { margin-left: 20%; } .range-ten > .cell-lg-3 { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .range-ten > .cell-lg-preffix-3 { margin-left: 30%; } .range-ten > .cell-lg-4 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .range-ten > .cell-lg-preffix-4 { margin-left: 40%; } .range-ten > .cell-lg-5 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range-ten > .cell-lg-preffix-5 { margin-left: 50%; } .range-ten > .cell-lg-6 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .range-ten > .cell-lg-preffix-6 { margin-left: 60%; } .range-ten > .cell-lg-7 { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .range-ten > .cell-lg-preffix-7 { margin-left: 70%; } .range-ten > .cell-lg-8 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .range-ten > .cell-lg-preffix-8 { margin-left: 80%; } .range-ten > .cell-lg-9 { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .range-ten > .cell-lg-preffix-9 { margin-left: 90%; } .range-ten > .cell-lg-10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-ten > .cell-lg-preffix-10 { margin-left: 100%; } .range-ten > .cell-lg-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 1600px) { .range-ten > .cell-xl-preffix-0 { margin-left: 0; } .range-ten > .cell-xl-1 { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .range-ten > .cell-xl-preffix-1 { margin-left: 10%; } .range-ten > .cell-xl-2 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .range-ten > .cell-xl-preffix-2 { margin-left: 20%; } .range-ten > .cell-xl-3 { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .range-ten > .cell-xl-preffix-3 { margin-left: 30%; } .range-ten > .cell-xl-4 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .range-ten > .cell-xl-preffix-4 { margin-left: 40%; } .range-ten > .cell-xl-5 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range-ten > .cell-xl-preffix-5 { margin-left: 50%; } .range-ten > .cell-xl-6 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .range-ten > .cell-xl-preffix-6 { margin-left: 60%; } .range-ten > .cell-xl-7 { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .range-ten > .cell-xl-preffix-7 { margin-left: 70%; } .range-ten > .cell-xl-8 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .range-ten > .cell-xl-preffix-8 { margin-left: 80%; } .range-ten > .cell-xl-9 { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .range-ten > .cell-xl-preffix-9 { margin-left: 90%; } .range-ten > .cell-xl-10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-ten > .cell-xl-preffix-10 { margin-left: 100%; } .range-ten > .cell-xl-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 1800px) { .range-ten > .cell-xxl-preffix-0 { margin-left: 0; } .range-ten > .cell-xxl-1 { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } .range-ten > .cell-xxl-preffix-1 { margin-left: 10%; } .range-ten > .cell-xxl-2 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .range-ten > .cell-xxl-preffix-2 { margin-left: 20%; } .range-ten > .cell-xxl-3 { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .range-ten > .cell-xxl-preffix-3 { margin-left: 30%; } .range-ten > .cell-xxl-4 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .range-ten > .cell-xxl-preffix-4 { margin-left: 40%; } .range-ten > .cell-xxl-5 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range-ten > .cell-xxl-preffix-5 { margin-left: 50%; } .range-ten > .cell-xxl-6 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .range-ten > .cell-xxl-preffix-6 { margin-left: 60%; } .range-ten > .cell-xxl-7 { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .range-ten > .cell-xxl-preffix-7 { margin-left: 70%; } .range-ten > .cell-xxl-8 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .range-ten > .cell-xxl-preffix-8 { margin-left: 80%; } .range-ten > .cell-xxl-9 { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .range-ten > .cell-xxl-preffix-9 { margin-left: 90%; } .range-ten > .cell-xxl-10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-ten > .cell-xxl-preffix-10 { margin-left: 100%; } .range-ten > .cell-xxl-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } html.lt-ie-10 .range > .cell-xs-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-xs-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-xs-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-xs-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-xs-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-xs-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-xs-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-xs-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-xs-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-xs-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-xs-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-xs-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-xs-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > .cell-sm-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-sm-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-sm-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-sm-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-sm-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-sm-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-sm-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-sm-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-sm-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-sm-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-sm-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-sm-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-sm-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > .cell-md-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-md-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-md-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-md-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-md-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-md-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-md-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-md-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-md-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-md-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-md-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-md-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-md-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > .cell-lg-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-lg-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-lg-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-lg-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-lg-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-lg-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-lg-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-lg-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-lg-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-lg-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-lg-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-lg-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-lg-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > .cell-xl-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-xl-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-xl-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-xl-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-xl-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-xl-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-xl-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-xl-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-xl-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-xl-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-xl-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-xl-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-xl-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > .cell-xxl-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-xxl-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-xxl-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-xxl-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-xxl-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-xxl-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-xxl-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-xxl-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-xxl-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-xxl-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-xxl-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-xxl-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-xxl-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > [class*="cell-xs-preffix-"], html.lt-ie-10 .range > [class*="cell-sm-preffix-"], html.lt-ie-10 .range > [class*="cell-md-preffix-"], html.lt-ie-10 .range > [class*="cell-lg-preffix-"], html.lt-ie-10 .range > [class*="cell-xl-preffix-"], html.lt-ie-10 .range > [class*="cell-xxl-preffix-"] { margin-left: auto; } /* * * Responsive unit * -------------------------------------------------- */ .unit { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 100%; -webkit-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit-body { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .unit-left, .unit-right { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .unit-align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .unit-align-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .unit-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit, .unit-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit > [class*='unit-']:first-child, .unit-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit > .unit-left + .unit-right, .unit > .unit-left + .unit-body, .unit-vertical > .unit-left + .unit-right, .unit-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 15px; } .unit > .unit-body + .unit-right, .unit-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 15px; } .unit-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-horizontal > .unit-left + .unit-right, .unit-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit--inverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit--inverse, .unit--inverse.unit-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit--inverse > [class*='unit-']:first-child, .unit--inverse.unit-vertical > [class*='unit-']:first-child { padding-top: 15px; } .unit--inverse > [class*='unit-']:last-child, .unit--inverse.unit-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit--inverse.unit-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .unit--inverse.unit-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit--inverse.unit-horizontal > [class*='unit-']:last-child { padding-left: 0; } @media (min-width: 480px) { .unit-xs-align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .unit-xs-align-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .unit-xs-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-xs, .unit-xs-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit-xs > [class*='unit-']:first-child, .unit-xs-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-xs > .unit-left + .unit-right, .unit-xs > .unit-left + .unit-body, .unit-xs-vertical > .unit-left + .unit-right, .unit-xs-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 15px; } .unit-xs > .unit-body + .unit-right, .unit-xs-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 15px; } .unit-xs-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-xs-horizontal > .unit-left + .unit-right, .unit-xs-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-xs-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-xs--inverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-xs--inverse, .unit-xs--inverse.unit-xs-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-xs--inverse > [class*='unit-']:first-child, .unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 15px; } .unit-xs--inverse > [class*='unit-']:last-child, .unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-xs--inverse.unit-xs-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) { .unit-sm-align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .unit-sm-align-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .unit-sm-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-sm, .unit-sm-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit-sm > [class*='unit-']:first-child, .unit-sm-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-sm > .unit-left + .unit-right, .unit-sm > .unit-left + .unit-body, .unit-sm-vertical > .unit-left + .unit-right, .unit-sm-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 15px; } .unit-sm > .unit-body + .unit-right, .unit-sm-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 15px; } .unit-sm-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-sm-horizontal > .unit-left + .unit-right, .unit-sm-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-sm-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-sm--inverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-sm--inverse, .unit-sm--inverse.unit-sm-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-sm--inverse > [class*='unit-']:first-child, .unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 15px; } .unit-sm--inverse > [class*='unit-']:last-child, .unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-sm--inverse.unit-sm-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 992px) { .unit-md-align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .unit-md-align-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .unit-md-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-md, .unit-md-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit-md > [class*='unit-']:first-child, .unit-md-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-md > .unit-left + .unit-right, .unit-md > .unit-left + .unit-body, .unit-md-vertical > .unit-left + .unit-right, .unit-md-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 15px; } .unit-md > .unit-body + .unit-right, .unit-md-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 15px; } .unit-md-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-md-horizontal > .unit-left + .unit-right, .unit-md-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-md-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-md--inverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-md--inverse, .unit-md--inverse.unit-md-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-md--inverse > [class*='unit-']:first-child, .unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child { padding-top: 15px; } .unit-md--inverse > [class*='unit-']:last-child, .unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-md--inverse.unit-md-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) { .unit-lg-align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .unit-lg-align-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .unit-lg-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-lg, .unit-lg-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit-lg > [class*='unit-']:first-child, .unit-lg-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-lg > .unit-left + .unit-right, .unit-lg > .unit-left + .unit-body, .unit-lg-vertical > .unit-left + .unit-right, .unit-lg-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 15px; } .unit-lg > .unit-body + .unit-right, .unit-lg-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 15px; } .unit-lg-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-lg-horizontal > .unit-left + .unit-right, .unit-lg-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-lg-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-lg--inverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-lg--inverse, .unit-lg--inverse.unit-lg-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-lg--inverse > [class*='unit-']:first-child, .unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 15px; } .unit-lg--inverse > [class*='unit-']:last-child, .unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-lg--inverse.unit-lg-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) { .unit-xl-align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .unit-xl-align-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .unit-xl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-xl, .unit-xl-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit-xl > [class*='unit-']:first-child, .unit-xl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-xl > .unit-left + .unit-right, .unit-xl > .unit-left + .unit-body, .unit-xl-vertical > .unit-left + .unit-right, .unit-xl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 15px; } .unit-xl > .unit-body + .unit-right, .unit-xl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 15px; } .unit-xl-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-xl-horizontal > .unit-left + .unit-right, .unit-xl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-xl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-xl--inverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-xl--inverse, .unit-xl--inverse.unit-xl-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-xl--inverse > [class*='unit-']:first-child, .unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 15px; } .unit-xl--inverse > [class*='unit-']:last-child, .unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-xl--inverse.unit-xl-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1800px) { .unit-xxl-align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .unit-xxl-align-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .unit-xxl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-xxl, .unit-xxl-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit-xxl > [class*='unit-']:first-child, .unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-xxl > .unit-left + .unit-right, .unit-xxl > .unit-left + .unit-body, .unit-xxl-vertical > .unit-left + .unit-right, .unit-xxl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 15px; } .unit-xxl > .unit-body + .unit-right, .unit-xxl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 15px; } .unit-xxl-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-xxl-horizontal > .unit-left + .unit-right, .unit-xxl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-xxl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-xxl--inverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-xxl--inverse, .unit-xxl--inverse.unit-xxl-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-xxl--inverse > [class*='unit-']:first-child, .unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 15px; } .unit-xxl--inverse > [class*='unit-']:last-child, .unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-xxl--inverse.unit-xxl-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) { .unit.unit > [class*='unit-']:first-child, .unit.unit-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit.unit > .unit-left + .unit-right, .unit.unit > .unit-left + .unit-body, .unit.unit-vertical > .unit-left + .unit-right, .unit.unit-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit.unit > .unit-body + .unit-right, .unit.unit-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit.unit-horizontal > .unit-left + .unit-right, .unit.unit-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit.unit-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit.unit--inverse > [class*='unit-']:first-child, .unit.unit--inverse.unit-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit.unit--inverse > [class*='unit-']:last-child, .unit.unit--inverse.unit-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit.unit--inverse.unit-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit.unit--inverse.unit-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 480px) { .unit.unit-xs > [class*='unit-']:first-child, .unit.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit.unit-xs > .unit-left + .unit-right, .unit.unit-xs > .unit-left + .unit-body, .unit.unit-xs-vertical > .unit-left + .unit-right, .unit.unit-xs-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit.unit-xs > .unit-body + .unit-right, .unit.unit-xs-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit.unit-xs-horizontal > .unit-left + .unit-right, .unit.unit-xs-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit.unit-xs-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit.unit-xs--inverse > [class*='unit-']:first-child, .unit.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit.unit-xs--inverse > [class*='unit-']:last-child, .unit.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 768px) { .unit.unit-sm > [class*='unit-']:first-child, .unit.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit.unit-sm > .unit-left + .unit-right, .unit.unit-sm > .unit-left + .unit-body, .unit.unit-sm-vertical > .unit-left + .unit-right, .unit.unit-sm-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit.unit-sm > .unit-body + .unit-right, .unit.unit-sm-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit.unit-sm-horizontal > .unit-left + .unit-right, .unit.unit-sm-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit.unit-sm-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit.unit-sm--inverse > [class*='unit-']:first-child, .unit.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit.unit-sm--inverse > [class*='unit-']:last-child, .unit.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 992px) { .unit.unit-md > [class*='unit-']:first-child, .unit.unit-md-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit.unit-md > .unit-left + .unit-right, .unit.unit-md > .unit-left + .unit-body, .unit.unit-md-vertical > .unit-left + .unit-right, .unit.unit-md-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit.unit-md > .unit-body + .unit-right, .unit.unit-md-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit.unit-md-horizontal > .unit-left + .unit-right, .unit.unit-md-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit.unit-md-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit.unit-md--inverse > [class*='unit-']:first-child, .unit.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit.unit-md--inverse > [class*='unit-']:last-child, .unit.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 1200px) { .unit.unit-lg > [class*='unit-']:first-child, .unit.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit.unit-lg > .unit-left + .unit-right, .unit.unit-lg > .unit-left + .unit-body, .unit.unit-lg-vertical > .unit-left + .unit-right, .unit.unit-lg-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit.unit-lg > .unit-body + .unit-right, .unit.unit-lg-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit.unit-lg-horizontal > .unit-left + .unit-right, .unit.unit-lg-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit.unit-lg-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit.unit-lg--inverse > [class*='unit-']:first-child, .unit.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit.unit-lg--inverse > [class*='unit-']:last-child, .unit.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 1600px) { .unit.unit-xl > [class*='unit-']:first-child, .unit.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit.unit-xl > .unit-left + .unit-right, .unit.unit-xl > .unit-left + .unit-body, .unit.unit-xl-vertical > .unit-left + .unit-right, .unit.unit-xl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit.unit-xl > .unit-body + .unit-right, .unit.unit-xl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit.unit-xl-horizontal > .unit-left + .unit-right, .unit.unit-xl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit.unit-xl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit.unit-xl--inverse > [class*='unit-']:first-child, .unit.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit.unit-xl--inverse > [class*='unit-']:last-child, .unit.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 1800px) { .unit.unit-xxl > [class*='unit-']:first-child, .unit.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit.unit-xxl > .unit-left + .unit-right, .unit.unit-xxl > .unit-left + .unit-body, .unit.unit-xxl-vertical > .unit-left + .unit-right, .unit.unit-xxl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit.unit-xxl > .unit-body + .unit-right, .unit.unit-xxl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit.unit-xxl-horizontal > .unit-left + .unit-right, .unit.unit-xxl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit.unit-xxl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit.unit-xxl--inverse > [class*='unit-']:first-child, .unit.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit.unit-xxl--inverse > [class*='unit-']:last-child, .unit.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } .unit-spacing-sm.unit > [class*='unit-']:first-child, .unit-spacing-sm.unit-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-sm.unit > .unit-left + .unit-right, .unit-spacing-sm.unit > .unit-left + .unit-body, .unit-spacing-sm.unit-vertical > .unit-left + .unit-right, .unit-spacing-sm.unit-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit > .unit-body + .unit-right, .unit-spacing-sm.unit-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-horizontal > .unit-left + .unit-right, .unit-spacing-sm.unit-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 10px; } .unit-spacing-sm.unit-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 10px; } .unit-spacing-sm.unit--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit--inverse.unit-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-sm.unit--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit--inverse.unit-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-sm.unit--inverse.unit-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit--inverse.unit-horizontal > [class*='unit-']:last-child { padding-left: 0; } @media (min-width: 480px) { .unit-spacing-sm.unit-xs > [class*='unit-']:first-child, .unit-spacing-sm.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-sm.unit-xs > .unit-left + .unit-right, .unit-spacing-sm.unit-xs > .unit-left + .unit-body, .unit-spacing-sm.unit-xs-vertical > .unit-left + .unit-right, .unit-spacing-sm.unit-xs-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-xs > .unit-body + .unit-right, .unit-spacing-sm.unit-xs-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-xs-horizontal > .unit-left + .unit-right, .unit-spacing-sm.unit-xs-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-xs-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-sm.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-sm.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) { .unit-spacing-sm.unit-sm > [class*='unit-']:first-child, .unit-spacing-sm.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-sm.unit-sm > .unit-left + .unit-right, .unit-spacing-sm.unit-sm > .unit-left + .unit-body, .unit-spacing-sm.unit-sm-vertical > .unit-left + .unit-right, .unit-spacing-sm.unit-sm-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-sm > .unit-body + .unit-right, .unit-spacing-sm.unit-sm-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-sm-horizontal > .unit-left + .unit-right, .unit-spacing-sm.unit-sm-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-sm-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-sm.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-sm.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 992px) { .unit-spacing-sm.unit-md > [class*='unit-']:first-child, .unit-spacing-sm.unit-md-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-sm.unit-md > .unit-left + .unit-right, .unit-spacing-sm.unit-md > .unit-left + .unit-body, .unit-spacing-sm.unit-md-vertical > .unit-left + .unit-right, .unit-spacing-sm.unit-md-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-md > .unit-body + .unit-right, .unit-spacing-sm.unit-md-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-md-horizontal > .unit-left + .unit-right, .unit-spacing-sm.unit-md-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-md-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-sm.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-sm.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) { .unit-spacing-sm.unit-lg > [class*='unit-']:first-child, .unit-spacing-sm.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-sm.unit-lg > .unit-left + .unit-right, .unit-spacing-sm.unit-lg > .unit-left + .unit-body, .unit-spacing-sm.unit-lg-vertical > .unit-left + .unit-right, .unit-spacing-sm.unit-lg-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-lg > .unit-body + .unit-right, .unit-spacing-sm.unit-lg-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-lg-horizontal > .unit-left + .unit-right, .unit-spacing-sm.unit-lg-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-lg-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-sm.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-sm.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) { .unit-spacing-sm.unit-xl > [class*='unit-']:first-child, .unit-spacing-sm.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-sm.unit-xl > .unit-left + .unit-right, .unit-spacing-sm.unit-xl > .unit-left + .unit-body, .unit-spacing-sm.unit-xl-vertical > .unit-left + .unit-right, .unit-spacing-sm.unit-xl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-xl > .unit-body + .unit-right, .unit-spacing-sm.unit-xl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-xl-horizontal > .unit-left + .unit-right, .unit-spacing-sm.unit-xl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-xl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-sm.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-sm.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1800px) { .unit-spacing-sm.unit-xxl > [class*='unit-']:first-child, .unit-spacing-sm.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-sm.unit-xxl > .unit-left + .unit-right, .unit-spacing-sm.unit-xxl > .unit-left + .unit-body, .unit-spacing-sm.unit-xxl-vertical > .unit-left + .unit-right, .unit-spacing-sm.unit-xxl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-xxl > .unit-body + .unit-right, .unit-spacing-sm.unit-xxl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-sm.unit-xxl-horizontal > .unit-left + .unit-right, .unit-spacing-sm.unit-xxl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-xxl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-sm.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-sm.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 20px; } .unit-spacing-sm.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) { .unit-spacing-md-midle.unit > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md-midle.unit > .unit-left + .unit-right, .unit-spacing-md-midle.unit > .unit-left + .unit-body, .unit-spacing-md-midle.unit-vertical > .unit-left + .unit-right, .unit-spacing-md-midle.unit-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit > .unit-body + .unit-right, .unit-spacing-md-midle.unit-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-horizontal > .unit-left + .unit-right, .unit-spacing-md-midle.unit-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit--inverse.unit-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md-midle.unit--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit--inverse.unit-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md-midle.unit--inverse.unit-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit--inverse.unit-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 480px) { .unit-spacing-md-midle.unit-xs > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md-midle.unit-xs > .unit-left + .unit-right, .unit-spacing-md-midle.unit-xs > .unit-left + .unit-body, .unit-spacing-md-midle.unit-xs-vertical > .unit-left + .unit-right, .unit-spacing-md-midle.unit-xs-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-xs > .unit-body + .unit-right, .unit-spacing-md-midle.unit-xs-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-xs-horizontal > .unit-left + .unit-right, .unit-spacing-md-midle.unit-xs-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-xs-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md-midle.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md-midle.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 768px) { .unit-spacing-md-midle.unit-sm > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md-midle.unit-sm > .unit-left + .unit-right, .unit-spacing-md-midle.unit-sm > .unit-left + .unit-body, .unit-spacing-md-midle.unit-sm-vertical > .unit-left + .unit-right, .unit-spacing-md-midle.unit-sm-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-sm > .unit-body + .unit-right, .unit-spacing-md-midle.unit-sm-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-sm-horizontal > .unit-left + .unit-right, .unit-spacing-md-midle.unit-sm-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-sm-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md-midle.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md-midle.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 992px) { .unit-spacing-md-midle.unit-md > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-md-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md-midle.unit-md > .unit-left + .unit-right, .unit-spacing-md-midle.unit-md > .unit-left + .unit-body, .unit-spacing-md-midle.unit-md-vertical > .unit-left + .unit-right, .unit-spacing-md-midle.unit-md-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-md > .unit-body + .unit-right, .unit-spacing-md-midle.unit-md-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-md-horizontal > .unit-left + .unit-right, .unit-spacing-md-midle.unit-md-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-md-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md-midle.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md-midle.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 1200px) { .unit-spacing-md-midle.unit-lg > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md-midle.unit-lg > .unit-left + .unit-right, .unit-spacing-md-midle.unit-lg > .unit-left + .unit-body, .unit-spacing-md-midle.unit-lg-vertical > .unit-left + .unit-right, .unit-spacing-md-midle.unit-lg-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-lg > .unit-body + .unit-right, .unit-spacing-md-midle.unit-lg-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-lg-horizontal > .unit-left + .unit-right, .unit-spacing-md-midle.unit-lg-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-lg-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md-midle.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md-midle.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 1600px) { .unit-spacing-md-midle.unit-xl > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md-midle.unit-xl > .unit-left + .unit-right, .unit-spacing-md-midle.unit-xl > .unit-left + .unit-body, .unit-spacing-md-midle.unit-xl-vertical > .unit-left + .unit-right, .unit-spacing-md-midle.unit-xl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-xl > .unit-body + .unit-right, .unit-spacing-md-midle.unit-xl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-xl-horizontal > .unit-left + .unit-right, .unit-spacing-md-midle.unit-xl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-xl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md-midle.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md-midle.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) and (min-width: 1800px) { .unit-spacing-md-midle.unit-xxl > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md-midle.unit-xxl > .unit-left + .unit-right, .unit-spacing-md-midle.unit-xxl > .unit-left + .unit-body, .unit-spacing-md-midle.unit-xxl-vertical > .unit-left + .unit-right, .unit-spacing-md-midle.unit-xxl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-xxl > .unit-body + .unit-right, .unit-spacing-md-midle.unit-xxl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md-midle.unit-xxl-horizontal > .unit-left + .unit-right, .unit-spacing-md-midle.unit-xxl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-xxl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-md-midle.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md-midle.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-md-midle.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md-midle.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 50px; } .unit-spacing-md-midle.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } .unit-spacing-md.unit > [class*='unit-']:first-child, .unit-spacing-md.unit-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit > .unit-left + .unit-right, .unit-spacing-md.unit > .unit-left + .unit-body, .unit-spacing-md.unit-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit > .unit-body + .unit-right, .unit-spacing-md.unit-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit--inverse.unit-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit--inverse.unit-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit--inverse.unit-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit--inverse.unit-horizontal > [class*='unit-']:last-child { padding-left: 0; } @media (min-width: 480px) { .unit-spacing-md.unit-xs > [class*='unit-']:first-child, .unit-spacing-md.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-xs > .unit-left + .unit-right, .unit-spacing-md.unit-xs > .unit-left + .unit-body, .unit-spacing-md.unit-xs-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-xs-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xs > .unit-body + .unit-right, .unit-spacing-md.unit-xs-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xs-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-xs-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-xs-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) { .unit-spacing-md.unit-sm > [class*='unit-']:first-child, .unit-spacing-md.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-sm > .unit-left + .unit-right, .unit-spacing-md.unit-sm > .unit-left + .unit-body, .unit-spacing-md.unit-sm-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-sm-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-sm > .unit-body + .unit-right, .unit-spacing-md.unit-sm-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-sm-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-sm-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-sm-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 992px) { .unit-spacing-md.unit-md > [class*='unit-']:first-child, .unit-spacing-md.unit-md-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-md > .unit-left + .unit-right, .unit-spacing-md.unit-md > .unit-left + .unit-body, .unit-spacing-md.unit-md-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-md-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-md > .unit-body + .unit-right, .unit-spacing-md.unit-md-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-md-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-md-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-md-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) { .unit-spacing-md.unit-lg > [class*='unit-']:first-child, .unit-spacing-md.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-lg > .unit-left + .unit-right, .unit-spacing-md.unit-lg > .unit-left + .unit-body, .unit-spacing-md.unit-lg-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-lg-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-lg > .unit-body + .unit-right, .unit-spacing-md.unit-lg-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-lg-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-lg-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-lg-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) { .unit-spacing-md.unit-xl > [class*='unit-']:first-child, .unit-spacing-md.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-xl > .unit-left + .unit-right, .unit-spacing-md.unit-xl > .unit-left + .unit-body, .unit-spacing-md.unit-xl-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-xl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xl > .unit-body + .unit-right, .unit-spacing-md.unit-xl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xl-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-xl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-xl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1800px) { .unit-spacing-md.unit-xxl > [class*='unit-']:first-child, .unit-spacing-md.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-xxl > .unit-left + .unit-right, .unit-spacing-md.unit-xxl > .unit-left + .unit-body, .unit-spacing-md.unit-xxl-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-xxl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xxl > .unit-body + .unit-right, .unit-spacing-md.unit-xxl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xxl-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-xxl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-xxl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 30px; } .unit-spacing-md.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) { .unit-spacing-md.unit > [class*='unit-']:first-child, .unit-spacing-md.unit-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit > .unit-left + .unit-right, .unit-spacing-md.unit > .unit-left + .unit-body, .unit-spacing-md.unit-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit > .unit-body + .unit-right, .unit-spacing-md.unit-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit--inverse.unit-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit--inverse.unit-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit--inverse.unit-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit--inverse.unit-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) and (min-width: 480px) { .unit-spacing-md.unit-xs > [class*='unit-']:first-child, .unit-spacing-md.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-xs > .unit-left + .unit-right, .unit-spacing-md.unit-xs > .unit-left + .unit-body, .unit-spacing-md.unit-xs-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-xs-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xs > .unit-body + .unit-right, .unit-spacing-md.unit-xs-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xs-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-xs-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-xs-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) and (min-width: 768px) { .unit-spacing-md.unit-sm > [class*='unit-']:first-child, .unit-spacing-md.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-sm > .unit-left + .unit-right, .unit-spacing-md.unit-sm > .unit-left + .unit-body, .unit-spacing-md.unit-sm-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-sm-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-sm > .unit-body + .unit-right, .unit-spacing-md.unit-sm-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-sm-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-sm-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-sm-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) and (min-width: 992px) { .unit-spacing-md.unit-md > [class*='unit-']:first-child, .unit-spacing-md.unit-md-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-md > .unit-left + .unit-right, .unit-spacing-md.unit-md > .unit-left + .unit-body, .unit-spacing-md.unit-md-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-md-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-md > .unit-body + .unit-right, .unit-spacing-md.unit-md-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-md-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-md-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-md-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .unit-spacing-md.unit-lg > [class*='unit-']:first-child, .unit-spacing-md.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-lg > .unit-left + .unit-right, .unit-spacing-md.unit-lg > .unit-left + .unit-body, .unit-spacing-md.unit-lg-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-lg-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-lg > .unit-body + .unit-right, .unit-spacing-md.unit-lg-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-lg-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-lg-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-lg-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) and (min-width: 1600px) { .unit-spacing-md.unit-xl > [class*='unit-']:first-child, .unit-spacing-md.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-xl > .unit-left + .unit-right, .unit-spacing-md.unit-xl > .unit-left + .unit-body, .unit-spacing-md.unit-xl-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-xl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xl > .unit-body + .unit-right, .unit-spacing-md.unit-xl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xl-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-xl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-xl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) and (min-width: 1800px) { .unit-spacing-md.unit-xxl > [class*='unit-']:first-child, .unit-spacing-md.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-md.unit-xxl > .unit-left + .unit-right, .unit-spacing-md.unit-xxl > .unit-left + .unit-body, .unit-spacing-md.unit-xxl-vertical > .unit-left + .unit-right, .unit-spacing-md.unit-xxl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xxl > .unit-body + .unit-right, .unit-spacing-md.unit-xxl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-md.unit-xxl-horizontal > .unit-left + .unit-right, .unit-spacing-md.unit-xxl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-xxl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-md.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-md.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-md.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-md.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 65px; } .unit-spacing-md.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } .unit-spacing-xxl.unit > [class*='unit-']:first-child, .unit-spacing-xxl.unit-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit > .unit-left + .unit-right, .unit-spacing-xxl.unit > .unit-left + .unit-body, .unit-spacing-xxl.unit-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit > .unit-body + .unit-right, .unit-spacing-xxl.unit-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit--inverse.unit-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-xxl.unit--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit--inverse.unit-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit--inverse.unit-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit--inverse.unit-horizontal > [class*='unit-']:last-child { padding-left: 0; } @media (min-width: 480px) { .unit-spacing-xxl.unit-xs > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-xs > .unit-left + .unit-right, .unit-spacing-xxl.unit-xs > .unit-left + .unit-body, .unit-spacing-xxl.unit-xs-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-xs-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-xs > .unit-body + .unit-right, .unit-spacing-xxl.unit-xs-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-xs-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-xs-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-xs-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-xxl.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) { .unit-spacing-xxl.unit-sm > [class*='unit-']:first-child, .unit-spacing-xxl.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-sm > .unit-left + .unit-right, .unit-spacing-xxl.unit-sm > .unit-left + .unit-body, .unit-spacing-xxl.unit-sm-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-sm-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-sm > .unit-body + .unit-right, .unit-spacing-xxl.unit-sm-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-sm-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-sm-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-sm-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-xxl.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 992px) { .unit-spacing-xxl.unit-md > [class*='unit-']:first-child, .unit-spacing-xxl.unit-md-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-md > .unit-left + .unit-right, .unit-spacing-xxl.unit-md > .unit-left + .unit-body, .unit-spacing-xxl.unit-md-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-md-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-md > .unit-body + .unit-right, .unit-spacing-xxl.unit-md-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-md-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-md-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-md-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-xxl.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1200px) { .unit-spacing-xxl.unit-lg > [class*='unit-']:first-child, .unit-spacing-xxl.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-lg > .unit-left + .unit-right, .unit-spacing-xxl.unit-lg > .unit-left + .unit-body, .unit-spacing-xxl.unit-lg-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-lg-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-lg > .unit-body + .unit-right, .unit-spacing-xxl.unit-lg-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-lg-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-lg-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-lg-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-xxl.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1600px) { .unit-spacing-xxl.unit-xl > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-xl > .unit-left + .unit-right, .unit-spacing-xxl.unit-xl > .unit-left + .unit-body, .unit-spacing-xxl.unit-xl-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-xl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-xl > .unit-body + .unit-right, .unit-spacing-xxl.unit-xl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-xl-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-xl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-xl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-xxl.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 1800px) { .unit-spacing-xxl.unit-xxl > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-xxl > .unit-left + .unit-right, .unit-spacing-xxl.unit-xxl > .unit-left + .unit-body, .unit-spacing-xxl.unit-xxl-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-xxl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-xxl > .unit-body + .unit-right, .unit-spacing-xxl.unit-xxl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 10px; } .unit-spacing-xxl.unit-xxl-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-xxl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-xxl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 10px; } .unit-spacing-xxl.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 15px; } .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) { .unit-spacing-xxl.unit > [class*='unit-']:first-child, .unit-spacing-xxl.unit-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit > .unit-left + .unit-right, .unit-spacing-xxl.unit > .unit-left + .unit-body, .unit-spacing-xxl.unit-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit > .unit-body + .unit-right, .unit-spacing-xxl.unit-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit--inverse.unit-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-xxl.unit--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit--inverse.unit-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit--inverse.unit-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit--inverse.unit-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) and (min-width: 480px) { .unit-spacing-xxl.unit-xs > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-xs > .unit-left + .unit-right, .unit-spacing-xxl.unit-xs > .unit-left + .unit-body, .unit-spacing-xxl.unit-xs-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-xs-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-xs > .unit-body + .unit-right, .unit-spacing-xxl.unit-xs-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-xs-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-xs-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-xs-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-xs--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-xxl.unit-xs--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xs--inverse.unit-xs-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-xs--inverse.unit-xs-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) and (min-width: 768px) { .unit-spacing-xxl.unit-sm > [class*='unit-']:first-child, .unit-spacing-xxl.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-sm > .unit-left + .unit-right, .unit-spacing-xxl.unit-sm > .unit-left + .unit-body, .unit-spacing-xxl.unit-sm-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-sm-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-sm > .unit-body + .unit-right, .unit-spacing-xxl.unit-sm-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-sm-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-sm-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-sm-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-sm--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-xxl.unit-sm--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-sm--inverse.unit-sm-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-sm--inverse.unit-sm-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) and (min-width: 992px) { .unit-spacing-xxl.unit-md > [class*='unit-']:first-child, .unit-spacing-xxl.unit-md-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-md > .unit-left + .unit-right, .unit-spacing-xxl.unit-md > .unit-left + .unit-body, .unit-spacing-xxl.unit-md-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-md-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-md > .unit-body + .unit-right, .unit-spacing-xxl.unit-md-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-md-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-md-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-md-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-md--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-xxl.unit-md--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-md--inverse.unit-md-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-md--inverse.unit-md-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) and (min-width: 1200px) { .unit-spacing-xxl.unit-lg > [class*='unit-']:first-child, .unit-spacing-xxl.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-lg > .unit-left + .unit-right, .unit-spacing-xxl.unit-lg > .unit-left + .unit-body, .unit-spacing-xxl.unit-lg-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-lg-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-lg > .unit-body + .unit-right, .unit-spacing-xxl.unit-lg-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-lg-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-lg-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-lg-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-lg--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-xxl.unit-lg--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-lg--inverse.unit-lg-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-lg--inverse.unit-lg-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) and (min-width: 1600px) { .unit-spacing-xxl.unit-xl > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-xl > .unit-left + .unit-right, .unit-spacing-xxl.unit-xl > .unit-left + .unit-body, .unit-spacing-xxl.unit-xl-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-xl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-xl > .unit-body + .unit-right, .unit-spacing-xxl.unit-xl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-xl-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-xl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-xl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-xl--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-xxl.unit-xl--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xl--inverse.unit-xl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-xl--inverse.unit-xl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } @media (min-width: 768px) and (min-width: 1800px) { .unit-spacing-xxl.unit-xxl > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-spacing-xxl.unit-xxl > .unit-left + .unit-right, .unit-spacing-xxl.unit-xxl > .unit-left + .unit-body, .unit-spacing-xxl.unit-xxl-vertical > .unit-left + .unit-right, .unit-spacing-xxl.unit-xxl-vertical > .unit-left + .unit-body { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-xxl > .unit-body + .unit-right, .unit-spacing-xxl.unit-xxl-vertical > .unit-body + .unit-right { padding-left: 0; padding-top: 20px; } .unit-spacing-xxl.unit-xxl-horizontal > .unit-left + .unit-right, .unit-spacing-xxl.unit-xxl-horizontal > .unit-left + .unit-body { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-xxl-horizontal > .unit-body + .unit-right { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-xxl--inverse > [class*='unit-']:first-child, .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 20px; } .unit-spacing-xxl.unit-xxl--inverse > [class*='unit-']:last-child, .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-vertical > [class*='unit-']:last-child { padding-top: 0; } .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:first-child { padding-top: 0; padding-left: 115px; } .unit-spacing-xxl.unit-xxl--inverse.unit-xxl-horizontal > [class*='unit-']:last-child { padding-left: 0; } } /* * * Plugins * ================================================== */ /* * * Animate.css * -------------------------------------------------- */ .animated, .desktop .pricing-box-alternative, .jp-video:before { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animated.infinite, .desktop .infinite.pricing-box-alternative, .infinite.jp-video:before { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge, .desktop .hinge.pricing-box-alternative, .hinge.jp-video:before { -webkit-animation-duration: 2s; animation-duration: 2s; } html:not(.lt-ie10) .not-animated { opacity: 0; } /** * FadeIn Keyframes Animation */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn, .desktop .pricing-box-alternative:hover, .jp-video:hover:before { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /** * FadeInUp Keyframes Animation */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /** * FadeInDown Keyframes Animation */ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /** * FadeInLeft Keyframes Animation */ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /** * FadeInRight Keyframes Animation */ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /* ** * FadeOut Keyframes Animation */ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /** * SlideInDown Keyframes Animation */ @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } /** * SlideInUp Keyframes Animation */ @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /** * SlideInLeft Keyframes Animation */ @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } /** * SlideInRight Keyframes Animation */ @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } /** * SlideOutDown Keyframes Animation */ @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } .fxRotateInDown { -webkit-animation: fxRotateInDown .6s forwards; animation: fxRotateInDown .6s forwards; } @keyframes fxRotateInDown { 0% { animation-timing-function: linear; opacity: 0; transform: translate3d(0, -55px, 0) scale(0.8); filter: blur(10px); } 100% { transform: translate3d(0, 0px, 0) scale(1); opacity: 1; filter: blur(0); } } .fxRotateInUp { -webkit-animation: fxRotateInUp .6s forwards; animation: fxRotateInUp .6s forwards; } @keyframes fxRotateInUp { 0% { animation-timing-function: linear; transform: translate3d(0, 55px, 0) scale(0.8); opacity: 0; filter: blur(10px); } 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; filter: blur(0); } } .fxBlurInRight { -webkit-animation: fxBlurInRight .4s forwards; animation: fxBlurInRight .4s forwards; } @keyframes fxBlurInRight { 0% { animation-timing-function: linear; transform: translate3d(-105px, 0, 0) scale(0.8); opacity: 0; filter: blur(5px); } 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; filter: blur(0); } } .blurIn { -webkit-animation: blurIn .7s forwards; animation: blurIn .7s forwards; } @keyframes blurIn { 0% { opacity: 0; filter: blur(10px); transform: scale3d(0.85, 0.85, 0.85); } 100% { opacity: 1; filter: blur(0); transform: scale3d(1, 1, 1); } } .blurInButton { -webkit-animation: blurInButton .9s forwards; animation: blurInButton .9s forwards; } @keyframes blurInButton { 0% { opacity: 0; filter: blur(5px); } 100% { opacity: 1; filter: blur(0); } } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } .fadeInRightSmall { animation-name: fadeInRightSmall; } @keyframes fadeInRightSmall { 0% { opacity: 0; transform: translateX(120px) scale(0.8); } 100% { opacity: 1; transform: translateX(0) scale(1); } } .fadeInLeftSmall { animation-name: fadeInLeftSmall; } @keyframes fadeInLeftSmall { 0% { opacity: 0; transform: translateX(-120px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInUpSmall { animation-name: fadeInUpSmall; transform-origin: 50% 100%; } @keyframes fadeInUpSmall { 0% { opacity: 0; transform: translateY(90px); } 100% { opacity: 1; transform: translateY(0); } } .book { position: relative; margin: 0 auto; width: 188px; height: 246px; text-align: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.5s, opacity 0.3s 0.3s; transition: transform 0.5s, opacity 0.3s 0.3s; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .details-open .book { margin: 0 auto 0 20px; } @media (min-width: 480px) { .book { margin: 0 auto; } .details-open .book { margin: 0 auto; } } .block-with-details.details-open .book { box-shadow: none; } .book[data-book="book-1"] .front { background: url(../images/book-01-188x246.jpg); } .book[data-book="book-1"] .cover::before { background: url(../images/book-01-cover.jpg), linear-gradient(to right, #0d47a0 0%, #062f6e 100%); } .book[data-book="book-2"] .front { background: url(../images/book-02-188x246.jpg); } .book[data-book="book-2"] .cover::before { background: url(../images/book-2-cover.jpg), linear-gradient(to right, #0a8738 0%, #025320 100%); } .book[data-book="book-3"] .front { background: url(../images/book-03-188x246.jpg); } .book[data-book="book-3"] .cover::before { background: url(../images/book-3-cover.jpg), linear-gradient(to right, #d84315 0%, #8f2606 100%); } .book[data-book="book-4"] .front { background: url(../images/book-04-188x246.jpg); } .book[data-book="book-4"] .cover::before { background: url(../images/book-4-cover.jpg); } .book[data-book="book-5"] .front { background: url(../images/book-05-188x246.jpg); } .book[data-book="book-5"] .cover::before { background: url(../images/book-5-cover.jpg); } .book[data-book="book-6"] .front { background: url(../images/book-06-188x246.jpg); } .book[data-book="book-6"] .cover::before { background: url(../images/book-6-cover.jpg); } .book .front { -webkit-background-size: cover !important; background-size: cover !important; } .book div { position: absolute; width: 100%; height: 100%; border-color: #33373b; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .details-open .book div { height: 246px; } .cover { z-index: 10; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cover::before { position: absolute; left: 0; z-index: 10; visibility: hidden; width: 20px; height: 100%; background: #000000; content: ''; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .front { background-position: center center; background-size: cover; background-repeat: no-repeat; } .inner { border-width: 3px; border-style: solid; background-color: #ffffff; } .book .inner-left { border-right: none; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .inner-right { border-left: none; background-color: #dddddd; -webkit-transition: background-color 0.5s 0.25s; transition: background-color 0.5s 0.25s; } .show-details { display: inline-block; margin-top: 20px; text-align: center; color: #008dcc; letter-spacing: 0.02em; cursor: pointer; } .show-details:hover { color: #002372; } .details { position: relative; } .details ul { max-width: 70%; margin-left: auto; margin-right: 15px; text-align: left; margin-top: 20px; } @media (min-width: 1600px) { .details ul { max-width: 270px; margin-left: auto; margin-right: 30px; } } .close-details { position: absolute; top: 28px; right: 35px; visibility: hidden; width: 20px; height: 20px; font-size: 0; opacity: 1; cursor: pointer; } .close-details:before, .close-details:after { position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #c2c2c3; content: ''; } .close-details:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close-details:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close-details:hover { opacity: 1; } .details-open .close-details { visibility: visible; } .details-open .book { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(0px) rotateY(90deg); transform: translateX(19px) rotateY(90deg); } @media (min-width: 480px) { .details-open .book { transform: translateX(-56px) rotateY(90deg); } } @media (min-width: 768px) { .details-open .book { transform: translateX(-30px) rotateY(90deg); } } @media (min-width: 992px) { .details-open .book { transform: translateX(-10px) rotateY(90deg); } } @media (min-width: 1200px) { .details-open .book { transform: translateX(-4px) rotateY(90deg); } } @media (min-width: 1600px) { .details-open .book { -webkit-transform: translateX(-56px) rotateY(90deg); transform: translateX(-56px) rotateY(90deg); } } .cover::before { -webkit-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } .details-open .cover::before { visibility: visible; -webkit-transition: none; transition: none; } .details { padding-top: 1px; visibility: hidden; opacity: 0; z-index: -1; max-height: 0; } .details-open .details { display: block; margin-top: 60px; padding-bottom: 20px; max-height: 100%; visibility: visible; opacity: 1; z-index: 10; -webkit-transition: opacity 0.5s, visibility 0s; transition: opacity 0.5s, visibility 0s; will-change: transfrom; } .block-with-details { position: relative; z-index: 1; display: inline-block; margin-left: auto; margin-right: auto; width: 100%; min-height: 541px; max-width: 420px; overflow: hidden; vertical-align: top; text-align: center; border-radius: 9px; } .block-with-details .figcaption { transition: .3s ease-out all, .15s ease-out opacity; visibility: visible; margin-top: 20px; opacity: 1; bottom: 0; left: 0; right: 0; transform: translateY(0px); text-align: center; will-change: transfrom; } .block-with-details:before { content: ''; z-index: -1; position: absolute; bottom: 0; left: 0; top: 0; right: 0; background-color: #fff; opacity: 0; border-radius: 9px; pointer-events: none; } .block-with-details.details-open { z-index: 101; -webkit-transition: none; transition: none; box-shadow: 0 5px 12px 0 #dcdeec; } .block-with-details.details-open .perspective { position: absolute; } .block-with-details.details-open .figcaption { position: absolute; visibility: hidden; opacity: 0; transform: translateY(20px); } .block-with-details.details-open:before { opacity: 1; } @media (min-width: 1600px) { .block-with-details { min-height: 589px; } } @media (min-width: 1800px) { .block-with-details { min-height: 589px; } } .book-cite { color: #29293a; } .book-tag { color: #002372; font-style: italic; } .book-tag a { font-style: inherit; color: #002372; } .book-tag a:hover { color: #008dcc; } .perspective { position: relative; width: 100%; margin-top: 60px; -webkit-perspective: 1800px; perspective: 1800px; } .book-title { color: #002372; } .book-title a { color: inherit; } .book-title a:hover { color: #008dcc; } @media (min-width: 1600px) { .book-title { min-height: 68px; } } .book-title, .book-cite, .book-content { letter-spacing: 0.02em; } * + .book-title { margin-top: 20px; } * + .book-cite { margin-top: 10px; } * + .book-content { margin-top: 15px; } * + .book-tag { margin-top: 10px; } * + .book-price { margin-top: 20px; } * + .book-button { margin-top: 20px; } @media (min-width: 1600px) { .block-with-details .figcaption { margin-top: 40px; } * + .book-cite { margin-top: 15px; } * + .book-content { margin-top: 22px; } * + .book-tag { margin-top: 19px; } } .block-with-details.details-open::before { visibility: visible; opacity: 1; -webkit-transition: opacity 0.3s, visibility 0s; transition: opacity 0.3s, visibility 0s; } .block-with-details.details-open::after { height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } @-webkit-keyframes openSmallBook { 0% { } 55%, 100% { -webkit-transform: rotateY(-180deg); } } @keyframes openSmallBook { 0% { } 55%, 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } } @-webkit-keyframes closeSmallBook { 0%, 45% { -webkit-transform: rotateY(-180deg); } 100% { -webkit-transform: rotateY(0deg); } } @keyframes closeSmallBook { 0%, 45% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes scaleUpSmallBook { 0% { } 85%, 100% { -webkit-transform: scale(1.4); } } @keyframes scaleUpSmallBook { 0% { } 85%, 100% { -webkit-transform: scale(1.4); transform: scale(1.4); } } @-webkit-keyframes scaleDownSmallBook { 0%, 15% { -webkit-transform: scale(1.4); } 100% { -webkit-transform: scale(1); } } @keyframes scaleDownSmallBook { 0%, 15% { -webkit-transform: scale(1.4); transform: scale(1.4); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /** * Video BG */ .bg-vide { position: relative; z-index: 0; } .video-background { position: relative; overflow: hidden; background-color: #000000; } .video-background-poster { display: none; } .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-foreground { height: 300%; top: -100%; } .video-foreground iframe { left: -5px; width: calc(100% + 5px); } .video-background-inner { position: relative; z-index: 1; } [data-x-mode="true"] .video-foreground, .builder .video-foreground, .ios .video-foreground, .ipad .video-foreground, .tablet .video-foreground, .devices .video-foreground, .mobile .video-foreground { display: none; } [data-x-mode="true"] .video-background-poster, .builder .video-background-poster, .ios .video-background-poster, .ipad .video-background-poster, .tablet .video-background-poster, .devices .video-background-poster, .mobile .video-background-poster { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } [data-x-mode="true"] .video-background-poster img, .builder .video-background-poster img, .ios .video-background-poster img, .ipad .video-background-poster img, .tablet .video-background-poster img, .devices .video-background-poster img, .mobile .video-background-poster img { object-fit: cover; object-position: center; width: 100%; height: 100%; } * + .bg-vide, * + .video-background { margin-top: 50px; } @media (min-width: 992px) { * + .bg-vide, * + .video-background { margin-top: 60px; } } .dtp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 2000; } .dtp > .dtp-content { position: relative; overflow: hidden; left: 50%; max-width: 320px; margin: 0 auto; background: #fff; border-radius: 35px; box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17); } @media (max-width: 767px) { .dtp > .dtp-content { max-width: 300px; max-height: 90vh; overflow-y: auto; } } .dtp-header { position: relative; background: #fff; color: #29293a; padding: 8px 15px; text-align: center; } .dtp-date, .dtp-time { background: #fff; text-align: center; color: #29293a; padding: 10px; } .dtp-date > div { padding: 0; margin: 0; vertical-align: middle; } .dtp-actual-month, .dtp-actual-num, .dtp-actual-year { font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; color: #29293a; } .dtp-actual-month { font-size: 1.3em; } .dtp-actual-num, .dtp-actual-maxtime { font-size: 2.8em; line-height: 1; } .dtp-date .dtp-actual-num { padding: 5px 0; } .dtp-actual-year { font-size: 1.5em; color: #29293a; } .dtp-picker { padding: 1rem; text-align: center; } .dtp-picker-month, .dtp-actual-time { text-align: center; } .dtp-close { position: absolute; top: 5px; bottom: 0; right: 2rem; } .dtp-close > a { display: inline-block; vertical-align: middle; color: #29293a; } .dtp-close > a:hover { color: #008dcc; } .dtp table.dtp-picker-days { margin: 0; border: none; } .dtp table.dtp-picker-days tr { border: none; } .dtp table.dtp-picker-days tr > td { border: none; font-weight: 300; font-size: 16px; text-align: center; vertical-align: middle; padding: 1rem 0.3rem; color: #c2c2c3; } .dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #bdbdbd !important; } .dtp table.dtp-picker-days tr > td > a { display: inline-block; color: #29293a; width: 32px; height: 32px; text-align: center; line-height: 30px; border-radius: 50%; transition: .3s all ease; } .dtp .dtp-picker-time > a { color: #000000; padding: 0.4rem 0.5rem 0.5rem 0.6rem; border-radius: 50% !important; } .dtp table.dtp-picker-days tr > td > a { border: 1px solid transparent; } .dtp table.dtp-picker-days tr > td > a.selected { background: #002372; border-color: #002372; color: #fff; } .dtp table.dtp-picker-days tr > td > a:hover { border-color: #002372; } .dtp table.dtp-picker-days tr > th { color: #555555; text-align: center; font-weight: 300; padding: 0.4rem 0.3rem 0.6rem; border-bottom: 1px solid #ededed; } .dtp .p10, .dtp .p20, .dtp .p60, .dtp .p80 { display: inline-block; vertical-align: middle; } .dtp .p10 { width: 10%; } .dtp .p10 > a { color: #002372; font-size: 36px; line-height: 1.1; transition: .3s all ease; } .dtp .p10 > a:hover { color: #008dcc; } .dtp .p20 { width: 20%; } .dtp .p60 { width: 60%; } .dtp .p80 { width: 80%; } .dtp-picker-month { display: none !important; } .dtp-meridien-am, .dtp-meridien-pm { position: relative; top: 10px; color: #000000; font-weight: 500; padding: 0.7rem 0.5rem; border-radius: 50% !important; text-decoration: none; background: #eee; font-size: 1rem; } .dtp-actual-meridien a.selected { background: #008dcc; color: #fff; } .dtp-picker-time { position: absolute; width: 30px; height: 30px; font-size: 1em; border-radius: 50%; cursor: pointer; font-weight: 500; text-align: center !important; } .dtp-picker-time > a { display: block; line-height: 23px; padding: 0.3rem 0.3rem 0.3rem 0.3rem; } .dtp-picker-time > a.dtp-select-hour.selected { background: #008dcc; color: #fff; } .dtp-picker-time > a.dtp-select-hour.disabled { color: #333333; } .dtp-picker-time > a.dtp-select-minute.disabled { color: #333333; } .dtp-picker-time > a.dtp-select-minute.selected { background: #008dcc; color: #fff; } .dtp-picker-clock { margin: 1rem 2rem 0 2rem; padding: 1rem; border-radius: 50% !important; background: white; } .dtp-clock-center { width: 15px; height: 15px; background: #333333; border-radius: 50%; position: absolute; z-index: 50; } html[class*="ie"] .dtp-clock-center { display: none; } .dtp-hand, .dtp-hour-hand { position: absolute; width: 4px; margin-left: -2px; background: #333333; transform: rotate(0deg); transform-origin: bottom; z-index: 1; } html[class*="ie"] .dtp-hand, html[class*="ie"] .dtp-hour-hand { display: none; } .dtp-minute-hand { width: 2px; margin-left: -1px; } .dtp-hand.on { background: #008dcc; } .dtp-buttons { padding: 0 1rem 1rem 1rem; text-align: right; } .dtp .invisible { visibility: hidden; } .dtp-buttons.group { transform: translateY(-10px); margin-bottom: -10px; margin-left: -10px; } .dtp-buttons.group > * { display: inline-block; margin-top: 10px; margin-left: 10px; } .countdown { font-family: "Oswald", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; color: #29293a; } .countdown.countdown-expired { color: #c2c2c3; } * + .countdown { margin-top: 20px; } .countdown + .countdown { margin-top: 15px; } @media (min-width: 768px) { .countdown { font-size: 22px; } } @media (min-width: 1200px) { .countdown { font-size: 28px; } * + .countdown { margin-top: 40px; } .countdown + .countdown { margin-top: 30px; } } /* * * Counter * -------------------------------------------------- */ .counter-wrap { font-size: 24px; } .counter-wrap .icon { font-size: 28px; } .counter-wrap * + p { margin-top: 10px; } .counter-wrap .icon + * { margin-top: 8px; } @media (min-width: 768px) and (max-width: 1199px) { .cell-sm-3 .counter-wrap { font-size: 20px; } } @media (min-width: 992px) { .counter-wrap .icon { font-size: 32px; } } .c3 svg { padding-left: 4px; width: 100%; font: 10px sans-serif; -webkit-tap-highlight-color: transparent; } .c3 path, .c3 line { fill: none; stroke: #9f9f9f; } .c3 text { fill: #9b9b9b; font-size: 12px; font-weight: 400; font-family: "Lato", Helvetica, Arial, sans-serif; -webkit--select: none; -moz--select: none; -select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 13px; } /*-- Axis --*/ /*-- Grid --*/ .c3-grid line { stroke: #eaebee; } .c3-grid text { fill: #aaa; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 0 0; } /*-- Text on Chart --*/ .c3-text.c3-empty { fill: #808080; font-size: 2em; } /*-- Line --*/ .c3-line { stroke-width: 3px; } /*-- Point --*/ .c3-circle._expanded_ { stroke-width: 2px; stroke: white; } .c3-selected-circle { fill: white; stroke-width: 2px; } /*-- Bar --*/ .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } /*-- Focus --*/ .c3-target.c3-focused { opacity: 1; } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; } /*-- Region --*/ .c3-region { fill: steelblue; fill-opacity: .1; } /*-- Brush --*/ .c3-brush .extent { fill-opacity: .1; fill: #000; } /*-- Select - Drag --*/ /*-- Legend --*/ .c3-legend-item { font-size: 12px; } .c3-legend-item-hidden { opacity: 0.15; } .c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1; } /*-- Title --*/ .c3-title { font: 14px sans-serif; } /*-- Tooltip --*/ .c3-tooltip-container { z-index: 10; } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; -webkit-box-shadow: 7px 7px 12px -9px #777; -moz-box-shadow: 7px 7px 12px -9px #777; box-shadow: 7px 7px 12px -9px #777; opacity: 0.9; } .c3-tooltip tr { border: 1px solid #ccc; } .c3-tooltip th { background-color: #aaa; font-size: 14px; padding: 2px 5px; text-align: left; color: #fff; } .c3-tooltip td { font-size: 13px; padding: 3px 6px; background-color: #fff; color: #000000; border-left: 1px dotted #999; } .c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } .c3-tooltip td.value { text-align: right; } /*-- Area --*/ .c3-area { stroke-width: 0; opacity: 0.2; } /*-- Arc --*/ .c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px; } .c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777; } .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; } .c3-chart-arc .c3-gauge-value { fill: #000; } .c3 .domain { stroke: #c8c8c8; } .d3-chart .tick line { display: none; } .d3-chart .c3-tooltip-container { border-radius: 9px; } .d3-chart .c3-tooltip { opacity: 1; color: #fff; background: #008dcc; } .d3-chart .c3-tooltip tr th { padding: 8px 10px; color: #fff; background: #002372; } .d3-chart .c3-tooltip tr td { padding: 5px 10px; color: #838386; background: #fff; } .d3-chart .c3-tooltip .value { border-left: 1px solid #f2f3f9; } #line-chart .c3-tooltip-container { border-radius: 9px; overflow: hidden; } #line-chart .c3-tooltip-container tr { border: 0; } #line-chart .c3-tooltip-container .name { border-left: 0; } #line-chart .c3-tooltip-container table { border: 0 solid transparent; border-radius: 9px; } #line-chart .c3-axis-y-label { transform: translateY(-10px); } #line-chart .c3-axis-y .tick text { transform: translateX(1px); } #line-chart .c3-axis-x { text-align: left; } #line-chart .c3-axis-x text { transform: translateX(-1px); text-anchor: start !important; } #line-chart .c3-legend-item { display: none !important; transform: translateY(15px); } #line-chart .c3-legend-item text { font-size: 16px; color: #29293a; } .d3-chart-wrap { width: 100%; max-width: 100%; overflow-y: hidden; overflow-x: auto; padding-bottom: 30px; } .d3-chart-wrap > .d3-chart { min-width: 520px; } .d3-chart-legend { transform: translateY(-5px); margin-bottom: -5px; margin-left: -30px; text-align: center; } .d3-chart-legend > * { display: inline-block; margin-top: 5px; margin-left: 30px; } .d3-chart-legend span { position: relative; display: inline-block; font-size: 16px; color: #29293a; cursor: pointer; } .d3-chart-legend span::before { content: ''; display: inline-block; height: 3px; width: 30px; margin-right: 6px; vertical-align: middle; } .d3-chart-legend span:nth-child(1)::before { background: #a820d3; } .d3-chart-legend span:nth-child(2)::before { background: #002372; } @media (min-width: 1600px) { .d3-chart-legend span { font-size: 18px; } } * + .d3-chart-legend { margin-top: 20px; } @media (min-width: 1600px) { * + .d3-chart-legend { margin-top: 33px; } } /* * * Isotope * -------------------------------------------------- */ @keyframes sprite-animation { from { background-position: 0 0; } } [data-isotope-layout] { display: block; transition: .4s all ease; min-height: 160px; z-index: 0; } [data-isotope-layout]:after { content: ''; position: absolute; margin-top: 15px; width: 64px; height: 64px; top: 50%; left: 50%; background-image: url("../images/isotope-loader.png"); background-position: -1152px 0; animation: 0.7s sprite-animation steps(18) infinite; transition: .4s all ease; transform: translate(-50%, -50%); } [data-isotope-layout] .row { margin-bottom: -30px; } [data-isotope-layout] .row > [class*="col-"] { margin-top: 30px; } [data-isotope-layout] .row-narrow { margin-bottom: -10px; } [data-isotope-layout] .row-narrow > [class*="col-"] { margin-top: 10px; } [data-isotope-layout] .row-no-gutter .gallery-item-image { width: 100%; } [data-isotope-layout] .row-condensed { margin-bottom: 0; } [data-isotope-layout] .row-condensed > [class*="col-"] { margin-top: 0; } @media (min-width: 1200px) { [data-isotope-layout] [class*="col-lg-3"]:not([class*='col-xxl']):not([class*='col-xl']) { width: 24.8%; } } [data-isotope-layout] [class*="col-"] { display: block; opacity: 0; will-change: transform; backface-visibility: hidden; transition: .1s opacity ease-in; } @media (max-width: 479px) { [data-isotope-layout] .row [class*="col-"] { width: 100%; } } [data-isotope-layout].isotope--loaded [class*="col-"] { opacity: 1; } [data-isotope-layout].isotope--loaded:after { opacity: 0; visibility: hidden; } [data-isotope-layout].isotope-titled-gallery .row { margin-bottom: -50px; } [data-isotope-layout].isotope-titled-gallery .row > [class*="col-"] { margin-top: 50px; } [data-isotope-layout].isotope-default { top: -20px; } [data-isotope-layout].isotope-default .row { margin-bottom: -30px; } [data-isotope-layout].isotope-default .row > [class*="col-"] { margin-top: 30px; } @media (min-width: 992px) { [data-isotope-layout].isotope-md .row { margin-bottom: -60px; } [data-isotope-layout].isotope-md .row > [class*="col-"] { margin-top: 60px; } } @media (min-width: 1600px) { [data-isotope-layout] .col-xl-2 { width: 16.5%; } } [data-x-mode="true"] [data-isotope-layout]::after { display: none !important; } [data-isotope-layout='masonry'] .gallery-item { max-height: 350px; } @media (min-width: 768px) { [data-isotope-layout='masonry'] .gallery-item { max-height: 480px; } } @media (min-width: 1600px) { [data-isotope-layout='masonry'] .gallery-item { max-height: none; } } @media (max-width: 767px) { .isotope-xl .row > [class*="col-"] .row { margin-bottom: -30px; } .isotope-xl .row > [class*="col-"] .row > [class*="col-"] { margin-top: 35px; } } @media (min-width: 1600px) { .isotope-xl .row > [class*="col-"] .row { margin-bottom: -30px; } .isotope-xl .row > [class*="col-"] .row > [class*="col-"] { margin-top: 66px; } } .isotope-filters { position: relative; display: inline-block; } .isotope-filters-list { display: none; position: absolute; top: 100%; right: 0; left: 0; margin: 10px 0; z-index: 10; float: left; min-width: 130px; font-size: 16px; text-align: left; background-color: #fff; border-radius: 5px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); overflow: hidden; } .isotope-filters-list > li { display: block; } .isotope-filters-list > li > a { display: block; position: relative; clear: both; color: #29293a; white-space: nowrap; line-height: 1.3; padding: 7px 12px; font-weight: 400; } .isotope-filters-list > li > a.active, .isotope-filters-list > li > a:hover { color: #008dcc; background-color: #f2f3f9; } .isotope-filters-list.active { display: block; } .isotope-filters-toggle.active:focus { outline: none; } .isotope-filters-title { display: none; } @media (min-width: 480px) { .isotope-filters-list { right: 0; left: 0; } } @media (min-width: 992px) { .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list { position: static; display: inline-block; float: none; padding: 0; background-color: transparent; border-radius: 0; box-shadow: none; margin-bottom: 0; border-bottom: 1px solid #f2f3f9; overflow: visible; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li { display: inline-block; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li { margin-left: 28px; } } @media (min-width: 992px) and (min-width: 1200px) { .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li { margin-left: 55px; } } @media (min-width: 992px) { .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a { display: inline-block; padding: 0 5px 13px; color: #29293a; font-size: 20px; transition: 0.3s all ease-in; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a:after, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a:after { content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; height: 1px; background: #008dcc; transition: .4s; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover { color: #008dcc; background-color: transparent; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active:after, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover:after, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active:after, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover:after { left: 0; width: 100%; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons { transform: translateY(-10px); margin-bottom: -10px; margin-left: -10px; border-bottom: 0; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > *, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > * { display: inline-block; margin-top: 10px; margin-left: 10px; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > li, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > li { padding: 0; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a { position: relative; display: inline-block; max-width: 100%; padding: 11px 25px; font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0.12em; text-transform: uppercase; border: 2px solid; border-radius: 35px; text-align: center; vertical-align: middle; cursor: pointer; -select: none; white-space: pre-wrap; transition: initial; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:focus, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:focus { color: #29293a; background-color: #fff; border-color: #ededed; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:active, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:active, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a::after, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a::after { display: none; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a.active, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a.active { color: #fff; background: #008dcc; border-color: #008dcc; } .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-toggle, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .block-top-level .big, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-toggle, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .block-top-level .big { display: none; } } @media (min-width: 1200px) { .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a, .desktop .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a { font-size: 24px; } } @media (min-width: 1200px) { html .page .isotope-filters.isotope-filters-vertical { margin-top: 30px; } html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list { margin-bottom: -30px; padding: 0; border-bottom: none; border-right: 1px solid rgba(41, 41, 58, 0.1); } html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li { display: block; margin-top: 0; text-align: right; } html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a { padding: 0 25px; } html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a:after { bottom: 50%; right: -1px; left: auto; width: 1px !important; height: 0; background: #008dcc; } html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a.active:after { bottom: 0; width: 1px; height: 100%; right: -1px; left: auto; } html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li + li { margin-left: 0; margin-top: 20px; } html .page .isotope-filters.isotope-filters-vertical .isotope-filters-title { display: block; } } /* * * Owl Carousel * -------------------------------------------------- */ .owl-carousel .animated, .owl-carousel .desktop .pricing-box-alternative, .desktop .owl-carousel .pricing-box-alternative, .owl-carousel .jp-video:before { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } @media (min-width: 480px) { .owl-carousel-widget { width: calc(100% - 70px); } } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; -select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; will-change: transform; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; font: 400 40px/80px 'FontAwesome'; cursor: pointer; z-index: 1; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:before { content: '\f144'; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* * Owl Navigation */ .owl-prev, .owl-next { position: absolute; top: 50%; width: 40px; height: 40px; line-height: 40px; font-size: 20px; border-radius: 50%; text-align: center; margin-top: -20px; z-index: 10; cursor: pointer; background: #002372; color: #fff; transition: .33s; } .owl-prev::before, .owl-next::before { position: relative; font-family: 'Material Design Icons'; } .owl-prev:hover, .owl-next:hover { background: #008dcc; } .owl-prev { left: 0; } .owl-prev::before { content: '\f14b'; } .owl-next { right: 0; } .owl-next::before { content: '\f150'; } /* * Owl Pagination */ .owl-dots { text-align: center; margin-top: 30px; } .owl-dot { position: relative; display: inline-block; width: 12px; height: 12px; border-radius: 50%; text-align: center; outline: none; cursor: pointer; background-color: #c2c2c3; transition: .25s; } .owl-dot:hover, .owl-dot:focus { background-color: #008dcc; } .owl-dot.active { background-color: #008dcc; } .owl-dot + .owl-dot { margin-left: 20px; } .owl-dot:only-child { display: none !important; } .owl-carousel.owl-dots-secondary .owl-dot { border-color: #ededed; } .owl-carousel.owl-dots-secondary .owl-dot:hover, .owl-carousel.owl-dots-secondary .owl-dot.active { background-color: #002372; } .owl-carousel.owl-carousel-light-dots .owl-dot { border-color: #fff; } .owl-carousel.owl-carousel-light-dots .owl-dot:hover, .owl-carousel.owl-carousel-light-dots .owl-dot:focus { background-color: #fff; } .owl-carousel.owl-carousel-light-dots .owl-dot.active { background-color: #fff; } .owl-carousel figure img { width: 100%; } /** * Owl Carousel Pricing */ @media (min-width: 1600px) { .owl-carousel-team .owl-dots { display: none !important; } } .owl-carousel-inset .owl-stage-outer { padding: 15px 15px 15px 0; } /** * Owl layout 1 */ @media (max-width: 991px) { .owl-layout-1 .owl-nav { display: none !important; } } @media (min-width: 992px) { .owl-layout-1 { padding: 0 50px; } .owl-layout-1 .owl-dots { display: none !important; } } @media (min-width: 1200px) { .owl-layout-1 { padding: 0 100px; } } @media (min-width: 1600px) { .owl-layout-1 { padding: 0 140px; } } @media (min-width: 1600px) { * + .owl-layout-1 { margin-top: 90px; } } /** * Owl layout 2 */ @media (min-width: 768px) { * + .owl-layout-2 { margin-top: 55px; } .owl-layout-2 .owl-dots { transform: translateY(-5px); margin-bottom: -5px; margin-left: -32px; } .owl-layout-2 .owl-dots > * { display: inline-block; margin-top: 5px; margin-left: 32px; } .owl-layout-2 .owl-dot { margin-top: 30px; } } /** * Owl layout 3 */ .owl-layout-3 .owl-prev { left: 40px; } .owl-layout-3 .owl-next { right: 40px; } /** * Owl layout 4 */ .owl-layout-4 .owl-stage { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { * + .owl-layout-4 { margin-top: 55px; } .owl-layout-4 .owl-dots { margin-top: 0; transform: translateY(-5px); margin-bottom: -5px; margin-left: -32px; } .owl-layout-4 .owl-dots > * { display: inline-block; margin-top: 5px; margin-left: 32px; } .owl-layout-4 .owl-dot { margin-top: 30px; } } @media (min-width: 1600px) { .owl-layout-4 .owl-dot { margin-top: 60px; } } @media (min-width: 1600px) { .owl-carousel + .button-twitter { margin-top: 90px; } } @media (min-width: 768px) { .owl-layout-5 .owl-dots { text-align: left; } } @media (min-width: 1600px) { .owl-layout-5 .owl-dots { margin-top: 85px; } } /* * * RD Navbar * -------------------------------------------------- */ @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .breadcrumbs-custom-wrap .rd-navbar-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 1091; } .breadcrumbs-custom-wrap .rd-navbar-wrap .rd-navbar { background: transparent; } .breadcrumbs-custom-wrap .rd-navbar-wrap .rd-navbar--is-stuck:before { opacity: 1; } .rd-navbar-wrap, .rd-navbar, .rd-navbar-dropdown, .rd-navbar-megamenu, .rd-navbar-nav, .rd-navbar-, .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-sidebar .rd-navbar-sidebar-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar-fixed, .rd-navbar-static, .rd-navbar-fullwidth, .rd-navbar-sidebar { display: block; } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar-collapse-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #333333; display: none; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -3px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { position: absolute; width: 6px; height: 6px; line-height: 6px; text-align: center; background: #333333; left: 50%; margin-left: -3px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { content: ''; } .rd-navbar-collapse-toggle span:before { bottom: 100%; margin-bottom: 3px; } .rd-navbar-collapse-toggle span:after { top: 100%; margin-top: 3px; } .rd-navbar-collapse-toggle.active span { transform: scale(0.7); } .rd-navbar-collapse-toggle.active span:before { transform: translateY(18px); } .rd-navbar-collapse-toggle.active span:after { transform: translateY(-18px); } .rd-navbar--is-stuck { box-shadow: 0 6px 8px rgba(110, 123, 157, 0.17); } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } /* * Navbar components */ .rd-navbar { display: none; background: rgba(255,255,255,0); } .rd-navbar-toggle, .rd-navbar-sidebar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #29293a; background-color: transparent; border: none; display: none; } .rd-navbar-toggle span, .rd-navbar-sidebar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-sidebar-toggle span:after, .rd-navbar-sidebar-toggle span:before { content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-sidebar-toggle span:after { top: 8px; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span, .rd-navbar-sidebar-toggle span:after, .rd-navbar-sidebar-toggle span:before, .rd-navbar-sidebar-toggle span { width: 24px; height: 4px; background-color: #29293a; backface-visibility: hidden; border-radius: 2px; } .rd-navbar-toggle span, .rd-navbar-sidebar-toggle span { transform: rotate(180deg); } .rd-navbar-toggle span:before, .rd-navbar-toggle span:after, .rd-navbar-sidebar-toggle span:before, .rd-navbar-sidebar-toggle span:after { transform-origin: 1.71429px center; } .rd-navbar-toggle.active span, .rd-navbar-sidebar-toggle.active span { transform: rotate(360deg); } .rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after, .rd-navbar-sidebar-toggle.active span:before, .rd-navbar-sidebar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-toggle.active span:before, .rd-navbar-sidebar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-toggle.active span:after, .rd-navbar-sidebar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .rd-navbar-toggle:focus, .rd-navbar-sidebar-toggle:focus { outline: none; } .rd-navbar-brand a { display: inline-block; } .rd-navbar-brand .logo-inverse { display: none; } .breadcrumbs-custom-light .rd-navbar-brand .logo-inverse { display: inline-block; } .breadcrumbs-custom-light .rd-navbar-brand .logo-default { display: none; } .rd-navbar-dropdown { display: none; } .rd-navbar-dropdown li + li, .rd-navbar-megamenu li + li { border-top: 1px solid #f2f3f9; } .rd-navbar-search .rd-search-form-submit { font-size: 26px; color: #29293a; } .rd-navbar-search .rd-search-form-submit:hover { color: #002372; } .rd-navbar-shop .rd-navbar-shop-icon span { font-family: "Oswald", Helvetica, Arial, sans-serif; } .rd-navbar-search-toggle { transition: none; } .rd-navbar-nav > li > a { font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .1em; } .rd-navbar-aside-right .button { margin-top: 0; } .rd-navbar-top- * + .box-inline { margin-top: 0; } .rd-navbar- .rd-navbar-shop-icon span { padding-left: 5px; font: 300 18px/1.2 "Lato", Helvetica, Arial, sans-serif; } @media (min-width: 992px) { .desktop .rd-navbar-wrap + .breadcrumbs-custom { padding-top: 200px; padding-bottom: 70px; } .desktop .rd-navbar-wrap + .breadcrumbs-custom.breadcrumbs-blog-post { padding-bottom: 50px; } } @media (min-width: 1200px) { .desktop .rd-navbar-wrap + .breadcrumbs-custom { padding-top: 170px; padding-bottom: 80px; } } @media (min-width: 1600px) { .desktop .rd-navbar-wrap + .breadcrumbs-custom { padding-top: 235px; padding-bottom: 100px; } .desktop .rd-navbar-wrap + .breadcrumbs-custom.breadcrumbs-custom-lg { padding-top: 215px; padding-bottom: 160px; } } .bg-gray-darker .logo-inverse, .bg-additional-gray-darker .bg-additional-item .logo-inverse, .bg-gradient-2 .logo-inverse, .bg-gradient-1 .logo-inverse, .bg-image .logo-inverse, .bg-additional-image .bg-additional-item .logo-inverse, .bg-secondary-2 .logo-inverse, .bg-gradient .logo-inverse, .bg-gradient-1 .logo-inverse, .bg-gradient-2 .logo-inverse, .bg-gradient-3 .logo-inverse { display: block; } .bg-gray-darker .logo-default, .bg-additional-gray-darker .bg-additional-item .logo-default, .bg-gradient-2 .logo-default, .bg-gradient-1 .logo-default, .bg-image .logo-default, .bg-additional-image .bg-additional-item .logo-default, .bg-secondary-2 .logo-default, .bg-gradient .logo-default, .bg-gradient-1 .logo-default, .bg-gradient-2 .logo-default, .bg-gradient-3 .logo-default { display: none; } .bg-gray-darker .rd-navbar-toggle span, .bg-additional-gray-darker .bg-additional-item .rd-navbar-toggle span, .bg-gray-darker .rd-navbar-toggle span:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-toggle span:before, .bg-gray-darker .rd-navbar-toggle span:after, .bg-additional-gray-darker .bg-additional-item .rd-navbar-toggle span:after, .bg-gray-darker .rd-navbar-sidebar-toggle span, .bg-additional-gray-darker .bg-additional-item .rd-navbar-sidebar-toggle span, .bg-gray-darker .rd-navbar-sidebar-toggle span:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-sidebar-toggle span:before, .bg-gray-darker .rd-navbar-sidebar-toggle span:after, .bg-additional-gray-darker .bg-additional-item .rd-navbar-sidebar-toggle span:after, .bg-gradient-2 .rd-navbar-toggle span, .bg-gradient-2 .rd-navbar-toggle span:before, .bg-gradient-2 .rd-navbar-toggle span:after, .bg-gradient-2 .rd-navbar-sidebar-toggle span, .bg-gradient-2 .rd-navbar-sidebar-toggle span:before, .bg-gradient-2 .rd-navbar-sidebar-toggle span:after, .bg-gradient-1 .rd-navbar-toggle span, .bg-gradient-1 .rd-navbar-toggle span:before, .bg-gradient-1 .rd-navbar-toggle span:after, .bg-gradient-1 .rd-navbar-sidebar-toggle span, .bg-gradient-1 .rd-navbar-sidebar-toggle span:before, .bg-gradient-1 .rd-navbar-sidebar-toggle span:after, .bg-image .rd-navbar-toggle span, .bg-additional-image .bg-additional-item .rd-navbar-toggle span, .bg-image .rd-navbar-toggle span:before, .bg-additional-image .bg-additional-item .rd-navbar-toggle span:before, .bg-image .rd-navbar-toggle span:after, .bg-additional-image .bg-additional-item .rd-navbar-toggle span:after, .bg-image .rd-navbar-sidebar-toggle span, .bg-additional-image .bg-additional-item .rd-navbar-sidebar-toggle span, .bg-image .rd-navbar-sidebar-toggle span:before, .bg-additional-image .bg-additional-item .rd-navbar-sidebar-toggle span:before, .bg-image .rd-navbar-sidebar-toggle span:after, .bg-additional-image .bg-additional-item .rd-navbar-sidebar-toggle span:after, .bg-secondary-2 .rd-navbar-toggle span, .bg-secondary-2 .rd-navbar-toggle span:before, .bg-secondary-2 .rd-navbar-toggle span:after, .bg-secondary-2 .rd-navbar-sidebar-toggle span, .bg-secondary-2 .rd-navbar-sidebar-toggle span:before, .bg-secondary-2 .rd-navbar-sidebar-toggle span:after, .bg-gradient .rd-navbar-toggle span, .bg-gradient-1 .rd-navbar-toggle span, .bg-gradient-2 .rd-navbar-toggle span, .bg-gradient-3 .rd-navbar-toggle span, .bg-gradient .rd-navbar-toggle span:before, .bg-gradient-1 .rd-navbar-toggle span:before, .bg-gradient-2 .rd-navbar-toggle span:before, .bg-gradient-3 .rd-navbar-toggle span:before, .bg-gradient .rd-navbar-toggle span:after, .bg-gradient-1 .rd-navbar-toggle span:after, .bg-gradient-2 .rd-navbar-toggle span:after, .bg-gradient-3 .rd-navbar-toggle span:after, .bg-gradient .rd-navbar-sidebar-toggle span, .bg-gradient-1 .rd-navbar-sidebar-toggle span, .bg-gradient-2 .rd-navbar-sidebar-toggle span, .bg-gradient-3 .rd-navbar-sidebar-toggle span, .bg-gradient .rd-navbar-sidebar-toggle span:before, .bg-gradient-1 .rd-navbar-sidebar-toggle span:before, .bg-gradient-2 .rd-navbar-sidebar-toggle span:before, .bg-gradient-3 .rd-navbar-sidebar-toggle span:before, .bg-gradient .rd-navbar-sidebar-toggle span:after, .bg-gradient-1 .rd-navbar-sidebar-toggle span:after, .bg-gradient-2 .rd-navbar-sidebar-toggle span:after, .bg-gradient-3 .rd-navbar-sidebar-toggle span:after { background: #fff; } .bg-gray-darker .rd-navbar-fixed .rd-navbar-:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-:before, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-:before, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-:before, .bg-image .rd-navbar-fixed .rd-navbar-:before, .bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-:before, .bg-secondary-2 .rd-navbar-fixed .rd-navbar-:before, .bg-gradient .rd-navbar-fixed .rd-navbar-:before, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-:before, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-:before, .bg-gradient-3 .rd-navbar-fixed .rd-navbar-:before { background: linear-gradient(-39deg, #470cb2 10%, #008dcc 40%); } .bg-gray-darker .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gray-darker .rd-navbar-fixed .rd-navbar-shop a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-shop a, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-shop a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-shop a, .bg-gray-darker .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gray-darker .rd-navbar-static .rd-navbar-shop a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-shop a, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-shop a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-shop a, .bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-shop a, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-shop a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-shop a, .bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-shop a, .bg-image .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-image .rd-navbar-fixed .rd-navbar-shop a, .bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-shop a, .bg-image .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-image .rd-navbar-fullwidth .rd-navbar-shop a, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-shop a, .bg-image .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-image .rd-navbar-static .rd-navbar-shop a, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-shop a, .bg-secondary-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-secondary-2 .rd-navbar-fixed .rd-navbar-shop a, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-shop a, .bg-secondary-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-secondary-2 .rd-navbar-static .rd-navbar-shop a, .bg-gradient .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-3 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient .rd-navbar-fixed .rd-navbar-shop a, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-shop a, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-shop a, .bg-gradient-3 .rd-navbar-fixed .rd-navbar-shop a, .bg-gradient .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient .rd-navbar-fullwidth .rd-navbar-shop a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-shop a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-shop a, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-shop a, .bg-gradient .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .bg-gradient .rd-navbar-static .rd-navbar-shop a, .bg-gradient-1 .rd-navbar-static .rd-navbar-shop a, .bg-gradient-2 .rd-navbar-static .rd-navbar-shop a, .bg-gradient-3 .rd-navbar-static .rd-navbar-shop a { color: #fff; } .bg-gray-darker .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gray-darker .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-gray-darker .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gray-darker .rd-navbar-static .rd-navbar-shop a:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-shop a:hover, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-shop a:hover, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-shop a:hover, .bg-image .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-image .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-image .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-image .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-image .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-image .rd-navbar-static .rd-navbar-shop a:hover, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-shop a:hover, .bg-secondary-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-secondary-2 .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-secondary-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-secondary-2 .rd-navbar-static .rd-navbar-shop a:hover, .bg-gradient .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-3 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-gradient-1 .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-gradient-2 .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-gradient-3 .rd-navbar-fixed .rd-navbar-shop a:hover, .bg-gradient .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-shop a:hover, .bg-gradient .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient-3 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-gradient .rd-navbar-static .rd-navbar-shop a:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-shop a:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-shop a:hover, .bg-gradient-3 .rd-navbar-static .rd-navbar-shop a:hover { color: rgba(255,236,23,0); border-top: 1px solid #f2f3f9; } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-image .rd-navbar-static .rd-navbar-nav > li > a, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > a, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-gradient .rd-navbar-static .rd-navbar-nav > li > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > a, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > a { color: #fff; } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-image .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-gradient .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover { color: rgba(255,236,23,0); } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-image .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-gradient .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before { background-color: rgba(255,236,23,0); } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-image .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle { color: #fff; } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-image .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover { color: rgba(255,236,23,0); } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-image .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-image .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-gradient .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gradient .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a { color: rgba(255,236,23,0); } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-image .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-image .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-gradient .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gradient .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before { background-color: rgba(255,236,23,0); } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-image .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-image .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle { color: rgba(255,236,23,0); } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-image .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-gradient .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a { color: rgba(255,236,23,0); } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-image .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-gradient .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before { background-color: rgba(255,236,23,0); } .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-image .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle { color: rgba(255,236,23,0); } /* * @subsection Hybrid Styles */ .rd-navbar-static .rd-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav { text-align: center; } .rd-navbar-static .rd-navbar-nav > li, .rd-navbar-fullwidth .rd-navbar-nav > li { position: relative; display: inline-block; transition: .25s; } .rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu { position: static; } .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a { position: relative; display: inline-block; color: #333333; line-height: 1; transition: .25s; vertical-align: middle; } .rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover { color: #002372; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle { position: relative; font-family: "Material Design Icons"; font-size: 0; cursor: pointer; vertical-align: middle; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover { color: #002372; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before { content: '\f236'; position: absolute; font-size: 18px; top: 1px; left: 2px; line-height: 0; } .ie-10 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .ie-11 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .ie-edge .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .ie-10 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .ie-11 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .ie-edge .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle { font-size: 18px; } .ie-10 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before, .ie-11 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before, .ie-edge .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before, .ie-10 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before, .ie-11 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before, .ie-edge .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before { line-height: 1.2; } .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a { color: #002372; background: transparent; } .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle { color: #002372; } .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a { color: #002372; background: transparent; } .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle { color: #002372; } .rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner { position: relative; max-width: 1800px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media (min-width: 1800px) { .rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner { padding-left: 70px; padding-right: 70px; } } .rd-navbar-static .rd-navbar-top-, .rd-navbar-fullwidth .rd-navbar-top- { padding-top: 10px; padding-bottom: 10px; background-color: #29293a; color: #fff; } .rd-navbar-static .rd-navbar-top--inner, .rd-navbar-fullwidth .rd-navbar-top--inner { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1800px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media (min-width: 1800px) { .rd-navbar-static .rd-navbar-top--inner, .rd-navbar-fullwidth .rd-navbar-top--inner { padding-left: 70px; padding-right: 70px; } } .rd-navbar-static .rd-navbar-top- a, .rd-navbar-fullwidth .rd-navbar-top- a { color: #fff; } .rd-navbar-static .rd-navbar-top- a:hover, .rd-navbar-fullwidth .rd-navbar-top- a:hover { color: rgba(255,236,23,0); } .rd-navbar-static .rd-navbar-top- a.icon-gray-1, .rd-navbar-fullwidth .rd-navbar-top- a.icon-gray-1 { color: #c2c2c3; } .rd-navbar-static .rd-navbar-top- a.icon-gray-1:hover, .rd-navbar-fullwidth .rd-navbar-top- a.icon-gray-1:hover { color: #fff; } .rd-navbar-static .rd-navbar-aside-center, .rd-navbar-fullwidth .rd-navbar-aside-center { display: flex; align-items: center; } .rd-navbar-static .rd-navbar-shop, .rd-navbar-fullwidth .rd-navbar-shop { font-size: 24px; } .rd-navbar-static .rd-navbar-shop span, .rd-navbar-fullwidth .rd-navbar-shop span { font-size: 16px; padding-left: 10px; } .rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon, .rd-navbar-fullwidth .rd-navbar-shop .rd-navbar-shop-icon { color: #333333; } .rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon:hover, .rd-navbar-fullwidth .rd-navbar-shop .rd-navbar-shop-icon:hover { color: #002372; } .rd-navbar-static .rd-navbar-shop, .rd-navbar-static .rd-navbar-search, .rd-navbar-static .rd-navbar-search-1, .rd-navbar-fullwidth .rd-navbar-shop, .rd-navbar-fullwidth .rd-navbar-search, .rd-navbar-fullwidth .rd-navbar-search-1 { position: relative; display: inline-flex; margin-left: 30px; vertical-align: middle; } @media (min-width: 1800px) { .rd-navbar-static .rd-navbar-shop, .rd-navbar-static .rd-navbar-search, .rd-navbar-fullwidth .rd-navbar-shop, .rd-navbar-fullwidth .rd-navbar-search { margin-left: 50px; } } .rd-navbar-static .rd-navbar-search.active .rd-search, .rd-navbar-static .rd-navbar-search-1.active .rd-search, .rd-navbar-fullwidth .rd-navbar-search.active .rd-search, .rd-navbar-fullwidth .rd-navbar-search-1.active .rd-search { visibility: visible; opacity: 1; } .rd-navbar-static .rd-navbar-search .form-label, .rd-navbar-static .rd-navbar-search-1 .form-label, .rd-navbar-fullwidth .rd-navbar-search .form-label, .rd-navbar-fullwidth .rd-navbar-search-1 .form-label { font-size: 18px; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle { display: inline-flex; color: #333333; font-size: 30px; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle:hover, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle:hover { color: #002372; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 32px; height: 32px; font-size: 26px; line-height: 32px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:after { transition: .3s all ease-in-out; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:before, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle.active span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:before, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle.active span:before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:after, .rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle.active span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:after, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle.active span:after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-search .form-wrap, .rd-navbar-static .rd-navbar-search-1 .form-wrap, .rd-navbar-fullwidth .rd-navbar-search .form-wrap, .rd-navbar-fullwidth .rd-navbar-search-1 .form-wrap { margin-bottom: 0; } .rd-navbar-static .rd-navbar-search .form-input, .rd-navbar-static .rd-navbar-search-1 .form-input, .rd-navbar-fullwidth .rd-navbar-search .form-input, .rd-navbar-fullwidth .rd-navbar-search-1 .form-input { padding-right: 50px; box-shadow: 0 2px 5px rgba(41, 41, 58, 0.05); } .rd-navbar-static .rd-navbar-search .rd-search, .rd-navbar-static .rd-navbar-search-1 .rd-search, .rd-navbar-fullwidth .rd-navbar-search .rd-search, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-search { position: absolute; top: calc(100% + 29px); right: 0; width: 380px; opacity: 0; visibility: hidden; transition: .3s; z-index: 3; } .rd-navbar-static .rd-navbar-search .rd-search-form-submit, .rd-navbar-static .rd-navbar-search-1 .rd-search-form-submit, .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit, .rd-navbar-fullwidth .rd-navbar-search-1 .rd-search-form-submit { position: absolute; top: 17px; right: 0; width: 50px; padding: 0; border: none; font-size: 26px; background-color: transparent; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown { position: absolute; left: 0; width: 310px; background: #fff; z-index: 5; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown.rd-navbar-open-left, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown.rd-navbar-open-left { right: 0; left: auto; } .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu { opacity: 1; visibility: visible; transform: translate3d(-50%, 0, 0); } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-megamenu { z-index: 15; visibility: hidden; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown { left: 100%; top: 0; margin-top: -8px; margin-left: 8px; z-index: 2; transform: translate(30px, 0); } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown { opacity: 1; visibility: visible; transform: translate(0, 0); } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu { position: absolute; top: 100%; display: block; padding: 8px 0; margin-top: 0; visibility: hidden; opacity: 0; text-align: left; border-radius: 6px; box-shadow: 0 6px 8px rgba(110, 123, 157, 0.17); } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-fullwidth .rd-navbar-dropdown li > a, .rd-navbar-fullwidth .rd-navbar-megamenu li > a { font-size: 16px; transition: .15s ease-in-out; } .rd-navbar-static .rd-navbar-dropdown li > a:before, .rd-navbar-static .rd-navbar-megamenu li > a:before, .rd-navbar-fullwidth .rd-navbar-dropdown li > a:before, .rd-navbar-fullwidth .rd-navbar-megamenu li > a:before { content: '\f14f'; font-family: "Material Design Icons"; margin-left: -20px; transition: opacity .15s ease-in-out, .15s margin ease-in-out; opacity: 0; padding-right: 5px; } .rd-navbar-static .rd-navbar-dropdown li.focus > a:before, .rd-navbar-static .rd-navbar-dropdown li.opened > a:before, .rd-navbar-static .rd-navbar-dropdown li > a:hover:before, .rd-navbar-static .rd-navbar-megamenu li.focus > a:before, .rd-navbar-static .rd-navbar-megamenu li.opened > a:before, .rd-navbar-static .rd-navbar-megamenu li > a:hover:before, .rd-navbar-fullwidth .rd-navbar-dropdown li.focus > a:before, .rd-navbar-fullwidth .rd-navbar-dropdown li.opened > a:before, .rd-navbar-fullwidth .rd-navbar-dropdown li > a:hover:before, .rd-navbar-fullwidth .rd-navbar-megamenu li.focus > a:before, .rd-navbar-fullwidth .rd-navbar-megamenu li.opened > a:before, .rd-navbar-fullwidth .rd-navbar-megamenu li > a:hover:before { margin-left: 0; opacity: 1; } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown { width: 310px; background: #fff; padding: 5px 28px; transform: translateY(30px); } .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a { display: block; padding: 13px 20px 13px 0; color: #29293a; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover { color: #002372; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.opened > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a { color: #002372; background: transparent; } .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu { left: 50%; display: flex; width: 98%; max-width: 1800px; padding: 10px 40px 30px; transform: translate3d(-50%, 30px, 0); background: #fff; justify-content: center; } @media (min-width: 1800px) { .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu { padding: 10px 49px 30px; } } .rd-navbar-static .rd-navbar-megamenu > li, .rd-navbar-fullwidth .rd-navbar-megamenu > li { flex: 1 1 25%; max-width: 240px; } .rd-navbar-static .rd-navbar-megamenu > li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li + li { border-top: 0; } .rd-navbar-static .rd-navbar-megamenu > li > ul a, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a { display: block; padding: 13px 10px 13px 0; color: #000000; background: transparent; } .rd-navbar-static .rd-navbar-megamenu > li > ul a:hover, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a:hover { color: #002372; background: transparent; } .rd-navbar-static .rd-navbar-megamenu-banner, .rd-navbar-fullwidth .rd-navbar-megamenu-banner { padding-left: 0; padding-top: 0; padding-bottom: 0; } .rd-navbar-static .rd-navbar-megamenu-banner > li:first-of-type, .rd-navbar-fullwidth .rd-navbar-megamenu-banner > li:first-of-type { min-width: 300px; position: relative; overflow: hidden; } .rd-navbar-static .rd-navbar-megamenu-banner > li:first-of-type > img, .rd-navbar-fullwidth .rd-navbar-megamenu-banner > li:first-of-type > img { position: absolute; left: 20px; top: 50%; transform: translate3d(0, -60%, 0) scale(1.25); height: 100%; width: auto; max-width: none; } .rd-navbar-static .rd-navbar-megamenu-banner > li:nth-child(n+1), .rd-navbar-fullwidth .rd-navbar-megamenu-banner > li:nth-child(n+1) { padding-top: 10px; padding-bottom: 10px; } .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-clone { display: block; transform: translateY(-100%); } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translateY(0%); } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 999; background: #fff; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-top-, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-top- { display: none; } .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-sidebar .rd-navbar-sidebar-inner { width: 270px; height: 100%; left: 0; top: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 16px; line-height: 34px; color: #333333; background: #fff; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25); z-index: 998; } .rd-navbar-fixed .rd-navbar-nav-wrap:before, .rd-navbar-fixed .rd-navbar-nav-wrap:after, .rd-navbar-sidebar .rd-navbar-sidebar-inner:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner:after { content: ''; display: block; height: 56px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar, .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb, .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-thumb { background: #c47df6; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track, .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-track { background: #008dcc; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a { padding-left: 20px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown ul > li > a, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown ul > li > a { padding-left: 25px; } /* * Static Layout */ .rd-navbar-static { display: block; } .rd-navbar-static .rd-navbar-inner { display: flex; align-items: center; justify-content: space-between; } .rd-navbar-static .rd-navbar-nav { text-align: center; } .rd-navbar-static .rd-navbar-nav > li > a { /*font-size: 18px;*/ } .rd-navbar-static .rd-navbar-aside-right { display: flex; align-items: center; } .rd-navbar-static .rd-navbar-aside-right-inner { white-space: nowrap; } .rd-navbar-static .rd-navbar-top- { text-align: left; padding: 15px 0; } .rd-navbar-static .rd-navbar-nav > li { margin: 0 10px; } .rd-navbar-static .rd-navbar-nav > li > a { padding: 30px 0; } .rd-navbar-static .rd-navbar-nav > li > a:before { position: absolute; bottom: 0; left: 0; right: 100%; height: 3px; content: ""; display: inline-block; opacity: 0; transition: 250ms; background: #002372; } .rd-navbar-static .rd-navbar-nav > li > a:hover:before { right: 0; opacity: 1; } .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .rd-navbar-static .rd-navbar-nav > li.opened > a:before { right: 0; opacity: 1; } .rd-navbar-static .rd-navbar-nav > li.active > a:before { right: 0; opacity: 1; } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu { margin-top: 0; } .rd-navbar-static .rd-navbar-megamenu { max-width: 1200px; } .rd-navbar-static .rd-navbar-megamenu > li + li { margin-left: 85px; } .rd-navbar-static .rd-navbar-megamenu-banner > li + li { margin-left: 45px; } .rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon { font-size: 30px; } .rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon span { position: relative; top: -3px; font-size: 18px; padding-left: 13px; vertical-align: middle; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span { font-size: 30px; } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone { will-change: transform; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > a { padding: 25px 0; } .breadcrumbs-custom-wrap .rd-navbar-static .rd-navbar-nav > li > a:before { top: 0; bottom: auto; } @media (min-width: 1600px) { .rd-navbar-static .rd-navbar-nav > li > a { padding: 40px 0; } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu { margin-top: 0; } } @media (min-width: 1800px) { .rd-navbar-static .rd-navbar-nav > li { margin: 0 30px; } } /* * Fullwidth Layout */ .rd-navbar-fullwidth { display: block; } .rd-navbar-fullwidth .rd-navbar-inner { padding-top: 20px; padding-bottom: 20px; } .rd-navbar-fullwidth .rd-navbar-aside-right { display: flex; align-items: center; justify-content: center; margin-top: 25px; } .rd-navbar-fullwidth .rd-navbar- { text-align: center; } .rd-navbar-fullwidth .rd-navbar-nav > li { margin: 0 6px; } .rd-navbar-fullwidth .rd-navbar-dropdown { margin-top: 20px; } .rd-navbar-fullwidth .rd-navbar-megamenu > li + li { margin-left: 30px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-inner { padding-top: 13px; padding-bottom: 13px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-right, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-aside-right { margin-top: 0; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-dropdown { margin-top: 15px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar- { display: none; } /* * Fixed Layout */ .rd-navbar-fixed { display: block; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; margin-left: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-size: 22px; line-height: 1; } .rd-navbar-fixed .rd-navbar-brand img { max-width: 100px; height: auto; } .rd-navbar-fixed .rd-navbar- { display: flex; align-items: center; position: fixed; left: 0; top: 0; right: 0; padding: 4px; height: 56px; color: #29293a; z-index: 999; } .rd-navbar-fixed .rd-navbar-:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25); background: #fff; } .rd-navbar-fixed .rd-navbar- > * { z-index: 1; } .rd-navbar-fixed .rd-navbar-top-.rd-navbar-collapse .box-inline { display: table; } .rd-navbar-fixed .rd-navbar-top-.rd-navbar-collapse .box-inline > * { display: table-cell; vertical-align: top; } .rd-navbar-fixed .rd-navbar-aside-right-inner { position: fixed; top: 4px; right: 8px; display: flex; align-items: center; justify-content: center; z-index: 1000; } .rd-navbar-fixed .rd-navbar-search, .rd-navbar-fixed .rd-navbar-search-1 { display: inline-flex; z-index: 1000; position: relative; } .rd-navbar-fixed .rd-navbar-search .rd-search, .rd-navbar-fixed .rd-navbar-search-1 .rd-search { position: absolute; right: 4px; top: calc(100% + 12px); width: 240px; opacity: 0; visibility: hidden; transition: .3s; transform: translateX(-10px); } .rd-navbar-fixed .rd-navbar-search .rd-search-results-live, .rd-navbar-fixed .rd-navbar-search-1 .rd-search-results-live { display: none; } .rd-navbar-fixed .rd-navbar-search .form-input, .rd-navbar-fixed .rd-navbar-search-1 .form-input { padding-right: 50px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07); } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit, .rd-navbar-fixed .rd-navbar-search-1 .rd-search-form-submit { position: absolute; top: 17px; right: 0; width: 50px; padding: 0; border: none; background-color: transparent; color: #000000; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover, .rd-navbar-fixed .rd-navbar-search-1 .rd-search-form-submit:hover { color: #008dcc; } .rd-navbar-fixed .rd-navbar-search.active .rd-search, .rd-navbar-fixed .rd-navbar-search-1.active .rd-search { opacity: 1; visibility: visible; transform: none; } .rd-navbar-fixed .rd-navbar-shop { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; z-index: 1000; } .rd-navbar-fixed .rd-navbar-shop .rd-navbar-shop-icon { font-size: 22px; } .rd-navbar-fixed .rd-navbar-shop .rd-navbar-shop-icon span { font-size: 16px; padding-left: 5px; } .rd-navbar-fixed .rd-navbar-search-toggle { display: inline-flex; } .rd-navbar-fixed .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 26px; line-height: 48px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after { transition: .3s all ease-in-out; } .rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span:before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle span:after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle.active span:before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-fixed .rd-navbar-search-toggle.active span:after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; bottom: 0; top: 0; color: #333333; background: #fff; transform: translateX(-120%); } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav { display: block; font-size: 16px; line-height: 26px; text-align: left; } .rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after { content: ''; display: block; height: 8px; } .rd-navbar-fixed .rd-navbar-nav li > a { display: block; padding: 11px 56px 11px 16px; color: #333333; } .rd-navbar-fixed .rd-navbar-nav li > a:first-letter { text-transform: uppercase; } .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a { background: #008dcc; color: #fff; } .rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after { transform: rotate(180deg); } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle { cursor: pointer; color: #333333; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after { content: '\f236'; position: absolute; top: 22px; right: 0; margin-top: -22px; width: 65px; height: 48px; font: 400 28px "Material Design Icons"; line-height: 48px; text-align: center; transition: 0.3s transform ease; z-index: 2; } .rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu { display: none; margin-top: 4px; } .rd-navbar-fixed .rd-navbar-megamenu-banner > li:first-of-type { display: none; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-megamenu-list > li > a { padding: 7px 56px 7px 30px; } .rd-navbar-fixed .rd-navbar-submenu .rd-megamenu-header { padding-left: 20px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 48px; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-navbar-collapse { position: fixed; right: 4px; top: 64px; transform: translateX(-10px); padding: 15px 10px; width: 280px; border-radius: 3px; background-color: #fff; box-shadow: 0 6px 8px rgba(110, 123, 157, 0.17); text-align: left; font-size: 14px; opacity: 0; pointer-events: none; z-index: 997; transition: opacity .3s, transform .3s; } .rd-navbar-fixed .rd-navbar-collapse.active { transform: none; opacity: 1; pointer-events: auto; z-index: 999; } .rd-navbar-fixed .rd-navbar-collapse-toggle { position: fixed; right: 4px; top: 4px; display: inline-block; z-index: 1000; } .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse a.icon, .rd-navbar-fixed .rd-navbar-collapse .list-inline a, .rd-navbar-fixed .rd-navbar-collapse a.rd-navbar-shop-icon { color: #29293a; } .rd-navbar-fixed .rd-navbar-collapse:hover, .rd-navbar-fixed .rd-navbar-collapse a.icon:hover, .rd-navbar-fixed .rd-navbar-collapse .list-inline a:hover, .rd-navbar-fixed .rd-navbar-collapse a.rd-navbar-shop-icon:hover { color: #002372; } .rd-navbar-fixed .rd-navbar-collapse .rd-navbar-search, .rd-navbar-fixed .rd-navbar-collapse .rd-navbar-shop { position: relative; top: auto; right: auto; } .rd-navbar-fixed .rd-navbar-collapse .rd-navbar-search-toggle { display: none; } .rd-navbar-fixed .rd-navbar-collapse .rd-navbar-search .rd-search { position: relative; width: 260px; opacity: 1; visibility: visible; right: auto; transform: translateX(0); margin-bottom: 10px; } .rd-navbar-fixed .rd-navbar-collapse .rd-navbar-shop { display: inline-flex; margin-right: 10px; vertical-align: middle; } .rd-navbar-fixed .rd-navbar-collapse .rd-navbar-top--inner + .rd-navbar-top--inner { margin-top: 10px; } .rd-navbar-fixed.active .rd-navbar-nav { transform: translateX(0); } .rd-navbar-fixed.rd-navbar--is-clone { display: none; } .rd-navbar-fixed .rd-navbar-fixed--visible { display: block; } .rd-navbar-fixed .rd-navbar-fixed--hidden { display: none; } html.rd-navbar-fixed-linked .page { padding-top: 55px; } /* * Sidebar Layout */ .rd-navbar-sidebar { display: block; } .rd-navbar-sidebar .rd-navbar-sidebar-toggle { position: fixed; top: 8px; left: 8px; display: block; z-index: 999; } .rd-navbar-sidebar .rd-navbar-sidebar-inner { position: fixed; display: flex; flex-direction: column; padding-top: 40px; padding-bottom: 40px; transform: translateX(-100%); box-shadow: none; } .rd-navbar-sidebar .rd-navbar-sidebar-inner.active { transform: translateX(0); box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25); } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-top- { order: 1; padding: 0 20px; text-align: left; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-brand { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search { display: inline-flex; margin-top: 10px; padding: 0 10px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search { position: relative; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; border: none; background-color: transparent; color: #000000; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-form-submit:hover { color: #008dcc; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav { display: block; font-size: 16px; line-height: 26px; text-align: left; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav:after { content: ''; display: block; height: 8px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li > a { display: block; padding: 11px 56px 11px 16px; color: #333333; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li > a:first-letter { text-transform: uppercase; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li:hover > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.active > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > a { background: #008dcc; color: #fff; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after { transform: rotate(180deg); } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li + li { margin-top: 4px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav .rd-navbar-submenu-toggle { cursor: pointer; color: #333333; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav .rd-navbar-submenu-toggle::after { content: '\f236'; position: absolute; top: 22px; right: 0; margin-top: -22px; width: 65px; height: 48px; font: 400 28px "Material Design Icons"; line-height: 48px; text-align: center; transition: 0.3s transform ease; z-index: 2; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu { display: none; margin-top: 4px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu { position: relative; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-dropdown > li > a { padding-left: 30px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 48px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse { flex-wrap: wrap; justify-content: flex-start; } .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-aside-right-inner { margin-top: 0; } .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-aside-right-inner > * + * { margin-left: 30px; } .rd-navbar-default .rd-navbar-static .rd-navbar-aside-right-inner > * + * { margin-left: 30px; } @media (min-width: 1800px) { .rd-navbar-default .rd-navbar-static .rd-navbar-aside-right-inner > * + * { margin-left: 50px; } } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-toggle span, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-toggle span:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-toggle span:after, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-sidebar-toggle span, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-sidebar-toggle span:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-sidebar-toggle span:after { background: #fff; } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-:before { background: linear-gradient(-39deg, #8b0fe4 10%, #008dcc 40%); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-search-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-shop a, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-search-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-shop a, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-search-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-shop a { color: #fff; } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-search-toggle:hover, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-shop a:hover, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-search-toggle:hover, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-shop a:hover, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-search-toggle:hover, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-shop a:hover { color: rgba(255,236,23,0); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > a, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > a { color: #fff; } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > a:hover, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover { color: rgba(255,236,23,0); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before { background-color: rgba(255,236,23,0); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle { color: #fff; } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover { color: rgba(255,236,23,0); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.focus > a, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.opened > a, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a { color: rgba(255,236,23,0); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before { background-color: rgba(255,236,23,0); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle { color: rgba(255,236,23,0); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.active > a, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.active > a { color: rgba(255,236,23,0); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.active > a:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before { background-color: rgba(255,236,23,0); } .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle { color: rgba(255,236,23,0); } .breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar, .fullwidth-page .rd-navbar-default .rd-navbar { background: transparent; } .breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar:before, .fullwidth-page .rd-navbar-default .rd-navbar:before { position: absolute; top: 0; bottom: 0; right: 0; left: 0; content: ""; display: inline-block; background: linear-gradient(-39deg, #8b0fe4 10%, #008dcc 40%); transition: 450ms ease-out; opacity: 0; } .breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span, .breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:after, .fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span, .fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:after { background: #fff; } .breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse, .fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse { background: linear-gradient(39deg, #8b0fe4 10%, #008dcc 40%); } .breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar--is-stuck:before, .fullwidth-page .rd-navbar-default .rd-navbar--is-stuck:before { opacity: 1; } .rd-navbar-centered .rd-navbar- { text-align: center; } .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-inner { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; } .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-aside-left { padding-left: 40px; } .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-collapse-toggle { position: fixed; right: 4px; top: 20px; display: inline-block; z-index: 1000; } .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-collapse { position: fixed; right: 4px; top: 64px; display: block; transform: translateX(-10px); padding: 5px 10px; width: 280px; border-radius: 3px; background-color: #fff; box-shadow: 0 6px 8px rgba(110, 123, 157, 0.17); text-align: left; font-size: 14px; opacity: 0; visibility: hidden; z-index: 999; transition: .3s; } .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-collapse.active { transform: none; opacity: 1; visibility: visible; } .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-search, .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-shop { position: relative; top: auto; right: auto; margin-left: 0; } .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-search-toggle { display: none; } .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-search .rd-search { position: relative; width: 260px; opacity: 1; visibility: visible; right: auto; transform: translateX(0); margin-bottom: 10px; } .rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-shop { display: inline-flex; margin-right: 10px; vertical-align: middle; } .rd-navbar-centered .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-collapse-toggle { top: 4px; } .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > * { flex-grow: 1; max-width: 33.333%; } .ie-10 .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > *, .ie-11 .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > *, .ie-edge .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > * { width: 33.33%; } .rd-navbar-centered .rd-navbar-static .rd-navbar-inner .rd-navbar-nav { white-space: nowrap; } .rd-navbar-centered .rd-navbar-static .rd-navbar-inner .rd-navbar-nav > li { white-space: normal; } .rd-navbar-centered .rd-navbar-static .rd-navbar-brand .brand-name { margin-left: -33px; } .rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right { justify-content: flex-end; } .rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right > * + * { margin-left: 30px; } @media (min-width: 1200px) { .rd-navbar-centered .rd-navbar-static .rd-navbar-nav .rd-navbar-megamenu > li { max-width: 215px; white-space: nowrap; } } @media (min-width: 1800px) { .rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right > * + * { margin-left: 50px; } } .rd-navbar-corporate .rd-navbar-top- .rd-navbar-top--inner:last-of-type { display: none; } .rd-navbar-corporate .box-inline > * { display: inline-block; vertical-align: middle; } .rd-navbar-corporate .box-inline .icon { top: auto; } .rd-navbar-corporate .rd-navbar- { text-align: center; } .rd-navbar-corporate .rd-navbar-fixed .rd-navbar-aside-right { display: none; } .rd-navbar-corporate .rd-navbar-fixed .rd-navbar-aside-right-inner { right: 48px; } .rd-navbar-corporate .rd-navbar-fixed .rd-navbar-top- .rd-navbar-top--inner:last-of-type { display: block; } .rd-navbar-corporate .rd-navbar-fixed .rd-navbar-top- .icon-sm-bigger { font-size: 25px; } .rd-navbar-corporate .rd-navbar-fixed .rd-navbar-collapse .rd-navbar-top--inner > * + * { margin-top: 7px; } .rd-navbar-corporate .rd-navbar-fixed .rd-navbar-collapse .list-inline > li { padding: 3px 9px; } .rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-top-, .rd-navbar-corporate .rd-navbar-static .rd-navbar-top- { display: flex; } .rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-, .rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top- { display: none; } .rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-right, .rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-center, .rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-right, .rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-center { margin-top: 0; } .rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-inner { display: flex; flex-wrap: wrap; } .rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-dropdown { margin-top: 27px; } .rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar- { width: 100%; } .rd-navbar-corporate .rd-navbar-fullwidth .button-sm { min-width: 150px; font-size: 14px; padding: 7px 14px; } .rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-top- { font-size: 14px; } .rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-top- .icon-sm-bigger { font-size: 18px; } .rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-aside-center, .rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-aside-right { margin-top: 25px; flex-grow: 1; } .rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-search-1 { margin-left: 5px; } .rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-dropdown { margin-top: 20px; } .rd-navbar-corporate .rd-navbar-static .icon-md-smaller { font-size: 26px; } .rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li { margin: 0 15px; } .rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li > a { padding: 37px 0; } .rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a { padding: 25px 0; } @media (min-width: 1800px) { .rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li { margin: 0 25px; } .rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li > a { padding: 53px 0 56px; } .rd-navbar-corporate .rd-navbar-static .rd-navbar-top--inner .box-inline + .box-inline { margin-left: 90px; } .rd-navbar-corporate .rd-navbar-static .rd-navbar-inner > *:nth-child(1) { width: 25%; text-align: left; } .rd-navbar-corporate .rd-navbar-static .rd-navbar-inner > *:nth-child(2) { width: 60%; } .rd-navbar-corporate .rd-navbar-static .rd-navbar-inner > *:nth-child(3) { width: 15%; justify-content: flex-end; } } .rd-navbar-shop-header .rd-navbar-nav { position: relative; } .rd-navbar-shop-header .rd-navbar-top- { padding: 0; } .rd-navbar-shop-header .rd-navbar-search .rd-search { margin-top: 0; } .rd-navbar-shop-header .rd-navbar-search .button { display: none; } .rd-navbar-shop-header .rd-navbar-search .form-wrap { margin-right: 0; } .rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-shop, .rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search { position: fixed; top: 4px; right: 3px; } .rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search { right: 48px; } .rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-wrap-icon:before { content: none; } .rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-label { left: 15px; } .rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-input { padding-left: 20px; padding-right: 40px; } .rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-input, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .form-input, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .form-input { box-shadow: none; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner { padding-top: 37px; padding-bottom: 37px; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav-wrap, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav-wrap { max-width: 1800px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; text-align: center; } @media (min-width: 1800px) { .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav-wrap, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav-wrap { padding-left: 70px; padding-right: 70px; } } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner { display: flex; align-items: center; justify-content: space-between; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > * { display: block; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *:nth-child(1), .rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > *:nth-child(1) { width: 25%; text-align: left; padding-left:5px; padding-right:5px; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *:nth-child(2), .rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > *:nth-child(2) { width: 45%; padding-left:5px; padding-right:5px; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *:nth-child(3), .rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > *:nth-child(3) { width: 30%; text-align: right; padding-left:5px; padding-right:5px; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > a, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > a { padding: 25px 0; color: #ffffff; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > a:before, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > a:before { position: absolute; bottom: 0; left: 0; right: 100%; height: 3px; content: ""; display: inline-block; opacity: 0; transition: 250ms; background: #002372; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > a:hover:before { right: 0; opacity: 1; background-color: rgba(255,236,23,0); } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.opened > a { color: #fff; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.opened > a:before { right: 0; opacity: 1; background-color: rgba(255,236,23,0); } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.active > a { color: #fff; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.active > a:before { right: 0; opacity: 1; background-color: rgba(255,236,23,0); } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search { width: 100%; margin-left: 0; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .rd-search, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .rd-search { position: relative; width: 100%; opacity: 1; visibility: visible; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .rd-search-form-submit { position: relative; top: auto; right: auto; width: auto; border: 2px solid; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit-icon, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .rd-search-form-submit-icon { display: none; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button { display: block; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:focus, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:focus { color: #fff; background-color: #002372; border-color: #002372; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:hover, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:active, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:hover, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:hover, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:active, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-sm, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-sm { padding: 11px 35px; font-size: 12px; line-height: 24px; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search-toggle, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-search-toggle { display: none; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-aside-right, .rd-navbar-shop-header .rd-navbar-static .rd-navbar-aside-right { margin-top: 0; } .rd-navbar-shop-header .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-, .rd-navbar-shop-header .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top- { display: block; } .rd-navbar-shop-header .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner, .rd-navbar-shop-header .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner { display: none; } .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-dropdown { margin-top: 0; } ul ul, ul ol, ol ul, ol ol { padding-left: 0; } /* * * RD Parallax * -------------------------------------------------- */ .rd-parallax-inner { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); clip: rect(0, auto, auto, 0); pointer-events: none; } .rd-parallax-layer[data-type="media"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } .rd-parallax-layer[data-type="media"] iframe { width: 100%; height: 100%; } .rd-parallax-layer-holder { pointer-events: all; } .rd-parallax-layer[data-url] { -webkit-background-size: cover; background-size: cover; background-position: center center; } .rd-parallax-swiper { z-index: 1 !important; } .parallax-container { position: relative; overflow: hidden; } .material-parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .material-parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; transform: translateX(-50%); } .parallax-content { position: relative; z-index: 1; } .parallax-text-wrap { position: relative; } .parallax-text-wrap h3 { position: relative; z-index: 1; } .parallax-text-wrap + * { position: relative; } .parallax-text { position: absolute; bottom: -20%; left: 0; z-index: -1; display: none; font: 900 36px/1 "Montserrat", sans-serif; letter-spacing: .28em; text-transform: uppercase; white-space: nowrap; color: #f2f3f9; } @media (min-width: 768px) { .parallax-text { font-size: 70px; bottom: -60%; display: block; } } @media (min-width: 992px) { .parallax-text { font-size: 100px; } } @media (min-width: 1200px) { .parallax-text { font-size: 110px; left: -95px; } } @media (min-width: 1600px) { .parallax-text { font-size: 150px; left: -145px; } } @media (min-width: 1800px) { .parallax-text { font-size: 170px; } } .some-wrap .heading-group { will-change: transform; transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)); } .some-wrap .button-group { will-change: transform; transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)); } /* * * RD Google Map * -------------------------------------------------- */ .rd-google-map { max-width: 870px; margin-left: auto; margin-right: auto; } .rd-google-map-default { max-width: none; } @media (min-width: 992px) { .rd-google-map-with-icon .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) { border-radius: 9px !important; } .rd-google-map-with-icon .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) { box-shadow: none !important; background-color: transparent !important; } .rd-google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) { z-index: 100; } .rd-google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div { margin-top: -5px; } .rd-google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div > div { box-shadow: none !important; } .rd-google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) { border-radius: 9px !important; box-shadow: 0 8px 21px 0 #cdced6 !important; } .rd-google-map-with-icon .gm-style-iw > div:nth-child(1) { overflow: visible !important; } .rd-google-map-with-icon .gm-style-iw > div:nth-child(1) > div:nth-child(1) { overflow: visible !important; } .rd-google-map-with-icon .iw-content p { position: relative; text-align: center; margin-left: 15px; margin-top: 30px; margin-bottom: 30px; padding-top: 50px; color: #29293a; letter-spacing: 0.02em; } .rd-google-map-with-icon .iw-content p:before { position: absolute; top: 0; left: 50%; display: block; width: 30px; height: 30px; line-height: 30px; content: '\f440'; font-family: 'Material Design Icons', sans-serif; font-size: 36px; letter-spacing: 768px; color: #002372; transform: translateX(-50%); } } .rd-google-map-wrap .rd-google-map { max-width: 940px; } .page-footer-extended .rd-google-map-wrap .rd-google-map { max-width: none; } @media (min-width: 1200px) { .rd-google-map-wrap-full-height { position: relative; padding-bottom: 70%; width: 100%; } .rd-google-map-wrap-full-height .rd-google-map.rd-google-map-full-height { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; min-height: 100%; height: 100%; max-width: none; } } .rd-google-map__model { color: #000000; height: 200px; } .rd-google-map__model img { max-width: none !important; } @media (min-width: 480px) { .rd-google-map__model { height: 250px; } } @media (min-width: 992px) { .rd-google-map__model { height: 400px; } } @media (min-width: 992px) { .rd-google-map__model.rd-google-map-sm { min-height: 500px; } } @media (min-width: 992px) { .rd-google-map__model.rd-google-map-md { min-height: 600px; } } .map_locations { display: none; } * + .rd-google-map { margin-top: 50px; } .rd-google-map-wrap + .shell { margin-top: 50px; } @media (min-width: 1200px) { .rd-google-map-wrap + .shell { margin-top: 0; } } /* * * Search Results * -------------------------------------------------- */ .search_list { text-align: left; padding-left: 20px; font-size: 18px; list-style-type: none; counter-reset: li; overflow: hidden; } .search_list li + li { margin-top: 25px; } .search_list h5 + * { margin-top: 8px; } .search_list p + p { margin-bottom: 8px; } .search_list li:only-child::before { display: none; } .search_list .result-item + .result-item { margin-top: 40px; } .result-item { color: #29293a; } .result-item .search_title { color: #29293a; font-weight: 300; } .result-item .search_title:before { content: counter(li, decimal) ". "; counter-increment: li; float: left; margin-right: 5px; } .match { font-size: 16px; text-transform: uppercase; letter-spacing: 0.08em; color: #008dcc; } .match em { font-style: normal; } .search { background: #008dcc; color: #fff; } .rd-search-results-live { position: absolute; top: 100%; left: 0; right: 0; margin-top: 5px; text-align: left; } .rd-search-results-live #search-results { background: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); padding: 20px; opacity: 0; visibility: hidden; transition: 0.35s ease-in; max-height: calc(100vh - 200px); overflow-y: auto; } .rd-search-results-live #search-results.active { visibility: visible; opacity: 1; } .rd-search-results-live #search-results .search_title { font-size: 18px; } .rd-search-results-live #search-results p.match { display: none; } .rd-search-results-live #search-results .result-item + .result-item { margin-top: 20px; } .rd-search-results-live #search-results .search_all { margin-top: 20px; } .rd-search-results-live #search-results .search_all a { display: block; border-radius: 25px; padding: 7px 4px; text-align: center; border: 2px solid #ededed; font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; } .rd-search-results-live #search-results .search_all a:hover { background-color: #002372; border-color: #002372; color: #fff; } .rd-search-results-live #search-results .search_list { margin-top: 10px; padding-left: 0; padding-bottom: 10px; font-size: 16px; } .search-quick-result, .search_error { color: #29293a; } /** * RD Search modern */ .rd-search-modern { position: relative; } .rd-search-modern .form-label { color: #29293a; } .rd-search-modern .form-input { padding-right: 65px; } .rd-search-modern .button { position: absolute; right: 6px; top: 6px; bottom: 6px; height: 50px; width: 50px; min-width: 50px; margin: 0; padding: 0; border-radius: 50%; color: #fff; text-align: center; border: 0; background: #002372; font-size: 26px; line-height: 53px; } .rd-search-modern .button::before { position: relative; right: -2px; } .rd-search-modern .button:hover { background: #008dcc; } .rd-search-results .result-item { padding-left: 25px; position: relative; } .rd-search-results .result-item .search_title:before { font-size: 16px; position: absolute; left: -8px; top: 3px; } @media (min-width: 1200px) { .rd-search-results .result-item { padding-left: 50px; } } @media (min-width: 1600px) { .rd-search-results .result-item .search_title:before { left: 0; font-size: 18px; top: 6px; } } .search_link { color: #002372; } .search_link:hover { color: #29293a; } /* * * ToTop * -------------------------------------------------- */ .ui-to-top { position: fixed; width: 50px; height: 50px; font-size: 20px; border-radius: 9px; right: 15px; bottom: 15px; overflow: hidden; text-align: center; text-decoration: none; z-index: 120; transition: .45s all ease-in-out; will-change: transform; transform: translateY(100px); } .ui-to-top::before { content: '\f239'; font-family: 'Material Design Icons'; line-height: 50px; } .ui-to-top, .ui-to-top:active, .ui-to-top:focus { color: #fff; background-color: #002372; } .ui-to-top:hover { color: #fff; background-color: #008dcc; text-decoration: none; } .ui-to-top.active { transform: translateY(0); } html.mobile .ui-to-top, html.tablet .ui-to-top { display: none !important; } @media (min-width: 480px) { .ui-to-top { right: 40px; bottom: 40px; } } /* * * Nav custom * -------------------------------------------------- */ /** * Base styles */ .tabs-custom { text-align: left; } .tabs-custom.text-center { text-align: center; } .tabs-custom .nav-tabs { font-size: 0; line-height: 0; word-spacing: 0; border: 0; } .tabs-custom .nav-tabs:before, .tabs-custom .nav-tabs:after { display: none; } .tabs-custom .nav-tabs li { float: none; border: 0; cursor: pointer; transition: .33s all ease; } .tabs-custom .nav-tabs li.active { cursor: default; } .tabs-custom .nav-tabs a { margin: 0; border-radius: 0; } .page .tabs-custom.tabs-centered .nav-tabs, .page .tabs-custom.tabs-centered .tab-content { text-align: center; } * + .tabs-horizontal.tabs-buttons { margin-top: 25px; } .shell + .tabs-horizontal.tabs-buttons { margin-top: 35px; } .shell + .tabs-horizontal.tabs-buttons .nav-tabs { padding-left: 15px; padding-right: 15px; } .shell + .tabs-horizontal.tabs-buttons .nav-tabs + .tab-content { margin-top: 30px; } @media (min-width: 1600px) { .shell + .tabs-horizontal.tabs-buttons { margin-top: 60px; } } * + .tabs-vertical.tabs-buttons { margin-top: 40px; } @media (min-width: 768px) { * + .tabs-vertical.tabs-buttons { margin-top: 60px; } } /** * Tabs Line */ .tabs-custom.tabs-line .nav-tabs { position: relative; } .tabs-custom.tabs-line .nav-tabs li a { font-size: 18px; font-weight: 400; line-height: 1.4; text-align: center; vertical-align: middle; } .tabs-custom.tabs-line * + .tab-content { padding-top: 20px; } @media (max-width: 767px) { .tabs-custom.tabs-line .nav-tabs { border: 1px solid #e8e8e8; } .tabs-custom.tabs-line .nav-tabs li { margin: -1px 0; } .tabs-custom.tabs-line .nav-tabs li a { position: relative; z-index: 1; overflow: hidden; padding: 7px 10px; font-size: 16px; color: #29293a; background: #fff; border-bottom: 1px solid #ededed; } .tabs-custom.tabs-line .nav-tabs li a:first-child { border-top: 1px solid #ededed; } .tabs-custom.tabs-line .nav-tabs li a:hover, .tabs-custom.tabs-line .nav-tabs li.active a { color: #fff; border-color: #008dcc; background: #008dcc; } .tabs-custom.tabs-line.tabs-line-secondary .nav-tabs li a { padding-top: 6px; padding-bottom: 6px; color: #838386; } .tabs-custom.tabs-line.tabs-line-secondary .nav-tabs li a:hover, .tabs-custom.tabs-line.tabs-line-secondary .nav-tabs li.active a { color: #fff; background: #002372; border-color: #002372; } } * + .tabs-line { margin-top: 25px; } @media (min-width: 768px) { * + .tabs-line { margin-top: 40px; } } /** * Tabs buttons */ .tabs-buttons .nav-tabs li a { padding: 7px 10px; border-radius: 35px; font-family: "Oswald", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.4; color: #29293a; background: transparent; border: 1px solid #e8e8e8; text-align: center; vertical-align: middle; } .tabs-buttons .nav-tabs li a:hover, .tabs-buttons .nav-tabs li.active a { color: #fff; background: #008dcc; border-color: #008dcc; } .tabs-buttons .tab-content { padding: 30px 0 0; } @media (max-width: 767px) { .tabs-buttons .nav-tabs > li + li { margin-top: 5px; } } @media (min-width: 768px) { /** * Base styles */ .tabs-custom.tabs-line .nav-tabs { border: 0 solid #ededed; } .tabs-custom.tabs-line .nav-tabs li a { position: relative; border: 0; background-color: transparent; color: #29293a; } .tabs-custom.tabs-line .nav-tabs li a::after { content: ''; position: absolute; background: #008dcc; transition: .22s ease; } .tabs-custom.tabs-line .nav-tabs li.active a, .tabs-custom.tabs-line .nav-tabs li a:hover { color: #008dcc; } .tabs-custom.tabs-buttons .nav-tabs > li > a { padding: 11px 25px; min-width: 100px; text-align: center; border: 2px solid #e8e8e8; } .tabs-custom.tabs-buttons .nav-tabs > li.active a, .tabs-custom.tabs-buttons .nav-tabs > li a:hover { color: #fff; border-color: #008dcc; background-color: #008dcc; } /** * Horizontal tabs */ .tabs-horizontal.tabs-line .nav-tabs { border-bottom-width: 1px; } .tabs-horizontal.tabs-line .nav-tabs li { display: inline-block; } .tabs-horizontal.tabs-line .nav-tabs li:not(:last-child) { margin-right: 46px; } .tabs-horizontal.tabs-line .nav-tabs li a { padding: 0 0 15px 0; } .tabs-horizontal.tabs-line .nav-tabs li a::after { bottom: 0; left: 0; width: 0; height: 1px; } .tabs-horizontal.tabs-line .nav-tabs li.active a::after { width: 100%; } .tabs-horizontal.tabs-line .tab-pane { transition: .22s; } .tabs-horizontal.tabs-line * + .tab-content { padding-top: 30px; } .tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li a { color: #838386; } .tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li a::after { background: #002372; } .tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li.active a, .tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs li a:hover { color: #002372; } .tabs-horizontal.tabs-buttons .nav-tabs { position: relative; display: block; width: 100%; border: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transform: translateY(-10px); margin-bottom: -10px; margin-left: -10px; text-align: left; will-change: transform; } .tabs-horizontal.tabs-buttons .nav-tabs > * { display: inline-block; margin-top: 10px; margin-left: 10px; } .tabs-horizontal.tabs-buttons .nav-tabs.text-center { text-align: center; } .tabs-horizontal.tabs-buttons .nav-tabs li { display: inline-block; will-change: transform; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .tabs-horizontal.tabs-buttons .nav-tabs li a { display: block; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } /** * Vertical tabs */ .tabs-vertical { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .tabs-vertical .nav-tabs { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; max-width: 50%; } .tabs-vertical .nav-tabs li { width: 100%; border: 0; text-align: left; word-break: break-all; } .tabs-vertical .tab-content { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .tabs-vertical.tabs-buttons .nav-tabs { width: auto; min-width: 170px; border: 0; } .tabs-vertical.tabs-buttons .nav-tabs li { margin: 0; } .tabs-vertical.tabs-buttons .nav-tabs li a { position: relative; } .tabs-vertical.tabs-buttons .nav-tabs > li + li { margin-top: 10px; } .tabs-vertical.tabs-buttons .tab-content { padding: 0 0 0 30px; } .tabs-vertical.tabs-line .nav-tabs { border-right-width: 1px; text-align: right; } .tabs-vertical.tabs-line .nav-tabs > li > a { padding: 0 25px 0 5px; } .tabs-vertical.tabs-line .nav-tabs > li > a::after { right: -1px; top: 50%; transform: translateY(-50%); height: 0; width: 1px; } .tabs-vertical.tabs-line .nav-tabs > li.active a::after { height: 100%; } .tabs-vertical.tabs-line .nav-tabs > li + li { margin-top: 15px; } .tabs-vertical.tabs-line .tab-content { padding-top: 0; padding-left: 20px; } } @media (min-width: 992px) { /** * Vertical tabs */ .tabs-vertical { /** * Tabs buttons */ } } @media (min-width: 992px) { /** * Horizontal tabs */ .tabs-horizontal.tabs-line .tab-content { padding-top: 35px; } } @media (min-width: 992px) { /** * Base styles */ .tabs-custom.tabs-line:not(.tabs-line-small) .nav-tabs > li > a { font-size: 24px; } /** * Horizontal tabs */ .tabs-horizontal.tabs-line:not(.tabs-line-small) .nav-tabs > li:not(:last-child) { margin-right: 67px; } /** * Vertical tabs */ .tabs-vertical.tabs-line .nav-tabs > li + li { margin-top: 26px; } .tabs-vertical.tabs-line .tab-content { padding-left: 50px; } } .nav-tabs.nav-tabs-checkout { display: inline-flex; } /* * * Progress Bars * -------------------------------------------------- */ .progress-linear { position: relative; text-align: left; } .progress-linear .progress-header { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .progress-linear .progress-bar-linear-wrap, .progress-linear .progress-bar-linear { height: 100%; border-radius: 3px; } .progress-linear .progress-bar-linear-wrap { background: #f2f3f9; height: 10px; } .progress-linear .progress-bar-linear { background-color: #008dcc; width: 0; transition: .5s all ease-in-out; } .progress-linear .progress-value:after { content: "%"; } .progress-linear + .progress-linear { margin-top: 15px; } /* * * Circle Progress Bars * -------------------------------------------------- */ .progress-bar-circle { display: inline-block; position: relative; text-align: center; line-height: 1.2; } .progress-bar-circle canvas { vertical-align: middle; } .progress-bar-circle span { position: absolute; top: 50%; left: 50%; font-family: "Oswald", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 28px; line-height: 28px; color: #29293a; letter-spacing: 0.06em; transform: translate(-50%, -50%); } .progress-bar-circle span.radial:after { content: "%"; } .bg-gray-darker .progress-bar-circle span, .bg-additional-gray-darker .bg-additional-item .progress-bar-circle span { color: #fff; } .progress-bar-circle-classic:before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px solid #f2f3f9; border-radius: 50%; } * + .progress-bar-circle { margin-top: 25px; } .progress-bar-circle + * { margin-top: 10px; } @media (min-width: 768px) { .progress-bar-circle + * { margin-top: 15px; } * + .progress-bar-circle { margin-top: 60px; } } @media (min-width: 1600px) { .progress-bar-circle + * { margin-top: 25px; } } /** * This element is created inside your target element * It is used so that your own element will not need to be altered **/ .time_circles { position: relative; width: 100%; } /** * This is all the elements used to house all text used * in time circles **/ .time_circles > div { position: absolute; top: 0 !important; bottom: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: -6px; text-align: center; } .time_circles > div::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #e8e8e8; width: 68%; padding-bottom: 68%; border-radius: 100%; } @media (min-width: 480px) { .time_circles > div { margin-top: -10px; } .time_circles > div::after { top: 51.5%; } } @media (min-width: 480px) { [data-x-mode='true'] .time_circles > div::after { top: 52.7%; } } @-moz-document url-prefix() { .time_circles > div::after { padding-bottom: 61%; } } @media (min-width: 1200px) { #DateCountdown { width: 100%; } } /** * Titles (Days, Hours, etc) **/ .time_circles > div > h4 { position: absolute; left: 0; top: calc(100% + 15px); right: 0; transform: translateY(-100%); margin: 0; padding: 0; text-align: center; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 16px !important; letter-spacing: 0; line-height: 1.2 !important; text-transform: none; color: #838386; } .time_circles > div > h4 + * { margin-top: 0; } @media (min-width: 768px) { .time_circles > div > h4 { font-size: 20px !important; } } @media (min-width: 1600px) { .time_circles > div > h4 { font-size: 24px !important; } } /** * Time numbers, ie: 12 **/ .time_circles > div > span { display: block; text-align: center; font-family: "Oswald", Helvetica, Arial, sans-serif; font-size: 24px !important; font-weight: 400; line-height: 1 !important; letter-spacing: 0.06em; color: #29293a; } @media (min-width: 768px) { .time_circles > div > span { font-size: 28px !important; } } .countdown-wrap { max-width: 770px; margin-left: auto; margin-right: auto; padding-bottom: 20px; } * + .countdown-wrap { margin-top: 35px; } @media (min-width: 1600px) { * + .countdown-wrap { margin-top: 60px; } } /* * * Swiper * -------------------------------------------------- */ .swiper-container { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; height: auto; min-height: 13vw; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container .button-default-outline, .swiper-container .button-default-outline:focus { color: #fff; background-color: transparent; border-color: #fff; } .swiper-container .button-default-outline:hover, .swiper-container .button-default-outline:active, .swiper-container .button-default-outline:hover { color: #fff; background-color: #002372; border-color: #002372; } .swiper-container-vertical > .swiper-wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; height: auto; min-height: inherit; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); will-change: transform; } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; background-size: cover; background-position: center center; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; z-index: -1000; pointer-events: none; opacity: 0; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 40px; height: 40px; line-height: 40px; font-size: 20px; border-radius: 50%; text-align: center; margin-top: -20px; z-index: 10; cursor: pointer; background: #002372; color: #fff; transition: .33s; } .swiper-button-prev::before, .swiper-button-next::before { position: relative; font-family: 'Material Design Icons'; } .swiper-button-prev:hover, .swiper-button-next:hover { background: #008dcc; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev { left: 40px; } .swiper-button-prev::before { content: '\f14b'; left: -1px; } .swiper-button-next { right: 40px; } .swiper-button-next::before { content: '\f150'; right: -1px; } /* Pagination Styles */ .swiper-pagination-wrap { position: absolute; bottom: 30px; left: 50%; z-index: 10; text-align: center; transform: translate3d(-50%, 0, 0); } .swiper-pagination-wrap.shell-bigger { width: 100%; text-align: left; } @media (min-width: 1200px) { .swiper-pagination-wrap { bottom: 0; } .swiper-pagination-wrap.shell-bigger { bottom: 75px; } } .swiper-pagination { position: relative; display: inline-block; font-size: 0; line-height: 0; } .swiper-pagination-bullet { display: inline-block; width: 14px; height: 14px; border-radius: 100%; background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); transition: .33s; } .swiper-pagination-bullet:hover { background: #fff; } .swiper-pagination-bullet-active { background: rgba(255,236,23,0); } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet { margin: 0 15px; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Cube */ .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; z-index: 1; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Scrollbar */ .swiper-scrollbar { position: relative; -ms-touch-action: none; } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; bottom: 0; z-index: 50; height: 3px; width: 100%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { position: relative; left: 0; top: 0; width: 100%; height: 100%; background: #008dcc; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { content: ""; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .swiper-slide > .vide__body, .swiper-slide > .parallax_cnt { height: 100%; } .swiper-slide-caption { width: 100%; padding: 20px; bottom: 0; position: absolute; } .swiper-slider_height-1 { min-height: 300px; } @media (min-width: 768px) { .swiper-slider_height-1 { min-height: 650px; } } @media (min-width: 1200px) { .swiper-slider_height-1 { min-height: 512px; } } .swiper-slider_height-2 { min-height: 300px; } @media (min-width: 768px) { .swiper-slider_height-2 { min-height: 47.5vw; } } .swiper-slider_height-3 { min-height: 300px; } @media (min-width: 768px) { .swiper-slider_height-3 { min-height: 450px; } } @media (min-width: 992px) { .swiper-slider_height-3 { min-height: 600px; } } .swiper-slider_height-4 { min-height: 300px; } @media (max-width: 767px) { .swiper-slider_height-4 [class*='section'] { padding-bottom: 75px; } } @media (min-width: 768px) { .swiper-slider_height-4 { min-height: 500px; } } @media (min-width: 992px) { .swiper-slider_height-4 { min-height: 39.9vw; } } .swiper-type-1 { min-height: 300px; } .swiper-type-1 .big { font-weight: 400; } .swiper-type-1 .swiper-slide { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .swiper-type-1 .swiper-pagination { margin-left: -10px; } .swiper-type-1 .swiper-buttons { display: inline-block; position: absolute; bottom: 30px; left: 15px; white-space: nowrap; } .swiper-type-1 .swiper-buttons .swiper-button-prev, .swiper-type-1 .swiper-buttons .swiper-button-next { position: relative; display: inline-block; left: auto; right: auto; margin-top: 0; transform: none; } .swiper-type-1 .swiper-buttons > * + * { margin-left: 8px; } @media (max-width: 767px) { .swiper-type-1 [class*='section'] { padding-top: 25px; padding-bottom: 90px; } .swiper-type-1 .swiper-slide::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%); } .swiper-type-1 .swiper-slide .swiper-slide-caption { position: relative; z-index: 2; } } @media (min-width: 480px) { .swiper-type-1 .swiper-buttons { left: calc(50% - 450px / 2); } } @media (min-width: 768px) { .swiper-type-1 { min-height: 500px; } .swiper-type-1 .swiper-pagination-wrap { display: none; } .swiper-type-1 .swiper-buttons { left: calc(50% - 720px / 2); } } @media (min-width: 992px) { .swiper-type-1 { min-height: 39.4vw; } .swiper-type-1 .swiper-buttons { left: calc(50% - 940px / 2); } } @media (min-width: 1200px) { .swiper-type-1 .swiper-buttons { left: calc(50% - 1170px / 2); bottom: 50px; } } @media (min-width: 1600px) { .swiper-type-1 .section-xl { padding-top: 180px; padding-bottom: 180px; } .swiper-type-1 .swiper-buttons { left: calc(50% - 1570px / 2); } } @media (min-width: 1800px) { .swiper-type-1 .swiper-buttons { left: calc(50% - 1770px / 2); bottom: 95px; } } .rd-navbar-static-linked .page-header + .section-parallax-swiper { margin-top: -60px; } .rd-navbar-static-linked .page-header + .section-parallax-swiper .swiper-slide-caption { padding-top: 180px; } /** * Swiper main */ .swiper-main .swiper-pagination-wrap { bottom: 45px; } .swiper-main .button-default-outline, .swiper-main .button-default-outline:focus { color: #fff; background-color: transparent; border-color: #ededed; } .swiper-main .button-default-outline:hover, .swiper-main .button-default-outline:active, .swiper-main .button-default-outline:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } .swiper-main ~ .breadcrumbs-custom__shape { width: 160vw; } @media (min-width: 480px) { .swiper-main ~ .breadcrumbs-custom__shape { width: 120vw; } } @media (max-width: 767px) { .swiper-main .breadcrumbs-custom-title { font-size: 45px; } .swiper-main .breadcrumbs-custom-title::before, .swiper-main .breadcrumbs-custom-title::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; } .swiper-main .breadcrumbs-custom-title::before { left: -8px; } .swiper-main .breadcrumbs-custom-title::after { right: -4px; } .swiper-main .breadcrumbs-custom-subtitle { font-size: 15px; } .swiper-main .heading-2 { display: none; } .swiper-main .button { min-width: 180px; padding: 7px 15px; font-size: 13px; } .swiper-main * + .group-md { margin-top: 40px; } } @media (min-width: 768px) { .swiper-main ~ .breadcrumbs-custom__shape { width: 100vw; } .swiper-main .breadcrumbs-custom-title { font-size: 86px; } .swiper-main .breadcrumbs-custom-subtitle { font-size: 18px; } .swiper-main .heading-2 { font-size: 28px; } .swiper-main * + .group-md { margin-top: 45px; } .swiper-main .button { padding: 12px 18px; font-size: 16px; } } @media (min-width: 992px) { .swiper-main .breadcrumbs-custom-title { font-size: 116px; line-height: 1.3; } .swiper-main .swiper-pagination-wrap { bottom: 55px; } .swiper-main .breadcrumbs-custom-subtitle { font-size: 20px; } .swiper-main .heading-1 + p { margin-top: 10px; } .swiper-main * + .group-md { margin-top: 55px; } } @media (min-width: 1200px) and (min-height: 700px) { .swiper-main .breadcrumbs-custom-title { font-size: 150px; line-height: 1.4; margin-top: 0; } .swiper-main .breadcrumbs-custom-title::after { right: -10px; } .swiper-main * + .group-md { margin-top: 65px; } } @media (min-height: 800px) and (min-width: 1400px) { .swiper-main .breadcrumbs-custom-subtitle { font-size: 24px; } .swiper-main .heading-2 { font-size: 34px; } .swiper-main .button { padding: 15px 38px; font-size: 19px; } } @media (min-width: 1600px) { .swiper-main .breadcrumbs-custom-title { font-size: 190px; line-height: 1.3; } .swiper-main .breadcrumbs-custom-title:before, .swiper-main .breadcrumbs-custom-title:after { width: 20px; height: 20px; } .swiper-main .breadcrumbs-custom-title:before { left: -65px; } .swiper-main .breadcrumbs-custom-title:after { right: -40px; } .swiper-main .breadcrumbs-custom-subtitle { font-size: 30px; } .swiper-main .heading-2 { font-size: 42px; margin-top: 20px; } .swiper-main .swiper-pagination-wrap { bottom: 85px; } .swiper-main .button-lg { font-size: 19px; padding: 15px 65px; } .swiper-main * + .group-md { margin-top: 70px; } } @media (min-width: 1800px) { .swiper-main .breadcrumbs-custom-title { font-size: 220px; line-height: 1.4; } .swiper-main .breadcrumbs-custom-title:before, .swiper-main .breadcrumbs-custom-title:after { width: 27px; height: 27px; } .swiper-main .breadcrumbs-custom-title:before { left: -90px; } .swiper-main .breadcrumbs-custom-title:after { right: -65px; } .swiper-main .swiper-pagination-wrap { bottom: 105px; } .swiper-main .heading-2 { font-size: 52px; } } .swiper-main-section { padding-top: 60px; padding-bottom: 100px; } @media (min-width: 992px) { .desktop .swiper-main-section { padding-top: 200px; padding-bottom: 130px; } } @media (min-width: 1200px) { .desktop .swiper-main-section { padding-top: 180px; padding-bottom: 160px; } } @media (min-width: 1600px) { .desktop .swiper-main-section { padding-bottom: 220px; } } @media (min-width: 1800px) { .desktop .swiper-main-section { padding-top: 230px; padding-bottom: 245px; } } .swiper-modern { min-height: 480px; } .rd-navbar-fixed-linked .swiper-modern { min-height: 80vh; } .rd-navbar-fixed-linked.landscape .swiper-modern { min-height: 100vh; } @media (min-width: 768px) { .rd-navbar-fixed-linked .swiper-modern, .rd-navbar-fixed-linked.landscape .swiper-modern { min-height: 570px; } } @media (min-width: 992px) { .desktop .swiper-modern { height: 100vh; min-height: 600px; } .desktop .swiper-modern.swiper-modern-style-1 { height: auto; } } @media (min-width: 1600px) { .desktop .swiper-modern.swiper-modern-style-1 { min-height: 800px; } } @media (min-width: 768px) { .swiper-align-left h3 + * { margin-top: 20px; } .swiper-align-left * .button { margin-top: 30px; } .swiper-align-left .swiper-pagination-wrap { width: 100%; text-align: left; } } @media (min-width: 1200px) { .swiper-align-left-custom h3 + .divider { margin-top: 40px; } } .swiper-form-wrap { position: relative; } @media (min-width: 992px) { .swiper-form-wrap .form-request-wrap { width: 100%; position: absolute; top: 50%; transform: translate3d(0, -50%, 0); left: 0; right: 0; z-index: 2; pointer-events: none; } .swiper-form-wrap .form-request { pointer-events: auto; } } .swiper-modern-1.swiper-container.swiper-slider.swiper-modern [class*='swiper-button-'] { display: none !important; } @media (min-width: 1200px) { .swiper-modern-1.swiper-container.swiper-slider.swiper-modern [class*='swiper-button-'] { display: block !important; } } .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit--select: none; -khtml--select: none; -moz--select: none; -ms--select: none; -select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("./../images/ajax-loader.gif") center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: rgba(0, 0, 0, 0.6); color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 999; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } [dir="rtl"] .slick-prev { left: auto; right: 0; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: 0; } [dir="rtl"] .slick-next { left: 0; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-slider *:focus { outline: 0; } .slick-dots { display: block; margin-top: 20px; list-style: none; width: 100%; padding: 0; text-align: center; font-size: 0; line-height: 0; word-spacing: 0; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { background: none; border: 0; color: inherit; cursor: pointer; font: inherit; overflow: hidden; padding: 0; position: relative; vertical-align: middle; white-space: nowrap; outline: none; width: 8px; height: 8px; border-radius: 100px; background: #555555; } .slick-dots li button:active { cursor: wait; } .slick-dots li.slick-active button, .slick-dots li:hover button { background: #008dcc; } /** * Slick widget */ .slider-widget { width: 100%; max-width: 100%; background: #fff; border-radius: 9px; box-shadow: 0 5px 12px 0 #dcdeec; overflow: hidden; } .slider-widget .slick-slider { margin: 0; } .slider-widget .item > * { padding: 20px; } * + .slider-widget { margin-top: 30px; } .slider-widget-aside { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 5px; color: #fff; background: #002372; text-align: center; } .slider-widget-aside .slick-prev, .slider-widget-aside .slick-next { position: relative; top: auto; transform: none; width: 100%; height: auto; color: #fff; background-color: transparent; } .slider-widget-aside .slick-prev::before, .slider-widget-aside .slick-next::before { font-size: 30px; opacity: 1; transition: .33s; } .slider-widget-aside .slick-prev:hover::before, .slider-widget-aside .slick-next:hover::before { color: rgba(255, 255, 255, 0.7); } .slider-widget-aside .slick-prev::before { content: '\f14c'; } .slider-widget-aside .slick-next::before { content: '\f151'; } .slider-widget-aside .slick-prev + .slick-next { margin-top: 5px; } @media (min-width: 480px) { .slider-widget { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .slider-widget .slick-slider { width: calc(100% - 70px); } .slider-widget .slider-widget-aside { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 70px; padding: 20px 5px; } } @media (min-width: 768px) { .slider-widget .slick-slider .item > * { padding: 30px 40px; } } @media (min-width: 1200px) { * + .slider-widget { margin-top: 40px; } } .slick-slider[data-vertical='true'] .slick-slide { width: 100%; float: none; } /* * * Select 2 * -------------------------------------------------- */ .select2 { width: 100% !important; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 50px; -select: none; -webkit--select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 20px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -select: none; -webkit--select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { position: absolute; margin-top: 2px; left: -100000px; z-index: 16; display: block; box-sizing: border-box; width: 100%; background-color: #fff; border: 1px solid #dedfe8; border-radius: 35px; box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17); } .select2-results { display: block; } .select2-results__options { padding: 10px 0; list-style: none; margin: 0; } .select2-results__option { padding: 10px 20px; font-size: 18px; transition: .3s; -select: none; color: #29293a; -webkit--select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { width: 100%; padding: 4px; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2 + .form-validation { z-index: 14; } .select2-container--bootstrap { display: block; } .select2-container--bootstrap .select2-selection { background-color: #f2f3f9; border: 1px solid #f2f3f9; border-radius: 35px; color: #29293a; font-size: 18px; font-weight: 300; line-height: 24px; outline: 0; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { background-color: #f2f3f9; border: 1px solid #f2f3f9; border-radius: 35px; color: #29293a; font-size: 18px; font-weight: 300; line-height: 24px; } .select2-container--bootstrap .select2-search__field { outline: 0; font-size: 18px; } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #838386; } .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #838386; } .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #838386; opacity: 1; } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #838386; } .select2-container--bootstrap .select2-results__option[role=group] { padding: 0; } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #838386; cursor: not-allowed; } .select2-container--bootstrap .select2-results__option[aria-selected=true] { color: #c2c2c3; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { color: #002372; } .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 10px 20px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -15px; padding-left: 30px; } .select2-container--bootstrap .select2-results__group { color: #838386; display: block; padding: 10px 15px; font-weight: 700; font-size: 16px; line-height: 1.875; white-space: nowrap; } .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #008dcc transparent; border-width: 0 5px 5px 5px; } .select2-container--bootstrap .select2-selection__clear { color: #333333; cursor: pointer; float: right; font-weight: 400; margin-right: 10px; } .select2-container--bootstrap .select2-selection__clear:hover { color: #008dcc; } .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #ccc; box-shadow: none; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-search__field { cursor: not-allowed; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #f2f3f9; } .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; } .select2-container--bootstrap .select2-dropdown { overflow-x: hidden; } .select2-container--bootstrap .select2-results > .select2-results__options { max-height: 215px; overflow-y: auto; } .select2-container--bootstrap .select2-selection--single { text-align: left; height: 60px; line-height: 59px; padding: 0 44px 0 24px; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: 15px; top: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b:before { position: absolute; top: 50%; font-weight: 400; margin-top: -10px; right: 0; height: 20px; line-height: 20px; content: '\f236'; font-family: 'Material Design Icons'; font-size: 20px; } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #555555; padding: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #838386; } .select2-container--bootstrap .select2-selection--multiple { min-height: 50px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 24px; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #838386; float: left; margin-top: 5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #29293a; background: #000000; border: 1px solid #000000; border-radius: 3px; cursor: default; float: left; margin: 0; padding: 0 15px; } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 15px; height: 48px; line-height: 24px; margin-top: 0; min-width: 5em; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: #333333; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 10px / 2; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #008dcc; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 10px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single { padding-left: 27px; padding-right: 15px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right;/* 1 */ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 15px; right: auto; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b { margin-left: 0; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 15px/2; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .has-warning.select2-drop-active { border-color: #66512c; } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #66512c; } .has-error.select2-drop-active { border-color: #843534; } .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #843534; } .has-success.select2-drop-active { border-color: #2b542c; } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #2b542c; } .input-group .select2-container--bootstrap { display: table; table-layout: fixed; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection { order-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection { order-bottom-right-radius: 0; border-top-right-radius: 0; } .select2-bootstrap-append .select2-container--bootstrap, .select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .select2-container--bootstrap, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn { vertical-align: top; } .form-control.select2-hidden-accessible { position: absolute !important; width: 1px !important; } .form-inline .select2-container--bootstrap { display: inline-block; } /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom;/* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 16px; height: 100%; margin: 0 auto; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 16px; height: 100%; margin: 0 auto; border-radius: 0; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px;/* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px;/* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #f2f3f8; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #d1d4e6; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0;/* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px;/* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* * * Style Switcher * -------------------------------------------------- */ .style-switcher--wrap { position: relative; z-index: 15; width: 100%; padding: 0 15px; text-align: center; } .style-switcher- { position: relative; z-index: 11; transform: translateY(-10px); margin-bottom: -10px; margin-left: -10px; will-change: transform; text-align: center; } .style-switcher- > * { display: inline-block; margin-top: 10px; margin-left: 10px; } .style-switcher- > li { transform: translate3d(0, 0, 0); overflow: hidden; } .style-switcher- .button { padding: 10px 28px; min-width: 90px; font-size: 14px; will-change: transform; } .style-switcher- .button, .style-switcher- .button:focus { color: #29293a; background-color: #fff; border-color: #ededed; } .style-switcher- .button:hover, .style-switcher- .button:active, .style-switcher- .button:hover { color: #fff; background-color: #008dcc; border-color: #008dcc; } .style-switcher- .button:active { background: #008dcc; border-color: #008dcc; } .style-switcher- > li.active .button { color: #fff; border-color: #008dcc; background: #008dcc; } .style-switcher-container { position: relative; } .style-switcher-container .section { transition: .33s; } .style-switcher-toggle-wrap { position: relative; z-index: 10; text-align: center; } @media (max-width: 767px) { .style-switcher--wrap { position: relative; } .style-switcher--wrap .style-switcher--control { display: block; margin-left: auto; margin-right: auto; padding: 10px 20px; color: #fff; background: #008dcc; box-shadow: none; border: 0; } .style-switcher--wrap .style-switcher--control::after { position: relative; top: -1px; display: inline-block; margin-left: 5px; content: '\f107'; font-family: 'FontAwesome'; font-size: 14px; transition: .22s; will-change: transform; } .style-switcher--wrap .style-switcher--control.active::after { transform: scale(1, -1); } .style-switcher- { position: absolute; bottom: -5px; left: 50%; padding: 10px; margin: 0; min-width: 240px; transform-origin: 50% 0; transform: translate3d(-50%, 100%, 0); border: 1px solid #d8dae2; opacity: 0; visibility: hidden; background: #fff; will-change: transform; transition: transform 0.32s cubic-bezier(1, 0.54, 0.15, 0.86), opacity 0.2s ease; border-radius: 18px; } .style-switcher-.active { opacity: 1; visibility: visible; transform: translate3d(-50%, 100%, 0); } .style-switcher- li { display: block; width: 100%; margin: 0; } .style-switcher- li + li { margin-top: 5px; } .style-switcher- .button { padding: 4px 18px; width: 100%; border: 0; text-align: left; text-transform: none; font-family: "Lato", Helvetica, Arial, sans-serif; color: #29293a; letter-spacing: 0; font-weight: 300; background-color: transparent; } .style-switcher- > li.active > .button, .style-switcher- .button:hover { color: #002372; background-color: transparent; } } @media (min-width: 768px) { .style-switcher--wrap .style-switcher--control { display: none; } } * + .style-switcher { margin-top: 30px; } * + .section-offset, * + .style-switcher-container { margin-top: 20px; } .style-switcher-toggle-wrap + * { margin-top: 20px; } @media (min-width: 768px) { * + .style-switcher { margin-top: 50px; } * + .section-offset, * + .style-switcher-container { margin-top: 35px; } } @media (min-width: 1200px) { * + .style-switcher { margin-top: 30px; } } @media (min-width: 1600px) { * + .style-switcher { margin-top: 60px; } * + .section-offset { margin-top: 80px; } * + .section-offset, * + .style-switcher-container { margin-top: 60px; } } @media (min-width: 992px) { .desktop .style-switcher-container .style-switcher-toggle { position: absolute; left: 50%; transform: translateX(-50%); will-change: transform; top: 15px; opacity: 0; transition: .33s; } .desktop .style-switcher-container:hover .style-switcher-toggle { top: 35px; opacity: 1; transform: translateX(-50%); } .desktop .style-switcher-toggle-wrap + * { margin-top: 0; } } @media (min-width: 1600px) { .desktop .style-switcher-container .style-switcher-toggle { top: 45px; } .desktop .style-switcher-container:hover .style-switcher-toggle { top: 60px; } } @font-face { font-family: 'lg'; src: url("../fonts/lg.eot?n1z373"); src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1180; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { display: flex; flex-direction: row-reverse; z-index: 1182; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1180; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; margin-right: auto; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1180; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; margin-left: auto; margin-right: auto; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 0px solid #FFF; margin-bottom: 5px; transform: scale(0.9); border-radius: 2px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { transform: scale(1); } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1180; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../images/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1183; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1180; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1181; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { will-change: transform, opacity; } .lg-css3.lg-use-left .lg-item { will-change: left, opacity; } .lg-css3.lg-zoom-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in .lg-item.lg-next-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out .lg-item.lg-next-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-out-in .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-in-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-in-out .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-soft-zoom .lg-item { opacity: 0; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); } .lg-css3.lg-soft-zoom .lg-item.lg-next-slide { -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } .lg-css3.lg-soft-zoom .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular .lg-item { opacity: 0; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-up .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-left .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-next-slide { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-vertical-growth .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide { -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide { -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide { -moz-transform: skew(60deg, 0deg); -o-transform: skew(60deg, 0deg); -ms-transform: skew(60deg, 0deg); -webkit-transform: skew(60deg, 0deg); transform: skew(60deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide { -moz-transform: skew(60deg, 0deg); -o-transform: skew(60deg, 0deg); -ms-transform: skew(60deg, 0deg); -webkit-transform: skew(60deg, 0deg); transform: skew(60deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide { -moz-transform: skew(-60deg, 0deg); -o-transform: skew(-60deg, 0deg); -ms-transform: skew(-60deg, 0deg); -webkit-transform: skew(-60deg, 0deg); transform: skew(-60deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide { -moz-transform: skew(-60deg, 0deg); -o-transform: skew(-60deg, 0deg); -ms-transform: skew(-60deg, 0deg); -webkit-transform: skew(-60deg, 0deg); transform: skew(-60deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 60deg); -o-transform: skew(0deg, 60deg); -ms-transform: skew(0deg, 60deg); -webkit-transform: skew(0deg, 60deg); transform: skew(0deg, 60deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide { -moz-transform: skew(0deg, 60deg); -o-transform: skew(0deg, 60deg); -ms-transform: skew(0deg, 60deg); -webkit-transform: skew(0deg, 60deg); transform: skew(0deg, 60deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -60deg); -o-transform: skew(0deg, -60deg); -ms-transform: skew(0deg, -60deg); -webkit-transform: skew(0deg, -60deg); transform: skew(0deg, -60deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -60deg); -o-transform: skew(0deg, -60deg); -ms-transform: skew(0deg, -60deg); -webkit-transform: skew(0deg, -60deg); transform: skew(0deg, -60deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew .lg-item { opacity: 0; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide { -moz-transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px); -o-transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px); transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-next-slide { -moz-transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px); -o-transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px); transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide { -moz-transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px); transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide { -moz-transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px); transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide { -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide { -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide { -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide { -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide { -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 60deg) translate3d(0, -100%, 0px); -o-transform: skew(0deg, 60deg) translate3d(0, -100%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(0, -100%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(0, -100%, 0px); transform: skew(0deg, 60deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide { -moz-transform: skew(0deg, 60deg) translate3d(0, 100%, 0px); -o-transform: skew(0deg, 60deg) translate3d(0, 100%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(0, 100%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(0, 100%, 0px); transform: skew(0deg, 60deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -60deg) translate3d(0, -100%, 0px); -o-transform: skew(0deg, -60deg) translate3d(0, -100%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(0, -100%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(0, -100%, 0px); transform: skew(0deg, -60deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -60deg) translate3d(0, 100%, 0px); -o-transform: skew(0deg, -60deg) translate3d(0, 100%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(0, 100%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(0, 100%, 0px); transform: skew(0deg, -60deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop .lg-item { opacity: 0; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-lollipop .lg-item.lg-next-slide { -moz-transform: translate3d(0, 0, 0) scale(0.5); -o-transform: translate3d(0, 0, 0) scale(0.5); -ms-transform: translate3d(0, 0, 0) scale(0.5); -webkit-transform: translate3d(0, 0, 0) scale(0.5); transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop-rev .lg-item { opacity: 0; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide { -moz-transform: translate3d(0, 0, 0) scale(0.5); -o-transform: translate3d(0, 0, 0) scale(0.5); -ms-transform: translate3d(0, 0, 0) scale(0.5); -webkit-transform: translate3d(0, 0, 0) scale(0.5); transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-lollipop-rev .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate .lg-item { opacity: 0; } .lg-css3.lg-rotate .lg-item.lg-prev-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .lg-css3.lg-rotate .lg-item.lg-next-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .lg-css3.lg-rotate .lg-item.lg-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate-rev .lg-item { opacity: 0; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-next-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-tube .lg-item { opacity: 0; } .lg-css3.lg-tube .lg-item.lg-prev-slide { -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-next-slide { -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1150; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../images/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1160; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide- #lg- { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1140; background-color: #000000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-item iframe { background-color: #fff; } .lightgallery-album li:not(:first-child) { display: none; } [data-lightgallery='item'] { cursor: pointer; } html[dir='rtl'] .lg-actions .lg-prev { right: 20px; left: auto; } html[dir='rtl'] .lg-actions .lg-next { left: 20px; right: auto; } html[dir='rtl'] .lg-outer .lg-thumb-item { float: right; } html[dir='rtl'] .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transform: translate3d(100%, 0, 0); } html[dir='rtl'] .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { transform: translate3d(-100%, 0, 0); } html[dir='rtl'] .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transform: translate3d(0, 0, 0); } .parallax-scene { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; text-align: left; display: none; pointer-events: none; } @media (min-width: 992px) { .desktop .parallax-scene { display: block; } } .parallax-scene-wrapper { position: relative; } .parallax-scene-wrapper .shell { position: relative; z-index: 1; } .parallax-scene [class^='layer-'] { position: absolute; pointer-events: none; } .parallax-scene [class^='layer-'] img { max-width: none; } .parallax-scene .layer-01 { left: 80px; } .parallax-scene .layer-02 { left: 14%; top: 35%; display: none; } .parallax-scene .layer-03 { left: 10%; top: 75%; } .parallax-scene .layer-04 { left: 86%; top: 3%; } .parallax-scene .layer-05 { left: 80%; top: 50%; } .parallax-scene .layer-06 { left: 85%; top: 60%; display: none; } @media (min-height: 750px) and (min-width: 1200px) { .parallax-scene .layer-04 { top: 2%; } .parallax-scene .layer-05 { top: 38%; } .parallax-scene .layer-02, .parallax-scene .layer-06 { display: block; } } /** * jPlayer * ----------------------------------------------------------------------------- */ .jp-custom-playlist { text-align: left; } .jp-custom-playlist li { margin: 2px 0; padding: 3px 12px; background-color: #e4e4e4; } .jp-custom-playlist li a:before { display: inline-block; margin-right: 6px; font-family: "Material Design Icons"; content: "\f4f9"; } .jp-custom-playlist li.playing a:before { content: "\f4d3"; } .jp-custom-playlist li.playing a { color: #008dcc; } .jp-player-init { /** * Player * ----------------------------------------------------------------------------- */ /* jPlayer: Cotrols ----------------------------------------------- */ /* jPlayer: Progress Bar ----------------------------------------------- */ /* jPlayer: Volume Bar ----------------------------------------------- */ /* Diagonal Background Bars */ /* jPlayer: Playlist ----------------------------------------------- */ } .jp-player-init.jp-player-fixed { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; } .jp-player-init.jp-player-fixed .jp-audio { max-width: none; padding: 0; transition: .3s; transform: translateY(100%); } .jp-player-init.jp-player-fixed .jp-audio.jp-state-playing { transform: translateY(0); } .jp-player-init.jp-player-fixed .jp-interface { border-radius: 0; } .jp-player-init.jp-player-fixed .jp-no-solution, .jp-player-init.jp-player-fixed .jp-playlist { display: none; } .jp-player-init .jp-jplayer { height: 0 !important; width: 0 !important; } .jp-player-init .jp-audio { font-size: 25px; font-size: 1.6rem; margin: 0 auto; max-width: 100%; padding: 0 1.25em; } .jp-player-init .jp-audio a { color: #d2d6db; text-decoration: none; } .jp-player-init .jp-audio a:hover { color: #ffffff; } .jp-player-init .jp-interface { display: flex; background-color: #2b2d2d; background-repeat: repeat-x; background-image: linear-gradient(#4a4c4d, #2b2d2d); border-radius: 3px 3px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); height: 30px; position: relative; width: 100%; font-size: 15px; } @media (min-width: 480px) { .jp-player-init .jp-audio { max-width: 35em; } .jp-player-init .jp-interface { border-radius: 3px; } } .jp-player-init .jp-button { float: left; } .jp-player-init .jp-btn { background: transparent; border: 0; border-radius: 0; color: #d2d6db; cursor: pointer; display: block; height: 30px; margin: 0; outline: none; overflow: hidden; padding: 0; position: relative; text-indent: 110%; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-transition: none; transition: none; white-space: nowrap; width: 2.125em; } .jp-player-init .jp-btn:before { font-family: "Material Design Icons"; font-size: 25px; font-size: 1rem; line-height: 1.875em; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; text-indent: 0; } .jp-player-init .jp-btn:hover { color: #ffffff; } .jp-player-init .jp-play:before { content: "\f4f9"; text-indent: 0.1875em; } .jp-player-init .jp-mute:before { content: "\f66b"; } .jp-player-init .jp-state-playing .jp-play:before { content: "\f4d3"; text-indent: 0; } .jp-player-init .jp-state-muted .jp-mute:before { content: "\f66e"; } .jp-player-init .jp-previous:before { content: "\f59d"; } .jp-player-init .jp-next:before { content: "\f59c"; } .jp-player-init .jp-controls { display: flex; padding: 0 10px; } .jp-player-init .jp-controls .jp-play { left: -2px; } .jp-player-init .jp-controls .jp-btn { width: 20px; } .jp-player-init .jp-time-rail { flex: 1; border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.25); float: left; height: 1.875em; padding: 0.75em; position: relative; width: calc(100% - 165px); } .jp-player-init .jp-time-rail:before, .jp-player-init .jp-time-rail:after { border-left: 1px solid; content: " "; position: absolute; top: 0; bottom: 0; } .jp-player-init .jp-time-rail:before { border-color: rgba(0, 0, 0, 0.25); right: 100%; margin-right: 1px; } .jp-player-init .jp-time-rail:after { border-color: rgba(255, 255, 255, 0.05); left: 100%; margin-left: 1px; } .jp-player-init .jp-progress { background: #262929; border: 1px solid; border-color: #212424 #262929 #262929; border-radius: 1px; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.05); height: 0.4375em; width: 100%; } .jp-player-init .jp-seek-bar, .jp-player-init .jp-play-bar { border-radius: 1px; height: 0.3125em; width: 0; } .jp-player-init .jp-seek-bar { background: #464849; cursor: pointer; position: relative; } .jp-player-init .jp-play-bar { animation: progress-bar 0.75s linear infinite; } .jp-player-init .jp-volume-bar { float: left; z-index: 99; position: relative; margin: 0.75em 1em 0 -0.3125em; width: 2.5em; height: 0.4375em; cursor: pointer; background: #262929; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.05); border-radius: 1px; } .jp-player-init .jp-volume-bar-value { width: 0; height: 0.3125em; margin: 1px; border-radius: 1px; } .jp-player-init .jp-play-bar, .jp-player-init .jp-volume-bar-value { box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3); background-size: 0.4375em 0.4375em; background-color: #7d0ecc; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#008dcc), to(#7d0ecc)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008dcc), color-stop(100%, #7d0ecc)); background-image: -webkit-linear-gradient(#008dcc, #7d0ecc); background-image: -o-linear-gradient(#008dcc, #7d0ecc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$primary', endColorstr='darken($primary, 10%)', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$primary', endColorstr='darken($primary, 10%)', GradientType=0)"; background-image: linear-gradient(#008dcc, #7d0ecc); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); } .jp-player-init .jp-playlist { text-align: left; background-color: #4a4c4d; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); border-radius: 0 0 3px 3px; font-size: 19px; font-size: 1.2rem; margin: 0 auto; } .jp-player-init .jp-playlist.jp-playlist--hidden { display: none; } .jp-player-init .jp-playlist .jp-playlist-current { background-color: rgba(0, 0, 0, 0.1); } .jp-player-init .jp-playlist .jp-playlist-current a { color: #fff; } .jp-player-init .jp-playlist a { display: block; padding: 0.58333333em 1em; } .jp-player-init .jp-playlist ul { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); list-style: none; margin: 0; padding: 0; width: 100%; font-size: 16px; } .jp-player-init .jp-playlist li { border-top: 1px solid rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.05); width: 100%; } .jp-player-init .jp-playlist li:hover { background-color: rgba(0, 0, 0, 0.2); } .jp-player-init .jp-playlist li:first-child { border-top: none; } .jp-player-init .jp-playlist li:last-child { border-bottom: none; } .jp-player-init .jp-free-media { display: block; float: right; font-size: 0.83333333em; letter-spacing: 0.05em; line-height: 2em; margin-right: 1em; padding: 0.58333333em 0; text-transform: uppercase; } .jp-player-init .jp-free-media a { display: inline; padding: 0; } .jp-player-init .jp-free-media a:first-child:before, .jp-player-init .jp-free-media a:last-child:after { content: " "; } .jp-player-init .jp-state-playing .jp-playlist-current { border-top-color: rgba(0, 0, 0, 0.35); } .jp-player-init .jp-state-playing .jp-playlist-current a { background-color: rgba(0, 0, 0, 0.2); color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .jp-player-init .jp-state-playing .jp-playlist-current .jp-free-media a { background-color: transparent; } .jp-player-init .jp-playlist-item-remove { display: none; padding: 0; } @media (min-width: 480px) { .jp-player-init .jp-playlist { width: 94%; } } /* * Project: CirclePlayer * http://www.jplayer.org * * Copyright (c) 2012 Happyworm Ltd * * Author: Silvia Benvenuti * Edited by: Mark J Panaghiston * Date: 2nd October 2012 * Artwork inspired by: http://forrst.com/posts/Untitled-CJz */ .-container { position: relative; width: 104px; /* 200 - (2 * 48) */ height: 104px; background: url("../images/bgr.jpg") 0 0 no-repeat; padding: 48px; -webkit-tap-highlight-color: transparent; box-sizing: content-box; margin-bottom: 20px; } @media (min-width: 480px) { .prototype-wrapper { display: flex; justify-content: space-around; } } .-container :focus { border: none; outline: 0; } .-buffer-1, .-buffer-2, .-progress-1, .-progress-2 { position: absolute; top: 0; left: 0; width: 104px; height: 104px; clip: rect(0px, 52px, 104px, 0px); -moz-border-radius: 52px; border-radius: 52px; } /* FALLBACK for .progress * (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step) * (It needs the container selector to work. Or use div) */ .-container .-fallback { background: url("../images/progress_sprite.jpg") no-repeat; background-position: 0 104px; } .-progress-1, .-progress-2 { background: url("../images/progress.png") 0 0 no-repeat; } .-buffer-holder, .-progress-holder, .-circle-control { position: absolute; width: 104px; height: 104px; } .-circle-control { cursor: pointer; } .-buffer-holder, .-progress-holder { clip: rect(0px, 104px, 104px, 52px); display: none; } /* This is needed when progress is greater than 50% or for fallback */ .-buffer-holder.-gt50, .-progress-holder.-gt50, .-progress-1.-fallback { clip: rect(auto, auto, auto, auto); } .-controls { margin: 0; padding: 26px; } .-controls li { list-style-type: none; display: block; /*IE Fix*/ position: absolute; } .-controls li a { position: relative; display: block; width: 50px; height: 50px; text-indent: -9999px; z-index: 1; cursor: pointer; transition: 0s; } .-controls .-play { background: url("../images/controls.jpg") 0 0 no-repeat; } .-controls .-play:hover { background: url("../images/controls.jpg") -50px 0 no-repeat; } .-controls .-pause { background: url("../images/controls.jpg") 0 -50px no-repeat; } .-controls .-pause:hover { background: url("../images/controls.jpg") -50px -50px no-repeat; } .-jplayer { width: 0; height: 0; } .jp-video-full { width: 480px; height: 270px; position: static !important; } .jp-video.jp-state-full-screen .jp-jplayer, .jp-video.jp-state-full-screen .jp-jplayer { width: 100% !important; height: 100% !important; } .jp-video.jp-state-full-screen:not(.jp-state-playing) .jp-playlist { pointer-events: all; opacity: 1; } .jp-video.jp-state-full-screen .jp-playlist { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1000; pointer-events: none; opacity: 0; transition: opacity .2s ease-in-out .4s; display: inline-block; min-width: 400px; background: rgba(0, 0, 0, 0.7); border-radius: 8px; padding: 12px 5px; } .jp-video.jp-state-full-screen .jp-playlist li.jp-playlist-current a { color: #008dcc; } .jp-video.jp-state-full-screen .jp-playlist li a { color: #ffffff; } .jp-video.jp-state-full-screen .jp-playlist li + li { border-top: 1px solid rgba(255, 255, 255, 0.12); } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden; z-index: 1000; } .jp-video-full .jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .jp-video-full .jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; z-index: 1000; } .jp-video { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; background: #000000; } .jp-video .jp-interface { position: relative; width: 100%; height: 35px; background-color: #f2f2f2; box-shadow: inset 0px 1px 0px #f7f7f7, inset 0px -1px 0px #e2e2e2; } .jp-video div.jp-controls-holder { clear: both; margin: 0 auto; display: flex; position: relative; overflow: hidden; } .jp-video a.jp-play, .jp-video a.jp-pause { width: 40px; height: 35px; float: left; text-indent: 110%; outline: none; } .jp-video a.jp-previous:before { content: "\f59d"; font-family: "Material Design Icons"; } .jp-video a.jp-next:before { content: "\f59c"; font-family: "Material Design Icons"; } .jp-video a.jp-previous, .jp-video a.jp-next { position: relative; align-items: center; justify-content: center; width: 30px; color: #706d6d; display: none; } @media (min-width: 480px) { .jp-video a.jp-previous, .jp-video a.jp-next { display: flex; } } .jp-video a.jp-play { background: url(../images/sprite.png) 0 0 no-repeat; } .jp-video a.jp-pause { background: url(../images/sprite.png) -40px 0 no-repeat; display: none; } .jp-video #seperator { background-image: url(../images/seperator.png); background-repeat: no-repeat; width: 2px; height: 35px; float: left; margin-top: 7px; margin-right: 10px; } .jp-video .jp-progress { background: #706d6d; border-radius: 5px; box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.4); flex: 1; height: 10px; float: left; margin-top: 13px; margin-right: 10px; margin-left: 10px; } .jp-video .jp-time-wrapper { display: none; } @media (min-width: 480px) { .jp-video .jp-time-wrapper { display: block; } } .jp-video .jp-seek-bar { width: 0px; height: 100%; cursor: pointer; } .jp-video .jp-seeking-bg { background: #575555; -moz-border-radius: 5px; border-radius: 5px; } .jp-video .jp-play-bar { width: 0px; height: 10px; position: relative; z-index: 9; background-size: 12px 12px; background-color: #7d0ecc; background-repeat: repeat-x; border-radius: 5px; background-image: linear-gradient(#008dcc, #7d0ecc); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); } .jp-video .jp-play-bar span { position: absolute; top: -3px; right: -12px; background: url(../images/handle.png) no-repeat center; width: 16px; height: 17px; } .jp-video .jp-current-time, .jp-video .jp-duration { font-size: 11px; font-family: Arial; color: #444444; margin-top: 12px; float: left; } .jp-video .jp-current-time { float: left; display: inline; } .jp-video .jp-duration { float: left; display: inline; text-align: right; } .jp-video .jp-current-time { margin-left: 10px; } .jp-video .jp-duration { margin-right: 10px; } .jp-video .time-sep { float: left; margin: 13px 3px 0 3px; font-size: 11px; font-family: Arial; color: #444444; } .jp-video a.jp-mute, .jp-video a.jp-unmute { text-indent: -9999px; float: left; height: 35px; outline: none; } .jp-video .jp-mute { float: left; background: url(../images/sprite.png) -80px 0 no-repeat; margin-top: 1px; margin-left: -10px; width: 35px; } .jp-video a.jp-unmute { background: url(../images/sprite.png) -115px 0 no-repeat; margin-top: 1px; margin-left: -13px; display: none; width: 38px; } .jp-video .jp-volume-bar { float: left; margin-top: 13px; margin-right: 10px; overflow: hidden; width: 70px; height: 10px; cursor: pointer; background: #706d6d; border-radius: 5px; box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.4); } .jp-video .jp-volume-bar-value { background: rgba(112, 109, 109, 0.01); width: 0px; height: 10px; position: relative; } .jp-video .jp-volume-bar-value span { position: absolute; top: 0px; right: 0px; background: url(../images/volume.png) no-repeat center; width: 11px; height: 10px; } .jp-video .jp-full-screen { background: url(../images/sprite.png) -150px 0 no-repeat; float: left; width: 40px; height: 35px; text-indent: -9999px; margin-left: -15px; outline: none; } .jp-video .jp-restore-screen { background: url(../images/sprite.png) -150px 0 no-repeat; float: left; width: 40px; height: 35px; text-indent: -9999px; margin-left: -15px; outline: none; } .jp-video .jp-playlist li { padding: 3px 0; } .jp-video .jp-playlist li.jp-playlist-current a { color: #ffffff; } .jp-video .jp-jplayer { cursor: pointer; font-size: 0; overflow: hidden; } /** * Custom Style */ .jp-video.jp-video-single .jp-playlist, .jp-video.jp-video-single .jp-gui { display: none !important; } .jp-video { position: relative; } .jp-video:before { content: '\f4fb'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Material Design Icons'; font-size: 50px; line-height: 100px; color: #f2f3f9; z-index: 1; pointer-events: none; border-radius: 50%; transition: .3s ease-out all; transform-origin: 50% 50%; } .jp-video:hover:before { color: #d8dae2; } .jp-video.jp-state-playing:before { z-index: -100; } @media (min-width: 768px) { .jp-video:before { font-size: 70px; } } @media (min-width: 1200px) { .jp-video:before { font-size: 100px; } } /** * Build Video */ .build-video { position: relative; } .build-video-element { position: absolute; overflow: hidden; top: 7.45%; bottom: 10.9%; left: 12.4%; right: 12.4%; } .build-video-element .jp-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .jp-video .jp-jplayer img { display: block !important; } .jp-video .jp-jplayer video { display: none; } .jp-video.jp-state-playing .jp-jplayer img { display: none !important; } .jp-video.jp-state-playing .jp-jplayer video { display: block; } .form-wrap-modern .stepper { min-width: 100%; } .stepper { position: relative; display: inline-block; max-width: 70px; min-width: 220px; } .stepper input[type="number"] { width: 100%; padding-left: 55px; padding-right: 55px; text-align: center; -moz-appearance: textfield; } .shop-input .stepper { min-width: 130px; } .shop-input .stepper .stepper-arrow { font-size: 22px; } @media (max-width: 991px) { .shop-input .stepper input[type="number"] { padding-left: 40px; padding-right: 50px; } } @media (min-width: 992px) { .shop-input .stepper { min-width: 180px; } .shop-input .stepper .stepper-arrow { font-size: 28px; } } .stepper input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .stepper-arrow { position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; font-size: 28px; font-family: 'Material Design Icons'; cursor: pointer; color: #002372; transition: .3s all ease; } .stepper-arrow:hover { color: #008dcc; } .stepper-arrow.up { right: 28px; text-align: left; } .stepper-arrow.up:before { content: '\f504'; } .stepper-arrow.down { left: 19px; text-align: right; } .stepper-arrow.down:before { content: '\f465'; } .stepper.disabled .stepper-arrow { pointer-events: none; opacity: .5; } /** * Instagram Plugin Style */ /** * Profile */ .instafeed-profile { text-align: center; } .instafeed-profile-picture > img { border-radius: 50%; width: 180px; height: 180px; } .instafeed-profile-name { position: relative; text-transform: capitalize; color: #002372; } .instafeed-profile-name > * { color: inherit; text-transform: inherit; } .instafeed-profile-name:after { margin-top: 30px; display: inline-block; content: ''; width: 60px; border-bottom: 2px solid #ededed; } .instafeed-profile-meta { letter-spacing: 0.02em; } .instafeed-profile-meta > .half + .half { margin-top: 10px; } .instafeed-profile-button .button { min-width: 112px; } * + .instafeed-profile-name { margin-top: 25px; } * + .instafeed-profile-meta { margin-top: 20px; } * + .instafeed-profile-button { margin-top: 30px; } /** * Thumbnail InstaFeedl */ .thumbnail-instafeed { position: relative; padding-bottom: 100%; } .thumbnail-instafeed a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .thumbnail-instafeed img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .thumbnail-instafeed .caption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; color: #fff; background-color: rgba(152, 29, 240, 0.35); transition: .3s ease-out all; pointer-events: none; overflow: hidden; will-change: transfrom; } .thumbnail-instafeed .caption .list-inline { margin-left: -10px; margin-right: -10px; } .thumbnail-instafeed .caption .list-inline > li { padding-left: 10px; padding-right: 10px; } .thumbnail-instafeed .caption .list-inline span { display: inline-block; vertical-align: middle; } .thumbnail-instafeed .caption .icon { margin-right: 5px; font-size: 28px; } .ie-10 .thumbnail-instafeed, .ie-11 .thumbnail-instafeed { overflow: hidden; } .ie-10 .thumbnail-instafeed img, .ie-11 .thumbnail-instafeed img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 135%; max-height: 135%; min-height: 101%; min-width: 101%; } @media (min-width: 1200px) { .thumbnail-instafeed .caption .list-inline { margin-left: -25px; margin-right: -25px; } .thumbnail-instafeed .caption .list-inline > li { padding-left: 25px; padding-right: 25px; } } /** * Thumbnail InstaFeedl Minimal */ .thumbnail-instafeed-minimal .caption .list-inline > li { display: block; } .thumbnail-instafeed-minimal .caption .list-inline > li + li { margin-top: 10px; } @media (min-width: 992px) { .desktop .thumbnail-instafeed .caption { background-color: rgba(152, 29, 240, 0.8); } .desktop .thumbnail-instafeed .caption, .desktop .thumbnail-instafeed .list-inline > li { visibility: hidden; opacity: 0; } .desktop .thumbnail-instafeed .list-inline > li { transform: scale3d(0, 0, 0); will-change: transfrom; } .desktop .thumbnail-instafeed:hover .caption, .desktop .thumbnail-instafeed:hover .list-inline > li { visibility: visible; opacity: 1; } .desktop .thumbnail-instafeed:hover .list-inline > li { transform: scale3d(1, 1, 1); transition: 480ms cubic-bezier(0.18, 0.89, 0.32, 1.28) transform, 150ms cubic-bezier(0.18, 0.89, 0.32, 1.28) opacity; transition-delay: .15s; } } * + .instafeed { margin-top: 40px; } .range.instafeed + .button { margin-top: 40px; } @media (min-width: 992px) { * + .instafeed { margin-top: 60px; } .range.instafeed + .button { margin-top: 60px; } } /** * Instafeed Vertical */ .thumbnail-instafeed-vertical .list-inline > li { display: block; } .thumbnail-instafeed-vertical .list-inline > li + li { margin-top: 20px; } /** * Twitter */ .twitter-feed { max-width: 576px; margin-left: auto; margin-right: auto; text-align: left; border-radius: 9px; background-color: #fff; transition: .3s ease-out all; } .twitter-feed .twitter-feed-name { font-weight: 400; color: #29293a; } .twitter-feed .twitter-feed-name > * { font-weight: inherit; color: inherit; } .bg-gray-darker .twitter-feed, .bg-additional-gray-darker .bg-additional-item .twitter-feed, .bg-gray-lighter .twitter-feed, .bg-image .twitter-feed, .bg-additional-image .bg-additional-item .twitter-feed { background-color: #fff; } .bg-gray-darker .twitter-feed .twitter-feed-name, .bg-additional-gray-darker .bg-additional-item .twitter-feed .twitter-feed-name, .bg-gray-lighter .twitter-feed .twitter-feed-name, .bg-image .twitter-feed .twitter-feed-name, .bg-additional-image .bg-additional-item .twitter-feed .twitter-feed-name { color: #29293a; } .twitter-feed:hover { box-shadow: 0 7px 24px 0 rgba(110, 123, 157, 0.42); } .twitter-feed-header { padding: 30px 30px 20px; } .twitter-feed-avatar { width: 70px; height: 70px; } .twitter-feed-name-tag, .twitter-feed-content, .twitter-feed-footer { letter-spacing: 0.02em; } .twitter-feed-name-tag { color: #c2c2c3; } .twitter-feed-name-tag a, .twitter-feed-name-tag a:focus, .twitter-feed-name-tag a:active { color: inherit; } .twitter-feed-name-tag a:hover { color: #002372; } .twitter-feed-content { color: #29293a; } .twitter-feed-content a, .twitter-feed-content a:focus, .twitter-feed-content a:active { color: #002372; } .twitter-feed-content a:hover { color: #29293a; } .twitter-feed-footer { padding: 23px 30px 30px; } .twitter-feed-footer time { color: #c2c2c3; } * + .twitter-feed { margin-top: 30px; } * + .twitter-feed-content { margin-top: 29px; } .twitter-feed-header + .twitter-feed-body { margin-top: 10px; } .twitter-feed-header + .twitter-feed-body:empty { margin-top: 0; } .twitter-feed-body:empty + .twitter-feed-footer { padding-top: 0; } @media (min-width: 768px) { * + .twitter { margin-top: 30px; } } /** * Twitter Feed minimal */ .twitter-feed-minimal { max-width: 334px; } .twitter-feed-minimal .twitter-icon { color: #00bbf5; } .twitter-feed-minimal time { display: block; color: #c2c2c3; } .twitter-feed-minimal * + time { margin-top: 10px; } .twitter-feed-minimal-content { color: #29293a; letter-spacing: 0.02em; } .twitter-feed-minimal-content a { color: #002372; } .twitter-feed-minimal-content a:hover { color: #29293a; } * + .twitter-feed-minimal { margin-top: 30px; } @media (min-width: 480px) { * + .twitter-feed-minimal { margin-top: 25px; } } /** * Twitter Feed Block */ .twitter-feed-block { max-width: 720px; } .twitter-feed-block .twitter-feed-header { padding: 30px; } .twitter-feed-block .twitter-feed-avatar { border-radius: 9px; } .twitter-feed-block .twitter-feed-name { letter-spacing: 0.02em; } .twitter-feed-block .twitter-feed-name > * { letter-spacing: inherit; } .twitter-feed-block .twitter-feed-name h5 { font-size: 18px; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; color: #29293a; } .twitter-feed-block .twitter-feed-name time { color: #c2c2c3; font-weight: 300; } @media (min-width: 480px) { .twitter-feed-block .twitter-feed-name { display: flex; justify-content: space-between; align-items: center; } } .twitter-feed-block * + .twitter-feed-content { margin-top: 10px; } .twitter-feed-block + .twitter-feed-block { margin-top: 10px; } /** * Twitter Center */ .twitter-feed-centered { max-width: 570px; margin-left: auto; margin-right: auto; } .bg-gray-darker .twitter-feed-centered .twitter-feed-name-tag, .bg-additional-gray-darker .bg-additional-item .twitter-feed-centered .twitter-feed-name-tag, .bg-image .twitter-feed-centered .twitter-feed-name-tag, .bg-additional-image .bg-additional-item .twitter-feed-centered .twitter-feed-name-tag, .bg-gradient .twitter-feed-centered .twitter-feed-name-tag, .bg-gradient-1 .twitter-feed-centered .twitter-feed-name-tag, .bg-gradient-2 .twitter-feed-centered .twitter-feed-name-tag, .bg-gradient-3 .twitter-feed-centered .twitter-feed-name-tag { color: #fff; } .twitter-feed-centered .twitter-feed-avatar { border-radius: 9px; } .twitter-feed-centered .twitter-feed-name-tag, .twitter-feed-centered time { letter-spacing: 0.02em; } .twitter-feed-centered .twitter-feed-name-tag { color: #29293a; font-weight: 700; } .twitter-feed-centered time { display: block; color: #838386; } .twitter-feed-centered * + .twitter-feed-name-tag { margin-top: 20px; } .twitter-feed-centered * + time { margin-top: 20px; } .twitter-feed-centered * + .twitter-feed-minimal-content { margin-top: 30px; } @media (min-width: 1600px) { .twitter-feed-minimal-content { font-size: 24px; } } .typed-text { color: #002372; } .typed-cursor { vertical-align: text-top; color: #002372; opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-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; } } /** * Magnific Pop */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1092; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1093; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit--select: none; -moz--select: none; -select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Custom Scroll To Way Point */ .section-way-point { position: relative; z-index: 20; } .way-point { position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% - 2px); display: flex; cursor: pointer; } .way-point .icon { font-size: 30px; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); color: #fff; transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) all; } .way-point:hover .icon { bottom: -8px; } .way-point svg path { fill: inherit; } /* * * Fonts * ================================================== */ /* * * Layout * -------------------------------------------------- */ .layout--wrap { position: fixed; top: 0; right: 0; width: 600px; height: 100vh; overflow: hidden; pointer-events: none; z-index: 1100; } .layout--wrap.active .layout- { transform: translateX(0); } .layout--wrap.active .layout--inner:after { box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.09); } .layout--wrap .layout--toggle, .layout--wrap .layout--inner > * { pointer-events: auto; } .layout- { width: auto; transform: translateX(280px); transition: .55s all ease; } .layout--content { position: relative; height: 100vh; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100%; padding-right: 20px; } .layout--content .mCSB_outside + .mCSB_scrollTools { right: 0; } .layout--content .mCSB_scrollTools { width: 20px; pointer-events: auto; } .layout--content .mCSB_scrollTools .mCSB_dragger { width: auto; } .layout--content .mCSB_draggerContainer { padding: 2px; background: #d9acfa; } .layout--content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .layout--content .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; border-radius: 10px; } .layout--content .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .layout--content .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; } .layout--inner { position: relative; height: auto; min-height: 101vh; max-width: 260px; padding: 20px 0 20px; background: #fff; margin-left: auto; text-align: center; } .layout--inner:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: -3px 0px 50px -2px transparent; z-index: -10; transition: .33s all ease; } .mobile.rd-navbar-fixed-linked .layout--inner, .tablet.rd-navbar-fixed-linked .layout--inner { padding-bottom: 90px; } .layout--header { padding: 0 12px; } .layout--header .button { padding-top: 10px; padding-bottom: 10px; width: 80%; } .layout--header .button + .button { margin-top: 15px; } .layout--header * + .layout--element, .layout--header * + .layout--title { margin-top: 22px; } @media (min-width: 768px) { .layout--header * + .layout--element, .layout--header * + .layout--title { margin-top: 30px; } } .layout- .isotope-filters { padding: 0 5px; } .layout- .isotope-filters ul { position: relative; overflow: hidden; } .layout- .isotope-filters ul::after { content: ''; position: absolute; left: -100px; bottom: 0; right: -100px; border-bottom: 1px solid #ededed; } .layout- .isotope-filters ul li { display: inline-block; padding-left: 7px; padding-right: 7px; font: 400 14px/18px "Lato", Helvetica, Arial, sans-serif; color: #29293a; } @media (min-width: 768px) { .layout- .isotope-filters ul li { padding-left: 10px; padding-right: 10px; } } .layout- .isotope-filters ul li a { position: relative; display: inline-block; z-index: 2; padding-bottom: 14px; text-align: right; } .layout- .isotope-filters ul li a::after { content: ''; display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #008dcc; transition: .34s; transform: translate(0, 8px); opacity: 0; } .layout- .isotope-filters ul li a, .layout- .isotope-filters ul li a:active, .layout- .isotope-filters ul li a:focus { color: inherit; } .layout- .isotope-filters ul li a.active, .layout- .isotope-filters ul li a:hover { color: #008dcc; } .layout- .isotope-filters ul li a.active:after { transform: translate(0, 0); opacity: 1; } .layout- .isotope { margin-top: 0; } .layout- * + .isotope { margin-top: 20px; } .layout- * + .isotope-filters { margin-top: 25px; } .layout--toggle { background: none; border: 0; color: inherit; cursor: pointer; font: inherit; overflow: hidden; padding: 0; position: relative; vertical-align: middle; white-space: nowrap; outline: none; position: fixed; top: 20vh; right: 280px; z-index: 10; width: 40px; height: 40px; line-height: 40px; background: #fff; color: #29293a; text-align: center; box-shadow: -5px 1px 10px 0 rgba(0, 0, 0, 0.05); border-right: 0; border-radius: 6px 0 0 6px; transition: .55s all ease; } .layout--toggle:active { cursor: wait; } .layout--toggle::before, .layout--toggle::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Material Design Icons'; font-size: 16px; transition: .33s; } .layout--toggle::before { content: '\f582'; opacity: 1; } .layout--toggle::after { content: '\f24c'; opacity: 0; } .layout--toggle.active::before { opacity: 0; } .layout--toggle.active::after { opacity: 1; } .layout--main { position: relative; z-index: 10; padding-left: 5px; padding-right: 4px; } .layout--main .isotope { position: relative; margin-bottom: -10px; transform: translateY(-10px); } .layout--main .isotope-item { margin-top: 10px; padding: 0 5px; } .layout--main .isotope-item:before { content: ''; display: block; } .layout--main .isotope { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; position: static !important; } .layout--main .isotope-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } * + .layout--main { margin-top: 25px; } @media (min-width: 768px) { .layout--toggle { width: 54px; height: 54px; line-height: 54px; } .layout--toggle::before, .layout--toggle::after { font-size: 22px; } } @media (min-width: 768px) { .layout--wrap { width: 730px; } .layout--wrap.active .layout- { transform: translateX(0); } .layout--wrap .layout- { transform: translateX(350px); } .layout--wrap .layout--inner { max-width: 330px; } .layout--wrap .layout--toggle { right: 350px; } .ie-10 .layout-, .ie-11 .layout- { transform: translateX(350px); } .ie-10 .layout--toggle, .ie-11 .layout--toggle { right: 20px; } .ie-10 .layout--wrap.active, .ie-11 .layout--wrap.active { right: 20px; } .ie-10 .layout--wrap.active .layout--toggle, .ie-11 .layout--wrap.active .layout--toggle { right: 370px; } } .thumbnail-small { position: relative; display: block; text-align: center; padding: 5px 5px 0; border-radius: 5px; border: 1px solid #ededed; transition: 0.3s ease; color: #29293a; background-color: #fff; } .thumbnail-small:hover { color: #fff; background-color: #002372; border-color: #002372; } .thumbnail-small-image { position: relative; } .thumbnail-small-image img { width: 100%; height: auto; border-radius: 4px; } .thumbnail-small-hover-image { display: none; border-radius: 9px; } .thumbnail-small-hover-image img { width: 100%; height: auto; border-radius: 9px; } .thumbnail-small-caption { position: relative; padding: 10px 8px; } .thumbnail-small-header { position: relative; z-index: 1; font: 300 14px/20px "Lato", Helvetica, Arial, sans-serif; color: inherit; } @media (min-width: 992px) { .desktop .thumbnail-small-hover-image { display: block; position: absolute; left: -10px; top: 50%; z-index: 11; transform: translate(-120%, -60%); transition: .33s all ease; width: 342px; height: 252px; background: #fff; padding: 7px; box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14); opacity: 0; pointer-events: none; } .desktop .thumbnail-small-hover-image img { position: relative; max-width: 100%; max-height: 100%; } .desktop .thumbnail-small-hover-image:before { content: ''; position: absolute; top: 50%; z-index: -1000; transform: translateY(-50%) rotate(45deg); right: -11px; width: 24px; height: 24px; background: #fff; box-shadow: -3px 0px 45px -2px rgba(0, 0, 0, 0.13); } .desktop .thumbnail-small:hover .thumbnail-small-caption:after { bottom: 0; opacity: 1; } .desktop .thumbnail-small:hover .thumbnail-small-header { color: #fff; } .desktop .thumbnail-small:hover .thumbnail-small-image:after { opacity: 0; } .desktop .thumbnail-small:hover .thumbnail-small-hover-image { z-index: 12; opacity: 1; transform: translate(-100%, -60%); } } .layout--controls { margin-top: 20px; } /*# sourceMappingURL=style.css.map */ #ajax-loader { position: fixed; display: table; top: 0; left: 0; width: 100%; height: 100%; z-index:999999999; } #ajax-loader > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; background-color: #000000; opacity: 0.65; z-index:999999999; } 3n3d3j