/* Custom Font */ @font-face { font-family: 'proxima_nova_rgbold'; src: url('#') format('woff2'), url('#') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_rgregular'; src: url('#') format('woff2'), url('#') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novaextrabold'; src: url('#') format('woff2'), url('#') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ge_ss-light'; src: url('#'); src: url('#') format('embedded-opentype'), url('#') format('woff'), url('#') format('truetype'), url('#') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ge_ss-medium'; src: url('#'); src: url('#') format('embedded-opentype'), url('#') format('woff'), url('#') format('truetype'), url('#') format('svg'); font-weight: normal; font-style: normal; } html { font-family: 'proxima_nova_rgregular'; color: #222; font-size: 16px; line-height: 1.4; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix{ width: 100%; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } html{ overflow-x: hidden; } body{ background: #e9e9e9; overflow-x: hidden; } img{ max-width: 100%; } strong, h1, h2, h3, h4, h5, h6{ font-family: 'proxima_nova_rgbold'; font-weight: normal; } a{ text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } a, input, button, textarea, a:focus, input:focus, button:focus, textarea:focus{ outline: none; -webkit-outline: none; } .c-main-header{ position: relative; background: #000 url('../img/img-bg.jpg') no-repeat center center; -webkit-background-size: cover; background-size: cover; min-height: 164px; } .c-main-header .c__top-border{ display: block; position: absolute; top: 0px; left: 0; height: 3px; background: #a8123a; width: 100%; z-index: 10; } .c__bot-border{ position: absolute; bottom: 0; height: 7px; width: 100%; z-index: 10; } .c__bot-border i{ width: 25%; display: block; background: #2ab8e8; height: 100%; float: left; } .c__bot-border i:nth-child(2){ background: #032e60; } .c__bot-border i:nth-child(3){ background: #b3103a; } .c__bot-border i:nth-child(4){ background: #faaf42; } .c-owl-carousel-1 .c__item{ padding: 20px; background: transparent no-repeat center center; -webkit-background-size: cover; background-size: cover; height: 400px; } .c-owl-carousel-1 .c__item--sty-1{ padding-bottom: 0; } .c-owl-carousel-1 .c__item--sty-1 .c__txt{ text-align: left; max-width: 1200px; } .c-owl-carousel-1 .c__item--sty-1 .c__txt.c__txt--1{ max-width: 1220px; } .c-header-bot-txt .c__txt h1, .c-owl-carousel-1 .c__item--sty-1 .c__txt h1{ margin-bottom: 0; color: #fff; } .c-header-bot-txt .c__txt h1 span, .c-owl-carousel-1 .c__item--sty-1 .c__txt h1 span{ margin-left: 5px; font-family: 'proxima_novaextrabold'; font-size: 48px; line-height: 0.85em; display: block; color: #fff; } .c-header-bot-txt .c__txt h1 strong, .c-owl-carousel-1 .c__item--sty-1 .c__txt h1 strong{ display: block; font-family: 'proxima_nova_rgregular'; font-size: 90px; line-height: 0.85em; } .c-header-bot-txt .c__txt.c__txt--1 h1 span, .c-header-bot-txt .c__txt.c__txt--1 h1 strong, .c-owl-carousel-1 .c__item--sty-1 .c__txt.c__txt--1 h1 span, .c-owl-carousel-1 .c__item--sty-1 .c__txt.c__txt--1 h1 strong{ display: inline-block; font-size: 75px; line-height: 1em; } .c-header-bot-txt .c__txt.c__txt--1.c__txt--1a h1 span, .c-header-bot-txt .c__txt.c__txt--1.c__txt--1a h1 strong, .c-owl-carousel-1 .c__item--sty-1 .c__txt.c__txt--1.c__txt--1a h1 span, .c-owl-carousel-1 .c__item--sty-1 .c__txt.c__txt--1.c__txt--1a h1 strong{ font-size: 60px; line-height: 1em; } .c-header-bot-txt .c__txt.c__txt--1 h1 span, .c-owl-carousel-1 .c__item--sty-1 .c__txt.c__txt--1 h1 span{ font-family: 'proxima_nova_rgregular'; } .c-header-bot-txt .c__txt.c__txt--1 h1 strong, .c-owl-carousel-1 .c__item--sty-1 .c__txt.c__txt--1 h1 strong{ font-family: 'proxima_nova_rgbold'; } .c-header-bot-txt{ position: absolute; z-index: 99; bottom: 0; width: 100%; } .c-header-center-txt { z-index: 99; left: 0; text-align: center; width: auto; height: auto; position: absolute; top: 50%; left: 50%; width: auto; padding-top: 100px; width: 100%; max-width: 920px; margin: 0 auto; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-header-bot-txt .container{ position: relative; } .c-header-bot-txt .c__txt{ position: absolute; bottom: 0; left: 0; } .c-owl-carousel-1 .owl-dots{ position: absolute; top: 50%; left: 20px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-owl-carousel-1 .owl-dot:last-child{ margin-bottom: 0; } .c-owl-carousel-1 .owl-dot:after{ content: ''; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; position: absolute; top: -6px; left: -6px; width: 20px; height: 20px; opacity: 0; /*background: url('../img/icon-shine.png') no-repeat center center / 20px 20px;*/ } .c-owl-carousel-1 .owl-dot:hover, .c-owl-carousel-1 .owl-dot.active{ background: #fff; } .c-owl-carousel-1 .owl-dot.active:after{ opacity: 1; } .c-owl-carousel-1 .c__item .c-t-layout{ padding-top: 120px; /* Relative to header size */ } .c-owl-carousel-1 .c__txt, .c-txt-sty-3 .c__txt{ text-align: center; color: #fff; max-width: 920px; margin: 0 auto; padding: 20px; background:rgba(0,0,0,0.3); } .c-txt-sty-3 .c__txt_wrap{ } .c-owl-carousel-1 .c__txt h1, .c-txt-sty-3 .c__txt h1{ font-size: 50px; line-height: 1.2em; margin: 0 0 30px 0; color: #fff; } .c-down-arrow{ position: absolute; bottom: 20px; width: 100%; text-align: center; left: 0; z-index: 99; } .c-down-arrow a{ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; position: relative; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background: url('#') no-repeat center center; height: 50px; width: 150px; display: block; margin: 0 auto; background-size: auto 30px; -webkit-animation: scrollthis 3s infinite; -moz-animation: scrollthis 3s infinite; -o-animation: scrollthis 3s infinite; animation: scrollthis 3s infinite; } @-webkit-keyframes scrollthis { 0% { top: 0px; opacity: 1; } 6% { top: 10px; } 12% { top: 0px; } 18% { top: 10px; } 25% { top: 0px; } 100% { top: 0px; opacity: 1; } } @-moz-keyframes scrollthis { 0% { top: 0px; opacity: 1; } 6% { top: 10px; } 12% { top: 0px; } 18% { top: 10px; } 25% { top: 0px; } 100% { top: 0px; opacity: 1; } } @-o-keyframes scrollthis { 0% { top: 0px; opacity: 1; } 6% { top: 10px; } 12% { top: 0px; } 18% { top: 10px; } 25% { top: 0px; } 100% { top: 0px; opacity: 1; } } @keyframes scrollthis { 0% { top: 0px; opacity: 1; } 6% { top: 10px; } 12% { top: 0px; } 18% { top: 10px; } 25% { top: 0px; } 100% { top: 0px; opacity: 1; } } .c-owl-carousel-1 .c__txt p, .c-txt-sty-3 .c__txt p{ font-size: 24px; line-height: 1.3em; margin: 30px 0 40px; } .c-owl-carousel-1 .c__logo{ margin-bottom: 40px; } .c-btn{ font-size: 16px; line-height: 1em; color: #fff; background: #b3103a; border: 2px solid #fff; padding: 8px 20px; display: inline-block; } .c-btn:hover, .c-btn:focus{ background: #ca1342; } .c-btn:active{ background: #a20e34; } .c-btn-list .c-btn.btn--share, .c-btn.btn--share{ background: #51c85d url('#') no-repeat 6px center; padding: 8px 10px 6px 30px; background-size: 17px auto; vertical-align: top; } .c-btn.btn--share:hover, .c-btn.btn--share:focus{ background-color: #57d464; } .c-btn.btn--share:active{ background-color: #40b24b; } .c-content-sty-1 a.c-btn-1, .c-btn-1{ font-size: 15px; line-height: 1em; color: #707070; border: 1px solid #707070; padding: 3px 16px; display: inline-block; text-decoration: none; } .c-content-sty-1 a.c-btn-1:hover, .c-content-sty-1 a.c-btn-1:focus, .c-btn-1:hover, .c-btn-1:focus{ background: #707070; color: #fff; } .c-content-sty-1 a.c-btn-1:active, .c-btn-1:active{ background: #555; border-color: #555; color: #fff; } .c-content-sty-1 a.c-btn-2, .c-btn-2{ font-size: 18px; line-height: 1em; color: #fff; background-color: #8f8f8f; border: 2px solid #fff; padding: 9px 14px 7px; display: inline-block; text-decoration: none; } /* .c-btn-2.c-btn-2--a{ border: none; min-width: 140px; text-align: center; } */ .c-row-1 .c-btn-2{ display: none; text-indent: 100%; white-space: nowrap; overflow: hidden; padding: 0; width: 30px; height: 30px; vertical-align: middle; margin: -18px 10px 0 0; background-size: 8px auto; background-position: center center; } .c-content-sty-1 a.c-btn-2:hover, .c-content-sty-1 a.c-btn-2:focus, .c-btn-2:hover, .c-btn-2:focus{ background-color: #b0b0b0; color: #fff; } .c-content-sty-1 a.c-btn-2:active, .c-btn-2:active{ background-color: #7d7d7d; border-color: #aaa; color: #fff; } .c-bar .c-btn--icon-arrow{ display: none; } .c-btn--icon-arrow, .c-btn--icon-download{ padding-left: 40px; background-image: url('#'); background-repeat: no-repeat; -webkit-background-size: 19px auto; background-size: 19px auto; background-position: 9px center; } .c-btn--icon-arrow{ background-image: url('#'); -webkit-background-size: 10px auto; background-size: 10px auto; padding-left: 30px; } .c-nav-sty-1{ position: absolute; top: 0; left: 0; width: 100%; z-index: 100; /*padding-top: 25px;*/ padding-top: 0; text-align: center; } .c-nav-sty-1 ul{ display: inline-block; width: auto; padding: 0 20px; margin: 0; list-style: none; text-align: center; } .c-nav-sty-1 li{ display: inline-block; text-align: center; vertical-align: bottom; } .c-nav-sty-1 li a{ font-size: 20px; line-height: 1em; color: #fff; display: block; border-right: 1px solid #fff; padding: 0 40px; } .c-nav-sty-1 li.has_logo{ padding-left:25px; } .c-nav-sty-1 li.has_logo a{ position: relative; padding: 0 10px; left: -5px; } .c-nav-sty-1 li.has_next-item-logo a, .c-nav-sty-1 li.has_logo a, .c-nav-sty-1 li:last-child a{ border-right: none; } .c-nav-sty-1 .c__a-wrap{ display: inline-block; position: relative; } .c-nav-sty-1 a .c__a-wrap:after{ content: ''; display: block; height: 2px; width: 0%; position: absolute; bottom: -4px; right: 0%; background: url('../img/color-bar.png') repeat-x center bottom / 100% 100%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-nav-sty-1 a:hover .c__a-wrap:after, .c-nav-sty-1 a:focus .c__a-wrap:after, .c-nav-sty-1 .is_current-item .c__a-wrap:after{ width: 120%; } .c-nav-sty-2{ position: absolute; top: 0px; right: 0px; display: block; z-index: 100; width: 100%; height: 1px; } .c-nav-sty-2 ul{ display: block; list-style: none; padding: 0; width: 100%; max-width: 960px; margin: 20px auto 0; text-align: right; } .c-nav-sty-2 li{ display: inline-block; margin: 0 5px; } .c-nav-sty-2 .c__icon{ display: block; /*width: 24px; height: 24px;*/ width: 27px; height: 35px; position: relative; } .c-nav-sty-2 .c__icon:before, .c-nav-sty-2 .c__icon:after{ -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; content: ''; display: block; position: absolute; top: 0; left: 0; /*width: 24px; height: 24px;*/ width: 27px; height: 27px; opacity: 1; background: url('../img/icon-linkedin-1.png') no-repeat top center; -webkit-background-size: 100% auto; background-size: 100% auto; } .c-nav-sty-2 .c__icon:after{ /*background-position: bottom center;*/ background-position: right top; } .c-nav-sty-2 .c__icon.icon--blog:before, .c-nav-sty-2 .c__icon.icon--blog:after{ background-image: url('../img/icon-blog-1.png'); } /* .c-nav-sty-2 .c__icon.icon--ar{ background: transparent url(../img/txt-ar.png) no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; width: 48px; } .c-nav-sty-2 .c__icon.icon--eng{ background: transparent url(../img/txt-eng.png) no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; width: 56px; } */ .c-nav-sty-2 .icon--ar{ /* background: transparent url(../img/txt-ar.png) no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; width: 48px; */ font-size: 16px; font-family:'ge_ss-light'; color:#fff; } .c-nav-sty-2 .icon--eng{ font-size: 15px; font-family:'proxima_nova_rgregular'; color:#fff; } .c-nav-sty-2 .c__icon.icon--eng:before, .c-nav-sty-2 .c__icon.icon--eng:after, .c-nav-sty-2 .c__icon.icon--ar:before, .c-nav-sty-2 .c__icon.icon--ar:after{ display: none; background-position: center center; } .c-nav-sty-2 .lang{ margin-left: 15px; top: -16px; position: relative; } .c-nav-sty-2 .c__icon:after{ opacity: 0; } .c-nav-sty-2 .c__icon:hover:before{ opacity: 0; } .c-nav-sty-2 .c__icon:hover:after{ opacity: 1; } .c-call-link{ display: none; position: fixed; top: 0; left: 15px; background: #fff; color: #a8123a; font-size: 15px; line-height: 1em; padding: 10px 10px 10px 40px; opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; z-index: 10; border-radius: 0 0 5px 5px; -moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.2); } .c-call-link:before, .c-call-link:after{ -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; content: ''; display: block; position: absolute; top: 5px; left: 9px; width: 23px; height: 23px; background: transparent url('#') no-repeat left center / 80px auto; } .c-call-link:after{ opacity: 0; background-position: right center; } .c-call-link:hover{ background: #a8123a; color: #fff; } .c-call-link:hover:before{ opacity: 0; } .c-call-link:hover:after{ opacity: 1; } .c-t-layout{ display: table; width: 100%; } .c-t-layout--cover-v{ height: 100% } .c__t-row{ display: table-row; } .c__t-col{ vertical-align: top; display: table-cell; } .c__t-col--vam{ vertical-align: middle; } .c__t-col--vab{ vertical-align: bottom; } .c-quality-brands{ } .c-main-content-area{ margin-top: 45px; margin-bottom: 90px; } .c-main-content-area.c-products-page-content{ margin-top: 0; margin-bottom: 0; } .c-txt-sty-1, .c-content-sty-1 h1{ color: #042f61; font-size: 26px; line-height: 1.2em; margin: 0 0 35px 0; text-transform: uppercase; text-align: center; } .c-txt-sty-1{ text-transform: none; } .c-txt-sty-1{ text-align: left; margin-bottom: 20px; } .c-txt-sty-1--a{ text-align: center; } .c-content-sty-1 h2{ color: #042f61; font-size: 22px; line-height: 1.2em; margin: 15px 0 15px 0; } .c-content-sty-1 h2:first-child{ margin-top: 0; } .c-content-sty-1 h2.c__hsty-1{ font-size: 30px; line-height: 1.2em; margin-bottom: 0; } .c-content-sty-1 h3{ color: #042f61; font-size: 18px; line-height: 1.2em; margin: 0 0 0px 0; } .c-main-content-area .c-timeline{ margin-top: 60px; } .c-content-sty-1 ul{ list-style: none; } .c-content-sty-1 li{ position: relative; } .c-content-sty-1 li:before{ content: ''; width: 4px; height: 4px; background: #042f61; border-radius: 999px; position: relative; top: -5px; left: -12px; display: inline-block; } .c-content-sty-1 ol li:before{ display: none; } .c-content-sty-1 li, .c-content-sty-1 p, .c-content-sty-1 a{ color: #042f61; font-size: 20px; line-height: 1.4em; } .c-content-sty-1 li, .c-content-sty-1 p{ margin: 0 0 24px 0; } .c-content-sty-1 img{ margin-top: 15px; margin-bottom: 15px; } .c-content-sty-1 a{ text-decoration: underline; } .c-content-sty-1 p:last-child{ /*margin-bottom: 0;*/ } .c-content-sty-1 .c__img-fr{ float: right; margin: -45px -350px 0px 40px; } .c-content-sty-1 .c__img-fl{ float: left; margin: -90px 40px 0px -350px; } .c-content-sty-1 .c__img-fr-1{ text-align: right; margin: 0px -200px 20px 0px; } .c-content-sty-1 .c__img-fl-1{ text-align: right; margin: 0px 20px 20px -200px; } .c-content-sty-1 .c__img-fr-1 img, .c-content-sty-1 .c__img-fl-1 img{ width: 100%; display: block; margin: 0; } .c-content-sty-1 ul{ padding-left: 15px; margin-top: 0; margin-bottom: 24px; } .c-content-sty-1 ul:last-child{ /*margin-bottom: 0;*/ } .c-content-sty-1 li{ margin-bottom: 0px; } .c-content-sty-1 ol{ padding-left: 20px; margin-top: 0; list-style-type: lower-latin; } .c-quality-brands .c-boxes-1{ margin-top: 80px; } .c-boxes-1 .c__box{ background: #fff; position: relative; padding: 20px 20px 27px; text-align: center; margin-bottom: 20px; } .c-boxes-1 .c__box:after{ content: ''; position: absolute; top: 0; right: 0; background: #fff url('../img/box-bg.png') no-repeat right top; width: 100%; height: 100%; z-index: 0; opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-boxes-1 .c__box:hover:after{ opacity: 0.6; } .c-boxes-1 .c__box-wrap{ position: relative; z-index: 1; } .c-boxes-1 .c__box-wrap > div{ padding-bottom: 1px; } .c-boxes-1 .c__box:before{ content: ''; z-index: -1; display: block; position: absolute; top: 10%; left: 0; width: 100%; height: 80%; -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-boxes-1 .c__box:hover:before{ -moz-box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.2); } .c-boxes-1 .c__icon{ display: block; background: transparent url('../img/icon-user.png') no-repeat center center; width: 100%; height: 160px; } .c-boxes-1 .c__icon.icon-box{ background-image: url('../img/icon-box.png'); } .c-boxes-1 .c__icon.icon-file-down{ background-image: url('../img/icon-file-down.png'); } .c-boxes-1 .icon-video{ background-image: url('../img/icon-video.png'); background-size:100px } .c-boxes-1 .col-md-4:first-child{ padding-left: 20px; padding-right: 40px; } .c-boxes-1 .col-md-4:last-child{ padding-right: 20px; padding-left: 40px; } .c-boxes-1 .col-md-4{ padding-left: 30px; padding-right: 30px; } .c-boxes-1 .c__box h3, .c-boxes-1 .c__box h3 a{ font-size: 22px; line-height: 1.2em; text-transform: uppercase; color: #707070; position: relative; text-decoration: none; color: #707070; } .c-boxes-1 .c__box h3{ margin: 0 0 45px 0; } .c-boxes-1 .c__box h3:after, .c-boxes-1 .c__box h3:before{ content: ''; height: 1px; position: absolute; bottom: -20px; left: 50%; width: 160px; margin-left: -80px; background: #2ab8e8; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-boxes-1 .c__box h3:after{ bottom: -23px; height: 6px; border-radius: 2px; width: 50px; margin-left: -25px; } .c-boxes-1 .c__box:hover h3:after{ width: 30px; margin-left: -15px; } .c-boxes-1 .c__box:hover h3:before{ width: 200px; margin-left: -100px; } .c-boxes-1 .c__box p{ font-size: 16px; line-height: 1.3em; color: #707070; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .c-product-range{ margin-top: 90px; margin-bottom: 90px; } .c-layout-sty-1 .c__box{ padding: 190px 30px 50px 30px; position: relative; background: #000; text-align: right; } .c-layout-sty-1 .c__box .c__img{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: #000 no-repeat center center; -webkit-background-size: cover; background-size: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); /*background-blend-mode: luminosity;*/ opacity: 0.4; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-layout-sty-1 .c__t-row:nth-child(1) .c__box:nth-child(1):before{ background-image: url('../img/img-reading-desk.jpg'); } .c-layout-sty-1 .c__t-row:nth-child(1) .c__box:nth-child(2):before{ background-image: url('#'); } .c-layout-sty-1 .c__t-row:nth-child(1) .c__box:nth-child(3):before{ background-image: url('../img/img-room-view-from-outside.jpg'); } .c-layout-sty-1 .c__t-row:nth-child(2) .c__box:nth-child(1):before{ background-image: url('../img/img-city-view-thunder.jpg'); } .c-layout-sty-1 .c__t-row:nth-child(2) .c__box:nth-child(2):before{ background-image: url('#'); } .c-layout-sty-1 .c__t-row:nth-child(2) .c__box:nth-child(3):before{ background-image: url('#'); } .c-layout-sty-1 .c__box:hover .c__img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); background-blend-mode: normal; opacity: 1; } .c-layout-sty-1 .c__txt-wrap{ display: inline-block; width: 100%; max-width: 265px; color: #fff; margin: 0 auto; position: relative; text-align: left; z-index: 1; padding: 20px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-layout-sty-1 .c__box:hover .c__txt-wrap{ background: rgba(0,0,0,0.6); } .c-layout-sty-1 .c__txt-wrap .count{ font-size: 25px; line-height: 1em; display: inline-block; border: 1px solid #fff; padding: 6px 14px 4px 12px; margin: 0 0 20px 0; } .c-layout-sty-1 .c__txt-wrap h2{ font-size: 24px; line-height: 1em; color: #fff; margin: 0 0 15px 0; min-height: 48px; } .h3F { font-weight: bold !important; color: #fff !important; min-height: 55px; } .c-layout-sty-1 .c__txt-wrap p{ color: #fff; font-size: 17px; line-height: 1.3em; } .c-main-footer:before{ content: ''; display: block; width: 100%; height: 28px; background: #222; border-bottom: 1px dashed #5e5e5e } .c-main-footer{ background: #222; padding-bottom: 25px; color: #8f8f8f; padding-right: 20px; padding-left: 20px; } .c-main-menu-btn{ display: inline-block; position: fixed; top: 15px; left: 15px; z-index: 102; width: 27px; padding: 2px; display: none; -webkit-transition: all 0.29s ease-in-out; -moz-transition: all 0.29s ease-in-out; -o-transition: all 0.29s ease-in-out; -ms-transition: all 0.29s ease-in-out; transition: all 0.29s ease-in-out; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .menu-is-open{ overflow: hidden; } .menu-is-open .c-main-menu-btn{ -webkit-transition-delay: 65ms; -moz-transition-delay: 65ms; -o-transition-delay: 65ms; transition-delay: 65ms; } .menu-is-open .has--mobile-header .c-main-menu-btn, .menu-is-open .c-main-menu-btn{ left: 210px; } .c-main-menu-btn i{ display: block; height: 3px; background: #fff; margin: 5px 0; border-radius: 2px; -webkit-transition: all 0.29s ease-in-out; -moz-transition: all 0.29s ease-in-out; -o-transition: all 0.29s ease-in-out; -ms-transition: all 0.29s ease-in-out; transition: all 0.29s ease-in-out; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; -moz-transform: translate(0px, 0px) rotate(0deg); -webkit-transform: translate(0px, 0px) rotate(0deg); -o-transform: translate(0px, 0px) rotate(0deg); -ms-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } .menu-is-open .c-main-menu-btn i{ -webkit-transition-delay: 65ms; -moz-transition-delay: 65ms; -o-transition-delay: 65ms; transition-delay: 65ms; } .menu-is-open .c-main-menu-btn i:nth-child(1){ -moz-transform: translate(0px, 8px) rotate(-45deg); -webkit-transform: translate(0px, 8px) rotate(-45deg); -o-transform: translate(0px, 8px) rotate(-45deg); -ms-transform: translate(0px, 8px) rotate(-45deg); transform: translate(0px, 8px) rotate(-45deg); } .menu-is-open .c-main-menu-btn i:nth-child(3){ -moz-transform: translate(0px, -8px) rotate(45deg); -webkit-transform: translate(0px, -8px) rotate(45deg); -o-transform: translate(0px, -8px) rotate(45deg); -ms-transform: translate(0px, -8px) rotate(45deg); transform: translate(0px, -8px) rotate(45deg); } .menu-is-open .c-main-menu-btn i:nth-child(2){ -moz-transform: translate(20px, 0px) rotate(0deg); -webkit-transform: translate(20px, 0px) rotate(0deg); -o-transform: translate(20px, 0px) rotate(0deg); -ms-transform: translate(20px, 0px) rotate(0deg); transform: translate(20px, 0px) rotate(0deg); opacity: 0; } /* =========== */ /* POPUP */ .c-popup-wrap{ display: none; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,0.75); width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.34s ease-in-out; -moz-transition: all 0.34s ease-in-out; -o-transition: all 0.34s ease-in-out; -ms-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; } .c-popup-wrap.c--active, .c-popup.c--active{ display: block; } .c-popup .wrap{ background: #fff; } .c-popup-wrap.c--animate, .c-popup.c--animate{ opacity: 1; } .c-popup.c--animate{ margin-top: 0px; } .c-popup{ display: none; -webkit-overflow-scrolling: touch; position: fixed; top: 50%; left: 50%; opacity: 0; margin-top: -20px; -webkit-transition: all 0.34s ease-in-out; -moz-transition: all 0.34s ease-in-out; -o-transition: all 0.34s ease-in-out; -ms-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 800px; width: 100%; max-height: 90%; overflow: auto; z-index: 1010; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .c-cross-btn{ font: 0/0 a; color: transparent; text-shadow: none; border: 0; display: block; position: absolute; background: url('#') no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; width: 15px; height: 15px; top: 15px; right: 15px; z-index: 10; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .c-cross-btn:hover{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .c-popup .b2b__wrap{ width: 100%; height: auto; background: #fff; position: relative; } .c-popup h2{ font-size: 22px; color: #cfa456; line-height: 1.2em; margin: 10px 0 13px 0; } .c-popup .c__header{ -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); margin-bottom: 20px; border-bottom: 1px solid #cbc1b3; padding-top: 20px; padding-bottom: 10px; text-align: center; position: relative; } .c-btn.c-btn-submit{ font-size: 16px; text-transform: uppercase; padding: 11px 20px 9px; min-width: 140px; line-height: 1em; } /* .c-popup .c__header:after{ content: ''; display: block; position: absolute; left: 50%; bottom: -1px; width: 40px; margin-left: -20px; height: 1px; background: #6f6f6f; } .c-popup .c__header:before{ content: ''; display: block; width: 0; height: 0; border-left: 2px solid transparent; border-right: 2px solid transparent; border-top: 2px solid #6f6f6f; position: absolute; bottom: -3px; left: 50%; margin-left: -1px; } */ .c-popup .c__content{ padding: 1px 35px; margin: 0 auto; text-align: left; } .c-popup .c__header h1{ font-size: 28px; line-height: 1.2em; font-family: 'proxima_novaextrabold'; margin: 0; margin-bottom: 8px; } .c-popup .c__header h1 span{ font-family: 'proxima_nova_rgregular'; } .c-popup .c__header p{ font-size: 15px; /*!*/ line-height: 1.6em; color: #000; margin: 5px 0 0 0; } .c-popup{ overflow: auto; } .c-form-item{ display: block; width: 100%; position: relative; padding-bottom: 25px; } .c-form-item span, .errorMsg { /*position: absolute;*/ bottom: 7px; font-size: 12px; line-height: 1.2em; color: #f00; display: block; } .c-form-item input[type="submit"]{ /*margin-bottom: 30px;*/ } .c-form-item:before, .c-form-item:after { content: " "; /* 1 */ display: table; /* 2 */ } .c-form-item:after { clear: both; } .c-form-item .c__f-item, .c-form-item label{ display: block; float: left; width: 25%; } .c-form-item label{ padding-right: 20px; text-align: right; font-size: 16px; line-height: 1em; padding-top: 12px; } .c-form-item .c__f-item{ width: 75%; } .c-popup--active{ overflow: hidden; } .c-thank-you-page-content{ text-align: center; min-height: 500px; padding-top: 50px; } .c-thank-you-page-content .c-content-sty-1 h2 { font-size: 28px; line-height: 1.3em; } input[type="text"], input[type="email"], textarea{ display: block; border: 1px solid #aaa; padding: 8px 10px 7px 10px; font-size: 16px; line-height: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; width: 100%; } textarea{ height: 120px; resize: none; line-height: 1.4em; } .c-header-n-space.only-mobile { display:none; } .c-lis-1{ display: block; margin: 0; padding: 0; list-style-type: none; width: 100%; margin-top: 45px; margin-bottom: -80px; } .c-lis-1 li{ display: block; width: 33.33%; float: left; padding: 0 40px; margin-bottom: 80px; } .c-lis-1 a{ display: block; width: 100%; padding-top: 115%; background: #000 no-repeat center center; -webkit-background-size: cover; background-size: cover; -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); position: relative; } .c-lis-1 a:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-lis-1 a:hover:after{ background: rgba(0,0,0,0.4); } .c-lis-1 span{ z-index: 1; text-align: center; position: absolute; text-transform: uppercase; top: 50%; left: 0; width: 100%; display: block; padding: 20px; font-size: 22px; line-height: 1em; font-family: 'proxima_novaextrabold'; color: #fff; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-lis-1 span:after, .c-lis-1 span:before{ content: ''; height: 1px; position: absolute; bottom: 0px; left: 50%; width: 160px; margin-left: -80px; background: #2ab8e8; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-lis-1 span:after{ bottom: -3px; height: 6px; border-radius: 2px; width: 50px; margin-left: -25px; } .c-lis-1 a:hover span:after{ width: 30px; margin-left: -15px; } .c-lis-1 a:hover span:before{ width: 200px; margin-left: -100px; } .c-lis-2{ margin-top: 20px; } .c-lis-2 .item{ overflow: hidden; position: relative; background: #fff; margin-bottom: 30px; } .c-lis-2 .txt{ display: inline-block; width: 75%; text-align: left; padding: 30px; } .c-lis-2 .txt h1{ color: #707070; text-align: left; font-size: 22px; line-height: 1.2em; margin-bottom: 10px; } .c-lis-2 .txt h1 a{ text-decoration: none; color: #707070; } .c-lis-2 .txt p{ color: #707070; font-size: 15px; line-height: 1.3em; margin-bottom: 20px; } .c-lis-2 .img{ position: absolute; right: 0; top: 0; width: 25%; height: 100%; background: #707070 no-repeat center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .c-lis-2 .item:hover .img{ -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .c-lis-2 .item:nth-child(2n){ text-align: right; } .c-lis-2 .item:nth-child(2n) .img{ right: auto; left: 0; } .c-content-sty-2 .wrap-container{ background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #e0e0e0 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#e0e0e0 100%); background: linear-gradient(to right, #ffffff 0%,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 ); padding: 40px; } .c-content-sty-2 .header{ position: relative; margin-bottom: 25px; } .c-content-sty-2 .header h1{ margin: 0 0 15px 0; font-size: 26px; line-height: 1em; color: #3a3a3a; padding-right: 130px; } .c-content-sty-2 blockquote{ font-family: 'proxima_novaextrabold'; text-align: center; margin: 30px; } .c-content-sty-2 .header .date{ position: absolute; right: 0; top: -10px; font-size: 18px; line-height: 1em; color: #646464; } .c-content-sty-2 .img-full:last-child{ margin-bottom: -40px; } .c-content-sty-2 .img-full{ margin: 0 -40px; } .c-content-sty-2 .img-full img{ width: 100%; } .c-nav-1{ display: inline-block; margin: 0 -25px; } .c-nav-1 a{ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: inline-block; position: relative; width: 27px; height: 44px; margin: 0 25px; background: url('#') no-repeat center center; background-size: 100% auto; left: 0; vertical-align: top; } .c-nav-1 a.next{ background-image: url('#'); } .c-nav-1 a:hover{ left: -2px; } .c-nav-1 a.next:hover{ left: 2px; } .c-content-sty-2 .footer{ margin-top: 35px; } .c-content-sty-2 .footer .c-btn-2{ float: right; vertical-align: top; margin-top: 5px; } @media (min-width: 992px){ .c-main-footer .col-md-3{ width: 30%; } .c-main-footer .col-md-6{ width: 40%; } .c-main-footer .container{ padding-right: 45px; padding-left: 45px; } } .c-main-footer .container{ padding-top: 25px; } .c-main-footer a{ color: #8f8f8f; font-size: 14px; line-height: 1.2em; text-decoration: none; } .c-main-footer a:hover, .c-main-footer a:focus{ text-decoration: underline; } .c-main-footer h2{ font-size: 14px; color: #8f8f8f; line-height: 1.2em; margin-bottom: 15px; text-decoration: underline; } .c-main-footer p a, .c-main-footer p{ font-size: 12px; line-height: 1.3em; color: #8f8f8f; margin: 0 0 0 0; } .c-main-footer .c__address{ margin-bottom: 10px; } .c-main-footer .c__email a{ color: #cccccc; text-decoration: underline; } .c-main-footer .c__nav ul{ margin: 0; padding: 0; list-style: none; } .c-main-footer .c__nav a{ position: relative; display: block; } .c-main-footer .c__nav li{ margin-bottom: 4px; } .c-main-footer .c__nav a:before{ content: ''; position: absolute; top: 4px; left: -15px; width: 6px; height: 6px; border: 1px solid #a2a2a2; display: block; border-radius: 999px; } .c-main-footer .c__logo{ text-align: right; } .c-main-footer .c__logo a{ vertical-align: bottom; display: inline-block; margin-left: 20px; } .c-main-footer .c__logo a:first-child{ margin-left: 0; } .c-main-footer .c__nav-social{ position: static; text-align: right; } .c-main-footer .c__nav-social ul{ margin: 40px 0 0 0; } .c-main-footer .c__nav-social li{ display: inline-block; padding-left: 11px; margin-left: 3px; } .c-main-footer .c__nav-social li{ border-left: 1px solid #424242 } .c-main-footer .c__nav-social li:first-child{ border-left: none; margin-left: 0; } .c-main-footer .c__nav-social .c__icon{ width: 20px; height: 20px; } .c-main-footer .c__nav-social .c__icon:before, .c-main-footer .c__nav-social .c__icon:after{ -webkit-background-size: 20px auto; background-size: 20px auto; width: 20px; height: 20px; } .c-main-footer .c__nav-social .c__icon:before{ opacity: 0.5; } .c-main-footer .c__nav-social .c__icon:hover:before{ opacity: 0; } .c-bar{ background: #0f0f0f; padding: 38px; } .c-bar__wrap{ width: 100%; } .c-bar .c-breadcrumbs{ /*float: right;*/ } .c-breadcrumbs ul{ list-style: none; margin: 0; padding: 0; } .c-breadcrumbs li{ display: inline-block; } .c-breadcrumbs li:last-child a{ font-family: 'proxima_nova_rgbold'; cursor: default; pointer-events: none; } .c-breadcrumbs li:last-child a:hover, .c-breadcrumbs li:last-child a:focus{ text-decoration: none; } .c-breadcrumbs a{ padding: 5px; } .c-breadcrumbs a:hover, .c-breadcrumbs a:focus{ text-decoration: underline; } .c-breadcrumbs a, .c-breadcrumbs li:after{ font-size: 22px; line-height: 1em; display: inline-block; color: #fff; } .c-breadcrumbs.c-breadcrumbs--sty-1 a, .c-breadcrumbs.c-breadcrumbs--sty-1 li:after{ color: #032e60; } .c-breadcrumbs li:after{ content: '/'; } .c-breadcrumbs li:last-child:after{ display: none; } .c-timeline .c__list{ display: block; list-style: none; margin: 0; padding: 0; /*margin-top: 220px; margin-bottom: 220px;*/ white-space: nowrap; position: absolute; top: 0; left: 370px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .c-timeline .c__list li{ display: inline-block; width: 250px; height: 4px; background: #1e1e5d; position: relative; text-align: left; } /*.c-timeline .c__list li:first-child{ text-align: left; width: 15%; } .c-timeline .c__list li:last-child{ text-align: right; width: 15%; }*/ .c-timeline .c__anchor{ cursor: pointer; display: inline-block; height: 100%; position: relative; width: 18px; height: 19px; top: -8px; } .c-timeline .c__anchor .c__img{ position: absolute; top: 0px; left: 0; width: 18px; height: 18px; border: 3px solid #1e1e5d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #e9e9e9; border-radius: 999px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-timeline .c__anchor.c--back .c__img{ width: 30px; height: 30px; top: -7px; background: #e9e9e9 url('#') no-repeat 7px center; -webkit-background-size: 8px auto; background-size: 8px auto; } .c-timeline .c__anchor.c--back:hover .c__img, .c-timeline .c__anchor.c--back:focus .c__img{ background: #e9e9e9 url('#') no-repeat 5px center; -webkit-background-size: 8px auto; background-size: 8px auto; } .c-timeline .is_current-item .c__anchor .c__img, .c-timeline .c__anchor:hover .c__img, .c-timeline .c__anchor:focus .c__img{ background: #1e1e5d; } .c-timeline .c__anchor .c__img img{ position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background: transparent no-repeat center center; -webkit-background-size: cover; background-size: cover; } .c-timeline nav{ position: relative; background: #1e1e5d; height: 4px; margin: 180px 0 220px 0; /*background: transparent url('../img/pttr_dotted.png') repeat-x center center;*/ } .c-timeline nav:before, .c-timeline nav:after{ content: ''; background: #1e1e5d; /*background: transparent url('../img/pttr_dotted.png') repeat-x center center;*/ width: 100%; width: 50vw; height: 4px; position: absolute; top: 0; left: 100%; z-index: -1; } .c-timeline nav:after{ left: auto; right: 100%; } .c-timeline .c__list-img{ z-index: 10; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; list-style: none; margin: 0; padding: 0; height: 100%; position: absolute; top: 0; left: 380px; width: 4px; /*-moz-transform: translateX(380px); -webkit-transform: translateX(380px); -o-transform: translateX(380px); -ms-transform: translateX(380px); transform: translateX(380px);*/ } .c-timeline .c__list-img li{ display: block; width: 25%; float: left; } .c-timeline .c__list-img li.is_current-item .c__txt{ position: relative; z-index: 10; } /* .c-timeline .c__list-img li:before{ content: ''; display: block; width: 340px; height: 340px; background: #1e1e5d; position: absolute; border-radius: 999px; overflow: hidden; top: -170px; left: -170px; } */ .c-timeline .c__list-img .c__img-item{ border-radius: 999px; width: 334px; height: 334px; background: #1e1e5d url('#'); border: none; margin: 3px; position: absolute; top: 0; left: 0; -moz-transform: translate(-170px, -170px) scale(1.5); -webkit-transform: translate(-170px, -170px) scale(1.5); -o-transform: translate(-170px, -170px) scale(1.5); -ms-transform: translate(-170px, -170px) scale(1.5); transform: translate(-170px, -170px) scale(1.5); overflow: hidden; z-index: 10; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: 3px solid #1e1e5d; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; pointer-events: none; } .c-timeline .c__list-img .is_current-item .c__img-item{ z-index: 10; opacity: 1; pointer-events: auto; -moz-transform: translate(-170px, -170px) scale(1); -webkit-transform: translate(-170px, -170px) scale(1); -o-transform: translate(-170px, -170px) scale(1); -ms-transform: translate(-170px, -170px) scale(1); transform: translate(-170px, -170px) scale(1); } /*.c-timeline .c__list.item--2{ -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .c-timeline .c__list.item--3{ -moz-transform: translateX(-380px); -webkit-transform: translateX(-380px); -o-transform: translateX(-380px); -ms-transform: translateX(-380px); transform: translateX(-380px); } .c-timeline .c__list.item--4{ -moz-transform: translateX(-785px); -webkit-transform: translateX(-785px); -o-transform: translateX(-785px); -ms-transform: translateX(-785px); transform: translateX(-785px); }*/ .c-timeline .c__anchor .c__label{ position: absolute; bottom: 25px; font-family: 'proxima_novaextrabold'; font-size: 24px; line-height: 1em; color: #9b9b9b; opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .c-timeline .is_current-item .c__anchor .c__label{ opacity: 0; -moz-transform: translateY(-25px); -webkit-transform: translateY(-25px); -o-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); } .c-timeline .c__txt{ display: block; position: absolute; opacity: 0; top: 40px; left: 190px; width: 460px; -webkit-transition-delay: 0.75ms; -moz-transition-delay: 0.75ms; -o-transition-delay: 0.75ms; transition-delay: 0.75ms; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .c-timeline li.is_current-item .c__txt{ opacity: 1; -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity 0.75s ease-in-out; -moz-transition: opacity 0.75s ease-in-out; -o-transition: opacity 0.75s ease-in-out; -ms-transition: opacity 0.75s ease-in-out; transition: opacity 0.75s ease-in-out; -webkit-transition-delay: 0.35ms; -moz-transition-delay: 0.35ms; -o-transition-delay: 0.35ms; transition-delay: 0.35ms; } .c-timeline .c__txt h2{ font-family: 'proxima_novaextrabold'; color: #1b3f6c; font-size: 60px; line-height: 0.9em; margin-bottom: 10px; margin-top: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .c-timeline .c__txt p{ color: #1b3f6c; font-size: 20px; line-height: 1.4em; margin-bottom: 0; margin-top: 10px; /* max-height: 170px;*/ overflow: auto; } .c-product-listing{ margin-top: 40px; } .c-product-listing .c-txt-sty-1{ margin-bottom: 25px; } .c-listing-sty-1{ list-style: none; margin: -30px -60px 10px -60px; padding: 0; width: auto; } .c-listing-sty-1:last-child{ margin-bottom: -30px; } .c-listing-sty-1 li{ display: block; float: left; width: 25%; /*padding: 30px;*/ padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .c-listing-sty-1 li:nth-child(4n+1){ clear: left; } .c-listing-sty-1 .c__wrap{ background: #fff; -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15); padding: 8px 8px 12px 8px; position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-listing-sty-1 .c__wrap:after{ content: ''; position: absolute; top: 0; right: 0; background: #fff url('../img/box-bg.png') no-repeat right top; -webkit-background-size: 100% auto; background-size: 100% auto; width: 100%; height: 100%; z-index: 0; opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-listing-sty-1 .c__wrap:hover{ -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1); } .c-listing-sty-1 .c__wrap:hover:after{ opacity: 0; } .c-listing-sty-1 .c__wrap > *{ position: relative; z-index: 1; } .c-listing-sty-1 .c__img{ position: relative; overflow: hidden; display: block; } .c-listing-sty-1 .c__img:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('#') no-repeat center center; -webkit-background-size: cover; background-size: cover; z-index: 2; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 1; } .c-listing-sty-1.c-listing-sty-1--a .c__img:after{ opacity: 0.2; } .c-listing-sty-1.c-listing-sty-1--a .c__wrap:hover .c__img:after{ opacity: 0; } .c-listing-sty-1 .c__wrap:hover .c__img:after{ opacity: 0.75; } .c-listing-sty-1 .c__img img{ position: relative; z-index: 1; width: 100%; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-listing-sty-1 .c__wrap:hover .c__img img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .c-listing-sty-1 .c__txt{ text-align: center; } .c-listing-sty-1 .c__txt h2 a, .c-listing-sty-1 .c__txt h2{ font-family: 'proxima_nova_rgbold'; color: #707070; /*font-size: 18px;*/ font-size: 14px; line-height: 1.2em; position: relative; margin-bottom: 25px; text-transform: uppercase; margin-top: 8px; } .c-listing-sty-1 .c__txt h2:after, .c-listing-sty-1 .c__txt h2:before{ content: ''; height: 1px; position: absolute; bottom: -10px; left: 50%; width: 120px; margin-left: -60px; background: #f28e0e; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-listing-sty-1 .c__txt h2:after{ bottom: -13px; height: 6px; border-radius: 2px; width: 40px; margin-left: -20px; } .c-listing-sty-1 .c__wrap:hover .c__txt h2:after{ width: 20px; margin-left: -10px; } .c-listing-sty-1 .c__wrap:hover .c__txt h2:before{ width: 160px; margin-left: -80px; } .c-content-sty-1 .c-listing-sty-2, .c-listing-sty-2{ display: block; margin: 0; padding: 0; list-style: none; } .c-listing-sty-2 li{ display: block; width: 100%; border-bottom: 1px solid #1f4b85; padding-bottom: 50px; padding-top: 50px; } .c-listing-sty-2 li:first-child{ padding-top: 0; } .c-listing-sty-2 li:before, .c-listing-sty-2 li:after { content: " "; /* 1 */ display: table; /* 2 */ background: transparent; width: 0; height: 0; } .c-listing-sty-2 li:after { clear: both; } .c-listing-sty-2 .c__txt{ width: 80%; float: left; padding-right: 30px; } .c-listing-sty-2 .c__img{ width: 20%; float: right; text-align: right; } .c-listing-sty-2 .c__txt h2{ font-size: 26px; line-height: 1em; margin-bottom: 20px; } .c-content-sty-1 .c-listing-sty-3, .c-listing-sty-3{ list-style: none; padding: 0; margin: 20px -60px; } .c-content-sty-1 .c-listing-sty-3 li:before, .c-listing-sty-3 li:before{ display: none; } .c-listing-sty-3 li{ display: block; float: left; width: 33.33%; padding: 20px 60px 40px; border-right: 1px solid #204d84; } .c-listing-sty-3 li:nth-child(3n){ border-right: none; } .c-listing-sty-3 li:nth-child(3n+1){ clear: left; } .c-listing-sty-3 p, .c-listing-sty-3 a{ font-size: 18px; line-height: 1.3em; color: #042f61; } .c-listing-sty-3 h2{ font-size: 20px; line-height: 1.2em; } .u-tar{ text-align: right; } .c-layout-sty-2{ height: 500px; height: 100vh; height: calc(100vh - 164px); background: #000; display: table; width: 100%; } .c-layout-sty-2 .c__item{ vertical-align: middle; height: 100%; display: table-cell; width: 16.66%; float: none; position: relative; overflow: hidden; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .c-layout-sty-2 .c__item .c__item-wrap{ background: #fff; display: block; width: 100%; height: 100%; position: relative; } .c-layout-sty-2:hover .c__item{ width: 16%; } .c-layout-sty-2:hover .c__item:hover{ width: 20%; } .c-layout-sty-2 .c__img{ background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /* no delay */ /* -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; */ } .c-layout-sty-2 .c__item:hover .c__img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } /*.c-layout-sty-2 .c__item:before{ content: ''; opacity: 0.5; background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } .c-layout-sty-2 .c__item:hover:before{ opacity: 0; }*/ .c-layout-sty-2 .c__item span{ display: block; } .c-layout-sty-2 .c__txt{ color: #fff; overflow: hidden; position: relative; top: 0; padding: 25px 0px 0; position: absolute; width: 100%; top: 50%; max-height: 100%; /* -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); */ /* -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; */ /* no delay */ /* -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; */ } .c-layout-sty-2 .c__txt > *{ z-index: 1; position: relative; } /*.c-layout-sty-2 .c__txt:before{ content: ''; width: 100%; height: 200px; background: #000; opacity: 0.75; display: block; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }*/ .c-layout-sty-2 .c__item:nth-child(2n+1) .c__txt{ /* -moz-transform: translateY(-23%); -webkit-transform: translateY(-23%); -o-transform: translateY(-23%); -ms-transform: translateY(-23%); transform: translateY(-23%); */ } .c-layout-sty-2 .c__item:nth-child(2n+1) .c__txt .c__txt__visible{ padding-bottom: 110px; } .c-layout-sty-2 .c__item:nth-child(2n) .c__txt .c__txt__visible{ padding-top: 110px; } .c-layout-sty-2 .c__txt .c__heading{ font-family: 'proxima_nova_rgbold'; font-size: 24px; line-height: 1.2em; margin-bottom: 0; } .c-layout-sty-2 .c__txt .c__number{ display: inline-block; border: 1px solid #fff; font-family: 'proxima_nova_rgbold'; padding: 6px 14px 5px 12px; font-size: 25px; line-height: 1em; margin-bottom: 8px; } .c-layout-sty-2 .c__txt .c__txt__visible{ padding-top: 20px; padding-bottom: 20px; background: rgba(0,0,0,0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .c-layout-sty-2 .c__txt .c__txt__visible, .c-layout-sty-2 .c__txt .c__txt__hidden{ padding-right: 40px; padding-left: 40px; } .c-layout-sty-2 .c__txt .c__txt__hidden{ padding-bottom: 20px; font-size: 18px; line-height: 1.3em; opacity: 1; /*overflow: hidden;*/ display: block; } .c-layout-sty-2 .c__txt .c__txt__hidden .c__txt-wrap{ opacity: 0; display: block; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .c-layout-sty-2 .c__item:hover .c__txt .c__txt__hidden .c__txt-wrap{ opacity: 1; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; /* no delay 1000 */ -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .c-layout-sty-2 .c__txt .c__txt__hidden:before{ content: ''; position: absolute; top: 0; left: 0; height: 0%; width: 100%; display: block; z-index: -1; background: rgba(0,0,0,0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); /* no delay */ /* -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; */ } .c-layout-sty-2 .c__item:hover .c__txt .c__txt__hidden:before{ height: 100%; /* no delay */ /* -webkit-transition-delay: 750ms; -moz-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; */ } .c-layout-sty-2 .c__item:hover .c__txt{ /* top: 100%; -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); */ /*padding-top: 40px;*/ /*margin-top: 0;*/ /*background: rgba(0,0,0,0.0);*/ /* no delay */ /* -webkit-transition-delay: 750ms; -moz-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; */ } .c-layout-sty-2 .c__item:hover .c__txt .c__txt__visible{ padding-top: 20px; padding-bottom: 15px; /* no delay */ /* -webkit-transition-delay: 750ms; -moz-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; */ } /*.c-layout-sty-2 .c__item:hover .c__txt:before{ opacity: 0; height: 100%; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; }*/ .c-layout-sty-2 .c__item:hover .c__txt .c__txt__hidden{ opacity: 1; /* -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; */ } .c-owl-carousel-2__wrap{ margin: 10px -10px 0; position: relative; } .c-owl-carousel-2__wrap .c__broder-wrap{ padding: 0 10px; display: block; position: absolute; top: 5px; left: 0; width: 100%; z-index: 9; } .c-owl-carousel-2__wrap .c__bot-border{ position: static; } .c-owl-carousel-2 .c__item{ padding: 10px; } .c-owl-carousel-2 .c__item-wrap{ background: #fff; width: 100%; display: block; -moz-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.2); box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.2); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .c-owl-carousel-2 .c__item-wrap{ } .c-owl-carousel-2 .c__txt{ padding: 40px; color: #3a3a3a; vertical-align: middle; position: absolute; max-height: 100%; top: 50%; left: 0; height: auto; max-height: 100%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: auto; } .c-owl-carousel-2 .c__txt h1{ font-size: 28px; line-height: 1.2em; margin-top: 0; margin-bottom: 20px; } .c-owl-carousel-2 .c__txt p{ font-size: 20px; line-height: 1.3em; margin: 20px 0; } .c-owl-carousel-2 .c__txt p:last-child{ margin-bottom: 0; } .c-owl-carousel-2 .c__img{ text-align: center; float: right; } .c-owl-carousel-2 .c__img, .c-owl-carousel-2 .c__txt{ width: 595px; } .c-owl-carousel-2 .c__img img{ display: block; margin: 0 auto; width: 100%; } .c-row-1{ width: 100%; } .c-row-1 .c__left{ float: left; } .c-row-1 .c__right{ float: right; } .c-txt-sty-2{ color: #204d84; font-size: 30px; line-height: 1em; font-family: 'proxima_nova_rgbold'; margin: 0; } .c-btn-list .c-btn--icon-arrow, .c-btn-list .c-btn--icon-download{ padding: 8px 9px 9px 36px; -webkit-background-size: 18px auto; background-size: 18px auto; border: none; } .c-btn-list .c-btn{ padding: 10px 10px 9px; } .c-btn-list .c-btn{ border: none; } .c-btn-list > *{ margin-right: 10px; } .c-owl-carousel-5 .owl-nav .owl-prev, .c-owl-carousel-5 .owl-nav .owl-next, .c-owl-carousel-2 .owl-nav .owl-prev, .c-owl-carousel-2 .owl-nav .owl-next{ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: absolute; top: 50%; left: 10px; width: 20px; height: 32px; background: url('../img/icon_arrow-left.png') no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; display: block; opacity: 0.4; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-owl-carousel-2 .owl-nav .owl-prev, .c-owl-carousel-2 .owl-nav .owl-next{ width: 20px; height: 32px; left: -55px; } .c-owl-carousel-5 .owl-nav .owl-next{ left: auto; right: 10px; } .c-owl-carousel-2 .owl-nav .owl-next{ left: auto; right: -55px; background-image: url('#'); } .c-owl-carousel-2 .owl-nav .owl-prev:hover, .c-owl-carousel-2 .owl-nav .owl-next:hover, .c-owl-carousel-2 .owl-nav .owl-prev:focus, .c-owl-carousel-2 .owl-nav .owl-next:focus{ opacity: 0.6; } .c-owl-carousel-5 .owl-nav .owl-prev, .c-owl-carousel-5 .owl-nav .owl-next{ background-image: url('../img/icon_arrow-left_white_big.png'); opacity: 1; } .c-owl-carousel-5 .owl-nav .owl-next{ background-image: url('../img/icon_arrow-right_white_big.png'); } .c-owl-carousel-5 .owl-nav .owl-prev:hover, .c-owl-carousel-5 .owl-nav .owl-next:hover, .c-owl-carousel-5 .owl-nav .owl-prev:focus, .c-owl-carousel-5 .owl-nav .owl-next:focus{ opacity: 1; } .disabled{ display: none !important; } .c-owl-carousel-2 .owl-dots{ position: absolute; bottom: 20px; width: 100%; text-align: center; left: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .c-owl-carousel-2 .owl-dots .owl-dot{ display: inline-block; width: 14px; height: 14px; background: #032e60; border: 2px solid #032e60; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; margin: 0 7px; } .c-tabs-links_wrap{ position: relative; display: inline-block; vertical-align: middle; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-owl-carousel-2 .owl-dots .owl-dot:hover, .c-owl-carousel-2 .owl-dots .owl-dot:focus, .c-owl-carousel-2 .owl-dots .owl-dot.active{ border-color: #2ab8e8; } .c-tabs-links.c-owl-carousel-3{ /*width: 550px;*/ overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-tabs-links.c-owl-carousel-3 .c__item{ padding-right: 0; } .c-tabs-links.c-owl-carousel-3 .c__item-wrap{ white-space: nowrap; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-owl-carousel-3_nav .owl-next, .c-owl-carousel-3_nav .owl-prev{ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; cursor: pointer; background: url('#') no-repeat center center / 100% auto; width: 14px; height: 18px; margin-top: -9px; display: block; position: absolute; top: 50%; right: -20px; } .c-owl-carousel-3_nav .owl-prev{ background-image: url('#'); right: auto; left: -30px; } .c-tabs-links{ list-style: none; padding: 0; margin: 0; /*width: 600px;*/ } .c-tabs-links li{ display: inline-block; padding-right: 20px; } .c-tabs-links.c-owl-carousel-3 a{ margin-bottom: -5px; } .c-tabs-links a{ display: inline-block; background: transparent; border-width: 1px; padding: 10px 22px 8px 10px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .c-tabs-links--b a{ padding-right: 10px; } .c-tabs-links--a a{ padding: 10px 10px 8px 10px; } .c-tabs-links--a .c__btn-red{ background: #b3103a; } .c-tabs-links--a .c__btn-red:hover, .c-tabs-links--a .c__btn-red:focus{ background: #ca1342; } .c-tabs-links--a .c__btn-red:active{ background: #a20e34; } .c-tabs-links .c__item{ /*width: 200px;*/ display: inline-block; padding-right: 20px; } .c-btn.c__btn-sty-1{ text-transform: uppercase; color: #fff; font-size: 16px; line-height: 1em; padding: 10px 25px 8px; background: transparent; border-width: 1px; text-decoration: none; } .c-btn.c__btn-sty-1:hover, .c-btn.c__btn-sty-1:focus, .c-btn.c__btn-sty-1:active{ text-decoration: none; background: #000; } .c-tabs-links a:after{ display: block; content: ''; background: url('#') no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; width: 9px; height: 12px; margin-top: -6px; position: absolute; top: 50%; right: 8px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .c-tabs-links--b a:after{ display: none; } .c-tabs-links a:hover:after{ right: 6px; } .c-tabs-links--a a:after{ display: none; } .c-tabs-links .c__tab-link-selected a{ background: #b3103a; } .c-tabs-links--a a:hover, .c-tabs-links--a a:focus, .c-tabs-links--a .c__tab-link-selected a{ background: #b7b7b7; } .c-tabs-links--a a:active{ background: #999; } .c-tab-container.js-tab-enabled .c__tab-item{ display: none; } .c-tab-container .c__tab-item.c__tab-selected{ display: block; } .c-nav-sty-2.c--mobile{ display: none; } .u-only-mobile-1, .u-only-mobile{ display: none !important; } .c-contact-mobile-header{ margin: 20px 0 -10px; } .c-contact-mobile-header .c__tabs-items{ display: block; text-align: center; margin: 0 0 15px 0; } .c-contact-mobile-header .c__item{ border-right: 1px solid #012e63; display: inline-block; } .c-contact-mobile-header .c__item:last-child{ border-right: none; } .c-contact-mobile-header .c__item a{ font-size: 15px; line-height: 1em; color: #012e63; padding: 0 20px; display: block; } .c-contact-mobile-header .c__action{ text-align: center; } .c-contact-mobile-header .c__action .c-btn{ border: none; } .c-contact-mobile-header .c__item.c__tab-link-selected a{ font-family: 'proxima_nova_rgbold'; } .c-mobile-header{ height: auto; background: #000; text-align: center; padding: 1px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; } .c-mobile-header .c__logo{ max-width: 72px; /*margin-top: 8px;*/ margin-top: -1px; } .c-mobile-header h1{ font-size: 18px; line-height: 1em; color: #fff; margin: 16px 0 13px; display: block; text-transform: uppercase; } .c-mobile-header .c__bot-border{ height: 3px; } .js-show-on-scroll-header{ display: block; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .js-show-on-scroll-header.js-show{ opacity: 1; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .toggleContainer{ margin-bottom: 40px; } .c-content-sty-1 .toggleBtnClass, .toggleBtnClass{ display: none; border:1px solid #b3103a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width:20px; height:20px; font-size: 14px; line-height: 18px; font-weight:bold; text-align:center; float:right; vertical-align: middle; text-decoration:none !important; } .c-social ul{ list-style: none; padding: 0; margin: 0; display: inline-block; position: relative; } .c-social ul:before, .c-social ul:after{ content: ''; display: block; height: 2px; width: 100%; background: #000; position: absolute; top: 50%; left: 170%; margin-top: -2px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-social ul:after{ left: auto; right: 170%; } .c-social ul:hover:before{ margin-left: 10px; } .c-social ul:hover:after{ margin-right: 10px; } .c-social li{ display: inline-block; margin: 0 6px; } .c-social a{ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 25px; height: 25px; background: transparent url('#') no-repeat center center; -webkit-background-size: 25px auto; background-size: 25px auto; opacity: 0.5; overflow: hidden; } .c-social a:hover{ opacity: 1; }/* .c-social a:hover{ opacity: 1; } */ .c-social li.twitter a{ background-image: url('#'); } .c-social li.instagram a{ background-image: url('#'); } .c-social li.gplus a{ background-image: url('#'); } .c-social--a{ margin: 0; padding: 0; } .c-social--a a{ opacity: 1; width: 40px; height: 33px; -webkit-background-size: 45% auto; background-size: 45% auto; } .c-social--a li{ margin: 0 -4px -4px 0px; } .c-social--a li.facebook a{ background-color: #3b5998; background-image: url('#'); } .c-social--a li.twitter a{ background-color: #6cdfea; background-image: url('#'); } .c-social--a li.instagram a{ background-color: #964b00; background-image: url('#'); } .c-social--a li.gplus a{ background-color: #e34429; background-image: url('#'); } .c-social--a li.facebook a:hover{ background-color: #3b5998; } .c-social--a li.twitter a:hover{ background-color: #6cdfea; } .c-social--a li.instagram a:hover{ background-color: #964b00; } .c-social--a li.gplus a:hover{ background-color: #e34429; } .c-share-module{ display: inline-block; position: relative; } .c-share-module .c-social--a{ white-space: nowrap; opacity: 0; position: absolute; top: -100%; left: 50%; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: translate(-50%, -10px) translateZ(0); -moz-transform: translate(-50%, -10px) translateZ(0); -ms-transform: translate(-50%, -10px) translateZ(0); transform: translate(-50%, -10px) translateZ(0); } .c-share-module.active .c-social--a{ visibility: visible; pointer-events: auto; opacity: 1; -webkit-transform: translate(-50%, -15px) translateZ(0); -moz-transform: translate(-50%, -15px) translateZ(0); -ms-transform: translate(-50%, -15px) translateZ(0); transform: translate(-50%, -15px) translateZ(0); } .c-share-module .c-social--a:before{ content: ''; display: block; width: 0; height: 0; position: absolute; bottom: -3px; left: 50%; margin-left: -8px; border-top: 10px solid #6cdfea; border-right: 10px solid transparent; border-left: 10px solid transparent; } /* Media Start */ @media screen and (max-width: 1600px) { .c-nav-sty-2 ul{ max-width: 960px; } .c-layout-sty-2 .c__txt .c__txt__visible, .c-layout-sty-2 .c__txt .c__txt__hidden{ padding-right: 20px; padding-left: 20px; } /* Adjusting Font Size */ .c-listing-sty-2 .c__txt h2{ font-size: 22px; line-height: 1em; } .c-listing-sty-2 li{ padding: 35px 0; } .c-listing-sty-2 li:first-child{ padding-top: 0; } .c-boxes-1 .c__box h3, .c-boxes-1 .c__box h3 a{ font-size: 24px; line-height: 1.2em; } .c-owl-carousel-1 .c__txt h1, .c-txt-sty-3 .c__txt h1{ font-size: 40px; line-height: 1.2em; margin-bottom: 20px; } .c-owl-carousel-1 .c__txt p, .c-txt-sty-3 .c__txt p{ color: #fff; font-size: 20px; line-height: 1.3em; margin: 20px 0 30px; } .c-btn{ font-size: 15px; line-height: 1em; padding: 7px 18px; } .c-btn-list .c-btn--icon-arrow, .c-btn-list .c-btn--icon-download{ font-size: 15px; line-height: 1em; padding: 7px 13px 7px 34px; -webkit-background-size: 14px auto; background-size: 14px auto; } .c-btn-list .c-btn{ padding: 7px 10px; } .c__bot-border{ height: 6px; } .c-nav-sty-1 li a{ font-size: 25px; line-height: 1em; } .c-txt-sty-1, .c-content-sty-1 h1{ font-size: 24px; line-height: 1.2em; } .c-content-sty-1 li, .c-content-sty-1 p{ font-size: 18px; line-height: 1.4em; } .c-content-sty-1 h2{ font-size: 20px; line-height: 1.2em; margin: 13px 0 13px 0; } .c-content-sty-1 h2.c__hsty-1{ font-size: 25px; line-height: 1em; margin-bottom: 0; } .c-boxes-1 .c__box h3{ font-size: 24px; line-height: 1.2em; } .c-boxes-1 .c__box p{ font-size: 15px; line-height: 1.3em; } .c-layout-sty-1 .c__txt-wrap h2{ font-size: 22px; line-height: 1em; } .c-layout-sty-1 .c__txt-wrap p{ font-size: 16px; line-height: 1.3em; } .c-owl-carousel-1 .c__item--sty-1 .c__txt h1 span{ font-size: 44px; line-height: 0.85em; } .c-owl-carousel-1 .c__item--sty-1 .c__txt h1 strong{ font-size: 82px; line-height: 0.85em; } .c-breadcrumbs a, .c-breadcrumbs li:after{ font-size: 20px; line-height: 1em; } .c-bar{ padding: 30px 0px; } .c-timeline .c__txt h2{ font-size: 50px; line-height: 0.9em; } .c-timeline .c__txt p{ font-size: 17px; line-height: 1.4em; } .c-timeline .c__anchor .c__label{ font-size: 22px; line-height: 1em; } .c-layout-sty-2 .c__txt{ /* padding: 20px; */ } .c-layout-sty-2 .c__txt .c__heading{ font-size: 22px; line-height: 1.2em; } .c-layout-sty-2 .c__txt .c__txt__hidden{ font-size: 16px; line-height: 1.3em; } .c-layout-sty-2 .c__txt .c__number{ font-size: 20px; line-height: 1em; padding: 6px 12px 5px 10px; } .c-layout-sty-2 .c__item:nth-child(2n) .c__txt .c__txt__visible{ padding-top: 80px; } .c-layout-sty-2 .c__item:nth-child(2n+1) .c__txt .c__txt__visible{ padding-bottom: 80px; } .c-layout-sty-2 .c__item:hover .c__txt .c__txt__visible{ padding-top: 20px; } .c-layout-sty-2 .c__item:hover .c__txt .c__txt__visible{ padding-bottom: 20px; } .c-owl-carousel-1 .c__item--sty-1 .c__txt.c__txt--1 h1 span, .c-owl-carousel-1 .c__item--sty-1 .c__txt.c__txt--1 h1 strong{ font-size: 65px; line-height: 1em; } .c-listing-sty-1 li{ padding: 25px; } .c-listing-sty-1{ margin: -25px -55px 40px -55px; } .c-listing-sty-1:last-child{ margin-bottom: -25px; } .c-txt-sty-2{ font-size: 28px; line-height: 1.2em; } .c-owl-carousel-2 .c__txt h1 { font-size: 26px; line-height: 1.2em; margin-bottom: 20px; } .c-owl-carousel-2 .c__txt p { font-size: 18px; line-height: 1.3em; margin: 20px 0; } /* END - Font Size */ } @media screen and (max-width: 1500px) { } @media screen and (max-width: 1390px) { .c-owl-carousel-2 .owl-nav .owl-next{ right: -25px; } .c-owl-carousel-2 .owl-nav .owl-prev{ left: -25px; } } @media screen and (max-width: 1350px) { .c-listing-sty-1{ margin-right: -25px; margin-left: -25px; } } @media screen and (max-width: 1300px) { .c-product-detail-page-content > .container > .row > .col-md-12{ padding-right: 50px; padding-left: 50px; } } @media screen and (min-width: 1220px) and (max-width: 1300px) { .c-tabs-links_wrap{ margin-left: 20px; } /* .c-owl-carousel-2 .owl-nav .owl-next, .c-owl-carousel-2 .owl-nav .owl-prev{ width: 30px; height: 100px; background-color: #fff; -webkit-background-size: 15px auto; background-size: 15px auto; margin-top: -50px; } .c-owl-carousel-2 .owl-nav .owl-next{ right: 10px; } .c-owl-carousel-2 .owl-nav .owl-prev{ left: 10px; } */ } @media screen and (min-width: 992px) and (max-width: 1030px) { .c-tabs-links_wrap{ margin-left: 10px; } } @media screen and (max-width: 1219px) { .c-owl-carousel-2 .c__img, .c-owl-carousel-2 .c__txt{ width: 435px; } .c-owl-carousel-2 .c__txt{ padding: 30px; } .c-listing-sty-3 li{ padding: 20px 40px 40px; } .c-content-sty-1 .c-listing-sty-3, .c-listing-sty-3{ margin: 20px -40px; } .c-lis-1{ margin-bottom: -60px; } .c-lis-1 li{ padding: 0 30px; margin-bottom: 60px; } } @media screen and (max-width: 1199px) { .c-listing-sty-1{ margin-right: -15px; margin-left: -15px; } .c-listing-sty-1 li{ padding: 15px; } .c-layout-sty-1 .c__box{ padding: 160px 30px 50px 30px; } .c-boxes-1 .col-md-4:first-child, .c-boxes-1 .col-md-4:last-child, .c-boxes-1 .col-md-4{ padding: 0 20px; } .c-timeline .c__txt{ width: 390px; } } @media screen and (max-width: 1099px) { .c-nav-sty-2 ul{ max-width: 740px; } .c-nav-sty-1 li a{ padding: 0 20px; } .c-owl-carousel-2 .c__txt h1{ font-size: 24px; line-height: 1.2em; margin-bottom: 15px; } .c-owl-carousel-2 .c__txt p{ font-size: 17px; line-height: 1.3em; margin: 15px 0; } .c-breadcrumbs a, .c-breadcrumbs li:after{ font-size: 15px; line-height: 1em; } .c-row-1 .c__right{ margin-top: 8px; } } @media screen and (max-width: 1024px) { .c-listing-sty-1 .c__txt h2 a{ min-height: 33px; display: block; } .c-boxes-1, .c-owl-carousel-1, .c-layout-sty-1{ -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .c-layout-sty-2 .c__txt .c__txt__visible, .c-layout-sty-2 .c__txt .c__txt__hidden{ padding-right: 10px; padding-left: 10px; } .c-layout-sty-2 .c__img, .c-layout-sty-1 .c__box .c__img{ opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .c-layout-sty-2 .c__txt .c__txt__hidden{ font-size: 13px; line-height: 1.3em; } .c-layout-sty-2 .c__item .c__txt .c__txt__visible{ padding-bottom: 10px; } .c-layout-sty-2 .c__txt .c__heading { font-size: 18px; line-height: 1.2em; } .c-layout-sty-2 .c__txt .c__number { font-size: 18px; line-height: 1em; padding: 6px 10px 4px 9px; } .c-layout-sty-2 .c__item .c__txt .c__txt__hidden .c__txt-wrap{ opacity: 1; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; /* no delay 1000 */ -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .c-layout-sty-2 .c__item .c__txt .c__txt__hidden:before{ height: 100%; } .c-layout-sty-2 .c__item .c__txt .c__txt__visible{ padding-bottom: 10px !important; } .c-layout-sty-2 .c__item:nth-child(2n+1) .c__txt{ margin-top: 0; -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .c-layout-sty-2 .c__item:nth-child(2n) .c__txt .c__txt__visible{ padding-top: 20px; } .c-layout-sty-2 .c__item .c__txt{ top: 100%; -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-top: 0; } .c-layout-sty-1 .c__box .c__txt-wrap { background: rgba(0,0,0,0.6); } .caseStudiesTabsLinks { height:35px; } .c-lis-1{ margin-bottom: -40px; } .c-lis-1 li{ padding: 0 20px; margin-bottom: 40px; } } @media screen and (max-width: 991px){ .c-social:not(.c-social--a) a{ width: 20px; height: 20px; -webkit-background-size: 20px auto; background-size: 20px auto; } .c-social:not(.c-social--a) li{ margin: 0 4px; } .c-social:not(.c-social--a) ul:before, .c-social ul:after{ left: 130%; height: 1px; } .c-social:not(.c-social--a) ul:after { left: auto; right: 130%; } .c-social--a a{ width: 35px; height: 25px; -webkit-background-size: 14px auto; background-size: 14px auto; } .c-share-module.active .c-social--a{ -webkit-transform: translate(-50%, -15px) translateZ(0); -moz-transform: translate(-50%, -15px) translateZ(0); -ms-transform: translate(-50%, -15px) translateZ(0); transform: translate(-50%, -15px) translateZ(0); } .c-lis-1{ margin-right: -15px; margin-left: -15px; width: auto; } .c-lis-1{ margin-bottom: -30px; } .c-lis-1 li{ padding: 0 15px; margin-bottom: 30px; } .c-lis-1 span{ font-size: 18px; line-height: 1em; } .c-lis-1 span:before{ width: 140px; margin-left: -70px; } .c-lis-1 a:hover span:before { width: 160px; margin-left: -80px; } .c-main-header:not(.has--mobile-header) .c__logo{ position: absolute; top: 0; left: 50%; z-index: 2; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .caseStudiesTabsLinks { height:auto; } .hide-in-ipad-air-portrait{ display: none; } .c-header-center-txt, .c-owl-carousel-1 .c__txt, .c-txt-sty-3 .c__txt{ max-width: 670px; } .c-main-footer > .container > .row > .col-md-3{ width: 25%; } .c-main-footer > .container > .row > .col-md-3:first-child{ width: 33.33333333%; } .c-main-footer > .container > .row > .col-md-6{ width: 41.66666667%; } .c-main-footer > .container > .row > *{ float: left; } .c-owl-carousel-2 .c__item-wrap .c-t-layout, .c-owl-carousel-2 .c__item-wrap .c-t-layout .clearfix { display: block; } .c-owl-carousel-2 .c__img, .c-owl-carousel-2 .c__txt { width: 100%; } .c-owl-carousel-2 .c__txt { position: static; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } @media screen and (min-width: 979px) and (max-width: 991px){ .c-timeline nav{ position: relative; left: -150px; } } @media screen and (max-width: 979px){ .c-content-sty-2 .wrap-container{ margin-top: 30px; } .c-nav-sty-2.c--mobile ul{ position: static; } .c-nav-sty-1 .c-nav-sty-2.c--mobile li{ margin: 0 0 0 15px; display: inline-block !important; } .c-nav-sty-2.c--mobile li{ display: block !important; } .c-nav-sty-2.c--mobile li.lang{ display: none !important; } .c-owl-carousel-3_nav{ display: none; } .c__tab-item .u-only-mobile .owl-carousel { height: 100%; display: block; position: absolute; top: 0; right: 0; } .c__tab-item .u-only-mobile .owl-carousel .owl-nav .owl-prev { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: absolute; top: 50%; left: 0; width: 40px; height: 54px; margin-top:-27px; background: url('#') no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; display: block; opacity: 0.8; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c__tab-item .u-only-mobile .owl-carousel .owl-nav .owl-next { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: absolute; top: 50%; right: 0; width: 40px; height: 54px; margin-top:-27px; background: url('#') no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; display: block; opacity: 0.8; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-row-1 .c-btn-2{ margin-top: -23px; } .c-row-1 .c-btn-2 + .c-txt-sty-2{ display: inline-block; max-width: 80%; max-width: calc(100% - 50px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .c-owl-carousel-2__wrap{ margin-top: 6px; } .c-row-1{ display: block; } .c-row-1 .c__left{ float: none; } .c-row-1 .c-btn-2{ display: inline-block; } .c-owl-carousel-1 .c__txt p, .c-txt-sty-3 .c__txt p{ font-size: 18px; line-height: 1.3em; } .c-nav-sty-1 li a{ padding: 0 15px; } .c-nav-sty-2 ul{ max-width: none; position: fixed; top: -6px; left: 55px; width: auto; } .c-boxes-1 .c__box{ padding: 10px 10px 15px; } .c-boxes-1 .c__box h3, .c-boxes-1 .c__box h3 a { font-size: 16px; line-height: 1em; } .c-boxes-1 .c__box h3 { margin-bottom: 30px; } .c-timeline .c__txt p, .c-listing-sty-3 p, .c-listing-sty-3 a, .c-content-sty-1 li, .c-content-sty-1 p, .c-content-sty-1 a { font-size: 14px; line-height: 1.4em; } .c-main-footer > .container > .row > *{ width: 100% !important; float: none; } } @media screen and (max-width: 979px) { /* 991 */ .homepage-logo{ /*top: 31%;*/ } .homepage-logo img{ /*margin-bottom:250px;*/ } .c-header-n-space.only-mobile { display:block; } .c-bar .c-btn--icon-arrow{ display: inline-block; } .c-popup{ max-width: 90%; } #b2b-contact-popup{ width: 500px; } .c-owl-carousel-2 .c__item-wrap .c-t-layout{ display: block; } .c-owl-carousel-2 .c__item-wrap .c-t-layout .clearfix{ display: block; } .c-txt-sty-2 { font-size: 24px; line-height: 1.2em; } .c-owl-carousel-2 .c__img, .c-owl-carousel-2 .c__txt{ width: 100%; } .c-owl-carousel-2 .c__txt{ position: static; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .c-owl-carousel-2 .owl-nav .owl-next{ right: -45px; } .c-owl-carousel-2 .owl-nav .owl-prev{ left: -45px; } .c-listing-sty-1{ margin-top: -10px; } .c-listing-sty-1 li{ padding: 10px; } .c-content-sty-1 img{ margin: 20px 20px 0px 0px; } .productCategory{ background:none; text-align:center; padding-bottom:0; } .c-header-bot-txt{ display: none; } .c-header-bot-txt + .c-owl-carousel-1 + .c__bot-border{ display: none; } .c-owl-carousel-3_nav .owl-next, .c-owl-carousel-3_nav .owl-prev{ height: 58px; width: 40px; top: 0; margin-top: 0; -webkit-background-size: 14px auto; background-size: 14px auto; } .c-layout-sty-1 .c__txt-wrap{ position: absolute; bottom: auto; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%) translateZ(0); -webkit-transform: translate(-50%, -50%) translateZ(0); -o-transform: translate(-50%, -50%) translateZ(0); -ms-transform: translate(-50%, -50%) translateZ(0); transform: translate(-50%, -50%) translateZ(0); } .c-owl-carousel-5 .owl-nav .owl-prev, .c-owl-carousel-5 .owl-nav .owl-next, .c-owl-carousel-2 .owl-nav .owl-prev, .c-owl-carousel-2 .owl-nav .owl-next{ -webkit-background-size: 20px 32px; background-size: 20px 32px; width: 50px; height: 100px; margin-top: -50px; } .c-owl-carousel-5 .owl-nav .owl-prev{ left: 0; } .c-owl-carousel-5 .owl-nav .owl-next{ right: 0; } .c-tabs-links_wrap{ margin-top: -40px; } .c-tabs-links_wrap{ background: #e9e9e9; position: relative; } .c-tabs-links_wrap--a{ background: #000; } .c-tabs-links_wrap--a .c-tabs-links a{ background: transparent; } .c-tabs-links_wrap--a .c-tabs-links a.is_current-item{ background: #b3103a; } .c-tabs-links_wrap:not(.c-tabs-links_wrap--a) .c-tabs-links .c__tab-link-selected a, .c-tabs-links_wrap:not(.c-tabs-links_wrap--a) .c-tabs-links a{ display: none; width: 100%; font-size: 20px; line-height: 1em; text-align: center; padding: 20px 20px 18px 20px; font-family: 'proxima_nova_rgbold'; border: none; color: #012f63; background: transparent; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } .c-tabs-links_wrap .c-tabs-links .c__tab-link-selected a, .c-tabs-links_wrap .c-tabs-links a{ display: none; } .c-tabs-links_wrap .c-tabs-links .c__tab-link-selected a{ display: block !important; } .c-tabs-links_wrap .c-tabs-links .c__tab-link-selected{ padding: 13px; } .c-tabs-links a:after{ display: none; } .c-tabs-links .c__item{ display: block; padding-right: 0; width: 100%; } .c-tabs-links_wrap .c-tabs-links .c__tab-link-selected a, .c-tabs-links_wrap .c-tabs-links a{ text-align: center; max-width: 50%; margin: 0 auto; padding: 8px; } .c-tabs-links_wrap .c-owl-carousel-3_nav{ display: block; } .c-owl-carousel-3_nav .owl-next{ background-image: url('#'); right: 0px; } .c-owl-carousel-3_nav .owl-prev{ background-image: url('#'); left: 0px; } .c-tabs-links_wrap--a .c-owl-carousel-3_nav .owl-next{ background-image: url('#'); } .c-tabs-links_wrap--a .c-owl-carousel-3_nav .owl-prev{ background-image: url('#'); } .c-content-sty-1 .c__img-fl-1, .c-content-sty-1 .c__img-fr-1{ margin: 0px -15px 30px -15px; } .c-timeline .c__list{ display: none; } .c-timeline nav:before, .c-timeline nav:after{ display: none; } .c-timeline nav{ height: auto; margin: 0; background: transparent; position: relative; top: 0; left: 0; } .c-timeline .c__list-img{ width: 100%; left: 0; top: 0; position: relative; height: auto; } .c-timeline .c__list-img li { display: block; width: 100%; float: none; margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #d4d6d9; } .c-timeline .c__list-img li:last-child{ margin-bottom: 0; } .c-txt-sty-1, .c-content-sty-1 h1{ margin-bottom: 20px; } .c-timeline .c__txt h2{ font-size: 28px; line-height: 1em; margin-top: 10px; } .c-timeline .c__list-img .is_current-item .c__img-item, .c-timeline .c__list-img li .c__img-item{ display: block; opacity: 1; position: relative; top: 0; left: 0; transform: none; margin: 0; width: 130px; height: 130px; float: left; margin-right: 30px; background-size: 100% auto; border-width: 1px; } .c-timeline .c__list-img li.is_current-item .c__txt, .c-timeline .c__list-img li .c__txt{ position: relative; opacity: 1; z-index: 10; top: 0; left: 0; display: block; transform: none; width: 100%; display: block; padding-left: 160px; } .c-main-content-area .c-timeline{ margin-top: 10px; } .c-timeline .c__list-img li:before, .c-timeline .c__list-img li:after { content: ""; display: table; line-height: 0; } .c-timeline .c__list-img li:after { clear: both; } .c-header-center-txt{ padding-top: 110px; padding-bottom: 60px; } .c-txt-sty-3 .c__txt{ max-height: 100%; overflow-x: auto; } .c-header-center-txt .c__logo{ margin-bottom: 30px; } .c-owl-carousel-1 .owl-dots{ display: none !important; } .c-main-header{ min-height: 106px; } .c-layout-sty-2{ height: 500px; height: 100vh; height: calc(100vh - 106px); } /* .c-main-footer .c__nav-social, .c-main-footer .c__logo{ text-align: left; } */ .c-main-footer{ text-align: center; padding-left: 0; padding-right: 0; } .c-main-footer .c__logo{ text-align: center; } .c-main-footer .c__logo img{ max-width: 80px; } .c-main-footer .c__logo a{ margin-left: 10px; } .c-main-footer .c-btn.c__btn-sty-1{ margin-top: 20px; margin-bottom: 20px; max-width: 170px; margin-left: auto; margin-right: auto; background:#fbbe07; } .c-main-footer .c-btn.c__btn-sty-1:hover{ background: #b3103a; } .c-main-footer .c__address-info, .c-main-footer .c__nav{ display: none; } .c-main-footer .container{ padding-top: 0; } .has--mobile-header .c-main-menu-btn{ position: fixed; top: 14px; left: 15px; } .has--mobile-header .c__top-border, .has--mobile-header .c-header-bot-txt, .has--mobile-header > .c__bot-border, .has--mobile-header .c-owl-carousel-1{ display: none !important; } .c-listing-sty-3 li{ padding: 10px 20px 20px; } .c-content-sty-1 h2{ font-size: 19px; line-height: 1.2em; } .c-contact-map iframe{ height: 600px; } .c-listing-sty-3 p, .c-listing-sty-3 a, .c-content-sty-1 li, .c-content-sty-1 p{ font-size: 16px; line-height: 1.4em; } .c-content-sty-1 .c-listing-sty-3, .c-listing-sty-3{ margin: 0; } .c-layout-sty-1 .c__box{ padding: 10px 10px 10px 10px; display: block; height: 100%; height: 100vh; height: calc(100vh - 106px); min-height: 400px; } .c-txt-sty-1, .c-content-sty-1 h1{ margin-bottom: 30px; font-size: 20px; line-height: 1.2em; } .c-boxes-1 .c__box h3, .c-boxes-1 .c__box h3 a{ font-size: 18px; line-height: 1em; margin-bottom: 50px; } .c-boxes-1 .c__box p{ display: none; } .c-boxes-1 .c__icon{ background-size: 85px auto; height: 110px; } .c-main-content-area{ margin-top: 40px; } .c-owl-carousel-1 .c__item{ height: 100%; min-height: 100vh; padding: 0; } .c-owl-carousel-1 .c__item .c-t-layout{ height: 100%; min-height: 100vh; padding: 70px 20px; } .c-owl-carousel-1 .c__txt h1, .c-txt-sty-3 .c__txt h1{ font-size: 35px; line-height: 1.2em; margin-bottom: 15px; } .c-owl-carousel-1 .c__txt p, .c-txt-sty-3 .c__txt p{ font-size: 18px; line-height: 1.3em; margin: 15px 0 25px; } .u-only-desktop{ display: none !important; } .u-only-mobile.js-show-on-scroll-header, .u-only-mobile{ display: block !important; } .u-only-mobile.c-btn.btn--share{ display: inline-block !important; } .c-layout-sty-1 .c__box{ text-align: center; } .c-main-footer .c__address-info, .c-main-footer .c__nav{ margin-bottom: 20px; } .c-main-footer .c__nav li{ padding-left: 17px; } .c-main-menu-btn{ display: block; } .c-nav-sty-1{ z-index: 102; position: fixed; padding: 20px; height: 100%; width: 260px; background: rgb(251, 190, 7); overflow-y: auto; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-transform: translateX(-100%) translateZ(0); -webkit-transform: translateX(-100%) translateZ(0); -o-transform: translateX(-100%) translateZ(0); -ms-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0); } .menu-is-open .c-nav-sty-1{ -moz-transform: translateX(0%) translateZ(0); -webkit-transform: translateX(0%) translateZ(0); -o-transform: translateX(0%) translateZ(0); -ms-transform: translateX(0%) translateZ(0); transform: translateX(0%) translateZ(0); } .menu-body-wrap{ display: none; z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .menu-is-open .menu-body-wrap{ display: block; } .c-nav-sty-1 ul{ display: block; padding: 0; } .c-nav-sty-1 > ul:first-child{ margin-top: 90px; } .c-nav-sty-1 li{ display: block; text-align: right; } .c-nav-sty-1 li a{ font-size: 19px; line-height: 1em; border-right: none; padding: 18px 0; } .c-nav-sty-1 > ul:first-child > li a:after{ content: ''; display: block; width: 13px; height: 13px; border: 1px solid #fff; border-radius: 999px; float: right; margin-left: 13px; margin-top: 2px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-nav-sty-1 > ul:first-child > li a:active:after, .c-nav-sty-1 > ul:first-child > li a:hover:after, .c-nav-sty-1 > ul:first-child > li.is_current-item a:after{ background: #fff; } .c-nav-sty-1 a .c__a-wrap:after{ display: none; } .c-nav-sty-1 li.has_logo{ display: block; position: absolute; top: 0; left: 10px; width: 140px; } .c-nav-sty-1 li.has_logo a:after{ display: none !important; } .c-nav-sty-2{ z-index: 101; } .c-nav-sty-2 li{ display: none !important; } .c-nav-sty-2 li.lang{ display: inline-block !important; margin: 0; top: 4px; } .c-nav-sty-2.c--mobile{ display: block; position: static; margin-top: 20px; } .c-nav-sty-2.c--mobile li{ display: inline-block; margin-left: 15px; } .c-nav-sty-2.c--mobile ul{ text-align: right; margin: 0; } } @media screen and (max-width:767px) { .c-nav-sty-2 .icon--ar{ font-size: 11.5px; } .c-nav-sty-2 .icon--eng{ font-size: 11px; } .c-social:not(.c-social--a) li { margin: 0 10px; } .c-social:not(.c-social--a) ul:before, .c-social:not(.c-social--a) ul:after{ left: 110%; width: 50%; } .c-social:not(.c-social--a) ul:after { left: auto; right: 110%; } .c-content-sty-2 .wrap-container { margin-top: 20px; padding: 15px; } .c-content-sty-2 .header h1{ padding-right: 0; padding-top: 22px; font-size: 20px; line-height: 1em; margin: 0 0 10px 0; } .c-content-sty-2 .header{ margin-bottom: 20px; } .c-content-sty-2 .header .date{ top: 0px; font-size: 13px; line-height: 1em; } .c-content-sty-2 .header .c-btn{ font-size: 12px; line-height: 1em; padding: 5px 18px; } .c-content-sty-2{ font-size: 12px; line-height: 1.3em; margin: 0 15px; } .c-content-sty-2 .img-full{ margin: 0 -15px; } .c-content-sty-2 .img-full:last-child { margin-bottom: -15px; } .c-content-sty-2 .footer .c-btn-2{ min-width: 0; font-size: 14px; line-height: 1em; padding: 6px 18px 5px; margin-top: 3px; } .c-content-sty-2 .footer { margin-top: 25px; } .c-content-sty-2 blockquote{ margin: 20px; } .c-nav-1{ margin: 0 -12px; } .c-nav-1 a{ width: 18px; height: 31px; margin: 0 12px; } .c-tabs-links_wrap .c-tabs-links .c__tab-link-selected a, .c-tabs-links_wrap .c-tabs-links a{ padding: 5px; font-size: 14px; line-height: 1em; max-width: 85%; } .c-tabs-links_wrap .c-tabs-links .c__tab-link-selected { padding: 12px; } .c-lis-1{ margin-top: 0; margin-bottom: -30px; } .c-lis-1 a{ padding-top: 50%; } .c-lis-1 span{ top: 45%; } .c-lis-1 li{ width: 100%; float: none; padding: 0 15px; margin-bottom: 30px; } .c-nav-sty-2 ul{ left: 50px; } .c-nav-sty-2 .c__icon.icon--eng{ width: 45px; } .c-nav-sty-2 .c__icon.icon--ar{ width: 45px; } .c-main-header:not(.has--mobile-header) .c__logo{ max-width: 100px; } .homepage-logo{ padding: 0; top: 55%; top: calc(50% + 20px); max-height: 50%; max-height: calc(100% - 220px); overflow: auto; /*top: 0; left: 0; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none;*/ } .homepage-logo img{ margin-bottom:0px; } .c-popup .c__content{ padding: 1px 20px; } .c-owl-carousel-2 .owl-dots .owl-dot{ width: 12px; height: 12px; margin: 0 5px; } .c-layout-sty-1{ max-width: 400px; margin: 0 auto; } .c-layout-sty-1 .c__box{ height: auto; min-height: 0; padding: 0; } .c-layout-sty-1 .c__box .c__img{ position: static; padding-top: 244%; height: auto; } .c-form-item .c__f-item, .c-form-item label{ width: 30%; } .c-form-item .c__f-item{ width: 70%; } .c-btn.c-btn-submit{ font-size: 14px; padding: 9px 20px 7px; min-width: 130px; line-height: 1em; } .c-content-sty-1 a.c-btn-2, .c-btn-2{ font-size: 16px; line-height: 1em; padding: 9px 12px; } .c-btn--icon-arrow, .c-btn--icon-download{ padding-left: 34px; -webkit-background-size: 15px auto; background-size: 15px auto; } .c-btn--icon-arrow{ -webkit-background-size: 9px auto; background-size: 9px auto; padding-left: 30px; } .c-btn-2{ padding-bottom: 6px; } .toggleContainer{ width: 100%; } .toggleContainer:before, .toggleContainer:after { content: " "; /* 1 */ display: table; /* 2 */ } .toggleContainer:after { clear: both; } .c-content-sty-1 .toggleBtnClass, .toggleBtnClass{ display: inline-block; } .c-content-sty-1 img{ display: block; margin: 20px auto; } .c-content-sty-1 h3{ font-size: 16px; line-height: 1.2em; margin-bottom: 2px; } .c-tabs-links .c__tab-link-selected a, .c-tabs-links a{ font-size: 17px; line-height: 1em; padding: 17px 30px 16px 30px; } .c-owl-carousel-3_nav .owl-next, .c-owl-carousel-3_nav .owl-prev{ height: 50px; width: 25px; -webkit-background-size: 12px auto; background-size: 12px auto; } .c-listing-sty-1 .c__wrap:hover .c__txt h2:before{ width: 140px; margin-left: -70px; } .c-txt-sty-1, .c-content-sty-1 h1{ font-size: 18px; line-height: 1.2em; } .c-product-detail-page-content > .container > .row > .col-md-12{ padding-left: 20px; padding-right: 20px; } .c-txt-sty-2{ font-size: 20px; line-height: 1.2em; } .c-owl-carousel-2 .c__txt h1{ font-size: 18px; line-height: 1.2em; margin-bottom: 10px; } .c-owl-carousel-2 .c__txt p { font-size: 14px; line-height: 1.3em; margin: 10px 0; } .c-btn{ font-size: 13px; line-height: 1em; } .c-owl-carousel-2 .c__txt .c-btn-list{ margin-top: 20px; } .c-owl-carousel-2 .c__txt{ padding: 20px 15px 0; } .c-product-detail-page-content .c-owl-carousel-2 .owl-nav .owl-next{ right: 0; background-image: url('#'); } .c-product-detail-page-content .c-owl-carousel-2 .owl-nav .owl-prev{ left: 0; background-image: url('#'); } .c-product-detail-page-content .c-owl-carousel-2__wrap{ margin-left: -20px; margin-right: -20px; } .c-owl-carousel-2 .c__item-wrap{ background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .c-product-listing{ margin-top: 25px; } .c-listing-sty-1 .c__txt h2{ margin-top: 12px; } .c-listing-sty-1 .c__txt h2 a{ min-height: 0; } .c-product-listing{ margin-top: 20px; } .u-only-mobile-1{ display: block !important; } .productCategory{ padding-top: 22px; } .c-tabs-links_wrap{ margin-top: -20px; } .c-contact-mobile-header{ margin-bottom: 25px; } .c-down-arrow a{ -webkit-background-size: 30px auto; background-size: 30px auto; height: 40px; } .c-down-arrow{ bottom: 10px; } .c-header-center-txt .c__logo{ margin-bottom: 20px; } .homepage-logo .c__logo{ margin-bottom:50px; } .c-header-center-txt .c__logo img{ max-width: 150px; } .c-contact-map iframe{ height: 400px; } .c-content-sty-1 .c-listing-sty-3, .c-listing-sty-3{ margin: 0 auto; max-width: 320px; } .c-listing-sty-3 li{ width: 100%; border: none; padding: 0 15px; margin: 0 0 25px 0; } .c-content-sty-1 h2 { font-size: 16px; line-height: 1.2em; } .c-timeline .c__txt h2{ font-size: 22px; line-height: 1em; } .c-timeline .c__list-img .is_current-item .c__img-item, .c-timeline .c__list-img li .c__img-item{ width: 100px; height: 100px; margin-right: 0; } .c-timeline .c__list-img li.is_current-item .c__txt, .c-timeline .c__list-img li .c__txt{ padding-left: 125px; } .c-timeline .c__txt p{ max-height: none; } .c-timeline .c__txt p, .c-listing-sty-3 p, .c-listing-sty-3 a, .c-content-sty-1 li, .c-content-sty-1 p, .c-content-sty-1 a { font-size: 14px; line-height: 1.4em; } .c-content-sty-1 h2{ margin-bottom: 10px; } .c-txt-sty-1, .c-content-sty-1 h1{ margin-bottom: 15px; } .c-boxes-1 .c__box h3, .c-boxes-1 .c__box h3 a{ font-size: 16px; line-height: 1em; } .c-content-sty-1 h2{ font-size: 18px; line-height: 1.2em; } .c-boxes-1 .c__box h3{ margin-bottom: 30px; } .c-content-sty-1 a.c-btn-1{ display: none; } .c-content-sty-1 .c-lis-2 a.c-btn-1{ display: inline-block; } .c-lis-2 .img{ top: 0; width: 100%; height: 150px; } .c-lis-2 .txt{ width: 100%; padding: 170px 20px 20px 20px; } .c-lis-2 .txt p{ font-size: 12px; line-height: 1.3em; } .c-boxes-1 .c__box{ padding: 10px; } .c-boxes-1 .c__icon { background-size: 65px auto; height: 90px; } .c-boxes-1 .c__box h3:after, .c-boxes-1 .c__box h3:before{ width: 100px; margin-left: -50px; bottom: -9px; } .c-boxes-1 .c__box:hover h3:before, .c-boxes-1 .c__box:active h3:before{ width: 120px; margin-left: -60px; } .c-boxes-1 .c__box h3:after{ bottom: -10px; height: 3px; width: 30px; margin-left: -15px; } .c-quality-brands .c-boxes-1{ margin-top: 80px; max-width: 220px; margin: 10px auto 0 auto; } .c-product-range{ margin-top: 10px; } .c-owl-carousel-1 .c__txt h1, .c-txt-sty-3 .c__txt h1{ font-size: 25px; line-height: 1.2em; } .c-owl-carousel-1 .c__txt p, .c-txt-sty-3 .c__txt p{ font-size: 15px; line-height: 1.3em; } .c-owl-carousel-1 .c__logo img{ width: 170px; } .c-awards-page-content .c-listing-sty-2 .c__txt{ width:100%; padding-right:0; } .c-awards-page-content .c-listing-sty-2 .c__img{ width:100%; text-align:center; } .c-awards-page-content .c-listing-sty-2 .c__img img{ width:30%; height:auto; margin-top:0; margin-bottom:35px; } .c-product-detail-page-content .c-owl-carousel-2__wrap .c__bot-border{ height:3px; } .c-product-detail-page-content .c-owl-carousel-2 .c__item{ padding-top:8px; padding-bottom: 0px; } .c-product-detail-page-content .c-owl-carousel-2 .c__img, .c-owl-carousel-2 .c__txt{ width:100%; } .c-mobile-header a{ display: block; opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; margin-top: 0; max-width: 90px; margin: 0 auto; } .c-mobile-header h1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 56px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-mobile-header.js-show a{ opacity: 0; margin-top: -57px; } .c-mobile-header.js-show h1{ margin: 26px 0 18px; max-width: 83%; margin-right: auto; margin-left: auto; max-width: calc(100% - 70px); } .c-listing-sty-2 li{ padding-bottom:0; } .c-main-content-area{ margin-top:20px; margin-bottom: 40px; } .c-product-category-page-content .c-listing-sty-1{ margin: 0; } .c-listing-sty-1.c-owl-carousel-6{ width: 60%; margin: 0 auto 40px; } .c-listing-sty-1.c-owl-carousel-6.owl-carousel .owl-stage-outer{ overflow: visible; } .c-product-category-page-content .c-listing-sty-1.c-owl-carousel-6 li{ padding:10px; width:100%; padding: 0 2px; -moz-transform: scale(0.75) translateZ(0); -webkit-transform: scale(0.75) translateZ(0); -o-transform: scale(0.75) translateZ(0); -ms-transform: scale(0.75) translateZ(0); transform: scale(0.75) translateZ(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .c-product-category-page-content .c-listing-sty-1.c-owl-carousel-6 .active li{ -moz-transform: scale(1) translateZ(0); -webkit-transform: scale(1) translateZ(0); -o-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } .c-owl-carousel-6 .owl-nav .owl-prev, .c-owl-carousel-6 .owl-nav .owl-next{ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; z-index: 10; } .c-owl-carousel-6 .owl-nav .owl-prev{ right: auto; left: -100%; } .fullContent{ display:none; } .c-product-detail-page-content .c-owl-carousel-2 .owl-nav .owl-next, .c-product-detail-page-content .c-owl-carousel-2 .owl-nav .owl-prev{ opacity: 0.8; z-index: 99; top: 0px; padding-top: 100%; margin-top: 0; height: auto; background-size: 40px auto; width: 40px; } .c-product-detail-page-content .c-owl-carousel-2 .c__item, .c-product-detail-page-content .c-owl-carousel-2__wrap .c__broder-wrap{ padding-left:0; padding-right:0; } .c-product-detail-page-content .c-owl-carousel-2 .c__txt{ position:static; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .c-product-category-page-content .c-content-sty-1 .c__img-fl-1, .c-product-category-page-content .c-content-sty-1 .c__img-fr-1{ margin-top:20px; display:inline-block; } .c-product-category-page-content .c-content-sty-1 .c__img-fr, .c-product-category-page-content .c-content-sty-1 .c__img-fl{ margin:0 !important; display: block; float: none; } .c-content-sty-1 img:first-child, .c-product-category-page-content .c-content-sty-1 .c__img-fr:first-child img, .c-product-category-page-content .c-content-sty-1 .c__img-fl:first-child img{ margin-top: 0; } } @media screen and (max-width: 767px) and (orientation: landscape){ .homepage-logo{ /*top:49%; */ } } @media screen and (max-width: 500px) { .c-popup .c__header h1{ font-size: 20px; line-height: 1.2em; } .c-popup .c__header p{ font-size: 13px; line-height: 1.2em; } .c-popup .c__header{ text-align: left; } .c-form-item .c__f-item, .c-form-item label{ text-align: left; width: 100%; float: none; } .c-form-item label{ margin-bottom: 5px; font-size: 15px; line-height: 1em; padding-top: 0; } input[type="text"], input[type="email"], textarea{ padding: 8px 8px 6px 8px; font-size: 15px; line-height: 1em; } .c-btn.c-btn-submit{ width: 100%; } .c-listing-sty-1.c-owl-carousel-6{ margin-bottom: 20px; } .c-timeline .c__list-img .is_current-item .c__img-item, .c-timeline .c__list-img li .c__img-item { float: none; margin: 0 auto 20px; } .c-timeline .c__list-img li.is_current-item .c__txt, .c-timeline .c__list-img li .c__txt{ padding-left: 0; text-align: center; } .c-txt-sty-1, .c-content-sty-1 h1{ margin-bottom: 15px; } /* .c-layout-sty-1 .c__box{ height: 500px; min-height: 400px; height: 100vh; height: calc(100vh - 106px); } */ .c-layout-sty-1 .c__box .c__txt-wrap{ position: absolute; width: 100%; top: 50%; bottom: auto; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-layout-sty-1 > .row > *{ padding: 0; } .c-layout-sty-1 .c__box{ padding: 0px;height: 300px; } .c-layout-sty-1 .c__txt-wrap{ max-width: 100%; padding: 20px 40px; } .c-owl-carousel-5 .owl-nav .owl-prev, .c-owl-carousel-5 .owl-nav .owl-next{ top: 50%; margin-top: -50px; width: 40px; height: 100px; -webkit-background-size: 16px 27px; background-size: 16px 27px; background-position: 19px center; } .c-owl-carousel-5 .owl-nav .owl-next{ background-position: 2px center; } .c-layout-sty-1 .c__txt-wrap h2{ margin-bottom: 8px; } .c-layout-sty-1 .c__txt-wrap h2{ min-height: 0; } .c-product-range{ margin-bottom: -30px; } .c-main-content-area{ margin-bottom: 30px; } } @media screen and (max-height: 400px) { .c-listing-sty-1 .c__txt h2 a, .c-listing-sty-1 .c__txt h2{ font-size: 13px; line-height: 1.2em; } } @media screen and (max-height: 390px) { .c-header-center-txt{ height: 100%; } } @media screen and (max-width: 340px) { /*.homepage-logo{ top:35%; }*/ } @media screen and (max-width: 340px) and (orientation: landscape){ /*.homepage-logo{ top:50%; }*/ } #CodeNumberTextBox, #XPhone_ar { font-family:Tahoma} /* CUSTOMER TESTIMONIALS / REFERRALS Starts*/ .carouselbox { position: relative; /* overflow: hidden; min-height: 300px;*/ } .carouselbox h3 {float:left} .carouselboxcontent { margin: 0; padding: 0;position: relative; top: 60px; } .carouselboxcontent li { font-size: 18px; line-height:1.3; font-style: italic; margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; z-index: 2; color: #525a6c; padding: 0 45px } .carouselboxcontent li:before, .carouselboxcontent li:after { content: ""; background: url('#') no-repeat; width: 29px; height: 24px; position: absolute; left: 0; top: 0; } .carouselboxcontent li:before { content: "“"; } .carouselboxcontent li:after { content: ""; left: auto; right: 0; transform: rotate(180deg); } .carouselboxcontent li strong { padding: 20px 0; display: block; color: #002857} .activeBoxElement { /* height: 130px;*/ } .carouselbox button { border: none; visibility: hidden; padding: 5px 10px; color: #fff; margin: 0 5px; -webkit-appearance: none; } .activeBoxElement button { visibility: visible; } .offscreen { position: absolute; left: -2000px; } .activeBoxElement .buttons { padding: 5px 0; /*background: #eee;*/ text-align: right; /* z-index: 10;*/ position: relative; } .activeBoxElement li { position: absolute; /*top: 130px;*/ opacity: 0; /*transform: scale(0); transition: 1s;*/ } .activeBoxElement li.current { top: 30px; opacity: 1; /*transform: scale(1); transition: 1s;*/ } .button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .button3 {background-color: #e70415; border-radius: 10px; } .header2 h2{ font-size: 24px; line-height: 1.2em; color: #042f61; font-size: 26px; line-height: 1.2em; margin: 0 0 35px 0; text-transform: uppercase; text-align: center; } .redHeading {color: #8f8f8f; font-size: 1.17em;} .blueHeader {color: blue;} .boldHeader {font-weight: bold;} /* CUSTOMER TESTIMONIALS / REFERRALS Ends */