/************************** Desktop Style Sheet Red: #000000 CUSTOM FONTS DISPLAY FONT CLASSES FONT COLOUR CLASSES BACKGROUND CLASSES PADDDING/MARGIN CLASSES CONTAINER CLASSES FOOTER FOOTER SITEMAP DATES AND STATES ACCORDIAN CART LIGHT BOXES ***************************/ /*@import url("https://use.typekit.net/aof6egh.css");*/ @import url("https://use.typekit.net/ziu6mqa.css"); /* century-gothic */ .tk-century-gothic-bold { font-family: "century-gothic", Arial, sans-serif; font-weight:700; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #nav-wrapper-cart{ position: relative !important; opacity: 1 !important; } #wrapper-logo{ background: #ffffff url(../../images/logo-Lee-Woodward-Training-Systems-v2.jpg) center no-repeat !important; padding-top: 0px !important; } } img, div { behavior: url(/scripts/iepngfix.htc) } img{ max-width: 100%; height: auto !important; } /*********************** CUSTOM FONTS ************************/ *{ font-family: "century-gothic", Arial, Helvetica, san-serif; margin:0px; padding:0px; } /*********************** DISPLAY ************************/ body { background: #ffffff; height: 100%; } .hidden_phone{ display: block; } .hidden_phone_inline{ display: inline-block; } .hidden_desktop{ display: none !important; } .clear {clear: left;} .center {text-align: center;} #dvLoading { background: #fff url(../../images/loading.gif) no-repeat center center; height: 100%; width: 100%; position: fixed; z-index: 1000; left: 0; top: 0; opacity: 0.7; margin: 0; /*margin: -25px 0 0 -25px; */ } .box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .float-left{ float: left;} .float-right{ float: right;} .block{ display: block;} /* TABLE */ td { font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 9pt; color: #484848; margin-bottom: 1.2em; vertical-align: top; } th { color: #000000; padding-top: 10px; padding-bottom: 20px; text-align: left; border-bottom: 5px solid #eeeeee; font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 11pt; font-weight: bold; } tfoot {border-top: 5px solid #eeeeee;} tfoot td { font-size: 10pt; padding-top: 20px; } /* LIST */ /*ul{ font-family: "century-gothic", Arial, Helvetica, sans-serif; font-size: 14px; padding-top: 15px; list-style-image: url(../../images/dot-point-green.png); margin-bottom: 1em; clear: left; margin-left: 22px; list-style-position: outside; list-style-type: disc; }*/ ul{ font-family: "century-gothic", Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 15px; margin-bottom: 1em; clear: left; margin-left: 22px; list-style-position: outside; list-style-type: disc; } .wrapper li{ padding-bottom: 5px;} ul li ul li { list-style-image: url(../../images/dot-point-circle.png);} .foot4 li { padding-bottom: 10px; padding-left: 5px; } /* HORIZONTAL RULE */ hr { width: 100%; color: #808284; border-top: 2px solid #e7e7e8; border-bottom: none; border-left: none; border-right: none; margin-bottom: 20px; margin-top: 20px;float: left; } .text-left hr, .text-middle hr, .text-right hr, .text-middle-button hr { width: 275px; height: 1px; color: #ffffff; border-top: 1px solid #ffffff; border-bottom: none; border-left: none; border-right: none; background: none; margin-bottom: 10px; margin-top: 3px; } .text-left h3, .text-middle h3, .text-right h3, .text-middle-button h3, #text-with-bg h3 { color: #d71921; margin-top: 15px; font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 18px; font-weight: normal; } /* form */ input { border: 0; height: 20px; width: 120px; padding-left: 5px; } /*********************** FONT CLASSES ************************/ h1 { color: #000000; font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 40px; font-weight: normal; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 0.1em; } h2 { color: #000000; font-family: century-gothic, Helvetica, san-serif; font-size: 18px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; } h3 { color: #000000; font-family: century-gothic, Helvetica, san-serif; font-size: 10pt; font-weight: bold; padding-bottom: 15px; } .h3 { color: #000000; font-family: century-gothic, Helvetica, san-serif; font-size: 1em; font-weight: normal; padding-bottom: 0px; } h4 {color: #000000;} h5 {color: #000000; font-weight: normal; } h6 {color: #000000; font-weight: normal; font-size: 14px;} p { font-family: century-gothic, Helvetica, sans-serif; font-size: 12px; color: #484848; margin-bottom: 1.2em; line-height: 1.7em; font-weight: normal; } #text-top .h1b { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 32px; } #text-top h1 {font-size: 30px;} .h1b { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 37px; } .h1b2 { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 37px; text-transform:none; letter-spacing:0;} .h2b { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif !important; font-size: 32px; letter-spacing:0; text-transform:none; } .h2c { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 30px; letter-spacing: 0.1em; text-transform: uppercase; font-weight:bold; } .h2d { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 26px; letter-spacing: 0.1em; text-transform: uppercase; padding: 20px 0; } .h2thick { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 32px; text-transform: uppercase; line-height: 1.2em; letter-spacing: 0.1em; } .h2thin { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 31px; text-transform: uppercase; line-height: 1.2em; letter-spacing: 0.1em; } .text-header h2, .text-header-full h2 { font-size: 11pt; color: #ffffff; font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 24px; font-weight: normal; } .sidebar h2 { color: white; font-size: 16pt; margin-bottom: 20px; font-weight: normal; } .sidebar h3 { color: white; font-size: 11pt; margin-bottom: 5px; font-weight: normal; } .phone h3 { color: white; font-size: 16pt; margin-bottom: 0px; font-weight: normal; text-align: left; } .h3c { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 25px; letter-spacing: 0.1em; text-transform: uppercase; font-weight:bold; } .h4b { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif !important; font-size: 20px; letter-spacing:0; text-transform:none; } .h4c { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 18px; letter-spacing: 0.1em; text-transform: uppercase; } .h4c:hover { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif !important; } .h5c { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 0.1em; margin: 10px 0; display: block;} .h5d { font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; margin: 5px 0; display: block;} .h6b{ text-transform: uppercase;font-weight: bold;font-size: 12px; } .h6c{font-weight: normal; font-size: 10px; padding-bottom: 10px; display: block;} .sidebar p {color: white;} .pronounced p {font-size: 14px;} .bold{ font-weight: bold;} .text-uppercase{ text-transform: uppercase; } /******************* FONT COLOUR CLASSES ********************/ .red { color: #000000; font-weight: bold; font-family: "century-gothic", Arial, Helvetica, san-serif; } .bold {font-weight: bold;} .red-cart { color: #000000; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-right: 40px; font-family: "century-gothic", Arial, Helvetica, san-serif; } .red-norm { color: #000000; font-weight: normal; font-family: "century-gothic", Arial, Helvetica, san-serif; } .date { color: #ffffff; font-weight: normal; font-size: 11px; background: #000000; border-radius: 3px 3px 3px 3px; padding: 1%; margin-top: 2%; width: 90px; text-align: center; display: block; } .error { color: #d71921; font-size: 7pt; margin: 0; font-family: "century-gothic", Arial, Helvetica, sans-serif; } .white {color: #ffffff;} .white-phone { color: #ffffff; font-weight: bold; display: block; width: 100%; font-size: 16px; } .black{ color: #000;} .green{ color: #000000; } /********************** LINKS ***********************/ a { font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: normal; font-size: 9pt; color: #000000; text-decoration: none; } a:hover { font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 9pt; color: #000000; text-decoration: underline; } ul a {color: #000000;} ul a:hover { color: #000000; text-decoration: none; } h2 a .red { color: #d71921; font-weight: bold; font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 14pt; padding-bottom: 5px; padding-top: 5px; } h2 a:hover {text-decoration: none;} h2 a .red:hover { color: #ffffff; font-weight: bold; font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 14pt; padding-bottom: 5px; padding-top: 5px; } .article-link{ width: 100%; display: block; color: black; padding: 5px 10px 5px 35px; background-image: url(../../images/icon-link.png); background-repeat: no-repeat; background-position: 5px; background-size: auto 60%; box-sizing: border-box; border: 1px solid #fff; } .article-link:hover{ background-image: url(../../images/icon-link-h.png); border: 1px solid #eee; color: #000; background-color: #fbf8f8; } #pagination{ margin-top: 50px; } .pagination-prev, .pagination-next{ padding: 5px 20px; width: auto; display: inline-block; border: 1px solid #000000; } .pagination-next{ float: right; } /******************** BUTTONS **********************/ button { border: 0; color: #ffffff; font-size: 9.5pt; background: none; } .button { margin-top: 10px; margin-right: 0; margin-left: 0; display: block; float: left; } .buttonbar { width: 220px; height: auto; background: #000000; border-radius: 15px 15px 15px 15px; float: left; padding: 10px; display: block; margin-bottom: 0px; margin-left: 0px; margin-top: 10px; } .buttonbar:hover {text-decoration: none;} .red-border-button { padding: 10px; width: 150px; display: inline-block; text-align: center; border: 2px solid #000000; color: #000000; } .red-border-button:hover { text-decoration: none; background: #000000; color: #fff; } .red-border-button-auto { padding: 10px; width: auto; display: inline-block; text-align: center; border: 2px solid #000000; color: #ffffff; background: #000000;} .red-border-button-auto:hover { text-decoration: none; border:2px solid #818181; background: #818181; color: #fff; } .white-border-button { padding: 1%; width: 150px; display: inline-block; text-align: center; border: 2px solid #fff; color: #fff; margin-bottom: 20px; } .white-border-button:hover { text-decoration: none; background: #fff; color: #000000; } .cart-border-button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2%; width: 100%; margin-bottom: 20px; display: inline-block; text-align: center; color: #000000; border: 2px solid #000000; background: url(../../images/cart/add_red.png) 9px no-repeat; } .cart-border-button:hover { text-decoration: none; background: #000000 url(../../images/cart/add_white.png) 9px no-repeat; color: #fff; } .red-ripple-button-auto { padding: 10px 40px; width: auto; display: inline-block; text-align: center; color: #ffffff; background: url(../../images/bg-red-gradient-button.jpg) no-repeat; background-size: cover; } /*.red-ripple-button-auto:hover { text-decoration: none; background: url(../../images/bg-grey-gradient-button.jpg) no-repeat; background-size: 100% 100%; color: #000000; } */ .red-ripple-button-auto:hover { text-decoration: none;color: #ffffff; } .icon-tickbox{background: url(../../images/icon-tickbox.png) left no-repeat; background-size: 20px 20px; padding: 0 30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .icon-tickbox:hover{background: url(../../images/icon-tickbox.png) right no-repeat; background-size: 20px 20px; padding: 0 30px; } .icon-calendar{background: url(../../images/icon-calendar.png) left no-repeat; background-size: 20px 20px; padding: 0 30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .icon-calendar:hover{background: url(../../images/icon-calendar.png) right no-repeat; background-size: 20px 20px; padding: 0 30px; } .phone-button { background: url(../../images/icon-phone.png) 5px no-repeat; background-size: 13px; } .brochure-button { background: url(../../images/icon-paper.png) 5px no-repeat; background-size: 18px; } .icon-phone{ display: inline-block; background: url(../../images/icon-phone2.png) right no-repeat; background-size: 20px 20px; padding: 0 30px 0 0; } .chip { display: inline-block; padding: 0 25px; height: 50px; font-size: 16px; line-height: 50px; border-radius: 25px; background-color: #f1f1f1; box-shadow: 1px 3px 5px #aeaeae; } .chip:hover{ font-size: 16px;} .chip img { float: left; margin: 0 10px 0 -25px; height: 50px; width: 50px; border-radius: 50%;} /******************* BACKGROUND CLASSES ********************/ .bg-white {background: #fff;} .bg-grey {background: #fafafa !important;} .bg-grey-darken {background: #eeeeee !important;} .bg-grey-arrow { background: url(../../images/bg-grey-arrow.png) no-repeat; background-size: 100% 100%} .bg-lightbulbs { background-image: url(../../images/bg-lightbulbs.jpg) !important; background-repeat: no-repeat !important; background-color: #efeff0 !important; background-size: contain !important; background-position: top right !important; } .bg-testimonial { background-image: url(../../images/bg-testimonial.jpg) !important; background-repeat: no-repeat !important; background-size: 100% !important; background-position: center !important; } .bg-testimonial-rev { background-image: url(../../images/bg-testimonial-rev.jpg) !important; background-repeat: no-repeat !important; background-size: 100% !important; background-position: center !important; } .bg-red{ background: #000000 !important;} .bg-green{ background: #000000;} .bg-navy{ background: #000000; } /******************* PADDDING/MARGIN CLASSES ********************/ .margin-top {margin-top: 4%;} .margin-left{margin-left: 10px;} .margin-auto{margin: 0 auto;} .p20{padding: 20px;} .p40{padding: 40px;} .pb20{padding-bottom: 20px !important;} .pb40{padding-bottom: 40px !important;} .pb60{padding-bottom: 60px !important;} .pt20{padding-top: 20px;} .pt40{padding-top: 40px;} .plr20{padding: 0 20px !important;} .pr20{padding: 0 20px 0 0 !important;} .h-small{min-height: 500px;} .n-m20{ margin-top: -120px;} .mb20{margin-bottom: 20px!important;} .mb40{margin-bottom: 40px!important;} .mb0{margin-bottom: 0px!important;} .ptfoot{padding-top: 40px;} .m1pc{margin: 1%;} .m4pc{margin: 1% 4%;} .mtb{margin: 1% 0;} .np{padding: 0;} .nm{margin:0;} .py5{padding: 5% 0;} .py4{padding: 4% 0;} .py3{padding: 3% 0;} .py2{padding: 2% 0;} .pt5{padding: 5% 0 0 0 ;} .pb5{padding-bottom: 5%;} .pb4{padding-bottom: 4%;} .pb3{padding-bottom: 3%;} .p4{padding: 4rem; } .p3{padding: 3rem; } .p2{padding: 2rem; } .mb3{margin-bottom: 3rem;} .mb4{margin-bottom: 4rem;} .mb5{margin-bottom: 5rem;} .p2-pm{padding: 2rem; } .p4-pm{padding: 4rem; } /******************** CONTAINER CLASSES **********************/ #transparent_container { width: 1000px; height: auto; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background: #ffffff; } #transparent_container_w { width: 1200px; height: auto; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background: #ffffff; } #transparent_container_t { width: 1200px; height: auto; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #transparent_container_wide { width: 80%; height: auto; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background: #ffffff; } #mid_content { width: 1000px; padding-left: 0px; height: auto; margin-top: 0px; margin-left: auto; background: #ffffff; margin-bottom: 150px; float: left;} #mid_content_np{ width: 1000px; padding-left: 0px; height: auto; margin-top: 0px; margin-left: auto; background: #ffffff; margin-bottom: 10px; float: left;} #mid_content_np_media{ width: 1000px; padding-left: 0px; height: auto; margin-top: 0px; margin-left: auto; background: #ffffff; margin-bottom: 10px; float: left;} #mid_content_w { width: 1200px; padding-left: 0px; height: auto; margin-top: 0px; margin-left: auto; background: #ffffff; margin-bottom: 0px; float: left;} #mid_content_t { width: 1200px; padding-left: 0px; height: auto; margin-top: 0px; margin-left: auto; margin-bottom: 0px; float: left;} #wide_content_np { width: 100%; padding-left: 0px; height: auto; margin-top: 0px; margin-left: auto; background: #ffffff; margin-bottom: 5px; float: left;} #wrapper-container { padding: 20px; width: 960px; height: 30px; background: none; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; } #wrapper-container2 { padding: 2%; width: 96%; height: 30px; background: none; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; } #wrapper-logo { margin-top: 0px; height: 220px; background: #ffffff url(../../images/logo-Lee-Woodward-Training-Systems-v2.jpg) center no-repeat; background-size: 390px; padding-top: 0px; } /*#wrapper-logo { margin-top: 0px; height: 90px; background: #ffffff; background-size: 190px; padding-top: 20px; }*/ #grey-wrapper { margin-top: 0px; height: auto; background: url(../../images/bg-silverstrip.jpg) center no-repeat; background-size: cover; } #top-wrapper { margin-top: 0px; height: auto; background: #ffffff; background-position: bottom; } #nav-wrapper { margin-top: 0px; height: auto; padding: 0px 0; background: #ffffff; border-top: 1.5px solid #000000; border-bottom: 1.5px solid #000000; } #scrolltop-wrapper { margin-top: 0px; height: auto; background: url(../../images/bg-backtotop-button.jpg) repeat-x; background-position: bottom; text-align: center; } #scrolltop_container { width: 1000px; height: 57px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; background: none; } #header_container { width: 1000px; height: 250px; background: none; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; } #header_container2 { width: 1350px; height: 250px; background: none; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; } #black-container { width: 905px; height: 230px; float: left; background: #000000; border-radius: 15px 15px 15px 15px; margin-bottom: 20px; padding: 15px; } #cost-box { width: 195px; margin-top: 10px; margin-bottom: 10px; border: 1px solid white; padding: 10px; float: left; } #cost-box p { font-size: 10pt; margin-bottom: 5px; } #toTop { padding: 15px 10px; width: 30px; height: 30px; background: #000000 url(/../images/icon-page-top.png) center no-repeat; color: #fff; position: fixed; bottom: 0; right: 10px; display: none; z-index: 200; } #logo { width: 1000px; height: 250px; background: url(../../images/header-image.jpg) no-repeat; background-position: right; float: left; margin-top: 0; margin-left: 0; position: relative; z-index: 2; } #logo img {float: left;} #logo h1 { font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 38px; font-weight: normal; margin-left: 35px; margin-top: 60px; float: left; } #logo h1 .small {font-size: 22px;} #text { width: 935px; margin-left: 30px; height: auto; float: left; margin-top: 25px; margin-bottom: 20px; background: none; } #text-top { width: 950px; margin: 0 auto; height: auto; text-align: center; padding: 55px 0; background: none; } #text-top_h { width: 950px; margin: 0 auto; height: auto; text-align: center; padding: 25px 0; background: none; } #text-left-holder { width: 292px; min-height: 200px; height: auto; float: left; margin-top: 0; margin-bottom: 20px; background: none; } #text-left-holder2 { width: 267px; min-height: 200px; height: auto; float: left; margin-top: 0; margin-bottom: 20px; background: none; padding-left: 25px; } #text-middle-holder { width: 292px; min-height: 200px; margin-left: 23px; height: auto; float: left; margin-top: 0; margin-bottom: 20px; background: none; } #text-middle-holder2 { width: 267px; min-height: 200px; margin-left: 23px; height: auto; float: left; margin-top: 0; margin-bottom: 20px; background: none; padding-left: 25px; } #text-right-holder { width: 292px; min-height: 200px; margin-left: 23px; height: auto; float: left; margin-top: 0; margin-bottom: 20px; background: none; } #text-right-holder2 { width: 267px; min-height: 200px; margin-left: 23px; height: auto; float: left; margin-top: 0; margin-bottom: 20px; background: none; padding-left: 25px; } #text-left-mid { width: 670px; margin-left: 0px; float: left; height: auto; margin-top: 0; margin-bottom: 20px; background: none; } #text-left-inside { width: 635px; background: none; padding-right: 30px; } #text-with-bg { width: 935px; height: auto; float: left; background: url(../../images/grey-bg.png) repeat-y; background-position: bottom right; border-radius: 10px 10px 10px 10px; border: 1px #a4a4a4 solid; } #top-container { width: 1000; height: auto; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; background: none; } #lee-banner { margin-top: 0px; width: 1000px; height: 40px; position: relative; z-index: 3; } .wrapper { height: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .text-left { width: 270px; margin-left: 0px; min-height: 200px; height: auto; float: left; margin-top: 0; padding: 10px; margin-bottom: 20px; background: url(../../images/grey-bg.png) repeat-y; background-position: bottom; border-radius: 10px 10px 10px 10px; border: 1px #a4a4a4 solid; } .text-middle { width: 270px; min-height: 200px; height: auto; float: left; margin-top: 0; padding: 10px; margin-bottom: 20px; background: url(../../images/grey-bg.png) repeat-y; background-position: bottom; border-radius: 10px 10px 10px 10px; border: 1px #a4a4a4 solid; } .text-middle-button { width: 270px; min-height: 35px; height: auto; float: left; margin-top: 0; padding: 10px; margin-bottom: 20px; background: url(../../images/grey-bg.png) repeat-y; background-position: bottom; border-radius: 10px 10px 10px 10px; border: 1px #a4a4a4 solid; } .text-right { width: 270px; min-height: 200px; height: auto; float: left; margin-top: 0; padding: 10px; margin-bottom: 20px; background: url(../../images/grey-bg.png) repeat-y; background-position: bottom; border-radius: 10px 10px 10px 10px; border: 1px #a4a4a4 solid; } .text-header-full { width: 910px; height: 35px; float: left; margin-bottom: 20px; background: #000000; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 10px; border-radius: 5px 5px 0 0; box-shadow: 1px 3px 5px #575757; } .text-header { width: 265px; margin-left: -10px; margin-top: -10px; height: 35px; float: left; margin-bottom: 20px; background: #000000; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 10px; border-radius: 5px 5px 0 0; box-shadow: 1px 3px 5px #575757; } .cost { font-size: 28px; font-weight: bold; color: #000000; } .heading { width: 100%; background: none; float: left; padding-top: 40px; display: block; } .full { width: 100%; height: auto; float: left; } .fullgrey { width: 100%; height: auto; float: left; background: #efeff0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2%; } .lhs70 { width: 65%; height: auto; float: left; } .lhs60 { width: 60%; height: auto; float: left; } .lhs50 { width: 50%; padding: 0 4% 0 0; height: auto; float: left; box-sizing: border-box; } .lhs50np { width: 50%; padding: 0 0 0 0; height: auto; float: left; box-sizing: border-box; } .lhs30 { width: 30%; height: auto; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lhs33 { width: 33.3%; padding: 1%; height: auto; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lhs45 { width: 45%; padding: 1% 0; height: auto; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lhs25 { width: 25%; padding: 1%; height: auto; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .redbio { background: #000000; padding: 5% 10% 3% 10%; box-sizing: border-box; position:relative; } .redbio * { color: #ffffff; text-align: center; font-size: 14px;} .redbio .mid-arrow{ width: 25px; height: 25px; display: inline-block; background-color: #000000; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 3-8 */ transform: rotate(45deg); position: absolute; top: -12px; left: 488px; } .redbioimg{ display: block; width: 400px; margin-left: 10%;} .redbiohead{ box-sizing: border-box; padding: 0 0 0 0; position: relative; display: table; vertical-align: middle; height: 400px;} .redbiohead span { margin-top: -0.7em; display: table-cell; vertical-align: middle; padding: 0 7%; } .redbiopos{ font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 34.5px; font-weight: normal; } .testimonial { background: url(../../images/bg-quote.png) no-repeat left center; background-size: 70%; width: 100%; height: 220px; display: block; float: left; margin-bottom: 20px; } .black30 { background: url(../../images/bg-black-texture.jpg) repeat center center; background-size: 100%; padding: 2%; } .black30 * {color: #ffffff;} .grey30 { background: #efeff0; padding: 2%; } .greyfull { background: #efeff0; height: auto; float: left; width: 100%; } .redstrip { margin: 4% 0; width: 96%; padding: 2%; background: url(../../images/heading-strip2.png) repeat center center; color: #fff; font-family: "century-gothic", Arial, Helvetica, sans-serif; } .red-strip-ph { margin-top: 15px; height: auto; width: 96%; background: #414042; color: #fff; padding: 2%; text-align: center; } .rel-prod { width: 100%; height: auto; padding: 15px 0; float: left; display: block; background: none; text-align: center; } .rel-prod:hover {text-decoration: none;} .tab-button { padding: 0 2%; min-height: 50px; width: 20%; box-sizing: border-box; display: block; float: left; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; color: #000000; background: #fff; } .tab-button:hover, .active-tab { text-decoration: none; background: #000000; color: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } /* SIDEBAR */ .sidebar-container { width: 250px; height: auto; background: none; float: right; } .sidebar { width: 220px; height: auto; background: #000000; border-radius: 15px 15px 15px 15px; float: right; padding: 15px; display: block; margin-bottom: 10px; } .sidebar:hover { text-decoration: none; margin-bottom: 10px; } /* CARD */ .card { transition: 0.3s; width: 21%; /* background-image: url(../../images/bg-red-shiny.jpg); background-position: center; background-size: contain;*/ background: #ffffff; margin: 0; display: inline-block; box-sizing: border-box; border: 1.5px solid #000; } .card:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .container { padding: 10px 16px; } .card h2{ color: #000; font-size: 13px; /* font-family: 'itc-avant-garde-gothic-pro', century-gothic, Helvetica, san-serif !important;*/ font-weight: 700; letter-spacing: 0.2em; /*border-bottom: 1px solid #fff;*/ padding-bottom: 0.2em; width: 80%; margin: -1.8em auto 0.5em auto; background: #fff; text-align: center; text-transform: uppercase; } .card img{ display: block; } /*sLIDE FROM BOTTOM */ .containerslide { position: relative; width: 50%; float: left; } .image { display: block; width: 100%; height: auto; } .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color:rgba(0, 0, 0, .8); overflow: hidden; width: 100%; height: 0; transition: .4s ease; } .containerslide:hover .overlay { height: 100%; } .containerslide_text { color: #ffffff; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .containerslide_text p{ color: #ffffff; } .containerslide_text h2{ font-size: 34px; } .facebook-find-us{ background-image: url("../../images/icon-facebook-find-us.png"); background-repeat: no-repeat; background-size: contain; background-position: bottom; width: 110px; height: 50px; float: right; } /*Lee */ .checker2 { width:100%; float: left; display:inline-block; background-color:#000000; position: relative; height: 339px; background-size: 50%; background-repeat: no-repeat; background-position: left; transition: all 0.25s ease-in-out; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .checker2:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } .checker2 .team-title{ width: 50%; text-align: center; position: relative; display: table; vertical-align: middle; height: 350px; float:right; } .checker2 .team-title span{ margin-top: -0.7em; display: table-cell; vertical-align: middle; font-size: 14px; padding: 0 10%; color: #ffffff; } .checker2 .team-title p{ color: #ffffff; } .checker2 .team-title h2{ color: #ffffff; font-size: 20px; margin-bottom: 15px; } .checker2 .mid-arrow{ width: 25px; height: 25px; display: inline-block; background-color: #000000; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 3-8 */ transform: rotate(45deg); position: absolute; top: 160px; left: 488px; } /* Staff */ .checker { width:50%; float: left; display:inline-block; background-color:#f1f1f1; position: relative; height: 250px; background-size: 50%; background-repeat: no-repeat; background-position: right; transition: all 0.25s ease-in-out; } .checker:nth-child(4n+1), .checker:nth-child(4n+2){ background-position: left; } .checkerboard .checker{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .checkerboard .checker:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } .checkerboard .team-title{ width: 50%; text-align: center; position: relative; display: table; vertical-align: middle; height: 250px; float:left; } .checkerboard .team-title span{ margin-top: -0.7em; display: table-cell; vertical-align: middle; font-size: 16px; padding: 0 10%; } .team-title span h3{ color: #000000; padding-bottom: 2px; font-size: 16px; } .checker:nth-child(4n+1) .team-title, .checker:nth-child(4n+2) .team-title{ float:right; } .mid-arrow{ width: 25px; height: 25px; display: inline-block; background-color: #f1f1f1; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 3-8 */ transform: rotate(45deg); position: absolute; top: 110px; left: 238px; } /******************** NAVIGATION *********************/ #side-navigation { width: 120px; height: auto; background: #000000; border-radius: 15px 15px 15px 15px; box-shadow: 3px 3px 3px #aeaeae; float: left; padding: 15px; display: block; margin-bottom: 10px; margin-top: 25px; margin-left: -170px; } #side-navigation:hover {background: #484848;} #side-navigation h2, #side-navigation p, #side-navigation a {color: #ffffff;} #side-navigation hr { border: 0; height: 2px; background: #ffffff; margin: 1em 0; } #small_navigation2 { width: 1350px; /* width: 1000px; */ margin-left: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; height: 33px; background: none; } #small_navigation { width: 1150px; height: 52px; margin-left: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; background: none; } /******************** FOOTER ********************/ #foot-wrapper { margin-top: 0px; height: auto; background: #000000; } #foot_container2 { width: 1350px; height: 160px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; background: none; } #foot_container { width: 1000px; height: auto; min-height: 200px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; background: none; } #footer-left { width: 50%; padding-top: 20px; padding-bottom: 20px; float: left; height: auto; min-height: 50px; } #footer-left p, #footer-left a { font-size: 12px !important; margin-bottom: 1em; line-height: 1em; } #footer-right { width: 50%; height: auto; float: right; background: none; padding-top: 10px; } #footer-left a { color: #ffffff; width: 100%; } /******************** FOOTER SITEMAP ********************/ #footer-sitemap { width: 1000px; height: 265px; padding-left: 0px; padding-top: 15px; padding-right: 0px; margin-top: 0px; background: url(../../images/foot-gradient2.jpg) no-repeat; border-bottom: #000000 2px dotted; border-top: #eeeeee 1px solid; } #footer-sitemap a { display: block; padding: 0; margin: 0; } #footer-sitemap hr { width: 1000px; color: #000000; border-top: 2px dotted #000000; border-bottom: none; border-left: none; border-right: none; margin-bottom: 10px; margin-top: 10px; background: none; } .sitemap-1 { width: 245px; height: 250px; background: none; float: left; margin-right: 0px; padding-right: 5px; } .sitemap-2 { width: 245px; height: 250px; background: none; float: left; padding-right: 5px; } #footer-sitemap a { text-decoration: none; color: #484848; font-size: 8pt; } #footer-sitemap a:hover { text-decoration: none; color: #000000; font-size: 8pt; } #footer-sitemap ul { font-family: "century-gothic", Arial, Helvetica, sans-serif; font-size: 9pt; color: #484848; margin-bottom: 1.2em; line-height: 1.6em; margin-left: 20px; list-style-position: outside; list-style-type: square; list-style-image: url(/../images/bullet.jpg); } #footer-sitemap li {padding-left: 5px;} #footer-sitemap img { padding-right: 10px; padding-top: 5px; margin-left: 0px; } /******************** DATES AND STATES **********************/ .month-heading { width: 100%; float: left; color: #fff; padding: 2%; background: #000000; font-family: "century-gothic", Arial Bold, Arial, Helvetica, san-serif; font-weight:700; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .event-snippet { opacity: 0; width: 98%; padding: 4% 2% 4% 0; margin-top: 0px; border-bottom-style: solid; border-bottom-color: #000000; border-bottom-width: 1px; height: auto; float: left; background: url(/../images/list-bg.png) repeat-y; background-position: right; -webkit-animation: fadeIn 600ms ease both; -webkit-animation-play-state: paused; -moz-animation: fadeIn 600ms ease both; -moz-animation-play-state: paused; -o-animation: fadeIn 600ms ease both; -o-animation-play-state: paused; animation: fadeIn 600ms ease both; animation-play-state: paused; } .event-snippet.play { -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .event-snippet:hover { border-bottom-style: solid; border-bottom-color: #aeaeae; border-bottom-width: 1px; background: #ffffff; background-position: bottom; } .event-image { float: left; width: 20%; padding-top: 20%; background: pink; display: block; margin: 0 2% 2% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .event-heading { float: right; width: 75%; height: auto; background: none; } .event-text { float: right; width: 75%; height: auto; background: none; } .event-text p { font-family: Arial,Helvetica,sans-serif; margin-top: 0; margin-bottom: 8px; padding: 0; } .event-snippet h2 { font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 22px; color: #000000; padding: 0; margin-top: 5px; font-weight: normal; margin-bottom: 0px; } .workshop-buttons { width: 85px; height: 24px; background: none; float: right; margin-top: 0px; } .event-presenter { font-weight: bold; font-size: 12px; } .event-details { float: left; width: 100%; margin-right: 30px; margin-top: 10px; font-size: 14px; } .date-ico { background: rgba(0, 0, 0, 0) url("../../images/icon-clock.svg") no-repeat scroll; float: left; height: 18px; margin-right: 10px; width: 18px; } .price-ico { background: rgba(0, 0, 0, 0) url("../../images/icon-dollar.svg") no-repeat scroll; float: left; height: 18px; margin-right: 10px; width: 18px; } .location-ico { background: rgba(0, 0, 0, 0) url("../../images/icon-house.svg") no-repeat scroll; float: left; height: 18px; margin-right: 10px; width: 18px; } .lhs_storeitem { display: block; float: left; font-weight: normal; margin-bottom: 10px; width: 50%; } .lhs_storeitem_full { display: block; float: left; font-weight: normal; margin-bottom: 10px; width: 100%; } .rhs_storeitem { display: block; float: right; font-weight: normal; margin-bottom: 10px; width: 49%; } .price {font-size: 20px;} .pp {font-size: 12px;} .button-auto { padding: 5px 10px; width: auto; display: inline-block; text-align: center; text-transform: uppercase; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; } .button-med { padding: 5px 10px; width: 140px; display: inline-block; text-align: center; text-transform: uppercase; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; } .button-med-l { padding: 5px 10px; width: 150px; display: inline-block; text-align: center; text-transform: uppercase; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; } .button-med:hover, .button-med-l:hover, .button-auto:hover { text-decoration: none; background: #818181; color: #fff; font-size: 12px; } .red-border { border: 2px solid #000000; color: #000000; } .red-border:hover { background: #000000; color: #fff; } .red-gradient { background: #000000; color: #fff; padding: 7px 10px; } .play-button { background-image: url("../../images/bg-play-button3.png"); background-color: none; background-size: contain; background-position: left; background-repeat: no-repeat; color: #000000; padding: 7px 10px; } .button-round { padding: 10px 10px; border-radius: 15px; margin: 50px 0; width: 100px; display: inline-block; text-align: center; font-size: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .button-round:hover { text-decoration: none; background: #000000; color: #fff; font-size: 18px; } .order_form_link {margin-left: 20px;} .space10 { display: block; height: 20px; width: 100%; float: left; } .space20 { display: block; height: 40px; width: 100%; float: left; } #events-heading { padding-bottom: 40px; text-align: right; width: 50%; float: right; } #events-search { width: 50%; float: left; } #events-search .button-med { float: none; width: 100px; margin-left: 10px; padding: 4px 10px; } .feature-date { width: 100%; display: block; } .feature-coming {font-size: 14px;} .feature-high-title { text-align: center; width: 100%; background: #000000; padding: 1% 5%; color: #fff; font-size: 24px; float: left; box-sizing: border-box; } .feature-content { width: 100%; box-sizing: border-box; float: left; padding: 2%; background: #eeeeee; } .feature-image { width: 35%; display: block; float: left; padding-top: 35%; } .feature-text { width: 65%; display: block; float: left; padding: 2% 5%; box-sizing: border-box; } /* ICONS */ /* .price-ico { float: left; margin-right: 10px; width: 18px; height: 18px; background: url(../../images/cart/sprite.png) no-repeat; } .date-ico { float: left; margin-right: 10px; width: 18px; height: 18px; background: url(../../images/cart/sprite.png) 0px -22px no-repeat; } .location-ico { float: left; margin-right: 10px; width: 18px; height: 18px; background: url(../../images/cart/sprite.png) 0px -44px no-repeat; } .earlybird-ico { float: left; margin-right: 10px; width: 18px; height: 18px; background: url(../../images/cart/sprite.png) 0px -67px no-repeat; } .speaker-ico { float: left; margin-right: 10px; width: 18px; height: 18px; background: url(../../images/cart/sprite.png) 0px -90px no-repeat; } */ /****************** ACCORDIAN *******************/ .transition, .accor p, .accor h3, .accor ul li i:before, .accor ul li i:after {transition: all 0.25s ease-in-out;} .flipIn, .accor ul li {animation: flipdown 0.5s ease both;} .no-select, h2 { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 550px) {} .list-item { width: 96%; padding: 2%; display: block; margin-bottom: 0; color: #000; font-weight: bold; font-size: 13px; } .list-item:hover { background: #dedede; text-decoration: none; margin-bottom: 0; color: #000; font-weight: bold; font-size: 13px; } .list-light {background: #fff;} .list-dark {background: #eee;} .list-item b { color: #000000; text-transform: uppercase; display: block; height: auto; line-height: 1.2em; font-size: 12px; } .list-title { font-family: "century-gothic", Arial, Helvetica, san-serif; margin-top: 0%; padding: 2% 2%; background: #ffffff; /*background: #000000; */ background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: linear-gradient(top, #ffffff 1%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); margin-bottom: 0px; border-bottom: 1px solid #000000; color: #000000; font-size: 18px; text-align: center; } .cat-notice { margin-top: -23px; margin-bottom: 9px; text-align: right; font-size: 10px; } /* FAQS */ .accordian_wrapper label { width:100%; } .accordian_wrapper { } .content .always-visible { display:block; padding:15px; /*background: url(../../images/bg-red-shiny-slant.jpg);*/ background: #eeeeee; font-size: 14px; color:#000000; margin-bottom: 5px; } .content .start-hidden { display:none; padding:15px; background:#fff; border-top:none; } .content.expanded .start-hidden { display:block; } .always-visible.close span.hide,.always-visible.open span.more { display:none; } .always-visible.close span.more,.always-visible.open span.hide { display:inline; float:right; padding-left: 15px; } .faq-txt { display:block; height:auto; } .faq-txt { float:left; padding-left:0; } .faq-txt { width:100%; padding-right:0; padding-top:0; margin:0 auto; } /***************** CART *****************/ #mycart { width: 235px; height: auto; background: none; float: right; display: block; } .shCart { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .shCart button { background: #000000; padding: 11px; cursor: pointer; width: 176px; } .shCartcells { padding-top: 0px; padding-left: 5px; display: table-cell; } .shCartcells h2 {font-size: 13px;} .shCartcells h3 { font-size: 11px; padding-bottom: 1%; line-height: 2em; color: #505050; display: block; width: 100%; } .shCartcells input { width: 50px; background: #eeeeee; border: 1px solid #a4a4a4; } .shipping {font-size: 10px;} .form { float: right; width: 100%; display: block; margin-bottom: 10px; } .form_h { float: left; width: 33%; display: block; margin-bottom: 10px; } .form input { width: 95%; padding: 2%; border: 2px solid #d4d1d1; } .form_h input { width: 95%; padding: 2%; border: 2px solid #d4d1d1; } .form_h p{ text-align: left; color: #000 !important; text-transform: none !important;} .homepg_formgroup label{ float: left; display: inline; font-size: 12px; margin-top: 10px; } .captchatext{ text-transform: none !important; color: #a4a4a4 !important; } .captchatext a{ color: #a4a4a4; font-weight: bold; } .radio { width: auto !important; float: left; text-align: left; display: inline; margin-bottom: 10px; padding: 2%; background: #fbfafa; text-transform: none !important; height: auto; margin-top: 10px; margin-right: 5px; margin-left: 15px; } textarea { width: 95%; height: 200px; padding: 2%; border: 0; clear: both; font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 9pt; border: 2px solid #d4d1d1; } .check { width: 96%; float: left; text-align: left; display: block; margin-bottom: 20px; padding: 2%; background: #fbfafa; text-transform: none !important; height: auto; margin-top: 20px; } .otherTxt {display: none;} .mp3_dl_button { width: 200px; height: 20px; padding: 10px; color: #ffffff; margin-bottom: 10px; border-radius: 15px; text-align: center; background: #000000; display: block; } .mp3_dl_button a {color: #ffffff;} .mp3_dl_button:hover { color: #ffffff; margin-bottom: 10px; text-decoration: none; } .price_storeitem { color: #000000; font-size: 14px; font-weight: bold; } .red-border-button-web-book { padding: 10px; width: 150px; display: inline-block; text-align: center; border: 2px solid #000000; color: #000000; background: #fff url(../../images/icon-web-book.png) 30px no-repeat; } .red-border-button-web-book:hover { text-decoration: none; background: #000000 url(../../images/icon-web-book-white.png) 30px no-repeat; color: #fff; } #arrow_container { width: 1000px; height: auto; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; background: none; padding-top: 20px; padding-bottom: 20px; } #arrow_container h2, #arrow_container p { color: #fff; font-weight: bold; text-transform: uppercase; } #arrow-wrapper { margin-top: 0px; height: auto; text-align: center; } .red-slant-left {/* background: url(../../images/bg-red-shiny-slant.jpg); background-size: 100% 100%; background-position: top;*/ background: #000000; } #arrow-wrapper-top-overlay { margin-top: 0px; height: 27px; background: none; margin-top: -30px; text-align: center; position: relative; } #arrow-wrapper-top { margin-top: 0px; height: 27px; background: #fff; text-align: center; position: relative; } #top_arrow_container { width: 320px; height: 27px; min-height: 27px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; position: relative; top: 0px; background: url(../../images/top-pointing-arrow-purple.png) bottom repeat-x; } .foot4 { width: 23%; float: left; background: none; padding: 1%; } .foot4 li a { font-size: 11px; color: #fff; } .foot4 li a:hover {color: #000000;} .foot_title, .foot_title:hover { font-size: 14px; margin-top: 20px; margin-bottom: 15px; display: block; width: 100%; color: #fff; } .rel-head { margin-top: 15px; margin-bottom: 0px; height: auto; width: 98%; background: #eeeeee; padding: 1%; text-align: center; } .cart-headline { width: 96%; padding: 2%; font-weight: bold; background: #eee; margin-top: 40px; } .cart-head-item {width: 510px;} .cart-head-quantity {width: 100px;} .cart-head-price {width: 100px;} .cart-head-sub {width: 100px;} .cart-head-rem { width: 50px; text-align: center; } .cart-row { border-bottom: 1px solid #e7e7e8; padding: 2%; } .bg-menu-cart {background: #404040;} .bg-menu-cart2 {background: none;} .cart-foot { width: 100%; display: block; float: left; background: #eee; padding: 2% 0; } .cart-foot-container { display: block; float: right; width: 400px; } .cart-foot-row { width: 50%; float: left; height: 30px; min-height: 30px; margin-bottom: 15px; } .quant-button { margin-bottom: 20px; width: 100%; } .rem_field { padding: 5px 10px; background: #000000; text-align: center; color: #fff; } .rem_field:hover { text-decoration: none; color: #fff; } a:hover {text-decoration: none;} .checkout-formgroup { min-height: 400px; padding-top: 20px; } .homepg_formgroup { min-height: 0px !important; padding-top: 0px !important; } .checkout-formgroup p { margin-bottom: 2px; color: #000000; } .checkout-formgroup .redstrip { text-transform: uppercase; font-size: 12px; } .checkout-formgroup .red-border-button {padding: 1%;} .checkoutbutton { width: 100%; background: #000000; margin-top: 50px; font-weight: bold; color: #fff; text-transform: uppercase; } .checkoutbutton_h { width: 100px; background: #000000; padding: 2% !important; margin-top: 10px; font-weight: bold; color: #fff; text-transform: uppercase; } .store-button h3 { color: #000000; font-weight: bold; } .store-button a { float: left; background: #ffffff; border: 0; height: auto; padding-left: 20px; padding-right: 20px; padding-top: 5px; margin-right: 5px; margin-bottom: 0px; border-radius: 5px 5px 5px 5px; font-size: 12px; text-align: center; text-transform: uppercase; } .store-button a {text-decoration: none;} .store-button-cart button { float: left; background: #ffffff; border: 0; height: 35px; width: 195px; padding-left: 15px; padding-right: 20px; padding-top: 5px; margin-right: 5px; margin-top: 3px; margin-bottom: 0px; border-radius: 5px 5px 5px 5px; font-size: 14px; text-align: left; text-transform: uppercase; color: #000000; cursor: pointer; font-family: century-gothic, Helvetica, san-serif; font-weight: bold; } .store-button-cart2 button { float: left; background: #eeeeee; border: 0; height: 35px; width: 225px; padding-left: 15px; padding-right: 20px; padding-top: 5px; margin-right: 5px; margin-top: 3px; margin-bottom: 0px; border-radius: 5px 5px 5px 5px; font-size: 12px; text-align: left; text-transform: uppercase; color: #000000; cursor: pointer; font-family: century-gothic, Helvetica, san-serif; font-weight: bold; } #nav-wrapper-cart { margin-top: 0px; height: auto; width: 100%; background: #000000 url(../../images/logo_rt_academy_rev.png) center no-repeat; background-size: 50%; position: fixed; opacity: 1; z-index: 2000; } /*************** LIGHT BOXES ****************/ .black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); } .white_content { display: none; position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: -250px; width: 500px; height: auto; padding: 16px; background-color: #fff; z-index: 1002; overflow: auto; } .form-p-override {color: #a2a2a2 !important;} .close_light { float: right; width: 100px; margin-top: 0px; color: black; } .red_content { margin: 2%; background: #000000; padding: 2% 5%; text-align: center; } .red_content p { color: #fff; font-size: 14px; margin-bottom: 0; } .grey_content { margin: 2%; background: #e7e7e8; padding: 2% 5%; } .red-border-button-lightb { padding: 2%; width: 46%; margin: 2%; display: inline-block; text-align: center; border: 2px solid #000000; color: #000000; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .red-border-button-lightb:hover { text-decoration: none; background: #000000; color: #fff; } .red-border-button-lightb-checkout { padding: 2%; width: 46%; margin: 2%; display: inline-block; text-align: center; border: 2px solid #000000; color: #fff; float: left; background: #000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .red-border-button-lightb-checkout:hover { text-decoration: none; background: #000000; color: #fff; } /***** Home page changes ******/ /* .hero-video-container { margin: 0 auto; width: 1280px; height: 540px; background-color: transparent; background-image: url('/../images/landingpage/video-banner.jpg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } .hero-video{ width: 100%; height: auto; } */ .hero-video-wrapper{ width: 100%; height: 607px; display: block; position: relative; z-index: 0; } .hero-video-container { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; } .hero-video{ width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .vimeo-wrapper { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; } .vimeo-wrapper iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .truncate{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .grecaptcha-badge { display: none !important; } .captchatext, .captchatext a{ font-size: 9px; } .thin-red-line{ /*background-image: url(../../images/bg-red-shiny.jpg);*/ /* background-position: center; background-size: contain;*/ background: #000000; height: 5px; } .wrapper-padding{ padding: 7% 0; } .wrapper-padding-mob{ padding: 0; } .cont-img{ width: 30%; display: inline-block; } .cont-text, .cont-text2{ width: 70%; display: inline-block; box-sizing: border-box; } .cont-text-50{ width: 48%; display: inline-block; box-sizing: border-box; } .cont-text p, .cont-text2 p{ font-family: "century-gothic", Arial, Helvetica, san-serif !important; } .cont-text-sml{ width: 45%; display: inline-block; box-sizing: border-box; } .text-on-rhs{ padding: 0 0 0 80px; } .text-on-lhs{ padding: 0 80px 0 0; } .h1{ color: #000000; font-family: "century-gothic", Arial, Helvetica, san-serif !important; font-size: 40px; font-weight: normal; margin-bottom: 25px; } .social-link{ background-position: center top; background-repeat: no-repeat; background-size: contain; width: 50px; height: 50px; display: inline-block; margin: 0 10px; } .social-fb{ background-image: url(../../images/icon-fb.png); } .social-insta{ background-image: url(../../images/icon-insta.png); } .social-yt{ background-image: url(../../images/icon-yt.png); } .social-linkedin{ background-image: url(../../images/icon-linkedin.png); } .h2-lightbulbs{ color: #000000; font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 24px; font-weight: normal; margin-bottom: 0px; text-transform: uppercase; /*letter-spacing: 0.1em;*/ } .h3-lightbulbs{ color: #000000; font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 47px; font-weight: 700; margin-bottom: 25px; /*letter-spacing: 0.1em; */ padding-bottom: 20px; border-bottom: 1px solid #000000; } .cont-text-sml p{ font-family: "century-gothic", Arial, Helvetica, san-serif !important; /*letter-spacing: 0.1em;*/ } .logo_phone{ display: none !important; } .logo_desktop{ display: block; } /* Scrolling categoryship */ .categoryoptions_container{ width: 90%; margin: 0 auto; margin-left: 5%; -webkit-box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.75); box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.75); } .categoryoptions_fixed{ width: 40%; background-color: #fff; float: left; box-sizing: border-box; border-right: 1px solid #fff; } .categoryoptions_scrolling{ width: 60%; background-color: #eee; display: block; float: right; box-sizing: border-box; } .membitem{ border-bottom: 1px solid #000; padding: 21px 0 17.5px 0 ; width: 100%; margin: 0 auto; color: #000; background-repeat: no-repeat; background-position: center; vertical-align: middle; font-size: 11px; font-weight: bold; line-height: 1em; font-family: "century-gothic", Arial, Helvetica, san-serif; } .membprice{ padding-top: 50px; } .membft{ border-bottom: 1px solid #000; height: 49.5px; width: 60%; margin: 0 auto; color: #000; background-repeat: no-repeat; background-position: center; } .tick{ background-image: url(../../images/icon-tick.png); background-size: auto 25px; } .cross{ background-image: url(../../images/icon-cross.png); background-size: auto 9px; } .tick4::before{ content: "4"; position: relative; top: 20px; font-size: 16px; font-weight: bold; } .tick5::before{ content: "5"; position: relative; top: 20px; font-size: 16px; font-weight: bold; } .tick2a::before{ content: "2*"; position: relative; top: 20px; font-size: 16px; font-weight: bold; } .tick3a::before{ content: "3*"; position: relative; top: 20px; font-size: 16px; font-weight: bold; } .tick1::before{ content: "1"; position: relative; top: 20px; font-size: 16px; font-weight: bold; } .tick25::before{ content: "25"; position: relative; top: 20px; font-size: 16px; font-weight: bold; } .content-slider{ padding-top: 0; } .content-slider li{ text-align: center; color: #FFF; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .membhead{ font-family: "century-gothic", Arial, Helvetica, san-serif; font-size: 23px; padding-top: 20px; background-color: #000000; height: 30px; color: #fff; } .pslide{ width: 34px; float: left; display: block; top: 500px; height: 56px; background-image: url('../../scripts/lightslider/img/controls.png'); cursor: pointer; position: relative; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; right: 5px; background-position: 0 0; } .nslide{ width: 34px; float: right; display: block; top: 500px; height: 56px; background-image: url('../../scripts/lightslider/img/controls.png'); cursor: pointer; position: relative; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; background-position: -32px 0; right: -5px; } /* Wekkly webinars page */ .webinarcol{ margin: 50px 0; } .webinarcol .col{ margin: 2% 1%; padding: 0.6em; } .webinarcol h2{ padding: 2em 0; } /*.webinarcol p{ height: 30px; } */ .webinar-item{ min-height: 560px; display: block; position: relative; } .webinarcol ul{ min-height: 250px; } .webinarcol li{ font-size: 0.9em; } .webinartypecontent{ position: relative; padding-bottom: 5%; } .webinartypebottom{ padding: 1% 0; box-sizing: border-box; position: absolute; bottom: 0px; display: block; float: left; width: 100%; margin-top: 10px; } .webinarjoin{ width: 100%; display: block; color: #ffffff; text-align: center; padding: 10px 0; text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; position: relative; bottom: 0px; /*margin-top: 60px;*/ margin-bottom: 20px; } .webinarjoin:hover{ width: 100%; background: #818181; display: block; color: #ffffff; text-align: center; padding: 10px 0; text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; position: relative; bottom: 0px; /*margin-top: 60px;*/ margin-bottom: 20px; } .webinarjoin_50{ width: 49%; background: #000000; display: inline-block; color: #ffffff; text-align: center; padding: 10px 0; border-radius: 10px; text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: normal; position: relative; bottom: 0px; float: left; margin: 0px 1% 20px 0; } .webinarjoin_50:hover{ width: 49%; background: #818181; display: inline-block; color: #ffffff; text-align: center; padding: 10px 0; border-radius: 10px; text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: normal; position: relative; bottom: 0px; float: left; margin: 0px 1% 20px 0; } /* Members page version 2 with no scrolling */ .flexbox { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .membertypecol{ margin: 50px 0; } .flexbox .col { flex: 1; position: relative; } .membertypecol .col{ margin: 2%; background: #ffffff; border-radius: 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .membertypehead{ background: #000000; padding: 12px 2%; border-radius: 10px 10px 0 0; text-align: center; } .membertypehead h2{ color: #fff; /*text-transform: uppercase;*/ font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: 700; font-size: 22px; } .membertypehead h2 span{ font-weight: normal; } .membertypecontent{ padding: 4% 8%; box-sizing: border-box; position: relative; margin-bottom: 100px; } .membertypecontent *{ line-height: 1.6em; } .membertypecontent hr{ float: none; } .boldprice{ color: #000000; font-size: 20px; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: 700; } .membertypecontent .tick{ padding-left: 15px; background-image: url(../../images/icon-tick.png); background-size: auto 10px; background-position: 0 5px; background-repeat: no-repeat; } .membertypecontent ul{ list-style-image: none; list-style-type: disc; padding-top: 0px; padding-left: 0px; margin-left: 10px; margin-bottom: 0px; font-size: 14px; } .membertypecontent ol{ list-style-image: none; padding-top: 0px; padding-left: 15px; font-size: 14px; color: #000000; } .membertypecontent li{ padding-bottom: 14px; } .membjoin{ width: 100%; background: #000000; display: block; color: #ffffff; text-align: center; padding: 10px 0; border-radius: 10px; text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: 700; position: relative; bottom: 0px; margin-top: 60px; margin-bottom: 20px; } .membjoin:hover{ width: 100%; background: #818181; display: block; color: #ffffff; text-align: center; padding: 10px 0; border-radius: 10px; text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: 700; position: relative; bottom: 0px; margin-top: 60px; margin-bottom: 20px; } .membjoin_50{ width: 48%; background: #000000; display: inline-block; color: #ffffff; text-align: center; padding: 10px 0; border-radius: 10px; text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: normal; position: relative; bottom: 0px; float: left; margin: 0px 2% 20px 0; } .membjoin_50:hover{ width: 48%; background: #818181; display: inline-block; color: #ffffff; text-align: center; padding: 10px 0; border-radius: 10px; text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: normal; position: relative; bottom: 0px; float: left; margin: 0px 2% 20px 0; } /*.membertypebottom_top a{ padding: 2% 4% 2% 4%; box-sizing: border-box; position: relative; bottom: 0px; display: block; float: left; width: 40%; margin-top: 0px; margin: 0 2%; } */ .membertypebottom{ padding: 4% 8%; box-sizing: border-box; position: absolute; bottom: 0px; display: block; float: left; width: 100%; margin-top: 50px; } .fbsharecustom{ float:right; margin-top: 14px; } .lishare{ padding-right: 10px; } .dotted{ border-top: 2px dotted #e7e7e8; margin-top: 5px; margin-bottom: 10px; } .events-alert{ width: 100%; display: block; box-sizing: border-box; padding: 2% 22%; } .events-alert .heading{ padding-top: 20px; } .events-alert p{ font-size: 14px; } .invest{ position: relative; top: -5px; } /*********** TUTORIALS **********/ /*.flexbox { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }*/ .categorytypecol{ margin: 50px 0; flex-wrap: wrap; } .itemtypecol{ margin: 50px 0; flex-wrap: wrap; /*justify-content: space-between;*/ justify-content: flex-start; } .flexbox .catcol { flex: 1; position: relative; flex-basis: 30%; min-width: 30%; max-width: 30%; box-sizing: border-box; } .titems .catcol:nth-child(3n + 2){ margin: 1% 1.8em; } .categorytypecol .catcol{ margin: 3% 1%; background: #ffffff; box-sizing: border-box; border: 1px solid #ffffff; } .itemtypecol .catcol{ margin: 1%; background: #ffffff; box-sizing: border-box; } /*.categorytypecol .catcol:hover{ margin: 1%; background: #ffffff; box-sizing: border-box; border: 1px solid #000000; } */ .categorytypehead{ background: #000000; padding: 4% 2%; text-align: center; } .categorytypehead h2{ color: #fff; text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: 700; font-size: 22px; } .categorytypecontent { padding: 6% 8% 4% 8%; box-sizing: border-box; position: relative; margin-bottom: 80px; } .itemtypecontent{ padding: 6% 0% 4% 0%; box-sizing: border-box; position: relative; margin-bottom:30px; margin-top: 2em; } .itemtypecontent img{ border: 1px solid #eeeeee; } .categorytypecontent *, .itemtypecontent *{ line-height: 1.6em; } .categorytypecontent hr{ float: none; } .boldprice{ color: #000000; font-size: 20px; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: 700; } .categorytypecontent .tick{ padding-left: 15px; background-image: url(../../images/icon-tick.png); background-size: auto 10px; background-position: 0 5px; background-repeat: no-repeat; } .categorytypecontent ul{ list-style-image: none; list-style-type: disc; padding-top: 0px; padding-left: 0px; margin-left: 10px; margin-bottom: 0px; font-size: 14px; } .categorytypecontent ol{ list-style-image: none; padding-top: 0px; padding-left: 15px; font-size: 14px; color: #000000; } .categorytypecontent li{ padding-bottom: 14px; } .catjoin{ width: 87%; background: #000000; display: block; color: #ffffff; text-align: center; padding: 10px 0; /*border-radius: 10px;*/ text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: 700; position: relative; bottom: 0px; margin-top: 30px; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .catjoin:hover{ width: 87%; background: #818181; display: block; color: #ffffff; text-align: center; padding: 10px 0; /*border-radius: 10px;*/ text-transform: uppercase; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: 700; position: relative; bottom: 0px; margin-top: 30px; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .categorytypebottom{ padding: 1% 8%; box-sizing: border-box; position: absolute; bottom: 0px; display: block; float: left; width: 100%; margin-top: 20px; } .itemtypebottom{ padding: 2% 0%; box-sizing: border-box; position: absolute; bottom: 0px; display: block; float: left; width: 100%; margin-top: 20px; } .cont-img-new{ width: 40%; display: inline-block; } .tut-head-logo img{ float: right; padding: 0.8em 0; } .tut-head-text .h2c{ margin-bottom: 5px; } .tut-head-container{ display: block; width: 100%; padding-bottom: 1.5em; float: left; } /********************************* #PAGINATION **********************************/ .pagination_holder{ background: none; text-align: center; padding-top: 10px; padding-bottom: 10px; width: 100%; margin: 3em 0; } .pagination, .pagination:hover{ padding: 8px; font-size: 20px; color: #000000; } .pagination-inactive, .pagination-inactive:hover{ padding: 8px; font-size: 20px; color: green; } .dot-pagination-holder{ width: auto; margin: 0 auto; height: 30px; margin-bottom: 20px; } /************************ Social sharing options in tutorial ************************/ .social-wrapper{ width: 35%; margin: 0 auto; padding: 4em 0; } #toast-container { top: auto !important; right: auto !important; bottom: 10%; left:7%; } #copylink{ opacity: 0; height: 2px; margin: 0 !important; } .share-link{ border-bottom: 0.8px solid #000; display: block; box-sizing: border-box; float: left; width: 100%; } .share-link:last-child { border-bottom: none; display: block; box-sizing: border-box; float: left; width: 100%; } .share-link-btn{ width: 30%; float: left; display: block; padding: 2em 2em; box-sizing: border-box; } .share-link-btn img{ width: 30px; } .share-link-text{ width: 70%; float: left; display: block; box-sizing: border-box; font-family: "century-gothic", Arial, Helvetica, san-serif; font-weight: normal; padding: 2.9em 1em; letter-spacing: 0.2em; font-size: 12px; } .social-wrapper h2{ font-size: 21px; } /******************* DISCOVER MORE STORIES *******************/ .discover-cont, .discover-cont:hover{ -webkit-box-flex: 0; flex: 0 0 33.3333333333%; max-width: 32%; float: left; position: relative; background: #fff; font-size: 0; } .discover-cont:nth-child(even){ margin: 0 1%; } .discover-cont a{ display: inline-block; } .light-link { } .blk-overlay::after { content: ""; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: visible; } .blk-text-overlay { bottom: 50%; left: 50%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); position: absolute; color: #ffffff; font-size: small; width: 60%; text-align: center; } .blk-text-overlay p{ color: #ffffff; } .embed-responsive img.embed-responsive-item { -o-object-fit: cover; object-fit: cover; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .img-fluid { max-width: 100%; height: auto; } .podcast-cat-select-container{ width: 30%; margin: 0 auto; } /* Select drop down */ .pure-css-select-style { width: 100%; overflow: hidden; } .pure-css-select-style select { width: 100%; padding-right: 38px; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; outline: none; cursor: pointer; /* Hide arrow on FF */ -moz-appearance: none; text-indent: 0.01px; text-overflow: ellipsis; } /* Hide arrow on IE10*/ .pure-css-select-style select::-ms-expand { display: none; } .pure-css-select-style optgroup { color: inherit; font: inherit; } @media screen and (min-width:0\0) { .pure-css-select-style select { width: calc( 100% + 58px ); } } .theme-th { border: 1px solid #f7f7f7; border-radius: 6px; /* */ background: #eeeeee url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E') right 10px center no-repeat; } .theme-th select { padding: 8px 38px 8px 8px; font: 400 12px/1.5 "century-gothic", Arial, Helvetica, san-serif; color: #000; } /* END Select drop down */ .tech-border{ border: 1px solid #000000; } /* Tut cat page updates */ .tutorial_logo{ max-height: 39px; display: block; margin: 0 auto !important; } .tutorial_video_image{ margin-top: 2.4em; display: block !important; } .tutorial_video_playbtn{ position: absolute; top: 52%; left: 42%; width: 5em; } /* Styles for dialog window */ #small-dialog { background: white; padding: 20px 30px; text-align: left; max-width: 400px; margin: 40px auto; position: relative; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /************** * Restyle 01-23 ***************/ .justify-content-between{ display: flex; justify-content: space-between; } /*for items to remove flex on mobile such as related podcasts */ .justify-content-center2{ display: flex; justify-content: center; } .justify-content-center{ display: flex; justify-content: center; } .align-items-center{ display: flex; align-items: center; } .align-items-end{ display: flex; align-items: end; } .flex-column{ flex-direction: column; margin-top: auto; } .condensed-img{ width: 100%; display: inline-block; /* padding: 0 5%;*/ } .condensed-img img { border-radius: 50%; } .condensed-head{ width: 30%; display: inline-block; box-sizing: border-box; } .condensed-text{ width: 40%; display: inline-block; box-sizing: border-box; } .wrapper-padding-min{ padding: 2% 0; } .border-black-bottom{ border-bottom: 1.5px solid #000; } .border-black-top{ border-top: 1.5px solid #000; } .border-black-right{ border-right: 1.5px solid #000; } .border-black{ border: 1.5px solid #000; } .line-height-condense{ line-height: 0.5em; } /*VERSION WITH 1 for video */ /* .home-hero-container{ border: 1.5px solid #000; margin-top: 2% !important; } .home-hero-title{ width: 32%; padding: 0 3%; box-sizing: border-box; } */ .home-hero-container{ /* border: 1.5px solid #000; */ /* margin-top: 2% !important; */ padding: 3em 0; } .home-hero-title{ width: 32%; padding: 0 3%; /* display: inline-block;*/ box-sizing: border-box; } /*VERSION WITH 2 TILES*/ /*.home-hero-video{ width: 53%; background: #000; box-sizing: border-box; }*/ .home-hero-video{ width: 73%; background: #000; box-sizing: border-box; } .home-hero-tiles{ width: 15%; padding: 0; /* display: inline-block;*/ box-sizing: border-box; border-left: 1.5px solid #000; /* margin-left: 1%;*/ } .home-hero-tiles img{ display: block; } .w-100{ width: 100%; } .paid-sponsor{ padding: 4% 2% 0 2%; } .home-pod-img{ width: 60%; display: inline-block; } .home-pod-text{ width: 40%; padding: 0 4%; /* display: inline-block;*/ box-sizing: border-box; } .cont-pods{ width: 57%; display: inline-block; } .cont-sidebar{ width: 30%; /* display: inline-block;*/ box-sizing: border-box; } .d-block{ display: block; } .bottom-butn{ position: relative; top: -15px; margin: 0 auto; } .bottom-butn-lee{ position: relative; top: -61px; margin: 0 auto; } .print{ float: right; } .sml-book-btn { background: #000000; color: #fff; padding: 2px 5px; font-size: 0.9em; border-radius: 5px; margin-left: 1em;} .next-events-podcast{ float: right; margin-top: 0.6em; } .next-events-podcast-padding{ padding: 1em; } .hr-next-events { width: 100%; color: #808284; border-top: 0.8px solid #000000; border-bottom: none; border-left: none; border-right: none; margin-bottom: 10px; margin-top: 5px;float: left; } .next-events-heading{ font-size: 1.2em; } .view-all-events-button, .view-all-events-button:hover{ text-transform: none; letter-spacing: 0; font-size: 0.5em; text-decoration: underline; float: right; } .afterpay-logo{ width: 100px; float: right; padding-top: 25px; } .white-link:hover{ color: #ffffff; } .mb-0{ margin-bottom: 0 !important; } .topics-hidden{ width: 46%; padding: 2% 0%; display: block; float: left; } .image-hidden{ width: 41%; padding: 2% 0%; display: block; float: right; } .topics-outcomes{ clear: both; padding: 2em 2em; background: #ffffff; border: 1px solid #000; } .topics-outcomes li{ padding-bottom: 1em; } .topics-outcomes ol{ font-family: "century-gothic", Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 15px; margin-bottom: 1em; clear: left; margin-left: 22px; list-style-position: outside; } .bg-black{ background: black; } .bg-success{ background: #d6f7c6; } .button-auto2, .button-auto2:hover{ font-size: 0.8em; } .button-auto2:hover{ color: #aeaeae; } .button-auto3, .button-auto3:hover{ font-size: 0.8em; padding: 0.5em 1em; text-transform: uppercase; text-decoration: none; background: #000000; color: #fff; } .button-auto3:hover{ background: #818181; } .booking-form{ width: 50%; margin: 0 auto; } .booking-form textarea{ height: 100px; } .booking-form .form{ margin-bottom: 1em; } #bookingForm { scroll-behavior: smooth; } .media-nav-desktop a{ padding: 0 1%; } .media-section{ padding: 3em 0; float:left; } .media-section-top{ padding-top: 3em; } .media-img-dl{ height: 190px !important; width:auto; margin: 1em; } .bg-lee{ background-image: url(../../images/media/about-lee-woodward.jpg); background-size: 100%; /* background-position: 0 5px;*/ background-repeat: no-repeat; } .audible-banner{ display: block; margin-top: 30px; } .contact-btn-menu-prices{ margin-bottom: 30px; width: 100%; } .book-lee-cart-button, .book-lee-cart-button:hover{ background-color: #000; color: #fff; padding: 5px; } .book-lee-prod-title{ width: 50%; display: inline-block; } .book-lee-prod-duration{ width: 10%; display: inline-block; } .book-lee-prod-price{ width: 25%; display: inline-block; text-align: right; } .book-lee-button-container{ width: 14%; display: inline-block; text-align: right; } .investment-hidden-desktop{ display: none !important; } .investment-hidden-phone{ display: inline-block !important; } .border-black{ border: 1px solid #000; } .small-hr{ width: 25%; display: block; border: 0.8px solid #000; float: none; margin: 2em auto; } .investment-description-desktop{ } .white-popup { position: relative; background: #FFF; padding: 20px; width:auto; max-width: 500px; margin: 20px auto; } /* Version 1 for video */ /* .main-video-homepage{ height: 350px; } .wrapper-lwts{ margin-top: -21rem; } */ .main-video-homepage{ height: 400px; } .wrapper-lwts{ margin-top: -25rem; } .update-date{ width: 100%; } /* .hero-vid-frame{ height: 471px; } */ .video-overlay-play-button { box-sizing: border-box; width: 100%; height: 100% !important; padding: 10px calc(50% - 50px); position: absolute; top: 0; left: 0; display: block; opacity: 0.5; cursor: pointer; /* background-image: linear-gradient(transparent, #000); */ transition: opacity 150ms; } .video-overlay-play-button:hover { opacity: 1; } .why-rd{ width: 23%; } .pm-icon{ margin-bottom: 1em; height: 50px; } .pre-booking-details{ border: 1px solid black; padding: 2em; display: block; width:50%; margin: 0 auto; } .pre-booking-details small{ line-height: 1em !important }