/* 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: 3.4.7 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ @font-face { font-family: 'FranklinGothicBook'; src: url('fonts/FranklinGothicBook.eot'); src: url('fonts/FranklinGothicBook.eot') format('embedded-opentype'), url('fonts/FranklinGothicBook.woff2') format('woff2'), url('fonts/FranklinGothicBook.woff') format('woff'), url('fonts/FranklinGothicBook.ttf') format('truetype'), url('fonts/FranklinGothicBook.svg#FranklinGothicBook') format('svg'); } a:hover{text-decoration:none;} .image-overlay{display:none !important; opacity:0;} .av-special-heading {margin-top:0;} .avia-section {position:relative; z-index:1;} .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {letter-spacing:0px; text-transform:none;} .logo img{padding:41px 0;} #top #header .av-main-nav > li > a {font-family:'FranklinGothicBook'; font-weight:normal; text-transform:uppercase;} #scroll-hero .container{width:100%; min-width:100%; padding:0;} .hero {height:900px; overflow:hidden; position:relative; min-height:100%; background:url(images/hero-background.jpg) center top;} .hero .hero-intro {width:100%; height:200px; background:url(images/line-graphic.png) top repeat-x; text-align:center;} .hero .hero-intro h4 {margin:0 auto; padding:32px 0; color:#fff !important; } .hero .hero-intro .arrow-button {bottom:-8px; position:relative;} .hero .product-wrapper {width:1180px; min-height:100%; margin:0 auto; position:relative;} .hero .product-wrapper .product {display:block; position:absolute; z-index:5000;} .hero .product-wrapper .product-gear-one {top:-120px; left:0px; -webkit-animation:spin 3s infinite linear; -moz-animation:spin 3s infinite linear; animation:spin 3s infinite linear;} .hero .product-wrapper .product-gear-two {top:120px; left:0px; -webkit-animation:spin 3s infinite linear; -moz-animation:spin 3s infinite linear; animation:spin 3s infinite linear;} .hero .product-wrapper .product-gear-three {top:-120px; right:0px; -webkit-animation:spinReverse 3s infinite linear; -moz-animation:spinReverse 3s infinite linear; animation:spinReverse 3s infinite linear;} .hero .product-wrapper .product-gear-four {top:120px; right:0px; -webkit-animation:spinReverse 3s infinite linear; -moz-animation:spinReverse 3s infinite linear; animation:spinReverse 3s infinite linear;} .hero .product-wrapper .product-one {top:-135px; left:-15px;} .hero .product-wrapper .product-two {top:110px; left:-15px;} .hero .product-wrapper .product-three {top:-135px; right:-15px;} .hero .product-wrapper .product-four {top:110px; right:-15px;} .hero-cta {position:fixed; z-index:1000; width:100%; bottom:0;} .hero-copy {background:#fff; width:398px; height:398px; text-align:center; padding:50px 40px; z-index:2100; position:absolute; bottom:20px; left:50%; margin-left:-200px; border-radius:50%; font-family:'FranklinGothicBook';} .hero-copy h2 {color:#fff; font-size:36px; margin:0; padding:0;} .hero-copy p {color:#404040; font-size:18px; line-height:24px; margin: 30px 0 40px;} .hero-copy .button {border-radius:4px; background-color:#5b9bd5 !important; padding:12px 25px; font-size:18px;} .arrow-button {background:#3AAEDC; height:44px; line-height:46px; width:44px; border-radius:50%; margin:0 auto 1.6em;} #feature .av_one_fourth {border-left:1px solid #ccc;} #feature .av_one_fourth.first {border-left:none;} #feature a h3 {display:table; height:125px; transition:all 0.3s ease-in 0s; line-height:24px; text-align:left; font-size:18px;} #feature a h3 span {display:table-cell; vertical-align:middle;} #feature a:hover h3 {color:#36ACE3;} #feature a h4 {margin-bottom:22px; line-height:1.5em;} #socket .container {font-size:13px; padding:48px 0 16px;} @media only screen and (min-width: 990px) and (max-width: 1040px) { .hero .product-wrapper {width:1024px;} .hero .product-wrapper .logo-work {left:230px !important;} .hero .product-wrapper .logo-oxygen {right:230px !important;} .hero .product-wrapper .gear-big{left:334px !important;} .hero .product-wrapper .gear-small{left:320px !important;} .hero .product-wrapper .barcode.bubble-big{left:494px;} .hero .product-wrapper .barcode.bubble-small{left:483px;} #feature img.alignleft{float:none; margin:0 auto;} #feature a h3, #feature a h3 span {height: auto; text-align: center; display:block;} #page-title-intro .space-top, #page-title-intro .space-top-about{height:18px !important;} #page-title-intro .space-bottom, #page-title-intro .space-bottom-about{height:0px !important;} } @media only screen and (min-width: 768px) and (max-width: 900px) { .container{padding:0 15px;} #top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a{height:120px !important; line-height:120px !important;} .logo img {padding:25px 0 !important;} .hero{background-size:138% auto;} .hero .hero-intro{height:152px;} .hero .product-wrapper {width:100%;} .hero .product-wrapper .logo-work {height:48px !important; left:194px !important; width:150px !important;} .hero .product-wrapper .logo-oxygen {height:57px !important; right:200px !important; width:224px !important;} .hero .product-wrapper .gear-big{height:34px !important; left:264px !important; top:33px !important; width:34px !important;} .hero .product-wrapper .gear-small{height:24px !important; left:254px !important; top:11px !important; width:24px !important;} .hero .product-wrapper .barcode.bubble-big{left:372px; border:4px solid #3bafde; height:30px; top:34px; width:30px;} .hero .product-wrapper .barcode.bubble-small{left:360px; border:2px solid #3bafde; height:16px; top:20px; width:16px;} .hero .product-wrapper .product-one, .hero .product-wrapper .product-gear-one, .hero .product-wrapper .product-two, .hero .product-wrapper .product-gear-two, .hero .product-wrapper .product-three, .hero .product-wrapper .product-gear-three, .hero .product-wrapper .product-four, .hero .product-wrapper .product-gear-four{width:120px !important; height:120px !important;} .hero .product-wrapper .barcode{width:150px; height:150px;} #page-title-intro{background-size:213% auto;} #page-title-intro .av_three_fifth {margin-left: 0; width:66.6%;} #page-title-intro .hr{height:6px !important;} #page-title-intro .page-title-intro{font-size:16px !important;} #feature img.alignleft{float:none; margin:0 auto;} #feature a h3, #feature a h3 span {height: auto; text-align: center; display:block;} #socket .container {padding: 48px 15px 16px;} } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .container{width:90%; max-width:95%;} .logo img {padding:10px 0 !important;} #mobile-advanced a {font-family:"FranklinGothicBook"; text-transform:uppercase; color:#3BAFDE;} #mobile-advanced li > a:hover {background-color:#3bafde; color:#ffffff;} #hero-section{height:595px;} .hero {height:270px; min-height:270px; background:url(images/hero.jpg) no-repeat center top / cover;} .hero .product-wrapper, .hero .hero-intro{display:none;} .hero-cta{position:static;} .hero-copy {border-radius:0; bottom:0px; height:auto; left:0; margin-left:0; width:100%;} #feature .av_one_fourth {border-left:none; border-bottom:1px solid #eee;} #feature img.alignleft{float:none; margin:0 auto;} #feature a h3, #feature a h3 span {height:auto; text-align:center; display:block;} #page-title-intro{background-size:217% auto;} #page-title-intro.avia-section-large .content {padding-bottom:5px; padding-top:40px;} #page-title-intro .hr{height:0px !important;} #page-title-intro .space-top-about{height:12px !important;} #page-title-intro .space-bottom-about {height: 23px !important;} #page-title-intro .avia_image{max-width:50%; margin:0 auto;} #page-title-intro .page-title-intro{font-size:15px !important; line-height:1.35em; padding:0 20px;} } @media only screen and (max-width: 400px) { #hero-section{height:560px;} .hero {height:200px; min-height:200px;} .hero-copy{padding:20px 15px;} #page-title-intro{background-size:200% auto;} #page-title-intro.avia-section-large .content {padding-bottom:0px; padding-top:45px;} #page-title-intro .avia_image{max-width:80%; margin:0 auto 70px;} #page-title-intro .page-title-intro{padding:0;} }