﻿/* Theme Name: UAP Corporate Theme URI: Author: Author URI: Description: Version: 1.0 Tags: Text Domain: UAP Corporate */
 * {
     margin: 0;
     padding: 0;
}
 a {
    /*outline: none;
    */
     color: #333;
}
 a:hover {
     text-decoration: underline;
}
 a.button {
     cursor: pointer;
     background: #C9EAF9;
     display: inline-block;
     text-decoration: none;
     color: #0f3647;
     font-weight: bold;
     padding: 5px 7px;
}
 a.button:hover {
     background: #EEE;
}
 .download-list {
     padding-bottom:8px;
}
 .download-list a {
     font-weight:bold;
     text-decoration:none;
}
 .download-list a:hover {
     text-decoration:underline;
}
 .download-list p {
     margin-bottom:8px;
}
 a img {
     border:0;
}
 .featured-wide {
     margin-top:10px;
}
 #tab-general table, #tab-technical table, #tab-guarantee table, #tab-testing table {
     border-collapse:collapse;
     border:1px solid #96DAFA;
     width:100% !important;
}
 #tab-general table th, #tab-technical table th, #tab-guarantee table th, #tab-testing table th {
     border:1px solid #96DAFA;
     font-weight:bold;
     color:white;
     padding-left: 6px;
     padding-right: 6px;
}
 #tab-general table td, #tab-technical table td, #tab-guarantee table td, #tab-testing table td {
     border:1px solid #96DAFA;
     background:#51a2e6;
     color:white;
     padding-left: 6px;
     padding-right: 6px;
     font-size: 13px;
}
 #tab-general img, #tab-technical img, #tab-guarantee img, #tab-testing img {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
