@keyframes scaleToFade{to{opacity: 0; transform: scale(.8);}} @-webkit-keyframes goDown{from{-webkit-transform: translateY(-100%);}} @-moz-keyframes goDown{from{-moz-transform: translateY(-100%);}} @keyframes goDown{from{transform: translateY(-100%);}} @-webkit-keyframes scaleUpFrom{from{opacity: 0; -webkit-transform: scale(1.5);}} @-moz-keyframes scaleUpFrom{from{opacity: 0; -moz-transform: scale(1.5);}} @keyframes scaleUpFrom{from{opacity: 0; transform: scale(1.5);}} @-webkit-keyframes scaleUpTo{to{opacity: 0; -webkit-transform: scale(1.5);}} @-moz-keyframes scaleUpTo{to{opacity: 0; -moz-transform: scale(1.5);}} @keyframes scaleUpTo{to{opacity: 0; transform: scale(1.5);}} 

/* /zorb_website/static/src/css/main.min.css defined in bundle 'website.assets_frontend' */
   html{height: 100%; font-family: "Montserrat", "Roboto", sans-serif; color: #404040;} html body{overflow-y: scroll; background-color: #FFFFFF; font-family: 'Arial', sans-serif; width: 100%; height: 100%; padding: 0; margin: 0; display: table; table-layout: fixed;} html main{margin-bottom: 45px; margin-top: 65px; position: relative; display: table-row;} html main .page{margin-top: 45px; margin-bottom: 45px;} html footer{display: table-footer-group; height: 1px; color: #FFFFFF;} html footer .wrap{display: block;} html h1, html h2, html h3, html h4, html h5, html h6{font-weight: bold; font-family: "Montserrat", "Roboto", sans-serif; color: #404040;} html h1{font-size: 2.2em;} html h2{font-size: 2.0em;} html h3{font-size: 1.8em;} html h4{font-size: 1.6em;} html a{font-weight: bold; text-decoration: none; color: #4d4d4d; text-decoration: none !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} html a:hover{color: #666666; text-decoration: none !important;} html table{background-color: #FFFFFF; color: #404040;} html hr{display: inline-block; padding-bottom: 0; margin: 45px 0; height: 0; width: 100%; border: 1px dashed #AAAAAA;} html button, html input, html textarea, html select, html .input-styling, html .form-control{padding: 10px !important; outline: none !important; width: 100%; height: auto; font-size: 1.4em; line-height: 1.4em; border: 1px solid #d3d3d3; color: #404040; background-color: #FFFFFF; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} html textarea{resize: vertical; width: 100%;} html .input-group{width: 100%; height: auto; font-size: 1.4em; line-height: 1.4em; color: #404040; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);} html label{color: #666666; margin-left: 5px;} html button:focus, html input:focus, html textarea:focus, html select:focus, html .input-styling:focus{border-color: #FF8851; outline: none !important;} html button:hover{background-color: #AAAAAA;} html select:hover{cursor: pointer;} html .no-padding{padding: 0 !important;} html .no-margin{margin: 0 !important;} html .alert{border: none; color: #FFFFFF; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); margin-bottom: 0; font-size: 1.1em; margin-top: 20px;} html .alert i{margin-right: 7px;} html .alert .content{display: inline;} html .alert button{float: right; width: auto; margin: -10px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} html .alert button:hover, html .alert button:active, html .alert button:focus{background: none; outline: 0; border: 0;} html .alert-success{background-color: #FF8851;} html .alert-error{background-color: #f25050;} @media only screen and (max-width: 991px){html main .page{margin-top: 10px;}} @media (max-width: 991px){.navbar-header{float: none;}.navbar-left, .navbar-right{float: none !important;}.navbar-toggle{display: block;}.navbar-collapse{border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}.navbar-fixed-top{top: 0; border-width: 0 0 1px;}.navbar-collapse.collapse{display: none !important;}.navbar-nav{float: none !important; margin-top: 7.5px;}.navbar-nav > li{float: none;}.navbar-nav > li > a{padding-top: 10px; padding-bottom: 10px;}.collapse.in{display: block !important;}.nav{border: none;}} header .badge{background-color: #FF8851; margin-top: -3px;} header .util-bar{background-color: #404040; font-family: "Montserrat", "Roboto", sans-serif; padding: 8px 20px; z-index: 700;} header .util-bar > .clearfix{pointer-events: none;} header .util-bar > div{position: relative;} header .util-bar a{text-decoration: none; color: #FFFFFF; font-size: 1.0em; font-weight: normal; padding: 8px 4px; -webkit-transition: all 0.1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.1s cubic-bezier(0.19, 1, 0.22, 1);} header .util-bar a:hover{color: #DFDFDF;} header .util-bar .flag-icon{margin-right: 7px;} header .util-bar .caret{margin-left: 5px;} header .util-bar .fa-th-large{margin-right: 5px;} header .util-bar .dropdown-menu{background-color: #272727;} header .util-bar .dropdown-menu a{font-family: "Montserrat", "Roboto", sans-serif; padding: 5px 10px; display: inline-block; width: 100%;} header .util-bar .dropdown-menu a:hover{background-color: #5a5a5a;} header .util-bar .dropdown-menu hr{display: block; margin: 0; border: 0; height: 1px; background-color: #272727; background-image: -webkit-linear-gradient(left, #272727, #5a5a5a, #272727); background-image: linear-gradient(to right,#272727, #5a5a5a, #272727);} header .util-bar .container > div{display: inline-block; position: relative;} header .util-bar .lang-selector{margin-right: 15px;} header .util-bar .app-selector{margin-right: 15px;} header .util-bar .my-account{text-transform: none; margin-right: 15px;} header .util-bar .my-cart i{margin-right: 5px;} header .util-bar .my-cart .badge{margin-left: 5px;} header .navbar{background-color: #FF8851; font-family: "Montserrat", "Roboto", sans-serif; font-size: 1.2em; font-weight: bold; position: relative; border-radius: 0; border: 0; margin-bottom: 0; z-index: 500; height: 60px;} header .navbar .logo-fill{width: 100%; height: 0; margin-left: -15px; margin-right: -15px; position: relative;} header .navbar .logo-fill span{position: absolute; right: 100%; width: 9999px; height: 100px; background-color: #FF8851; z-index: 700;} header .navbar .navbar-header{height: 60px;} header .navbar .navbar-header button.navbar-toggle{z-index: 600; background: none; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: 44px; width: 54px; margin-right: 8px;} header .navbar .navbar-header button.navbar-toggle span{background-color: #fff; width: 32px; height: 3px;} header .navbar .navbar-header button.navbar-toggle .icon-bar + .icon-bar{margin-top: 6px;} header .navbar .navbar-header .navbar-brand{z-index: 100; padding: 0; position: relative;} @media only screen and (max-width: 767px){header .navbar .navbar-header .navbar-brand{height: 60px;}} @media only screen and (min-width: 768px){header .navbar .navbar-header .navbar-brand{height: 100px;}} header .navbar .navbar-header .navbar-brand .logo-corner{position: absolute; left: 99%; top: 0; width: 80px; height: 100px; border-bottom-right-radius: 80px 41px; background-color: #FF8851;} header .navbar .navbar-header .navbar-brand .logo-wedge{position: absolute; left: 99%; top: 57px; width: 0; height: 0; margin-left: 60px; border-style: solid; border-color: #FF8851 transparent transparent transparent; border-width: 29px 50px 0 0;} header .navbar .navbar-header .navbar-brand img{height: 100%; width: auto;} header .navbar .navbar-menu{border: none;} @media only screen and (min-width: 992px){header .navbar .navbar-menu{float: right;}header .navbar .navbar-menu ul{height: 60px; line-height: 60px;}} @media only screen and (max-width: 991px){header .navbar .navbar-menu{width: 100%; margin: 0; position: absolute; background-color: #404040; top: 60px; right: 0; left: 0; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);}header .navbar .navbar-menu ul{padding-top: 15px; padding-bottom: 5px; margin: 0; width: 100%;}} @media only screen and (min-width: 768px) and (max-width: 992px){header .navbar .navbar-menu ul{padding-top: 55px;}} @media only screen and (max-width: 1199px) and (min-width: 992px){header .navbar .navbar-menu ul li a .wrap{font-size: 0.9em;}} header .navbar .navbar-menu hr{margin: 10px 12px; width: auto; display: block;} header .navbar .navbar-menu ul{text-align: left;} header .navbar .navbar-menu ul li.account-controls{height: 60px;} header .navbar .navbar-menu ul li.account-controls .wrap{line-height: 40px;} header .navbar .navbar-menu ul li{height: inherit; line-height: 60px; margin: 0;} header .navbar .navbar-menu ul li span.flag-icon{margin-right: 10px;} header .navbar .navbar-menu ul li a{display: inline-block; line-height: normal; text-align: left; padding: 0; height: 100%; width: 100%; -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);} header .navbar .navbar-menu ul li a .wrap{display: inline-block; padding: 10px 15px; height: 100%;} header .navbar .navbar-menu ul li a .main{font-weight: 400; color: #FFFFFF; display: inline-block;} header .navbar .navbar-menu ul li a .sub{color: #DEDEDE; display: inline-block;} header .navbar .navbar-menu ul li a .main{font-size: 1.1em;} header .navbar .navbar-menu ul li a .sub{font-size: 0.8em;} header .navbar .navbar-menu ul li a:hover, header .navbar .navbar-menu ul li a:active, header .navbar .navbar-menu ul li a.active, header .navbar .navbar-menu ul li a:focus{background: none; text-decoration: none; background-color: #ff7738;} footer .wrap{background-color: #404040; color: #FFFFFF; padding-top: 45px;} footer hr{height: 1px; margin: 0; border: 0; display: inline-block; width: 100%; background-color: #666666; background-image: -webkit-linear-gradient(left, #404040, #666666, #404040); background-image: linear-gradient(to right,#404040, #666666, #404040);} footer .footer-top{padding-bottom: 45px;} footer .footer-top h4{color: #FFFFFF; margin-top: 0;} footer .footer-top hr{margin: 25px 0;} footer .footer-top .general .endorsements{width: 100%; padding-top: 39.7774%; position: relative;} footer .footer-top .general .endorsements ul{list-style: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0; margin: 0;} footer .footer-top .general .endorsements ul a{display: inline-block; height: 100%;} footer .footer-top .general .endorsements ul img{height: 100%; position: absolute; top: 0; bottom: 0; -webkit-backface-visibility: hidden; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);} footer .footer-top .general .endorsements ul li{display: inline-block; height: 100%; float: left; position: relative; border: 5px solid transparent;} footer .footer-top .general .endorsements ul li.qualmark{width: 34.0751%; margin-right: 1.3908%;} footer .footer-top .general .endorsements ul li.tripadvisor{width: 39.3602%; margin-right: 1.3908%;} footer .footer-top .general .endorsements ul li.tripadvisor img{border: 5px solid white;} footer .footer-top .general .endorsements ul li.tianz{width: 23.7830%;} footer .footer-top .general .endorsements ul li.tianz img{border: 5px solid white;} footer .footer-top .sitemap ul{list-style: none; padding: 0; margin: 0; font-size: 1.15em;} footer .footer-top .sitemap ul li{padding: 2px 0;} footer .footer-top .sitemap ul li a{color: #FFFFFF; font-weight: bold; display: inline-block;} footer .footer-top .social{padding-top: 25px; text-align: center; display: inline-block; width: 100%;} footer .footer-top .social ul{margin-right: -10px; padding: 0; display: inline-block; list-style: none;} footer .footer-top .social ul li{margin-right: 10px; margin-top: 10px; display: inline-block;} footer .footer-top .social ul li img{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: auto; height: 45px;} footer .footer-top .social ul li img:hover{-webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);} footer .footer-copyright{background-color: #272727;} footer .footer-copyright span, footer .footer-copyright p{padding: 15px; margin: 0;} footer .footer-copyright a{color: #CCDAD1; text-decoration: none; font-weight: bold;} footer .footer-copyright a:hover{color: #FFF8F0;} .page-home{margin-top: 0 !important;} @media only screen and (max-width: 991px) and (min-width: 768px){.page-home .owl-carousel .owl-wrapper-outer{top: -40px;}} .page-home .owl-carousel{padding: 0px; margin-bottom: 45px;} .page-home .owl-carousel .owl-item img{width: 100%; height: auto;} .page-home .intro p{font-size: 1.2em;} .page-home .sidebar{display: inline-block;} .page-home .sidebar ul, .page-home .sidebar p{text-align: left;} .page-home .sidebar ul{padding-left: 25px;} .page-home .sidebar img{width: 100%; height: auto;} .page-home .sidebar .address{padding-left: 10px;} .page-home .sidebar .map{display: inline-block;} .page-home .sidebar .map p{text-align: center;} .page-home .call-to-action{margin-top: 45px; margin-bottom: 45px; text-align: center;} .page-home .call-to-action a{color: #FFFFFF; padding: 15px; font-size: 1.3em; display: inline-block; background-color: #FF8851; border-radius: 4px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);} .page-home .call-to-action p, .page-home .call-to-action i{padding: 0; margin: 0;} @media only screen and (max-width: 991px){.page-shop .shop-item .product-image .wrap{margin-right: 35px; margin-left: 35px;}} .page-shop .shop-item{text-align: left; position: relative;} .page-shop .shop-item h1{font-weight: bold; text-transform: uppercase; color: #254441;} .page-shop .shop-item .ride-info{margin-bottom: 20px; display: table;} .page-shop .shop-item .ride-info span{display: table-row;} .page-shop .shop-item .ride-info p{display: table-cell; padding-bottom: 5px;} .page-shop .shop-item .ride-info p + p{padding-left: 10px; padding-left: 10px;} @media only screen and (max-width: 991px){.page-shop .shop-item .product-image .wrap{margin-top: 45px;}} .page-shop .shop-item .product-image .wrap img{width: 100%; height: auto;} .page-shop .shop-item .product-description{position: initial;} .page-shop .shop-item .product-description > p{margin-bottom: 20px;} .page-shop .shop-item .product-description p{color: #5a5a5a;} .page-shop .shop-item .product-description a{font-weight: normal; color: #ff651e;} .page-shop .shop-item .cart-options{font-size: 1.2em; font-weight: 700;} .page-shop .shop-item .cart-options .inputs{margin-top: 10px;} .page-shop .shop-item .cart-options .inputs .add-to-cart, .page-shop .shop-item .cart-options .inputs .input-group{margin-bottom: 10px;} .page-shop .shop-item .cart-options .inputs .add-to-cart{width: 184px;} .page-shop .shop-item .cart-options .input-group{width: 1px; float: left; margin-right: 10px;} .page-shop .shop-item .cart-options .input-group button, .page-shop .shop-item .cart-options .input-group input{box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} .page-shop .shop-item .cart-options button{padding: 12px 24px !important; width: auto;} .page-shop .shop-item .cart-options input{width: 64px; height: 46px; text-align: center; font-size: 1.1em;} .page-shop .shop-item .cart-options input, .page-shop .shop-item .cart-options button{height: 50px; background-color: #fff; border-color: #ccc; color: #404040;} .page-shop .shop-item .cart-options .text-muted{font-size: 0.7em;} .page-shop .shop-item .cart-options .price{font-size: 1.8em; font-weight: bold; color: #407670;} .page-shop .shop-item .cart-options .price p{font-size: 0.65em; color: #498680; display: inline;} .page-shop .shop-item .cart-options .add-to-cart{font-size: 1.2em; font-weight: 700; padding: 9px 26px 9px 24px; background-color: #FF8851; border: none; color: #fff;} .page-shop .shop-item .cart-options .add-to-cart i{-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .page-shop .shop-item .cart-options .add-to-cart:hover i{-webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);} @media only screen and (min-width: 992px){.page-bookings .wd-50{width: 50%;}.page-bookings .wd-70{width: 70%;}.page-bookings .wd-30{width: 30%;}.page-bookings .left{padding-right: 10px; float: left;}.page-bookings .right{padding-left: 10px; float: right;}} .page-bookings label{color: #666666;} .page-bookings #zorb-make-booking{margin-top: 25px; display: inline-block; width: 100%;} .page-bookings #zorb-booking-form-type{margin-top: 25px; display: inline-block; width: 100%;} .page-bookings .ram{padding-bottom: 0;} .page-bookings .datetime{display: inline-block; position: relative; width: 100%;} .page-bookings .datetime #zorb-booking-datetime-picker{display: inline-block; width: 100%; background-color: #fff; border: 1px solid #d3d3d3; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); position: relative; margin-top: 15px;} .page-bookings .datetime #zorb-booking-datetime-picker .tail{position: absolute; border-color: transparent transparent #d3d3d3 transparent; border-style: solid; border-width: 20px; height: 0; width: 0; right: calc(25% - 20px - (30px / 4)); top: -40px;} .page-bookings .datetime #zorb-booking-datetime-picker .tail-border{position: absolute; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 20px; height: 0; width: 0; right: calc(25% - 20px - (30px / 4)); top: -39px;} .page-bookings .datetime #zorb-booking-datetime-picker .tail-shadow-left{position: absolute; height: 27px; width: 0; right: calc(25% - 20px - (30px / 4) + 39px); top: -27px; box-shadow: -1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -webkit-box-shadow: -1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -moz-box-shadow: -1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .page-bookings .datetime #zorb-booking-datetime-picker .tail-shadow-right{position: absolute; height: 27px; width: 0; right: calc(25% - 20px - (30px / 4) - 1px); top: -27px; box-shadow: 1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} @media only screen and (max-width: 991px){.page-bookings .datetime #zorb-booking-datetime-picker .tail, .page-bookings .datetime #zorb-booking-datetime-picker .tail-border{right: calc(50% - 20px);}.page-bookings .datetime #zorb-booking-datetime-picker .tail-shadow-left{right: calc(50% + 20px);}.page-bookings .datetime #zorb-booking-datetime-picker .tail-shadow-right{right: calc(50% - 20px);}} .page-bookings .datetime #zorb-booking-datetime-picker .datetimepicker{width: 100%;} .page-bookings .datetime table{width: 100%; font-size: 1.6em; line-height: 1.6em;} .page-bookings .datetime span.hour, .page-bookings .datetime span.minute{width: 100% !important; text-align: left; padding: 10px 15px; margin-left: 0px !important; margin-right: 0px !important; height: initial !important;} .page-bookings .datetime td.day, .page-bookings .datetime span.month{padding: 20px 5px; height: initial !important;} .page-bookings .form-submit{width: 100%; position: relative; margin-top: 25px;} .page-bookings .form-submit .g-recaptcha{display: inline-block; box-shadow: -1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -webkit-box-shadow: -1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -moz-box-shadow: -1px -1px 4px 0.5px rgba(0, 0, 0, 0.08);} .page-bookings .form-submit .submit-container{display: inline-block; position: absolute; top: 0; right: 0; left: 327px; height: 76px;} .page-bookings .form-submit .submit-container button{width: 100%; height: 100%; font-size: 1.6em; font-size: 1.4em; line-height: 1.4em; border: 1px solid #d3d3d3; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);} @media only screen and (max-width: 545px){.page-bookings .form-submit .submit-container{margin-top: 25px; position: relative; width: 100%; height: initial; top: 0; left: 0; right: 0; bottom: 0;}.page-bookings .form-submit .submit-container button{height: initial; padding-top: 10px; padding-bottom: 10px;}} .page-contact{margin-bottom: 0 !important;} @media only screen and (max-width: 991px){.page-contact .zorb-quick-contact{margin-bottom: 45px;}} .page-contact > .container{position: relative;} .page-contact hr{margin-bottom: 25px;} .page-contact .alert{margin-top: 25px;} .page-contact #zorb-form-submit i{margin-right: 5px;} .page-contact .zorb-quick-contact form{margin-top: 25px; display: inline-block; width: 100%;} .page-contact .zorb-quick-contact .input-group-addon{background-color: #fff;} .page-contact .zorb-quick-contact .input-group-addon + input{border-left: 0;} .page-contact .zorb-quick-contact .form-submit{width: 100%; position: relative; margin-top: 25px;} .page-contact .zorb-quick-contact .form-submit .g-recaptcha{display: inline-block; box-shadow: -1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -webkit-box-shadow: -1px -1px 4px 0.5px rgba(0, 0, 0, 0.08); -moz-box-shadow: -1px -1px 4px 0.5px rgba(0, 0, 0, 0.08);} .page-contact .zorb-quick-contact .form-submit .submit-container{display: inline-block; position: absolute; top: 0; right: 0; left: 327px; height: 76px;} .page-contact .zorb-quick-contact .form-submit .submit-container button{width: 100%; height: 100%; font-size: 1.6em; font-size: 1.4em; line-height: 1.4em; border: 1px solid #d3d3d3; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);} @media only screen and (max-width: 545px){.page-contact .zorb-quick-contact .form-submit .submit-container{margin-top: 25px; position: relative; width: 100%; height: initial; top: 0; left: 0; right: 0; bottom: 0;}.page-contact .zorb-quick-contact .form-submit .submit-container button{height: initial; padding-top: 10px; padding-bottom: 10px;}} .page-contact .sidebar .map-link{margin-top: 15px;} .page-contact .sidebar i{margin-right: 5px;} .page-contact .sidebar p, .page-contact .sidebar ul{margin-left: 10px;} .page-contact .sidebar ul{list-style: none; padding: 0;} .page-contact .sidebar li{margin-bottom: 10px;} .page-contact .contact-map{padding: 0; margin: 0; margin-top: 45px;} .page-contact .contact-map #gmap_canvas img{max-width: none !important; background: none !important;} .page-contact .intl-tel-input{width: 100%;} .page-contact .iti-flag{background-image: url("/static/img/intl-tel-input/flags.png");} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.page-contact .iti-flag{background-image: url("/static/img/intl-tel-input/flags@2x.png");}} .page-about .head{color: #404040; font-size: 1.2em;} .page-about ul{list-style: none; display: inline-block; width: 100%; padding: 0; margin: 0; margin-top: 45px;} .page-about ul li{background-color: #4d4d4d; display: inline-block; width: 100%; border-radius: 6px;} .page-about ul li h3{margin: 0; padding: 15px; text-align: center; color: #404040;} .page-about ul li a{display: inline-block; width: 100%; background-color: #FF8851; border-top-right-radius: 6px; border-top-left-radius: 6px;} .page-about ul li a.collapsed{border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;} .page-about ul li .wrap{padding: 25px 15px; font-size: 1.4em;} .page-about ul li .wrap *:first-child{padding-top: 0; margin-top: 0;} .page-about ul li .wrap p{margin: 0; color: #FFFFFF;} .page-about ul li .wrap p:not(:last-of-type){margin-bottom: 20px;} .page-about ul li .wrap img{float: left;} .page-about ul li .wrap h4{margin: 0; margin-top: 25px; margin-bottom: 10px; font-size: 1.3em; color: #FF8851;} .page-about ul li + li{margin-top: 25px;} .page-error{padding-top: 45px; padding-bottom: 45px;} @media only screen and (max-width: 767px){.page-cart .header .wizard .wrap{width: 100%;}} .page-cart .header{margin-bottom: 25px;} .page-cart .header .title{padding: 0;} .page-cart .header .wizard{text-align: right; float: right; min-height: 63px; font-size: 15px; padding: 0;} .page-cart .header .wizard .wrap{height: 100%; display: inline-block; text-align: left; min-height: 43px; margin-top: 15px; margin-bottom: 5px; background-color: #404040; border-radius: 3px; padding: 0 15px; text-align: center;} .page-cart .header .wizard .wrap span{display: inline-block; height: 100%; vertical-align: middle; line-height: 43px;} .page-cart .header .wizard .wrap span a{display: inline-block; height: 100%; color: #FFFFFF; font-weight: normal;} .page-cart .header .wizard .wrap span a.active{text-decoration: underline; font-weight: bold; pointer-events: none;} .page-cart .header .wizard .wrap span a.disabled{pointer-events: none; color: #d9d9d9;} .page-cart .header .wizard .wrap span a.previous{color: #FF8851;} .page-cart .header .wizard .wrap span i{padding: 0 5px; color: #cccccc;} .page-cart .cart{border: 1px solid #d3d3d3; color: #404040; background-color: #fff; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);} .page-cart .cart .items .item{padding: 10px;} .page-cart .cart .items .item .title h3{display: inline-block; width: 100%; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #d3d3d3;} .page-cart .cart .items .item .title h3 a{float: right;} .page-cart .cart .items .item .title h3 a span{font-size: 10px; line-height: 10px;} .page-cart .cart .items .item .description p{width: 80%; display: inline-block; margin-top: 15px;} .page-cart .cart .items .item .description img{width: 15%; height: auto; padding: 15px; float: left;} .page-cart .cart .items .item .controls{display: inline-block; width: 100%;} .page-cart .cart .items .item .controls .quantity{width: 1%; float: right;} .page-cart .cart .items .item .controls .quantity .input-group{width: 1px; margin-right: 10px;} .page-cart .cart .items .item .controls .quantity input{width: 65px; height: 50px; text-align: center; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} .page-cart .cart .items .item .controls .quantity button{height: 50px; background-color: #fff; border-color: #ccc; color: #404040; padding: 12px 24px !important; width: auto; margin-right: -1px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} .page-cart .cart .items .item .controls .price{height: 50px; float: right;} .page-cart .cart .total{background-color: #f2f2f2;} @media (min-width: 992px){.sidebar-stuck-top{position: fixed; top: 0; display: inline-block;}.sidebar-stuck-bottom{position: relative;}} .account-form .oauth-logins{width: 100%;} .account-form .oauth-logins a{display: inline-block; width: 100%; padding: 15px; border-radius: 4px; color: #FFFFFF; margin-bottom: 15px; font-size: 1.14em;} .account-form .oauth-logins a img{height: 100%; width: auto; margin-right: 12px; margin-left: 5px;} .account-form .oauth-logins a .line{position: absolute;} .account-form .oauth-logins .facebook{background-color: #3b5998;} .account-form .oauth-logins .google{background-color: #d34836;} .account-form .separator{margin: 10px 0 20px 0; width: 100%; position: relative; text-align: center;} .account-form .separator p{text-align: center; font-size: 1.2em; color: #666666; position: relative; font-family: sans-serif; font-style: italic;} .account-form .separator span{border-radius: 1px;} .account-form .separator .line{position: absolute; left: 15px; right: 15px; height: 1px; background-color: #bfbfbf; top: 50%;} .account-form .separator .mask{position: absolute; left: calc(50% - 20px); top: 0; width: 40px; height: 100%; background-color: #FFFFFF;} .account-form .oe_login_buttons{width: 100%; float: none; padding-top: 10px;} .account-form .oe_login_buttons button{background-color: #FF8851; color: #FFFFFF; border: 1px solid #999999; width: 100%;} .account-form .oe_login_buttons button:hover{background-color: #ff651e;} .account-form .content{padding: 20px 0;} .account-form-inline{width: 505px; margin: 0 auto; margin-top: 30px;} @media only screen and (max-width: 545px){.account-form-inline{width: 100%;}} @media only screen and (min-width: 768px){.modal .modal-dialog{width: 450px;}} .modal .modal-content, .modal .modal-body, .modal .content{background-color: #FFFFFF; border-color: #E5E5E5; width: 100%; position: relative;} .modal .modal-header, .modal .modal-footer, .modal .header, .modal .footer{border-color: #E5E5E5;} .modal .header{border-bottom-style: solid; border-bottom-width: 1px; padding: 15px 0; min-height: 16.428571429px;} .modal .footer{border-top-style: solid; border-top-width: 1px; padding: 15px 0;} .modal .close{color: #5a5a5a !important; float: right;} .modal .close, .modal .close:hover, .modal .close:focus, .modal .close:active, .modal .close:target{background: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; outline: none !important; border: none !important;} .modal button{width: auto; font-size: 1.3em; padding-left: 15px !important; padding-right: 15px !important;} .lang-modal .modal-body{padding: 0;} .lang-modal .modal-body ul{list-style: none; padding: 0; margin: 0; font-size: 18px;} .lang-modal .modal-body ul li + li{border-top: 1px solid #e5e5e5;} .lang-modal .modal-body ul li a{display: inline-block; width: 100%; padding: 20px 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .lang-modal .modal-body ul li a span{margin-right: 10px;} .lang-modal .modal-body ul li a:hover, .lang-modal .modal-body ul li a:active{background-color: #f2f2f2;} .lang-modal .modal-body ul li a:last-of-type:hover, .lang-modal .modal-body ul li a:last-of-type:active{border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;} 

/* /website_portal_sale/static/src/less/website_portal_sale.less defined in bundle 'website.assets_frontend' */

/* ---- My Orders page ---- */
.orders_vertical_align {
  display: flex;
  align-items: center;
} 
.orders_label_text_align {
  vertical-align: 15%;
}