/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 4.2.6 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /* HEADING FONT */ /*@font-face { font-family: 'DINProcregularh1'; src: url('fonts/DINProc-bold-webfont.eot'); src: url('fonts/DINProc-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DINProc-bold-webfont.woff2') format('woff2'), url('fonts/DINProc-bold-webfont.woff') format('woff'), url('fonts/DINProc-bold-webfont.ttf') format('truetype'), url('fonts/DINProc-bold-webfont.svg#DINProcregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINProcregular'; src: url('fonts/mgs/mgs45.eot'); src: url('fonts/mgs/mgs45.eot?#iefix') format('embedded-opentype'), url('fonts/mgs/mgs45.woff') format('woff'), url('fonts/mgs/mgs45.ttf') format('truetype'), url('fonts/mgs/mgs45.svg#mgs45') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'DINProMedium'; src: url('fonts/dinPRO/DINPro-Medium.eot'); src: url('fonts/dinPRO/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/dinPRO/DINPro-Medium.woff2') format('woff2'), url('fonts/dinPRO/DINPro-Medium.woff') format('woff'), url('fonts/dinPRO/DINPro-Medium.svg#DINPro-Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } /* utilities */ .width100 { width: 100% !important; } .width80 { width: 80%; margin: 0 auto; } .margin-right-2 { margin-right: 2rem !important; } .margin-top-1 { margin-top: 1rem !important; } .margin-top-2 { margin-top: 2rem !important; } .margin-top-3 { margin-top: 3rem !important; } .margin-top-4 { margin-top: 4rem !important; } .margin-top-5 { margin-top: 5rem !important; } .margin-top-6 { margin-top: 6rem !important; } .margin-top-7 { margin-top: 7rem !important; } .margin-top-8 { margin-top: 8rem !important; } .margin-top-9 { margin-top: 9rem !important; } .margin-top-10 { margin-top: 10rem !important; } .margin-top-11 { margin-top: 11rem !important; } .margin-top-12 { margin-top: 12rem !important; } .margin-top-13 { margin-top: 13rem !important; } .margin-top-14 { margin-top: 14rem !important; } .margin-top-15 { margin-top: 15rem !important; } .margin-top-16 { margin-top: 16rem !important; } .margin-top-17 { margin-top: 17rem !important; } .margin-top-18 { margin-top: 18rem !important; } .margin-top-19 { margin-top: 19rem !important; } .margin-top-20 { margin-top: 20rem !important; } .margin-bottom-1 { margin-bottom: 1rem !important; } .margin-bottom-2 { margin-bottom: 2rem !important; } .margin-bottom-3 { margin-bottom: 3rem !important; } .margin-bottom-4 { margin-bottom: 4rem !important; } .margin-bottom-5 { margin-bottom: 5rem !important; } .margin-bottom-6 { margin-bottom: 6rem !important; } .margin-bottom-7 { margin-bottom: 7rem !important; } .margin-bottom-8 { margin-bottom: 8rem !important; } .margin-bottom-9 { margin-bottom: 9rem !important; } .margin-bottom-10 { margin-bottom: 10rem !important; } .margin-bottom-11 { margin-bottom: 11rem !important; } .margin-bottom-12 { margin-bottom: 12rem !important; } .margin-bottom-13 { margin-bottom: 13rem !important; } .margin-bottom-14 { margin-bottom: 14rem !important; } .margin-bottom-15 { margin-bottom: 15rem !important; } .margin-bottom-16 { margin-bottom: 16rem !important; } .margin-bottom-17 { margin-bottom: 17rem !important; } .margin-bottom-18 { margin-bottom: 18rem !important; } .margin-bottom-19 { margin-bottom: 19rem !important; } .margin-bottom-20 { margin-bottom: 20rem !important; } /* Blocks */ .one-third-two-third-block .content { padding: 54px 0 74px 0 !important; } .one-third-two-third-block .content .avia-image-container{ height: 321px; } /* SPLOŠNO */ .banner-images-container .banner-images-top a { display: inline-block !important; overflow: visible !important; } .banner-images-container .banner-images-bottom a { overflow: visible !important; } /*Customer support forms*/ .w70proc p { width: 70% !important; margin-left: auto; margin-right: auto; } /*NOV MENI*/ .av-hamburger-box:before { content: "\E811"; font-family: 'entypo-fontello'; display: block; font-size: 30px; position: absolute; left: 12px; width: 30px; line-height: 50px; } .av-hamburger-box:after { content: 'MENU'; color: #1d1d1d; position: absolute; left: 40px; line-height: 50px; } .is-active .av-hamburger-box:before { content: ""; display: block; height: 16px; width: 16px; background-image: url(images/close-menu.png); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 11px; top: 11px; position: absolute; } .is-active .av-hamburger-box:after { content: ''; } .is-active .av-hamburger-box { background-color: transparent !important; border-radius: 100%; border: solid 1px #fff; height: 40px; width: 40px; } .is-active .av-hamburger-box:before { background-image: url(images/close-menu.png); background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-animation: in 1s; } .is-active .av-hamburger-box:hover:before { background-image: url(images/close-menu.png); background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-animation: out 1s; } @-webkit-keyframes in { from { -webkit-transform: rotate(180deg); } to { -webkit-transform: rotate(0deg); } } @-webkit-keyframes out { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); } } .html_av-overlay-side #top #wrap_all .av-burger-overlay li a { line-height: 1.3em; height: auto; padding: 3vh 0; display: block; text-align: left; text-decoration: none; transition: all .3s; } .html_av-overlay-side-classic #top .av-burger-overlay li a { color: #fff; border-bottom-style: solid; border-bottom-width: 1px; } .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a { color: #fff; border-color: #2e2e2e; text-transform: none; font-size: 100%; } .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a:hover { background: transparent; } #av-burger-menu-ul li > a:hover:after { color: #fff; } #av-burger-menu-ul li > a:after { content: "\E885"; font-family: entypo-fontello; position: absolute; right: 15px; color: #3d3d3d; font-size: 26px; transition: all .3s; } /*li.av-burger-menu-main.menu-item-avia-special > a*/ .av-hamburger-box { top: 22px; color: #1d1d1d; background-color: #fff; font-size: 16px; font-weight: lighter; text-transform: uppercase; height: 50px; width: 105px; border-radius: 0px; border-color: #d2d2d2; border-style: solid; border-width: 1px; padding-left: 20px; float: right; } .av-hamburger-box:hover, .av-hamburger-box:hover:before, .av-hamburger-box:hover:after { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; /*color:#ffffff; background: transparent;*/ } .av-hamburger-inner { display: none; } /*END NOV MENI */ /*OVERLAY*/ .html_av-overlay-side .av-burger-overlay-bg { opacity: 0.5; cursor: pointer; } .html_av-overlay-side #top .av-burger-overlay-scroll { display: block; max-width: 500px; min-height: inherit; height: 100%; right: 0; position: absolute; width: 100%; padding: 0 70px; background: rgba(22, 22, 22, .9); overflow: auto; padding-top: 12vh; z-index: 99; } .av-burger-overlay-inner, .av-burger-overlay-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; min-height: 700px; display: table; vertical-align: middle; text-align: center; } #av-burger-menu-ul { padding: 120px 70px 0 70px !important; } /*END OVERLAY*/ a:hover { text-decoration: none !important; } .header_color .header_bg { background: #fff; } #top.home .header_color .header_bg { background: transparent; } #header_main { border-bottom: none; border-top: none; } input { outline-color: #d58f3e; } #top a.avia-button.avia-color-dark { border: 1px solid #444444; font-weight: lighter; text-transform: uppercase; color: #444444; font-size: 16px; padding: 15px 40px 16px; border-radius: 1px; } #top a.avia-button.avia-color-light { font-weight: lighter; text-transform: uppercase; font-size: 16px; padding: 15px 40px 16px; border-radius: 1px; } #top .avia-button.avia-color-theme-color.avia-size-medium { font-weight: lighter; font-size: 16px; color: #ffffff; background-color: #d58f3e; border-color: #d58f3e; text-transform: uppercase; border-radius: 0px; padding: 15px 43px 16px; /*padding: 15px 25px 12px;*/ } .av-icon-on-hover .avia_button_icon { width: 1.5em; opacity: 1; } #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select { font-family: 'DINPro'; } #scroll-top-link { background-color: #F89828; } .ow-current { color: #d58f3e !important; } main.content ul { list-style: circle outside; } /* RESPONSIVE */ @media only screen and (min-width: 1025px) { /*only on desktop*/ .av-hamburger-box:hover, .av-hamburger-box:hover:before, .av-hamburger-box:hover:after { color: #ffffff; background: transparent; } } @media only screen and (min-width: 768px) { table { width: auto; margin: 0 auto; } } @media only screen and (max-width: 768px) { .avia-button.avia-position-right, .avia-button.avia-position-left { float: none; } .avia-button-left, .avia-button-right { float: none; display: table; margin: 0 auto; } } @media screen and (max-width: 576px) { .page-homepage #ow-home-products .btn-primary { margin-bottom: 1em; } } @media only screen and (max-width: 480px) { .main_color h1 { font-size: 50px; } .main_color h2 { font-size: 45px; } } /* END RESPONSIIVE */ .widgettitle { letter-spacing: 0px; } #top .main_color .avia-smallarrow-slider .avia-slideshow-dots a.active { background-color: #F89829; } .ow-container-1320 { max-width: 1320px; margin: 0 auto; position: relative; } #top #wrap_all .avia-gallery div.avia-gallery-thumb a { width: 23.5%; margin-left: 2%; text-decoration: none !important; } #top #wrap_all .avia-gallery div.avia-gallery-thumb a.first_thumb { margin-left: 0%; } /* GALLERY CAPTION */ #top #wrap_all .avia-gallery div.avia-gallery-thumb a span.ow-caption { color: #868686; font-size: 15px; font-style: italic; font-weight: lighter; line-height: 20px; display: block; position: relative; padding-top: 5px; clear: both; text-decoration: none !important; } #top #wrap_all .avia-gallery div.avia-gallery-thumb a:hover { text-decoration: none; } .ow-ajax-loader { display: block; width: 55px; height: 55px; background-image: url('images/ajax-loader.gif'); background-repeat: no-repeat; background-position: center center; margin: 0 auto; background-size: contain; margin-top: 70px; } .ow-alert { display: block; font-size: 14px; clear: left; position: absolute; top: -35px; margin: 0 !important; background: #fff; padding: 5px 10px; width: 80%; line-height: 30px !important; color: #868686; text-align: center; border: solid 1px #868686; cursor: pointer; } .ow-alert:after { content: "×"; height: 25px; width: 24px; padding-left: 1px; display: block; position: absolute; right: 0px; top: 0px; z-index: 9999; font-weight: 600; font-size: 25px; vertical-align: middle; text-align: center; line-height: 23px; transition: transform 0.7s; } .ow-alert:hover:after { transform: rotate(180deg); } #top form { margin-bottom: 0px; position: relative; float: left; width: 100%; } a.avia-post-nav { display: none !important; } span.special_amp { font-family: inherit !important; font-style: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; color: inherit !important; } .main_color tr:nth-child(odd), .main_color .pricing-table > li:nth-child(odd), .main_color .pricing-extra { background: inherit; } #ow-content-1320 .container { max-width: 1320px; } section .center { text-align: center; } /* END SPLOŠNO */ #top.home #header { background: #000000; } /* MENI */ #top.home strong.logo, #top.home strong.logo > a { overflow: visible; } #header_main strong.logo img { display: initial; vertical-align: middle; } #top.home #header_main strong.logo img { margin-bottom: -21px; } @media screen and (max-width: 990px) { #top.home #header_main strong.logo img { margin-bottom: 0px; } } .av-main-nav > li > a { padding: 0 20px; } .header_color .main_menu ul:first-child > li a { font-size: 16px; text-transform: uppercase; } .av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx { display: none !important; } li.current-menu-item > a, /*li.current-page-ancestor > a,*/ li > a:hover { color: #d58f3e !important; } /* HOMEPAGE MENU - responsive style */ #ow_home_shop_button { margin-right: 145px; top: 50%; margin-top: -23px; height: 50px; float: right; } #ow_home_configurator_button { margin-right: 15px; top: 50%; margin-top: -23px; height: 50px; float: right; padding-left: 40px !important; padding-right: 17px !important; } #ow_home_configurator_button > span.avia_button_icon { display: block; background: url(images/confi_icon.png) -29px 10px no-repeat; width: 30px; position: absolute; left: 10px; height: 35px; top: 5px; } #top.home #advanced_menu_toggle, #top.home #advanced_menu_hide { display: block !important; } #top.home #advanced_menu_hide { background-color: transparent !important; border-radius: 100%; border: solid 1px #fff; height: 40px; width: 40px; } #top.home #advanced_menu_hide:hover { transform: rotate(180deg); } #top.home #advanced_menu_hide:before { content: ""; display: block; height: 16px; width: 16px; background-image: url('images/close-menu.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 11px; top: 11px; position: absolute; } #top #advanced_menu_toggle { color: #1d1d1d; font-size: 16px; font-weight: lighter; text-transform: uppercase; height: 50px; width: 105px; border-radius: 0px; padding-left: 20px; float: right; } #top #advanced_menu_toggle:hover, #top #advanced_menu_toggle:hover:before { color: #ffffff; background: transparent; } #top #advanced_menu_toggle:before { content: "\E811"; font-family: 'entypo-fontello'; display: block; font-size: 30px; position: absolute; left: 7px; width: 30px; } /*#top #mobile-advanced { width:100%; padding: 0; background: rgba(0, 0, 0, 0.5); border:none !important; } #mobile-advanced li > a:hover, .html_header_mobile_behavior #mobile-advanced span:hover, .html_header_mobile_behavior #mobile-advanced span:hover a { background: transparent !important; color:#d58f3e; } #top #mobile-advanced > .ow-list-wrap { display: block; max-width: 500px; min-height: inherit; height:100%; right: 0; position: absolute; width: 100%; padding: 0 70px; background: rgba(22,22,22,0.9); overflow: auto; padding-top:12vh; } #mobile-advanced a, #mobile-advanced .mega_menu_title { padding: 3vh 0px; } #mobile-advanced li { list-style: none; } #mobile-advanced li > a { transition: all 0.3s; } #mobile-advanced li > a:after { content:"\E885"; font-family:'entypo-fontello'; position:absolute; right:15px; color:#3d3d3d; font-size: 26px; transition: all 0.3s; } #mobile-advanced li > a:hover:after { color:#fff; } #mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title { color:#ffffff; border-color: #2e2e2e; } #mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before { content:none !important; }*/ #av-burger-menu-ul .ow-social-icons { float: left; clear: both; position: relative; width: 100%; margin-bottom: 15px; margin-top: 5vh; } #av-burger-menu-ul .ow-social-icons > p { margin-top: 40px; color: #ffffff; text-align: left; } #av-burger-menu-ul .ow-social-icons > a { display: inline-block; float: left; border-bottom: 0; width: auto; padding: 0% 0; } #av-burger-menu-ul .ow-social-icons > a:hover { background-color: transparent !important; } #av-burger-menu-ul a.ow-twitter:before { content: "\E8f1"; width: 40px; height: 40px; text-align: center; margin-left: 0 !important; background-color: #28a9e0; } #av-burger-menu-ul a.ow-instagram:before { content: "\E909"; width: 40px; height: 40px; text-align: center; background-color: #2e5e86; } #av-burger-menu-ul a.ow-facebook:before { content: "\E8f3"; width: 40px; height: 40px; text-align: center; background-color: #3c5899; } #av-burger-menu-ul a.ow-youtube:before { content: "\E921"; width: 40px; height: 40px; text-align: center; background-color: #cf3427; } #av-burger-menu-ul .ow-social-icons > a:before { font-family: 'entypo-fontello'; color: #ffffff;; border-radius: 100%; line-height: 42px; float: left; display: block; font-size: 25px; transition: all 0.3s; margin: 0 5px; } #av-burger-menu-ul a.ow-twitter:hover:before { background-color: #28a9e0; } #av-burger-menu-ul a.ow-instagram:hover:before { background-color: #2e5e86; } #av-burger-menu-ul a.ow-facebook:hover:before { background-color: #3c5899; } #av-burger-menu-ul a.ow-youtube:hover:before { background-color: #cf3427; } /*#mobile-advanced { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } .show_mobile_menu #mobile-advanced { left:0 !important; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } #mobile-advanced div.ow-list-wrap { -webkit-transition: transform 0.5s !important; -ms-transition: transform 0.5s !important; transition: transform 0.5s !important; right:-500px !important; } .show_mobile_menu #mobile-advanced div.ow-list-wrap { right:-500px !important; -webkit-transform: translate(-500px, 0px) !important; -ms-transform: translate(-500px, 0px) !important; transform: translate(-500px, 0px) !important; } */ /* END HOMEPAGE MENU */ @media only screen and (max-height: 666px) { #top #mobile-advanced > .ow-list-wrap, #av-burger-menu-ul { padding: 5px 70px !important; padding-top: 50px !important; } #mobile-advanced a, #mobile-advanced .mega_menu_title { padding: 7px 0px; } #fullscreen_slider_1 h2.avia-caption-title { display: none !important; } } @media only screen and (max-width: 989px) { #mobile-advanced { /*display: none !important;*/ } } @media only screen and (max-width: 989px) { #mobile-advanced { /*display: none !important;*/ } } @media only screen and (max-width: 989px) { #wrap_all.show_mobile_menu #mobile-advanced { display: block !important; } } @media only screen and (max-width: 480px) { #top #mobile-advanced > .ow-list-wrap, #av-burger-menu-ul { padding: 5px 30px !important; padding-top: 50px !important; } } /* END MENI */ /* AFTER HEADER BANNER */ #ow-after-header { position: relative; height: 56px; background-color: #f3f3f3; border-top: solid 1px #e5e5e5; } #ow-after-header .container { height: 55px; display: table; } #ow-after-header .container .ow-inner-container { display: table-cell; /*vertical-align: middle; text-align: right;*/ } #ow-after-header li.pagenav { float: right; display: table; height: 56px; } #ow-after-header li.pagenav h6 { display: table-cell; vertical-align: middle; font-size: 14px; text-transform: uppercase; color: #282828; padding-right: 35px; } #ow-after-header li.pagenav > ul { display: table-cell; vertical-align: middle; } #ow-after-header li.pagenav li.page_item { display: inline-block; } #ow-after-header li.pagenav li.page_item > a { font-size: 14px; color: #717171; padding: 0 15px; } #ow-after-header li.pagenav li.page_item.current_page_item > a, #ow-after-header li.pagenav li.current_page_ancestor.current_page_parent > a { color: #d58f3e; } #ow-after-header a.avia-button.avia-size-medium { font-size: 13px !important; width: 80px; height: 30px; padding: 0 !important; line-height: 30px; text-transform: none !important; margin-top: 12px; margin-left: 15px; float: right; } #ow-login-wrap { float: right; } #top.home #ow-login-wrap { margin-top: 21px; height: 50px; } #top.home #ow-login-wrap > a.avia-button { border: none !important; } #top.home #ow-login-wrap > a.avia-button.ow-active { color: #d58f3e; } #ow-login-form { display: none; position: absolute; z-index: 99; background: #f3f3f3; padding: 0px 20px; padding-top: 20px; top: 50px; border: solid 1px #d1d1d1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } #top #ow-login-form input { font-size: 14px !important; font-family: 'Open Sans' !important; font-weight: lighter !important; width: 220px; } #ow-login-form input[type="submit"] { width: 100%; background-color: #d58f3e; color: #fff; text-transform: uppercase !important; margin-bottom: 20px; } #top.home #ow-login-form #ow-login > input[type="submit"] { /* background:#d58f3e !important; border-color: #d58f3e !important; */ } #top.home #ow-login-form { border: none; background: rgba(22, 22, 22, 0.9); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; } #top.home #ow-login-form .ow-close-popup { position: absolute; right: -20px; top: -20px; height: 40px; width: 40px; display: block; transition: all 0.3s; border-radius: 100%; border: solid 1px #fff; cursor: pointer; } #top.home #ow-login-form .ow-close-popup:before { content: ""; display: block; height: 16px; width: 16px; background-image: url('images/close-menu.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 11px; top: 11px; position: absolute; } #top.home #ow-login-form .ow-close-popup:hover { transform: rotate(180deg); } #top.home #ow-login-form form { width: 420px; left: calc(50% - 210px); top: 30%; background-color: #222; padding: 30px; padding-top: 45px; } #top.home #ow-login-form input[type="submit"], #top.home #ow-login-form input[type="email"], #top.home #ow-login-form input[type="password"] { background: transparent; border: solid 1px #3A3A3A; color: #fff !important; font-weight: lighter; float: none !important; margin-left: auto; margin-right: auto; display: block; width: 280px; } #top.home #ow-login-form input[type="submit"] { background-color: #d58f3e !important; border: solid 1px #d58f3e; } #top.home #ow-logged-in { display: none; /*position: absolute;*/ position: relative; left: 0px; /*top: 32px;*/ top: -71px; } #top.home #ow-logged-in.ow-visible { display: block; } #top.home #ow-login-form ::-webkit-input-placeholder { color: #fff !important; font-weight: lighter; } #top.home #ow-login-form :-moz-placeholder { /* Firefox 18- */ color: #fff !important; font-weight: lighter; } #top.home #ow-login-form ::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; font-weight: lighter; } #top.home #ow-login-form :-ms-input-placeholder { color: #fff !important; font-weight: lighter; } /* RESPONSIVE */ @media only screen and (max-width: 989px) { #ow-after-header li.pagenav { display: block; float: left; padding-top: 8px; } #ow-after-header li.pagenav h6 { display: block; } #ow-after-header li.pagenav > ul { display: block; margin-left: 0px; margin-bottom: 0px; } #ow-after-header li.pagenav li.page_item:first-child > a { padding-left: 0px; } #top.home #ow-logged-in.ow-visible { position: relative; left: 20px !important; top: 0; } } @media only screen and (min-width: 769px) { #ow-after-header li.pagenav > ul { display: table-cell !important; vertical-align: middle; } } @media only screen and (max-width: 768px) { #ow-after-header .pagenav > h6:before { content: "\E811"; font-family: 'entypo-fontello'; display: block; font-size: 20px; position: absolute; left: 7px; width: 20px; } #ow-after-header .pagenav > h6 { padding-left: 26px; line-height: 20px; margin-top: 10px; cursor: pointer; padding-right: 0px !important; } #ow-after-header li.pagenav > ul { display: none; position: absolute; background-color: #f3f3f3; border: solid 1px #e5e5e5; padding: 10px 25px; z-index: 9999; } #ow-after-header li.pagenav li.page_item { display: list-item; } #ow-after-header li.pagenav li.page_item > a { padding: 0; } } /* END RESPONSIVE */ /* LOGIN */ #ow-login .ow-error { font-size: 14px; color: #FF3C00;; } #ow-login .ow-success { font-size: 14px; color: #539951;; } #ow-login-wrap .ow-logged-user { text-transform: none !important; cursor: pointer; } #ow-login-wrap .ow-logged-options { color: #fff; border-color: #fff; font-weight: lighter; display: inline-block; padding: 0 15px; margin-bottom: 20px; font-size: 15px; transition: all 0.3s; cursor: pointer; } #ow-login-wrap a.ow-logged-options:hover { color: #d58f3e !important; } #ow-login-wrap.ow-default-login .avia-button.avia-color-light, #ow-login-wrap.ow-default-login .ow-logged-options { color: #444444 !important; border-color: #444444 !important; } #ow-login-wrap .ow-logged-options:first-child { border-right: solid 1px #ddd !important; } @media only screen and (max-width: 989px) { #ow-login-wrap .ow-logged-options:first-child { border-right: none !important; } #ow-login-wrap .ow-logged-options { margin-bottom: 0px; display: block; position: relative; float: left; clear: left; } } /* END LOGIN */ /* END AFTER HEADER BANNER */ /* TOP BANNERS */ .av-special-heading-h1 .special-heading-border, .av-special-heading-h2 .special-heading-border, .av-special-heading-h3 .special-heading-border { display: none !important; } .responsive #ow-head-banner .container { /*max-width: 900px;*/ max-width: 1150px; } #ow-head-banner.avia-section.av-minimum-height .container .content { vertical-align: top; } #ow-head-banner h1.av-special-heading-tag { color: #fff !important; text-transform: none; font-size: 60px; text-align: center; float: none; } #ow-head-banner.main_color h3 { color: #fff !important; text-transform: none; text-align: center; float: none; } #ow-head-banner.main_color p, #ow-head-banner.main_color p > strong { color: #fff; font-size: 22px; text-align: center; } #ow-kits-banner { margin-top: -180px; background: transparent; } /* REDESING MAIN KITS BANNERJA */ #ow-main-kits-banner { margin-top: -180px; background: transparent; } #ow-main-kits-banner > .container { max-width: 1370px; } #ow-main-kits-banner.main_color h3, #ow-main-kits-banner.main_color p, #ow-main-kits-banner.main_color strong, #ow-main-kits-banner.main_color ul > li { color: #fff; } #ow-main-kits-banner.main_color .avia-button.avia-size-medium { min-width: 275px; } #ow-main-kits-banner div.entry-content-wrapper { display: table; } #ow-main-kits-banner div.flex_column.av_one_third { display: table-cell; margin-left: 0%; width: 33.33%; /* float:none; */ padding-top: 40px; padding-left: 40px; padding-right: 40px; } #ow-main-kits-banner div.flex_column.av_one_third section.av_textblock_section { /* min-height: 180px; */ min-height: 245px; } #ow-main-kits-banner div.flex_column.av_one_third div.av-special-heading { margin-top: 0; } #ow-main-kits-banner div.flex_column.av_one_third div.av-special-heading h4.av-special-heading-tag { font-size: 25px; color: #252525; text-align: center; float: none; } #ow-main-kits-banner div.flex_column.av_one_third div.av-special-heading div.special-heading-border { display: none !important; } #ow-main-kits-banner div.flex_column.av_one_third:before { content: ""; display: block; position: absolute; width: 98%; height: 67%; top: 0; left: 1%;; z-index: -1; visibility: visible; } #ow-main-kits-banner div.flex_column.av_one_third:nth-child(1):before { background-color: #83a143; } #ow-main-kits-banner div.flex_column.av_one_third:nth-child(2):before { background-color: #bb6b1a; } #ow-main-kits-banner div.flex_column.av_one_third:nth-child(3):before { background-color: #ad0513; } /* RESPONSIVE */ @media only screen and (max-width: 1350px) and (min-width: 1280px) { #ow-main-kits-banner div.flex_column.av_one_third section.av_textblock_section { min-height: 320px; } } @media only screen and (max-width: 1279px) { #ow-main-kits-banner div.flex_column.av_one_third section.av_textblock_section { /* min-height: 280px; */ min-height: 430px; } #ow-main-kits-banner div.flex_column.av_one_third:before { height: 75%; } } @media only screen and (max-width: 989px) { #ow-main-kits-banner div.flex_column.av_one_third { width: 100%; margin-top: 50px !important; } #ow-main-kits-banner div.flex_column.av_one_third section.av_textblock_section { min-height: auto; } #ow-main-kits-banner.main_color p { text-align: center; } #ow-main-kits-banner.main_color ul { margin: 0 auto; display: block; float: none; position: relative; width: 340px; } } @media only screen and (max-width: 480px) { #ow-main-kits-banner.main_color ul { width: 100%; } } /* END RESPONSIVE */ /* Main kits banner with 1/4 or with 1/3 */ #ow-main-kits-banner-fourths { margin-top: -180px; background: transparent; } #ow-main-kits-banner-fourths > .container { /*max-width:1370px;*/ } #ow-main-kits-banner-fourths.main_color h3, #ow-main-kits-banner-fourths.main_color p, #ow-main-kits-banner-fourths.main_color strong, #ow-main-kits-banner-fourths.main_color ul > li { color: #fff; } #ow-main-kits-banner-fourths.main_color .avia-button.avia-size-medium { min-width: 275px; } #ow-main-kits-banner-fourths div.entry-content-wrapper { display: table; } #ow-main-kits-banner-fourths.kits-banner-to-thirds div.entry-content-wrapper { display: block; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth { display: table-cell; margin-left: 0%; width: 25%; /* float:none; */ padding-top: 40px; padding-left: 40px; padding-right: 40px; } #ow-main-kits-banner-fourths div.flex_column.av_one_third { display: table-cell; margin-left: 0%; width: 33%; /* float:none; */ padding-top: 40px; padding-left: 40px; padding-right: 40px; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth section.av_textblock_section { /* min-height: 180px; */ min-height: 245px; } #ow-main-kits-banner-fourths div.flex_column.av_one_third section.av_textblock_section { min-height: 235px; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth div.av-special-heading, #ow-main-kits-banner-fourths div.flex_column.av_one_third div.av-special-heading { margin-top: 0; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth div.av-special-heading h4.av-special-heading-tag, #ow-main-kits-banner-fourths div.flex_column.av_one_third div.av-special-heading h4.av-special-heading-tag { font-size: 25px; color: #252525; text-align: center; float: none; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth div.av-special-heading div.special-heading-border, #ow-main-kits-banner-fourths div.flex_column.av_one_third div.av-special-heading div.special-heading-border { display: none !important; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth:before, #ow-main-kits-banner-fourths div.flex_column.av_one_third:before { content: ""; display: block; position: absolute; width: 98%; height: 67%; top: 0; left: 1%;; z-index: -1; visibility: visible; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth:nth-child(1):before, #ow-main-kits-banner-fourths div.flex_column.av_one_third:nth-child(1):before { background-color: #00a0dd; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth:nth-child(2):before { background-color: #83a143; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth:nth-child(3):before, #ow-main-kits-banner-fourths div.flex_column.av_one_third:nth-child(2):before { background-color: #bb6b1a; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth:nth-child(4):before, #ow-main-kits-banner-fourths div.flex_column.av_one_third:nth-child(3):before { background-color: #ad0513; } /* 1/4 RESPONSIIVE */ @media only screen and (min-width: 1370px) and (max-width: 1720px) { #ow-main-kits-banner-fourths div.flex_column.av_one_fourth section.av_textblock_section { min-height: 400px; } } @media only screen and (min-width: 1280px) and (max-width: 1370px) { #ow-main-kits-banner-fourths div.flex_column.av_one_fourth, #ow-main-kits-banner-fourths div.flex_column.av_one_third { padding-top: 20px; padding-left: 10px; padding-right: 10px; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth section.av_textblock_section { min-height: 345px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { #ow-main-kits-banner-fourths div.flex_column.av_one_fourth, #ow-main-kits-banner-fourths div.flex_column.av_one_third { width: 50%; margin-bottom: 50px; } #ow-main-kits-banner-fourths div.flex_column.av_one_fourth section.av_textblock_section { min-height: 370px; } } @media only screen and (min-width: 990px) and (max-width: 1279px) { #ow-main-kits-banner-fourths div.flex_column.av_one_third section.av_textblock_section { min-height: 190px; } } @media only screen and (min-width: 920px) and (max-width: 989px) { #ow-main-kits-banner-fourths div.flex_column.av_one_third section.av_textblock_section { min-height: 280px; } } @media only screen and (min-width: 768px) and (max-width: 919px) { #ow-main-kits-banner-fourths div.flex_column.av_one_third section.av_textblock_section { min-height: 370px; } } @media only screen and (max-width: 1279px) { #ow-main-kits-banner-fourths.main_color ul { margin: 0 auto; display: block; float: none; position: relative; max-width: 340px; } } @media only screen and (max-width: 989px) { #ow-main-kits-banner-fourths { margin-top: 0px; } } /* REDESING MAIN KITS BANNERJA */ /* END TOP BANNERS */ /* HOMEPAGE */ #top.home #main { padding-top: 0px; margin-top: -88px; } .slideshow_caption { width: 51%; } div .slideshow_caption h2 { text-transform: none; } #top .avia-button.avia-color-light { border: 1px solid #fff; font-size: 16px; font-weight: lighter; } #top .avia-slideshow-button.avia-color-light { padding: 12px 40px; } #top.home .avia-slideshow .slideshow_align_caption a.avia-slideshow-button-2 { margin-left: 50px; } #top.home .avia-slideshow .slideshow_align_caption a.avia-slideshow-button-2:before { content: "OR"; position: absolute; left: -40px; pointer-events: none; font-size: 15px; font-weight: bold; } /* SPECIAL OFFER */ #ow-home-codeblock .flex_cell { padding: 0; } #ow-home-blue-bg .av-image-caption-overlay { position: absolute; height: 30%; width: 100%; z-index: 0; top: 50%; left: -100%; } #ow-home-blue-bg .av-image-caption-overlay .av-caption-image-overlay-bg { display: none !important; } #ow-home-blue-bg .av-image-caption-overlay .av-image-caption-overlay-center p { font-size: 40px; font-weight: 600; } #ow-home-blue-bg .av_three_fifth.first { width: 65%; } #ow-home-blue-bg .av_two_fifth { width: 34%; margin-left: 1%; } #ow-home-blue-bg .av_three_fifth.first h2, #ow-home-blue-bg .av_three_fifth.first p { color: #fff; float: left; } #ow-home-blue-bg .av_three_fifth.first p { font-size: 30px; } #ow-home-blue-bg .av_three_fifth.first h2 { text-transform: none; } #ow-home-blue-bg .av_three_fifth.first h3 { color: #23688c; float: left; margin-right: 20px; } #ow-home-blue-bg .av_three_fifth.first .avia_textblock { display: flex; } #ow-home-blue-bg .av_three_fifth.first > section { padding-top: 50px; } /* END SPECIAL OFFER */ /* OW HOME PRODUCTS */ #ow-home-products .flex_column.av_one_third, #ow-home-products .flex_column.av_two_fifth, #ow-home-products .flex_column.av_one_fourth, #ow-home-products-odd .flex_column.av_one_third, #ow-home-products-odd .flex_column.av_two_fifth, #ow-home-products-odd .flex_column.av_one_fourth { margin-left: 2%; } #ow-home-products .flex_column.first, #ow-home-products-odd .flex_column.first { margin-left: 0%; } #ow-home-products .flex_column.av_one_fourth, #ow-home-products-odd .flex_column.av_one_fourth { width: 17%; } #ow-home-products .flex_column.av_two_fifth, #ow-home-products-odd .flex_column.av_two_fifth { width: 50%; } #ow-home-products .flex_column.av_one_third, #ow-home-products-odd .flex_column.av_one_third { width: 29%; } #ow-home-products.main_color h2, #ow-home-products-odd.main_color h2 { text-transform: none; } #ow-home-products.main_color h3, #ow-home-products-odd.main_color h3 { text-transform: none; } #ow-home-products .av_one_fourth .avia-button-wrap, #ow-home-products-odd .av_one_fourth .avia-button-wrap { clear: both; } #ow-home-products .avia-button.avia-color-custom.avia-size-medium, #ow-home-products-odd .avia-button.avia-color-custom.avia-size-medium { color: #282828; font-size: 18px; text-decoration: underline; background: transparent; border: none; } #ow-home-products .flex_column.av_one_fourth div.avia-button-wrap:first-child a.avia-button, #ow-home-products-odd .flex_column.av_one_fourth div.avia-button-wrap:first-child a.avia-button { margin-top: 50%; } #ow-home-products .flex_column.av_one_fourth section.av_textblock_section:first-child div.avia_textblock, #ow-home-products-odd .flex_column.av_one_fourth section.av_textblock_section:first-child div.avia_textblock { margin-bottom: 40%; } #ow-home-products .flex_column.av_one_fourth section.av_textblock_section:first-child div.avia_textblock a, #ow-home-products-odd .flex_column.av_one_fourth section.av_textblock_section:first-child div.avia_textblock a { color: #000000; font-size: 18px; font-weight: normal; } #ow-home-products.main_color .av_one_fourth .av_textblock_section, #ow-home-products-odd.main_color .av_one_fourth .av_textblock_section { display: block; float: none; clear: both; margin: 0 auto; width: 50%; } #ow-home-products.main_color .av_one_fourth .av_textblock_section:first-child, #ow-home-products-odd.main_color .av_one_fourth .av_textblock_section:first-child { width: 100%; } #ow-home-products.main_color .av_one_fourth .avia_textblock p, #ow-home-products-odd.main_color .av_one_fourth .avia_textblock p { margin: 0 !important; } #ow-home-products.main_color .av_one_fourth .avia_textblock p > strong, #ow-home-products-odd.main_color .av_one_fourth .avia_textblock p > strong { color: #282828 !important; font-size: 15px !important; } #ow-home-products .av_one_fifth h3, #ow-home-products-odd .av_one_fifth h3, #ow-reviews-banner .av_one_fifth h3 { margin-top: 40px; } #ow-home-products .avia-logo-element-container a.slide-image, #ow-home-products-odd .avia-logo-element-container a.slide-image, #ow-reviews-banner .avia-logo-element-container a.slide-image { background: transparent; } #ow-home-products .avia-logo-element-container a.slide-image img, #ow-home-products-odd .avia-logo-element-container a.slide-image img, #ow-reviews-banner .avia-logo-element-container a.slide-image img { -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); transition: 1s filter linear; -webkit-transition: 1s -webkit-filter linear; max-height: 70px; } #ow-home-products .avia-logo-element-container a.slide-image:hover img, #ow-home-products-odd .avia-logo-element-container a.slide-image:hover img, #ow-reviews-banner .avia-logo-element-container a.slide-image:hover img { -webkit-filter: none; filter: none; } /* OW END HOME PRODUCTS */ /* RESPONSIVE */ #fullscreen_slider_1 .avia-slideshow-dots a { background: #888; } #fullscreen_slider_1 .avia-slideshow-dots a.active { background: #fff !important; } #fullscreen_slider_1 { background-color: #000; } #fullscreen_slider_1 .slideshow_caption { min-width: 800px; } @media only screen and (max-width: 1500px) and (min-width: 1150px) { #ow-home-blue-bg .av_three_fifth.first > section { padding-top: 5px; } #ow-home-blue-bg .av-image-caption-overlay { left: -50%; z-index: 10; height: 37%; } #ow-home-blue-bg .av-image-caption-overlay .av-image-caption-overlay-center p { font-size: 32px; } } @media only screen and (max-width: 1400px) and (min-width: 989px) { #ow-home-products .av_four_fifth .avia-content-slider .slide-entry-wrap, #ow-home-products-odd .av_four_fifth .avia-content-slider .slide-entry-wrap { width: 81%; float: right; } } @media only screen and (max-width: 1150px) and (min-width: 768px) { .av-main-nav > li > a { padding: 0 9px; } #top.home #ow-home-postslider .ow-newsletter span.ow-newsletter-icon { display: none; } #ow-home-postslider .ow-newsletter p { margin-left: 0; } #top.home #ow-home-postslider .ow-newsletter input[type='text'].ow-ime { margin-left: 0; width: 30%; } #top.home #ow-home-postslider .ow-newsletter input[type='email'].ow-email { /* width: 45%; */ width: calc(66% - 105px); } /* #top.home #ow-home-postslider .ow-newsletter input[type='submit'].ow-submit { width: 21%; } */ #ow-home-blue-bg .avia-image-container.avia-align-left { float: right; margin-top: -100px; margin-right: 0; } #ow-home-blue-bg .av_two_fifth { width: 50%; float: right; } #ow-home-blue-bg .av_three_fifth.first { width: 100%; } #ow-home-blue-bg .av_three_fifth.first .avia_textblock { display: block; } #ow-home-blue-bg .av_three_fifth section .avia-button-wrap.avia-button-left { display: block; clear: left; } #ow-home-blue-bg .av-image-caption-overlay { height: 40%; } #ow-home-products .flex_column.av_one_third, #ow-home-products-odd .flex_column.av_one_third { width: 100%; margin-left: 0; } #ow-home-products .flex_column.av_two_fifth, #ow-home-products .flex_column.av_one_fourth, #ow-home-products-odd .flex_column.av_two_fifth, #ow-home-products-odd .flex_column.av_one_fourth { width: 46%; margin: 0 2%; } #ow-home-products a.avia-button.avia-color-dark, #ow-home-products .av_one_fourth .avia-button-wrap, #ow-home-products-odd a.avia-button.avia-color-dark, #ow-home-products-odd .av_one_fourth .avia-button-wrap { margin-top: 0px; clear: both; display: block; } #ow-home-products .flex_column.av_one_fourth section.av_textblock_section:first-child div.avia_textblock, #ow-home-products-odd .flex_column.av_one_fourth section.av_textblock_section:first-child div.avia_textblock { margin-bottom: 20px; } #ow-home-products .flex_column.av_one_fourth div.avia-button-wrap:first-child a.avia-button, #ow-home-products-odd .flex_column.av_one_fourth div.avia-button-wrap:first-child a.avia-button { margin-top: 20px; } } @media only screen and (max-width: 989px) { #advanced_menu_toggle { right: 0px; } /*.main_menu, #header_main_alternate{display:none;}*/ /*#top .main_menu .avia-menu, #top #header_main_alternate, #top .fallback_menu { display:none; }*/ .container #advanced_menu_toggle, #advanced_menu_hide { display: block; } #mobile-advanced { display: block } .responsive #top { overflow-x: hidden; } .responsive .boxed#top, .responsive #top.boxed .stretch_full, .responsive.html_boxed.html_header_sticky #header { width: 100%; } .responsive #top #wrap_all .container { width: 85%; max-width: 85%; margin: 0 auto; padding-left: 0; padding-right: 0px; float: none; } #ow-home-products div.av_four_fifth, #ow-home-products-odd div.av_four_fifth { width: 100% !important; clear: both; margin-left: 0 !important; } #ow-home-products .av_four_fifth .avia-content-slider .slide-entry-wrap, #ow-home-products-odd .av_four_fifth .avia-content-slider .slide-entry-wrap { width: 100%; float: left; } #ow-home-postslider .entry-content-wrapper > .flex_column.av_one_half.first { display: none !important; } #ow-home-postslider .entry-content-wrapper > .flex_column.av_one_half { width: 100%; margin-left: 0%; } #fullscreen_slider_1 .slideshow_caption { min-width: 100%; } #ow-home-products .flex_column.av_one_fourth section.av_textblock_section:first-child div.avia_textblock, #ow-home-products-odd .flex_column.av_one_fourth section.av_textblock_section:first-child div.avia_textblock { margin-bottom: 20px; } #ow-home-products .flex_column.av_one_fourth div.avia-button-wrap:first-child a.avia-button, #ow-home-products-odd .flex_column.av_one_fourth div.avia-button-wrap:first-child a.avia-button { margin-top: 20px; } #ow-home-postslider .ow-newsletter p { margin-left: 70px; } #top.home #ow-home-postslider .ow-newsletter input[type='email'].ow-email { width: calc(58% - 105px); } #ow_home_configurator_button { position: absolute; top: 100%; margin-top: 0; right: 0; margin-right: 0; } } @media only screen and (max-width: 768px) { #fullscreen_slider_1 .slideshow_caption { min-width: auto; width: 100%; } #top.home #mobile-advanced { width: 100%; } #top.home .ow-newsletter.av_one_half { margin-left: 0px; width: 100%; margin-bottom: 0px; bottom: 20px; } .responsive #top #wrap_all #ow-home-codeblock.av-flex-cells .no_margin { padding-left: 0px !important; padding-right: 0px !important; } .responsive #top #wrap_all #ow-home-codeblock .container { width: 100%; max-width: 100%; } #ow-home-blue-bg .av-image-caption-overlay { left: 0px; z-index: 10; } .responsive #top #wrap_all #ow-home-blue-bg .flex_column { margin-bottom: 0; } .responsive #top #wrap_all #ow-home-blue-bg .flex_column.av_three_fifth { width: 85%; max-width: 85%; float: none; margin: 0 auto; } #ow-home-blue-bg .av_three_fifth.first .avia_textblock { display: block; } #ow-home-blue-bg .av_three_fifth.first h2, #ow-home-blue-bg .av_three_fifth.first p { display: block; clear: left; width: 100%; } #ow-home-blue-bg .avia-image-container.avia-align-left { margin-right: 0; width: 100%; } #ow-home-products a.avia-button.avia-color-dark, #ow-home-products-odd a.avia-button.avia-color-dark { margin-top: 0px; } #ow-home-products .avia-button-wrap, #ow-home-products-odd .avia-button-wrap { width: 100%; display: block; } #ow-home-products .avia-button-wrap .avia-button, #ow-home-products-odd .avia-button-wrap .avia-button { float: none; margin: 0 auto; } #ow-home-products.main_color .av_one_fourth .avia_textblock p, #ow-home-products-odd.main_color .av_one_fourth .avia_textblock p { text-align: center !important; } .responsive #top .slideshow_caption h2 { font-size: 40px !important; text-align: center; } #top.home .avia-slideshow .slideshow_align_caption a.avia-slideshow-button-2:before { width: 100%; top: -32px; text-align: center; left: 0 !important; } #fullscreen_slider_1 .slideshow_align_caption { text-align: center; } #top.home .avia-slideshow .slideshow_align_caption a.avia-slideshow-button-2 { margin-right: 50px; margin-top: 40px; } #top.home #ow-home-postslider .ow-newsletter input[type='submit'].ow-submit { width: 100%; } #ow-home-postslider .ow-newsletter p { margin-left: 0; } .ow-news-slider .slide-entry-wrap .slide-entry .av_one_half.first { display: flex; align-items: center; } } @media only screen and (max-width: 767px) { #ow_home_shop_button { margin-top: -66px; float: right; } #top.home #ow-login-wrap { position: absolute; left: 0; margin-top: -5px; } #ow_home_configurator_button { display: none !important; } #top.home #ow-login-form form { top: 10%; } } @media only screen and (max-width: 600px) { /* #top.home #ow-login-form { background: #666; top:0px; left:100px; } */ #fullscreen_slider_1 .slideshow_caption a.avia-slideshow-button.ow-hide { display: none !important; } /* #top #ow-login-form input { font-size: 11px !important; width: 150px; margin-bottom: 6px !important; } #top #ow-login-form { padding-bottom: 20px; } */ } @media only screen and (max-width: 560px) { #ow_home_shop_button { position: absolute; right: 0; top: 80px; margin-top: 0; margin-right: 0; } #ow_home_configurator_button { top: 158%; } } @media only screen and (max-width: 480px) { .responsive #top .slideshow_caption h2 { font-size: 30px !important; text-align: center; } #fullscreen_slider_1 h2.avia-caption-title { display: none !important; } /* #top.home #ow-login-form { background: #666; } */ #ow-home-postslider div.avia-button-wrap.avia-button-right, #ow-home-postslider a.avia-button { float: none; clear: both; } #top.home #ow-login-form form { width: 100%; left: 0; } #top.home #ow-login-form input[type="submit"], #top.home #ow-login-form input[type="email"], #top.home #ow-login-form input[type="password"] { width: 200px; } #top.home #ow-login-form forma { padding: 0px; padding-top: 25px; } } /* END RESPONSIVE */ /* END HOMEPAGE */ /* NEWS */ /* SINGLE NEWS */ #ow-single-news .ow-news-header, #ow-single-blog .ow-news-header { text-align: center; margin-bottom: 20px; } .main_color #ow-single-news h5, .main_color #ow-single-blog h5 { font-family: 'DINPro', 'Open Sans'; color: #252525; font-size: 25px; font-weight: 400; margin-top: 35px; } #ow-news-bottom-banner { background-color: #232323; padding: 113px 0; /*background-image: url('images/orange-section-bg.png'); background-repeat: repeat-x; background-position: top left;*/ } #ow-news-bottom-banner.main_color h3.widgettitle { color: #ffffff; font-size: 40px; text-align: center; font-weight: normal; } #ow-news-bottom-banner.main_color p { color: #ffffff; text-align: center; font-size: 18px; } #ow-news-button-banner { background-color: #f5f5f5; } #ow-news-button-banner .flex_column.av_one_full { text-align: center; float: none; } #ow-news-button-banner .ow-buttons-wrap { position: relative; float: none; display: inline-block; } #ow-news-button-banner .ow-buttons-wrap > p { float: left; margin: 0 30px; font-weight: bold; font-size: 15px; color: #282828; text-transform: uppercase; line-height: 52px; } #ow-single-news p a { display: inline !important; } #ow-single-news p a.aligncenter { display: block !important; } /* END SINGLE NEWS */ /* NEWS ARCHIVE */ /* NEWS FILTERS */ #ow-news-filter-wrap { display: block; width: 835px; float: right; height: 55px; position: relative; } #ow-news-filter-wrap > h6 { display: inline-block; float: left; text-transform: uppercase; margin-top: 20px; width: 10%; } #ow-news-filter-wrap > .ow-filters { display: table; height: 56px; width: 90%; } #ow-news-filter-wrap > .ow-filters > div.ow-filter { display: table-cell; vertical-align: middle; } #ow-news-filter-wrap #month-range { width: 20%; position: relative; } #ow-news-filter-wrap #month-range a.ow-dropdown:after, #ow-news-filter-wrap #by-component a.ow-dropdown:after { content: "\E873"; font-family: "entypo-fontello"; margin-left: 10px; font-size: 15px; } #ow-news-filter-wrap #month-range tr th, #ow-news-filter-wrap #month-range tr td { border: none !important; } #ow-news-filter-wrap #month-range .ui-datepicker { width: 15em; } #top #ow-news-filter-wrap #month-range .ui-datepicker-title select { width: 94px; } #ow-news-filter-wrap #month-range .ui-state-default, #ow-news-filter-wrap #month-range .ui-widget-content .ui-state-default, #ow-news-filter-wrap #month-range .ui-widget-header .ui-state-default { color: #d58f3e; } #ow-news-filter-wrap #month-range .avia-datepicker-div.ui-datepicker td span, #ow-news-filter-wrap #month-range .ui-datepicker td a { padding: 0; } #ow-news-filter-wrap #by-component { width: 20%; position: relative; } #ow-news-filter-wrap #search-news-wrap { width: 50%; } #ow-news-filter-wrap > .ow-filters > div.ow-filter input { margin-bottom: 0 !important; font-size: 14px; color: #454545; } #ow-news-filter-wrap div.ow-filter a.ow-dropdown { font-size: 14px; color: #454545; cursor: pointer; } #by-component > ul { display: none; position: absolute; background: #f5f5f5; width: 100%; margin-left: -5px; padding: 5px 7px; border: solid 1px #ddd; border-top-color: #d58f3e; margin-bottom: 0px; z-index: 9999; } #by-component > ul > li a { font-size: 14px; color: #454545; cursor: pointer; z-index: 9999; display: block; } #ow-month-from, #ow-month-to { display: none; position: absolute; z-index: 999; } #top #search-news-wrap #searchform > div { max-width: 100%; } #top #search-news-wrap #s { padding: 8px 47px 8px 5px; } #top #search-news-wrap #searchsubmit, .ajax_load { width: 33px; height: 33px; line-height: 32px; background: transparent; } /* END NEWS FILTERS */ /* NEWS SEARCH */ .search-result-counter { position: absolute; left: 0; top: 1px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); height: 33px; line-height: 14px; padding: 10px; text-align: center; width: 33px; border-radius: 0px; } #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a { font-size: 16px; color: #444444; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0 3px; font-weight: 600; transition: background-color 0.3s; border-radius: 0px; } main.template-search .pagination .pagination-meta { display: none; } /* END NEWS SEARCH */ #ow-latest-news { /* background-color:#f5f5f5; */ min-height: 195px; border-top: solid 1px #ddd !important; } #ow-latest-news.main_color h1 { color: #000000; text-align: center; font-weight: normal; } #ow-latest-news.main_color h3 { color: #7d7d7d; text-align: center; } #ow-latest-news .flex_column.av_one_full { float: none; } #ow-latest-news .ow-meta { text-align: center; } #ow-latest-news .ow-featured-image { padding: 30px 0; } #ow-latest-news .ow-featured-image img { display: block; margin: 0 auto; } #ow-latest-news .ow-excerpt { text-align: center; } #ow-latest-news .ow-excerpt a.ow-readmore, #ow-latest-news .ow-excerpt > p { display: inline; } #ow-latest-news.main_color .ow-excerpt a.ow-readmore { color: #d58f3e !important; margin-left: 15px; } #ow-news-posts .av_one_half > a > img { display: block; margin: 0 auto; } #ow-news-posts .ow-single-news-wrap { float: left; width: 100%; position: relative; padding: 0; min-height: 400px; border-bottom: dashed 1px #e0e0e0; display: table; } #ow-news-posts .ow-single-news-wrap > .flex_column.av_one_half { display: table-cell; height: inherit; float: none; vertical-align: middle; padding-left: 6%; } #ow-news-posts .ow-single-news-wrap > .flex_column.av_one_half.first { padding-left: 0 !important; } /* END NEWS ARCHIVE */ /* RESPONSIVE */ @media only screen and (max-width: 1170px) and (min-width: 989px) { #ow-news-filter-wrap { width: 615px; } } @media only screen and (max-width: 989px) { #ow-after-header { height: 112px; } #ow-news-filter-wrap { width: 100%; } #ow-news-posts .ow-single-news-wrap { display: block; } #ow-news-posts .ow-single-news-wrap > .flex_column.av_one_half { display: block; float: left; width: 100%; padding-left: 0 !important; margin-left: 0 !important; padding: 30px 0 !important; } } @media only screen and (max-width: 768px) { #ow-after-header { height: auto; } #ow-news-filter-wrap { height: 95px; padding: 10px 0; } #ow-news-filter-wrap > .ow-filters { display: block; height: 110px; } #ow-news-filter-wrap > .ow-filters > div.ow-filter { display: block; float: left; } #ow-news-filter-wrap #search-news-wrap, #ow-news-filter-wrap > .ow-filters { width: 100%; } #ow-news-filter-wrap #month-range, #ow-news-filter-wrap #by-component { width: 42%; text-align: center; } #ow-news-filter-wrap > h6 { margin-top: 10px; margin-bottom: 10px; width: 15%; } #ow-news-filter-wrap #month-range a.ow-dropdown:after, #ow-news-filter-wrap #by-component a.ow-dropdown:after { margin-left: 5px; } } @media only screen and (max-width: 480px) { #ow-news-posts .av_one_half > a > img { display: none; } #ow-news-posts .ow-single-news-wrap > .flex_column.av_one_half { padding: 0 !important; } #ow-news-posts .ow-single-news-wrap { padding: 25px 0; } #ow-news-pagination .ow-pagination-wrap { display: flex; } } /* END NEWS */ /* GUIDES & RESOURCES */ /* PARENT PAGE GUIDES & RESOURCES */ .responsive #ow-guides-resources-top > .container, .responsive #ow-guides-resources-orange > .container { max-width: 1310px; } #ow-guides-resources-top.main_color h1.av-special-heading-tag { color: #ffffff !important; text-align: center; float: none; text-transform: none; } #ow-guides-resources-top.main_color h3 { color: #c4c4c4; text-align: center; } #ow-guides-resources-top.main_color p { color: #ffffff; font-size: 22px; font-weight: lighter; text-align: center; } #ow-guides-resources-orange.main_color h3.av-special-heading-tag { color: #ffffff; text-align: center; float: none; text-transform: none; } #ow-guides-resources-orange.main_color p { color: #ffffff; font-size: 18px; font-weight: lighter; text-align: center; } #ow-guides-resources-main.main_color h3.av-special-heading-tag, #why-liquid-cooling.main_color h3.av-special-heading-tag, #how-liquid-cooling-works.main_color h3.av-special-heading-tag, #components-of-liquid-cooling-loop.main_color h3.av-special-heading-tag, #maintenance.main_color h3.av-special-heading-tag, #liquid-cooling-glossary.main_color h3.av-special-heading-tag, #faq.main_color h3.av-special-heading-tag, #ek-blog-forum.main_color h3.av-special-heading-tag { color: #000000; text-align: center; float: none; text-transform: none; } #ow-guides-resources-main.main_color p, #why-liquid-cooling.main_color p, #how-liquid-cooling-works.main_color p, #components-of-liquid-cooling-loop.main_color p, #maintenance.main_color p, #liquid-cooling-glossary.main_color p, #faq.main_color p, #ek-blog-forum.main_color p { color: #717171; } #ow-guides-resources-main.main_color .av_one_full p, #why-liquid-cooling.main_color .av_one_full p, #how-liquid-cooling-works.main_color .av_one_full p, #components-of-liquid-cooling-loop.main_color .av_one_full p, #maintenance.main_color .av_one_full p, #liquid-cooling-glossary.main_color .av_one_full p, #faq.main_color .av_one_full p, #ek-blog-forum.main_color .av_one_full p { text-align: center; } #ow-guides-resources-main.main_color .av_one_half p > strong, #why-liquid-cooling.main_color .av_one_half p > strong, #how-liquid-cooling-works.main_color .av_one_half p > strong, #components-of-liquid-cooling-loop.main_color .av_one_half p > strong, #maintenance.main_color .av_one_half p > strong, #liquid-cooling-glossary.main_color .av_one_half p > strong, #faq.main_color .av_one_half p > strong, #ek-blog-forum.main_color .av_one_half p > strong { color: #000000; font-size: 20px; } #ow-guides-resources-main.main_color ul > li, #why-liquid-cooling.main_color ul > li, #how-liquid-cooling-works.main_color ul > li, #components-of-liquid-cooling-loop.main_color ul > li, #maintenance.main_color ul > li, #liquid-cooling-glossary.main_color ul > li, #faq.main_color ul > li, #ek-blog-forum.main_color ul > li { color: #717171; font-weight: lighter; } #ow-guides-resources-main-hide { display: none !important; } #ow-guides-resources-orange .ow-social-icons { text-align: center; } #ow-guides-resources-orange .ow-social-icons a:before { color: #fff; } #ow-guides-resources-orange .ow-social-icons span { display: inline-block; margin: 0 10px; } #ow-guides-resources-orange .ow-social-icons span a:hover:before { transition: color 0.3s; } #ow-guides-resources-orange .ow-social-icons span.ow-twitter a:hover:before { color: #28a9e0; } #ow-guides-resources-orange .ow-social-icons span.ow-instagram a:hover:before { color: #2e5e86; } #ow-guides-resources-orange .ow-social-icons span.ow-facebook a:hover:before { color: #3c5899; } #ow-guides-resources-orange .ow-social-icons span.ow-youtube a:hover:before { color: #cf3427; } /* RESPONSIVE */ @media only screen and (max-width: 768px) { #ow-guides-resources-orange a.avia-position-right, #ow-guides-resources-orange div.avia-button-right, #ow-guides-resources-orange div.avia-button-left, #ow-guides-resources-orange a.avia-button.avia-position-left, #ow-guides-resources-main div.avia-button-left, #ow-guides-resources-main a.avia-button.avia-position-left { float: none; width: 100%; } #ow-guides-resources-orange .ow-social-icons span { margin: 0 5px; } } /* END RESPONSIVE */ /* END PARENT PAGE GUIDES & RESOURCES */ /* WHY LIQUID COOLING */ #ow-why-cooling-main.main_color h3, #ow-why-cooling-main-odd.main_color h3 { color: #ffffff; } #ow-why-cooling-main.main_color p, #ow-why-cooling-main-odd.main_color p { color: #b0b0b0 } @media only screen and (min-width: 768px) { #ow-why-cooling-main div.entry-content-wrapper, #ow-why-cooling-main-odd div.entry-content-wrapper { display: table; width: 100%; } #ow-why-cooling-main div.entry-content-wrapper .flex_column.av_one_half, #ow-why-cooling-main-odd div.entry-content-wrapper .flex_column.av_one_half { display: table-cell; float: none; vertical-align: middle; } } /* END WHY LIQUID COOLING */ /* LIQUID COOLING GLOSSARY */ #ow-glossary-letters { width: 100%; text-align: center; margin-top: 50px; } #ow-glossary-letters.ow-fixed { position: fixed; top: 0; left: 0; background-color: #d58f3e; margin-top: 0px; padding: 25px 0; z-index: 9999999; } #ow-glossary-letters a.ow-glossary-letter { display: inline-block; width: 35px; height: 35px; border-radius: 100%; background: #ffffff; margin: 2px; text-align: center; line-height: 35px; cursor: pointer; text-decoration: none !important; } #ow-glossary-letters a.ow-glossary-letter:focus { color: #d58f3e !important; } #ow-glossary-letters a.ow-glossary-letter > span { font-size: 17px; text-transform: uppercase; } #glossary-content-wrap div.ow-large-letter { display: block; width: 100px; height: 100px; background-color: #f3f3f3; border-radius: 100%; line-height: 100px; text-align: center; } #ow-glossary-content { z-index: 0; position: relative; } #glossary-content-wrap div.ow-large-letter > span { color: #282828; font-size: 53px; font-family: 'DINPro', 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 400; } #top #glossary-content-wrap div.flex_column.av_one_fifth { width: 12%; } #top #glossary-content-wrap div.flex_column.av_four_fifth { margin-left: 0%; width: 88%; } #top #glossary-content-wrap div.flex_column.av_one_fourth { width: 22%; margin-left: 4%; margin-bottom: 35px; } #top #glossary-content-wrap div.flex_column.av_one_fourth.first { margin-left: 0%; } #top #glossary-content-wrap > div.flex_column.av_one_full { border-bottom: solid 1px #ddd; padding-top: 70px; padding-bottom: 35px; } #top #glossary-content-wrap > div.flex_column.av_one_full:last-child { border-bottom: none; } /* RESPONSIVE */ @media only screen and (max-width: 989px) { #top #glossary-content-wrap div.flex_column.av_one_fifth, #top #glossary-content-wrap div.flex_column.av_four_fifth { width: 100%; margin-left: 0 !important; } #top #glossary-content-wrap div.flex_column.av_one_fifth { margin-bottom: 25px; } } @media only screen and (max-width: 768px) { #top #glossary-content-wrap div.flex_column.av_one_fourth { width: 46%; margin-left: 0px; clear: none; } #top #glossary-content-wrap div.flex_column.av_one_fourth:nth-child(even) { margin-left: 8%; } #top #glossary-content-wrap div.flex_column.av_one_fourth:nth-child(odd) { clear: left; } } @media only screen and (max-width: 480px) { #top #glossary-content-wrap div.flex_column.av_one_fourth { width: 100% !important; margin-left: 0px !important; clear: both !important; } #ow-glossary-letters.ow-fixed { padding: 10px 0; } } /* END RESPONSIVE */ /* END LIQUID COOLING GLOSSARY */ /* BLOG */ #ow-blog-top-banner { background-color: #7e7e7e; background-image: url('images/ow-blog-banner-bg.png'); background-repeat: repeat-x; background-position: top left; min-height: 195px; } #ow-blog-top-banner.main_color h1 { color: #ffffff; text-align: center; font-weight: normal; } #ow-blog-top-banner.main_color h3 { color: #ffffff; text-align: center; margin-bottom: 40px; } #ow-blog-posts .ow-excerpt > p { display: inline; } #ow-blog-posts .ow-excerpt > a.ow-readmore { margin-left: 10px; color: #d58f3e; } #ow-blog-pagination, #ow-news-pagination { border-top: solid 1px #e0e0e0; padding: 25px 0; position: relative; } #ow-news-pagination { border-top: none; } #ow-blog-pagination .ow-pagination-wrap, #ow-news-pagination .ow-pagination-wrap { float: right; text-align: right; } #ow-blog-pagination .ow-pagination-wrap a, #ow-blog-pagination .ow-pagination-wrap p, #ow-news-pagination .ow-pagination-wrap a, #ow-news-pagination .ow-pagination-wrap p { font-size: 16px; color: #444444; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0 3px; font-weight: 600; transition: background-color 0.3s; } #ow-blog-pagination .ow-pagination-wrap p, #ow-news-pagination .ow-pagination-wrap p { background-color: #e4e4e4; } #ow-blog-pagination .ow-pagination-wrap a, #ow-news-pagination .ow-pagination-wrap a { background-color: #f5f5f5; cursor: pointer; } #ow-blog-pagination .ow-pagination-wrap a:hover, #ow-news-pagination .ow-pagination-wrap a:hover { background-color: #e4e4e4; } /* BLOG SIDEBARS */ #text-7 h3.widgettitle:before { content: ""; height: 49px; width: 49px; background-image: url('images/newsletter-icon.png'); background-repeat: no-repeat; background-size: initial; background-position: left center; left: 32px; display: block; position: absolute; top: 20px; } #text-7 h3.widgettitle { margin-left: 50px; } #text-7 .ow-newsletter { padding: 0px; position: relative; bottom: auto; right: auto; } #text-7 div.textwidget { margin-top: 20px; position: relative; } #text-7 .ow-newsletter input[type='text'].ow-ime, #text-7 .ow-newsletter input[type='email'].ow-email { display: block; width: 100%; margin-left: 0; background: #fff; } #text-7 .ow-newsletter input[type='submit'].ow-submit { margin-left: 0; width: 40%; background-color: transparent; margin-bottom: 20px; min-width: 105px; } #text-7.widget, #text-8.widget { background-color: #f3f3f3; margin-bottom: 35px; padding: 35px; } #text-7.widget h3.widgettitle, #text-8.widget h3.widgettitle { font-family: 'Open Sans'; font-weight: bold; color: #282828; font-size: 20px; } #ow-blog-categories li { list-style-type: disc; list-style-position: outside; margin-left: 20px; } #ow-blog-categories li a.ow-blog-category-link { text-decoration: none; cursor: pointer; } #ow-blog-posts { opacity: 0; } #ow-blog-posts .ow-single-post-wrap { float: left; width: 100%; position: relative; padding: 0; min-height: 300px; padding: 30px 0; display: table; } #ow-blog-posts .ow-single-post-wrap > .flex_column.av_two_fifth, #ow-blog-posts .ow-single-post-wrap > .flex_column.av_three_fifth { display: table-cell; height: inherit; float: none; vertical-align: middle; padding-left: 6%; } #ow-blog-posts .ow-single-post-wrap > .flex_column.av_two_fifth.first { padding-left: 0% !important; } #ow-blog-posts .ow-single-post-wrap > .flex_column.av_two_fifth.first a { display: block; width: 100%; } #ow-blog-posts .ow-single-post-wrap > .flex_column.av_two_fifth.first a > img { display: block; margin: 0 auto; } /* END BLOG SIDEBARS */ /* COMMENTS */ #respond { display: none; } #comments label span { display: inline-block; } @media only screen and (max-width: 480px) { #top #ow-comments .comment-form-url input, #top #ow-comments .comment-form-email input, #top #ow-comments .comment-form-author input { width: 100%; } #ow-comments #commentform label { position: relative; left: 0; } .sidebar_right #ow-comments .comment_container { padding-right: 0px; } } /* END COMMENTS */ /* SINGLE BLOG */ /* END SINGLE BLOG */ /* RESPONSIVE */ @media only screen and (max-width: 1200px) { #ow-blog-archive .container .av-content-small.units { width: 100%; margin-top: 400px; } #ow-single-blog.container .av-content-small.units { width: 100%; } #top #main #ow-blog-archive aside.sidebar { position: absolute; top: 0; width: calc(100% - 100px); } #top #main #ow-single-blog aside.sidebar { width: 100%; } #top #main #ow-blog-archive aside.sidebar > .inner_sidebar, #top #main #ow-single-blog aside.sidebar > .inner_sidebar { margin-left: 0 !important; } #top #main #ow-blog-archive aside.sidebar > .inner_sidebar > section.widget, #top #main #ow-single-blog aside.sidebar > .inner_sidebar > section.widget { width: 48%; float: left; clear: none; position: relative; } #top #main #ow-blog-archive aside.sidebar > .inner_sidebar > section.widget:last-child, #top #main #ow-single-blog aside.sidebar > .inner_sidebar > section.widget:last-child { margin-left: 4%; } } @media only screen and (max-width: 989px) { #top #main #ow-blog-archive aside.sidebar { width: 100%; } } @media only screen and (max-width: 768px) { #top #main #ow-blog-archive aside.sidebar, #top #main #ow-single-blog aside.sidebar { display: block !important; } #top #main #ow-blog-archive aside.sidebar #text-7 { display: none; } #top #main #ow-blog-archive aside.sidebar #text-8 { width: 100%; } #ow-blog-posts .ow-single-post-wrap { display: block; } #ow-blog-posts .ow-single-post-wrap > .flex_column.av_two_fifth.first, #ow-blog-posts .ow-single-post-wrap > .flex_column.av_three_fifth { display: block; width: 100%; padding: 0 !important; } #top #main #ow-single-blog aside.sidebar > .inner_sidebar > section.widget { width: 100%; margin-left: 0 !important; } } /* END RESPONSIVE */ /* END BLOG */ /* END GUIDES & RESOURCES */ /* PAGE SOLUTIONS */ /* SUBPAGE KITS */ #ow-kits-banner .flex_column { margin-top: 0px; } #ow-kits-banner > .container { max-width: 1370px; } #ow-kits-banner.main_color h4 { color: #252525; } #ow-kit-series .template-page.content { background-color: #f0f0f0; border: solid 1px #e5e5e5; margin: 15px 0; } #ow-kit-series section.av_textblock_section { padding: 0 25px; } #ow-kit-series.main_color h5 { font-family: 'DINPro', 'Open Sans'; font-size: 25px; text-align: center; font-weight: 400; } #ow-kit-series.main_color p { color: #717171; font-size: 18px; text-align: center; } #ow-kit-series.main_color p > strong { color: #000000; } #compare-kits-table.main_color h3 { text-align: center; } #ow-kits-component-header { margin-top: 70px; } #ow-kits-components.container_wrap, #ow-kits-component-header.container_wrap, #ow-kits-components-odd.container_wrap, #ow-kits-component-header.container_wrap { border-top-style: dashed; } #ow-kits-component-header.main_color h3 { text-align: center; color: #252525; } #ow-kits-components.main_color h5, #ow-kits-components-odd.main_color h5 { font-size: 25px; font-family: 'DINPro', 'Open Sans'; color: #252525; padding-bottom: 15px; font-weight: 400; } #ow-kits-components.main_color h6, #ow-kits-components-odd.main_color h6 { display: table; color: #717171; font-size: 16px; } #ow-kits-components.main_color h6 > strong, #ow-kits-components-odd.main_color h6 > strong { display: table-cell; vertical-align: middle; } #ow-kits-components.main_color .av_one_half h6, #ow-kits-components-odd.main_color .av_one_half h6 { float: left; } #ow-kits-components.main_color .av_one_half.first h6, #ow-kits-components-odd.main_color .av_one_half.first h6 { float: right; } #ow-kits-components.main_color .special-heading-inner-border, #ow-kits-components-odd.main_color .special-heading-inner-border { display: none; } #top #ow-kits-components .avia-slideshow-arrows a, #top #ow-kits-components-odd .avia-slideshow-arrows a { display: none; } @media only screen and (min-width: 768px) { #top #ow-kits-components div.entry-content-wrapper, #top #ow-kits-components-odd div.entry-content-wrapper { display: table; width: 100%; } #top #ow-kits-components div.entry-content-wrapper .flex_column.av_one_half, #top #ow-kits-components-odd div.entry-content-wrapper .flex_column.av_one_half { display: table-cell; float: none; vertical-align: middle; padding-left: 6%; } #top #ow-kits-components div.entry-content-wrapper .flex_column.av_one_half.first, #top #ow-kits-components-odd div.entry-content-wrapper .flex_column.av_one_half.first { padding-left: 0%; } } #ow-bottom-banner.main_color h3 { color: #ffffff; text-align: center; } #ow-back-banner.main_color h3 { color: #252525; } /* #compare-kits-table { display:none; } */ #compare-kits-table > .container > .content { padding-top: 0; } #ow-table-kits { float: left; } #ow-table-kits td { height: 48px; width: 50%; font-size: 15px; vertical-align: middle; } #ow-table-kits td.ow-double-td { height: 96px; } #ow-table-kits a.ow-kits-dropdown { cursor: pointer; display: block; float: right; height: 100%; color: #ffffff !important; margin-top: 20px; padding-right: 10px; position: relative; margin-right: 20px; position: absolute; top: 15px; right: 0; } #ow-table-kits a.ow-kits-dropdown:after { content: "\E883"; font-family: "entypo-fontello"; width: 30px; height: 30px; display: block; position: absolute; top: 0; font-size: 20px; left: 100%; } #ow-table-kits ul.ow-ul-series { display: none; position: absolute; padding: 10px 7px; background: #fff; border: solid 1px #ddd; list-style: none !important; right: 0; top: 70px; min-width: 145px; } #ow-table-kits ul.ow-ul-series li { padding: 0 !important; } #ow-table-kits ul.ow-ul-series ul { list-style: none !important; } #ow-table-kits ul.ow-ul-series li { color: #494949; } #ow-table-kits ul.ow-ul-series a.ow-kit { cursor: pointer; position: relative; padding-left: 15px; } #ow-table-kits ul.ow-ul-series ul li:before { content: "\E885"; font-family: "entypo-fontello"; width: 15px; height: 15px; display: block; position: absolute; font-size: 20px; } #ow-table-kits th { min-height: 77px; position: relative; vertical-align: middle; } #ow-table-kits th div.ow-current-kit { display: block; float: left; height: 100%; padding: 5px 0px 4px 20px; } #ow-table-kits th div.ow-current-kit { display: block; float: left; height: 100%; } #ow-table-kits th div.ow-current-kit span.ow-series-name { color: #ffffff !important; display: block; font-weight: bold; font-size: 15px; } #ow-table-kits th div.ow-current-kit span.ow-kit-name { color: #ffffff !important; display: block; font-weight: bold; font-size: 20px; } #ow-table-kits span.ow-no { padding-left: 30px; background-image: url('images/ow-no.png'); background-size: contain; background-repeat: no-repeat; background-position: center left; } #ow-table-kits span.ow-yes { padding-left: 30px; background-image: url('images/ow-yes.png'); background-size: contain; background-repeat: no-repeat; background-position: center left; } #ow-table-kits th:first-child { background-color: #494949; color: #ffffff; font-size: 20px; font-weight: bold; } #ow-table-kits tr td:first-child { color: #494949; font-size: 15px; font-weight: bold; text-transform: uppercase; } #ow-table-kits td { border: solid 1px #ddd; } #ow-table-kits > tbody > tr:first-child > th { border: none; } #ow-table-kits tr:nth-child(even) td:first-child { background-color: #f1f1f1; } #ow-table-kits tr:nth-child(odd) td:first-child { background-color: #eaeaea; } /* added - number of gpu water blocks */ #ow-table-kits tr td.ow-num-gpu-blocks { background-color: #494949 !important; color: #ffffff; line-height: 17px; } #ow-table-kits tr td.number_gpu_blocks { height: 79px; } #ow-table-kits tr td span.gpu-water-block { display: inline-block; width: 61px; height: 60px; background-image: url("images/icons/graphic_card_icon.png"); background-repeat: no-repeat; vertical-align: middle; transform: rotate(45deg); } @media only screen and (max-width: 1500px) { #ow-table-kits td { vertical-align: middle; height: 77px; } #ow-table-kits td.ow-double-td { height: 154px; } } @media only screen and (max-width: 1200px) { #ow-table-kits a.ow-kits-dropdown { position: relative; float: left; clear: left; width: 100%; text-align: center; margin-top: 0; top: auto; } #ow-table-kits a.ow-kits-dropdown:after { left: 0; } #ow-table-kits ul.ow-ul-series { top: 110px; } } @media only screen and (max-width: 989px) { /* #ow-table-kits { width:100% !important; clear:left; } #ow-table-kits td { width:50% !important; } #ow-table-kits { display:none !important; } #ow-table-kits[rel="0"] { display:table !important; } */ #ow-table-kits th:first-child { font-size: 14px; text-align: center; padding: 0; } #ow-table-kits tr td:first-child { text-align: center; font-size: 13px; } #ow-table-kits td { text-align: center; font-size: 13px; padding: 0; } #ow-table-kits ul.ow-ul-series { top: 115px; } #ow-table-kits ul.ow-ul-series li { font-size: 15px; margin: 0; } #ow-table-kits th div.ow-current-kit { padding: 0; } #ow-table-kits th div.ow-current-kit span.ow-series-name { font-size: 14px; } #ow-table-kits tr td span.gpu-water-block { width: 33%; background-size: contain; } } @media only screen and (min-width: 768px) { #ow-table-kits .ow-hide { display: none; } } @media only screen and (max-width: 767px) { #ow-compare-kits, #compare-kits-table { display: none; } } @media only screen and (max-width: 480px) { #ow-table-kits th:first-child, #ow-table-kits td { font-size: 13px; } #ow-table-kits a.ow-kits-dropdown:after { left: auto; right: -10px; } #ow-table-kits th div.ow-current-kit { padding: 5px 0px 4px 0px; text-align: center; width: 100%; } } /* RESPONSIVE */ @media only screen and (max-width: 768px) { #ow-kits-banner { background-repeat: repeat !important; margin-top: 0px !important; } #ow-kits-banner > .container { height: 150px !important; } #ow-kits-banner .flex_column div.avia-image-container { display: none; } #ow-kits-banner .flex_column div.avia-button-wrap, #ow-kits-banner .flex_column div.avia-button-wrap .avia-button { width: 100%; } #ow-kits-banner .flex_column { margin-bottom: 10px !important; } #ow-kits-banner .flex_column .avia-button { margin-bottom: 20px; } } /* END RESPONSIVE */ /* END SUBPAGE KITS */ /* SUBPAGE AIOs */ #ow-aio-predator-240.main_color h3, #ow-aio-predator-360.main_color h3 { color: #252525; text-align: center; } #ow-aio-predator-240.main_color p, #ow-aio-predator-360.main_color p { text-align: center; } #ow-predator-240-highlights1, #ow-predator-240-highlights2, #ow-predator-240-highlights3, #ow-predator-240-highlights4, #ow-predator-240-highlights5, #ow-predator-360-highlights1, #ow-predator-360-highlights2, #ow-predator-360-highlights3, #ow-predator-360-highlights4, #ow-predator-360-highlights5 { display: none; } #ow-predator-240-highlights1.main_color h3, #ow-predator-240-highlights2.main_color h3, #ow-predator-240-highlights3.main_color h3, #ow-predator-240-highlights4.main_color h3, #ow-predator-240-highlights5.main_color h3, #ow-predator-360-highlights1.main_color h3, #ow-predator-360-highlights2.main_color h3, #ow-predator-360-highlights3.main_color h3, #ow-predator-360-highlights4.main_color h3, #ow-predator-360-highlights5.main_color h3, #ow-predator-supremacy.main_color h3 { color: #af9667; } /* REVIEWS BANNER */ #ow-reviews-banner .flex_column.av_one_full.ow-hide { display: none; } #ow-reviews-banner.main_color h6 { font-weight: bold; font-size: 20px; color: #282828; text-align: center; } #ow-reviews-banner span.ow-star { display: inline-block; height: 12px; width: 12px; background-image: url('images/review-star.png'); background-size: contain; background-repeat: no-repeat; } #ow-reviews-banner .ow-stars { text-align: center; } #ow-reviews-banner .ow-review { display: table; margin: 0 auto; } #ow-reviews-banner .ow-review > img, #ow-reviews-banner .ow-review > p, #ow-reviews-banner .ow-review > a { display: table-cell; vertical-align: middle; } #ow-reviews-banner .ow-review > p { color: #717171; font-size: 28px; font-style: italic; } #ow-reviews-banner .ow-review > a { width: 120px; text-align: right; } #ow-reviews-banner .ow-all-reviews { text-align: center; } .av_one_full.ow-review-wrap { margin-bottom: 25px !important; } /* END REVIEWS BANNER */ /* RESPONSIVE */ @media only screen and (max-width: 989px) { #ow-kits-banner { margin-top: -140px; } } @media only screen and (max-width: 768px) { .responsive #top #wrap_all #ow-predator-240-highlights2 .flex_cell.av_one_fourth, .responsive #top #wrap_all #ow-predator-240-highlights3 .flex_cell.av_one_third, .responsive #top #wrap_all #ow-predator-240-highlights5 .flex_cell.av_two_fifth, .responsive #top #wrap_all #ow-predator-360-highlights2 .flex_cell.av_one_fourth, .responsive #top #wrap_all #ow-predator-360-highlights3 .flex_cell.av_one_third, .responsive #top #wrap_all #ow-predator-360-highlights5 .flex_cell.av_two_fifth { padding-left: 0px !important; padding-right: 0px !important; } #ow-reviews-banner .ow-review { display: block; margin: 0 auto; text-align: center; } #ow-reviews-banner .ow-review > img, #ow-reviews-banner .ow-review > p, #ow-reviews-banner .ow-review > a { display: inline-block; } #ow-reviews-banner .ow-review > a { text-align: center; } } /* END RESPONSIVE */ /* NEW AIOs PAGE */ #ow-predator-case-compatibility { display: none !important; } /* TOP AIOs BANNER */ #ow-predator-top-slider .template-page.content { padding-top: 0px; margin-top: -15px; padding-bottom: 0; } #ow-predator-top-slider > .container { max-width: 100% !important; padding: 0; width: 100% !important; } #ow-predator-images { height: 300px; text-align: center; width: 150%; position: relative; } #ow-predator-images .ow-predator-img { position: absolute; left: calc(50vw - 450px); transition: all 0.7s; } #ow-predator-images .ow-predator-img.ow-hide { left: 100%; /*display:none;*/ } #ow-predator-titles { position: absolute; bottom: 0; width: 100%; height: 82px; } #ow-predator-titles:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ae9668; z-index: -1; } #ow-predator-titles .ow-titles-wrap { float: right; display: block; width: 40%; height: 82px; z-index: 1; } #ow-predator-titles .ow-titles-wrap .ow-predator-title { display: inline-block; height: 45px; vertical-align: middle; margin-top: 18px; } #ow-predator-titles .ow-titles-wrap .ow-predator-title a { color: #ae9668; background-color: #252525; text-decoration: none; font-size: 23px; text-align: center; vertical-align: middle; line-height: 45px; display: block; margin: 0 2px; padding: 0 15px; cursor: pointer; position: relative; padding-right: 47px; } #ow-predator-titles .ow-titles-wrap .ow-predator-title a:before { background: transparent; content: ""; width: 100%; height: 0%; top: 0%; left: -30px; position: absolute; border-bottom: 45px solid transparent; border-right: 30px solid #ae9668; } #ow-predator-titles .ow-titles-wrap .ow-predator-title a:after { background: transparent; content: ""; width: 0%; height: 0%; top: 0%; left: -30px; position: absolute; border-bottom: 45px solid transparent; border-right: 30px solid #252525; } #ow-predator-titles .ow-titles-wrap .ow-predator-title a.ow-current { color: #ae9668; background-color: #f8f7f4; } #ow-predator-titles .ow-titles-wrap .ow-predator-title a.ow-current:after { border-right-color: #f8f7f4; } /* END TOP AIOs BANNER */ /* AIO Dynamic content */ #ow-predator-dynamic .ow-img-wrap > img { display: block; margin: 0 auto; } #ow-predator-dynamic iframe.ow-predator-video { display: block; margin: 30px auto; } /* END AIO Dynamic content */ /* PREDATOR CASE COMPATIBILITY TABLE */ select#ow-manufacturers { max-width: 500px; margin: 30px auto; } #ow-manufacturers > option { text-align: center; } #ow-case-models td { vertical-align: middle; } #ow-case-models span.ow-compatible, #ow-case-models span.ow-not-compatible { display: block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto; } #ow-case-models span.ow-not-compatible { background-image: url('images/ow-no.png'); } #ow-case-models span.ow-compatible { background-image: url('images/ow-yes.png'); } /* END PREDATOR CASE COMPATIBILITY TABLE */ /* OTHER AIO content */ #predator-hovercore.main_color p { color: #fff; font-size: 20px; } #top #ow-predator-reviews-reward .avia-logo-element-container .slide-entry { display: inline-block; margin: 15px auto; float: none; } #top #ow-predator-reviews-reward .avia-logo-grid .slide-entry-wrap { text-align: center; } #top .togglecontainer p.toggler, #top .togglecontainer div.toggle_content { border: none !important; background: transparent !important; padding:0px; } #top .togglecontainer p.toggler { font-weight: normal; margin: 10px 40px; } #top .togglecontainer p.toggler .toggle_icon { /*top: 15px;*/ top: 5px; left: 15px; } #ow-aio-radiator.main_color div.flex_column.av_one_half > section.av_textblock_section div.avia_textblock { width: calc(68% + 100px); float: right; padding: 5px 15px; background-color: #231F20; position: relative; overflow: hidden; padding-left: 110px; padding-left: 140px; } #ow-aio-radiator.main_color div.flex_column.av_one_half > section.av_textblock_section div.avia_textblock:before { background: #fff; content: ""; width: 100%; height: 125px; left: -46%; position: absolute; transform: rotate(-65deg); z-index: 0; } #ow-aio-radiator.main_color div.flex_column.av_one_half > section.av_textblock_section div.avia_textblock p { color: #fff; } @media only screen and (min-width: 768px) { #ow-aio-supremacy div.entry-content-wrapper, #ow-aio-ddcpump div.entry-content-wrapper, #ow-aio-vardar div.entry-content-wrapper { display: table; } #ow-aio-supremacy div.entry-content-wrapper > div.flex_column, #ow-aio-ddcpump div.entry-content-wrapper > div.flex_column, #ow-aio-vardar div.entry-content-wrapper > div.flex_column { display: table-cell; vertical-align: middle; float: none; } #ow-aio-supremacy div.template-page.content { padding-bottom: 0px; } } @media only screen and (max-width: 989px) { #ow-aio-radiator.main_color div.flex_column.av_one_half > section.av_textblock_section div.avia_textblock { width: 100%; padding-left: 15px; } #ow-aio-radiator.main_color div.flex_column.av_one_half > section.av_textblock_section div.avia_textblock:before { content: none; } } @media only screen and (max-width: 768px) { #ow-predator-images .ow-predator-img { left: 0; } #ow-predator-slider { padding-bottom: 50px; } #ow-predator-titles .ow-titles-wrap { width: 100%; text-align: center; } } @media only screen and (max-width: 600px) { #ow-predator-images .ow-predator-img > img { max-width: 480px; } #ow-predator-images { height: 280px; } #ow-predator-titles { display: table; } #ow-predator-titles, #ow-predator-titles .ow-titles-wrap { height: 164px; } #ow-predator-titles .ow-titles-wrap { display: table-cell; vertical-align: middle; float: none; } #ow-predator-titles .ow-titles-wrap .ow-predator-title { margin-top: 0px; margin: 5px 0; } } @media only screen and (max-width: 480px) { #ow-predator-images .ow-predator-img > img { max-width: 300px; } } /* END OTHER AIO content */ /* END NEW AIOs PAGE */ /* END SUBPAGE AIOs */ /* PAGE CUSTOM LOOP */ #ow-custom-loop-banner2 { margin-top: -380px; background-color: transparent !important; } .main_color #ow-custom-tabs h5 { font-family: 'DINPro', 'Open Sans'; font-size: 25px; font-weight: 400; color: #484848; text-align: center; margin-bottom: 25px; } #ow-custom-tabs .ow-custom-loop-tabs { display: block; } #ow-custom-tabs .ow-tabs-wrap { position: relative; display: table; width: 100%; border-bottom: dashed 1px #cccccc; } #ow-custom-tabs .ow-tab { display: table-cell; width: 16.66%; height: 100px; padding: 0 1%; text-align: center; cursor: pointer; font-size: 16px; color: #717171; font-weight: bold; line-height: 17px; } #ow-custom-tabs .ow-tab:before { content: ''; display: block; height: 43px; width: 43px; background-color: #a3a3a3; border-radius: 100%; visibility: visible; background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-bottom: 5px; transition: background-color 0.3s; } #ow-custom-tabs .ow-tab.water-blocks.ow-active-tab:before, #ow-custom-tabs .ow-tab.water-blocks:hover:before { background-color: #ea8e46; } #ow-custom-tabs .ow-tab.reservoir.ow-active-tab:before, #ow-custom-tabs .ow-tab.reservoir:hover:before { background-color: #0091c1; } #ow-custom-tabs .ow-tab.pump.ow-active-tab:before, #ow-custom-tabs .ow-tab.pump:hover:before { background-color: #cf1939; } #ow-custom-tabs .ow-tab.radiator_fans.ow-active-tab:before, #ow-custom-tabs .ow-tab.radiator_fans:hover:before { background-color: #80be55; } #ow-custom-tabs .ow-tab.fittings.ow-active-tab:before, #ow-custom-tabs .ow-tab.fittings:hover:before { background-color: #D43983; } #ow-custom-tabs .ow-tab.tubing_accessories.ow-active-tab:before, #ow-custom-tabs .ow-tab.tubing_accessories:hover:before { background-color: #d43983; } #ow-custom-tabs .ow-tab.water-blocks:before { background-image: url('images/icons/water-block.png'); } #ow-custom-tabs .ow-tab.reservoir:before { background-image: url('images/icons/reservoir.png'); } #ow-custom-tabs .ow-tab.pump:before { background-image: url('images/icons/pump.png'); } #ow-custom-tabs .ow-tab.radiator_fans:before { background-image: url('images/icons/radiator-fans.png'); } #ow-custom-tabs .ow-tab.fittings:before { background-image: url('images/icons/fittings.png'); } #ow-custom-tabs .ow-tab.tubing_accessories:before { background-image: url('images/icons/tubing-accessories.png'); } #ow-custom-tabs .ow-tab-content { display: none; } #ow-custom-tabs .ow-tab-content.ow-active-tab { display: block; } #ow-custom-tabs .ow-tab-content p > strong { color: #282828; font-size: 20px; } #top #wrap_all #ow-custom-tabs .avia-gallery div.avia-gallery-thumb a { width: 32%; border: solid 1px #ddd; text-align: center; margin-bottom: 50px; position: relative; padding: 5px 0; } #top #wrap_all #ow-custom-tabs .avia-gallery div.avia-gallery-thumb a > span { position: absolute; width: 100%; padding-top: 11px; } #top #wrap_all #ow-custom-tabs .avia-gallery div.avia-gallery-thumb a > img { width: auto; max-height: 135px; border-radius: 0; margin: 0 auto; display: block; border: none; float: none; } #top #wrap_all #ow-custom-tabs .avia-gallery div.avia-gallery-thumb a { margin-left: 2%; clear: none; } #top #wrap_all #ow-custom-tabs .avia-gallery div.avia-gallery-thumb a:nth-child(3n+1) { margin-left: 0; clear: left; } #ow-custom-loop-buttons a.avia-button.ow-active { border: solid 1px #d58f3e; color: #d58f3e; background: transparent !important; } #ow-custom-loop-buttons a.avia-button.ow-active:before { content: ''; display: block; width: 30px; height: 25px; position: absolute; bottom: -21px; left: calc(50% - 15px); background-image: url('images/active_tab_icon.jpg'); background-repeat: no-repeat; background-size: initial; background-position: top center; } #ow-custom-cpu-loop-description, #ow-custom-cpugpu-loop-description, #ow-extreme-custom-loop-description { display: none; } #ow-custom-cpu-loop-description.ow-show, #ow-custom-cpugpu-loop-description.ow-show, #ow-extreme-custom-loop-description.ow-show { display: block; } #ow-custom-cpu-loop-description.main_color h3, #ow-custom-cpugpu-loop-description.main_color h3, #ow-extreme-custom-loop-description.main_color h3 { color: #252525; } /* CUSTOM LOOP ANIMACIJE - DESNO */ @keyframes play { from { background-position: 0px; } to { background-position: -550px; } } @-webkit-keyframes play { from { background-position: 0px; } to { background-position: -550px; } } @keyframes play-short { from { background-position: 0px; } to { background-position: -330px; } } @-webkit-keyframes play-short { from { background-position: 0px; } to { background-position: -330px; } } @keyframes play-ekwb { from { background-position: 0px; } to { background-position: -390px; } } @-webkit-keyframes play-ekwb { from { background-position: 0px; } to { background-position: -390px; } } #ow-custom-loop { height: 800px; width: 51%; background-image: url('images/custom-loop-bg.jpg'); background-size: initial; background-position: center center; margin-left: 2%; position: relative; } #ow-custom-loop .ow-animations-wrap.ow-cpu-loop.tubing { background-image: url('images/custom-loop/tubing/tubing-customcpu.png'); } #ow-custom-loop .ow-animations-wrap.ow-cpu-loop { display: block; position: relative; margin: auto; width: 500px; height: 500px; top: 10%; background-image: url('images/custom-loop/pipes.png'); background-size: initial; background-repeat: no-repeat; background-position: center center; z-index: 1; } #ow-custom-loop .ow-animations-wrap.ow-cpu-gpu-loop.tubing { background-image: url('images/custom-loop/tubing/tubing-customcpu-gpu.png'); } #ow-custom-loop .ow-animations-wrap.ow-cpu-gpu-loop { display: block; position: relative; margin: auto; width: 500px; height: 500px; top: 10%; background-image: url('images/custom-loop/pipes-cpu-gpu.png'); background-size: initial; background-repeat: no-repeat; background-position: center center; z-index: 1; } #ow-custom-loop .ow-animations-wrap.ow-extreme-loop.tubing { background-image: url('images/custom-loop/tubing/tubing-extreme.png'); } #ow-custom-loop .ow-animations-wrap.ow-extreme-loop { display: block; position: relative; margin: auto; width: 500px; height: 500px; top: 10%; background-image: url('images/custom-loop/pipes-extreme.png'); background-size: initial; background-repeat: no-repeat; background-position: center center; z-index: 1; } #ow-custom-loop .ow-water-wrap { display: block; position: absolute; left: calc(50% - 250px); width: 500px; height: 500px; top: 10%; z-index: 0; } #ow-custom-loop .ow-animation { display: block; position: absolute; float: left; width: 110px; height: 122px; cursor: pointer; background-repeat: no-repeat; } #ow-water-blocks { left: calc(50% - 55px); top: 0px; background-image: url('images/custom-loop/sive-ikone/water.png'); background-position: -1px center; } #ow-water-blocks.fittings { background-image: url('images/custom-loop/fittings/waterblock_fittings.png'); background-position: -1px center; } .ow-cpu-gpu-loop #ow-water-blocks.ow-prvi { left: calc(50% - 140px); } .ow-cpu-gpu-loop #ow-water-blocks.ow-drugi { left: calc(50% + 37px); } .ow-extreme-loop #ow-water-blocks.ow-prvi { top: -2px; left: calc(50% - 197px); } .ow-extreme-loop #ow-water-blocks.ow-drugi { top: -2px; left: calc(50% - 55px); } .ow-extreme-loop #ow-water-blocks.ow-tretji { top: -2px; left: calc(50% + 86px); } #ow-radiator_fans { top: calc(50% - 67px); right: -40px; background-image: url('images/custom-loop/sive-ikone/fan.png'); background-position: 1px top; } #ow-radiator_fans.fittings { background-image: url('images/custom-loop/fittings/fan_fittings.png'); background-position: center center; } .ow-cpu-gpu-loop #ow-radiator_fans.ow-double { height: 199px; top: calc(50% - 95px); background-image: url('images/custom-loop/sive-ikone/fan_2.png'); background-position: 1px top; } .ow-extreme-loop #ow-radiator_fans.ow-double { height: 199px; left: -41px; top: calc(50% - 106px); background-image: url('images/custom-loop/sive-ikone/fan_2.png'); background-position: 1px top; } #ow-radiator_fans.ow-double.fittings { background-image: url('images/custom-loop/fittings/fans_double_fittings.png'); } .ow-extreme-loop #ow-radiator_fans.ow-triple { height: 279px; top: calc(50% - 135px); background-image: url('images/custom-loop/sive-ikone/fan_3.png'); background-position: center; } .ow-extreme-loop #ow-radiator_fans.ow-triple.fittings { background-image: url('images/custom-loop/fittings/fans_tripple_fittings.png'); } #ow-pump { top: calc(50% - 67px); left: -40px; background-image: url('images/custom-loop/sive-ikone/pump.png'); background-position: 1px top; } #ow-pump.fittings { background-image: url('images/custom-loop/fittings/pump_fittings.png'); background-position: center center; } .ow-extreme-loop #ow-pump.ow-horizontal { width: 130px; height: 92px; top: auto; bottom: 30px; left: 71px; background-image: url('images/custom-loop/sive-ikone/pump_horizontal.png'); background-position: center center; } .ow-extreme-loop #ow-pump.ow-horizontal.fittings { background-image: url('images/custom-loop/fittings/pump_horizontal_fittings.png'); } #ow-reservoir { left: calc(50% - 55px); bottom: -90px; background-image: url('images/custom-loop/sive-ikone/reservoir.png'); } #ow-reservoir.fittings { background-image: url('images/custom-loop/fittings/reservoir_fittings.png'); } .ow-extreme-loop #ow-reservoir { left: calc(50% + 5px); } #ow-custom-loop #ow-pump.ow-animation:hover, #ow-custom-loop #ow-pump.ow-animation.play { animation: play-short .1s steps(3) infinite; background-image: url('images/custom-loop/animation/pump_animation.png'); -webkit-animation: play-short .1s steps(3) infinite; background-position: center center; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-font-smoothing: antialiased; } #ow-custom-loop #ow-radiator_fans.ow-animation:hover, #ow-custom-loop #ow-radiator_fans.ow-animation.play { animation: play-short .1s steps(3) infinite; background-image: url('images/custom-loop/animation/fans_animation.png'); -webkit-animation: play-short .1s steps(3) infinite; background-position: center center; } #ow-custom-loop #ow-water-blocks.ow-animation:hover, #ow-custom-loop #ow-water-blocks.ow-animation.play { animation: play .5s steps(5) infinite; background-image: url('images/custom-loop/animation/waterblock_animation.png'); -webkit-animation: play .5s steps(5) infinite; } #ow-custom-loop #ow-reservoir.ow-animation:hover, #ow-custom-loop #ow-reservoir.ow-animation.play { animation: play .5s steps(5) infinite; background-image: url('images/custom-loop/animation/reservoir_animation.png'); -webkit-animation: play .5s steps(5) infinite; } #ow-start { display: block; position: absolute; float: left; width: 130px; height: 120px; left: calc(50% - 65px); top: calc(50% - 60px); background-image: url('images/custom-loop/sive-ikone/ekwb.png'); cursor: pointer; } #ow-start:hover, #ow-start.play { animation: play-ekwb .2s steps(3) infinite; background-image: url('images/custom-loop/animation/ekwb.png'); -webkit-animation: play-ekwb .2s steps(3) infinite; } #ow-custom-loop .ow-animations-wrap.hide, #ow-custom-loop .ow-water-wrap.hide { display: none; } #ow-custom-loop #ow-radiator_fans.ow-animation.ow-double:hover, #ow-custom-loop #ow-radiator_fans.ow-animation.ow-double.play { animation: play-short .1s steps(3) infinite; background-image: url('images/custom-loop/animation/fans_animation_double.png'); -webkit-animation: play-short .1s steps(3) infinite; } #ow-custom-loop #ow-radiator_fans.ow-animation.ow-triple:hover, #ow-custom-loop #ow-radiator_fans.ow-animation.ow-triple.play { animation: play-short .1s steps(3) infinite; background-image: url('images/custom-loop/animation/fans_animation_triple.png'); -webkit-animation: play-short .1s steps(3) infinite; } #ow-custom-loop #ow-pump.ow-animation.ow-horizontal:hover, #ow-custom-loop #ow-pump.ow-animation.ow-horizontal.play { animation: play-ekwb .1s steps(3) infinite; background-image: url('images/custom-loop/animation/pump_horizontal.png'); -webkit-animation: play-ekwb .1s steps(3) infinite; } /* PIPE ANIMATION */ #ow-pipe-bottom-middle-left { display: block; width: 20px; height: 37px; z-index: 5; position: absolute; bottom: 37px; left: calc(50% - 25px); } .ow-extreme-loop #ow-pipe-bottom-middle-left { bottom: 39px; left: calc(50% + 35px); } #ow-pipe-bottom-left { display: block; height: 20px; width: 228px; z-index: 5; position: absolute; bottom: 62px; left: 8px; } .ow-extreme-loop #ow-pipe-bottom-left { width: 290px; } #ow-pipe-left { display: block; width: 20px; height: 370px; z-index: 5; position: absolute; bottom: 70px; left: 8px; } #ow-pipe-top { display: block; height: 20px; width: 470px; z-index: 5; position: absolute; top: 55px; left: 15px; } #ow-pipe-right { display: block; width: 20px; height: 373px; z-index: 5; position: absolute; top: 55px; right: 10px; } #ow-pipe-bottom-right { display: block; height: 20px; width: 228px; z-index: 5; position: absolute; bottom: 62px; right: 10px; } .ow-extreme-loop #ow-pipe-bottom-right { width: 170px; } #ow-pipe-bottom-middle-right { display: block; width: 15px; height: 37px; z-index: 5; position: absolute; bottom: 37px; left: calc(50% + 6px); } .ow-extreme-loop #ow-pipe-bottom-middle-right { bottom: 40px; left: calc(50% + 70px); } .water { background-color: #1c92c2; position: absolute; } .x .water { height: 100%; } .y .water { width: 100%; } .water.left { left: 0; } .water.right { right: 0; } .water.top { top: 0; } .water.bottom { bottom: 0; } /* END PIPE ANIMATION */ div.wpcf7 .ajax-loader { width: 32px; height: 32px; } /* END CUSTOM LOOP ANIMACIJE - DESNO */ /* RESPONSIVE */ @media only screen and (max-width: 1234px) { #ow-custom-tabs { width: 100%; } #ow-custom-loop { clear: left; width: 100%; margin-left: 0 !important; } } @media only screen and (max-width: 989px) { #ow-custom-loop-banner2 { margin-top: -300px; } } @media only screen and (max-width: 768px) { #ow-custom-loop-banner2 { display: none !important; } #ow-custom-loop-buttons div.avia-button-wrap, #ow-custom-loop-buttons a.avia-button { width: 100% !important; float: none !important; } #ow-custom-loop-buttons a.avia-button.ow-active:before { content: none; } #top #wrap_all #ow-custom-tabs .avia-gallery div.avia-gallery-thumb a, #top #wrap_all #ow-custom-tabs .avia-gallery div.avia-gallery-thumb a:nth-child(3n+1) { width: 47%; margin-left: 6%; clear: none; } #top #wrap_all #ow-custom-tabs .avia-gallery div.avia-gallery-thumb a:nth-child(2n+1) { margin-left: 0; clear: left; } } @media only screen and (max-width: 680px) { #ow-custom-tabs { width: 100%; } #ow-custom-loop { display: none !important; } #ow-custom-tabs .ow-tab { display: inline-block; width: 32%; float: left; } } @media only screen and (max-width: 480px) { #top #wrap_all #ow-custom-tabs .avia-gallery div.avia-gallery-thumb a { width: 100% !important; margin-left: 0% !important; clear: both !important; } } /* END RESPONSIVE */ /* END PAGE CUSTOM LOOP */ /* END SOLUTIONS */ /* CUSTOMER CARE */ #ow-customer-care h1.av-special-heading-tag { font-weight: normal; color: #252525; text-transform: none; text-align: center; margin-bottom: 50px; float: none; } #ow-customer-care.main_color .av_one_full p { font-weight: lighter; color: #444444; text-align: center; font-size: 22px; } #ow-customer-care.main_color .av_one_full { margin-bottom: 50px; } #ow-customer-care.main_color .av_one_third { background-color: #f4f4f4; border: solid 1px #e5e5e5; padding-top: 60px; padding-bottom: 20px; min-height: 330px; } #ow-customer-care.main_color .av_one_third p > strong { color: #282828; font-size: 20px; } #ow-customer-care.main_color .av_one_third p { width: 100%; margin-left: auto; margin-right: auto; } #ow-customer-care.main_color .av_one_third:before { content: ''; display: block; width: 92px; height: 92px; background-position: center center; background-size: contain; position: absolute; left: calc(50% - 46px); top: -46px; visibility: visible !important; } #ow-customer-care.main_color .av_one_third.first:before { background-image: url('images/customer-care-icon1.png'); } #ow-customer-care.main_color .av_one_third.el_after_av_one_third.el_before_av_one_third:before { background-image: url('images/customer-care-icon2.png'); } #ow-customer-care.main_color .av_one_third.avia-builder-el-last:before { background-image: url('images/customer-care-icon3.png'); } /* RESPONSIVE */ @media only screen and (max-width: 1200px) { #ow-customer-care.main_color .av_one_third p { width: 90%; } #ow-customer-care.main_color .av_one_third { width: 32%; margin-left: 2%; } #ow-customer-care.main_color .av_one_third.first { margin-left: 0px !important; } } @media only screen and (max-width: 989px) { #ow-customer-care.main_color .av_one_third { width: 100%; margin-left: 0%; margin-top: 30px !important; } } /* END RESPONSIVE */ /* END CUSTOMER CARE */ /* WHERE TO BUY */ #ow-head-banner.ow-where-to-buy { background-color: #bdbdbd; background-image: url('images/orange-section-bg.png'); background-repeat: repeat-x; background-position: top left; min-height: 335px; } #ow-where-to-buy.main_color h4 { color: #252525; text-align: center; margin-bottom: 15px; } #ow-where-to-buy.main_color h6 { color: #717171; font-size: 16px; text-align: center; margin-bottom: 15px; } #ow-where-to-buy .ow-resellers .tab_content.active_tab_content { padding: 10px 0px !important; } #top .main_color .ow-resellers .tabcontainer { min-height: 140px; } #top .main_color .ow-resellers .tabcontainer .tab { width: 15.6%; margin-right: 0.3%; margin-left: 0.3%; border: solid 1px #252525; color: #252525; text-transform: uppercase; font-size: 16px; text-align: center; font-weight: lighter; padding: 10px 16px 8px 16px; } #top .main_color .ow-resellers .tabcontainer .tab:not(.fullsize-tab) { display: table; min-height: 78px; vertical-align: middle; } #top .main_color .ow-resellers .tabcontainer .tab:not(.fullsize-tab) > span { display: table-cell; vertical-align: middle; } #top .main_color .ow-resellers .tabcontainer .tab.active_tab { border: solid 1px #d58f3e; color: #d58f3e; background: transparent !important; } #top .main_color .ow-resellers .tabcontainer .tab.active_tab:before { content: ''; display: block; width: 30px; height: 25px; position: absolute; bottom: -21px; left: calc(50% - 15px); background-image: url('images/active_tab_icon.jpg'); background-repeat: no-repeat; background-size: initial; background-position: top center; } #top div .main_color .ow-resellers .tabcontainer .tab_content { border: none !important; } #top div .main_color .ow-resellers .tabcontainer .active_tab_content { background: transparent; color: initial; } .main_color .ow-reseller h5 { font-family: 'DINPro', 'Open Sans'; color: #484848; font-size: 25px; font-weight: 400; } .main_color .ow-reseller p > strong { font-weight: bold; color: #484848; font-size: 16px; line-height: 20px; display: table-cell; vertical-align: middle; height: 45px; } .main_color .ow-reseller a { color: #717171; font-size: 18px; font-weight: lighter; display: block; margin-left: 25px; line-height: 25px; margin-top: 3px; margin-bottom: 3px; transition: color 0.3s; word-wrap: break-word; } .main_color .ow-reseller a:hover { color: #d58f3e; } .main_color .ow-reseller a:before { content: ''; display: block; height: 25px; width: 25px; background-size: initial; background-repeat: no-repeat; background-position: center center; position: absolute; left: -1px; } .main_color .ow-reseller a.ow-reseller-url:before { background-image: url('images/reseller-url.png'); } .main_color .ow-reseller a.ow-reseller-email:before { background-image: url('images/reseller-email.png'); } .ow-reseller.flex_column.av_one_fifth { margin-left: 1%; margin-right: 1%; width: 18%; margin-top: 15px; margin-bottom: 20px; } /* RESPONSIVE */ @media only screen and (max-width: 1440px) { .ow-reseller.flex_column.av_one_fifth { margin-left: 2% !important; width: 22%; clear: none !important; } .ow-reseller.flex_column.av_one_fifth:nth-child(4n+1) { clear: left !important; } } @media only screen and (max-width: 1150px) { .ow-reseller.flex_column.av_one_fifth { margin-left: 2% !important; width: 29.33%; clear: none !important; } .ow-reseller.flex_column.av_one_fifth:nth-child(4n+1) { clear: none !important; } .ow-reseller.flex_column.av_one_fifth:nth-child(3n+1) { clear: left !important; } } @media only screen and (max-width: 950px) { .ow-reseller.flex_column.av_one_fifth { margin-left: 2% !important; width: 44%; clear: none !important; } .ow-reseller.flex_column.av_one_fifth:nth-child(4n+1), .ow-reseller.flex_column.av_one_fifth:nth-child(3n+1) { clear: none !important; } .ow-reseller.flex_column.av_one_fifth:nth-child(2n+1) { clear: left !important; } } @media only screen and (max-width: 768px) { .responsive #top .main_color .tabcontainer { border: none; } #top .main_color .ow-resellers .tabcontainer .tab.fullsize-tab { margin: 5px 0; width: 100%; } } @media only screen and (max-width: 480px) { #ow-map-continents { display: none !important; } } /* END RESPONSIVE */ /* END WHERE TO BUY */ /* ABOUT US */ .responsive #ow-about-us-top .container { max-width: 900px; } #ow-about-us-top h1.av-special-heading-tag { font-weight: normal; color: #252525; text-transform: none; text-align: center; margin-bottom: 50px; float: none; } #ow-about-us.main_color h3 { color: #000000; } #ow-about-us.main_color p > strong { color: #282828; font-size: 20px; } #ow-about-us .avia-image-container.avia-align-right { margin-left: 0; } /* RESPONSIVE */ @media only screen and (max-width: 800px) { #ow-about-us .av_one_third, #ow-about-us .av_two_third { margin-left: 0 !important; width: 100%; } } /* END RESPONSIVE */ /* COMPANY HISTORY */ #company-history.main_color h2 { text-transform: none; font-weight: normal; } #ow-history-carousel { max-width: 1410px; margin: 0 auto; padding: 50px 0; } #ow-history-carousel .ow-title { text-align: center; font-size: 30px; color: #c2c2c2; padding: 0 20px; cursor: pointer; font-family: 'DINPro', 'Open Sans', sans-serif; font-weight: 400; } #ow-history-carousel .ow-title.ow-current { color: #c69135; font-family: DINPro; font-weight: 500; } #ow-history-content { background-color: #ffffff; padding: 100px; position: relative; margin-top: 50px; } #company-history.main_color #ow-history-content h3 { color: #2d2d2d; font-family: 'DINPro', 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 40px; } #company-history.main_color #ow-history-content .hr-inner { border-color: #f3f3f3; } #ow-history-content div.ow-title-box { display: table; position: absolute; height: 150px; width: 150px; border-radius: 100%; background-color: #c69135; text-align: center; top: -75px; left: calc(50% - 75px); line-height: 150px; } #ow-history-content div.ow-title-box > span { font-size: 40px; color: #fff; font-family: 'DINPro', 'Open Sans', sans-serif; font-weight: 400; line-height: 40px; display: table-cell; vertical-align: middle; } #ow-history-content .ow-history-slide { padding-top: 20px; } #ow-history-content .ow-hide-content { display: none; } #top main.content #ow-history-content ul { list-style: disc outside; } #top #ow-history-content .avia-gallery div.avia-gallery-thumb { text-align: center; display: block; position: relative; } #top #ow-history-content .avia-gallery div.avia-gallery-thumb > a { width: 15%; margin: 0.5%; display: inline-block; float: none; vertical-align: middle; } #top #ow-history-content .avia-gallery div.avia-gallery-thumb > a img { border: none; } @media only screen and (max-width: 989px) { #top #ow-history-content .avia-gallery div.avia-gallery-thumb > a { width: 30%; margin: 1%; } } @media only screen and (max-width: 768px) { #ow-history-content { padding: 25px; padding-top: 60px; } } @media only screen and (max-width: 480px) { #top #ow-history-content .avia-gallery div.avia-gallery-thumb > a { width: 46%; margin: 1%; } } /* END COMPANY HISTORY */ /* END ABOUT US */ /* FOOTER */ #footer { background-image: url('images/footer_bg.jpg'); background-repeat: repeat-x; background-size: auto 100%; border-top: none; } #footer p { line-height: 1.2em; } #footer > .container > .av_one_fourth:nth-child(4) { width: 18%; } #footer > .container > .av_one_fourth:nth-child(2), #footer > .container > .av_one_fourth:nth-child(3) { width: 18%; } #footer > .container > .av_one_fourth.first { width: 28%; } #footer h3.widgettitle { font-weight: 600; color: #ffffff !important; font-size: 20px !important; text-transform: none !important; } #footer .ow-newsletter { position: relative; bottom: 0; left: 0; right: auto; } #footer .ow-newsletter input { background: transparent !important; color: #fff; } #footer .ow-newsletter input[type="submit"] { color: #d58f3e; border-color: #d58f3e; text-transform: uppercase; } #footer .ow-newsletter input[type='text'].ow-ime { margin-left: 0%; width: 31%; padding-left: 10px; } #footer .ow-newsletter input[type='email'].ow-email { /* width:42%; */ width: calc(65% - 105px); padding-left: 10px; } #footer .ow-newsletter input[type='submit'].ow-submit { /* width:23%; */ width: 105px; } #footer ul.ow-links li { list-style: inside; list-style-type: none; text-indent: 30px; } #footer a { text-decoration: none; transition: all 0.3s; } #footer ul.ow-links li a:before { content: "\E879"; font-family: 'entypo-fontello'; left: -20px; position: absolute; } /* SOCIAL ICONS */ #footer .ow-social-icons { float: left; clear: both; position: relative; width: 100%; margin-bottom: 15px; } #footer a.ow-twitter:before { content: "\E8f1"; width: 40px; height: 40px; text-align: center; margin-left: 0 !important; } #footer a.ow-instagram:before { content: "\E909"; width: 40px; height: 40px; text-align: center; } #footer a.ow-facebook:before { content: "\E8f3"; width: 40px; height: 40px; text-align: center; } #footer a.ow-youtube:before { content: "\E921"; width: 40px; height: 40px; text-align: center; } #footer .ow-social-icons > a:before { font-family: 'entypo-fontello'; color: #828282; background-color: #fff; border-radius: 100%; line-height: 42px; float: left; display: block; font-size: 25px; transition: all 0.3s; margin: 0 5px; } #footer a.ow-twitter:hover:before { background-color: #28a9e0; } #footer a.ow-instagram:hover:before { background-color: #2e5e86; } #footer a.ow-facebook:hover:before { background-color: #3c5899; } #footer a.ow-youtube:hover:before { background-color: #cf3427; } /* END SOCIAL ICONS */ /* RESPONSIVE */ @media only screen and (max-width: 1250px) and (min-width: 989px) { #footer > .container > .av_one_fourth:nth-child(4) { width: 22.5%; } #footer > .container > .av_one_fourth.first { width: 23.5%; } #footer .ow-newsletter input[type='text'].ow-ime, #footer .ow-newsletter input[type='email'].ow-email { width: 49%; } #footer .ow-newsletter input[type='submit'].ow-submit { width: 100%; margin-left: 0; } } @media only screen and (max-width: 989px) { #footer > .container > div.av_one_fourth { width: 48% !important; } #footer > .container > div.av_one_fourth:nth-child(3) { margin-left: 0px; clear: left; } #footer > .container > div.av_one_fourth:nth-child(2), #footer > .container > div.av_one_fourth:nth-child(4) { } #top #footer .ow-newsletter input[type='text'].ow-ime, #top #footer .ow-newsletter input[type='email'].ow-email { width: 49% !important; } #footer .ow-newsletter input[type='submit'].ow-submit { width: 100%; margin-left: 0; } } @media only screen and (max-width: 768px) { #footer > .container > div.av_one_fourth.first, #footer > .container > div.av_one_fourth:nth-child(4) { width: 100% !important; clear: both; margin-left: 0px !important; } #footer > .container > div.av_one_fourth:nth-child(2) { margin-left: 0 !important; clear: left; } #footer > .container > div.av_one_fourth:nth-child(3) { margin-left: 4% !important; clear: none; } #footer .widget { margin: 0; } #footer .ow-newsletter input { margin-left: 0 !important; } #top #footer .ow-newsletter input[type='text'].ow-ime, #top #footer .ow-newsletter input[type='email'].ow-email { width: 100% !important; margin-left: 0 !important; } } @media only screen and (max-width: 480px) { #footer > .container > div.flex_column.av_one_fourth { margin-left: 0 !important; width: 100% !important; clear: both; } #footer .ow-newsletter input { width: 100% !important; margin-left: 0 !important; } #socket .copyright .ow_copyright { float: left; clear: both; } #socket .copyright .ow_copyright a { display: inline; } } /* END RESPONSIVE */ /* END FOOTER */ /* SOCKET */ #socket { border-top: none; } #socket .copyright { font-size: 13px; width: 100%; } #socket .copyright .ow_copyright { float: right; } #socket .copyright .ow_copyright img { vertical-align: middle; margin-bottom: 3px; } @media only screen and (max-width: 480px) { #socket .copyright .ow_copyright { float: left; clear: both; } } /* END SOCKET */ /* ERROR 404 */ #ow-error404 { background-color: #f3f3f3; background-image: url('images/custom_loop_bg.png'); background-repeat: repeat-x; } #ow-error-404-content { text-align: center; } #ow-error404 main.content { padding-bottom: 0 !important; } #ow-error-404-content .ow-container-1320 { min-height: calc(100vh - 590px); display: table; } #ow-error-404-content .ow-container-1320 main { display: table-cell; vertical-align: middle; padding-top: 0px; padding-bottom: 0px; } #ow-error-404-content a { color: #d58f3e !important; } /* END ERROR 404 */ /* 5.12.2015 */ .ow_predvajaj_video .av-image-caption-overlay-center { padding: 0; font-weight: bold; font-family: 'DINPro' Bold, sans-serif; } .ow_predvajaj_video .av-image-caption-overlay-position { bottom: -62px; position: absolute; } .ow_predvajaj_video a { width: 120px; } .ow_predvajaj_video img { margin: auto; } .ow_video_besedilo p { max-width: 1070px; margin: 0 auto 100px; color: #fff; } #ow_low_noise { position: relative; padding: 80px 0 100px; } #ow_low_noise .container, #ow_low_noise .content { position: static } #ow_low_noise .slika { bottom: 0; position: absolute; z-index: 0; right: 15%; } #ow_low_noise h3 { text-indent: 40px; margin: 0 0 35px; } #ow_low_noise p { margin-bottom: 44px; position: relative; background: #252525; color: #fff; font-size: 16px; padding: 40px 0 40px 40px; max-width: 630px; } #ow_low_noise p:after { content: ""; position: absolute; background-color: transparent; bottom: 0; right: -100px; border-top: 138px solid #252525; border-right: 100px solid transparent; } #ow_ddc_pump .container { padding: 0; max-width: none; } #ow_ddc_pump .ow_belo_okno { position: absolute; left: 542px; top: 80px; background: #fff; padding: 30px 10px 40px 50px; display: inline-block; max-width: 307px; } #ow_ddc_pump .ddc_wrapper { padding: 40px 0 50px 60px; } .ow_belo_okno span { position: relative; background: #252525; display: inline-block; padding: 15px 0; font-size: 25px; width: 195px; text-align: center; } .ow_belo_okno span:after { content: ""; position: absolute; background-color: transparent; bottom: 0; right: -15px; border-top: 59px solid #252525; border-right: 15px solid transparent; } .ow_belo_okno p { font-size: 16px; } .ddc_wrapper .avia-image-container { text-align: left; padding: 50px 0 0 25px; } #ow_hovercore_tm .avia-image-container { text-align: left; } #ow_low_noise .first .avia-image-container { text-align: left; padding: 0 0 0 35px; } #ow-aio-supremacy .supremacy-top-text h3:after { content: url(images/oznaka.png); position: absolute; right: 46px; top: 57px; width: 1055px; height: 105px; } #ow-aio-supremacy .supremacy-top-text p { max-width: 538px; float: right; } .ow_vardar_text p:last-child { background: #252525; padding: 25px 0 25px 35px; max-width: 354px; position: relative; color: #fff; font-size: 16px; } .ow_vardar_text p:last-child:after { content: ""; position: absolute; background-color: transparent; bottom: 0; right: -58px; border-top: 137px solid #252525; border-right: 58px solid transparent; } .ow_vardar_text h3, .ow_vardar_text p { padding: 0 0 0 35px; } .vardar_predator_wrapper .avia_textblock p:first-child { font-size: 25px; background: #252525; padding: 35px 0 35px 40px; max-width: 395px; position: relative; color: #fff; } .vardar_predator_wrapper .avia_textblock p:first-child:after { content: ""; position: absolute; background-color: transparent; bottom: 0; right: -67px; border-top: 99px solid #252525; border-right: 67px solid transparent; } .vardar_predator_wrapper .avia_textblock p:nth-child(2) { padding: 0 0 0 40px; font-size: 16px; color: #252525; font-family: 'DINPro', sans-serif; } .vardar_predator_wrapper .avia_textblock strong { color: #252525; } .vardar_predator_wrapper .avia_textblock p:last-child { min-width: 380px; display: inline-block; padding: 0 0 0 45px; color: #252525; font-size: 25px; position: relative; } .vardar_predator_wrapper .avia-image-container { display: inline-block; } .vardar_predator_wrapper.first section { position: absolute; left: 216px; top: 61px; z-index: 0; } .vardar_predator_wrapper.first { padding: 0 0 0 35px; } .vardar_predator_wrapper .avia_textblock p:last-child:after { content: url(images/predator_360_240.png); right: 0; position: absolute; bottom: -7px; } .vardar_predator_wrapper.first .avia_textblock p:last-child { margin: 72px 0 0; } .vardar_predator_wrapper.drugi section { position: absolute; left: 226px; top: 84px; z-index: 0; } .vardar_predator_wrapper.drugi p:last-child { margin: 136px 0 0 150px; } #ow_vardar_fans .flex_column_table:last-child { padding: 45px 0 110px; } #ow_vardar_fans .flex_column_table:last-child .av-flex-placeholder { width: 2%; } #ow_qdc_enabled p { font-size: 16px; font-family: 'DINPro', sans-serif; color: #252525; font-weight: 300; } #ow_qdc_enabled h5 { font-size: 25px; color: #252525; } #ow_qdc_enabled section { max-width: 645px; } #ow_qdc_enabled { background-position: left 64% /*1170px*/ center !important; } #ow_qdc_enabled .avia-image-container { text-align: right; padding: 0 35px 0 0; } #ow_qdc_enabled .avia-builder-el-last { bottom: 53px; } #ow-aio-supremacy { height: 674px; } #ow-aio-supremacy .av_one_full, #ow-aio-supremacy .container, #ow-aio-supremacy .content, #ow-aio-supremacy .post-entry, #ow-aio-supremacy .clearfix { height: 100%; } #ow-aio-supremacy .av_one_full { display: inherit !important; } #video_water_blocks .av-special-heading { margin-top: 0; } /****25.11.2016****/ #ow-aio-supremacy { background-color: #000; } #ow-aio-supremacy .content { padding: 0; } #ow-aio-supremacy .container { max-width: none; margin: 0; } #ow-aio-supremacy .supremacy-image { margin: 0; } #ow-aio-supremacy div.entry-content-wrapper { display: block; } #ow-aio-supremacy .supremacy-text { position: absolute; } #ow-aio-supremacy .supremacy-top-text { position: absolute; top: 120px; left: 50%; font-weight: 600; width: 1770px; color: #fff; text-align: right; transform: translateX(-50%); } #ow-aio-supremacy .supremacy-bottom-text { background-color: #a58350; width: 600px; bottom: 80px; padding-left: 25px; font-weight: 400; color: #fff; } #ow-aio-supremacy .supremacy-bottom-text::after { content: ""; position: absolute; background-color: transparent; bottom: 0; right: -100px; border-bottom: 138px solid #a58350; border-right: 100px solid transparent; } #ow-aio-supremacy .supremacy-bottom-text strong { color: #fff; font-weight: 900; } #ow-aio-supremacy .supremacy-line { display: block; padding-bottom: 10px; position: relative; } #ow-aio-supremacy .supremacy-line::after { content: ""; position: absolute; bottom: 0; width: 200px; height: 2px; background-color: #b99962; left: -3px; } #ow-aio-supremacy .supremacy-after { display: block; padding-top: 10px; } #ow-aio-supremacy .supremacy-bottom-text p { color: #fff; } #ow-aio-supremacy section { max-width: 1670px; margin: auto; /*position:relative;*/ } #ow_hovercore_tm { padding: 100px 0 0; height: 491px; background-size: cover; } #ow-aio-ddcpump div.entry-content-wrapper, #ow-aio-vardar div.entry-content-wrapper { display: block; } #ow-aio-ddcpump .content { padding: 0; } #ow-aio-ddcpump .container { width: 1050px; } #ow-aio-ddcpump h3 { color: #000; font-weight: 900; margin-top: 30px; } #ow-aio-ddcpump div.entry-content-wrapper div.flex_column { display: inline-block; vertical-align: bottom; } #ow-aio-ddcpump #ow-predator-dynamic .ow-img-wrap > img { margin: 0; float: right; } #ow-aio-radiator #ow-predator-dynamic .ow-img-wrap > img { margin: auto; float: none; } #ow-aio-radiator .content { padding-bottom: 0; } #ow-aio-ddcpump .container { width: 100%; } #ow-aio-vardar h3 { background-color: black; padding: 20px 80px; color: #fff; max-width: 400px; position: relative; overflow: hidden; } #ow-aio-vardar h3::after { width: 100px; height: 500px; background-color: #f7f7f7; content: ""; position: absolute; transform: rotate(25deg); top: -50px; } #ow-aio-vardar .container { padding: 0; max-width: 100%; width: 100%; } #ow-aio-vardar .extramargin { margin-left: 30px; } #ow-aio-vardar .content { padding: 0; } #ow-aio-vardar p { font-family: DINPro; font-weight: 400; color: #000; } #ow-aio-vardar p strong { color: #000; } .qdcimg img { width: 70%; margin: auto; } #predator-hovercore .container { padding: 0; max-width: 100%; width: 100%; } #predator-hovercore .content { padding: 0; } #predator-hovercore .flex_column { width: 50%; margin: 0; } #ow-aio-fans .container { padding: 0; max-width: 100%; width: 100%; } #ow-aio-fans .flex_column { width: 50%; margin: 0; } .pwm-text { position: absolute; background-color: transparent; font-family: DINPro; font-weight: 400; top: 30px; width: 300px; padding-right: 80px; overflow: hidden; } #predator-hovercore .pwm-text p { margin: 0; padding: 15px 0 15px 20px; font-size: 14px; line-height: 1.2; background-color: #000; position: relative; z-index: 1; } #predator-hovercore .pwm-text p strong { color: #fff; } #predator-hovercore .pwm-text::after { width: 100px; height: 500px; background-color: #000; content: ""; position: absolute; transform: rotate(25deg); top: -50px; left: 83px; } #predator-hovercore .pwm-image { position: absolute; top: 165px; left: 15px; width: 150px; } /* 5.12.2015 */ .ow_predvajaj_video .av-image-caption-overlay-center { padding: 0; font-weight: bold; font-family: 'DINPro' Bold, sans-serif; } .ow_predvajaj_video .av-image-caption-overlay-position { bottom: -62px; position: absolute; } .ow_predvajaj_video a { width: 120px; } .ow_predvajaj_video img { margin: auto; } .ow_video_besedilo p { max-width: 1070px; margin: 0 auto 100px; color: #fff; } #ow_low_noise { position: relative; padding: 80px 0 100px; } #ow_low_noise .container, #ow_low_noise .content { position: static } #ow_low_noise .slika { bottom: 0; position: absolute; z-index: 0; right: 15%; } #ow_low_noise h3 { text-indent: 40px; margin: 0 0 35px; } #ow_low_noise p { margin-bottom: 44px; position: relative; background: #252525; color: #fff; font-size: 16px; padding: 40px 0 40px 40px; max-width: 630px; } #ow_low_noise p:after { content: ""; position: absolute; background-color: transparent; bottom: 0; right: -100px; border-top: 138px solid #252525; border-right: 100px solid transparent; } #ow_ddc_pump .container { padding: 0; max-width: none; } #ow_ddc_pump .ow_belo_okno { position: absolute; left: 542px; top: 80px; background: #fff; padding: 30px 10px 40px 50px; display: inline-block; max-width: 307px; } #ow_ddc_pump .ddc_wrapper { padding: 40px 0 50px 60px; } .ow_belo_okno span { position: relative; background: #252525; display: inline-block; padding: 15px 0; font-size: 25px; width: 195px; text-align: center; } .ow_belo_okno span:after { content: ""; position: absolute; background-color: transparent; bottom: 0; right: -15px; border-top: 59px solid #252525; border-right: 15px solid transparent; } .ow_belo_okno p { font-size: 16px; } .ddc_wrapper .avia-image-container { text-align: left; padding: 50px 0 0 25px; } #ow_hovercore_tm .avia-image-container { text-align: left; } #ow_low_noise .first .avia-image-container { text-align: left; padding: 0 0 0 35px; } #ow-aio-supremacy .supremacy-top-text h3:after { content: url(images/oznaka.png); position: absolute; right: 46px; top: 57px; width: 1055px; height: 105px; } #ow-aio-supremacy .supremacy-top-text p { max-width: 538px; float: right; } .ow_vardar_text p:last-child { background: #252525; padding: 25px 0 25px 35px; max-width: 354px; position: relative; color: #fff; font-size: 16px; } .ow_vardar_text p:last-child:after { content: ""; position: absolute; background-color: transparent; bottom: 0; right: -58px; border-top: 137px solid #252525; border-right: 58px solid transparent; } .ow_vardar_text h3, .ow_vardar_text p { padding: 0 0 0 35px; } .vardar_predator_wrapper .avia_textblock p:first-child { font-size: 25px; background: #252525; padding: 35px 0 35px 40px; max-width: 395px; position: relative; color: #fff; } .vardar_predator_wrapper .avia_textblock p:first-child:after { content: ""; position: absolute; background-color: transparent; bottom: 0; right: -67px; border-top: 99px solid #252525; border-right: 67px solid transparent; } .vardar_predator_wrapper .avia_textblock p:nth-child(2) { padding: 0 0 0 40px; font-size: 16px; color: #252525; font-family: 'DINPro', sans-serif; } .vardar_predator_wrapper .avia_textblock strong { color: #252525; } .vardar_predator_wrapper .avia_textblock p:last-child { min-width: 380px; display: inline-block; padding: 0 0 0 45px; color: #252525; font-size: 25px; position: relative; } .vardar_predator_wrapper .avia-image-container { display: inline-block; } .vardar_predator_wrapper.first section { position: absolute; left: 216px; top: 61px; z-index: 0; } .vardar_predator_wrapper.first { padding: 0 0 0 35px; } .vardar_predator_wrapper .avia_textblock p:last-child:after { content: url(images/predator_360_240.png); right: 0; position: absolute; bottom: -7px; } .vardar_predator_wrapper.first .avia_textblock p:last-child { margin: 72px 0 0; } .vardar_predator_wrapper.drugi section { position: absolute; left: 226px; top: 84px; z-index: 0; } .vardar_predator_wrapper.drugi p:last-child { margin: 136px 0 0 150px; } #ow_vardar_fans .flex_column_table:last-child { padding: 45px 0 110px; } #ow_vardar_fans .flex_column_table:last-child .av-flex-placeholder { width: 2%; } #ow_qdc_enabled p { font-size: 16px; font-family: 'DINPro', sans-serif; color: #252525; font-weight: 300; } #ow_qdc_enabled h5 { font-size: 25px; color: #252525; } #ow_qdc_enabled section { max-width: 645px; } #ow_qdc_enabled { background-position: left 64% /*1170px*/ center !important; } #ow_qdc_enabled .avia-image-container { text-align: right; padding: 0 35px 0 0; } #ow_qdc_enabled .avia-builder-el-last { bottom: 53px; } #ow-aio-supremacy { height: 674px; } #ow-aio-supremacy .av_one_full, #ow-aio-supremacy .container, #ow-aio-supremacy .content, #ow-aio-supremacy .post-entry, #ow-aio-supremacy .clearfix { height: 100%; } #ow-aio-supremacy .av_one_full { display: inherit !important; } #video_water_blocks .av-special-heading { margin-top: 0; } /* 7.12.2016 */ #ow-predator-images .ow-predator-img.ow-hide { opacity: 0; left: calc(50vw - 450px); transition: all 0.7s; } #ow-predator-images .ow-predator-img { opacity: 1; height: 100%; } #ow-predator-images .ow-predator-img img { max-height: 100%; } #pre-filled-and-pre-assembled .ow_opisno_besedilo { max-width: 1150px; margin: 50px auto 0; float: none; } #ow_ddc_pump #ow-predator-dynamic .ow-img-wrap > img { display: inline-block; margin: 0 auto; vertical-align: bottom; } #ow_ddc_pump #ow-predator-dynamic .ow-img-wrap { padding: 0 100px; } .ow_radiator_qdc { visibility: visible !important; margin: 0 0 0 220px !important; } .ow-video-background-predator { background-size: cover; } @media all and (max-width: 2400px) { .ow_radiator_qdc { visibility: visible !important; margin: 0 0 0 120px !important; } } @media all and (max-width: 2400px) { .ow_radiator_qdc { visibility: visible !important; margin: 0 0 0 20px !important; } } @media all and (max-width: 2200px) { #ow_ddc_pump #ow-predator-dynamic .ow-img-wrap { padding: 0 50px; } #ow_ddc_pump #ow-predator-dynamic > div { background-position: right -200px center !important; } } @media (max-width: 2000px) { #ow_ddc_pump #ow-predator-dynamic > div { background-position: right -300px center !important; } } @media all and (max-width: 1900px) { #ow-aio-supremacy .supremacy-top-text h3:after { content: url(images/oznaka_01.png); right: 0; } #ow-aio-supremacy .supremacy-top-text { top: 80px; left: 36%; } .ow_radiator_qdc { max-width: 300px; } #ow_ddc_pump #ow-predator-dynamic > div { background-position: right -375px center !important; } #ow_ddc_pump #ow-predator-dynamic .ow-img-wrap > img { vertical-align: middle; } } @media all and (max-width: 1800px) { .ddc_wrapper img { width: 350px; } #ow_ddc_pump .ow_belo_okno { left: 433px; } #ow_qdc_enabled { background-position: left 88% center !important; } #ow_ddc_pump #ow-predator-dynamic > div { background-position: right -475px center !important; } } @media all and (max-width: 1700px) { .vardar_predator_wrapper.drugi p:last-child { margin: 147px 0 0 24px; } #ow_ddc_pump #ow-predator-dynamic .ow-img-wrap { background-position: right -510px center !important; padding: 0; } } @media all and (max-width: 1600px) { .ddc_wrapper .avia-image-container { padding: 50px 0 0; } #ow_ddc_pump .ow_belo_okno { left: 408px; } #ow_hovercore_tm { background-position: top right -500px !important; } .vardar_predator_wrapper .avia_textblock p:first-child { max-width: 370px; padding: 35px 0 35px 20px; } #ow_ddc_pump #ow-predator-dynamic img[rel='radiator_image'] { max-width: 800px; } #ow_ddc_pump #ow-predator-dynamic .ow-img-wrap > img { vertical-align: bottom; } } @media all and (max-width: 1500px) { #ow_ddc_pump .ddc_wrapper { padding: 40px 0 50px 40px; } #ow_ddc_pump .ow_belo_okno { left: 388px; } #ow_ddc_pump .ow_belo_okno { padding: 30px 10px 40px 40px; max-width: 283px; } #ow_low_noise .slika { right: 9%; } #ow_low_noise .first { width: 100%; } #ow-aio-supremacy .supremacy-top-text { top: 80px; left: 30%; } .vardar_predator_wrapper.drugi p:last-child { margin: 110px 0 0 18px; } #ow_vardar_fans { padding: 50px 0 0; } #ow_qdc_enabled .avia-image-container { position: relative; bottom: 30px; } #ow_qdc_enabled .first .avia_textblock { max-width: 500px; } .ow_radiator_qdc { max-width: 250px; } #ow_ddc_pump #ow-predator-dynamic .ow-img-wrap { background-position: right -560px center !important; } } @media all and (max-width: 1400px) { /*#ow_ddc_pump .no_margin.av_one_half {width: 100%;display: block;}*/ .ddc_wrapper img { width: 280px; } #ow_ddc_pump .ow_belo_okno { left: 318px; padding: 30px 10px 40px 30px; max-width: 273px; } #ow-aio-supremacy .supremacy-top-text { left: auto; right: 1%; transform: none; } .vardar_predator_wrapper.first { padding: 0; } .vardar_predator_wrapper.first section { left: 180px; } .vardar_predator_wrapper .avia_textblock p:first-child { max-width: 320px; font-size: 21px; } .vardar_predator_wrapper .avia_textblock p:last-child:after { width: 400px; overflow: hidden; } .vardar_predator_wrapper.drugi p:last-child { margin: 110px 0 0; } .vardar_predator_wrapper.first .avia_textblock p:last-child { right: 10px; } .vardar_predator_wrapper .avia_textblock p:last-child { font-size: 21px; text-align: right; } #ow_ddc_pump #ow-predator-dynamic .ow-img-wrap { background: #fff !important; text-align: center; } .page-enterprise-solutions .case-study .av-section-color-overlay { display: none !important; } } @media all and (max-width: 1300px) { #ow_hovercore_tm { background-position: top right -700px !important; } .vardar_predator_wrapper.drugi p:last-child { margin: 59px 0 0; right: 50px; } .vardar_predator_wrapper .avia_textblock p:first-child { max-width: 300px; font-size: 20px; padding: 35px 0 35px 20px; } #ow_qdc_enabled .first .avia_textblock { padding: 75px 0 0; } } @media all and (max-width: 1200px) { #ow_ddc_pump .no_margin.av_one_half { width: 100%; display: block; } .ddc_wrapper img { width: auto; margin: 0 0 0 100px; } #ow_ddc_pump .ddc_wrapper { padding: 40px 0 50px 60px; } #ow_ddc_pump .ow_belo_okno { left: 618px; max-width: 307px; padding: 30px 10px 40px 50px; } .vardar_predator_wrapper img { width: 75%; } .vardar_predator_wrapper.first section { left: 164px; } .vardar_predator_wrapper.drugi section { position: absolute; left: 169px; top: 10px; } #ow-aio-supremacy { background-position: center bottom !important; background-size: 1828px; } #ow_vardar_fans .flex_column_table:last-child .av_one_half { margin: 50px 0 0; width: 100%; display: block; } #ow_vardar_fans .flex_column_table:last-child .av-flex-placeholder { display: none; } .vardar_predator_wrapper.first .avia-image-container { padding: 0 0 0 30px; } .vardar_predator_wrapper .avia_textblock p:last-child:after { width: auto; } .vardar_predator_wrapper.first .avia_textblock p:last-child { margin: 72px 0 0 65px; } .vardar_predator_wrapper.drugi p:last-child { margin: 59px 0 0 100px; } #ow-aio-supremacy .supremacy-top-text h3:after { display: none; } #ow-aio-supremacy .supremacy-top-text { padding: 0 50px; left: auto; top: auto; right: auto; width: auto; position: relative; transform: none; text-align: center; margin: 40px 0 0; } #ow-aio-supremacy .supremacy-top-text p { max-width: none; float: none; } #ow_qdc_enabled { background-position: left 118% center !important; } #ow-aio-supremacy .supremacy-bottom-text { width: 100%; bottom: 0; padding: 0 25px; } #ow-aio-supremacy .container { padding: 0; max-width: none !important; width: 100% !important; } #ow-aio-supremacy { background-position: center bottom 109px !important; height: 766px; } /*test*/ #ow_qdc_enabled .first .avia_textblock { max-width: 400px; } #ow_qdc_enabled p { margin-bottom: 0; } #ow_qdc_enabled h5 { margin-top: 25px; } #ow_predator_izdelki .av_one_fourth { width: 47%; } #ow_predator_izdelki img { max-height: 270px; } #ow_predator_izdelki .av_one_fourth:nth-child(4) { margin-left: 0; } } @media all and (max-width: 1100px) { #ow-predator-titles .ow-titles-wrap .ow-predator-title a { padding: 0 5px; padding-right: 37px; } #ow_low_noise .slika { right: 3%; } #ow_qdc_enabled { background-size: 785px; } #ow_qdc_enabled .container { height: 359px !important; } #ow_qdc_enabled .avia-image-container { bottom: auto; padding: 0; } #ow_qdc_enabled .avia-image-container img { width: 150px; } #ow_predator_izdelki img { max-height: 250px; } #ow_qdc_enabled .avia-builder-el-last { bottom: auto; } } @media all and (max-width: 1000px) { #ow-aio-supremacy { background-position: center bottom 138px !important; height: 810px; } #ow_qdc_enabled { background-position: left 171% center !important; } #ow_qdc_enabled .first .avia_textblock { padding: 25px 0 0; max-width: 309px; } #ow_hovercore_tm { padding: 50px 0; } #ow_ddc_pump #ow-predator-dynamic img[rel='radiator_image'], #ow_ddc_pump #ow-predator-dynamic img { max-width: 100%; } #ow_ddc_pump #ow-predator-dynamic { padding: 0 50px; } } @media all and (max-width: 989px) { #ow_ddc_pump .container { max-width: 100% !important; width: 100% !important; } .ddc_wrapper img { margin: 0 0 0 50px; } #ow_ddc_pump .ow_belo_okno { left: 568px; } #ow_low_noise { padding: 50px 0 350px; } #ow_low_noise .slika { right: 15%; position: absolute; width: 100%; margin: 0; } } @media all and (max-width: 950px) { #ow_qdc_enabled { background-position: left 200% center !important; } #ow-predator-images .ow-predator-img { bottom: 0; width: 90%; left: 50%; transform: translateX(-50%); } #ow-predator-slider { padding-bottom: 90px; } #ow-predator-titles .ow-titles-wrap { padding: 0 0 0 22.5px; width: 100%; text-align: center; } #ow-predator-images { width: 100%; } #ow-predator-images .ow-predator-img.ow-hide { left: 50%; transform: translateX(-50%); } } @media all and (max-width: 900px) { #ow-predator-titles .ow-titles-wrap .ow-predator-title a { padding: 0; padding-right: 32px; } .ddc_wrapper img { margin: 0; width: 350px; } #ow_ddc_pump .ow_belo_okno { left: 408px; } #ow_ddc_pump .ddc_wrapper { padding: 40px 0 100px 60px; margin-bottom: 0 !important; } #ow_low_noise p { max-width: calc(100% - 50px); } #ow-aio-supremacy { background-size: 1500px; height: 750px; } #ow_qdc_enabled .container { height: 332px !important; } #ow_qdc_enabled .avia-image-container img { width: 125px; } #ow_qdc_enabled { background-size: 726px; } } @media all and (max-width: 850px) { #ow_qdc_enabled .el_after_av_one_half { top: 150px; } #ow_qdc_enabled .avia-image-container { text-align: left; } #ow_qdc_enabled { background-position: right -219px center !important; } #ow_qdc_enabled .first .avia_textblock { padding: 0 0; } } @media all and (max-width: 768px) { #ow-predator-titles .ow-titles-wrap .ow-predator-title a { padding: 0 15px; padding-right: 47px; } #ow-predator-titles .ow-titles-wrap { padding: 0 0 0 22.5px; } #pre-filled-and-pre-assembled p { text-align: center !important; } #ow_ddc_pump .ow_belo_okno { left: auto; position: relative; margin: 50px auto 0; top: auto; float: none; display: block; } #ow_ddc_pump .ddc_wrapper { padding: 40px 0 60px; } #ow_ddc_pump h3, #ow_hovercore_tm .avia_textblock { text-align: center; } .ddc_wrapper .avia-image-container { display: none; } #ow_hovercore_tm .avia-image-container-inner { display: block; } #ow_hovercore_tm img { margin: auto; } #ow_low_noise p:after { border-top: 167px solid #252525; } #ow_low_noise .flex_column { margin-bottom: 0 !important; } .vardar_predator_wrapper .avia_textblock p:last-child:after { width: 400px; } .vardar_predator_wrapper.first .avia_textblock p:last-child { margin: 72px 0 0 -70px; } .vardar_predator_wrapper.drugi p:last-child { margin: 33px 0 0 -36px; } .ow_vardar_text h3, .ow_vardar_text p { padding: 0; } #ow-aio-supremacy { background-size: 1200px; height: 700px; } #ow_qdc_enabled .el_after_av_one_half { top: 0; } #ow_qdc_enabled { background-position: left 310px center !important; background-size: cover; padding: 50px 0; } #av_section_1.ms_news_colorbox div.av_one_half { width: 100%; margin: 0; } #ow_predator_izdelki .av_one_fourth { margin-bottom: 0 !important; padding-bottom: 50px; padding-top: 30px; border-bottom: 1px solid #ba9765; } #ow_predator_izdelki .av_one_fourth:last-child { border-bottom: 0; } #ow_hovercore_tm { background-position: top right !important; height: auto; } #ow_low_noise p { padding: 40px; max-width: none; } #ow_low_noise p:after { display: none; } #ow_low_noise h3 { text-indent: 0; text-align: center; } .ow_vardar_text { text-align: center; } .ow_vardar_text p:last-child { margin: auto; } #ow_vardar_fans { padding: 50px 0; } #ow_vardar_fans .flex_column_table:last-child { padding: 0; } .ow_radiator_qdc { max-height: 300px; } } @media all and (max-width: 700px) { #ow_low_noise { padding: 50px 0 250px; } #ow-head-banner main.content { padding-bottom: 0; } #ow_ddc_pump #ow-predator-dynamic { padding: 0 10px; } } @media all and (max-width: 600px) { #ow_low_noise p:after { display: none; } #ow_low_noise p { max-width: none; width: 100%; padding: 40px; } #ow-aio-supremacy { background-size: 1000px; height: 650px; } #ow-aio-supremacy .supremacy-top-text { padding: 0 30px; } #ow-predator-images .ow-predator-img.ow-hide { bottom: 0; } #ow-predator-titles, #ow-predator-titles .ow-titles-wrap { height: 82px; } #ow-predator-images .ow-predator-img > img { max-width: 100%; } #ow-predator-images { height: 240px; } .ow_radiator_qdc { max-height: 250px; } } @media all and (max-width: 550px) { #ow-aio-supremacy { background-position: center bottom 166px !important; height: 680px; } } @media all and (max-width: 500px) { #ow_qdc_enabled .first .avia_textblock { padding: 0; max-width: none; } #ow_qdc_enabled .avia-image-container, #ow_qdc_enabled .first .avia_textblock { text-align: center; } #ow_qdc_enabled { background: none !important; } #ow-predator-images { height: 200px; } .ow_vardar_text p:last-child:after { display: none; } .ow_vardar_text p:last-child { background: #252525; padding: 25px 35px; } } @media all and (max-width: 490px) { #ow-aio-supremacy { background-position: center bottom 195px !important; height: 720px; background-size: 851px; } } @media only screen and (max-width: 480px) { #ow_low_noise { padding: 50px 0 200px; } #ow-predator-images .ow-predator-img > img { max-width: 350px; } #ow-predator-titles .ow-titles-wrap .ow-predator-title a { padding: 0 5px; padding-right: 37px; } #ow_low_noise p { max-width: none; width: 100%; text-align: center; padding: 40px 25px; } } @media only screen and (max-width: 400px) { #ow-predator-images .ow-predator-img > img { max-width: 300px; } #ow-predator-titles .ow-titles-wrap .ow-predator-title a { padding: 0; padding-right: 32px; } #ow-aio-supremacy { background-position: center bottom 224px !important; height: 760px; background-size: 851px; } #ow-aio-supremacy .supremacy-top-text h3 { font-size: 36px; } #ow-aio-supremacy .supremacy-top-text p { font-size: 17px; } #ow_low_noise { padding: 50px 0 175px; } #ow-aio-supremacy { background-position: center bottom 196px !important; height: 730px; } .ow_radiator_qdc { max-height: 200px; } } @media only screen and (max-width: 384px) { #ow-aio-supremacy { background-position: center bottom 223px !important; } } @media only screen and (max-width: 350px) { #ow-aio-supremacy { height: 760px; } #ow-predator-images .ow-predator-img > img { max-width: 300px; } #ow-predator-titles .ow-titles-wrap .ow-predator-title a { padding: 0; padding-right: 32px; font-size: 19px; } } #av-layout-grid-1.ms_news_gridbox .flex_cell { padding: 0 !important; } #av_section_1.ms_news_colorbox .content { width: 100%; } .ow_logogrid .avia-smallarrow-slider-heading { display: none; } .ow_logogrid { max-width: 750px; margin: 0 auto; margin-bottom: 40px; } #ms-copper-vs-aluminum h3 { color: #000000; text-align: center; float: none; text-transform: none; } #ms-copper-vs-aluminum .avia_textblock p { color: #717171; } #ms-copper-vs-aluminum div.avia_textblock { min-height: 125px; } #ms-copper-vs-aluminum div.av_one_half.first::after { content: " "; width: 1px; height: 80%; position: absolute; right: -6.5%; transform: translateX(-50%); display: block; top: 4%; visibility: visible; opacity: 1; border-right: 1px solid #d2d2d2; } #ms-copper-vs-aluminum .avia-image-container.avia-align-center { margin: 0 auto 30px auto; } @media only screen and (max-width: 767px) { #ms-copper-vs-aluminum div.av_one_half.first::after { display: none; } } /*MAILERLITE NEWSLETTER CSS*/ #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form { position: relative; padding-top: 20px; } #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] { position: relative; top: 1px; } #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description { padding-left: 20px !important; } #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background-color: #d58f3e !important; border-color: #d58f3e !important; padding: 10px 0 !important; } #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background-color: #c78c46 !important; border-color: #c78c46 !important; } #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { padding: 0 !important; } .ml-error .label-description a { background: url(https://bucket.mlcdn.com/images/default/error-icon.png) right center no-repeat !important; padding-right: 20px; background-size: 15px 15px !important; } #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent { margin: 16px 0 20px 0 !important; } .inner_sidebar #text-7 #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody h4 { display: none; } .inner_sidebar #text-7 #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a, .inner_sidebar #text-7 #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:first-letter, .inner_sidebar #text-7 #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody p { color: #282828 !important; line-height: 14px; } .inner_sidebar #text-7 #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm { padding: 0; } @media only screen and (max-width: 1630px) { .inner_sidebar #text-7 .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 60%; } .inner_sidebar #text-7 .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 40%; } } /* newsletter form on homepage in news section */ #top #ow-home-postslider .avia-smallarrow-slider { padding-bottom: 0 !important; } #ow-home-newsletter { width: 100%; height: auto; background: #333333; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer { max-width: 650px; width: 100%; margin: 0 auto; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent { margin: 0 0 20px 0 !important; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm { padding-bottom: 0; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody h4 { color: #fff !important; font-size: 25px; font-weight: 400; font-family: 'DINPro', open sans; text-align: center; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a, #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:first-letter, #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody p { color: #fff !important; font-size: 11px; line-height: 14px; text-align: center; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-checkboxRow { display: flex; justify-content: center; margin-top: 16px; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-checkboxRow p { text-align: initial !important; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { background: #fff !important; margin-bottom: 0; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::placeholder { color: #B9B9B9 !important; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background-color: #F89829 !important; text-transform: uppercase !important; font-size: 18px !important; cursor: pointer; font-weight: normal; } #ow-home-newsletter #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover { background: #FFAF58 !important; } #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { font-size: 12px !important; } /* Newsroom style */ .clearNews:after, .clearPageAll:after { content: "."; display: block; height: 0px; font-size: 0; clear: both; visibility: hidden; line-height: 0px; } #av_section_1 .template-page h3 { max-width: 1200px; width: 100%; padding: 0; margin: 0 auto; } #profileNewsroom { max-width: 1200px; width: 100%; padding: 0; position: relative; margin: 0 auto; } #profileNewsroom h3 { color: #222; display: block; text-align: center; padding-bottom: 50px; } #profileNewsroom ul { width: auto; height: auto; margin: 0; padding: 0; list-style-type: none; } #profileNewsroom ul li { width: 33.33%; float: left; margin: 0; padding: 0; list-style-type: none; border-left: 1px solid #cccccc; } #profileNewsroom ul li:last-child { border-right: 1px solid #cccccc; } #profileNewsroom ul li a { display: block; text-align: center; padding: 20px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #profileNewsroom ul li a#streamers span:first-child { max-width: 135px; height: 100px; display: block; text-indent: -123456px; margin: 0 auto; margin-bottom: 30px; background: url(images/streamers.svg) no-repeat center top; background-size: 90%; } #profileNewsroom ul li a#streamers:hover { background: #406c85; } #profileNewsroom ul li a#streamers:hover span:first-child { background: url(images/streamers.svg) no-repeat center -177px; background-size: 90%; } #profileNewsroom ul li a#youtubers span:first-child { max-width: 135px; height: 100px; display: block; text-indent: -123456px; margin: 0 auto; margin-bottom: 30px; background: url(images/youtubers.svg) no-repeat center top; background-size: 90%; } #profileNewsroom ul li a#youtubers:hover { background: #406c85; } #profileNewsroom ul li a#youtubers:hover span:first-child { background: url(images/youtubers.svg) no-repeat center -168px; background-size: 90%; } #profileNewsroom ul li a#influencers span:first-child { max-width: 135px; height: 100px; display: block; text-indent: -123456px; margin: 0 auto; margin-bottom: 30px; background: url(images/brandAssets.svg) no-repeat center top; background-size: 90%; } #profileNewsroom ul li a#influencers:hover { background: #406c85; } #profileNewsroom ul li a#influencers:hover span:first-child { background: url(images/brandAssets.svg) no-repeat center -175px; background-size: 90%; } #profileNewsroom ul li a label { color: #bdbdbd; display: block; text-align: center; text-transform: uppercase; line-height: 17px; } #profileNewsroom ul li a span { color: #406c85; display: block; text-align: center; font-size: 13px; line-height: 17px; font-weight: 300; margin-top: 5px; } #profileNewsroom ul li a:hover label { color: #fff; } #profileNewsroom ul li a:hover span { color: #fff; } #profileNewsroom a#pressReleases { width: 280px; height: auto; margin: 0 auto; display: block; margin-top: 50px; background: #222222; color: #fff; padding: 15px; text-align: center; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #profileNewsroom a#pressReleases:hover { background: #406c85; } .pressInquiries { background: #f6f6f6; padding: 30px 0; } .main_color .pressInquiries h3 { color: #222222; text-align: center; font-family: 'DINPro', helveticaneue, helvetica neue, Helvetica, Arial, sans-serif; font-weight: 600; display: block; font-size: 25px; } .pressInquiries.avia_ajax_form .form_element_half { width: 47.5%; margin-left: 5%; } .pressInquiries.avia_ajax_form .first_form { margin-left: 0; } .pressInquiries.avia_ajax_form #avia_1_1 p { display: block; color: #222222; margin: 0; margin-bottom: 40px; font-size: 15px; text-align: center; font-family: 'DINPro', helveticaneue, helvetica neue, Helvetica, Arial, sans-serif; font-weight: 300; } #top form.pressInquiries { max-width: 1200px; width: 100%; height: auto; margin: 0 auto; display: block; float: none; } #top .pressInquiries label { font-weight: normal; color: #222222; font-family: 'DINPro', helveticaneue, helvetica neue, Helvetica, Arial, sans-serif; margin: 0; } #top .pressInquiries label .required { color: #eb9034; } #top .main_color .pressInquiries input[type=text], #top .main_color .pressInquiries textarea { margin-bottom: 5px; background: #fff; font-family: 'DINPro', helveticaneue, helvetica neue, Helvetica, Arial, sans-serif; color: #222222; } #top .main_color .pressInquiries input[type=submit].button { width: 230px; height: 65px; line-height: 40px; display: block; background: #eb9034; font-size: 23px; color: #fff; text-transform: uppercase; font-weight: 100; border: none; margin: 0 auto; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } #top .main_color .pressInquiries input[type=submit].button:hover { background: #222222; } @media only screen and (max-width: 786px) { #profileNewsroom ul li { width: 100%; border: none; border-bottom: 1px solid #cccccc; } #profileNewsroom { padding-bottom: 0; margin-bottom: 20px; } #profileNewsroom ul li:last-child { border: none; } #top .main_color .pressInquiries input[type=text], #top .main_color .pressInquiries textarea { margin-bottom: 0; } .pressInquiries.avia_ajax_form .form_element_half { width: 100%; margin-left: 0%; float: none; } } /*adding wrapper around the text - max width 900px;*/ .wp900 { max-width: 900px; width: 100%; height: auto; margin: 0 auto !important; padding: 0; float: none !important; } .wp900sep { max-width: 900px; width: 100%; height: auto; margin: 30px auto !important; padding: 30px 0; float: none; } .wp900.justify { text-align: justify; } /* changing footer that is the same as on the shop*/ .tooltip { display: inline; cursor: help; } .tooltip img { padding-right: 3px; } #footer { font-size: 14px; line-height: 20px; } #footer #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { background: #fff !important; margin-bottom: 0; } #footer #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::placeholder { color: #B9B9B9 !important; } #footer #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background-color: #F89829 !important; text-transform: uppercase !important; font-size: 14px !important; cursor: pointer; font-weight: normal; } #footer #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover { background: #FFAF58 !important; border: none !important; } #footer h6 { font-size: 20px; font-weight: 600; margin: 15px 0; } #footer .flex_column .widget .widgettitle { margin-top: 0; margin-bottom: 20px; } #footer ul.ow-links li a { padding: 4px 0; display: block; } #footer > .container > .av_one_fourth.first, #footer > .container > .av_one_fourth:nth-child(2), #footer > .container > .av_one_fourth:nth-child(3), #footer > .container > .av_one_fourth:nth-child(4) { width: 23%; padding: 0; margin: 0 1%; } #footer > .container > .av_one_fourth.first .widget { margin-bottom: 0; } #footer > .container > .av_one_fourth.first .widget:nth-child(2n) { margin-top: 0; } #footer > .container > .av_one_fourth:nth-child(3) h6 { margin: 25px 0; } #socket .copyright .ow_copyright { position: relative; padding-right: 70px; } #socket .copyright .ow_copyright a#footerLogoWebNinja { width: 60px; height: 20px; text-indent: -123456px; display: block; position: absolute; top: 0; right: 0; background: url(images/logoFooterWebNinja.svg) no-repeat 0 0; } #socket .copyright .ow_copyright a#footerLogoWebNinja:hover { opacity: 0.6; cursor: pointer; } @media only screen and (max-width: 980px) { #socket .copyright { text-align: center; } #socket .copyright span.ow_copyright { position: relative; padding-right: 0; float: none; display: block; width: 210px; margin: 0 auto; } .shadow-why-lc-section .av-section-color-overlay + .container { padding-top: 0; } .content, .sidebar { padding-top: 20px; padding-bottom: 20px; } .benefits-box { padding-top: 0 !important; } .micro-testimonials { padding-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 480px) { #socket .copyright a { display: block; } #socket .copyright span { display: none; } #socket .copyright span.ow_copyright { display: block; } .advantage-box > section.av_textblock_section { width: 67%; transform: inherit; } .hr { margin: 0; height: 10px; line-height: 10px; } } /*main menu responsive fix*/ @media only screen and (max-width: 1450px) { .av-main-nav > li > a { padding: 0 10px; } .container.av-logo-container { padding: 0 20px } } @media only screen and (max-width: 1235px) { .av-main-nav > li > a { padding: 0 5px; } } @media only screen and (max-width: 1150px) { #avia-menu.menu.av-main-nav li { display: none; } #avia-menu.menu.av-main-nav li.av-burger-menu-main.menu-item-avia-special { display: block; } } /*cookie css design*/ .cookie-bar-bar button#catapultCookie { padding: 10px 20px; font-size: 17px; } .has-cookie-bar #catapult-cookie-bar { font-size: 14px; line-height: 20px; } #catapult-cookie-bar a { text-decoration: underline; } table.cookieTable { margin-bottom: 20px; } table.cookieTable th { letter-spacing: normal; line-height: 19px; } table.cookieTable tr td { line-height: 19px; } /*rgb landing page*/ .videoWrapper .container { max-width: 100%; height: 400px; overflow: hidden; margin: 100px 0; padding: 0; } .videoWrapper .container .template-page.content { padding-top: 0; } #top .videoWrapper .avia-video .mejs-container { height: 350px !important; width: 100% !important; } .wpcf7-response-output { border-width: 1px !important; } @media only screen and (max-width: 770px) { .responsive .page-ek-rgb-liquid-cooling-kits-test#top #wrap_all #main .container { max-width: 100%; width: 100%; padding: 0; } .responsive .page-ek-rgb-liquid-cooling-kits-test#top #wrap_all #main #footer .container { max-width: 85%; width: 85%; padding: 0; } .responsive .page-ek-rgb-liquid-cooling-kits-test#top #wrap_all #main .container .avia_textblock { text-align: center; padding: 0 30px } .responsive .page-ek-rgb-liquid-cooling-kits-test#top #wrap_all #main .container .av-content-full .flex_column { padding: 0 !important; } .responsive .page-ek-rgb-liquid-cooling-kits-test#top #wrap_all #main .container .avia-image-container.avia-align-right { margin: 0; } } /*choose your color*/ #after_section_1 { background: #000000; border: none; } #rgb { max-width: 1000px; width: 100%; height: auto; margin: 0 auto; padding: 0; padding-bottom: 30px; } #rgb .owl-nav { display: none; } #rgb .owl-dots { position: absolute; left: 50%; margin-left: -150px; } #rgb.owl-carousel .owl-dots button { width: 22px; height: 22px; display: block; border-radius: 20px; background: #f0d031; margin: 4px; float: left; border: 2px solid #000; } #rgb.owl-carousel .owl-dots button:nth-child(1) { background: #f0d031; } #rgb.owl-carousel .owl-dots button:nth-child(2) { background: #e87911; } #rgb.owl-carousel .owl-dots button:nth-child(3) { background: #f92500; } #rgb.owl-carousel .owl-dots button:nth-child(4) { background: #f13291; } #rgb.owl-carousel .owl-dots button:nth-child(5) { background: #c71aec; } #rgb.owl-carousel .owl-dots button:nth-child(6) { background: #401eeb; } #rgb.owl-carousel .owl-dots button:nth-child(7) { background: #23cfed; } #rgb.owl-carousel .owl-dots button:nth-child(8) { background: #1380e7; } #rgb.owl-carousel .owl-dots button:nth-child(9) { background: #1feccc; } #rgb.owl-carousel .owl-dots button:nth-child(10) { background: #85ec1f; } #rgb.owl-carousel .owl-dots button:hover, #rgb.owl-carousel .owl-dots button.active { border: 2px solid #fff; } #rgb.owl-carousel .owl-dots:before { content: "Choose color for preview"; color: #fff; position: absolute; display: block; top: -30px; width: 300px; text-align: center; font-weight: 100; font-size: 13px; text-transform: uppercase; } .kitBoxesRGB.main_color { max-width: 1250px; width: 100%; margin: 0 auto; float: none; padding: 0; } .kitBoxesRGB.main_color ul.kitDescription { width: 100%; max-width: 430px; margin: 0 auto; margin-bottom: 40px; padding: 0; background: #000; } .kitBoxesRGB.main_color ul.kitDescription li { list-style-type: none; margin: 0; padding: 0px 5px; border-bottom: 1px solid #222222; font-size: 13px; color: #fff; } .kitBoxesRGB.main_color ul.kitDescription li:hover { background: #222222; } .kitBoxesRGB.main_color ul.kitDescription li strong { color: #eb9034; display: inline-block; width: 120px; text-transform: uppercase; border-right: 1px solid #222222; padding: 3px 0; } .kitBoxesRGB.main_color ul.kitDescription li:hover strong { border-right: 1px solid #444444; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color.avia-section-large .content { padding-bottom: 0; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color .container { max-width: 100%; width: 100%; padding: 0; margin: 0; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color .wp1200 { max-width: 1150px; width: 100%; padding: 0; margin: 0 auto; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color h3.center { margin-bottom: 20px; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color .center { text-align: center; color: #fff; margin-bottom: 50px; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color h2.center { max-width: 100%; margin: 30px 0; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #fullWidthVideoRGBWrapper { max-width: 1150px; width: 100%; margin: 0 auto; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #fullWidthVideoRGB { position: relative; padding-top: 56.25%; margin: 70px 0; pointer-events: none; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #performanceSlider { width: 100%; margin-bottom: 100px; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #performanceSlider .col1_2 { width: 50%; float: left; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #performanceSlider .owl-carousel { max-width: 700px; width: 100%; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #performanceSlider .owl-carousel img { max-width: 100%; width: auto; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #performanceSlider .owl-carousel .owl-dots { display: none; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #performanceSlider .col1_2 p { color: #fff; text-align: justify; padding-left: 50px; font-size: 16px; margin-top: 0; margin-top: 25px; } .container .template-page.content.av-content-full.alpha.units .post-entry.post-entry-type-page.post-entry-15358 p#footerRGB { max-width: 1150px; color: #fff; margin: 0 auto; padding-bottom: 40px; text-align: center; } #ow-why-cooling-main.main_color.supportedRGB p.center { max-width: 1150px; color: #000; text-align: center; margin: 0 auto; margin-top: 20px; } #ow-why-cooling-main.main_color.supportedRGB h2#whiteSupported { margin-bottom: 50px; } #ow-why-cooling-main.main_color.supportedRGB .avia_image { margin-bottom: 20px } .page-id-15358 #after_section_4 .template-page { display: none; } .videoDisplayNone { padding-bottom: 0; } @media only screen and (max-width: 1200px) { #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color .wp1200 { padding: 0 20px; } } @media only screen and (max-width: 1000px) { #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #performanceSlider .owl-carousel { margin-bottom: 40px } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #performanceSlider .col1_2 { width: 100%; float: none; } #top #wrap_all #main .RGBvideoWithSlider#ow-why-cooling-main.main_color #performanceSlider .col1_2 p { text-align: center; padding-left: 0; } } /*end RGB landing page */ /*underline links on cookie policy page*/ .underlineLinks a { text-decoration: underline; } .underlineLinks a:hover { text-decoration: none; } /*********************************************************** ************************************************************ ***************** Velocity page **************************** ************************************************************ ***********************************************************/ #top.velocity { text-align: justify; } #top.velocity h1, #top.velocity h2 { text-align: left; } #top.velocity .sectionSix .container h1 { text-align: center; } #top.velocity .velocityGradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+31,3b3b3b+100 */ background: rgb(0, 0, 0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 31%, rgba(59, 59, 59, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 31%, rgba(59, 59, 59, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 31%, rgba(59, 59, 59, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3b3b3b', GradientType=0); /* IE6-9 */ } #top.velocity #main .container { max-width: 1150px !important; padding: 80px 0; font-family: 'Roboto', sans-serif !important; font-weight: 100; font-size: 20px; line-height: 24px; } #top.velocity .main_color p, #top.velocity .main_color li { font-family: 'Roboto', sans-serif !important; font-size: 20px; line-height: 24px; font-weight: 100; } #top.velocity #main .velocitySprite .container { max-width: none !important; padding: 0; } #top.velocity { font-family: 'Roboto', sans-serif !important; font-size: 20px; line-height: 24px; font-weight: 100; text-transform: none; letter-spacing: 0px; } #top.velocity h1, #top.velocity h2 { font-family: 'DINProMedium', sans-serif !important; margin-bottom: 30px; font-size: 60px; font-weight: 500; text-transform: none; letter-spacing: 0px; } #top.velocity div.clearPageAll h1 { font-size: 60px; text-align: center; color: #000; margin-bottom: 80px; font-family: 'DINProMedium', sans-serif !important; font-weight: 500; text-transform: none; letter-spacing: 0px; } #top.velocity .main_menu li.current-menu-item > a, #top.velocity .main_menu li.current-page-ancestor > a, #top.velocity .main_menu li.menu-item > a:hover { color: #f79729 !important; } #top.velocity #header_main { background: #000; } #top.velocity .main_menu li.menu-item > a { color: #fff; } #top.velocity #ow-after-header { position: relative; z-index: 2; } #top.velocity #ow-after-header, #top.velocity #ow-after-header .container { background: #181818; border-top: 1px solid #181818 } #top.velocity #ow-after-header .container li.pagenav h6 { color: #fff; } #top.velocity #ow-after-header .container li.pagenav ul li.page_item a { color: #fff; } #top.velocity #ow-after-header .container #ow-login-wrap a.avia-button { border-color: #979797; color: #979797; } #top.velocity .button-green a { height: 45px; width: 230px; padding-right: 40px !important; font-size: 16px; line-height: 35px; font-weight: 100; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; letter-spacing: 0; white-space: nowrap; background-image: linear-gradient(to right, #82bd00 0%, #82bd00 33.3%, #1e1a1b 33.3%, #1e1a1b 66.6%, #82bd00 66.6%, #82bd00 100%); background-size: 309% 200%; border: none; transition: all .3s; clip-path: polygon(0 0, 115% 0, calc(100% - 20px) 100%, 0 100%); -webkitclip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%); } #top.velocity .button-green a:hover { background: #82bd00d1; } #top.velocity .button-green a.avia-button.avia-size-large { font-size: 23px; padding: 5px 30px 13px; } #top.velocity #ow-after-header { border-top: none; } #top.velocity .avia-section { min-height: 1px; border: none; } #top.velocity .main_color { border: none; } /*section ONE*/ #top.velocity .sectionOne .container #fullWidthVideoWrapper { max-width: 1600px; width: 1600px; margin: 0 auto; } #top.velocity .sectionOne .container #fullWidthVideo { position: relative; padding-top: 56.25%; pointer-events: none; } #top.velocity .sectionOne .container #fullWidthVideoWrapper #videoShadow { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-shadow: inset 10px -10px 200px 200px rgba(0, 0, 0, 1); -moz-box-shadow: inset 10px -10px 200px 200px rgba(0, 0, 0, 1); box-shadow: inset 10px -10px 200px 200px rgba(0, 0, 0, 1); } #top.velocity .sectionOne .container .owl-two { position: relative; right: -300px; top: -30px; } #top.velocity .sectionOne .container .button-orangeBottom { width: 200px; height: 45px; display: block; text-align: center; font-size: 15px; color: #fff; line-height: 25px; font-weight: 100; clip-path: polygon(0 0, 100% 0, calc(100% - 75px) 100%, 0 100%); } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne { background: #000; padding: 0; padding-bottom: 80px; position: relative; } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .container { padding: 0; } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .container #fullWidthVideoWrapper { position: relative; left: 0; margin-top: -160px; } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .absolutePosition { max-width: 660px; position: absolute; bottom: 0; clip-path: polygon(0 0, 140% 0, calc(90% - 5px) 100%, 0 100%); padding: 20px 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0+1,0.5+100 */ background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 1%, rgba(255, 255, 255, 0.15) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 1%, rgba(255, 255, 255, 0.15) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 1%, rgba(255, 255, 255, 0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80ffffff', GradientType=1); /* IE6-9 */ } /* IE6-9 */ #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .absolutePosition h1 { margin-bottom: 40px; } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .absolutePosition p.noMargin { margin-bottom: 0; } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .absolutePosition p.margin40 { margin-bottom: 40px; margin-top: 0; } #top.velocity .velocityGradient.sectionOne .av_inherit_color p { max-width: 450px; line-height: 24px; margin: 40px 0; font-size: 20px; } #top.velocity #main .blackBackground.sectionOne { padding: 140px 0; background: #000; } /*section TWO*/ #top.velocity #main .sectionTwo { padding: 0; min-height: 600px; background-color: #000; background-image: url(images/velocity/EK-velocityBackground.jpg); background-position: calc(50% - 310px) 50%; color: #fff; background-repeat: no-repeat; } #top.velocity #main .sectionTwo .container { padding-top: 200px; color: #fff; } #top.velocity #main .sectionTwo .container h1 { color: #fff; } /*section THREE*/ #top.velocity #main .sectionThree { background: #000; } #top.velocity #main .sectionThree .avia-slideshow-dots.avia-slideshow-controls { display: none; } #top.velocity #main .sectionThree .avia-slideshow-arrows a { width: 30px; height: 55px; opacity: 1; } #top .av-control-minimal .avia-slideshow-arrows a.prev-slide:before { border: none; text-indent: -123456px; background: url(images/velocity/nav-prev_avia.svg) no-repeat 0 0; background-size: auto 110px; } #top .av-control-minimal .avia-slideshow-arrows a.next-slide:before { border: none; text-indent: -123456px; background: url(images/velocity/nav-next_avia.svg) no-repeat 0 0; background-size: auto 110px; } #top .av-control-minimal .avia-slideshow-arrows a.prev-slide:hover:before { background: url(images/velocity/nav-prev_avia.svg) no-repeat 0 -54px; background-size: auto 110px; } #top .av-control-minimal .avia-slideshow-arrows a.next-slide:hover:before { background: url(images/velocity/nav-next_avia.svg) no-repeat 0 bottom; background-size: auto 110px; } #top.velocity #main .sectionThree .owl-three span { display: block; text-align: center; color: #fff; } #top.velocity #main .sectionThree .owl-three .owl-nav { position: absolute; top: 50%; left: 0; right: 0; margin-top: -27px; } #top.velocity #main .sectionThree .owl-three .owl-nav .owl-prev { width: 30px; height: 55px; border: none; text-indent: -123456px; background: url(images/velocity/nav-prev_avia.svg) no-repeat 0 0; background-size: auto 110px; } #top.velocity #main .sectionThree .owl-three .owl-nav .owl-next { width: 30px; height: 55px; float: right; border: none; text-indent: -123456px; background: url(images/velocity/nav-next_avia.svg) no-repeat 0 0; background-size: auto 110px; } #top.velocity #main .sectionThree .owl-three .owl-nav .owl-prev:hover { background: url(images/velocity/nav-prev_avia.svg) no-repeat 0 -54px; background-size: auto 110px; } #top.velocity #main .sectionThree .owl-three .owl-nav .owl-next:hover { background: url(images/velocity/nav-next_avia.svg) no-repeat 0 bottom; background-size: auto 110px; } /*section FIVE*/ #top.velocity #main .sectionFive { color: #fff; font-weight: 100; padding: 80px 0; padding-bottom: 40px; } #top.velocity #main .sectionFive .container { padding: 0; } #top.velocity #main .sectionFive .av-section-color-overlay-wrap .av-section-color-overlay { background: url(images/velocity/velocityPattern.svg) no-repeat right bottom; background-size: auto 750px; } #top.velocity #main .sectionFive h2 { color: #fff; margin-bottom: 30px; } #top.velocity #main .sectionFive .descriptionResponsive { display: none; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 { width: 50%; font-family: 'Roboto', sans-serif !important; font-size: 20px; line-height: 24px; font-weight: 100; float: left; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 ul { min-height: 350px; padding: 50px 90px; padding-bottom: 0; margin-top: 110px; clip-path: polygon(0 0, 140% 0, calc(90% - 5px) 100%, 0 100%); border-top: 1px solid #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0+1,0.5+100 */ background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 1%, rgba(255, 255, 255, 0.15) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 1%, rgba(255, 255, 255, 0.15) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 1%, rgba(255, 255, 255, 0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80ffffff', GradientType=1); /* IE6-9 */ } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 ul li { font-family: 'Roboto', sans-serif !important; font-weight: 100; font-size: 20px; line-height: 24px; margin-bottom: 30px; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 p.description { min-height: 250px; } #top.velocity #main .sectionFive .explosion #explosion img { width: 40%; float: right; margin-top: 50px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav { width: 50%; position: absolute; bottom: 250px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav .owl-next { width: 25px; height: 45px; display: block; margin: 0; padding: 0; background: url(images/velocity/nav-next.svg) no-repeat 0 0; background-size: auto 90px; text-indent: -123456px; position: absolute; right: 20px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav .owl-prev { width: 25px; height: 45px; display: block; margin: 0; padding: 0; background: url(images/velocity/nav-prev.svg) no-repeat 0 0; background-size: auto 90px; text-indent: -123456px; position: absolute; left: 20px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav .owl-next:hover { background: url(images/velocity/nav-next.svg) no-repeat 0 bottom; background-size: auto 90px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav .owl-prev:hover { background: url(images/velocity/nav-prev.svg) no-repeat 0 bottom; background-size: auto 90px; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots { width: 50%; position: absolute; bottom: 365px } #top.velocity #main .sectionFive .explosion #explosion .owl-dots .owl-dot { width: 33.33%; height: 21px; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; position: relative; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots .owl-dot:focus { outline: 0 !important; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots .owl-dot span { width: 21px; height: 21px; display: block; background: #82bd00; position: absolute; left: 50%; top: 0; margin-left: -15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots .owl-dot.active span { background: #82bd00; -webkit-box-shadow: 0px 0 10px 5px rgba(83, 83, 84, 1); -moz-box-shadow: 0px 0 10px 5px rgba(83, 83, 84, 1); box-shadow: 0px 0 10px 5px rgba(83, 83, 84, 1); } /*section SIX*/ #top.velocity .sectionSix .container h1 { color: #000; font-weight: 500; text-align: center; display: block; margin-bottom: 85px; margin-top: 40px; } #top.velocity .sectionSix .container .clearPageAll { margin-bottom: 50px; } #top.velocity .sectionSix .container .col1_2 { width: 50%; float: left; position: relative; cursor: pointer; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #top.velocity .sectionSix .container .col1_2 img { margin: 0 auto; display: block; margin-bottom: 30px; } #top.velocity .sectionSix .container .col1_2 a { width: 200px; height: 45px; display: block; text-align: center; margin: 0 auto; font-size: 20px; color: #fff; line-height: 45px; font-weight: 100; -webkit-border-radius: 0; letter-spacing: 0; background: #f79629; clip-path: polygon(0 0, 115% 0, calc(100% - 20px) 100%, 0 100%); } #top.velocity .sectionSix .container .col1_2 a:hover { background: rgba(247, 150, 41, 0.5); text-decoration: none; } /*options*/ #top.velocity .sectionSix .container .col1_2 ul.options { width: 100%; margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 80px; background: #fff; z-index: 1010; display: none; } #top.velocity .sectionSix .container .col1_2:hover ul.options { display: block; } #top.velocity .sectionSix .container .col1_2 ul.options li { margin: 0; margin-bottom: 40px; padding: 0; list-style-type: none; } #top.velocity .sectionSix .container .col1_2 ul.options li img { float: left; display: block; margin: 0; } #top.velocity .sectionSix .container .col1_2#AMD ul.options li img { margin-top: -10px; } #top.velocity .sectionSix .container .col1_2.opacity#AMD { opacity: 0.2; } #top.velocity .sectionSix .container .col1_2.opacityIntel#intel { opacity: 0.2; } /* #top.velocity .sectionSix .container .col1_2#AMD ul.options {background: #fff url(images/velocity/amdLogo.jpg) no-repeat center;} #top.velocity .sectionSix .container .col1_2#intel ul.options {background: #fff url(images/velocity/intelLogo.jpg) no-repeat center;}*/ #top.velocity .sectionSix .container .col1_2 ul.options li div.insideContent { width: calc(100% - 160px); float: right; } #top.velocity .sectionSix .container .col1_2 ul.options li h3 { font-size: 20px; color: #000; font-weight: 500; font-family: 'DINProMedium', sans-serif; margin-bottom: 30px; } #top.velocity .sectionSix .container .col1_2 ul.options li p.description { font-size: 20px; color: #000; margin-bottom: 30px } #top.velocity .sectionSix .container .col1_2 ul.options li a { width: 130px; height: 25px; display: block; float: left; line-height: 25px; padding-right: 10px; text-align: center; font-size: 13px; color: #fff; font-weight: 100; clip-path: polygon(0 0, 115% 0, calc(110% - 20px) 100%, 0 100%); } #top.velocity .sectionSix .container .col1_2 ul.options li a.orangeNow { background: #f79629; margin-right: 10px; } #top.velocity .sectionSix .container .col1_2 ul.options li a.orangeNow:hover { background: rgba(247, 150, 41, 0.5); } #top.velocity .sectionSix .container .col1_2 ul.options li a.greyNow { background: #c5c5c5; } #top.velocity .sectionSix .container .col1_2 ul.options li a.greyNow:hover { background: rgba(197, 197, 197, 0.5); } /*buttons bottom*/ #top.velocity .sectionSix .container .col1_2 a.bigOrangeButton { width: 230px; height: 45px; display: block; background: #f79629; margin: 0 auto; margin-top: 80px; line-height: 45px; padding-right: 10px; text-align: center; font-size: 17px; color: #fff; font-weight: 100; clip-path: polygon(0 0, 115% 0, calc(110% - 45px) 100%, 0 100%); } #top.velocity .sectionSix .container .col1_2 a.bigOrangeButton:hover { background: rgba(247, 150, 41, 0.5); } #top.velocity .sectionSix .container a.bigGrayButton { max-width: 805px; height: 45px; display: block; background: #cbcbcb; margin: 0 auto; line-height: 45px; padding-right: 10px; text-align: center; font-size: 17px; color: #fff; font-weight: 100; clip-path: polygon(0 0, 105% 0, calc(103% - 45px) 100%, 0 100%); } #top.velocity .sectionSix .container a.bigGrayButton:hover { background: rgba(197, 197, 197, 0.5); } /*SECTIONS SEVEN*/ #top.velocity .gradientLinear { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1b1b+0,000000+29,3b3b3b+99 */ background: rgb(27, 27, 27); /* Old browsers */ background: -moz-linear-gradient(left, rgba(27, 27, 27, 1) 0%, rgba(0, 0, 0, 1) 29%, rgba(59, 59, 59, 1) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(27, 27, 27, 1) 0%, rgba(0, 0, 0, 1) 29%, rgba(59, 59, 59, 1) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(27, 27, 27, 1) 0%, rgba(0, 0, 0, 1) 29%, rgba(59, 59, 59, 1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#3b3b3b', GradientType=1); /* IE6-9 */ } #top.velocity .gradientLinear.sectionSeven { padding-top: 0; } #top .gradientLinear.sectionSeven .flex_column_table_cell { padding-top: 90px } #top.velocity #main .gradientLinear.sectionSeven .container { padding: 0; min-height: 720px; background-image: url(images/velocity/customizeYours.png); background-position: calc(100% - 70px) calc(100% + 60px); color: #fff; background-repeat: no-repeat; } #top.velocity #main .gradientLinear.sectionSeven .container h2 { margin-top: 50px; } #top.velocity .gradientLinear.sectionSeven .av-section-color-overlay-wrap .av-section-color-overlay { background: url(images/velocity/velocityPattern2.png) no-repeat left bottom; background-size: auto 700px; } #top.velocity #main .gradientLinear.sectionSeven .template-page .entry-content-wrapper { padding-bottom: 80px; } body#top.velocity .gradientLinear.sectionSeven .button-orangeBottom { margin-top: 300px; float: right; margin-right: 20px; } body#top.velocity .gradientLinear.sectionSeven .button-orangeBottom .avia-button { width: 310px; height: 45px; display: block; background: #f79629; margin: 0; padding: 0 10px; float: right; line-height: 45px; text-align: center; font-size: 17px; color: #fff; font-weight: 100; clip-path: polygon(0 0, 115% 0, calc(110% - 45px) 100%, 0 100%); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } body#top.velocity .gradientLinear.sectionSeven .button-orangeBottom .avia-button:hover { background: rgba(247, 150, 41, 0.5); } /*SECTION EIGHT*/ #top.velocity .sectionEight h2 { color: #000; text-align: center; margin-bottom: 120px; } #top.velocity .sectionEight .av-flex-placeholder { display: none; } #top.velocity .sectionEight p.description { max-width: 820px; margin: 0 auto; margin-bottom: 30px; color: #000; text-align: center; } #top.velocity .sectionEight .button-orangeBottom .avia-button { width: 200px; height: 45px; display: block; background: #f79629; padding: 0 10px; float: none; margin: 0 auto; line-height: 45px; text-align: center; font-size: 17px; color: #fff; font-weight: 100; clip-path: polygon(0 0, 115% 0, calc(110% - 45px) 100%, 0 100%); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #top.velocity .sectionEight .avia-builder-el-last { width: 100%; } /* borders*/ /*prvi levo white*/ #top.velocity .blankDiv.left { background: none; } #top.velocity .blankDiv.left { position: absolute; left: 0; right: 0; } #top.velocity .blankDiv.left .col1_2white { width: 50%; background: #fff; margin-left: -575px; position: relative; } #top.velocity .blankDiv.left #upWhiteTriangle { height: 40px; position: absolute; background: #fff; width: 15000%; margin-right: 60px; left: -15000%; } #top.velocity .blankDiv.left .whiteTriangle { width: 0; height: 0; border-bottom: 40px solid #fff; border-right: 40px solid transparent; position: relative; left: 100%; } #top.velocity .blankDiv.left .whiteTriangle.top { width: 0; height: 0; border-top: 40px solid #fff; border-bottom: none; border-right: 40px solid transparent; position: relative; left: 100%; } /*drugi desno*/ #top.velocity .blankDiv.right { position: absolute; right: 0; } #top.velocity .blankDiv.right .col1_2white { width: 50%; background: none; position: relative; } #top.velocity .blankDiv.right #upWhiteTriangle { height: 40px; position: absolute; background: #fff; width: 15000%; margin-left: 60px; } #top.velocity .blankDiv.right .whiteTriangle { width: 0; height: 0; border-bottom: 40px solid #fff; border-left: 40px solid transparent; position: relative; left: 100%; } #top.velocity .blankDiv.right .whiteTriangle.top { width: 0; height: 0; border-top: 40px solid #fff; border-bottom: none; border-left: 40px solid transparent; position: relative; left: 100%; } /*desno white one*/ #top.velocity .oneLine { position: absolute; right: 30.5%; bottom: 0; } #top.velocity .oneLine .col1_2white { width: 50%; background: none; position: relative; } #top.velocity .oneLine #upWhiteTriangle { height: 40px; position: absolute; background: #fff; width: 15000%; margin-left: 60px; } #top.velocity .oneLine .whiteTriangle { width: 0; height: 0; border-bottom: 40px solid #fff; border-left: 40px solid transparent; position: relative; left: 100%; } #top.velocity .oneLine .whiteTriangle.top { width: 0; height: 0; border-top: 40px solid #fff; border-bottom: none; border-left: 40px solid transparent; position: relative; left: 100%; } /*prvi levo white*/ #top.velocity .oneLineCenter { position: absolute; left: 0; right: 0; bottom: -1px; z-index: 1010; } #top.velocity .oneLineCenter .col1_2white { width: 50%; background: #000; position: relative; } #top.velocity .oneLineCenter #upWhiteTriangle { height: 40px; position: absolute; background: #000; width: 15000%; margin-right: 60px; left: -15000%; } #top.velocity .oneLineCenter .whiteTriangle { width: 0; height: 0; border-bottom: 40px solid #000; border-right: 40px solid transparent; position: relative; left: 100%; } /* end borders*/ /*footer*/ #top.velocity #main #footer { background: #000 url(images/velocity/velocityPattern.svg) no-repeat right bottom; background-size: auto 450px; } #top.velocity #main #footer .container { max-width: 1770px; padding: 0; font-size: 14px; line-height: 20px; } #top.velocity #socket .container { padding: 15px 0; } #top.velocity #mlb2-895622.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background: #f79629 !important; border-color: #f79629 !important; } #top.velocity li.current-menu-item > a, #top.velocity li.current-page-ancestor > a, #top.velocity li > a:hover { color: #f79629 !important; } #top.velocity .socket_color { background-color: #111111; } /************************************************** *************************************************** ****************** RESPONSIVE*********************/ @media only screen and (min-width: 1950px) { #top.velocity #main .sectionFive .av-section-color-overlay-wrap .av-section-color-overlay { background: url(images/velocity/velocityPattern.svg) no-repeat center bottom; background-size: auto 750px; } } @media only screen and (max-width: 1160px) { #top.velocity .sectionOne .container .owl-two { position: relative; right: -150px; top: -40px; } #top.velocity h1, #top.velocity h2 { font-size: 40px; } #top.velocity #main .container { padding: 40px; } #top.velocity #main .sectionFive .container, #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .container { padding: 0 40px; } #top.velocity #main .sectionFive { padding: 0; padding-bottom: 40px } #top.velocity .blankDiv.right { display: none; } #top.velocity .blankDiv.left .col1_2white { margin-left: 0; } /*section TWO*/ #top.velocity #main .sectionTwo { min-height: 50px; } #top.velocity #main .sectionTwo .container { padding-top: 100px; } /*section SIX*/ #top.velocity .sectionSix .container .col1_2 ul.options li p.description { margin-bottom: 10px; } #top.velocity .sectionSix .container .col1_2 ul.options li h3 { margin-bottom: 10px; } #top.velocity .sectionSix .container .col1_2 ul.options li img { width: 80px; } #top.velocity .sectionSix .container .col1_2 ul.options li div.insideContent { width: calc(100% - 100px); } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 p.description { min-height: 280px; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 ul { margin-top: 50px; } } @media only screen and (max-width: 1050px) { #top.velocity .sectionOne .container .owl-two { position: relative; right: 0; top: -20px; } #top.velocity .sectionOne .container .owl-two .owl-nav { display: none; } #top.velocity .sectionOne .container .owl-two .owl-dots { display: none; } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .absolutePosition { max-width: 100%; position: relative; bottom: 0; } #top.velocity .sectionOne .container #fullWidthVideoWrapper { width: 1370px; } #top.velocity #main .gradientLinear.sectionSeven .container { padding: 0 40px; background-position: center bottom -50px; background-size: contain; } /*section FIve*/ #top.velocity #main .sectionFive .explosion #explosion img { margin-top: 50px; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 p.description { min-height: 320px; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 ul { margin-top: 30px; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots { bottom: 355px; } /* #top.velocity #main .sectionFive .explosion #explosion .owl-dots {bottom: auto; top: 39px;} #top.velocity #main .sectionFive .explosion #explosion .owl-nav {bottom: auto; top: 180px;}*/ #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 ul li { margin-bottom: 20px; } /*section SIX*/ #top.velocity .sectionSix .container .col1_2 { width: 100%; float: none; } #top.velocity .sectionSix .container .col1_2 ul.options { width: 75%; left: 15%; bottom: 50px; padding-top: 50px; } #top.velocity .sectionSix .container .col1_2 a.bigOrangeButton { margin-top: -40px; } #top.velocity .sectionSix .container .col1_2 ul.options li { margin-bottom: 20px; } #top.velocity .sectionSix .container .col1_2 ul.options li p.description { margin-bottom: 20px; } #top.velocity .sectionSix .container .col1_2 ul.options li h3 { margin-bottom: 10px; } #top.velocity .sectionSix .container .col1_2 ul.options li img { width: 130px; } #top.velocity .sectionSix .container .col1_2 ul.options li div.insideContent { width: calc(100% - 160px); } , #top.velocity .sectionSix .container .col1_2.opacity#AMD, #top.velocity .sectionSix .container .col1_2.opacityIntel#intel { opacity: 1; } /*section EIGHT*/ #top.velocity .sectionEight h2 { margin-bottom: 50px; } #top.velocity .sectionEight .av-flex-placeholder { display: block; } #top.velocity .sectionEight img { display: block; margin: 0 auto; } #top.velocity #main #footer { padding: 15px 40px 30px 40px } #top.velocity #main .socket_color .container { padding: 10px; } } @media only screen and (max-width: 989px) { .responsive #top.velocity #wrap_all .container { width: 100%; } #top.velocity .sectionSix .container h1 { margin-bottom: 40px; } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .container #fullWidthVideoWrapper { margin-top: 0; width: 100%; } #top.velocity .sectionOne .container #fullWidthVideoWrapper #videoShadow { -webkit-box-shadow: inset 10px -10px 100px 100px rgba(0, 0, 0, 1); -moz-box-shadow: inset 10px -10px 100px 100px rgba(0, 0, 0, 1); box-shadow: inset 10px -10px 100px 100px rgba(0, 0, 0, 1); } #top.velocity #main .container { padding: 40px; } /*section TWO */ #top.velocity #main .sectionTwo { background-position: center top -100px; background-size: contain; } #top.velocity #main .sectionTwo .container { padding: 0 40px; padding-top: 450px; } #top.velocity #main .sectionTwo .container .no_margin.av_one_half:first-child { display: none; } #top.velocity #main .sectionTwo .container .no_margin.av_one_half { width: 100%; } /*section five*/ #top.velocity #main .sectionFive .explosion #explosion .content.col1_2, #top.velocity #main .sectionFive .explosion #explosion .owl-dots, #top.velocity #main .sectionFive .explosion #explosion .owl-nav { width: 60% } /*section Seven*/ #top.velocity #main .gradientLinear.sectionSeven .container { height: auto; } #top.velocity #main .gradientLinear.sectionSeven .template-page .entry-content-wrapper { padding-bottom: 400px; } #top.velocity #main .gradientLinear.sectionSeven .container h2 { margin-top: 70px; } #top.velocity #main .gradientLinear.sectionSeven .flex_column_table_cell { padding-top: 0; } #top.velocity #main .gradientLinear.sectionSeven .flex_column_table { display: block; } #top.velocity #main .gradientLinear.sectionSeven .flex_column_table .flex_column_table_cell { width: 100%; display: block; margin: 0; padding: 0; } body#top.velocity .gradientLinear.sectionSeven .button-orangeBottom { margin-top: 0; float: none; width: 100%; } body#top.velocity .gradientLinear.sectionSeven .button-orangeBottom .avia-button { float: none; margin: 0 auto; } #top.velocity #main .big-screen-padding-left { padding-left: 0 !important; } } @media only screen and (max-width: 780px) { /*section FIVE*/ #top.velocity #main .sectionFive .container { padding: 0 20px; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 { width: 100%; } #top.velocity #main .sectionFive .explosion #explosion img { width: 100%; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 ul { padding: 30px; min-height: 100px; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 ul li { margin-bottom: 10px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav { width: 100%; top: 310px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav .owl-prev { left: 0; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav .owl-next { right: 0; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots { width: 100%; bottom: auto; top: 216px; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 p.description { min-height: 18px; } #top.velocity .sectionOne .container .owl-two { top: 0; } /*section SIX*/ #top.velocity .sectionSix .container .col1_2 { width: 100%; float: none; } #top.velocity .sectionSix .container .col1_2 ul.options { width: calc(100% - 40px); left: 40px; bottom: 50px; padding-top: 50px; } #top.velocity .sectionSix .container .col1_2 a.bigOrangeButton { margin-top: -40px; } #top.velocity #main .sectionTwo .container { padding-top: 300px; } } @media only screen and (max-width: 650px) { #top.velocity h1, #top.velocity h2, #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .absolutePosition h1 { font-size: 34px; margin-bottom: 20px; } #top.velocity .main_color p, #top.velocity .main_color li, #top.velocity .sectionSix .container .col1_2 ul.options li p.description, #top.velocity .sectionSix .container .col1_2 ul.options li h3, #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 ul li { font-size: 17px; line-height: 21px; } #top.velocity #main .container { padding: 20px; } #top.velocity #main #footer { padding: 15px 20px 20px 20px; } /*section ONE*/ #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne { padding-bottom: 0; } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .container { padding: 0; } #top.velocity #wrap_all #main .avia-no-border-styling.sectionOne .absolutePosition { clip-path: none; margin-bottom: 0 !important; } #top.velocity .sectionOne .container #fullWidthVideoWrapper #videoShadow { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /*section TWO*/ #top.velocity #main .sectionTwo .container { padding: 0 20px; padding-top: 200px; } /*section SIX*/ #top.velocity .sectionSix .container .col1_2 img { width: 350px; margin: 0 auto; display: block; } #top.velocity .sectionSix .container .col1_2 { width: 100%; float: none; } #top.velocity .sectionSix .container .col1_2 ul.options { width: calc(100% - 40px); left: 40px; bottom: 50px; padding-top: 50px; } #top.velocity .sectionSix .container .col1_2 a.bigOrangeButton { margin-top: -40px; } #top.velocity .sectionSix .container .col1_2 ul.options { width: 100%; position: relative; display: block; left: 0; bottom: 0; padding-top: 0; } #top.velocity .sectionSix .container .col1_2 a.bigOrangeButton { margin-top: 0; } /*section SEVEN*/ #top.velocity #main .gradientLinear.sectionSeven .container { padding: 0 20px; } #top.velocity #main .gradientLinear.sectionSeven .container { min-height: 300px; background-position: center bottom -20px; } #top.velocity #main .gradientLinear.sectionSeven .template-page .entry-content-wrapper { padding-bottom: 300px; } #top.velocity .sectionEight h2 { margin-bottom: 20px; } } @media only screen and (max-width: 550px) { #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 p.description { min-height: 210px; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots { top: 243px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav { top: 330px; } #top.velocity #main .gradientLinear.sectionSeven .container { min-height: 300px; background-position: center bottom 20px; } } @media only screen and (max-width: 500px) { #top.velocity #main .sectionTwo { background-position: center top -70px; } #top.velocity .sectionSix .container .col1_2 ul.options li img { float: none; display: block; margin: 0 auto; } #top.velocity .sectionSix .container .col1_2 ul.options li div.insideContent { width: 100%; float: none; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 p.description { min-height: 250px; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots { top: 283px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav { top: 370px; } } @media only screen and (max-width: 420px) { #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 p.description { min-height: 310px; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots { top: 343px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav { top: 440px; } #top.velocity #main .sectionTwo { background-position: center top -40px; } #top.velocity #main .gradientLinear.sectionSeven .template-page .entry-content-wrapper { padding-bottom: 250px; } } @media only screen and (max-width: 380px) { #top.velocity #main .sectionTwo { background-position: center top -10px; } #top.velocity #main .gradientLinear.sectionSeven .template-page .entry-content-wrapper { padding-bottom: 210px; } #top.velocity #main .sectionFive .explosion #explosion .content.col1_2 p.description { min-height: 360px; } #top.velocity #main .sectionFive .explosion #explosion .owl-dots { top: 393px; } #top.velocity #main .sectionFive .explosion #explosion .owl-nav { top: 490px; } } /************************************************** *************************************************** **************** HOMEPAGE NEW BANNER *************/ body.home .main_color.container_wrap_first.container_wrap.fullsize, body.home .main_color.container_wrap_first.container_wrap.fullsize .container { background: #000; } body.home .main_color.container_wrap_first.container_wrap.fullsize .container .template-page.content { padding: 80px 0; } #homeBanner { background: #000; padding-top: 100px; } #homeBanner .col1_2 { width: 60%; float: right; } #homeBanner .col1_2:last-child { width: 40%; padding: 100px 0; } #homeBanner .col1_2:last-child a { float: left; margin: 0; padding: 15px 30px 12px; margin-top: 10px; } #homeBanner .col1_2:last-child span { float: left; display: block; position: relative; top: 23px; margin: 0 10px; color: #fff; } #homeBanner .col1_2 h2 { font-size: 60px; color: #fff; text-transform: none; } #homeBanner .col1_2 .item a { width: 220px; height: 48px; line-height: 39px; color: #fff; font-size: 16px; padding: 0; margin: 0; border: 1px solid #fff; display: block; text-align: center; position: absolute; bottom: 50px; left: 50%; margin-left: -110px; } #homeBanner .col1_2 .item a:hover { color: #eb9034; border: 1px solid #eb9034; } #homeBanner .col1_2 .owl-carousel .owl-dots { display: none; } #homeBanner .col1_2 .owl-nav { position: absolute; left: 30px; right: 30px; bottom: 50%; display: none; } #homeBanner .col1_2:hover .owl-nav { display: block; } #homeBanner .col1_2 .owl-nav .owl-next { width: 25px; height: 45px; display: block; margin: 0; padding: 0; background: url(images/velocity/nav-next.svg) no-repeat 0 0; background-size: auto 90px; text-indent: -123456px; position: absolute; right: 20px; } #homeBanner .col1_2 .owl-nav .owl-prev { width: 25px; height: 45px; display: block; margin: 0; padding: 0; background: url(images/velocity/nav-prev.svg) no-repeat 0 0; background-size: auto 90px; text-indent: -123456px; position: absolute; left: 20px; } #homeBanner .col1_2 .owl-nav .owl-next:hover { background: url(images/velocity/nav-next.svg) no-repeat 0 bottom; background-size: auto 90px; } #homeBanner .col1_2 .owl-nav .owl-prev:hover { background: url(images/velocity/nav-prev.svg) no-repeat 0 bottom; background-size: auto 90px; } @media only screen and (max-width: 1400px) { #homeBanner .col1_2:last-child { padding: 50px 0; } } @media only screen and (max-width: 1260px) { #homeBanner .col1_2 h2 { font-size: 48px; } } @media only screen and (max-width: 1200px) { #homeBanner { padding-top: 50px; } #homeBanner .col1_2 { width: 100%; float: none; } #homeBanner .col1_2:last-child { width: 100%; padding: 30px 0; } } @media only screen and (max-width: 800px) { #homeBanner .col1_2 h2 { font-size: 38px; display: block; text-align: center; } #homeBanner .col1_2:last-child a { float: none; margin: 0; padding: 15px 30px 12px; margin-top: 10px; margin: 0 auto; display: block; max-width: 390px; } #homeBanner .col1_2:last-child span { float: none; display: block; margin: 0 auto; text-align: center; top: 0; margin-top: 10px; } #homeBanner .col1_2:last-child a:last-child { max-width: 230px; margin-top: 10px; } } @media only screen and (max-width: 600px) { #homeBanner .col1_2 .owl-carousel .owl-item { padding-bottom: 30px; } #homeBanner .col1_2 .item a { bottom: 0; } .responsive body.page-homepage-draft#top #wrap_all .main_color.container_wrap_first.container_wrap.fullsize .container { max-width: 100%; width: 100%; } #homeBanner .col1_2:last-child { max-width: 85%; width: 85%; margin: 0 auto; } } /*clearPageAll*/ /*********************************************************** ************************************************************ ****************** Quantum page **************************** ************************************************************ ***********************************************************/ /* font-family:'Open Sans',sans-serif; font-family: 'DINPro', 'Open Sans', sans-serif; #top.quantum {text-align: justify;}*/ /* #top.quantum #header_main .logo a {display: block; width: 150px; height: 62px; background: url(images/quantum/logoEKWBquantum.svg) no-repeat left 0; margin-top: 15px; } #top.quantum #header_main .logo a img {display: none;}*/ #top.quantum h1 { text-align: left; } #top.quantum .sectionSix .container h1 { text-align: center; } #top.quantum #main .avia-section .container { max-width: 1150px !important; padding: 120px 0; font-family: 'DINPro', sans-serif !important; font-weight: 100; font-size: 20px; line-height: 24px; } #top.quantum .main_color p, #top.quantum .main_color li { font-family: 'DINPro', sans-serif !important; font-size: 20px; line-height: 24px; font-weight: 100; } #top.quantum { font-family: 'DINPro', sans-serif !important; font-size: 20px; line-height: 24px; font-weight: 100; text-transform: none; letter-spacing: 0px; } #top.quantum #main .avia-section h1, #top.quantum #main .avia-section h2 { font-family: 'DINPro' !important; margin-bottom: 30px; font-size: 60px; font-weight: 500; text-transform: none; letter-spacing: 0px; } #top.quantum div.clearPageAll h1 { font-size: 60px; text-align: center; color: #000; margin-bottom: 80px; font-family: 'DINPro' !important; font-weight: 500; text-transform: none; letter-spacing: 0px; } #top.quantum .main_menu li.current-menu-item > a, #top.quantum .main_menu li.current-page-ancestor > a, #top.quantum .main_menu li.menu-item > a:hover { color: #f79729 !important; } #top.quantum #header_main { background: #000; } #top.quantum .main_menu li.menu-item > a { color: #fff; } #top.quantum #ow-after-header { position: relative; z-index: 2; } #top.quantum #ow-after-header, #top.quantum #ow-after-header .container { background: #181818; border-top: 1px solid #181818 } #top.quantum #ow-after-header .container li.pagenav h6 { color: #fff; } #top.quantum #ow-after-header .container li.pagenav ul li.page_item a { color: #fff; } #top.quantum #ow-after-header .container #ow-login-wrap a.avia-button { border-color: #979797; color: #979797; } #top.quantum .button-green a { height: 45px; width: 230px; padding-right: 40px !important; font-size: 16px; line-height: 35px; font-weight: 100; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; letter-spacing: 0; white-space: nowrap; background-image: linear-gradient(to right, #82bd00 0%, #82bd00 33.3%, #1e1a1b 33.3%, #1e1a1b 66.6%, #82bd00 66.6%, #82bd00 100%); background-size: 309% 200%; border: none; transition: all .3s; clip-path: polygon(0 0, 115% 0, calc(100% - 20px) 100%, 0 100%); -webkitclip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%); } #top.quantum .button-green a:hover { background: #82bd00d1; } #top.quantum .button-green a.avia-button.avia-size-large { font-size: 23px; padding: 5px 30px 13px; } #top.quantum #ow-after-header { border-top: none; } #top.quantum .avia-section { min-height: 1px; border: none; } #top.quantum .main_color { border: none; } /* #top.quantum .header_color span {color: #fff;} #top.quantum .main_menu li.menu-item:hover > a span{color: #559b79;} #top.quantum .avia-button.avia-color-theme-color.avia-size-medium {border: 1px solid #559b79; background: #559b79;} /******************************************************* SECTION ONE *******************************************************/ #top.quantum #main .avia-section * { font-family: 'DINPro', sans-serif; font-weight: 100; font-size: 20px; line-height: 30px; color: #000; margin-top: 0; } #top.quantum #main .avia-section strong { font-weight: 500; } #top.quantum #main .avia-section h1 { font-family: 'DINPro', sans-serif; font-weight: 500; font-size: 40px; line-height: 45px; color: #000; margin-bottom: 70px; } #top.quantum #main .blackBackground.sectionOne { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1e1e1e+100 */ background: rgb(0, 0, 0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(30, 30, 30, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(30, 30, 30, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(30, 30, 30, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#1e1e1e', GradientType=0); /* IE6-9 */ } #top.quantum #main .blackBackground.sectionOne .container { padding-top: 0; padding: 0; } #top.quantum #main .blackBackground.sectionOne #relativeTop { position: relative; } #top.quantum #main .blackBackground.sectionOne .quantumImage #relativeTop img { float: right; position: relative; top: 0; margin-right: -190px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; } #top.quantum #main .blackBackground.sectionOne .quantumImage #relativeTop.up img { top: 0; } #top.quantum #main .blackBackground.sectionOne .quantumImage #relativeTop.down img { top: 50px; } #top.quantum #main .blackBackground.sectionOne .quantumImage p { margin: 0; color: #fff; } #top.quantum #main .blackBackground.sectionOne #relativeTop #absolutePosition { max-width: 40%; position: absolute; top: 200px; } #top.quantum #main .blackBackground.sectionOne #relativeTop #absolutePosition a#outlineButton { width: 200px; height: 50px; line-height: 50px; margin-top: 70px; display: block; text-align: center; text-decoration: none; border: 1px solid #fff; color: #fff; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #top.quantum #main .blackBackground.sectionOne #relativeTop #absolutePosition a#outlineButton:hover { border: 1px solid #eb9034; color: #eb9034; } #top.quantum #main .blackBackground.sectionOne #relativeTop #absolutePosition h1 { font-family: 'DINPro', sans-serif; font-size: 40px; font-weight: 500; color: #fff; } /******************************************************* SECTION TWO *******************************************************/ #top.quantum #main .sectionTwo .flex_column .avia-slideshow { margin: 0; } /******************************************************* SECTION THREE *******************************************************/ #top.quantum #main .sectionThree .container { width: 100%; max-width: none !important; margin: 0; padding: 0; } #top.quantum #main .sectionThree .container #fullWidthVideoWrapper { width: 100%; margin: 0 auto; } #top.quantum #main .sectionThree .container #fullWidthVideo { position: relative; padding-top: 56.25%; } /******************************************************* SECTION FOUR *******************************************************/ #top.quantum #main .sectionFour { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,383838+100 */ background: rgb(0, 0, 0); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#383838', GradientType=1); /* IE6-9 */ } #top.quantum #main .sectionFour .container { padding: 170px 0; padding-bottom: 120px; } #top.quantum #main .sectionFour h1, #top.quantum #main .sectionFour strong, #top.quantum #main .sectionFour p sup, #top.quantum #main .sectionFour p { color: #fff; } #top.quantum #main .sectionFour h1 { margin-bottom: 20px; } #top.quantum #main .sectionFour .whatIsImage img { opacity: 0.15; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; } #top.quantum #main .sectionFour .template-page:first-child:hover .whatIsImage img { opacity: 1; } /******************************************************* SECTION FIVE *******************************************************/ #top.quantum #main .sectionFive { margin-top: -1px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,383838+100 */ background: rgb(0, 0, 0); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#383838', GradientType=1); /* IE6-9 */ } #top.quantum #main .sectionFive .container { padding: 0; } #top.quantum #main .sectionFive h1, #top.quantum #main .sectionFive strong, #top.quantum #main .sectionFive p sup, #top.quantum #main .sectionFive p { color: #fff; } #top.quantum #main .sectionFive h1 { margin-bottom: 20px; } #top.quantum #main .sectionFive .owl-three.owl-carousel { margin-top: 40px; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots { width: 370px; position: absolute; left: -384px; bottom: 0; border-top: 1px solid #FFF; padding: 60px; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot { width: 100px; height: 100px; float: left; margin-right: 50px; margin-bottom: 25px; border: 1px solid #4d4d4d; display: block; border-radius: 105px; -moz-border-radius: 105px; -webkit-border-radius: 105px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(1) { background: url(images/quantum/out.svg) no-repeat center; background-size: 70px auto; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(2) { background: url(images/quantum/cut.svg) no-repeat center; background-size: 45px; margin-right: 0; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(3) { background: url(images/quantum/chamfer.svg) no-repeat center; background-size: 45px auto; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(4) { background: url(images/quantum/sideslope.svg) no-repeat center; background-size: 70px auto; margin-right: 0; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:hover, #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot.active { outline: none; border: 1px solid #eb9034; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -webkit-filter: grayscale(0%); filter: grayscale(0%); } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-nav { display: none; } /******************************************************* SECTION SIX *******************************************************/ #top.quantum #main .avia-section.sectionSix .container { padding-bottom: 350px; } #top.quantum #main .avia-section.sectionSix .container .whatIsImage a.whiteButton { border: 1px solid; display: block; width: 240px; margin: 0 auto; padding: 5px 30px; text-align: center; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #top.quantum #main .avia-section.sectionSix .container .whatIsImage a.whiteButton:hover { border: 1px solid #eb9034; color: #eb9034; } #top.quantum #main .avia-section.sectionSix .container .whatIsImage a.whiteButton sup { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #top.quantum #main .avia-section.sectionSix .container .whatIsImage a.whiteButton:hover sup { color: #eb9034; } #top.quantum #main .avia-section.sectionSix .container .whatIsImage p { margin-bottom: 70px; } /******************************************************* SECTION SEVEN *******************************************************/ #top.quantum #main .avia-section.sectionSix .container { padding-bottom: 350px; } #top.quantum #main .avia-section.sectionSeven h1, #top.quantum #main .sectionSeven strong, #top.quantum #main .sectionSeven p sup, #top.quantum #main .sectionSeven p { color: #fff; } #top.quantum #main .sectionSeven { background: #000; } #top.quantum #main .avia-section.sectionSeven .container { padding-top: 0; } #top.quantum #main .sectionSeven .first { padding-top: 120px } #top.quantum #main .sectionSeven .wideImage { position: absolute; top: -222px; width: 1095px; } #top.quantum #main .sectionSeven .responsiveNone { display: none; } #top.quantum #main .sectionSeven a#greenButton { width: 300px; height: 50px; line-height: 50px; font-family: 'DINPro', sans-serif !important; font-size: 25px; color: #fff; display: block; background: #eb9034; text-align: center; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; } #top.quantum #main .sectionSeven a#greenButton:hover { background: #d58f3e; } /******************************************************* FOOTER *******************************************************/ #top.quantum #footer { background: #000; border-top: 1px solid #222222; } /******************************************************* ANIMATION *******************************************************/ #animationWrapper { width: 500px; height: 500px; position: relative; } #animation { width: 500px; height: 500px; background: url(images/quantum/animacija/background.svg) no-repeat 0 0; background-size: 100% auto; position: absolute; } #animationWrapper .block { display: block; position: absolute; float: left; width: 79px; height: 64px; cursor: pointer; background-repeat: no-repeat; } #animationWrapper .block.reservoir { left: calc(50% - 36px); bottom: 17px; background-image: url(images/quantum/animacija/reservoirGray.png); } #animationWrapper .block.fans { right: 10px; bottom: 277px; background-image: url(images/quantum/animacija/fansGray.png); background-position: 3px; } #animationWrapper .block.pumps { left: 7px; bottom: 271px; background-image: url(images/quantum/animacija/pumpsGray.png); background-position: center; } #animationWrapper .block.waterBlock { left: calc(50% - 39px); top: 15px; background-image: url(images/quantum/animacija/waterBlockGray.png); } #animationWrapper .reservoir.play { background-image: url(images/quantum/animacija/reservoir2.png); animation: play .5s steps(6) infinite; -webkit-animation: play .5s steps(6) infinite; animation-delay: 0s; } #animationWrapper .pumps.play2 { background-image: url(images/quantum/animacija/pumps.png); animation: play2 .1s steps(3) infinite; -webkit-animation: play2 .1s steps(3) infinite; /*animation-delay: 2.5s;*/ animation-delay: 0s; } #animationWrapper .waterBlock.play1 { background-image: url(images/quantum/animacija/waterBlock.png); animation: play1 .5s steps(6) infinite; -webkit-animation: play1 .5s steps(6) infinite; /*animation-delay: 4s;*/ animation-delay: 0s; } #animationWrapper .fans.play { background-image: url(images/quantum/animacija/fans.png); animation: play .3s steps(6) infinite; -webkit-animation: play .3s steps(6) infinite; /*animation-delay: 5.5s;*/ animation-delay: 0s; } @keyframes play { from { background-position: 0px; } to { background-position: -474px; } } @-webkit-keyframes play { from { background-position: 0px; } to { background-position: -474px; } } @keyframes play1 { from { background-position: 0px; } to { background-position: -510px; } } @-webkit-keyframes play1 { from { background-position: 0px; } to { background-position: -510px; } } @keyframes play2 { from { background-position: 0px; } to { background-position: -242px; } } @-webkit-keyframes play2 { from { background-position: 0px; } to { background-position: -242px; } } #pipes { display: none; } #pipes.start { display: block; } #pipes .leftBottomUp { width: 19px; background: #eb9034; position: absolute; bottom: 112px; left: calc(50% - 24px); -webkit-border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; } #pipes .leftBottom { height: 15px; background: #eb9034; position: absolute; bottom: 159px; right: 270px; -webkit-border-radius: 0 15px; -moz-border-radius: 0 15px; border-radius: 0 15px; } #pipes .left { width: 13px; background: #eb9034; position: absolute; bottom: 166px; left: 44px; -webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; } #pipes .left2 { width: 13px; background: #eb9034; position: absolute; bottom: 340px; left: 44px; -webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; } #pipes .up { height: 15px; background: #eb9034; position: absolute; top: 41px; left: calc(50% - 197px); -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; } #pipes .up2 { height: 15px; background: #eb9034; position: absolute; top: 41px; left: calc(50% + 40px); -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; } #pipes .right { width: 14px; background: #eb9034; position: absolute; top: 50px; left: inherit; right: 43px; -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; } #pipes .right2 { width: 19px; background: #eb9034; position: absolute; top: 230px; right: 39px; -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; } #pipes .rightBottom { height: 15px; background: #eb9034; position: absolute; bottom: 159px; right: calc(50% - 197px); -webkit-border-radius: 15px 0; -moz-border-radius: 15px 0; border-radius: 15px 0; } #pipes .rightBottomDown { width: 14px; background: #eb9034; position: absolute; top: 332px; right: calc(50% - 30px); -webkit-border-radius: 15px 0 0 0; -moz-border-radius: 15px 0 0 0; border-radius: 15px 0 0 0; } /*ANIMATION WATER*/ /*one*/ .animationWater { animation-name: one; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1; animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 1s; /* or: Xms */ } @-webkit-keyframes one { 0% { height: 0; } 100% { height: 56px; } } @-moz-keyframes one { 0% { height: 0; } 100% { height: 56px; } } @-o-keyframes one { 0% { height: 0; } 100% { height: 56px; } } @keyframes one { 0% { height: 0; } 100% { height: 56px; } } /*TWO*/ .leftBottom.animationWaterTwo { animation-name: two; animation-duration: 0.5s; /* or: Xms */ animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 1.5s; /* or: Xms */ } @-webkit-keyframes two { 0% { width: 0; } 100% { width: 180px; } } @-moz-keyframes two { 0% { width: 0; } 100% { width: 180px; } } @-o-keyframes two { 0% { width: 0; } 100% { width: 180px; } } @keyframes two { 0% { width: 0; } 100% { width: 180px; } } /*Three*/ .animationWaterThree { animation-name: three; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1; animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 2s; /* or: Xms */ } @-webkit-keyframes three { 0% { height: 0; } 100% { height: 100px; } } @-moz-keyframes three { 0% { height: 0; } 100% { height: 100px; } } @-o-keyframes three { 0% { height: 0; } 100% { height: 100px; } } @keyframes three { 0% { height: 0; } 100% { height: 100px; } } /*four*/ .animationWaterFour { animation-name: four; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1; animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 3s; /* or: Xms */ } @-webkit-keyframes four { 0% { height: 0; } 100% { height: 115px; } } @-moz-keyframes four { 0% { height: 0; } 100% { height: 115px; } } @-o-keyframes four { 0% { height: 0; } 100% { height: 115px; } } @keyframes four { 0% { height: 0; } 100% { height: 115px; } } /*five*/ .animationWaterFive { animation-name: five; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1; animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 3.5s; /* or: Xms */ } @-webkit-keyframes five { 0% { width: 0; } 100% { width: 163px; } } @-moz-keyframes five { 0% { width: 0; } 100% { width: 163px; } } @-o-keyframes five { 0% { width: 0; } 100% { width: 163px; } } @keyframes five { 0% { width: 0; } 100% { width: 163px; } } /*six*/ .animationWaterSix { animation-name: six; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1; animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 4.5s; /* or: Xms */ } @-webkit-keyframes six { 0% { width: 0; } 100% { width: 166px; } } @-moz-keyframes six { 0% { width: 0; } 100% { width: 166px; } } @-o-keyframes six { 0% { width: 0; } 100% { width: 166px; } } @keyframes six { 0% { width: 0; } 100% { width: 166px; } } /*seven*/ .animationWaterSeven { animation-name: seven; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1; animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 5s; /* or: Xms */ } @-webkit-keyframes seven { 0% { height: 0; } 100% { height: 105px; } } @-moz-keyframes seven { 0% { height: 0; } 100% { height: 105px; } } @-o-keyframes seven { 0% { height: 0; } 100% { height: 105px; } } @keyframes seven { 0% { height: 0; } 100% { height: 105px; } } /*eight*/ .animationWaterEight { animation-name: eight; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1; animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 6s; /* or: Xms */ } @-webkit-keyframes eight { 0% { height: 0; } 100% { height: 107px; } } @-moz-keyframes eight { 0% { height: 0; } 100% { height: 107px; } } @-o-keyframes eight { 0% { height: 0; } 100% { height: 107px; } } @keyframes eight { 0% { height: 0; } 100% { height: 107px; } } /*nine*/ .animationWaterNine { animation-name: nine; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1; animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 6.5s; /* or: Xms */ } @-webkit-keyframes nine { 0% { width: 0; } 100% { width: 180px; } } @-moz-keyframes nine { 0% { width: 0; } 100% { width: 180px; } } @-o-keyframes nine { 0% { width: 0; } 100% { width: 180px; } } @keyframes nine { 0% { width: 0; } 100% { width: 180px; } } /*ten*/ .animationWaterTen { animation-name: ten; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1; animation-direction: alternate; /* or: normal */ animation-timing-function: linear; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 6.99s; /* or: Xms */ } @-webkit-keyframes ten { 0% { height: 0; } 100% { height: 56px; } } @-moz-keyframes ten { 0% { height: 0; } 100% { height: 56px; } } @-o-keyframes ten { 0% { height: 0; } 100% { height: 56px; } } @keyframes ten { 0% { height: 0; } 100% { height: 56px; } } /******************************************************* resposnive *******************************************************/ @media only screen and (max-width: 1150px) { #top.quantum #main .blackBackground.sectionOne #relativeTop #absolutePosition { left: 20px; right: 20px; } #top.quantum #main .avia-section .container { padding-left: 20px; padding-right: 20px; } #top.quantum #main .blackBackground.sectionOne .quantumImage #relativeTop img { margin-right: -100px; } #top.quantum #main .sectionFive .first.no_margin.av_one_third, #top.quantum #main .sectionFive .no_margin.av_two_third { width: 100%; float: none; display: block; } #top.quantum #main .sectionFive h1 { text-align: center; } #top.quantum #main .sectionFive .owl-three.owl-carousel { width: 50%; float: right; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots { top: 0; left: -100%; } .responsive .quantum#top #wrap_all .sectionThree .container { padding: 0 !important; } } @media only screen and (max-width: 1050px) { #top.quantum #main .sectionFour h1#absolute { text-align: center !important; } #top.quantum #main .sectionFour .no_margin.av_one_half { width: 100%; display: block; margin: 0; padding: 0; } #top.quantum #main .sectionFour .no_margin.av_one_half.big-screen-padding-left { padding-left: 0 !important; margin-top: 50px; } #top.quantum #main .sectionFour .no_margin.av_one_half #animationWrapper { margin: 0 auto; margin-top: 30px } } @media only screen and (max-width: 989px) { #top.quantum #main .blackBackground.sectionOne #relativeTop #absolutePosition { left: 0; right: auto; } #top.quantum #main .avia-section h1 { margin-bottom: 35px; } #top.quantum #main .blackBackground.sectionOne .quantumImage #relativeTop img { margin-right: 0; } #top.quantum #main .blackBackground.sectionOne #relativeTop #absolutePosition { position: relative; bottom: 0; padding: 0 20px; top: 0; max-width: 100%; } .responsive .quantum#top #wrap_all .avia-section .container { padding: 60px 20px; width: 100%; } .responsive .quantum#top #wrap_all .avia-section.sectionSix .container { padding-bottom: 350px; } #top.quantum #main .sectionFour .whatIsImage img { display: block; margin: 0 auto; width: 90%; } #top.quantum #main .sectionFour h1 { text-align: center !important; } #top.quantum #main .sectionFive .container { padding: 0 20px !important; } #top.quantum #main .sectionSeven .wideImage { position: absolute; top: -308px; width: 1095px; } #top.quantum #main .sectionSeven .first { padding-top: 0; } } @media only screen and (max-width: 800px) { #top.quantum #main .sectionFive .owl-three.owl-carousel { width: 100%; float: none; margin-top: 170px; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots { width: 100%; top: -170px; left: 0; right: 0; margin-left: 0; padding: 30px 0; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(2) { margin-right: 50px; } #top.quantum #main .sectionFive .avia-builder-el-last { border-top: 1px solid #fff; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots { width: 550px; left: 50%; margin-left: -275px; border: none; } } @media only screen and (max-width: 767px) { .responsive .quantum#top #wrap_all .avia-section.sectionSix .container { padding-bottom: 60px; } #top.quantum #main .sectionSeven .first { padding-top: 0; } #top.quantum #main .sectionSeven .responsiveHidden { display: none; } #top.quantum #main .sectionSeven .responsiveNone { display: block; } #top.quantum #main .avia-section.sectionSix .container .whatIsImage p { margin-bottom: 40px; } } @media only screen and (max-width: 650px) { #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(2), #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot { margin-right: 20px; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots { width: 460px; left: 50%; margin-left: -230px; border: none; } #top.quantum #main .avia-section h1, #top.quantum #main .blackBackground.sectionOne #relativeTop #absolutePosition h1 { font-size: 35px; line-height: 35px; } @media only screen and (max-width: 550px) { #top.quantum #main .sectionFive .avia-builder-el-last { border-top: 1px solid #fff; } #top.quantum #main .sectionFive .owl-three.owl-carousel { margin-top: 120px; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots { top: -120px; width: 300px; left: 50%; margin-left: -150px; border: none; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot { width: 60px; height: 60px; float: left; margin-right: 20px; margin-bottom: 25px; border: 1px solid #4d4d4d; display: block; border-radius: 105px; -moz-border-radius: 105px; -webkit-border-radius: 105px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(1) { background: url(images/quantum/out.svg) no-repeat center; background-size: 35px auto; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(2) { background: url(images/quantum/cut.svg) no-repeat center; background-size: 25px; margin-right: 20; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(3) { background: url(images/quantum/chamfer.svg) no-repeat center; background-size: 25px auto; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(4) { background: url(images/quantum/sideslope.svg) no-repeat center; background-size: 35px auto; margin-right: 0; } /*ANIMATION*/ #animationWrapper, #animation { width: 250px; height: 250px; } #animationWrapper .block.reservoir { left: calc(50% - 30px); bottom: 7px; background-image: url(images/quantum/animacija/reservoirGray.png); } #animationWrapper .block.fans { right: 12px; bottom: 133px; background-image: url(images/quantum/animacija/fansGray.png); background-position: 3px; } #animationWrapper .block.pumps { left: -13px; bottom: 131px; background-image: url(images/quantum/animacija/pumpsGray.png); background-position: center; } #animationWrapper .block.waterBlock { left: calc(50% - 27px); top: 3px; background-image: url(images/quantum/animacija/waterBlockGray.png); } #pipes .leftBottomUp { width: 9px; bottom: 56px; left: calc(50% - 12px); } @-webkit-keyframes one { 0% { height: 0; } 100% { height: 26px; } } @-moz-keyframes one { 0% { height: 0; } 100% { height: 26px; } } @-o-keyframes one { 0% { height: 0; } 100% { height: 26px; } } @keyframes one { 0% { height: 0; } 100% { height: 26px; } } #pipes .leftBottom { height: 10px; bottom: 78px; right: 132px; } @-webkit-keyframes two { 0% { width: 0; } 100% { width: 90px; } } @-moz-keyframes two { 0% { width: 0; } 100% { width: 90px; } } @-o-keyframes two { 0% { width: 0; } 100% { width: 90px; } } @keyframes two { 0% { width: 0; } 100% { width: 90px; } } #pipes .left { width: 9px; bottom: 80px; left: 20px; } @-webkit-keyframes three { 0% { height: 0; } 100% { height: 54px; } } @-moz-keyframes three { 0% { height: 0; } 100% { height: 54px; } } @-o-keyframes three { 0% { height: 0; } 100% { height: 54px; } } @keyframes three { 0% { height: 0; } 100% { height: 54px; } } #pipes .left2 { width: 9px; bottom: 170px; left: 20px; } @-webkit-keyframes four { 0% { height: 0; } 100% { height: 55px; } } @-moz-keyframes four { 0% { height: 0; } 100% { height: 55px; } } @-o-keyframes four { 0% { height: 0; } 100% { height: 55px; } } @keyframes four { 0% { height: 0; } 100% { height: 55px; } } #pipes .up { height: 9px; top: 19px; left: calc(50% - 102px); } @-webkit-keyframes five { 0% { width: 0; } 100% { width: 85px; } } @-moz-keyframes five { 0% { width: 0; } 100% { width: 85px; } } @-o-keyframes five { 0% { width: 0; } 100% { width: 85px; } } @keyframes five { 0% { width: 0; } 100% { width: 85px; } } #pipes .up2 { height: 9px; top: 21px; left: calc(50% + 22px); } @-webkit-keyframes six { 0% { width: 0; } 100% { width: 80px; } } @-moz-keyframes six { 0% { width: 0; } 100% { width: 80px; } } @-o-keyframes six { 0% { width: 0; } 100% { width: 80px; } } @keyframes six { 0% { width: 0; } 100% { width: 80px; } } #pipes .right { width: 9px; top: 21px; right: 20px; } @-webkit-keyframes seven { 0% { height: 0; } 100% { height: 55px; } } @-moz-keyframes seven { 0% { height: 0; } 100% { height: 55px; } } @-o-keyframes seven { 0% { height: 0; } 100% { height: 55px; } } @keyframes seven { 0% { height: 0; } 100% { height: 55px; } } #pipes .right2 { width: 10px; top: 113px; right: 19px; } @-webkit-keyframes eight { 0% { height: 0; } 100% { height: 55px; } } @-moz-keyframes eight { 0% { height: 0; } 100% { height: 55px; } } @-o-keyframes eight { 0% { height: 0; } 100% { height: 55px; } } @keyframes eight { 0% { height: 0; } 100% { height: 55px; } } #pipes .rightBottom { height: 9px; bottom: 80px; right: calc(50% - 103px); } @-webkit-keyframes nine { 0% { width: 0; } 100% { width: 90px; } } @-moz-keyframes nine { 0% { width: 0; } 100% { width: 90px; } } @-o-keyframes nine { 0% { width: 0; } 100% { width: 90px; } } @keyframes nine { 0% { width: 0; } 100% { width: 90px; } } #pipes .rightBottomDown { width: 7px; top: 166px; right: calc(50% - 15px); } @-webkit-keyframes ten { 0% { height: 0; } 100% { height: 30px; } } @-moz-keyframes ten { 0% { height: 0; } 100% { height: 30px; } } @-o-keyframes ten { 0% { height: 0; } 100% { height: 30px; } } @keyframes ten { 0% { height: 0; } 100% { height: 30px; } } /*ICONS*/ @keyframes play { from { background-position: 0px; } to { background-position: -117px; } } @-webkit-keyframes play { from { background-position: 0px; } to { background-position: -117px; } } @keyframes play1 { from { background-position: 0px; } to { background-position: -117px; } } @-webkit-keyframes play { from { background-position: 0px; } to { background-position: -117px; } } @keyframes play2 { from { background-position: 0px; } to { background-position: -90px; } } @-webkit-keyframes play2 { from { background-position: 0px; } to { background-position: -90px; } } #animationWrapper .block { width: 30px; height: 30px; } #animationWrapper .block.pumps { left: 9px; bottom: 137px; background-image: url(images/quantum/animacija/pumpsSmallGray.png); background-position: center; } #animationWrapper .pumps.play2 { background-image: url(images/quantum/animacija/pumpsSmall2.png); } #animationWrapper .block.reservoir { width: 39px; height: 32px; left: calc(50% - 18px); bottom: 8px; background-image: url(images/quantum/animacija/reservoirGraySmall.png); background-position: 5px; } #animationWrapper .reservoir.play { background-image: url(images/quantum/animacija/reservoirSmall.png); animation: play .2s steps(3) infinite; -webkit-animation: play .2s steps(3) infinite; } #animationWrapper .block.fans { right: 12px; bottom: 138px; background-image: url(images/quantum/animacija/fansGraySmall.png); background-position: 2px; } #animationWrapper .fans.play { background-image: url(images/quantum/animacija/fansSmall.png); animation: play .2s steps(3) infinite; -webkit-animation: play .2s steps(3) infinite; } #animationWrapper .block.waterBlock { width: 43px; height: 32px; left: calc(50% - 18px); top: 8px; background-image: url(images/quantum/animacija/waterBlockGraySmall.png); } #animationWrapper .waterBlock.play1 { background-image: url(images/quantum/animacija/waterBlockSmall.png); animation: play .2s steps(3) infinite; -webkit-animation: play .2s steps(3) infinite; } } } @media only screen and (max-width: 360px) { #top.quantum #main .sectionFive .owl-three.owl-carousel { margin-top: 100px; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots { top: -100px; width: 220px; left: 50%; margin-left: -110px; border: none; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot { width: 40px; height: 40px; float: left; margin-right: 20px; margin-bottom: 25px; border: 1px solid #4d4d4d; display: block; border-radius: 105px; -moz-border-radius: 105px; -webkit-border-radius: 105px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(1) { background: url(images/quantum/out.svg) no-repeat center; background-size: 25px auto; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(2) { background: url(images/quantum/cut.svg) no-repeat center; background-size: 15px; margin-right: 20; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(3) { background: url(images/quantum/chamfer.svg) no-repeat center; background-size: 15px auto; } #top.quantum #main .sectionFive .owl-three.owl-carousel .owl-dots .owl-dot:nth-child(4) { background: url(images/quantum/sideslope.svg) no-repeat center; background-size: 25px auto; margin-right: 0; } } /*clearPageAll*/ /*********************************************************** ************************************************************ ****************** Classic page **************************** ************************************************************ ***********************************************************/ /* font-family:'Open Sans',sans-serif; font-family: 'DINPro'; */ #top.classic .no_margin.av_three_fifth { width: 55%; } #top.classic .no_margin.av_two_fifth { width: 45%; } #top.classic h1 { text-align: left; } #top.classic #main .avia-section .container { max-width: 1150px !important; padding: 120px 0; font-family: 'DINPro', sans-serif !important; font-weight: 100; font-size: 20px; line-height: 24px; } #top.classic .main_color p, #top.classic .main_color li { font-family: 'DINPro', sans-serif !important; font-size: 20px; line-height: 24px; font-weight: 100; } #top.classic { font-family: 'DINPro', sans-serif !important; font-size: 20px; line-height: 24px; font-weight: 100; text-transform: none; letter-spacing: 0px; } #top.classic #main .avia-section h1, #top.classic #main .avia-section h2 { font-family: 'DINPro' !important; margin-bottom: 30px; font-size: 40px; font-weight: 400; text-transform: none; letter-spacing: 0; } #top.classic div.clearPageAll h1 { font-size: 60px; text-align: center; color: #000; margin-bottom: 80px; font-family: 'DINPro' !important; font-weight: 400; text-transform: none; letter-spacing: 0px; } #top.classic .main_menu li.current-menu-item > a, #top.classic .main_menu li.current-page-ancestor > a, #top.classic .main_menu li.menu-item > a:hover { color: #f79729 !important; } #top.classic #header_main { background: #000; } #top.classic .main_menu li.menu-item > a { color: #fff; } #top.classic #ow-after-header { position: relative; z-index: 2; } #top.classic #ow-after-header { background: rgba(17, 17, 17, 0.5); border-top: none; } #top.classic #ow-after-header .container li.pagenav h6 { color: #fff; } #top.classic #ow-after-header .container li.pagenav ul li.page_item a { color: #fff; } #top.classic #ow-after-header .container #ow-login-wrap a.avia-button { border-color: #979797; color: #979797; } #top.classic .button-green a { height: 45px; width: 230px; padding-right: 40px !important; font-size: 16px; line-height: 35px; font-weight: 100; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; letter-spacing: 0; white-space: nowrap; background-image: linear-gradient(to right, #82bd00 0%, #82bd00 33.3%, #1e1a1b 33.3%, #1e1a1b 66.6%, #82bd00 66.6%, #82bd00 100%); background-size: 309% 200%; border: none; transition: all .3s; clip-path: polygon(0 0, 115% 0, calc(100% - 20px) 100%, 0 100%); -webkitclip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%); } #top.classic .button-green a:hover { background: #82bd00d1; } #top.classic .button-green a.avia-button.avia-size-large { font-size: 23px; padding: 5px 30px 13px; } #top.classic #ow-after-header { border-top: none; } #top.classic .avia-section { min-height: 1px; border: none; } #top.classic .main_color { border: none; } #top.classic #main .avia-section * { font-family: 'DINPro', sans-serif; font-weight: 100; font-size: 20px; line-height: 30px; color: #000; margin-top: 0; } #top.classic #main .avia-section strong { font-weight: 600; } #top.classic #main .avia-section h1 { font-family: 'DINPro', sans-serif; font-size: 40px; line-height: 45px; font-weight: 400; color: #000; margin-bottom: 70px; } #top.classic #main a { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #top.classic #main a.outlineButton { width: 170px; height: 37px; display: block; line-height: 37px; margin: 0; text-align: center; margin-top: 50px; font-weight: 600; border: 1px solid #000; font-size: 18px; outline: none; padding: 0; } #top.classic #main a.outlineButton:hover { background: #000; color: #fff; } /*SECTION ONE*/ #top.classic #main .sectionOne .container { width: 100%; max-width: none !important; margin: 0; padding: 0; } #top.classic #main .sectionOne { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,cccccc+50,bebebe+50,bebebe+100 */ background: #cccccc; /* Old browsers */ background: -moz-linear-gradient(75deg, #cccccc 0%, #cccccc 50%, #bebebe 50%, #bebebe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(75deg, #cccccc 0%, #cccccc 50%, #bebebe 50%, #bebebe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(75deg, #cccccc 0%, #cccccc 50%, #bebebe 50%, #bebebe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#bebebe', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #top.classic #main .sectionOne .container a.orangeButton { max-width: 170px; width: 100%; height: 42px; line-height: 42px; text-align: center; margin-top: 20px; display: block; background: #f79629; color: #fff; text-decoration: none; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #top.classic #main .sectionOne .container a.orangeButton:hover { background: #000; } #top.classic #main .sectionOne .container .heroImage img { display: block; margin: 0 auto; float: none; text-align: center; position: relative; top: 230px } #top.classic #main .sectionOne .container .heroText { max-width: 465px; position: absolute; left: 50%; margin-left: 120px; top: 130px; } #top.classic #main .sectionOne .container .heroText h1 { margin-bottom: 25px; } #top.classic #main .sectionOne .container .heroText p { margin-bottom: 25px; } /*SECTION TWO*/ #top.classic #main .sectionTwo .no_margin.av_two_fifth { width: 40%; } #top.classic #main .sectionTwo .no_margin.av_three_fifth { width: 60%; } #top.classic #main .sectionTwo { background: url(images/classic/highlights.jpg) no-repeat left bottom; background-size: 50%; } #top.classic #main .sectionTwo .container { padding-top: 160px } #top.classic #main .sectionTwo .container .textRight { padding-left: 40px; } #top.classic #main .sectionTwo .container h1 { margin-top: 20px; padding-right: 20px; } /* #top.classic #main .sectionTwo .container .textRight ul {list-style-type: none; margin: 0; padding: 0; margin-top: 90px;} #top.classic #main .sectionTwo .container .textRight ul li {margin: 0; margin-bottom: 25px;} #top.classic #main .sectionTwo .container .textRight ul li img {width: 92px; position: relative; top: 40px; margin-right: 35px; } */ /*SECTION THREE*/ #top.classic #main .sectionThree .container { width: 100%; max-width: none !important; margin: 0; padding: 0; } #top.classic #main .sectionThree .container #fullWidthVideoWrapper { width: 100%; margin: 0 auto; } #top.classic #main .sectionThree .container #fullWidthVideo { position: relative; padding-top: 56.25%; } /*SECTION FOUR*/ #top.classic .sectionFour { background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edeeee+0,cecece+100 */ background: #edeeee; /* Old browsers */ background: -moz-linear-gradient(58deg, #edeeee 0%, #cecece 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(58deg, #edeeee 0%, #cecece 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(58deg, #edeeee 0%, #cecece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeeee', endColorstr='#cecece', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #top.classic #main .sectionFour .container { padding-top: 140px; } #top.classic #main .sectionFour .container .sliderPadding { padding-right: 30px; } /*arrows carousel*/ #top.classic .sectionFour .container .avia_codeblock_section .item .owl-carousel .owl-nav { position: absolute; display: block; width: 100%; top: 50%; margin-top: -25px; } #top.classic .sectionFour .container .avia_codeblock_section .item .owl-carousel .owl-nav .owl-prev, #top.classic .sectionFour .container .avia_codeblock_section .item .owl-carousel .owl-nav .owl-next { width: 30px; height: 50px; text-indent: -123456px; outline: none; } #top.classic .sectionFour .container .avia_codeblock_section .item .owl-carousel .owl-nav .owl-prev { background: url(images/classic/sliderArrows.svg) no-repeat 0 0; background-size: 129px; float: left; } #top.classic .sectionFour .container .avia_codeblock_section .item .owl-carousel .owl-nav .owl-next { background: url(images/classic/sliderArrows.svg) no-repeat right 0; background-size: 129px; float: right; } #top.classic .sectionFour .container .avia_codeblock_section .item .owl-carousel .owl-nav .owl-prev:hover { background-position: 0 bottom; } #top.classic .sectionFour .container .avia_codeblock_section .item .owl-carousel .owl-nav .owl-next:hover { background-position: right bottom; } /*dots carousel #top.classic .sectionFour .container .avia_codeblock_section .owl-one.owl-carousel .owl-dots {width: 342px; margin: 0 auto; display: block; } #top.classic .sectionFour .container .avia_codeblock_section .owl-one.owl-carousel .owl-dot {width: 170px; height: 37px; border: 1px solid #000; font-size: 18px; outline: none; margin: 0; padding: 0;} #top.classic .sectionFour .container .avia_codeblock_section .owl-one.owl-carousel .owl-dot.active {background: #f79629; color: #fff;} #top.classic .sectionFour .container .avia_codeblock_section .owl-one.owl-carousel .owl-dot:nth-child(1):before {content: "Intel";} #top.classic .sectionFour .container .avia_codeblock_section .owl-one.owl-carousel .owl-dot:nth-child(2):before {content: "AMD"} #top.classic .sectionFour .container .avia_codeblock_section .owl-one.owl-carousel .owl-dot.active:before {color: #fff;} #top.classic .sectionFour .container .avia_codeblock_section .owl-one.owl-carousel .owl-carousel .owl-dot{display: none;}*/ /*SECTION FIVE*/ #top.classic .avia-slideshow-dots.avia-slideshow-controls { display: none; } #top.classic .avia-slideshow-arrows a { width: 30px; height: 55px; opacity: 1; } #top.classic .av-control-minimal .avia-slideshow-arrows a.prev-slide:before { border: none; text-indent: -123456px; background: url(images/classic/sliderArrows.svg) no-repeat 0 0; background-size: 129px; } #top.classic .av-control-minimal .avia-slideshow-arrows a.next-slide:before { border: none; text-indent: -123456px; background: url(images/classic/sliderArrows.svg) no-repeat right 0; background-size: 129px; } #top.classic .av-control-minimal .avia-slideshow-arrows a.prev-slide:hover:before { background: url(images/classic/sliderArrows.svg) no-repeat 0 -80px; background-size: 129px; } #top.classic .av-control-minimal .avia-slideshow-arrows a.next-slide:hover:before { background: url(images/classic/sliderArrows.svg) no-repeat right -80px; background-size: 129px; } /*SECTION SIX*/ #top.classic #main .sectionSix.avia-section .container { padding-bottom: 30px; } #top.classic .sectionSix { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cecece+100 */ background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(-125deg, #eeeeee 0%, #cecece 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-125deg, #eeeeee 0%, #cecece 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-125deg, #eeeeee 0%, #cecece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cecece', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #top.classic .sectionSix #main .avia-section h1 { text-align: left; margin-top: 90px; } #top.classic .sectionSix .absoluteImage { position: absolute; left: 0; right: 0; margin-left: -520px; top: -200px; } #top.classic .sectionSix .absoluteImage img { position: absolute; } #top.classic .sectionSix .responsiveImage { display: none; } #top.classic #main .sectionSeven.avia-section .container { padding-bottom: 0; padding-top: 160px; } /*SECTION EIGHT*/ #top.classic #main .sectionEight .container { width: 100%; max-width: none !important; margin: 0; padding: 0; padding-top: 0; background: none; } /*SECTION NINE*/ #top.classic #main .sectionNine.avia-section .container .wp870 { max-width: 870px; width: 100%; text-align: center; margin: 0 auto; margin-bottom: 100px; } #top.classic #main .sectionNine.avia-section { padding-top: 350px; margin-top: -500px; } #top.classic #main .sectionNine.avia-section .container { padding-bottom: 60px; padding-top: 60px; } #top.classic .sectionNine { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edeeee+0,cecece+100 */ background: #edeeee; /* Old browsers */ background: -moz-linear-gradient(-52deg, #edeeee 0%, #cecece 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-52deg, #edeeee 0%, #cecece 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-52deg, #edeeee 0%, #cecece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeeee', endColorstr='#cecece', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #top.classic #main .sectionNine * ul.col3line { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #top.classic #main .sectionNine ul.col3line { width: auto; height: auto; margin: 0; padding: 0; background: none; list-style-type: none; } #top.classic #main .sectionNine ul.col3line li { width: 33.33%; padding: 15px 50px; border-left: 2px solid #acacac; float: left; margin: 0; } #top.classic #main .sectionNine ul.col3line li:first-child { border: none; } #top.classic #main .sectionNine ul.col3line li img { display: block; } #top.classic #main .sectionNine ul.col3line li a.preorder { width: 100%; height: 37px; display: block; font-size: 18px; text-align: center; line-height: 37px; color: #fff; background: #f79629; } #top.classic #main .sectionNine ul.col3line li a.preorder:hover { background: #000; color: #fff !important; } #top.classic #main .sectionNine h2 { font-size: 20px; text-align: center; min-height: 60px; margin-bottom: 0; } #top.classic #main .sectionNine .lastButton { text-align: right; line-height: 50px; padding-right: 50px; margin-top: 20px; } #top.classic #main .sectionNine a.grayButton { width: 281.29px; height: 37px; display: block; font-size: 18px; text-align: center; line-height: 37px; color: #fff; background: #555555; float: right; margin-left: 20px; } #top.classic #main .sectionNine a.grayButton:hover { background: #000; color: #fff; } @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700|Ropa+Sans"); /*********************************************************** ************************************************************ ****************** MSI landing ***************************** ************************************************************ ***********************************************************/ #top.msi { font-size: 20px; line-height: 24px; font-weight: 100; text-transform: none; letter-spacing: 0; position: relative; font-family: 'Roboto', sans-serif; /* Firefox old*/ /* IE */ /* Opera and prob css3 final iteration */ } #top.msi .no_margin.av_three_fifth { width: 55%; } #top.msi .no_margin.av_two_fifth { width: 45%; } #top.msi h1 { text-align: left; font-family: 'Ropa Sans', sans-serif; } #top.msi #on-off-button { cursor: pointer; text-align: right; line-height: 71px; color: #FFF; position: fixed; right: 60px; bottom: 140px; width: 81px; height: 34px; background: transparent url(images/msi/msi_button_on.png) no-repeat left center; -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */ -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */ -ms-animation: blink normal 2s infinite ease-in-out; /* IE */ animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */ } #top.msi #on-off-button.on { background: transparent url(images/msi/msi_button_off.png) no-repeat left center; } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #top.msi .displayNone { display: none; } #top.msi a.avia-button { padding: 10px 40px; font-weight: 300; font-size: 15px; text-transform: inherit; border-radius: 0; float: none; display: inline-block; } #top.msi img.image-top { display: none; } #top.msi img.image-top.off-state { display: block; } #top.msi img.image-top.on { display: block; } #top.msi img.image-top.on.off-state { display: none; } #top.msi h2 { color: #000; font-size: 32px; line-height: 38px; margin-bottom: 30px; font-family: 'Ropa Sans', sans-serif; font-weight: 400; } #top.msi #main .container { max-width: 1770px; width: 100%; margin: 0 auto; } #top.msi #main .sectionOne { margin-top: -56px; /*background: #040504 url(images/msi/msi_top_bg.jpg) no-repeat left top; background-size: cover;*/ background: #040504 url(images/msi/msi_bg_black.jpg) repeat-y left top; } #top.msi #main .sectionOne:after { content: ""; position: absolute; left: 50%; top: 50%; width: 1680px; height: 2048px; margin-top: -840px; margin-left: -1024px; background: transparent url(images/msi/msi_new_bg_dragon.png) no-repeat center center; background-size: 50%; opacity: 0.02; } #top.msi #main .sectionOne .container { position: relative; padding: 220px 130px 150px; } #top.msi #main .sectionOne h1 { font-size: 40px; color: #ffffff; line-height: 1.3em; } #top.msi #main .sectionOne img.image-top { bottom: -520px; left: 100px; } #top.msi #main .sectionOne p { color: #FFF; font-size: 16px; font-weight: 300; line-height: 22px; } #top.msi #main .sectionOne p strong { color: #FFF; font-size: 16px; font-weight: 500; } #top.msi #main .sectionOne .textRight { text-align: right; } #top.msi #main .sectionOne .textRight p { text-align: right; } #top.msi #main .sectionTwo { background: #FFF; background-size: 65%; } #top.msi #main .sectionTwo .container { padding: 100px 130px 50px; } #top.msi #main .sectionTwo p { color: #000; font-size: 16px; line-height: 22px; } #top.msi #main .sectionTwo p strong { color: #000; font-size: 16px; font-weight: 500; } #top.msi #main .sectionTwo .avia-slideshow-button { border-radius: 0; text-transform: inherit; background: #8dc63f; border: none; padding: 10px 40px; font-weight: 300; font-size: 15px; } #top.msi #main .sectionTwo .text-right .image-top { margin: 0 auto; } #top.msi #main .sectionThree { background: #040504 url(images/msi/msi_bg_black.jpg) repeat-y left top; position: relative; } #top.msi #main .sectionThree:after { content: ""; position: absolute; left: 50%; top: 50%; width: 1680px; height: 2048px; margin-top: -840px; margin-left: -1024px; background: transparent url(images/msi/msi_bg_dragon.png) no-repeat -50% center; background-size: 80%; opacity: 0.02; } #top.msi #main .sectionThree .container { padding: 100px 130px 0; } #top.msi #main .sectionThree .avia_textblock { text-align: center; max-width: 900px; margin: 0 auto; } #top.msi #main .sectionThree h2 { color: #FFF; font-size: 32px; margin-bottom: 25px; } #top.msi #main .sectionThree p { color: #FFF; font-size: 16px; line-height: 22px; } #top.msi #main .sectionThree p strong { color: #FFF; font-size: 16px; font-weight: 500; } #top.msi #main .sectionThree .imageAwesome { position: relative; height: 600px; } #top.msi #main .sectionThree .imageAwesome img.image-top { position: absolute; bottom: -100px; } #top.msi #main .sectionThree img { margin: 60px auto; } #top.msi #main .sectionThree .steps-images img { display: inline; transition: transform .2s; } #top.msi #main .sectionThree .steps-images img.image-step:hover { transform: scale(1.05); } #top.msi #main .sectionThree .steps-borders { position: relative; border: 3px #6F8F3B solid; padding: 20px 40px 40px; margin-bottom: 40px; } #top.msi #main .sectionThree .steps-borders .avia-button { position: absolute; left: 50%; bottom: -23px; margin-left: -95px; transition: all .2s ease-in-out; } #top.msi #main .sectionThree .steps-borders .avia-button:hover { transform: scale(1.1); opacity: 1 !important; } #top.msi #main .sectionThree .text-right .image-top { margin: 0 auto; display: block; } #top.msi #main .sectionFour { background: #FFF; } #top.msi #main .sectionFour .container { padding: 100px 130px 50px; } #top.msi #main .sectionFour h2 { color: #000; font-size: 32px; margin-bottom: 25px; } #top.msi #main .sectionFour p { color: #000; font-size: 16px; line-height: 22px; } #top.msi #main .sectionFour p strong { color: #000; font-size: 16px; font-weight: 700; } #top.msi #main .sectionFour img.image-top { position: absolute; bottom: -200px; left: 100px; } #top.msi #main .sectionFour .text-right .image-configuration { margin: 0 auto; display: block; } #top.msi #main .sectionFive { background: #020102; } #top.msi #main .sectionFive .container { padding: 0 130px 0; } #top.msi #main .sectionFive .text-configurator { max-width: 600px; margin-left: 25px; } #top.msi #main .sectionFive .image-configuration { width: 100%; } #top.msi #main .sectionFive .textRight p { text-align: right; } #top.msi #main .sectionFive h2 { color: #FFF; font-size: 32px; margin-bottom: 25px; margin-top: 40px; } #top.msi #main .sectionFive p { color: #FFF; font-size: 16px; line-height: 22px; } #top.msi #main .sectionFive p strong { color: #FFF; font-size: 16px; font-weight: 700; } #top.msi #main .sectionFive .text-right .image-configuration { margin: 0 auto; display: block; } #top.msi #main .sectionSix { background: #FFF; } #top.msi #main .sectionSix .container { position: relative; padding: 100px 130px 50px; } #top.msi #main .sectionSix h2 { color: #000; font-size: 32px; margin-bottom: 25px; } #top.msi #main .sectionSix p { color: #000; font-size: 16px; line-height: 22px; } #top.msi #main .sectionSix img.image-top { /* position: absolute; bottom: -200px; left: 100px;*/ } #top.msi #main .sectionSix .tab_content { background: #FFF !important; padding-top: 30px; width: 588px; } #top.msi #main .sectionSix .avia-button.avia-color-green { margin-right: 25px; } #top.msi #main .sectionSix table { table-layout: fixed; width: 100%; border: none; background: transparent; } #top.msi #main .sectionSix table tr { color: #000; background: transparent; } #top.msi #main .sectionSix table th, #top.msi #main .sectionSix table td { padding: 2px 10px 2px 0; border: none; border-bottom: 1px #d2d2d2 solid; color: #000; background: transparent; } #top.msi #main .sectionSix table th:nth-child(1), #top.msi #main .sectionSix table td:nth-child(1) { width: 30%; } #top.msi #main .sectionSix table th:nth-child(2), #top.msi #main .sectionSix table td:nth-child(2) { width: 70%; } #top.msi #main .sectionSix .text-right .image-top { margin: 0 auto; } @media only screen and (max-width: 991px) { #top.msi .mobile-hide { display: none !important; } #top.msi h1 { text-align: center; font-size: 32px; } #top.msi h2 { font-size: 26px !important; } #top.msi .no_margin.av_one_half, #top.msi .no_margin.av_one_fourth, #top.msi .no_margin.av_one_third, #top.msi .no_margin.av_two_third { width: 100%; text-align: center; } #top.msi #on-off-button { position: fixed; right: 10px; bottom: 20px; visibility: visible; z-index: 1000; } #top.msi .textRight { text-align: center !important; } #top.msi .textRight p { text-align: center !important; } #top.msi #main br { display: none; } #top.msi #main img.image-top { position: static !important; } #top.msi #main .container { padding: 20px 20px 20px !important; } #top.msi #main .sectionOne .avia-slideshow-button { display: block; } #top.msi #main .sectionTwo .container, #top.msi #main .sectionFour .container { padding-top: 50px; } #top.msi #main .sectionThree img { margin: 20px auto; } #top.msi #main .sectionThree .imageAwesome { height: inherit; } #top.msi #main .sectionThree .steps-images img { display: block; } #top.msi #main .sectionFive .text-configurator { max-width: inherit; margin-left: inherit; } #top.msi #main .sectionSix table { margin-bottom: 20px; } #top.msi #main .sectionSix table tr { background: transparent; } #top.msi #main .sectionSix table th, #top.msi #main .sectionSix table td { display: block; width: 100% !important; text-align: center; border: none; } #top.msi #main .sectionSix table th:nth-child(1), #top.msi #main .sectionSix table td:nth-child(1) { font-weight: 700; width: 100%; } #top.msi #main .sectionSix table th:nth-child(2), #top.msi #main .sectionSix table td:nth-child(2) { width: 100%; } #top.msi #main .sectionSix .top_tab .tab.fullsize-tab { border: 1px #d58e3e solid; } #top.msi #main .sectionSix .tab_content { padding-top: 30px; } } .main_color p, .main_color li { font-weight: 300 !important; } .margin5 { margin-bottom: 0.5em; } .margin15 { margin-bottom: 1.5em; } .margin10 { margin-bottom: 1em; } .margin20 { margin-bottom: 2em; } .margin30 { margin-bottom: 3em; } .margin40 { margin-bottom: 4em; } .margin50 { margin-bottom: 5em; } .margin60 { margin-bottom: 6em; } .margin70 { margin-bottom: 7em; } .margin80 { margin-bottom: 8em; } .paddingBottom5 { padding-bottom: 0.5em; } .paddingBottom10 { padding-bottom: 1em; } .paddingBottom15 { padding-bottom: 1.5em; } .paddingBottom20 { padding-bottom: 2em; } .paddingBottom30 { padding-bottom: 3em; } .paddingBottom40 { padding-bottom: 4em; } .paddingBottom50 { padding-bottom: 5em; } .paddingBottom60 { padding-bottom: 6em; } .paddingBottom70 { padding-bottom: 7em; } .paddingBottom80 { padding-bottom: 8em; } .paddingBottom90 { padding-bottom: 9em; } .paddingBottom100 { padding-bottom: 10em; } .paddingTop5 { padding-top: 5em; } .paddingTop10 { padding-top: 1em; } .paddingTop20 { padding-top: 2em; } .paddingTop30 { padding-top: 3em; } .paddingTop40 { padding-top: 4em; } .paddingTop50 { padding-top: 5em; } .paddingTop60 { padding-top: 6em; } .paddingTop70 { padding-top: 7em; } .paddingTop76 { padding-top: 7.6em; } .paddingTop80 { padding-top: 8em; } .paddingTop120 { padding-top: 12em; } .paddingRight30 { padding-right: 3em; } .paddingRight40 { padding-right: 4em; } .paddingLeft20 { padding-left: 2em; } .paddingLeft40 { padding-left: 4em; } /******************************************************* FOOTER *******************************************************/ #top.classic #footer { background: #000; border-top: 1px solid #222222; } @media only screen and (max-width: 1300px) { #top.classic #main .sectionOne .container .heroText { top: 50px; } } @media only screen and (max-width: 1300px) { #top.classic #main .avia-section .container { padding-right: 20px; padding-left: 20px; } #top.classic #main .sectionThree.avia-section .container { padding: 0; } } @media only screen and (max-width: 1200px) { #top.classic #main .sectionOne .container .heroText { margin-left: 0; left: 60%; } #top.classic #main .sectionNine.avia-section { margin-top: -460px; } } @media only screen and (max-width: 1150px) { #top.classic #main .sectionOne .container .heroText { left: 55%; } #top.classic .sectionSix .absoluteImage { top: 40px; margin-left: -320px; } #top.classic #main .sectionSix .avia-section .container { padding: 0 ; } #top.classic .no_margin.av_three_fifth .sectionTwo { width: 55%; } #top.classic .no_margin.av_two_fifth .sectionTwo { width: 45%; } } @media only screen and (max-width: 1000px) { .responsive .classic#top #wrap_all .sectionTwo.avia-section .container { padding-bottom: 55%; } #top.classic #main .sectionTwo .container h1, #top.classic #main .sectionTwo .container p { text-align: center !important } #top.classic #main .sectionTwo .no_margin.av_three_fifth, #top.classic #main .sectionTwo .no_margin.av_two_fifth { width: 100%; display: block; } #top.classic #main .sectionTwo .container .textRight ul li { width: 50%; margin-bottom: 25px; float: left; } #top.classic #main .sectionTwo { background-size: 100%; } #top.classic #main .sectionNine ul.col3line li { padding: 15px 20px; } #top.classic #main .sectionNine .lastButton { padding-right: 20px; } #top.classic #main .sectionOne .container .heroText { max-width: 100%; position: relative; text-align: center; left: 0; top: -30px; } #top.classic #main .sectionOne .container .heroText h1 { text-align: center; } #top.classic #main .sectionOne .container .heroImage img { top: 0; } #top.classic #main .sectionOne .container a.orangeButton { margin: 0 auto; } #top.classic #main .sectionTwo .container .textRight { padding-left: 0; } .responsive .classic#top #wrap_all .avia-section.sectionSeven .container { padding-bottom: 0; } .responsive .classic#top #wrap_all .avia-section.sectionEight .container { padding-top: 0; } #top.classic #main .sectionTwo .container h1 { padding-right: 0; } } @media only screen and (max-width: 989px) { #top.classic #ow-after-header { height: auto; } .responsive .classic#top #wrap_all .avia-section .container { padding: 60px 20px; width: 100%; } .responsive #top.classic #wrap_all .sectionThree.avia-section .container { padding: 0; } .responsive .classic#top #wrap_all .avia-section.sectionOne .container { padding-bottom: 0; } } @media only screen and (max-width: 767px) { .responsive #top.classic .avia-slideshow-controls a { display: block; } #top.classic .avia-slideshow-arrows a { width: 30px; height: 30px; opacity: 1; } #top.classic .av-control-minimal .avia-slideshow-arrows a.prev-slide:before { background: url(images/classic/sliderArrows.svg) no-repeat 0 0; background-size: 65px; } #top.classic .av-control-minimal .avia-slideshow-arrows a.next-slide:before { background: url(images/classic/sliderArrows.svg) no-repeat right 0; background-size: 65px; } #top.classic .av-control-minimal .avia-slideshow-arrows a.prev-slide:hover:before { background: url(images/classic/sliderArrows.svg) no-repeat 0 -40px; background-size: 65px; } #top.classic .av-control-minimal .avia-slideshow-arrows a.next-slide:hover:before { background: url(images/classic/sliderArrows.svg) no-repeat right -40px; background-size: 65px; } .responsive .classic#top #wrap_all .avia-section .container { padding-bottom: 0; } .responsive .classic#top #wrap_all .sectionFour.avia-section .container { padding: 0 20px; padding-bottom: 50px; } #top.classic #main .sectionFour.avia-section h1 { text-align: center; } #top.classic #main .sectionFour a.outlineButton { margin: 0 auto; } #top.classic #main .sectionFive.avia-section h1 { margin-top: 0; } #top.classic #main .sectionFive a.outlineButton, #top.classic #main .sectionSix a.outlineButton { margin: 0 auto; } #top.classic .sectionSix .absoluteImage img { position: relative; } #top.classic .sectionSix .absoluteImage { position: relative; margin-left: 0; top: 0; } #top.classic #main .sectionSeven .container { padding-bottom: 30px; } #top.classic #main .sectionEight .container { padding-top: 0; } #top.classic #main .sectionTwo .container h1 { margin-top: 50px; margin-bottom: 30px; } #top.classic .sectionSix .absoluteImage { display: none; } #top.classic .sectionSix .responsiveImage { display: block; margin-bottom: 35px; } #top.classic #main .sectionFour .container .sliderPadding { padding-right: 0; } #top.classic #main .avia-section h1 { font-size: 30px; line-height: 35px; margin-bottom: 35px; } #top.classic #main .avia-section * { font-size: 17px; line-height: 25px; } #top.classic #main .sectionNine.avia-section { margin-top: -290px; padding-top: 150px; } .responsive .classic#top #wrap_all .avia-section.sectionEight .container { padding: 0 20px; } #top.classic #main .sectionNine.avia-section .container .wp870 { margin-bottom: 20px; } #top.classic #main .sectionSix .removeResponsive { display: none; } #top.classic #main .sectionTwo .container h1 { margin-top: 0; } #top.classic #main .sectionTwo .container .textRight ul li img { width: 92px; position: relative; top: 24px; margin-right: 15px; width: 64px; } #top.classic #main .sectionTwo .container .textRight ul li { width: 240px } #top.classic #main .avia-section * { text-align: center; } #top.classic #main .avia-section.sectionTwo * { text-align: left; } } @media only screen and (max-width: 700px) { #top.classic #main .sectionTwo .container .textRight ul li { width: 310px; float: none; margin: 20px auto; } #top.classic #main .sectionTwo .container .textRight ul { margin-top: 0; margin-bottom: 50px; } #top.classic #main .sectionFive .container h1 { text-align: center; } #top.classic #main .sectionFive a.outlineButton, #top.classic #main .sectionSix a.outlineButton { margin: 50px auto; } #top.classic #main .sectionSeven .container { padding-bottom: 0; } #top.classic #main .sectionEight .container { padding-top: 0; } /*#top.classic #main .sectionNine ul.col3line li { width: 50%; } #top.classic #main .sectionNine ul.col3line li:last-child { width: 100%; border: none; } #top.classic #main .sectionNine ul.col3line li:last-child img { width: 50%; margin: 0 auto; } #top.classic #main .sectionNine ul.col3line li:last-child a.preorder { width: 50%; margin: 0 auto; }*/ #top.classic #main .sectionNine .lastButton { padding-right: 0; } #top.classic #main .sectionNine .lastButton span { display: block; text-align: center; } #top.classic #main .sectionNine a.grayButton { float: none; margin: 0 auto; } #top.classic #main .sectionTwo .container .textRight { padding-left: 0; } #top.classic #main .sectionNine.avia-section { margin-top: -220px; padding-top: 70px; } } @media only screen and (max-width: 600px) { #top.classic #main .sectionNine.avia-section .container .wp870 { margin-bottom: 20px; } #top.classic #main .sectionNine ul.col3line li { width: 100%; border: none; } #top.classic #main .sectionNine ul.col3line li h2 { font-size: 25px; } #top.classic #main .sectionNine ul.col3line li:last-child img { width: 100%; margin: 0 auto; } #top.classic #main .sectionNine ul.col3line li:last-child a.preorder { width: 100%; margin: 0 auto; } } @media only screen and (max-width: 450px) { #top.classic #main .sectionNine.avia-section { margin-top: -170px; padding-top: 30px; } } /******************************************************* MICRO SITES *******************************************************/ /*helpers*/ .hide-temporarly { display: none; } .height60 { height: 60px; } .padding-botttom45 { padding-bottom: 45px; } .padding-bottom20 { padding-bottom: 20px; } .padding-top45 { padding-top: 45px; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .small-margin-left-right { margin: 0 15px; } .margin-left10px { margin-left: 10px; } .padding-under-h5 h5 { padding-bottom: 20px; } .margin-top-40px { margin-top: 40px; } .margin-top-70px { margin-top: 70px !important; } .blue-links a { color: #1394D2 !important; } .blue-links a:hover { opacity: 0.8; } .align-left, .align-left * { text-align: left !important; } @media only screen and (min-width: 1000px) and (max-width: 1600px) { .width80per_on_tablet { width: 80% !important; } .width60per_on_tablet { width: 60% !important; } .width40per_on_tablet { width: 40% !important; } } @media only screen and (max-width: 1000px) { .width100per_on_mobile { width: 100% !important; } } /*fonts Custom Loop */ .page-partner-program .template-page .entry-content-wrapper h1 { font-family: 'DINPro', sans-serif; font-weight: 400; text-transform: none; font-size: 91px; line-height: 77px; color: #fff; } .page-partner-program .template-page .entry-content-wrapper h1 strong { font-family: 'DINPro', sans-serif; font-weight: 500; } .page-partner-program .template-page .entry-content-wrapper h2 { font-family: 'DINPro', sans-serif; text-transform: none; font-size: 37px !important; line-height: 37px; color: #000; font-weight: 400; } .page-partner-program .template-page .entry-content-wrapper h2 strong { font-family: 'DINPro', sans-serif; font-weight: 500; } .page-partner-program .template-page .entry-content-wrapper h3 { font-family: 'DINPro', sans-serif; text-transform: uppercase; font-size: 22px; line-height: 25px; color: #fff; font-weight: 500 !important; } .page-partner-program .template-page .entry-content-wrapper h4 { font-family: 'DINPro', sans-serif; text-transform: none; font-size: 21px; font-weight: 400; line-height: 27px; color: #000; } .page-partner-program p, .page-partner-program a, .page-partner-program .main_color p, .page-partner-program .main_color li, .page-partner-program .main_color a { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 25px; font-weight: normal; color: #494949; } #top.page-enterprise-solutions #main #header-video-bg .template-page, #top.page-partner-program #main #header-video-bg .template-page { background: linear-gradient(rgba(20, 20, 20, .5), rgba(20, 20, 20, .5)); } /* fonts Custom Loop */ /*fonts Enterprise */ .page-enterprise-solutions .template-page .entry-content-wrapper h1 { font-family: 'DINPro', 'Open Sans', sans-serif !important; text-transform: uppercase; font-size: 59px; line-height: 66px; color: #fff; font-weight: normal; } .page-enterprise-solutions .template-page .entry-content-wrapper h1 strong { font-family: 'DINProMedium', 'Open Sans', sans-serif; } .page-enterprise-solutions .template-page .entry-content-wrapper h2 { font-family: 'DINPro', 'Open Sans', sans-serif; text-transform: uppercase; font-size: 59px; line-height: 66px; color: #000; font-weight: normal; } .page-enterprise-solutions .template-page .entry-content-wrapper h3 { font-family: 'DINPro', 'Open Sans', sans-serif; text-transform: none; font-size: 38px; line-height: 1.2em; color: #000; font-weight: bold; margin-top: 0; } .page-enterprise-solutions .template-page .entry-content-wrapper h4 { font-family: 'DINPro', 'Open Sans', sans-serif; text-transform: none; font-size: 21px; line-height: 25px; color: #252525; font-weight: 500; } .page-enterprise-solutions p, .page-enterprise-solutions a, .page-enterprise-solutions .main_color p, .page-enterprise-solutions .main_color li, .page-enterprise-solutions .main_color a { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 25px; font-weight: normal; color: #494949; } /* / fonts Enterprise */ /*basics*/ /*.micro-site-header {*/ /*max-width: 1600px;*/ /*}*/ .micro-site-header { position: absolute; top: 0; width: 100%; margin-top: 60px; z-index: 111; } .micro-nav-left { float: left; } .micro-nav-right { position: absolute; top: 200px; right: 50px; } .header-bg-squares .av-section-color-overlay { background-repeat: no-repeat !important; background-position: 5% 99%; } .header-bg-squares .container > main.content > .post-entry-type-page { max-width: 1400px; margin: auto; } .header-bg-squares .container { max-width: unset !important; padding-right: 0; } .header-bg-squares h1 { margin-bottom: 34px; margin-top: 34px; } .header-bg-squares h2 { margin-bottom: 27px; line-height: 41px !important; } .header-bg-squares div.avia-button-wrap { margin-top: 35px; } #header-video-bg .template-page { vertical-align: unset; } #header-video-bg .container { width: 100% !important; } #header-video-bg .container .post-entry { width: 85%; margin: 0 auto; } /*#header-video-bg .template-page .post-entry {*/ /*position: relative;*/ /*top: 100px;*/ /*}*/ .header-text-position { position: relative; top: 100px; padding-bottom: 150px; } .related-posts { padding: 30px 0; background-color: #f8f8f8; border-bottom: 2px #d2d2d2 solid; } ul.related { margin: 30px 0; float: left; width: 100%; } ul.related li { float: left; width: 32%; margin-right: 2%; list-style: none; background: #ffffff; padding: 20px; background-color: #ffffff; margin-bottom: 15px; } ul.related li:last-child { margin-right: 0; } ul.related li .related-image { margin: 0 0 15px; } ul.related li p { /*min-height: 130px;*/ } ul.related li h3 { min-height: 131px; } @media only screen and (max-width: 1500px) { .header-text-position { top: 80px; padding-bottom: 120px; } } @media only screen and (max-width: 1280px) { ul.related li { width: 46%; margin-right: 2%; } ul.related li:nth-child(2n) { margin-right: 0; } ul.related li:nth-child(3n) { display: none !important; } } @media only screen and (min-width: 989px) { .page-enterprise-solutions .header-text-position { margin-top: 70px; } .related-posts .ow-container-1320 { max-width: 1320px; padding: 0; } } @media only screen and (max-width: 989px) { } @media only screen and (max-width: 768px) { ul.related li { width: 100%; margin-right: 0; } ul.related li:nth-child(2n) { margin-right: 0; } ul.related li:nth-child(3n) { display: block !important; } ul.related li h3 { min-height: inherit; } .header-text-position { top: 30px; padding-bottom: 40px; } .main_color h3 { font-size: 28px; } } @media only screen and (max-width: 500px) { .header-text-position { top: 50px; padding-bottom: 60px; } } .transparent-bg { height: 100%; width: 100%; border-radius: 150px; background: radial-gradient(circle, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 49%, rgba(0, 0, 0, 0) 100%); padding: 70px; margin-top: 80px; } .page-partner-program .header-bg-squares p, .page-enterprise-solutions .header-bg-squares p { font-size: 18px; line-height: 28px; max-width: 550px; } #micro-lang-btn { color: #fff; font-weight: 500; font-size: 12px; } #micro-lang-btn img { margin-right: 5px; } #micro-lang-btn:hover { color: #F79629; } .page-enterprise-solutions #micro-lang-btn:hover { color: #1394D2; } #micro-lang-menu { display: none !important; position: absolute; } #micro-lang-parent:hover #micro-lang-menu { display: flex !important; } #micro-lang-menu a { color: #fff; font-weight: normal; font-size: 12px; } #micro-lang-menu a.active { color: #f79629; } .page-enterprise-solutions #micro-lang-menu a.active { color: #1394d2; } .avia_textblock.kit_guru { position: absolute; bottom: 0; width: 180px; height: 180px; background-color: #fff; right: 0; } .avia_textblock.kit_guru p { margin-top: 0; margin-bottom: 0; font-size: 14px; line-height: 18px; color: #000; } .avia_textblock.kit_guru p strong { font-size: 16px; line-height: 21px; color: #000; } .partner-program-text h2:not(:first-child) { margin-top: 70px; } .partner-program-text h2:first-child { margin-top: 40px; } .hide-on-tablets-notebooks { display: block; } .show-on-tablets-notebooks { display: none; } /* / basics*/ /* / footer */ #top #wrap_all .micro-footer { border-top: 2px solid rgba(62, 56, 73, 0.2) !important; padding-top: 100px; } .micro-footer h2 { text-transform: none !important; font-weight: 500 !important; font-size: 60px !important; letter-spacing: 2px !important; line-height: 38px !important; } .micro-footer h3 { text-transform: none !important; font-weight: 500 !important; font-size: 22px !important; line-height: 28px !important; } .margin-top30 { margin-top: 30px; } .micro-footer .micro-footer-social a { font-size: 12px; } .micro-footer .micro-footer-social a:hover { color: #F79629 !important; } .page-enterprise-solutions .micro-footer .micro-footer-social a:hover { color: #1394D2 !important; } .page-enterprise-solutions .copyright a:hover { color: #1394D2; } .page-partner-program .copyright a:hover { color: #F79629 !important; } .page-partner-program footer, .page-partner-program footer span.copyright, .page-partner-program footer a { background-color: #000; color: #5A5C63 !important; font-size: 14px !important; font-weight: 500; } /* / footer */ /* buttons */ .micro-header-button, .empty-orange-btn { display: inline-block; } .micro-header-button .avia-button { border-radius: 22.5px; background-color: rgba(255, 255, 255, 0.1); color: #fff; padding: 13px 22px; text-transform: uppercase; font-size: 12px !important; border-bottom: 0; } .micro-header-button .avia-button:hover { color: #F79629 !important; background-color: rgba(255, 255, 255, 0.1); } .micro-header-button .avia-button:before { content: url(images/icons/arrow-right.png); margin-right: 10px; } /*enterprise*/ .page-enterprise-solutions li > a:hover { color: #1394D2 !important; } .page-enterprise-solutions .micro-header-button .avia-button:before { content: url(images/icons/arrow-right-blue.png); } .page-enterprise-solutions .micro-header-button .avia-button:hover { color: #1394D2 !important; } .empty-orange-btn .avia-button { border-radius: 22.5px; border: solid 1px #F79629 !important; color: #F79629 !important; font-weight: 500; padding: 13px 22px 10px; background-color: #fff; text-transform: uppercase; font-size: 12px !important; } .empty-orange-btn .avia-button:hover { color: #fff !important; background-color: #F79629; } /* / buttons */ /*accordion*/ .micro-accordion .single_toggle { min-height: 50px; color: #E7E7E7; font-size: 16px; line-height: 25px; } .micro-accordion .single_toggle p { color: #fff; font-size: 16px; line-height: 25px; font-weight: 500; } .micro-accordion .single_toggle .toggler { text-transform: uppercase; font-weight: 500; font-size: 22px; line-height: 25px; } .micro-accordion .single_toggle > p:hover { color: #1394D2; } .micro-accordion .single_toggle:before { border-left: solid #979797 1px; content: ''; position: absolute; left: 10px; top: 0; bottom: 0; z-index: 0; } .micro-accordion .av_toggle_section:first-child .single_toggle:before { top: 20px; } .micro-accordion .av_toggle_section:last-child .single_toggle:before { bottom: 20px; } .micro-accordion .toggle_icon { border-radius: 50%; width: 30px; height: 30px; left: -24px !important; /*left: -3px !important;*/ border: none; /*background-image: url(images/icons/accordion-accordion-bullet.png);*/ z-index: 10; } .micro-accordion .hor_icon { display: none; } .micro-accordion .vert_icon { border: none; top: -5px; } .micro-accordion .av_toggle_section .vert_icon:before { content: url(images/icons/accordion-bullet.png); z-index: 50; background-color: black; position: absolute; left: -25px; height: 37px; border-radius: 50%; } .micro-accordion .av_toggle_section .vert_icon:after { content: '•'; z-index: 51; color: #1394D2; width: 15px; height: 15px; position: absolute; font-size: 50px; left: -23px; top: 5px; } .micro-accordion .av_toggle_section .activeTitle .vert_icon:after { color: #CFCFCF; } .micro-accordion p.toggler { margin-left: 20px; } .micro-accordion .toggle_content { margin-left: 30px; } .micro-accordion .single_toggle > p { font-weight: 500 !important; } /* / accordion*/ /* Custom loop line */ .custom-loop-line .custom-loop-img { height: 250px; position: relative; margin-bottom: 0; margin-top: 50px !important; } .custom-loop-line .custom-loop-img img { /*max-width: 300px;*/ width: 100%; position: absolute; bottom: -2px; left: 0; right: 0; margin: auto; } .custom-loop-line .custom-loop-img .avia-image-container-inner { position: static; } /*.custom-loop-line:last-child .custom-loop-img img {*/ /*max-height: 240px;*/ /*}*/ .cl-graph-part { margin-bottom: 0 !important; } .custom-loop-line .cl-graph-part .avia-image-container-inner, .custom-loop-line .cl-graph-part .avia-image-container-inner img.avia_image { width: 100%; } .graph-text { padding: 20px 15px 0 15px; } .micro-border-bottom { border-bottom: 1px solid black; } /* on mobile */ /*#top .custom-loop-slider .avia-slideshow-arrows.avia-slideshow-controls {*/ /*font-size: 30px;*/ /*!*width: 100%;*!*/ /*!*position: absolute;*!*/ /*!*top: 50%;*!*/ /*!*transform: translateY(-50%);*!*/ /*!*z-index: 999;*!*/ /*}*/ .custom-loop-slider .cl-mobile-img { height: 250px; text-align: center; position: relative; width: 100%; } .custom-loop-slider .cl-mobile-img img { max-height: 100%; width: auto; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .custom-loop-title p * { font-weight: 500; font-size: 21px; } .black-bg { background-color: #000; } @media screen and (max-width: 767px) { #top .custom-loop-slider .avia-slideshow-arrows.avia-slideshow-controls a { display: block; font-size: 30px; } #top .custom-loop-slider .avia-slideshow-arrows.avia-slideshow-controls a:hover { color: #f79629; opacity: 1; } } /* / on mobile */ /* / Custom loop line */ /* forms */ .subscription-same-line { position: relative; } .subscription-same-line .your-email { position: absolute; top: 0; left: 0; width: 75%; height: 47px; } .subscription-same-line .your-email > input { height: 100%; background: rgba(255, 255, 255, 0.2) !important; border: none !important; } .subscription-same-line .your-email > input::placeholder { color: rgba(255, 255, 255, 1.0) !important; text-transform: uppercase; } .subscription-same-line .your-email > input::-webkit-input-placeholder { color: rgba(255, 255, 255, 1.0) !important; text-transform: uppercase; } .subscription-same-line .your-email > input:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 1.0) !important; text-transform: uppercase; } .subscription-same-line .your-email > input:-ms-input-placeholder { color: rgba(255, 255, 255, 1.0) !important; text-transform: uppercase; } .subscription-same-line .wpcf7-submit { position: absolute; top: 0; right: 50px; background-color: #F79629 !important; width: 25%; height: 47px; border-radius: 0px; text-transform: uppercase; font-size: 14px; } .page-enterprise-solutions .subscription-same-line .wpcf7-submit { background-color: #1394D2 !important; font-size: 11px; padding: 9px 10px; } .page-enterprise-solutions footer { background-color: #000000; } .brochure-download .subscription-same-line .your-email { width: 60%; } .brochure-download .subscription-same-line .wpcf7-submit { width: 40%; } .two-one-line span { width: 49%; float: left; } .two-one-line span:last-child { position: absolute; top: 0; right: 0; } .brochure-download-white { padding-top: 15px; border-top: #EDEDED solid 1px; } .brochure-download-white .subscription-same-line span input { border: solid #E6E6E6 1px !important; } .brochure-download-white .subscription-same-line .your-email > input::-webkit-input-placeholder { color: #767676 !important; } .brochure-download-white .subscription-same-line .your-email > input:-moz-placeholder { /* Firefox 18- */ color: #767676 !important; } .brochure-download-white .subscription-same-line .your-email > input:-ms-input-placeholder { color: #767676 !important; } .micro-form.brochure-download-white .wpcf7-list-item-label { color: #000 !important; } .micro-form.brochure-download-white .wpcf7-list-item-label::before { border: solid #E6E6E6 1px; opacity: 1; } .micro-form.brochure-download-white input[name='consent']:checked + .wpcf7-list-item-label::before { background-color: #F79629; } .page-enterprise-solutions .micro-form.brochure-download-white input[name='consent']:checked + .wpcf7-list-item-label::before { background-color: #1394D2; color: #fff; } /*consent checkbox*/ .micro-form .wpcf7-checkbox { display: inline; margin: 10px 0 0; } .micro-form .wpcf7-list-item { display: inline-block; margin-left: 8px; } .micro-form input[name='consent'] { display: none !important; } .micro-form input[name='consent']:checked + .wpcf7-list-item-label::before { content: "✓"; color: #F79629; text-align: center; font-size: 20px; opacity: 1; } .micro-form .wpcf7-list-item-label { display: inline-block; font-size: 14px; font-weight: normal; left: 15px; line-height: 14px; margin: 0 0 15px; position: relative; } .micro-form .wpcf7-list-item-label::before { background: rgba(255, 255, 255, 0.5); border: rgba(250, 250, 250, 0.5) solid 1px; content: ""; height: 15px; left: -22px; position: absolute; width: 15px; opacity: 0.4; top: -2px; } .micro-form .wpcf7-list-item-label:hover { cursor: pointer; } .micro-form .wpcf7-list-item-label { color: #fff !important; } .micro-form .wpcf7-list-item-label a { color: #f79629; font-size: 13px; } .page-enterprise-solutions .micro-form .wpcf7-list-item-label a { color: #1394d2; } .micro-form input { outline-color: transparent; } .micro-form input.wpcf7-not-valid { margin-bottom: 0 !important; } .micro-form .subscription-same-line + p { margin-top: 0; } .micro-form .wpcf7-form.invalid .subscription-same-line + p { position: relative; top: 20px; } .micro-footer form > p { margin-bottom: 0; } /* / consent checkbox*/ .micro-form .subscription-same-line .wpcf7-email::placeholder { font-size: 12px !important; margin-bottom: 10px; position: relative; bottom: 2px; } .micro-form .subscription-same-line .wpcf7-email:-ms-input-placeholder { font-size: 12px !important; margin-bottom: 10px; position: relative; bottom: 2px; } .micro-form .subscription-same-line .wpcf7-email::-moz-placeholder { font-size: 12px !important; margin-bottom: 10px; position: relative; bottom: 2px; } /* big form*/ .micro-form-long form input, .micro-form-long form select, .micro-form-long form textarea { background-color: rgba(63, 55, 71, 0.5) !important; border: none !important; height: 45px; } .micro-form-long ::placeholder, .micro-form-long option:checked { color: #fff !important; text-transform: uppercase; font-weight: 500; font-size: 12px !important; letter-spacing: 0.75px; } .micro-form-long select option { color: #fff !important; } .micro-form-long select option:first-child { display: none; } .micro-form-long ::-webkit-input-placeholder { color: #fff !important; text-transform: uppercase; font-weight: 500; font-size: 12px !important; letter-spacing: 0.75px; } .micro-form-long :-moz-placeholder { color: #fff !important; text-transform: uppercase; font-weight: 500; font-size: 12px; letter-spacing: 0.75px; } .micro-form-long :-ms-input-placeholder { color: #fff !important; text-transform: uppercase; font-weight: 500 !important; font-size: 12px !important; letter-spacing: 0.75px; } .micro-form-long .input-text, .micro-form-long input[type='text'], .micro-form-long input[type='input'], .micro-form-long input[type='password'], .micro-form-long input[type='email'], .micro-form-long input[type='number'], .micro-form-long input[type='url'], .micro-form-long input[type='tel'], .micro-form-long input[type='search'], .micro-form-long textarea, .micro-form-long select { color: #fff !important; font-weight: 500; font-size: 12px !important; letter-spacing: 0.75px; } .micro-form-long input[type='text']::placeholder, .micro-form-long input[type='input']::placeholder, .micro-form-long input[type='password']::placeholder, .micro-form-long input[type='email']::placeholder, .micro-form-long input[type='number']::placeholder, .micro-form-long input[type='url']::placeholder, .micro-form-long input[type='tel']::placeholder, .micro-form-long input[type='search']::placeholder, .micro-form-long textarea::placeholder, .micro-form-long select::placeholder { text-transform: uppercase; } .micro-form-long .wpcf7-submit { background-color: #1394D2 !important; border-radius: 0px; border-color: #1394D2; text-transform: uppercase; font-size: 12px; line-height: 21px; color: #fff; letter-spacing: 0.75px; } .micro-form-long .wpcf7-list-item-label::before { top: 5px; } .page-partner-program .micro-form-long .wpcf7-submit { background-color: #F79629 !important; border-color: #F79629; } /* make arrow and background */ #top .entry-content-wrapper .micro-form-long select { background-image: url(images/icons/blue_arrow_select.png); background-position: 98% 50%; } #top.page-partner-program .entry-content-wrapper .micro-form-long select { background-image: url(images/icons/orange_arrow_select.png); } /*cancel margin for weird fields*/ #top .micro-form-long input[name="company"], #top .micro-form-long input[name="email"], #top .micro-form-long input[name="first-name"], #top .micro-form-long input[name="last-name"], #top .micro-form-long select[name="country"] { margin-bottom: 0; } #top .micro-form-long textarea[name="your-comment"] { margin-top: 20px; } .advantage-box br { display: none; } .advantage-text br { display: block !important; } /* / forms*/ /* advantage box */ .advantage-box .advantage-img { float: left; /*transform: translateY(50%);*/ border-right: solid #757575 1px; padding: 15px 18px 15px 0; margin-right: 18px; width: 80px; } .advantage-box > section.av_textblock_section { float: left; color: #fff; font-size: 18px; line-height: 28px; transform: translateY(20%); } .advantage-box.no-transform > section.av_textblock_section { transform: none; } /* / advantage box */ /* benefits box */ .benefits-box { /*background-image: url(images/backg_squares.png);*/ /*background-repeat: no-repeat;*/ /*background-position: top left;*/ padding-top: 60px; } .benefits-box .avia-image-container { margin-bottom: 20px; } .benefits-box .av_textblock_section ul li, ul.orange-square-list li { list-style-type: none; margin-left: 15px; } .benefits-box .av_textblock_section ul li:before, ul.orange-square-list li:before { content: ''; position: absolute; width: 7px; height: 7px; background-color: #F79629; margin-top: 8px; left: 5px; } /* / benefits box */ /* list with circled checks */ ul.circle-check li { list-style-type: none; margin-left: 30px; margin-bottom: 15px; } ul.circle-check li:before { content: url(images/icons/check_gradient.png); position: absolute; margin-top: 4px; left: 5px; } /* / list with circled checks */ /* testimonials */ .micro-testimonials { padding-top: 40px; padding-bottom: 80px; } .micro-testimonials .avia-testimonial-content p { color: #F79629; font-weight: bolder !important; font-size: 22px; line-height: 40px; max-width: 700px; margin: auto; } .micro-testimonials .avia-testimonial-meta-mini { text-align: center !important; } .micro-testimonials .avia-testimonial-meta-mini .avia-testimonial-name { color: #fff !important; margin-bottom: 17px; } .micro-testimonials .avia-testimonial-meta-mini span.avia-testimonial-subtitle { color: #BEBEBE !important; font-weight: 600; } .micro-testimonials .prev-slide, .micro-testimonials .next-slide { height: 100% !important; } .micro-testimonials .prev-slide:before, .micro-testimonials .next-slide:before { transform: translateY(50%); } .micro-testimonials .avia-testimonial .avia-testimonial-content:before { content: url(images/icons/quotation.png); } .micro-testimonials .avia-testimonial .avia-testimonial-content > p { margin-top: 40px; } /* / testimonials */ /*enterprise case study*/ .page-enterprise-solutions .case-study .av-section-color-overlay { background-position: bottom right; background-repeat: no-repeat !important; } .page-enterprise-solutions .case-study .container .template-page { max-width: 900px; } .page-enterprise-solutions .case-study .icon-box { overflow: hidden; } .micro-light-border-top-bottom { border-top: #EAEAEA solid 1px; border-bottom: #EAEAEA solid 1px; } .page-enterprise-solutions .case-study .icon-box > section { max-width: 250px; } .page-enterprise-solutions .case-study .icon-box p { float: left; display: inline-block; width: 83%; } .page-enterprise-solutions .case-study .icon-box p img { margin-top: 7px; } .page-enterprise-solutions .case-study .icon-box p:first-child { width: 17%; } .page-enterprise-solutions .case-study .case-study-tag > * { font-size: 12px; margin-bottom: 0; } .page-enterprise-solutions .case-study h6 { font-size: 22px; color: #252525; line-height: 25px; } .page-enterprise-solutions .case-study .arrow-right-top:before { content: url(images/icons/arrow-right-blue.png); position: absolute; right: -30px; } /* / enterprise case study*/ /* shadow positioning and padding */ .shadow-why-lc-section .av-section-color-overlay { background-repeat: no-repeat !important; background-position: 50% 120%; } .shadow-why-lc-section .av-section-color-overlay + .container { padding-top: 70px; } .shadow-graph .av-section-color-overlay { background-repeat: no-repeat !important; background-position: 50% 100%; background-size: 120%; } .shadow-add-info .av-section-color-overlay { background-repeat: no-repeat !important; background-position: 50% 10%; } .shadow-testimonials .av-section-color-overlay { background-repeat: no-repeat !important; background-position: 50% -100%; } /* / shadow positioning */ .page-enterprise-solutions .sp-text { margin-top: 60px; max-width: 550px; } .page-enterprise-solutions .sp-text p { text-transform: uppercase; font-size: 22px !important; line-height: 32px !important; font-weight: 500 !important; } .micro-accordion-parent { padding-top: 100px; padding-bottom: 100px; } .micro-accordion-parent .av-section-color-overlay { background-repeat: no-repeat !important; background-position: -30% 50%; background-size: 80%; } .page-enterprise-solutions #scroll-top-link { background-color: #1394d2; } .enterprise-add-info { text-transform: uppercase; font-size: 30px; line-height: 36px; font-family: 'DINPro', sans-serif; } .p-no-margin p { margin: 0; } @media only screen and (max-width: 1500px) { .page-partner-program .container, .page-enterprise-solutions .container, .header-bg-squares .container > main.content > .post-entry-type-page { max-width: 1000px; } .hide-on-tablets-notebooks { display: none; } .show-on-tablets-notebooks { display: block; } } @media only screen and (max-width: 1200px) { .custom-loop-line .custom-loop-img { margin-top: 0 !important; } .page-partner-program .container, .page-enterprise-solutions .container, .header-bg-squares .container > main.content > .post-entry-type-page { max-width: 900px; } .page-enterprise-solutions .case-study .av-section-color-overlay { display: none !important; } .micro-site-header .transparent-bg { margin-top: 100px; } .brochure-download .subscription-same-line .wpcf7-submit { width: 100%; position: static; margin-top: 40px; } .brochure-download .subscription-same-line .your-email { width: 100%; } .brochure-download .subscription-same-line { max-width: 400px; margin: auto; } } @media only screen and (max-width: 989px) { .micro-site-header { margin-top: 30px !important; } .micro-site-header .micro-nav-left img { height: 60px; } .micro-footer h2 { font-size: 40px !important; } } @media only screen and (max-width: 900px) { .micro-accordion-parent { padding-top: 20px; padding-bottom: 20px; } .micro-site-header { margin-top: 30px; } .micro-nav-left img { max-height: 50px; } .custom-loop-line .custom-loop-img { height: 170px; } #top #wrap_all .micro-footer { padding-top: 20px; } .padding-top45 { padding-top: 25px; } /*.page-partner-program .container, .page-enterprise-solutions .container,*/ /*.header-bg-squares .container > main.content > .post-entry-type-page*/ /*{*/ /*margin-left: 50px;*/ /*}*/ } @media only screen and (max-width: 800px) { .header-for-mobile h1 { font-size: 60px !important; } .header-for-mobile h2 { font-size: 40px; } .header-for-mobile .avia_textblock.kit_guru { width: 100px; height: 100px; } .header-for-mobile .avia_textblock.kit_guru img { max-width: 70px; margin: 0 auto; } .header-for-mobile .avia_textblock.kit_guru p, .header-for-mobile .avia_textblock.kit_guru p strong { margin: 0 auto; padding: 0; font-size: 12px; line-height: 12px; } /* hide shadows */ .shadow-why-lc-section .av-section-color-overlay { display: none !important; } .shadow-graph .av-section-color-overlay { display: none !important; } .shadow-add-info .av-section-color-overlay { display: none !important; } .shadow-testimonials .av-section-color-overlay { display: none !important; } .micro-accordion-parent .av-section-color-overlay { display: none !important; } .page-enterprise-solutions .case-study .av-section-color-overlay { display: none !important; } /*stretch form field full width*/ .two-one-line span { float: none; width: 100%; } .two-one-line span:last-child { position: static; } .two-one-line br { display: none; } /*case study*/ .page-enterprise-solutions .case-study { background-image: none !important; } .page-enterprise-solutions .case-study .flex_column:first-child { padding-top: 20px !important; } .page-enterprise-solutions .case-study .flex_column { height: auto; } .page-enterprise-solutions .case-study .arrow-right-top:before { content: url(images/icons/arrow-down-blue.png); position: absolute; bottom: 0; left: 50%; } .page-enterprise-solutions .case-study .flex_column.av_one_third { padding-bottom: 10px !important; padding-top: 0 !important; margin-bottom: 0 !important; } } @media only screen and (max-width: 767px) { .micro-footer h2 { font-size: 40px !important; } .hide-on-tablets-notebooks { display: block; } .show-on-tablets-notebooks { display: none; } } @media only screen and (max-width: 500px) { .header-for-mobile h1 { font-size: 40px !important; line-height: 40px !important; } .header-for-mobile h2 { font-size: 20px; } .header-for-mobile .avia_textblock.kit_guru { display: none; } } @media only screen and (max-width: 350px) { .advantage-img { border-right: none !important; width: 100% !important; text-align: center !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .advantage-box > section { width: 100% !important; text-align: center !important; } .advantage-box > section p { margin-top: 0; } } /*sidebar border removed on all page*/ .content, #top #main .sidebar, .sidebar_left .content { border-left-style: none !important; border-right-style: none !important; } /*EASTER PROMOTION*/ /*body.page-easter-promotion .easter-promotion {*/ /*display:none !important;*/ /*}*/ .easter-promotion { background: url(images/easter-ban-bg.png) no-repeat; background-size: 100% 130px; width: 100%; height: 130px; position: relative; } .easter-promotion * { color: #fff; } .easter-promotion h2 { font-size: 26px; } .easter-promotion h3 { font-weight: normal; font-size: 18px; } .easter-left { width: 50%; float: left; } .easter-left .easter-text { /*margin-top: 40px;*/ position: absolute; top: 50%; transform: translateY(-50%); } .easter-promotion img { display: inline-block; float: left; height: 130px; width: auto; margin-right: 20px; } .easter-right { float: right; margin-right: 35px; position: relative; top: 50%; transform: translateY(-50%); } .easter-right .avia-button.avia-color-theme-color { margin-left: 25px; } .easter-color-sect h3 { color: #d58f3e; text-align: left; margin-bottom: 40px !important; } .easter-color-sect p { color: #c4c4c4; } .parent-easter-icon { margin-top: 20px; } .parent-easter-icon > section { float: left; width: 50%; text-align: center; height: 150px; color: #c4c4c4; } .easter-icon p:not(:first-child) { font-size: 16px; line-height: 18px; } .easter-icon p:first-child { height: 60px; } .easter-icon img { max-width: 60px; max-height: 60px; width: auto; height: auto; position: relative; top: 50%; transform: translateY(-50%); } .easter-color-sect { background-size: 63% auto !important; } .circled-easter .avia-image-container { position: absolute; display: inline-block; left: 0; top: 0; } @media only screen and (max-width: 1700px) { .easter-promotion img { margin-right: 0; } .easter-left { width: 40%; } .easter-right a.avia-button { padding-left: 20px !important; padding-right: 20px !important; font-size: 12px !important; } } @media only screen and (max-width: 1500px) { .easter-promotion { position: relative; } .easter-promotion img { display: none; } .easter-left { padding-left: 150px; background: url("images/easter-ban-img.png") no-repeat left bottom; height: 130px; width: 60%; } .easter-right a.avia-button { padding-left: 20px !important; padding-right: 20px !important; font-size: 12px !important; } .easter-left h2 { font-size: 20px; } .easter-left h3 { font-size: 16px; } } @media only screen and (max-width: 1250px) { .easter-promotion { padding: 0 20px; height: auto; background-size: cover; background: #000; float: left; } .easter-left { background: none; width: 100%; padding-left: 0; height: auto; } .easter-left .easter-text { margin-top: 20px; position: static; transform: none; } .easter-right { transform: unset; position: static; float: left; width: 100%; margin: 15px 0; } } @media only screen and (max-width: 480px) { .easter-right { text-align: center; } } /** UPDATES ON CLASSIC LANDING PAGE **/ body.classic .content-slider .avia-slideshow-controls { position: static !important; } body.classic .content-slider .avia-slideshow-controls .prev-slide { left: -60px !important; top: 50% !important; font-size: 34px !important; height: 32px !important; margin-top: -15px !important; color: #f79629 !important; } body.classic .content-slider .avia-slideshow-controls .next-slide { right: -60px !important; top: 50% !important; font-size: 34px !important; height: 32px !important; margin-top: -15px !important; color: #f79629 !important; } body.classic .content-slider .avia-slideshow-arrows a:before { background: none !important; line-height: 30px !important; } body.classic .avia-content-slider-inner .avia-smallarrow-slider-heading.no-content-slider-heading { display: none !important; } body.classic .avia-content-slider-inner h3.slide-entry-title { display: none !important; } body.classic .slick-slider .slick-arrow { height: 25px !important; display: block !important; position: absolute !important; left: 50% !important; width: 25px !important; z-index: 99 !important; bottom: 0px !important; line-height: 25px !important; cursor: pointer !important; margin-left: -25px !important; } body.classic .slick-slider .slick-arrow.next-arrow { left: auto !important; right: 50% !important; margin-left: 0px !important; margin-right: -25px !important; } @media (max-width: 1240px) { body.classic .content-slider .avia-slideshow-controls .prev-slide { left: -40px !important; } body.classic .content-slider .avia-slideshow-controls .next-slide { right: -40px !important; } } @media (max-width: 1190px) { body.classic .content-slider { margin-right: 20px !important; margin-left: 20px !important; } } /*********************************************************** ****************** magnitude **************************** ****************** 13.5.2019 ******************************* ***********************************************************/ body.magnitude .header_color .header_bg { background: #000000; } body.magnitude #main .container, body.magnitude.responsive #main .container { max-width: 1440px !important; padding: 70px 40px 20px !important; margin: 0 auto !important; } #top.magnitude .button-green a { height: 45px; width: 230px; padding-right: 40px !important; font-size: 16px; line-height: 35px; font-weight: 100; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; letter-spacing: 0; white-space: nowrap; background-image: linear-gradient(to right, #82bd00 0%, #82bd00 33.3%, #1e1a1b 33.3%, #1e1a1b 66.6%, #82bd00 66.6%, #82bd00 100%); background-size: 309% 200%; border: none; transition: all .3s; clip-path: polygon(0 0, 115% 0, calc(100% - 20px) 100%, 0 100%); -webkitclip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%); } #top.magnitude footer { background-color: #000000; border-top: 1px solid #3A3A3A; } #top.magnitude footer .container { max-width: 1440px !important; padding: 15px 40px !important; } #top.magnitude #socket .copyright, #top.magnitude #socket .copyright a { color: #5A5C63; } #top.magnitude #socket .copyright span { margin: 0 5px; } /******************************************************* SECTION ONE *******************************************************/ #top.magnitude #main .avia-section strong { font-weight: 500; } #top.magnitude #main .sectionOne .av-parallax-inner { background-attachment: scroll; background-position: center -150px !important; background-size: cover !important; } #top.magnitude #main .sectionOne .magnitudeImage img { display: none; } #top.magnitude #main .sectionOne a#outlineButton { width: 200px; height: 50px; line-height: 50px; margin-top: 70px; display: block; text-align: center; text-decoration: none; border: 1px solid #fff; color: #fff; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #top.magnitude #main .sectionOne a#outlineButton:hover { border: 1px solid #eb9034; color: #eb9034; } #top.magnitude #main .sectionOne h1 { font-family: "DINPro", sans-serif; font-size: 60px; line-height: 1em; color: #fff; font-weight: 300; margin-bottom: 40px; text-transform: inherit; } #top.magnitude #main .sectionOne h1 strong { font-family: "DINPro", sans-serif; font-size: 70px; line-height: 90px; color: #fff; font-weight: 500; text-transform: uppercase; } #top.magnitude #main .sectionOne h2 { font-family: "DINPro", sans-serif; font-size: 37px; font-weight: 500; line-height: 37px; color: #F79629; margin-top: 80px; text-transform: inherit; } #top.magnitude #main .sectionOne h3 { font-size: 1.5em; letter-spacing: 1.17px; line-height: 1.2em; color: #fff; font-weight: 300; } #top.magnitude #main .sectionOne p { color: #FFFFFF; font-size: 20px; line-height: 25px; } #top.magnitude .micro-form { width: 75%; } #top.magnitude .micro-form input[type='email'] { border: 1px solid #4C4458 !important; border-radius: 0 !important; } #top.magnitude .micro-form input[type='email']::placeholder, #top.magnitude .micro-form input[type='email']:-ms-input-placeholder, #top.magnitude .micro-form input[type='email']::-ms-input-placeholder { color: #FFF !important; } #top.magnitude .micro-form button[type='submit'] { color: #FFF !important; border-radius: 0 !important; text-transform: uppercase; } #top.magnitude .micro-form button[type='submit']:hover { background-color: #3F3547 !important; color: #FFF !important; border-radius: 0 !important; } #top.magnitude .micro-form-long .wpcf7-submit { background-color: #f79629 !important; border-color: #f79629; } #top.magnitude .micro-form .ml-form-embedBody { padding: 0 !important; } #top.magnitude .micro-form .ml-form-successBody.row-success { padding: 0; } #top.magnitude .micro-form .ml-form-successBody.row-success h4, #top.magnitude .micro-form .ml-form-successBody.row-success p, #top.magnitude .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 { color: #F79629 !important; font-size: 20px !important; line-height: 1em !important; margin: 0 !important; } #top.magnitude .entry-content-wrapper .micro-form-long select { background-image: url(images/icons/blue_arrow_select.png); background-position: 98% 50% } #top.magnitude .entry-content-wrapper .micro-form-long select { background-image: url(images/icons/orange_arrow_select.png) } .footer-follow { padding: 30px 0; float: left; width: 100%; } .footer-follow ul { margin: 0; } .footer-follow li { float: left; padding: 10px 20px; } .footer-follow li.title { padding: 10px 60px 10px 0; } @media only screen and (max-width: 1280px) { body.magnitude #main .container, body.magnitude.responsive #main .container { padding-top: 0 !important; padding-bottom: 0 !important; } #top.magnitude #main .content { padding: 80px 0 !important; } #top.magnitude #main .sectionOne h1, #top.magnitude #main .sectionOne h1 strong { font-size: 40px; line-height: 1.0em; } #top.magnitude #main .sectionOne h3 { font-size: 26px; line-height: 1.2em; } #top.magnitude #main .sectionOne h2 { font-size: 27px; line-height: 27px; margin-top: 40px; } } @media only screen and (max-width: 989px) { body.magnitude #main .container, body.magnitude.responsive #main .container { padding: 20px 20px !important; } .responsive #top #wrap_all .container { width: 100% !important; } #top.magnitude #main .content { padding: 30px 0 0 !important; } #top.magnitude div .av_three_fifth, #top.magnitude div .av_two_fifth { width: 100% !important; margin: 0 !important; } #top.magnitude #main .sectionOne .av-parallax-inner { background: transparent !important; background-image: none !important; } #top.magnitude #main .sectionOne .magnitudeImage img { max-width: 100%; display: block; margin: 0 auto; } #top.magnitude #main .sectionOne .magnitudeImage p { margin: 0 0 15px; } .footer-follow li { padding: 0; width: 50%; text-align: center; } .footer-follow li.title { display: none; } #socket .copyright .ow_copyright { float: none; } #top.magnitude #socket .copyright span { text-align: center; padding: 0; margin: 0 auto; } #top.magnitude .micro-form button.loading { display: none !important; } } @media only screen and (max-width: 640px) { #top.magnitude .micro-form { width: 100%; } } /*********************************************************** ****************** lignum **************************** ****************** 13.5.2019 ******************************* ***********************************************************/ #top.lignum .header_color .header_bg { background: #000000; } top.lignum #main .avia-section .container { max-width: 1150px !important; padding: 120px 0; font-family: 'DINPro', sans-serif !important; font-weight: 100; font-size: 20px; line-height: 24px; } body.lignum #main .container, body.lignum.responsive #main .container { max-width: 1440px !important; padding: 80px 40px !important; margin: 0 auto !important; } body.lignum #socket { background-color: #000000; } body.lignum #socket .container { padding-top: 15px !important; padding-bottom: 15px !important; } body.lignum .micro-footer h2 { text-transform: none !important; font-weight: 500 !important; font-size: 22px !important; line-height: 28px !important; } body.lignum .micro-footer .content { padding: 0; } #top.lignum #main p.subtitle { position: relative; font-family: "factoria", serif; } #top.lignum #main p.subtitle:after { content: ""; width: 100px; height: 54px; position: relative; display: inline-table; left: 0; bottom: 10px; background: url(images/lignum_break1_signature.png) no-repeat left top; background-size: 100%; } #top.lignum #main .sectionOne, #top.lignum #main .sectionTwo, #top.lignum #main .sectionThree, #top.lignum #main .sectionFour, #top.lignum #main .sectionFive, #top.lignum #main .sectionSix, #top.lignum #main .sectionSeven { position: relative; } #top.lignum #main .sectionOne:after, #top.lignum #main .sectionThree:after, #top.lignum #main .sectionFour:after, #top.lignum #main .sectionFive:after, #top.lignum #main .sectionSeven:after { content: ""; width: 24px; height: 100%; position: absolute; right: 5%; top: 0; background: url(images/lignum_dots_grey.png) repeat-y left top; background-size: 60%; } #top.lignum #main .sectionTwo:after, #top.lignum #main .sectionSix:after { content: ""; width: 24px; height: 100%; position: absolute; right: 5%; top: 0; background: url(images/lignum_dots_gold.png) repeat-y left top; background-size: 60%; z-index: 1; } #top.lignum #wrap_all .micro-footer { padding: 0; } #top.lignum .micro-header-button .avia-button:before { content: url(images/icons/arrow-right-lignum.png); } /******************************************************* SECTION ONE *******************************************************/ #top.lignum #main .sectionOne .post-entry-type-page { max-width: inherit; position: relative; } #top.lignum #main .sectionOne .signature { width: 230px; height: 130px; position: absolute; right: 15%; bottom: -250px; /*background: url(images/lignum_break1_signature.png) no-repeat left top; background-size: 100%;*/ } #top.lignum #main .sectionOne .signature svg { max-width: 100%; } #top.lignum #main .sectionOne .primary-image { margin: 0; position: relative; min-height: 300px; } #top.lignum #main .sectionOne .primary-image .primary-image-content { position: absolute; top: 0; } #top.lignum #main .sectionOne .primary-image .primary-image-content.hidden-img { display: none; } #top.lignum #main .sectionOne h1 { color: #FFFFFF; font-size: 70px; font-family: "factoria", serif; font-weight: 700; line-height: 70px !important; letter-spacing: inherit; height: 130px; position: relative; } #top.lignum #main .sectionOne h1 span { position: absolute; top: 0; } #top.lignum #main .sectionOne h1 span.hidden-title { display: none; } #top.lignum #main .sectionOne h2 { color: #AB9B73; font-size: 22px; font-family: "factoria", serif; line-height: 28px !important; text-transform: inherit; letter-spacing: inherit; font-weight: 300; } #top.lignum #main .sectionOne h2 strong { font-family: "factoria", serif; text-transform: uppercase; display: block; font-weight: 700; } #top.lignum #main .sectionOne p { color: #B9B9B9; font-size: 16px; width: 75%; } #top.lignum #wrap_all #main .avia-no-border-styling { background-size: contain !important; } #top.lignum #main .sectionOne .av-section-color-overlay { background-image: inherit !important; } /******************************************************* SECTION TWO *******************************************************/ /* #top.lignum #main .sectionTwo .av-section-color-overlay-wrap { padding: 50px 0; }*/ #top.lignum #main .sectionTwo .content { padding: 100px 0; } #top.lignum #main .sectionTwo h2 { color: #AB9B73 !important; font-size: 41px; font-weight: 700; line-height: 46px; font-family: "factoria", serif; } #top.lignum #main .sectionTwo h5 { color: #AB9B73 !important; font-size: 21px !important; font-weight: 700; line-height: 27px; padding-bottom: 10px; min-height: 63px; } #top.lignum #main .sectionTwo h5 span { display: block; } #top.lignum #main .sectionTwo p { color: #C9B2A1 !important; font-size: 16px !important; line-height: 24px; width: 70%; } #top.lignum #main .sectionTwo p.subtitle { color: #AB9B73 !important; font-size: 22px !important; font-weight: 300; line-height: 29px; margin-bottom: 0; } #top.lignum #main .benefits-box .avia-image-container { margin-bottom: 0; } #top.lignum #main .sectionTwo .avia_image { margin: 0 0 20px 0; } /******************************************************* SECTION THREE *******************************************************/ #top.lignum #main .sectionThree { background-color: #373737; } #top.lignum #main .sectionThree .content { padding: 100px 0; } #top.lignum #main .sectionThree .av-parallax-inner { background-size: cover !important; } #top.lignum #main .sectionThree h2 { color: #AB9B73 !important; font-size: 41px !important; font-weight: 700; line-height: 46px; font-family: "factoria", serif; } #top.lignum #main .sectionThree p { color: #B9B9B9 !important; font-size: 16px !important; line-height: 24px; } #top.lignum #main .sectionThree p.subtitle { color: #AB9B73 !important; font-size: 22px !important; font-weight: 300; line-height: 29px; margin: 20px 0 70px; } /******************************************************* SECTION FOUR *******************************************************/ #top.lignum #main .sectionFour h2 { color: #AB9B73 !important; font-size: 41px !important; font-weight: 700; line-height: 46px; font-family: "factoria", serif; margin-bottom: 1em; } #top.lignum #main .sectionFour p { color: #B9B9B9 !important; font-size: 16px !important; line-height: 24px; } #top.lignum #main .sectionFour p.subtitle { color: #AB9B73 !important; font-size: 22px !important; font-weight: 300; line-height: 29px; margin: 20px 0 70px; } #top.lignum #main .sectionFour .content { padding: 100px 0 0px 0; } #body.lignum #main .avia-no-border-styling { background-size: 23% !important; background-position: 60% 40px !important; } /******************************************************* SECTION FIVE *******************************************************/ #top.lignum #main .sectionFive .content { padding: 100px 0; } #top.lignum #main .sectionFive h2 { color: #AB9B73 !important; font-size: 41px !important; font-weight: 700; line-height: 46px; font-family: "factoria", serif; } #top.lignum #main .sectionFive h5 { color: #AB9B73 !important; font-size: 21px !important; font-weight: 700; line-height: 27px; padding-bottom: 10px; } #top.lignum #main .sectionFive p { color: #B9B9B9 !important; font-size: 16px !important; line-height: 24px; } #top.lignum #main .sectionFive p strong { color: #B9B9B9 !important; } #top.lignum #main .sectionFive p.subtitle { color: #AB9B73 !important; font-size: 22px !important; font-weight: 300; line-height: 29px; margin: 20px 0 40px; } #top.lignum #main .sectionFive .avia-button { background-color: #84754F; margin-top: 20px; border-radius: 0px !important; color: #fff !important; text-transform: uppercase !important; font-size: 18px !important; transition: all 0.3s ease-out; padding: 15px !important; } #top.lignum #main .sectionFive .avia-button:before { display: none; } #top.lignum #main .sectionFive .benefits-box { padding: 0; } #top.lignum #main .sectionFive ul { border-top: 1px solid #2A2A2A; border-bottom: 1px solid #2A2A2A; padding: 10px 0; margin: 0; min-height: 86px; } #top.lignum #main .sectionFive ul li { color: #B9B9B9 !important; font-size: 16px !important; line-height: 24px; margin-left: 0; } #top.lignum #main .sectionFive ul li:before { display: none; } #top.lignum #main .sectionFive .price { color: #B2AEAC !important; font-size: 16px !important; } #top.lignum #main .sectionFive .price span, #top.lignum #main .sectionFive .price strong { color: #AB9B73 !important; font-size: 41px !important; font-weight: 700; line-height: 46px; font-family: "factoria", serif; } /******************************************************* SECTION SIX *******************************************************/ #top.lignum #main .sectionSix h2 { color: #AB9B73 !important; font-size: 41px !important; font-weight: 500; line-height: 46px; font-family: "DINPro", sans-serif; } #top.lignum .micro-testimonials .avia-testimonial-content p { color: #AB9B73 !important; } body.lignum .micro-testimonials .avia-testimonial .avia-testimonial-content:before { opacity: 0.2; } /******************************************************* SECTION SEVEN *******************************************************/ #top.lignum #main .sectionSeven .content { padding: 50px 0; } #top.lignum #main .sectionSeven { border-bottom: 1px #2a2a2a solid !important; } @media only screen and (max-width: 1280px) { body.lignum #main .container, body.lignum.responsive #main .container { padding-top: 0 !important; padding-bottom: 0 !important; } #top.lignum #main .content { padding: 80px 0 !important; } #top.lignum #main .benefits-box { padding: 0 !important; } #top.lignum #main .sectionOne h1 { font-size: 52px; line-height: 1em !important; } #top.lignum #main .sectionTwo p { width: 100%; } /*#top.lignum #main .sectionOne h1 strong, #top.lignum #main .sectionOne h2 strong { display: inline; }*/ } @media only screen and (max-width: 989px) { body.lignum #main .container, body.lignum.responsive #main .container { padding: 0 20px !important; } #top.lignum #main .content { padding: 80px 0 40px !important; } #top.lignum div .av_one_half, #top.lignum div .av_two_fifth { width: 100% !important; } /*#top.lignum #main .sectionOne h2,*/ #top.lignum #main .sectionTwo h2, #top.lignum #main .sectionThree h2, #top.lignum #main .sectionFour h2, #top.lignum #main .sectionFive h2, #top.lignum #main .sectionSix h2 { line-height: 1.0em !important; font-size: 40px !important; } #top.lignum #main .sectionOne:after, #top.lignum #main .sectionThree:after, #top.lignum #main .sectionFour:after, #top.lignum #main .sectionFive:after, #top.lignum #main .sectionSeven:after, #top.lignum #main .sectionTwo:after, #top.lignum #main .sectionSix:after { right: -1%; } #top.lignum #main .sectionFive p.subtitle { margin: 20px 0 0; } #top.lignum #main .sectionFive .benefits-box .avia-image-container { width: 100%; } #top.lignum #main .sectionFive .benefits-box .avia-image-container img { / / margin: 0 auto; } #top.lignum #main .sectionFive .avia_textblock { / / text-align: center; } #top.lignum #main .sectionSix .content { padding: 0 !important; } #top.lignum #main .sectionTwo p.subtitle { margin-bottom: 20px; } #top.lignum #main .sectionOne .post-entry-type-page:after { width: 100px; height: 54px; left: 0; bottom: -70px; } #top.lignum #animationWrapper { margin: 20px auto 0; } #top.lignum #main .sectionSeven p { color: #FFF; width: 100%; } #top.lignum #main .avia-button-left, #top.lignum #main .avia-button-right { margin: 0; } } @media only screen and (max-width: 640px) { #top.lignum #main .sectionOne h1 { height: 90px; } } /* !** Toolbar Promotion Banner **! .toolbar-promo * { font-size: 13px; } .toolbar-promo { height: 60px; width: 100%; background: #fff; overflow: hidden; cursor: default; color: #333333; } .toolbar-promo.toolbar-promo-black { background: #000; overflow: hidden; cursor: default; color: #FFF; border-bottom: 1px solid #3a3a3a; } .toolbar-promo.toolbar-promo-black span.countdown label { color: #FFF; } !*.toolbar-promo.toolbar-promo-black .button-toolbar-promo { background: #000; color: #fff; border: 1px #FFF solid; }*! .toolbar-promo.toolbar-promo-black .button-toolbar-promo:hover { background: #FFF; color: #000; } .toolbar-promo.toolbar-promo-black .readmore-toolbar-promo:hover { color: #FFF; } .toolbar-promo .container { max-width: 1670px; } .toolba-sticky { position: fixed; top: 0px; z-index: 9991; } .toolbar-promo .toolbar-promo-inner { position: relative; height: 60px; width: 100%; padding-left: 170px; padding-right: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .toolbar-promo .promo-img-left { position: absolute; left: 0px; top: 0px; } .toolbar-promo .promo-img-right { position: absolute; right: 0px; top: 0px; } .toolbar-promo .tolbar-promo-left span { !*font-family: 'DINProcregular', 'Open Sans';*! font-weight: bold; text-transform: uppercase; font-size: 20px; line-height: 20px; } .toolbar-promo .tolbar-promo-left .toolbar-promo-cell { !*line-height: 20px;*! line-height: 1em; text-align: center; } .toolbar-promo .tolbar-promo-left { text-align: left; display: inline-block; height: 60px; vertical-align: top; margin-right: 30px; max-width: calc(50% - 20px); } .toolbar-promo .toolbar-promo-right { text-align: left; display: inline-block; height: 60px; vertical-align: top; max-width: calc(50% - 15px); } .toolbar-promo .toolbar-promo-table { display: table; width: 100%; height: 60px; vertical-align: middle; } .toolbar-promo .toolbar-promo-cell { display: table-cell; vertical-align: middle; text-align: center; } .toolbar-promo .toolbar-promo-inner a { -moz-transition: all 0.22s ease-in-out; -o-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; transition: all 0.22s ease-in-out; } .toolbar-promo .button-toolbar-promo { padding: 0px 30px; height: 40px; background: #f79629; font-size: 16px; color: #fff; display: inline-block; line-height: 40px; text-transform: uppercase; margin-right: 30px; } .toolbar-promo .button-toolbar-promo:hover { background: #000; color: #fff; } .toolbar-promo span.countdown { font-family: 'DINProcregular', 'Open Sans'; font-size: 14px; font-weight: bold; color: #F79629; margin-right: 30px; } .toolbar-promo span.countdown * { font-size: 15px; } .toolbar-promo span.countdown label { color: #333333; } .toolbar-promo span.countdown span.seconds { position: relative; } .toolbar-promo span.countdown span.seconds > span:first-of-type { visibility: hidden; } .toolbar-promo span.countdown span.seconds > span:last-of-type { position: absolute; left: 0px; top: 0px; } .toolbar-promo .readmore-toolbar-promo { color: #F79629; text-decoration: underline; position: relative; top: -2px; } .toolbar-promo .readmore-toolbar-promo:hover { color: #000; } .toolbar-promo .viewsmall { display: none; } @media (max-width: 1450px) { .toolbar-promo .readmore-toolbar-promo { display: none; } .toolbar-promo .button-toolbar-promo { margin-right: 0px; } } @media (max-width: 1280px) { .toolbar-promo .tolbar-promo-left span { font-size: 12px; line-height: 1em; } } @media (max-width: 1090px) { .toolbar-promo .toolbar-promo-inner { padding-right: 0px; } .toolbar-promo .promo-img-right { display: none; } .toolbar-promo span.countdown * { font-size: 12px; } } @media (max-width: 940px) { .toolbar-promo .button-toolbar-promo { padding: 0 15px; } .toolbar-promo .tolbar-promo-left span { font-size: 12px; line-height: 1em; } .toolbar-promo .tolbar-promo-left { margin-right: 15px; } .toolbar-promo span.countdown { margin-right: 15px; } } @media (max-width: 810px) { .toolbar-promo .toolbar-promo-inner { padding-left: 0px; } .toolbar-promo .promo-img-left { display: none; } .toolbar-promo .tolbar-promo-left { max-width: calc(50% - 10px); } .toolbar-promo .toolbar-promo-right { max-width: calc(50% - 10px); } .toolbar-promo .tolbar-promo-left .toolbar-promo-cell { line-height: 1em; } } @media (max-width: 625px) { .toolbar-promo .button-toolbar-promo { padding: 0 10px; } .toolbar-promo .tolbar-promo-left { max-width: calc(100% - 190px); margin-right: 10px; } .toolbar-promo .toolbar-promo-right { max-width: none; width: 175px; } .toolbar-promo span.countdown { display: inline-block; vertical-align: top; text-align: center; margin-top: 2px; } .toolbar-promo .button-toolbar-promo { vertical-align: top; } .toolbar-promo span.countdown label { display: block; line-height: 16px; } .toolbar-promo .container { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toolbar-promo .viewsmall { display: inline; } .toolbar-promo .viewlarge { display: none; } } @media (max-width: 500px) { .toolbar-promo .tolbar-promo-left span { font-size: 13px; line-height: 14px; } .toolbar-promo span.countdown { margin-right: 5px; margin-top: 4px; } .toolbar-promo .tolbar-promo-left { max-width: calc(100% - 170px); } .toolbar-promo .toolbar-promo-right { width: 155px; } .toolbar-promo span.countdown { font-size: 14px; } .toolbar-promo span.countdown * { font-size: 14px; line-height: 14px; } .toolbar-promo span.countdown span.seconds > span:last-of-type { line-height: 16px; } } !** End Toolbar Promotion Banner **! */ .post-sharerer { border: 1px solid #7d7d7d; border-radius: 5px; text-align: center; padding: 0px 15px; border-color: #7d7d7d !important; margin: 0 0 40px 0; } .post-sharerer > span { display: inline-block; margin-top: 10px; } .post-sharerer > div { display: inline-block; } .post-sharerer > div > a { display: inline-block; height: 32px; width: 60px; background: #333; text-decoration: none; color: #fff; margin: 10px 3px; font-size: 20px; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } .post-sharerer > div > a:hover { background: #333 !important; color: #fff !important; } .post-sharerer > div > a.facebook { background: #3c589a; } .post-sharerer > div > a.twitter { background: #55acee; } .post-sharerer.bottom { margin: 40px 0; } /*********************************************************** ****************** classic 2019 **************************** ****************** 08.07.2019 ******************************* ***********************************************************/ top.classic2019 #main .avia-section .container { max-width: 1150px !important; padding: 120px 0; font-family: 'DINPro', sans-serif !important; font-weight: 100; font-size: 20px; line-height: 24px; } body.classic2019 #main .container, body.classic2019.responsive #main .container { max-width: 1440px !important; padding: 80px 40px !important; margin: 0 auto !important; } body.classic2019 #socket { background-color: #000000; } body.classic2019 #socket .container { padding-top: 15px !important; padding-bottom: 15px !important; } body.classic2019 .micro-footer h2 { text-transform: none !important; font-weight: 500 !important; font-size: 22px !important; line-height: 28px !important; } body.classic2019 .micro-footer .content { padding: 0; } body.classic2019 .av_textblock_section li { color: #000000; font-weight: 700; } #top.classic2019 #main p.subtitle { position: relative; font-family: "factoria", serif; } /* #top.classic2019 #main p.subtitle:after { content: ""; width: 100px; height: 54px; position: relative; display: inline-table; left: 0; bottom: 10px; background: url(images/classic2019_break1_signature.png) no-repeat left top; background-size: 100%; } */ #top.classic2019 #wrap_all .micro-footer { padding: 0; } #top.classic2019 .micro-header-button .avia-button:before { content: url(images/icons/arrow-right-classic2019.png); } #top.classic2019 #main a.outlineButton { width: 170px; height: 37px; display: block; line-height: 37px; margin: 20px 0 0; text-align: center; color: #000; border: 1px solid #000; font-size: 18px; outline: none; padding: 0; } #top.classic2019 #main a.outlineButton:hover { background: #000; color: #fff; } #top.classic2019 .avia-slideshow-dots { display: none; } #top.classic2019 .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image { border-radius: 0; } /******************************************************* KITS TABLE *******************************************************/ /* Generic Styling, for Desktops/Laptops */ #top.classic2019 .kitsTable.kitsTableMobile { display: none; } #top.classic2019 .kitsTable table { width: 100%; border-collapse: collapse; background: inherit; } /* Zebra striping */ #top.classic2019 .kitsTable tr { background: inherit; } #top.classic2019 .kitsTable tr:nth-of-type(odd) { background: inherit; } #top.classic2019 .kitsTable tr.border-bottom td { border-bottom: 1px #d2d2d2 solid; text-align: center; vertical-align: middle; padding: 6px 40px 6px 0; } #top.classic2019 .kitsTable tr.border-bottom td img { vertical-align: middle; } #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(1) { text-align: left; } #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(1) div { background: inherit; } #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(1) img { float: left; margin-right: 20px; } #top.classic2019 .kitsTable tr.image td:nth-of-type(2), #top.classic2019 .kitsTable tr.image td:nth-of-type(3), #top.classic2019 .kitsTable tr.image td:nth-of-type(4), #top.classic2019 .kitsTable tr.image td:nth-of-type(5), #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(2), #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(3), #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(4), #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(5){ background: #FFF url(images/classic2019-table-bg.png) repeat-y right bottom; } #top.classic2019 .kitsTable tr.border-bottom:first-of-type td:nth-of-type(2) img { width: 80%; } #top.classic2019 .kitsTable th { width: 20%; color: #000; border: none; } #top.classic2019 .kitsTable th h3 { text-transform: initial; color: #000000; font-size: 36px; line-height: 1em; font-weight: 300; margin-bottom: 30px; font-family: "DINPro", sans-serif; } #top.classic2019 .kitsTable th h3 strong { display: block; } #top.classic2019 .kitsTable td, th { padding: 0 40px 0 0; border: none; text-align: left; font-size: 14px; color: #000000; line-height: 1.6em; } #top.classic2019 .kitsTable td.text-top { padding-bottom: 20px; } #top.classic2019 .kitsTable td a { color: #000000; text-decoration: underline; } #top.classic2019 .kitsTable td p { font-size: 14px; color: #000000; line-height: 1.6em; min-height: 180px; margin-right: 30px; } #top.classic2019 .kitsTable td span { color: #F79629; } #top.classic2019 .kitsTable tr.border-bottom td strong { color: #F79629; } #top.classic2019 .kitsTable td strong { color: #000000; } #top.classic2019 .kitsTable td div { /*background: #FFF;*/ } #top.classic2019 .kitsTable .price { color: #000000; font-size: 16px; font-weight: bold; margin-left: 10%; margin-top: 30px; } #top.classic2019 .kitsTable .price span, #top.classic2019 .kitsTable .price strong { color: #F79629; font-family: "DINPro", sans-serif; font-size: 36px; line-height: 46px; } @media only screen and (max-width: 1310px) { #top.classic2019 .kitsTable .price strong { display: block; } #top.classic2019 .kitsTable .price { margin-left: 0; } #top.classic2019 .kitsTable .avia-button-wrap { margin-left: 0 !important; } } #top.classic2019 .kitsTable .avia-button-wrap { margin-top: 20px; margin-left: 20%; } #top.classic2019 .kitsTable .avia-button { background-color: #F79629; text-decoration: none; } #top.classic2019 .micro-header-button .avia-button { background-color: #F79629; text-decoration: none; } #top.classic2019 .micro-header-button .avia-button:hover span{ color: #FFF } #top.classic2019 .kitsTable .avia-button:before { display: none; } #top.classic2019 .kitsTable .avia-button span { color: #FFF; } #top.classic2019 .kitsTable tr.image td { vertical-align: top; } @media only screen and (max-width: 989px) { #top.classic2019 .kitsTable.kitsTableMobile { display: block; } #top.classic2019 .kitsTable { display: none; } #top.classic2019 .kitsTable td, th { padding: 0 0 0 0; } #top.classic2019 .kitsTable tr.border-bottom td { padding: 6px; } #top.classic2019 .kitsTable tr.image td:nth-of-type(2), #top.classic2019 .kitsTable tr.image td:nth-of-type(3), #top.classic2019 .kitsTable tr.image td:nth-of-type(4), #top.classic2019 .kitsTable tr.image td:nth-of-type(5), #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(2), #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(3), #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(4), #top.classic2019 .kitsTable tr.border-bottom td:nth-of-type(5){ background: #FFF; } #top.classic2019 .kitsTable tr.image td img { margin: 0 auto; } } /******************************************************* SECTION ZERO *******************************************************/ #top.classic2019 #main .sectionZero .av-section-color-overlay { background-image: inherit !important; } #top.classic2019 #main .sectionZero .post-entry-type-page { max-width: inherit; position: relative; } #top.classic2019 #main .sectionZero .sectionZeroMobileImage { display: none; } /* #top.lignum #main .sectionOne .primary-image { margin: 0; position: relative; min-height: 300px; } #top.lignum #main .sectionOne .primary-image .primary-image-content { position: absolute; top: 0; } #top.lignum #main .sectionOne .primary-image .primary-image-content.hidden-img { display: none; } */ #top.classic2019 #main .sectionZero h1 { color: #F79629; font-size: 22px; font-family: "DINPro", sans-serif; line-height: 28px !important; text-transform: inherit; letter-spacing: inherit; font-weight: 700; } #top.classic2019 #main .sectionZero h2 { color: #000000; font-size: 50px; font-family: "DINPro", sans-serif; line-height: 1em !important; letter-spacing: inherit; position: relative; font-weight: 400; } #top.classic2019 #main .sectionZero h2 strong { font-family: "DINPro", sans-serif; text-transform: uppercase; display: block; font-weight: 700; } #top.classic2019 #main .sectionZero p { color: #000000; font-size: 16px; width: 75%; } /*#top.lignum #wrap_all #main .avia-no-border-styling { background-size: contain !important; } #top.lignum #main .sectionOne .av-section-color-overlay { background-image: inherit !important; }*/ /******************************************************* SECTION zero *******************************************************/ #top.lignum #main .sectionZero h1 { color: #F79629; font-size: 22px; font-family: "DINPro", sans-serif; line-height: 28px !important; text-transform: inherit; letter-spacing: inherit; font-weight: 700; } #top.lignum #main .sectionZero h2 { color: #000000; font-size: 50px; font-family: "DINPro", sans-serif; line-height: 1em !important; letter-spacing: inherit; position: relative; font-weight: 400; } #top.lignum #main .sectionZero h2 strong { font-family: "DINPro", sans-serif; text-transform: uppercase; display: block; font-weight: 700; } #top.lignum #main .sectionZero p { color: #000000; font-size: 16px; width: 75%; } /******************************************************* SECTION ONE *******************************************************/ #top.classic2019 #main .sectionOne h1, #top.classic2019 #main .sectionThree h1 { color: #000000; font-size: 41px; font-weight: 400; line-height: 46px; font-family: "DINPro", sans-serif; } #top.classic2019 #main .sectionOne h2, #top.classic2019 #main .sectionThree h2 { color: #000000; font-size: 41px; font-weight: 400; line-height: 46px; font-family: "DINPro", sans-serif; margin-bottom: 30px; } #top.classic2019 #main .sectionOne h3, #top.classic2019 #main .sectionThree h3{ color: #000000; font-size: 28px; font-weight: 400; line-height: 28px; font-family: "DINPro", sans-serif; } #top.classic2019 #main .sectionOne p, #top.classic2019 #main .sectionThree p { color: #000; font-size: 16px; line-height: 24px; } #top.classic2019 #main .sectionTwo a { color: #F79629 !important; } #top.classic2019 #wrap_all #main .avia-no-border-styling { background-size: cover !important; } /******************************************************* SECTION TWO *******************************************************/ #top.classic2019 #main .sectionTwo h1, #top.classic2019 #main .sectionFour h1 { color: #000000; font-size: 41px; font-weight: 400; line-height: 46px; font-family: "DINPro", sans-serif; } #top.classic2019 #main .sectionTwo h2, #top.classic2019 #main .sectionFour h2, #top.classic2019 #main .videoTutorials h2 { color: #000000; font-size: 41px; font-weight: 400; line-height: 46px; font-family: "DINPro", sans-serif; margin-bottom: 30px; } #top.classic2019 #main .sectionTwo h3, #top.classic2019 #main .sectionFour h3 { color: #000000; font-size: 28px; font-weight: 400; line-height: 28px; font-family: "DINPro", sans-serif; } #top.classic2019 #main .sectionTwo h5 { color: #000000; font-size: 21px; font-weight: 700; line-height: 27px; padding-bottom: 10px; min-height: 63px; } #top.classic2019 #main .sectionTwo h5 span { display: block } #top.classic2019 #main .sectionTwo p, #top.classic2019 #main .sectionFour p, #top.classic2019 #main .videoTutorials p { color: #000; font-size: 16px; } #top.classic2019 #main .videoTutorials h4 { color: #F79629; font-size: 28px; font-weight: 400; margin-bottom: 20px; } #top.classic2019 #main .videoTutorials h4 b { color: #F79629; font-weight: 700; } #top.classic2019 #main .videoTutorials h5 { color: #F79629; font-size: 21px; font-weight: 400; margin: 20px 0; } #top.classic2019 #main .videoTutorials h5 b { color: #F79629; font-weight: 700; } #top.classic2019 #main .videoTutorials .template-page { padding: 50px 0 0; } #top.classic2019 #main .videoTutorials .column-top-margin { margin-top: 20px; } /******************************************************* SECTION SEVEN *******************************************************/ #top.classic2019 #main #after_section_10 { display: none; } #top.classic2019 #main .sectionSeven .content { padding: 50px 0; } #top.classic2019 #main .sectionSeven { border-bottom: 1px #2a2a2a solid !important; } /* #top.classic2019 #main .sectionSeven .content { padding: 70px 0; } */ #top.classic2019 #animationWrapper { /*margin-left: 100px;*/ } #top.classic2019 #main .sectionSeven h2 { color: #F79629; font-size: 37px; text-transform: inherit; line-height: 37px; font-family: "DINPro", sans-serif; margin-bottom: 20px; font-weight: 500; } #top.classic2019 #main .sectionSeven h5 { color: #F79629; margin-bottom: 20px; } #top.classic2019 #main .sectionSeven p { color: #B9B9B9; font-size: 16px; line-height: 24px; width: 70%; } #top.classic2019 #main .sectionSeven .avia-button { padding: 15px 15px 12px; border-radius: 25px; background-color: transparent; border: 1px solid #d58f3e; color: #d58f3e; font-size: 14px; margin-top: 20px; } #top.classic2019 #main .sectionSeven .avia-button:nth-child(2n) { background-color: #d58f3e; color: #FFFFFF; } #top.classic2019 #main .sectionSeven .buttonsCustomLoop { margin-top: 10px; } /*********************************************************** ****************** classic 2019 tutorial ******************* ****************** 15.07.2019 ******************************* ***********************************************************/ #top.classic2019 #main .videoTutorials .av_three_fifth, #top.classic2019 #main .videoTutorials .av_two_fifth { margin: 0; } #top.classic2019 #main .videoTutorials .av_three_fifth { width: 63%; } #top.classic2019 #main .videoTutorials .av_two_fifth { padding: 6px 30px; } #top.classic2019 #main .videoTutorials .av_two_fifth li { margin: 0; padding-left: 30px; } #top.classic2019 #main .videoTutorials.otherVideos p { font-size: 20px; line-height: 23px; font-weight: 400 !important; color: #000; margin: 0 0 5px; min-height: 68px; } #top.classic2019 #main .videoTutorials.otherVideos p strong { font-weight: 700 !important; color: #000; } body.classic2019 #main .videoTutorials .container { padding: 0 40px 20px !important; } .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .classic2019 .yt-thumbnail h1, .classic2019 .yt-thumbnail h2, .classic2019 .yt-thumbnail h3, .classic2019 .yt-thumbnail h4, .classic2019 .yt-thumbnail p, ..classic2019 .yt-thumbnail span { color: #000000; } .classic2019 .yt-thumbnail b { color: #F79629; } .classic2019 .yt-thumbnail strong { color: #000000; } .yt-thumbnail p { font-size: 20px; line-height: 23px; } .yt-tutorial-ul { background-color: #ffffff; padding: 10px; margin-top: 0; } .yt-tutorial-ul a { font-size: 14px; line-height: 22px; color: #000000; } .yt-tutorial-ul p { font-size: 22px; line-height: 37px; margin: 0; } .yt-tutorial-ul ul { list-style: none; margin-left: 0; padding-left: 0; } .yt-tutorial-ul li { text-indent: -1em; } .yt-tutorial-ul li:before { margin: 0 0 0 -30px; content: ""; padding-right: 5px; color: #F79629; font-family: FontAwesome; } .yt-block h4 { font-size: 37px; line-height: 37px; padding-bottom: 20px; } #top.classic2019 .micro-testimonials .avia-testimonial-content p { color: #F79629; } body.classic2019 .micro-testimonials .avia-testimonial .avia-testimonial-content:before { opacity: 0.2; } #top.classic2019 .micro-testimonials .avia-testimonial .avia-testimonial-content:before { content: url(images/icons/quotation-white.png); } #top.classic2019 .av-large-testimonial-slider .avia-slideshow-arrows a:hover { opacity: 0.7; color: #FFF; } @media only screen and (max-width: 1280px) { body.classic2019 #main .container, body.classic2019.responsive #main .container { padding-top: 0 !important; padding-bottom: 0 !important; } #top.classic2019 #main .content { padding: 80px 0 !important; } #top.classic2019 #main .benefits-box { padding: 0 !important; } #top.classic2019 #main .sectionTwo p { width: 100%; } /*#top.classic2019 #main .sectionOne h1 strong, #top.classic2019 #main .sectionOne h2 strong { display: inline; }*/ } @media only screen and (max-width: 989px) { #top.classic2019 #main .sectionZero .av-section-color-overlay { background: #e9e9ea; } #top.classic2019 #main .sectionZero .sectionZeroMobileImage { margin-top: 30px; display: block; } #top.classic2019 .kitsTable tr.image td{ padding: 10px 0; } #top.classic2019 #main .sectionZero:after, #top.classic2019 #main .sectionOne:after, #top.classic2019 #main .sectionTwo:after, #top.classic2019 #main .sectionThree:after, #top.classic2019 #main .sectionFour:after, #top.classic2019 #main .sectionFive:after { display: none; } body.classic2019 #main .container, body.classic2019.responsive #main .container { padding: 0 20px !important; } #top.classic2019 #main .content { padding: 80px 0 40px !important; } #top.classic2019 #main .kitsTable .content { padding: 20px 0 20px !important; } #top.classic2019 #main .sectionZero.sectionZeroMobile { display: block; } #top.classic2019 #main .sectionZero h2 { font-size: 41px; text-shadow: 1px 1px #CCC; } #top.classic2019 #main .sectionZero p { text-shadow: 1px 1px #CCC; } #top.classic2019 div .av_one_half, #top.classic2019 div .av_two_fifth { width: 100% !important; } /*#top.classic2019 #main .sectionOne h2,*/ #top.classic2019 #main .sectionTwo h2, #top.classic2019 #main .sectionThree h2, #top.classic2019 #main .sectionFour h2, #top.classic2019 #main .sectionFive h2 { line-height: 1.0em !important; font-size: 40px !important; } #top.classic2019 #main .sectionOne:after, #top.classic2019 #main .sectionThree:after, #top.classic2019 #main .sectionFour:after, #top.classic2019 #main .sectionFive:after, #top.classic2019 #main .sectionSeven:after, #top.classic2019 #main .sectionTwo:after, #top.classic2019 #main .sectionSix:after { right: -1%; } #top.classic2019 #main .sectionFive p.subtitle { margin: 20px 0 0; } #top.classic2019 #main .sectionFive .benefits-box .avia-image-container { width: 100%; } #top.classic2019 #main .sectionFive .benefits-box .avia-image-container img { / / margin: 0 auto; } #top.classic2019 #main .sectionFive .avia_textblock { / / text-align: center; } #top.classic2019 #main .sectionSix .content { padding: 0 !important; } #top.classic2019 #main .sectionTwo p.subtitle { margin-bottom: 20px; } #top.classic2019 #main .sectionOne .post-entry-type-page:after { width: 100px; height: 54px; left: 0; bottom: -70px; } #top.classic2019 #animationWrapper { margin: 20px auto 0; } #top.classic2019 #main .sectionSeven p { color: #FFF; width: 100%; } #top.classic2019 #main .avia-button-left, #top.classic2019 #main .avia-button-right { margin: 0; } #top.classic2019 #main .sectionZero p { width: 100%; } #top.classic2019 #main .sectionTwo h5, #top.classic2019 #main .videoTutorials.otherVideos p { min-height: inherit !important; } #top.classic2019 #main .videoTutorials .av_three_fifth { width: 100% !important; } #top.classic2019 #main .videoTutorials .content { padding: 30px 0 0!important; } #top.classic2019 #main .videoTutorials .av_two_fifth { padding: 6px 10px; } } /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* owl carousel styling */ owl-nav .disabled { display: none !important; } .owlCarouselCustom * { line-height: 1.3 !important; } .owlCarouselCustom .disableClick { pointer-events: none !important; } .owlCarouselCustom .slideEkwb { text-decoration: none !important; } .owlCarouselCustom .slideEkwb:hover { text-decoration: none !important; } .owlCarouselCustom .slideEkwb:active { text-decoration: none !important; } .owlCarouselCustom .ekwbSlideItem { padding: 25px !important; } .owlCarouselCustom .ekwbSlideItem h5 { color: #ab9b73 !important; font-size: 21px !important; font-weight: 700 !important; line-height: 27px !important; padding-bottom: 10px !important; } .owlCarouselCustom .ekwbSlideItem li { color: #b9b9b9 !important; font-size: 16px !important; line-height: 24px !important; margin-left: 0 !important; } .owlCarouselCustom .ekwbSlideItem p { font-size: 18px !important; } .owlCarouselCustom .ekwbSlideItem .price { color: #b2aeac !important; font-size: 16px !important; } .owlCarouselCustom .ekwbSlideItem .price strong { font-size: 36px !important; line-height: 46px !important; font-family: 'DINPro', serif !important; } .owlCarouselCustom .ekwbSlideItem .avia-button { background-color: #84754f !important; margin-top: 20px !important; color: #fff !important; } .owlCarouselCustom .ekwbSlideItem .avia-button span { color: #fff !important; font-family: 'DINPro', Arial, sans-serif !important; } .owlCarouselCustom i { color: #f29200 !important; font-size: 35px !important; font-family: "Font Awesome 5 Pro" !important; font-weight: 900 !important; } .owlCarouselCustom .ekwbSlideItem h3 { margin-bottom: 30px !important; font-size: 36px !important; line-height: 42px !important; } .owlCarouselCustom .owl-prev, .owlCarouselCustom .owl-next { position: absolute !important; left: -40px !important; top: 50% !important; margin-top: -12px !important; color: #f29200 !important; font-size: 35px !important; transition: all 0.3s ease !important; -webkit-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; z-index: 110 !important; } .owlCarouselCustom .owl-prev.disabled, .owlCarouselCustom .owl-next.disabled { display: none !important; } @media screen and (max-width: 768px) { .owlCarouselCustom .owl-prev, .owlCarouselCustom .owl-next { left: -15px !important; } } .owlCarouselCustom .owl-prev.disabled i, .owlCarouselCustom .owl-next.disabled i { color: #58595b !important; cursor: default !important; } .owlCarouselCustom .owl-next { left: auto !important; right: -40px !important; } @media screen and (max-width: 768px) { .owlCarouselCustom .owl-next { right: -15px !important; } } .owlCarouselCustom .owl-stage-outer { overflow: visible !important; z-index: 100 !important; } .owlCarouselCustom .owl-item:not(.active) { background: none !important; opacity: 0.2 !important; transition: all 0.2s ease-in 0.1s !important; -o-transition: all 0.2s ease-in 0.1s !important; -webkit-transition: all 0.2s ease-in 0.1s !important; } /* ==== Homepage banner styles new anze@creatim === */ #homepage_banner.homepageBannerSection .container .content { padding: 0; } #homepage_banner .slick-slide .item .info .slide_content h3 { max-width: initial !important; width: initial !important; } #homepage_banner .Modern-Slider { opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; } #homepage_banner .Modern-Slider.slick-initialized { visibility: visible; opacity: 1; } #homepage_banner .main_container { height: 600px; overflow: hidden; } #homepage_banner .img-fill { width: 100%; display: block; overflow: hidden; position: relative; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04); } .Grid1k { padding: 0 15px; max-width: 1200px; margin: auto; } .blocks-box, .slick-slider { margin: 0; padding: 0!important; } #homepage_banner .slick-slide { float: left/* If RTL Make This Right */ ; padding: 0; } /* ==== Slider Style === */ #homepage_banner .Modern-Slider { height: 100%; } #homepage_banner .Modern-Slider .item .img-fill { height: 100%; background: #000; } #homepage_banner .Modern-Slider .item .img-fill .info { height: 100%; max-width: 1770px; margin: 0 auto; } #homepage_banner .Modern-Slider .NextArrow { position: absolute; top: 50%; right: 0px; width: 45px; height: 45px; background: rgba(0, 0, 0, .50); border: 0 none; margin-top: -22.5px; text-align: center; font: 20px/45px entypo-fontello; color: #FFF; z-index: 5; } #homepage_banner .Modern-Slider .NextArrow:before { content: '\E87d'; } #homepage_banner .Modern-Slider .PrevArrow { position: absolute; top: 50%; left: 0px; width: 45px; height: 45px; background: rgba(0, 0, 0, .50); border: 0 none; margin-top: -22.5px; text-align: center; font: 20px/45px entypo-fontello; color: #FFF; z-index: 5; } #homepage_banner .Modern-Slider .PrevArrow:before { content: '\E87c'; } #homepage_banner .Modern-Slider .slick-dots { position: absolute; height: 5px; background: rgba(255, 255, 255, .20); bottom: 0px; width: 100%; left: 0px; padding: 0px; margin: 0px; list-style-type: none; } #homepage_banner .Modern-Slider .slick-dots li button { display: none; } #homepage_banner .Modern-Slider .slick-dots li { float: left; width: 0px; height: 5px; background: #eb9034; position: absolute; left: 0px; bottom: 0px; } #homepage_banner .Modern-Slider .slick-dots li.slick-active { width: 100%; animation: ProgressDots 7s both; margin-left: 0 !important; } #homepage_banner .Modern-Slider .item h3 { font-family: DINPro, sans-serif; color: #FFF; margin: 0; padding: 0; font-size: 22px; } #homepage_banner .Modern-Slider .item h5 { margin: 0; padding: 0; font-family: DINPro, sans-serif; color: #FFF; overflow: hidden; font-size: 28px !important; text-transform: none !important; line-height: 33px !important; width: 70% !important; } #homepage_banner .Modern-Slider { background: #000; } #homepage_banner .slide_content { position: relative; top: 50%; left: 0; transform: translateY(-50%); max-width: 1770px; width: 50%; padding: 0 72px; } #homepage_banner .item.dark h3, #homepage_banner .item.dark h5, #homepage_banner .item.dark a { color: #000; } #homepage_banner .item.dark .img-fill { background: #eeebee; } #homepage_banner .isBackground { position: absolute; top: 0; left: 0; width: 100% !important; } #homepage_banner .item.summer .img-fill img { width: 800px; right: 3%; top: 22%; } #homepage_banner .slide_content { width: 100%; height: 100%; display: flex; flex-direction: row; } #homepage_banner .slide_content .text { width: 40%; display: flex; align-items: center; } #homepage_banner .slide_content .image { width: 60%; display: flex; justify-content: flex-start; align-items: center; } #homepage_banner .slide_content .image img{ width: auto; top: initial; } @media screen and (max-width: 768px) { #homepage_banner .slide_content .image { width: 100%; position: absolute; z-index: 0; opacity: 0.5; left: 0; height: 100%; } #homepage_banner .slide_content .text { width: 80%; position: relative; z-index: 10; } #homepage_banner .slide_content .avia-button-left { margin: 50px 0 0 0; } } @media screen and (max-width: 576px) { #homepage_banner .slide_content .avia-button-left { margin: 0; } } @media screen and (max-width: 430px) { #homepage_banner .item .img-fill .info .slide_content .homepageBannerButton { font-size: 14px; padding: 10px 14px 12px; } #homepage_banner .slide_content .text { width: 100%; } } @media screen and (max-width: 360px) { #homepage_banner .Modern-Slider .item h5 { margin-bottom: 30px; } #homepage_banner .item.quantum .slide_content .text { align-items: initial; margin-top: 2rem; } #homepage_banner .item .img-fill .info .slide_content .homepageBannerButton { font-size: 12px; padding: 10px; } #homepage_banner .Modern-Slider .item h5 { font-size: 26px; } } #homepage_banner .slick-slide>div:first-child { height: 100%; } /* ==== Slider Image Transition === */ @keyframes Slick-FastSwipeIn { 0% { transform: scale(0) perspective(400px); } 100% { transform: scale(1) perspective(400px); } } @-webkit-keyframes ProgressDots { from { width: 0; } to { width: 100%; } } @keyframes ProgressDots { from { width: 0; } to { width: 100%; } } /* ==== Slick Slider Css Ruls === */ #homepage_banner .slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } #homepage_banner .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; height: 100%; } #homepage_banner .slick-list:focus { outline: none } #homepage_banner .slick-list.dragging { cursor: hand } #homepage_banner .slick-slider .slick-track, #homepage_banner .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } #homepage_banner .slick-track { position: relative; top: 0; left: 0; display: block; height: 100%; } #homepage_banner .slick-track:before, #homepage_banner .slick-track:after { display: table; content: '' } #homepage_banner .slick-track:after { clear: both } #homepage_banner .slick-loading .slick-track { visibility: hidden } #homepage_banner .slick-slide { display: none; float: left; height: 100%; min-height: 1px } #homepage_banner .slick-slide.dragging img { pointer-events: none } #homepage_banner .slick-initialized .slick-slide { display: block } #homepage_banner .slick-loading .slick-slide { visibility: hidden } #homepage_banner .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } #homepage_banner .Modern-Slider .item { height: 100%; } .homepageBannerSection { width: 100%; } .homepageBannerSection .container { width: 100%; padding: 0 !important; max-width: initial; } .circle { position: absolute; left: 50%; transform: translateX(-50%); width: 150%; height: 100%; background: white; z-index: 10; } #homepage_banner .carouselContainer { position: absolute; visibility: hidden; } #homepage_banner .homepgBannerMob { display: none; opacity: 0.4; } #homepage_banner .homepageBannerButton:focus { text-decoration: none; } /* homepage banner responsive */ @media screen and (max-width: 1200px){ #homepage_banner .Modern-Slider .item h5 { font-size: 40px; margin-bottom: 44px; } #homepage_banner .Modern-Slider .item h3 { font-size: 19px; margin-bottom: 12px !important; } #homepage_banner .item.summer .img-fill img { width: 600px; top: 38%; } } @media screen and (max-width: 990px) { .homepageBannerSection .container { max-width: 100% !important; } #homepage_banner .Modern-Slider .item .img-fill img { width: 800px; top: 10%; } #homepage_banner .Modern-Slider .item.classic_kit .img-fill img { width: 1076px !important; top: 2%; max-width: initial !important; } #homepage_banner .item.summer .img-fill img { width: 500px; top: 41%; } } @media screen and (max-width: 768px) { #homepage_banner .Modern-Slider .item .img-fill img { width: 800px; top: 35%; right: -3%; } #homepage_banner .Modern-Slider .item h5 { font-size: 37px; margin-bottom: 62px; } #homepage_banner .Modern-Slider .item.classic_kit .img-fill img { width: 1063px !important; top: 5%; left: -6rem; } #homepage_banner .Modern-Slider .item.summer .img-fill img { width: 400px; top: 55%; right: -1%; } #homepage_banner .slide_content { padding: 50px 48px; } } @media screen and (max-width: 500px) { #homepage_banner .main_container { height: 445px; } #homepage_banner .Modern-Slider .item h1 { font-size: 18px !important; margin-bottom: 0 !important; } #homepage_banner .Modern-Slider .item h3 { font-size: 31px !important; margin-bottom: 36px !important; max-width: 100%; width: 100% !important; } #homepage_banner .homepgBannerMob { display: block; } #homepage_banner .Modern-Slider .item .img-fill img { width: 100%; top: 0; right: 3%; position: absolute; } #homepage_banner .Modern-Slider .item .img-fill img::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); } #homepage_banner .Modern-Slider .item.summer .img-fill img { width: 100%; top: -16%; right: 3%; } .isBackground { display: block !important; } #homepage_banner .item.classic .img-fill img { top: 34%; width: 64%; right: -18%; } #homepage_banner .slide_content .image { display: none; } #homepage_banner .slide_content .btn-primary { display: inline-block !important; } } .display_none { display: none; } /* table global layout */ table { table-layout: fixed !important; } /* loader styles */ .ouro { position: relative; display:inline-block; height: 46px; width: 46px; margin: 1em; border-radius: 50%; background: none repeat scroll 0 0 #DDDDDD; overflow:hidden; box-shadow: 0 0 10px rgba(0,0,0,.1) inset, 0 0 25px rgba(0,0,255,0.075); } .ouro:after { content: ""; position: absolute; top: 9px; left: 9px; display: block; height: 28px; width: 28px; background: none repeat scroll 0 0 #F2F2F2; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.1); } .ouro > span { position: absolute; height: 100%; width: 50%; overflow: hidden; } .left { left:0 } .right { left:50% } .anim { position: absolute; left: 100%; top: 0; height: 100%; width: 100%; border-radius: 999px; background: none repeat scroll 0 0 #eb9034; opacity: 0.8; -webkit-animation: ui-spinner-rotate-left 3s infinite; animation: ui-spinner-rotate-left 3s infinite; -webkit-transform-origin: 0 50% 0; transform-origin: 0 50% 0; } .left .anim { border-bottom-left-radius: 0; border-top-left-radius: 0; } .right .anim { border-bottom-right-radius: 0; border-top-right-radius: 0; left: -100%; -webkit-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; } /* v3 */ .ouro3 .anim { -webkit-animation-delay: 0s; -webkit-animation-duration:3s; -webkit-animation-timing-function: linear; animation-delay: 0s; animation-duration:3s; animation-timing-function: linear; } .ouro3 .right .anim{ -webkit-animation-name: ui-spinner-rotate-right; -webkit-animation-delay:unset; -webkit-animation-delay: 1.5s; animation-name: ui-spinner-rotate-right; animation-delay:unset; animation-delay: 1.5s; } @keyframes ui-spinner-rotate-right{ 0%{transform:rotate(0deg)} 25%{transform:rotate(180deg)} 50%{transform:rotate(180deg)} 75%{transform:rotate(360deg)} 100%{transform:rotate(360deg)} } @keyframes ui-spinner-rotate-left{ 0%{transform:rotate(0deg)} 25%{transform:rotate(0deg)} 50%{transform:rotate(180deg)} 75%{transform:rotate(180deg)} 100%{transform:rotate(360deg)} } @-webkit-keyframes ui-spinner-rotate-right{ 0%{-webkit-transform:rotate(0deg)} 25%{-webkit-transform:rotate(180deg)} 50%{-webkit-transform:rotate(180deg)} 75%{-webkit-transform:rotate(360deg)} 100%{-webkit-transform:rotate(360deg)} } .hideElement { display: none !important; } /* flex table */ .table-flex { display: flex; flex-direction: row; } .table-flex.four-columns .table-column { padding: 0 20px; } .table-flex.four-columns .table-column { width: 25%; } @media screen and (max-width: 768px) { .table-flex { flex-direction: column; } .table-flex.four-columns .table-column { width: 100%; padding: 0; } } .orangeText { color: #F79629 !important; } .borderTopLightGrey { border-top: 1px solid #929292 !important; } .borderBottomLightGrey { border-bottom: 1px solid #929292 !important; } .buy-button { background-color: transparent !important; color: #F79629 !important; border: 1px solid #F79629 !important; border-radius: 100px; font-family: "DINPro", "sans-serif"; font-size: 12px; font-weight: 600; letter-spacing: 0.75px; line-height: 20px; margin: 0; padding: 12px 25px; text-transform: uppercase; transition: all 0.3s ease-in-out; } .buy-button:hover { background-color: #F79629 !important; color: #FFFFFF !important; } .buy-button.buy-button-filled { background-color: #F79629 !important; color: #FFFFFF !important; } .buy-button.buy-button-filled:hover { background-color: #bc7530 !important; color: #FFFFFF !important; } /* connect popup */ .dark-popup { position: relative; background: #000; padding: 50px; width: auto; max-width: 1000px; margin: 20px auto; overflow: hidden; } .dark-popup h3 { color: #f79629; line-height: 37px; margin-bottom: 8px; font-family: 'DINPro', 'Open Sans'; font-size: 38px; font-weight: 400; margin-top: 2.2em; } .dark-popup h3 strong { font-weight: bold; } .dark-popup p { color: #FFFFFF; /*font-family: Roboto;*/ font-size: 16px; line-height: 19px; margin-bottom: 10px; } .dark-popup a.avia-button { border-radius: 0px !important; text-transform: uppercase; cursor: pointer; } .dark-popup img { float: left; margin: 50px 25px 50px 0; } .dark-popup i.close-popup { float: right; cursor: pointer; } @media screen and (max-width: 576px) { .dark-popup i.close-popup { font-size: 40px; margin-bottom: 33px; } } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.65; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } @media only screen and (max-width: 768px) { .dark-popup img { float: none; margin: 0 0 25px 0; display: block; } } /* global style for rounded button */ /* btn main rounded */ .ek-main-btn-round { padding: 6px 28px; display: block; background-color: #f79629; border-radius: 22.5px; color: #fff !important; font-family: 'DINPro', sans-serif; font-size: 14px; } .ek-main-btn-round i { margin-left: 5px; } .ek-main-btn-round.no-bg { background-color: #2a2a2a !important; border: 1px solid #f79629; color: #f79629 !important; } .ek-main-btn-round:focus { text-decoration: none !important; } /* -- Job listing css -- */ .container.job-listings { padding: 100px 50px !important; font-family: 'DINPro', sans-serif; } .job-listings h1 { font-family: 'DINPro', sans-serif; font-size: 52px !important; font-weight: bold; color: #7d7d7d !important; text-transform: none !important; } .job-listings h2 { font-family: 'DINPro', sans-serif; font-size: 23px !important; font-weight: bold; line-height: 29px; color: #F7972C !important; text-transform: none !important; } .job-listings .job .job-content { display: flex; padding: 40px; } .job-listings .job .job-content .job-image, .job-listings .job .job-content .job-quick-info { margin-right: 30px; padding-right: 25px; border-right: 1px solid #cacaca; } .job-listings .job .job-content .job-quick-info { width: 25%; display: flex; align-items: center; } .job-listings .job .job-content .job-image { width: 10%; display: flex; justify-content: center; align-items: center; } .job-listings .job .job-content .job-image i { font-size: 4em; color: #838383; } .job-listings .job .job-content .job-main-description { width: 55%; } .job-listings .job .job-content .job-main-description .job-title-container { display: flex; align-items: center; margin-bottom: 20px; } .job-listings .job .job-content .job-main-description .job-link { margin-top: 30px; } .job-listings .job .job-content .job-main-description .job-info { max-height: 70px; overflow: hidden; position: relative; } .job-listings .job .job-content .job-main-description .job-info:after { height: 60px; bottom: 0; left: 0; right: 0; content: ""; position: absolute; background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 49.22%,#fff 100%); } .job-listings .job .job-content .job-main-description .fa-arrow-icon i { color: #7d7d7d; font-size: 12px; } .job-listings .job .job-content .job-main-description .job-link a { border-radius: 0px; background-color: #F7972C; color: #fff; padding: 15px; text-transform: uppercase; font-size: 12px !important; border-bottom: 0; } .job-listings .job .job-content .job-main-description .job-title { margin-right: 10px; } .job-listings .job .job-content .job-main-description .job-title span { color: #F7972C; font-size: 18px; font-weight: bold; display: block; line-height: 18px; } .job-listings .job .job-content .job-main-description .job-type { margin-left: 10px; } .job-listings .job .job-content .job-main-description .job-type span { display: block; line-height: 18px; font-size: 14px; } .job-listings .job .job-content .job-quick-info .job-quick-info-container div { display: flex; align-items: center; } .job-listings .job .job-content .job-quick-info i { margin-right: 10px; width: 10%; display: flex; justify-content: center; } .job-listings .job .job-content .job-quick-info .job-added-date i, .job-listings .job .job-content .job-quick-info .job-location i{ color: #7d7d7d; } .job-listings .job .job-content .job-quick-info .job-added-date span, .job-listings .job .job-content .job-quick-info .job-location span { font-size: 16px; } @media screen and (max-width: 996px) { .job-listings h2 { margin-bottom: 3em; } .job-listings .job .job-content .job-image, .job-listings .job .job-content .job-quick-info, .job-listings .job .job-content .job-main-description { width: 100%; border-right: none; margin-bottom: 30px; padding-bottom: 25px; } .job-listings .job .job-content .job-image, .job-listings .job .job-content .job-quick-info { border-bottom: 1px solid #cacaca; } .job-listings .job .job-content { flex-direction: column; } } @media screen and (max-width: 576px) { .job-listings.container { padding: 100px 0 !important; } .job-listings .job-content { padding: 40px 0 !important; } .job-listings .job .job-content .job-main-description .job-title-container { flex-direction: column; } .job-listings .job .job-content .job-main-description .job-title-container .job-title, .job-listings .job .job-content .job-main-description .job-title-container .fa-arrow-icon, .job-listings .job .job-content .job-main-description .job-title-container .job-type { width: 100%; } .job-listings .job .job-content .job-main-description .job-title-container .job-title { margin-right: 0; display: flex; justify-content: center; } .job-listings .job .job-content .job-main-description .job-title-container .fa-arrow-icon { display: flex; justify-content: center; margin: 10px 0; } .job-listings .job .job-content .job-main-description .job-title-container .fa-arrow-icon i { transform: rotate(90deg); } .job-listings .job .job-content .job-main-description .job-title-container .job-type { display: flex; justify-content: center; } .job-listings .job .job-content .job-image { padding-right: 0; } } /* Job listing single*/ .single-job-listing.container { padding: 100px 50px !important; } .single-job-listing .back-button { width: 70%; margin: 0 auto; } .single-job-listing .back-button a { border-radius: 0px; background-color: #F7972C; color: #fff; padding: 10px; text-transform: uppercase; font-size: 12px !important; border-bottom: 0; display: flex; align-items: center; justify-content: center; width: 90px; } .single-job-listing .back-button a i { margin-right: 5px; } .single-job-listing .job .job-title h1 { text-align: center; font-size: 52px !important; color: #7d7d7d !important; text-transform: none !important; } .single-job-listing .job .job-type h2 { text-align: center; font-family: 'DINPro', sans-serif; font-size: 23px !important; font-weight: bold; line-height: 29px !important; color: #F7972C !important; text-transform: none !important; } .single-job-listing .job .job-quick-info { width: 70%; margin: 0 auto; display: flex; margin-bottom: 30px; justify-content: center; } .single-job-listing .job .job-quick-info i{ color: #7d7d7d !important; } .single-job-listing .job .job-quick-info .job-posted-date { margin-right: 30px; } .single-job-listing .job .job-description { width: 70%; margin: 0 auto; margin-bottom: 30px; } @media screen and (max-width: 768px) { .single-job-listing .job .job-title h1 { font-size: 35px !important; } .single-job-listing .job .job-description { width: 100%; } .single-job-listing .back-button { width: 100%; margin: initial !important; } } @media screen and (max-width: 576px) { .container.single-job-listing { padding: 100px 10px !important; } .single-job-listing .job .job-quick-info { width: 100%; flex-direction: column; } } /* remerge remove after */