/** * Layout * ----------------------------------------------------------------------------- */
 body {
     font-size: 14px;
     font-family: Oxygen, Helvetica, Arial, sans-serif;
     background: #51a2e6;
     text-rendering: optimizeLegibility;
     color: #333;
}
 #page {
     margin: 0 auto;
     width: 100%;
    /*display: table;
    */
     overflow: hidden;
}
 #masthead, #main, #colophon{
     width: 100%;
}
 #masthead{
     background: url("img/masthead.png") center top repeat-x #54a3e6;
}
 #main{
     margin-top: 29px;
}
/** * Header * ----------------------------------------------------------------------------- */
 .site-header #topHeader {
     height: 92px;
     position: relative;
     padding: 0;
     overflow: hidden;
     width: 1000px;
     margin: 0 auto;
}
 .logo {
     background: url("img/logo.png") no-repeat;
     width: 237px;
     height: 68px;
     float: left;
     margin: 13px 0 12px 0;
}
 .logo strong {
     display: none;
}
 .logo strong {
    display: none;
}
 .site-header #reg {
     float: right;
     background: url("img/register.png") no-repeat;
     width: 128px;
     height: 32px;
     line-height: 32px;
     font-size: 16px;
     color: #fff;
     text-align: center;
     text-decoration: none;
     font-weight: bold;
}
/*.site-header a.lang {
    float: right;
     width: 128px;
     height: 32px;
     background: url("img/eng.png") no-repeat;
     margin-left: 12px;
}
*/
 #google_translate_element {
     float: right;
     margin-left: 12px;
}
 .site-header .goog-te-gadget-simple {
     background-color: #2E383E;
}
 .site-header .goog-te-gadget-simple a.goog-te-menu-value {
     font-size: 16px;
     line-height: 27px;
     font-weight: bold;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
}
 .site-header .goog-te-gadget-simple .goog-te-menu-value span {
     color: #FEFEFE;
}
 #topHeader #loginform p {
     margin: 0;
}
 #topHeader #loginform, #logged {
    /*float: right;
     clear: right;
     */
     padding: 5px 5px 4px 282px;
     width: 150px;
     background: url("img/login.jpg") no-repeat;
     height: 80px;
    /*margin-top: 14px;
    */
     font-family: 'Roboto', sans-serif;
     position: absolute;
     right: 0px;
     top: 46px;
}
 #topHeader #loginform input.input {
    background: none;
     width: 141px;
     height: 24px;
     margin: 0 0 5px 0;
     padding: 0 4px;
     border: none;
     outline: none;
     text-align: center;
     color: #0E1417;
     font-size: 16px;
}
 #topHeader #loginform #user_login {
    margin-bottom: 6px !important;
}
 #topHeader #loginform #wp-submit {
    background: none;
     border: none;
     box-shadow: none;
     margin: 0;
     padding: 0;
     text-align: center;
     width: 149px;
     height: 20px;
     color: #0E1417;
     font-size: 14px;
     font-weight: bold;
}
 #topHeader #loginform label {
    display: none;
}
 #topHeader #loginform input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px #fafafa inset;
     border: none;
}
 #logged a {
    float: left;
     margin-top: 3px;
     height: 20px;
     width: 151px;
     text-align: center;
     line-height: 20px;
     text-decoration: none;
    color: #0E1417;
     font-size: 14px;
     font-weight: bold;
}
 #logged a.account {
    margin: 0;
     background: url("img/account.jpg") no-repeat;
     width: 151px;
     height: 56px;
}
 #logged a.account b {
    display: none;
}
 #social {
    float: right;
     background: #f5d40f;
     width: auto;
     height: auto;
     padding: 8px;
     border-radius: 5px;
     margin-top: 16px;
}
 #social a {
     float: left;
     display: block;
     margin-right: 7px;
     width: 44px;
     height: 44px;
     line-height: 44px;
     font-size: 28px;
     text-align: center;
     background: #51a2e6;
     color: #fff;
}
 #social a:last-child{
     margin-right: 0;
}
 #social div {
    float: left;
     margin-left: 15px;
     color: #444;
     line-height: 33px;
     font-size: 17px;
}
 #searchform {
     float: right;
     width: 234px;
     margin-top: 24px;
     margin-right: 36px;
     position: relative;
}
 #searchform .fa-search{
     position: absolute;
     z-index: 5;
     left: 12px;
     top: 11px;
     font-size: 20px;
     color: #c9c9c9;
}
 #searchform #s {
     width: 100%;
     box-sizing: border-box;
     border-radius: 5px;
     padding: 11px;
     padding-left: 43px;
     font-size: 18px;
     border: 0;
     color: #c9c9c9;
}
 #searchform #searchsubmit {
     float: left;
     width: 30px;
     height: 44px;
     background: none;
     text-indent:-9999px;
     position: absolute;
     top: 0;
     right: 0;
}
 #searchform label {
    display: none;
}
 .main-navigation {
     text-align: center;
    /*overflow: auto;
    */
     background: #fff;
     position: relative;
     height: 46px;
}
 .menu-main-menu-container, .menu-bottom-menu-container{
     width: 1000px;
     margin: 0 auto;
}
 .main-navigation ul {
     list-style: none;
}
 .main-navigation ul li {
     float: left;
}
/* main */
 .main-navigation ul li a {
     display: block;
     height: 46px;
     line-height: 46px;
     font-size: 11px;
     color: #1c4b73;
     font-weight: bold;
     padding: 0px 20px 0 33px;
     text-decoration: none;
     text-transform:uppercase;
     position: relative;
}
/* bottom */
 #menu-bottom-menu li a {
     display: block;
     height: 46px;
     line-height: 46px;
     font-size: 11px;
     color: #1c4b73;
     font-weight: bold;
     padding: 0px 7px 0 33px;
     text-decoration: none;
     letter-spacing: 0px;
     text-transform:uppercase;
     position: relative;
}
 .main-navigation ul li:last-child a{
     padding-right: 0;
}
 .main-navigation li a:hover, .current-menu-item a {
}
 .main-navigation ul li:last-child a {
     border-right: none;
}
 .main-navigation ul li .sub-menu {
     display: none;
     position: absolute;
     padding: 3px 0;
     background: #fff;
     z-index: 100;
}
 .main-navigation ul li .sub-menu li {
     background: #fff;
     display: block;
     float: none;
}
 .main-navigation ul li .sub-menu li a {
     border: none;
     height: 20px;
     line-height: 20px;
     padding: 5px 15px;
     min-width: 100px;
     text-align: left;
     text-transform:normal;
}
 .main-navigation ul li .sub-menu li a:hover {
     background: #1c4b73;
     color: #fff;
}
 footer .main-navigation ul li .sub-menu {
     bottom: 40px;
}
/* menu icons */
 .menu-item a::before{
     position: absolute;
     left: 0px;
     top: 0px;
     color: #51a2e6;
     font-size: 21px;
     text-align: center;
     width: 30px;
     font-weight: normal;
     font-family: FontAwesome;
}
 .menu-item ul li a::before{
     display: none;
}
 .menu-item-226 a::before, .menu-item-51712 a::before{
    /*home*/
     content: "\f015";
}
 .menu-item-39 a::before, .menu-item-51713 a::before{
    /*products*/
     content: "\f023";
}
 .menu-item-48805 a::before, .menu-item-51722 a::before{
    /*buy products*/
     content: "\f07a";
}
 .menu-item-48815 a::before, .menu-item-48815 a::before{
    /*design door*/
     content: "\f1fc";
}
 .menu-item-48817 a::before, .menu-item-51723 a::before{
    /*stockist*/
     content: "\f041";
}
 .menu-item-44 a::before, .menu-item-51727 a::before{
    /*blog*/
     content: "\f1ea";
}
 .menu-item-48816 a::before, .menu-item-51726 a::before{
    /*coastal products*/
     content: "\f018";
}
 .menu-item-231 a::before, .menu-item-51728 a::before{
    /*contacts*/
     content: "\f1d8";
}
 .menu-item-50618 a::before, .menu-item-51725 a::before{
    /*secured by design*/
     content: "";
     width: 20px;
     height: 46px;
     left: 7px;
     background: url(img/secured-icon.png);
}
 .menu-item-50617 a::before, .menu-item-51724 a::before{
    /*sean wilson*/
     content: "";
     width: 20px;
     height: 46px;
     left: 7px;
     background: url(img/sean-wilson.png);
}
 .menu-item-51730 a::before, .menu-item-51730 a::before{
    /*child safety*/
     content: "\f03d";
}
/** * Search * ----------------------------------------------------------------------------- */
 #tool-search {
     background-color: #0f1418;
     height: 55px;
}
 #tool-search div {
     float: left;
}
 #tool-search #searchTxt {
     line-height: 55px;
     font-weight: bold;
     font-size: 16px;
     padding-left: 42px;
     background: url(img/prod_search_mag.png) no-repeat 14px 13px;
     margin-right: 15px;
}
 #tool-search #searchCarMake, #tool-search #searchCarType {
     padding: 17px 0 0 40px;
     height: 38px;
     margin-right: 12px;
}
 #tool-search #searchCarMake {
     background: url(img/prod_search_lock1.png) no-repeat 0px 10px;
}
 #tool-search #searchCarType {
     background: url(img/prod_search_lock2.png) no-repeat 0px 10px;
}
 #tool-search select {
     width: 245px;
}
 #tool-search #searchSubmit {
     padding-top: 16px;
}
 #tool-search #searchSubmit input {
     width: 77px;
     height: 27px;
     background: url(img/prod_search_search_button.png);
}
 #tool-search-extended {
     background-color: #caeaf9;
     height: 55px;
     color: #07111a;
     padding-left: 105px;
}
 #tool-search-extended div {
     float: left;
}
 #tool-search-extended #searchTxt {
     line-height: 55px;
     font-size: 16px;
     padding-left: 35px;
     font-weight: bold;
     margin-right: 15px;
     background: url(img/key_icon.png) no-repeat 0px 10px;
}
 #tool-search-extended #searchToolType {
     padding-top: 17px;
}
 #tool-search-extended #searchToolType select {
     width: 390px;
}
/** * Footer * ----------------------------------------------------------------------------- */
 footer {
     clear: both;
     background: #f2f2f2;
     width: 1000%;
     display: table;
}
 #foot2, #foot3 {
     display: block;
     padding: 20px 12px 20px 12px;
     width: 1000px;
     color: #333;
     position: relative;
     margin: 0 auto;
     display: table;
}
 #foot2 a {
    color: #333;
}
 #foot2 a:hover {
    text-decoration: none;
}
 #foot2 a#tradelocks {
     float: right;
}
 #foot2 img {
     float: right;
}
 #foot2 p {
     margin: 0;
     text-align: center;
     color: #7b7b7b;
     font-size: 14px;
}
 footer .right {
     float: right;
     padding: 0 10px;
}
 .footer-menu ul li {
     display: inline;
     margin-right: 6px;
     padding-right: 6px;
     border-right: 1px solid #333;
}
 .footer-menu {
    padding-bottom: 5px;
}
 ul.footer-menu {
     list-style: none;
     margin: 5px 0 10px 0;
     overflow: auto;
}
 ul.footer-menu li {
     float: left;
     padding: 0 10px;
     border-right: 1px solid #FEFEFE;
}
 ul.footer-menu li:first-child {
     padding-left: 0;
}
 ul.footer-menu li:last-child {
     border: none;
}
 ul.footer-menu li a {
     text-decoration: none;
}
 ul.footer-menu li a:hover {
     color: #07111A;
}
/** * Slider * ----------------------------------------------------------------------------- */
 .easingsliderlite {
}
/** * Content * ----------------------------------------------------------------------------- */
 #main {
    /*background: url("img/content_bg.png") repeat-y;
    */
    /* overflow: auto;
     display: table;
     */
     width: 1000px;
     margin: 0 auto;
     clear: both;
}
 #contentWrap {
    /*margin-right: 269px;
    */
     padding: 0;
     margin-bottom: 31px;
     margin-top: 29px;
}
 .subheader-slide{
     width: 100%;
     height: 428px;
     position: relative;
     background: url("img/subheader.jpg") center top no-repeat;
     background-size: cover;
     display: none;
}
 body.home .subheader-slide{
     display: block;
}
 .subheader-slide .main{
     width: 1000px;
     position: relative;
     height: 428px;
     margin: 0 auto;
}
/*.subheader-slide .policeman{
     position: absolute;
     width: 349px;
     height: 444px;
     background: url("img/policeman.png") no-repeat;
     left: 40px;
     bottom: -40px;
     z-index: 10;
}
*/
 .subheader-slide .policeman{
     position: absolute;
     width: 399px;
     height: 424px;
     background: url("img/sean-wilson-large.png") no-repeat;
     left: 20px;
     bottom: -20px;
     z-index: 10;
}
 #contentWrap.product {
     padding-left: 0;
     padding-right: 0;
     position: relative;
     width: 1000px;
}
 #prod_cont {
     width: 100%;
     display: table;
}
 #prod_left {
     float: left;
     width: 60%;
     min-height: 500px;
     box-sizing: border-box;
     padding-left: 35px;
     padding-right: 35px;
     border-right: 4px solid #eeeeee;
     padding-top: 34px;
}
 #prod_right {
     float: left;
     width: 40%;
     box-sizing: border-box;
     padding-left: 25px;
     padding-right: 25px;
     padding-top: 34px;
}
 #contentWrap .content {
    /*padding-right: 30px;
    */
     padding: 35px;
     box-sizing: border-box;
     border-radius: 10px;
     background: #fff;
    /* display: table;
    */
     width: 1000px;
}
 #contentWrap.product .content{
     padding-left: 0;
     padding-right: 0;
}
 .easingsliderlite {
    /*left: -9px;
    */
}
 a.news {
     text-decoration: none;
     text-transform: uppercase;
     font-size: 26px;
     padding-top: 25px;
     display: block;
     padding-bottom: 5px;
     font-weight: 300;
}
 p.under_news {
     margin-bottom: 6px;
}
 div.newsx p:last-of-type {
     margin: 0;
}
 div.newsx p:last-of-type {
     margin: 0;
}
 span.news_more {
     float: right;
}
 span.news_more a:hover, .under_news a:hover {
     text-decoration: none;
}
 #banners {
    padding-top: 10px;
     float: right;
     width: 300px;
     padding-left: 19px;
     padding-bottom: 25px;
     font-family: 'Roboto', sans-serif;
}
 #sidebar {
    float: right;
     padding: 15px 17px 15px 17px;
     width: 266px;
     background: #dbe5ee;
}
 #sidebar h2 {
    margin: 0;
     font-size: 26px;
     text-transform: uppercase;
}
 #sidebar a {
     font-weight: bold;
     font-size: 15px;
     width: 241px;
     color: # display: block;
     text-decoration: none;
}
 #sidebar ul {
    list-style: none;
     line-height: 150%;
}
 #sidebar ul li {
    padding-top: 10px;
}
 #banner_other a img {
     display: block;
     margin-top: 10px;
     float: right;
}
 h1 {
     font-size: 30px;
     color: #000;
     line-height: 1.2;
     font-weight: 700;
     margin-bottom: 29px;
     text-transform: uppercase;
}
 .content h1{
     color: #51a2e6;
}
 #contentWrap.hp h1{
    /*margin-top: 15px;
    */
}
 #contentWrap.news h1{
     margin-bottom: 5px;
}
 #contentWrap.product h1{
     text-align: left;
     margin-top: 0;
     color: #51a2e6;
     font-weight: 700;
     font-size: 30px;
     padding-right: 200px;
     padding-left: 35px;
}
 #bar {
     height: 50px;
     position: relative;
     padding-left: 18px;
}
 #bar::before{
     content: "";
     height: 4px;
     left: 0px;
     right: 0px;
     bottom: 0;
     background: #eeeeee;
     position: absolute;
}
 #bar ul {
     width: 100%;
     margin: 0;
     padding: 0;
     list-style-type: none;
}
 #bar li {
     text-align: center;
     height: 50px;
     float: left;
     display: block;
}
 #bar li a {
     display: block;
     height: 50px;
     line-height: 50px;
     padding: 0 17px;
     font-size: 15px;
     color: #000;
     text-decoration: none;
     font-weight: bold;
     position: relative;
     box-sizing: border-box;
     border-top: 4px solid transparent;
}
 #bar li a:hover{
     color: #51a2e6;
}
 #bar li a.active{
     border-color: #51a2e6;
     background: #fff;
     color: #51a2e6;
}
 #bar li a.active::after, #bar li a.active::before{
     content: "";
     width: 4px;
     left: 0px;
     top: 0;
     bottom: 0;
     background: #eeeeee;
     position: absolute;
}
 #bar li a.active::before{
     left: auto;
     right: 0px;
}
 .mr-max{
     position: absolute;
     bottom: 4px;
     right: 11px;
     width: 234px;
     height: 133px;
     background: url(img/mrmax.png) no-repeat;
}
 #contentWrap.product .img{
     width: 344px;
     float: left;
     margin-top: 10px;
}
 #contentWrap.product .img img{
     width: 100%;
}
 #contentWrap.product .img .load360 img{
     width: auto;
}
 #contentWrap.product .x360 img, #contentWrap.product .img a img{
     display: block;
}
 #contentWrap.product #360tip{
     text-align:center;
     width:100%;
     display:none;
     position:absolute;
     left:0px;
    bottom:10px;
     color:#a0a0a0;
     font-size:10px;
     z-index:9999999;
}
 #contentWrap.product .finishes{
     float: left;
     width: 344px;
     text-transform: uppercase;
	 background: #f5d40f;
	 padding: 8px 2px !important;
	 border-radius: 10px;
	 text-decoration: none;
	 display: inline-block;
	 color:black;
	 margin:10px 0px;
	 font-size:14px;
	 text-align:center;
}
 #contentWrap.product .finish{
     float: left;
     width: 173px;
     text-align: center;
     font-size: 14px;
     color: #000;
     height: 32px;
     line-height: 26px;
     background: #fff;
     margin-right: 5px;
     margin-top: 5px;
     font-weight: bold;
     text-decoration: none;
     box-sizing: border-box;
     border-radius: 5px;
     border: 3px solid #a8cff0;
}
 #contentWrap.product .finish:hover, #contentWrap.product .finish.active {
     color: #fff;
     background: #51a2e6;
     border-color: transparent;
}
 #contentWrap.product .tab{
     float: left;
     width: 350px;
     font-size: 18px;
     color: #000;
     text-align: center;
     height: 51px;
     line-height: 46px;
     margin-bottom: 5px;
     font-weight: bold;
     text-decoration: none;
     box-sizing: border-box;
     border-radius: 5px;
     border: 3px solid #a8cff0;
}
 #contentWrap.product .tab:hover, #contentWrap.product .tab.active {
     color: #fff;
     background: #51a2e6;
     border-color: transparent;
}
 #contentWrap.product .tabs {
     float: left;
     width: 344px;
     clear: left;
}
 #finishes {
     display: block;
     position: relative;
     width: 410px;
     float: left;
     margin-bottom: 27px;
}
 .product-buy{
     width: 100%;
     margin-bottom: 27px;
     clear: both;
     display: table;
     float: left;
}
 .product-buy .price{
     font-size: 36px;
     display: block;
     float: left;
     color: #000;
     font-weight: 700;
}
 .product-buy .btn-buy{
     display: block;
     float: right;
     border: 3px solid #f5d40f;
     border-radius: 3px;
     background: #fff;
     color: #000;
     box-sizing: border-box;
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     height: 47px;
     line-height: 44px;
     padding: 0 13px;
     text-decoration: none;
}
 .product-buy .btn-buy .fa{
     font-size: 26px;
     position: relative;
     margin-left: 9px;
     top: 1px;
}
 .product-social{
     width: 100%;
     margin-bottom: 27px;
     clear: both;
     display: table;
     float: left;
}
 .product-social ul{
     margin: 0;
     padding: 0;
     list-style-type: none;
}
 .product-social ul li{
     float: left;
     margin-right: 10px;
}
 .product-buy .btn-buy:hover{
     background: #f5d40f;
}
 .product_box {
     float: left;
     width: 222px;
     background: #f5d40f;
     margin-right: 14px;
     margin-bottom: 15px;
     padding: 6px;
     box-sizing: border-box;
     position: relative;
}
 .product_box.ctvrta {
     margin-right: 0;
}
 .product-show .product_box.ctvrta {
     margin-right: 14px;
}
 .product_box .img strong{
     display: none;
}
 .product_box .img{
     float: left;
     width: 100%;
     min-height: 160px;
     background-repeat: no-repeat;
     background-position: center center;
     background-color: #fff;
     margin-bottom: 10px;
     position: relative;
}
 .product_box .text{
     float: left;
     width: 100%;
     height: 32px;
     padding: 8px 5px 12px 5px;
     overflow: hidden;
     text-align: center;
     font-size: 16px;
     font-weight: 700;
     text-decoration: none;
     text-transform: uppercase;
     color: #000;
}
 .product_box .text.text2{
     height: 60px;
}
 .product_box .find{
     float: left;
     height: 30px;
     line-height: 30px;
     border-top: 1px solid #81c0e3;
     width: 222px;
     background: #419bcd;
     text-align: center;
     text-transform: uppercase;
     color: #fff;
     font-weight: bold;
     text-decoration: none;
     font-size: 17px;
     display: none;
}
 .product_box .more-info{
     position: absolute;
     top: 59px;
     width: 154px;
     left: 50%;
     margin-left: -77px;
     padding: 14px 0;
     border-radius: 3px;
     background: #51a2e6;
     color: #fff;
     text-align: center;
     font-weight: bold;
     font-size: 20px;
     opacity: 0;
     z-index: 3;
     transition: 0.2s;
}
 .product_box:hover .more-info{
     opacity: 1;
}
 .product_box .img::before{
     content: "";
     width: 100%;
     height: 100%;
     background: #fff;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 2;
     opacity: 0;
     transition: 0.2s;
}
 .product_box:hover .img::before{
     opacity: 0.67;
}
 h2 {
     font-size: 22px;
     color: #387dd2;
     margin: 25px 0 17px 0;
     font-weight: 600;
}
 h3 {
     font-size: 20px;
     color: #3c77a9;
     font-weight: normal;
     margin: 15px 0;
}
 p {
     margin-bottom: 15px;
     line-height: 170%;
}
 article.product, .distributor {
     overflow: hidden;
     margin: 30px 0;
}
 .productThumb {
     float: left;
    /* width: 100px;
     height: 100px;
     background-color: #767676;
    */
}
 .productThumb.intext {
    /*margin: 0 15px 15px 0;
    */
}
 article.product .productInfo {
     margin-left: 120px;
}
 article.product h3 {
     font-size: 18px;
     font-weight: normal;
     margin: 0 0 5px 0;
}
 article.product h3 a {
     text-decoration: none;
     color: #C9EAF9;
}
 article.product p {
     margin-bottom: 5px;
}
 article.product a.button {
     width: 220px;
     margin-right: 10px;
}
 article.product.registered, .distributor {
     border-top: 5px solid #C9EAF9;
}
 article.product.registered h3, .distributor h3 {
     background-color: #0f1418;
     margin: 0 0 7px 0;
     padding: 10px 12px;
}
 article.product.registered h3 span {
     float: right;
}
 article.product.registered a.button {
     display: block;
     float: left;
     width: 220px;
     height: 28px;
     margin: 0 8px 8px 0;
     line-height: 28px;
     padding: 0 0 0 8px;
}
 ul.bigList {
     margin: 40px 0 40px 20px;
     list-style: disc;
}
 ul.bigList > li {
     color: #C9EAF9;
     font-size: 16px;
     line-height: 160%;
     margin-bottom: 10px;
}
 ul.bigList ul {
     margin-left: 20px;
}
 ul.bigList ul li {
     font-size: 13px;
     color: #FEFEFE;
}
 .searchTerms {
     font-size: 16px;
     margin: 15px 0;
}
 table.references {
     border-collapse: collapse;
     margin: 15px 0;
}
 table.references td {
     border: 1px solid #CAEAF9;
     padding: 2px 4px;
     text-align: center;
}
 table.references tr:first-child td:first-child {
     border: none;
}
 .divider {
     border-top: 5px solid #C9EAF9;
     margin: 15px 0;
}
 .clear {
     clear: both;
}
 .clearLeft {
     clear: left;
}
 #inpageLogin {
     background: url(img/register_product_results_banners.png) no-repeat;
}
 #inpageLogin a span {
     display: none;
}
 #inpageLogin {
     height: 89px;
}
 #inpageLogin a#regLink {
     width: 406px;
     height: 89px;
     display: block;
     float: left;
}
/* similar to login form in header but not exactly same, so some css is duplicate */
 #inpageLogin #loginform {
     float: right;
     width: 162px;
     height: 84px;
     background-color: #fbfbfb;
     text-align: center;
     padding-top: 5px;
}
 #inpageLogin #loginform label {
     display: none;
}
 #inpageLogin #loginform p {
     margin: 0;
}
 #inpageLogin #loginform input.input {
     width: 141px;
     height: 24px;
     padding: 0 4px;
     border: 1px solid #c5c8c9;
     background: none;
     outline: none;
     color: #0E1417;
     font-size: 16px;
     margin-bottom: 3px;
     text-align: center;
}
 #inpageLogin #loginform #wp-submit {
     background-color: #c9eaf9;
     border: 1px solid #676767;
     box-shadow: none;
     text-align: center;
     color: #0E1417;
     font-size: 13px;
     font-weight: bold;
     height: 22px;
     width: 151px;
     padding: 0px;
}
/** * Forms * ----------------------------------------------------------------------------- */
 input[type='checkbox'] {
     margin-right: 5px;
     position: relative;
     top: 2px;
}
/* similar to a.button */
 .button360 {
     font-family:Roboto;
     margin-top:8px;
     cursor: pointer;
     background: #C9EAF9;
     color: #0f3647;
     font-weight: bold;
     padding: 5px 7px;
     border: none;
}
 .button360:hover {
     background: #0f3647;
     color: #C9EAF9;
}
 input[type='submit'] {
     cursor: pointer;
     background: #C9EAF9;
     color: #0f3647;
     font-weight: bold;
     padding: 5px 7px;
     border: none;
}
 input.wpcf7-submit{
     display: block;
     float: left;
     clear: both;
     border: 3px solid #f5d40f;
     border-radius: 3px;
     background: #fff;
     color: #000;
     box-sizing: border-box;
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     height: 47px;
     line-height: 44px;
     padding: 0 13px;
     text-decoration: none;
     cursor: pointer;
     margin-top: 15px;
}
 input.wpcf7-submit:hover{
     background: #f5d40f;
}
 input[type='text'], input[type='email'], textarea, select, input[type="number"] {
     padding: 5px 9px;
}
 input[type="number"]{
     width: 60px;
}
 .message {
     border: 1px solid;
     margin: 10px 0px;
     padding: 5px 10px 5px 40px;
     background-repeat: no-repeat;
     background-position: 10px center;
     margin-right: 20px;
}
 .message.error {
     color: #D8000C;
     background-color: #FFBABA;
     background-image: url('img/error.png');
}
 .message.info {
     color: #00529B;
     background-color: #BDE5F8;
     background-image: url('img/info.png');
}
 .message.success {
     color: #4F8A10;
     background-color: #DFF2BF;
     background-image:url('img/success.png');
}
 .message.warning {
     color: #9F6000;
     background-color: #FEEFB3;
     background-image: url('img/warning.png');
}
 table.form td {
     padding-bottom: 15px;
}
 table.form tr td:first-child {
     padding-right: 30px;
}
 table.form label {
     font-size: 24px;
     color: #C9EAF9;
     margin-bottom: 10px;
}
 table.form input[type='text'] {
     width: 190px;
}
/* mark icons */
 .content-topbox, .content-bottombox{
     width: 1000px;
     margin: 0 auto;
     display: table;
     border-radius: 5px;
     position: relative;
     padding: 20px;
     box-sizing: border-box;
     background: #fff;
     margin-top: 29px;
     vertical-align: middle;
}
 .content-topbox::before{
     content: "";
     width: 190px;
     height: 192px;
     background: url(img/max-topbox.png) no-repeat;
     position: absolute;
     right: 26px;
     top: -22px;
}
 .content-bottombox{
     background: transparent;
}
 .markbox{
     text-align: left;
}
 .content-bottombox.markbox{
     text-align: center;
     /*margin-bottom: 29px;*/
     margin-top: 0;
}
#above-footer {
    margin-top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#above-footer > * {
    width: 50%;
    text-align: center;
}

#above-footer-right a {
    background: #f5d40f;
    padding: 13px 15px;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
}

#above-footer-right a i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

#above-footer-left form {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

#above-footer-left form button {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    background: none;
    border: 0;
    outline: 0;   
    color: #1c4b73;
    font-size: 20px;
    cursor: pointer;    
}

#above-footer-left form input[type="text"] {
    border-radius: 10px;
    border: 4px solid #1c4b73;
    padding: 10px 30px 10px 10px;
    text-align: left;
    width: 200px;  
}

#above-footer-left form label {
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    padding-right: 12px; 
}

 .markbox a{
     width: 150px;
     display: inline-block;
     text-align: center;
     font-size: 13px;
     color: #3c90d6;
     font-weight: bold;
     text-decoration: none;
     vertical-align: middle;
}
 .markbox-c2 a{
     color: #f5d40f;
}
 .markbox .icon{
     width: 100%;
     height: 75px;
     display: block;
     margin-bottom: 8px;
     background: url(img/markbox.png);
}
 .markbox .icon-stockist{
     background-position: 0 0;
}
 .markbox .icon-eshop{
     background-position: 0 -75px;
}
 .markbox .icon-guarantee{
     background-position: 0 -150px;
}
 .markbox .icon-news{
     background-position: 0 -225px;
}
 .markbox .icon-contact{
     background-position: 0 -300px;
}
 .markbox-c2 .icon-stockist{
     background-position: -150px 0;
}
 .markbox-c2 .icon-eshop{
     background-position: -150px -75px;
}
 .markbox-c2 .icon-guarantee{
     background-position: -150px -150px;
}
 .markbox-c2 .icon-news{
     background-position: -150px -225px;
}
 .markbox-c2 .icon-contact{
     background-position: -150px -300px;
}
/* products homepage */
 .product-show{
     margin-bottom: 33px;
     padding-bottom: 29px;
     width: 930px;
     position: relative;
}
 .product-show::before{
     content: "";
     position: absolute;
     left: -35px;
     right: -35px;
     bottom: 0;
     height: 4px;
     background: #f0f0f0;
}
 h1.product-show-h1 {
     font-weight: 400;
     font-size: 40px;
     text-align: center;
}
 h1.product-show-h1 em{
     font-style: normal;
     font-weight: bold;
}
 .product-show-slide{
     overflow: hidden;
     height: 490px;
     width: 930px;
}
 .product-slide-left, .product-slide-right{
     position: absolute;
     width: 54px;
     height: 54px;
     top: 289px;
     left: -62px;
     cursor: pointer;
     background: url(img/product-slide-left.png);
     transition: 0.2s;
     margin: auto;
     top: 0;
     bottom: 20px;
}
 .product-slide-right{
     left: auto;
     right: -62px;
     background: url(img/product-slide-right.png);
}
 .product-slide-left:hover{
     left: -66px;
}
 .product-slide-right:hover{
     right: -66px;
}
 .product-show-slide-content{
     position: relative;
     left: 0;
}
/* home video */
 .homevideobox{
     display: table;
     width: 100%;
     clear: both;
     padding-bottom: 57px;
     margin-bottom: 40px;
     position: relative;
     float: left;
}
 .homevideobox::before{
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 19px;
     background: #f0f0f0;
     border-radius: 3px;
}
 .homevideobox .video{
     float: left;
     width: 720px;
}
 .markbox-video{
     float: left;
     width: 190px;
}
 .markbox-video a{
     width: 150px;
     display: block;
     clear: both;
     margin-bottom: 40px;
     font-weight: 600;
     text-decoration: none;
     color: #000;
     font-size: 20px;
     text-align: center;
}
 .markbox-video a:last-child{
     margin-bottom: 0;
}
 .markbox-video .icon{
     width: 100%;
     height: 60px;
     display: block;
     margin-bottom: 1px;
     background: url(img/markbox-video.png) no-repeat;
}
 .markbox-video .icon-secure{
     background-position: center 0;
}
 .markbox-video .icon-install{
     background-position: center -60px;
}
 .markbox-video .icon-affordable{
     background-position: center -120px;
}
/* topcart */
 .topcart{
     display: block;
     float: right;
     margin-top: 24px;
     margin-left: 36px;
     color: #fff;
     text-decoration: none;
}
 .topcart-text{
     display: block;
     float: left;
     padding-top: 6px;
     padding-right: 15px;
     text-align: center;
}
 .topcart .icon{
     font-size: 32px;
     color: #f5d40f;
     display: block;
     float: left;
     margin-top: 6px;
}
 .topcart-text strong{
     color: #f5d40f;
     font-weight: 600;
     font-size: 16px;
     line-height: 1;
}
/* cart */
 table{
     margin: 0;
     margin-bottom: 30px;
     padding: 0;
     width: 100%;
}
 table th, table td{
     padding: 8px 12px;
     vertical-align: middle;
     text-align: left;
}
 table th:last-child, table td:last-child{
     text-align: right;
}
 table th{
     color: #000;
     font-weight: bold;
     font-size: 15px;
     border-bottom: 4px solid #f0f0f0;
}
 table .image{
     width: 60px;
     display: block;
     float: left;
     margin-right: 12px;
}
 table .image img{
     width: 100%;
}
 table h2{
     font-size: 14px;
}
 table a, table a:hover{
     text-decoration: none;
}
 .content-cart .summary{
}
 .content-cart .summary .update{
     color: #808080;
     cursor: pointer;
     display: inline-block;
     text-decoration: none;
     transition: 0.2s;
}
 .content-cart .summary .update:hover{
     text-decoration: none;
     color: #000;
}
 .content-cart .summary .price-total{
     display: inline-block;
     font-size: 22px;
     font-weight: 600;
     margin-left: 15px;
}
 .content-cart .btn-checkout{
     font-family: Oxygen !important;
     display: block;
     float: right;
     clear: both;
     border: 3px solid #f5d40f;
     border-radius: 3px;
     background: #fff;
     color: #000;
     box-sizing: border-box;
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     height: 47px;
     line-height: 44px;
     padding: 0 13px;
     text-decoration: none;
     cursor: pointer;
}
 .content-cart .btn-checkout:hover{
     background: #f5d40f;
}
 .content-cart .btn-checkout .fa{
     font-size: 26px;
     position: relative;
     margin-left: 9px;
     top: 2px;
}
/* blog */
 .news .thumbnail-wrapper{
     width: 240px;
     display: block;
     float: left;
     margin-right: 27px;
     margin-bottom: 15px;
     margin-top: 20px;
}
 .news .thumbnail-wrapper img{
     width: 100%;
     height: auto;
}
 .news .newsx{
     display: table;
     width: 100%;
     float: left;
     clear: both;
     border-bottom: 4px solid #f0f0f0;
     padding-bottom: 10px;
     margin-bottom: 10px;
}
 .news .news_more a{
     color: #51a2e6;
     text-decoration: none;
     padding: 5px 0;
     display: block;
     float: right;
     margin-top: 10px;
     font-weight: 600;
}
 .news .news_more a .fa{
     padding-left: 2px;
}
 .news h2{
     margin-top: 0;
}
 .news-wrapper{
     display: table;
}
 .news .news-wrapper .newsx:last-child{
     border-bottom: 0;
}
 .single .productThumb{
     display: none;
}
 .blog-social{
     margin-top: 25px;
     display: table;
     margin-bottom: 15px;
     width: 100%;
     clear: both;
     float: left;
}
/* products page */
 .products-title{
     width: 100%;
     display: table;
     float: left;
     clear: both;
     margin-bottom: 29px;
}
 .products-title .left, .products-title .right{
     width: 25%;
     box-sizing: border-box;
     float: left;
}
 .products-title .right{
     width: 75%;
     padding-left: 25px;
}
 .products-title .left img{
     width: 100%;
}
 .products-title .right img.alignright{
     display: block;
     float: right;
     margin-left: 20px;
     margin-bottom: 20px;
}
 .products-title .right h1{
     text-transform: none;
}
/* signup */
 .content-signup{
     width: 100%;
     display: table;
     clear: both;
     float: left;
}
 .content-signup .left{
     width: 60%;
     float: left;
     box-sizing: border-box;
     padding-right: 20px;
}
 .content-signup .right{
     width: 40%;
     float: left;
     padding-left: 45px;
     box-sizing: border-box;
}
 .content-signup .btn{
     display: block;
     float: left;
     clear: both;
     border: 3px solid #f5d40f;
     border-radius: 3px;
     background: #fff;
     color: #000;
     box-sizing: border-box;
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     height: 47px;
     line-height: 44px;
     padding: 0 13px;
     text-decoration: none;
     cursor: pointer;
     margin-top: 15px;
}
 .content-signup .btn:hover{
     background: #f5d40f;
}
 .content-signup h2, .content-signup h3{
     margin: 0;
}
 .content-signup h3{
     margin-bottom: 30px;
}
 .content-signup .title1{
     color: #000;
}
 .content-signup .title2{
     font-size: 40px;
}
/* stockist */
 .content-stockist{
     width: 100%;
     display: table;
     clear: both;
     float: left;
}
 .content-stockist .left{
     width: 70%;
     float: left;
     box-sizing: border-box;
     padding-right: 20px;
}
 .content-stockist .right{
     width: 30%;
     float: left;
     padding-left: 30px;
     box-sizing: border-box;
     position: relative;
}
 .content-stockist .right .wp-post-image{
     position: absolute;
     top: -80px;
     right: -20px;
}
 .content-stockist .find-stockist{
     width: 100%;
     display: table;
     margin: 25px 0;
     border-top: 4px solid #eeeeee;
     border-bottom: 4px solid #eeeeee;
}
 .content-stockist .find-stockist .col1, .content-stockist .find-stockist .col2{
     float: left;
     box-sizing: border-box;
     padding: 25px;
}
 .content-stockist .find-stockist .col1{
     width: 42%;
     padding: 0;
}
 .content-stockist .find-stockist .col2{
     width: 58%;
     border-left: 4px solid #eeeeee;
     padding-right: 0;
}
 .content-stockist .searchbox{
     width: 100%;
     margin-bottom: 15px;
}
 .content-stockist .searchbox h2{
     margin-top: 0;
}
 .content-stockist .searchbox input[type="text"]{
     border: 3px solid #c9c9c9;
     border-radius: 5px;
     width: 220px;
     padding: 9px 12px;
     display: inline-block;
     font-size: 16px;
}
 .content-stockist .searchbox .btn{
     display: inline-block;
     border-radius: 5px;
     border: 3px solid #f5d40f;
     color: #000;
     padding: 8px 12px;
     margin-left: 5px;
     text-decoration: none;
     background: transparent;
     font-size: 18px;
     cursor: pointer;
}
 .content-stockist .searchbox .btn:hover{
     background: #f5d40f;
}
 .content-stockist .detailbox{
     border: 2px solid #51a2e6;
     border-radius: 5px;
     box-sizing: border-box;
     padding: 15px;
     color: #000;
     margin: 0 0 15px 0;
}
 .content-stockist .detailbox h3{
     color: #51a2e6;
     font-weight: bold;
     font-size: 22px;
     margin: 0 0 10px;
}
 .content-stockist .detailbox .adress{
     color: #000;
     font-size: 16px;
     margin: 0 0 10px;
}
 .content-stockist .detailbox .contact{
     font-size: 14px;
     margin-bottom: 0;
}
 .content-stockist .detailbox .contact .row{
     display: block;
}
 .content-stockist .detailbox .contact .lab{
     width: 70px;
     font-weight: bold;
     display: inline-block;
     padding-left: 6px;
}
 .content-stockist .detailbox .contact a{
     text-decoration: none;
}
 .content-stockist .detailbox .contact a:hover{
     color: #51a2e6;
}
 .content-stockist .listbox{
     width: 100%;
}
 .content-stockist .listbox th, .content-stockist .listbox td{
     padding: 8px 10px;
}
 .content-stockist .listbox th{
     color: #51a2e6;
     font-weight: bold;
     border-bottom: 2px solid #eeeeee;
}
 .content-stockist .listbox td{
     border: 2px solid #eeeeee;
}
 .content-stockist .listbox .btn{
     padding: 2px 4px;
     cursor: pointer;
}
 .content-stockist h1{
     font-size: 40px;
     margin: 0 0 15px 0;
}
 .content-stockist .logos p{
     font-size: 16px;
     text-align: center;
     margin-bottom: 10px;
}
 .content-stockist .logos .images{
     width: 100%;
     text-align: center;
     margin-bottom: 15px;
}
 .content-stockist .logos .images img{
     display: inline-block;
     max-width: 200px;
}
 .widget_wysija_cont {
     text-align:center;
}
 .wysija-submit {
     display:inline-block !important;
     margin-top:0px !important;
     color:white !important;
     background-color:#51a2e6 !important;
     padding:8px 25px !important;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}
 .wysija-input {
     border:1px solid #51a2e6 !important;
     padding:10px 35px !important;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}
 