*{box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
body {font-family:Arial, Helvetica, sans-serif; margin:137px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#808080;}
a:visited{color: #808080;}
a:hover{ color:#B4112C;}
a:active{color: #808080;}
h1{font-size:2.6em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.2em;}
h6{font-size:1.2em}
.mobi-only,.quick-enquiry-block,.menu-top>label,#mobi-toggle,#navOverlay,.item-hide{display:none}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}

.btn1{display: inline-block; padding:6px 12px; min-width: 150px; text-align:center; font-size:14px; background:#ef2e24; border-radius:4px;  color:#fff !important;text-decoration:none;}

/*================== MAIN SECTION ============================*/
.back_page{ max-width:1140px; width:100%; margin:auto; font-size:16px; color:#000; top:0px; padding:10px;line-height: 1.8em; padding-bottom: 40px;}
.back_page p{text-align:justify;}

.jd-clothing{display:none;}
.john-deere-1{width:100%; z-index:100; position:fixed; top:0; background-color:#fff;box-shadow:0 0 10px 2px #ccc; }
.john-deere-header{ max-width:1280px; margin:auto auto;}
.jd-toys-2{ position:relative; width:100%;background-color:#f3f3f3}
.jd-toys-section{ max-width:1280px; margin:auto auto;}
.john-deere-1::before{content:"";background: #E6E7EB; height: 1px; width: 100%; position:absolute;top: 58%;}

/*================= MENUS ======================*/
.menu-top{ position:relative; width:100%;}
.menu-top-container{ width:100%; display:flex; justify-content: space-between; align-items: center; height:80px}
.nav > li > a .fa{ font-size:12px}
.menu-top label{display: none}
.nav{margin:0; padding:0; width: 100%; display: flex; justify-content: space-between;}
.nav > li{float: left; position:relative; list-style:none;color:#fff}
.nav > li:last-of-type ul{ left:0}
.nav > li > a{display: inline-block; color:#333 !important; text-transform:uppercase; padding:20px 25px !important; font-weight:bold; font-size:1.3em !important; text-decoration:none; transition:all .5s;}
.nav > li:first-of-type > a{border: none !important}
.nav > li a:hover, .nav > li:hover > a{background-color:transparent !important; color:rgb(239, 46, 36) !important;}

.dropdown li:last-of-type{border:none !important}
.dropdown > a{color:white !important; padding:10px 15px !important; }
.normal-menu a{ font-weight:normal !important}
.normal-menu:before{ content:""; position:absolute; width:1px; height:100%; background: #E6E7EB; left: -30%; }

.dropdown-menu li{ position:relative; list-style: none;border-bottom: 1px solid #f4f4f4; width:100%}
.dropdown-menu{padding:0; margin:0; display: none; background-color:#eaeaea; min-width:210px; left:20px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px; top: 100%;}
.dropdown-menu a{color:#404040 !important; transition:background-color .5s;  padding:10px 15px;text-decoration: none; width:100%; display:block; white-space: nowrap;}
.dropdown-menu li:hover a{color:rgb(239, 46, 36)!important}

.navbar-nav > li a{border:1px solid transparent}
.nav .open > a{border: none !important}

/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover .dropdown-menu{display:flex !important; flex-wrap: wrap;}
}

.menu-home{float: left; width:100%;}
.menu-home > div{float: right;}
.menu-home a{color:#E4E0E0; margin-right:15px; text-decoration:none;}
.menu-home a:last-child{margin-right:0px;}
.menu-home a:hover{color:#fff;}

.menu-side{position:relative; float:left; width:200px; height:300px; border-radius:5px; border:#999999 1px solid; margin-left:10px; margin-right:10px; margin-top:10px; color:#fff; top:0px;}
.menu-side span{ display:block; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#4D60AC; color:#fff; width:200px; height:25px; text-align:center; font-weight:normal; text-transform:uppercase; padding-top:5px;}
.menu-side div{ background-color:#fff;}
.menu-side a{ position:relative; float:left; background-color:#fff; font-weight:bold; width:190px; height:25px; color:#000; border-bottom:1px solid #999999; padding-left:10px; padding-top:5px; text-align:left;}
.menu-side a b{ width:9px; height:6px; position:relative; float:left; margin-right:0px; top:5px; background-repeat:no-repeat;}
.menu-side a:hover{color:#FFD900;}

/*==================== LOGO =======================*/
.logo{position:relative; width:20%;}
.logo img{ width:100%; height:auto; display: block;}

.widget-container{ display:flex; width:45%;border: solid 2px #231f20; border-radius:40px; background-color: #231f20;}
.widget-container > div{ height:40px; display: flex; font-size: 14px}
.widget-container > div select{ padding: 0 10px; font-size: 14px;}
.trademark{ position:relative;width: 150px; background-color: #fff; display: flex; align-items: center; border-right: 1px solid #aaaaaa; justify-content: space-around; border-bottom-left-radius: 40px; border-top-left-radius: 40px;}
.trademark > a{font-size: 14px;text-decoration: none; color: #231f20;}
.trademark .products-menu{ padding:0; margin:0;background-color: #ffffff;border: solid 1px #dbdbdb; border-radius: 4px; min-width: 210px; left: 0;top: 100%; background-color: #fff; z-index: 1; padding:3px 5px;position:absolute; }
.trademark .products-menu li{ list-style:none}
.trademark .products-menu li a{ font-size:14px; color: #231f20; text-decoration:none;width: 100%; display: block; padding: 7px;    white-space: nowrap;}

/*==================== ZONE =========================*/
.zone-main{width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:5px; padding:20px; min-height:650px; background:#fff;}
.zone-tab{width:100%; height:40px;}
.zone-tab div a{position:relative; float:left; width:200px; height:40px; background:#EF2E24; color: rgba(255,255,255,.8) !important; color:#fff; margin-right:5px; font-size:14px; padding-top:5px; text-align:center; text-decoration:none;}
.zone-tab div a:hover{opacity:0.8;}
.zone-section{position:relative; float:left; min-height:650px; width:1000px; border:1px solid #c0c0c0;}
.zone-main-wishlist{padding:20px !important; margin-top:20px !important;}

.login-register{width:980px; margin: auto;}
.login-register table{width:100%}
.login-register table td{padding:10px}
.login-register table input[type=text],.login-register table input[type=password], .login-register table input[type=email], .login-register table select, .login-register table textarea{padding: 12px; width:100%; margin-top: 5px; border: #ccc solid 1px;}
.login-register button{margin: auto}
.login-register .btn1{padding: 15px 20px}
.login-register h1{text-align: center}
.login-register span{font-weight:normal; color:#808080; font-size:16px;}
.login-register textarea{font-family:Arial, Helvetica, sans-serif;font-size:13px; padding:4px !important; margin:0px !Important; margin-top:3px !important;}
.field-optional {background-color:#F6F4F4;}

.login-login > div{width:50%; float: left}
.login-login > div h2{margin-top: 0}
.login-login ul{margin-top: 0}
.login-login > div:last-of-type{width: auto; float: right; background-color: #f1f1f1; padding: 40px; line-height: 22px}
.login-login > div:first-of-type{margin-top: 20px}
.login-login table td{padding-left:0px}
.login-login a{display: inline-block; margin-top: 15px}

/*===================== SEARCH ======================*/
.search{ position:relative;font-weight:normal; width:100%; display: flex;}
.search input { position: relative; width: 95%; font-size: 15px; border: none; outline: none; padding-top: 2px;padding-left: 10px;}
.search > a{ background-color:#231f20; display: flex; align-items: center; text-decoration:none; width:26%; font-size:17px;justify-content: space-between; padding: 0 23px; color: rgba(255, 255, 255, 0.85);border-bottom-right-radius: 40px; border-top-right-radius: 40px; height:100%; position:absolute; right:0}
	
.menu-top-shopping{width:24%;float:right;padding: 0 10px 0 0;position:relative;display: flex;justify-content: space-between;align-items: center;}
.menu-top-shopping > div > a{ display:flex; flex-direction: column; align-items: center; text-decoration: none; font-size: 12px; color: #231f20;}
.menu-top-shopping > div img{width: auto; height: 19px; display: block}
.menu-top-shopping > div{ display:flex; position:relative}
.menu-top-shopping-icons{ position:relative}
.menu-top-shopping-icons > a{color: #24377d; font-weight: bold; font-size: 14px;}
.menu-top-shopping-icons > span{position: absolute; color:#00af4b; font-size: 13px; left: 33%; top: 23%; transform: translate(-50% , -50%); font-weight: bold;}
.menu-top-shopping > div > a .fa-fw{ font-size:19px}
.user-block > a{ display: flex; justify-content: center; align-items: center;}
.user-block .fa-fw{font-size: 29px !important;}
.user-block{ position:relative}
.user-block .signin-dropdown{ position:absolute;background-color:#ffffff; text-transform: uppercase;font-size:12px; width:360px; z-index:101; top: 50%; right: 0%; transform: translate(20%, 17%); display:none; border: solid 1px #dbdbdb; border-radius: 4px;}
.user-block ul{ padding:0; margin:0}
.user-block ul:first-of-type li{ text-align:center}
.user-block ul .btn1{ min-width:150px;text-decoration: none; color:#fff}
.user-block ul .btn1:hover{ text-decoration:none}
.user-block ul:first-of-type li:last-of-type a{ color:#ff0000}
.user-block ul:first-of-type li:last-of-type{ padding-top:0}
.user-block ul:nth-of-type(2),.user-block ul:last-of-type{display:flex;}
.user-block ul:nth-of-type(2) li{width:50%;border-right:1px solid #dbdbdb;}
.user-block ul:last-of-type li{width:50%;border-bottom:0;border-right:1px solid #dbdbdb;}
.user-block ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }
.user-block ul:first-of-type li:first-of-type{ border-bottom:none}
.user-block ul li{display: inline-block; padding:12px 20px; width:100%}
.user-block ul li a{ color:#333232; text-decoration: none;}
.user-block ul li:hover a{ text-decoration:underline}
.signin-dropdown:before{ content:"";border-style: solid; border-style: dashed; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid #dbdbdb; width: 0; height: 0; font-size: 0;  line-height: 0; position: absolute; bottom: 97%; right: 19%; transform: translate(-50% , -50%); z-index: -1;}
.sign-block-text{color: #00af4b;font-size: 12px; margin-left:-15px}
.sign-block-text a{font-size:14px !important;max-width: 56px;}
.sign-block-text a:hover{ color:#ef2e24}
.basket-displaytotal{color: #ef2e24; z-index:-1; font-size: 14px; font-weight: bold;position: absolute; left: 46%;  margin: auto; bottom: 61%;}

#ExtContent_Popup .signin-dropdown{background-color:#ffffff; text-transform: uppercase;font-size:12px; width:100%;}
#ExtContent_Popup .signin-dropdown .btn1{ padding:8px 10px !important}
#ExtContent_Popup .signin-dropdown ul{ padding:0; margin:0; width:100%; display: flex; flex-wrap: wrap;}
#ExtContent_Popup .signin-dropdown ul:first-of-type li{ text-align:center}
#ExtContent_Popup .signin-dropdown ul .btn1{ min-width:150px; color:#fff}
#ExtContent_Popup .signin-dropdown ul .btn1:hover{ text-decoration:none}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type a{ color:#ff0000}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type{ padding-top:0; color: #404040;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{ width:100%; border-bottom:0; border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }
#ExtContent_Popup .signin-dropdown ul:first-of-type li:first-of-type{ border-bottom:none}
#ExtContent_Popup .signin-dropdown ul li{display: inline-block; padding:12px 8px; width:100%}
#ExtContent_Popup .signin-dropdown ul li a{ color:#404040; text-decoration:none}
#ExtContent_Popup .signin-dropdown ul li:hover a{ text-decoration:underline}
#ExtContent_Popup  .signin-dropdown:before{ display:none;}

#ExtContent_Popup .signin-dropdown ul:nth-of-type(2),.user-block ul:last-of-type{display:flex;}
#ExtContent_Popup .signin-dropdown ul:nth-of-type(2) li{width:50%;border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{width:50%;border-bottom:0;border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li:first-of-type span{ display:none }
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }

.search ::-webkit-input-placeholder {color: #231f20;}
.search ::-moz-placeholder{color: #231f20;}
.search :-ms-input-placeholder {color: #231f20;}
.search :-moz-placeholder {color: #231f20;}

.home-banner{ position:relative; max-width:1663px; width:100%;text-align:center; overflow: hidden; margin:auto; display:flex}
.home-banner::before{content:""; width:66.7%; height:100%; position:absolute; background: rgba(0,0,0,.3); top:0; left:0; right:0;  z-index: 2;pointer-events: none;}
.home-banner-block > span{font-weight:bold;position:relative;line-height:32px;  font-size:30px;}
.home-banner-block > span strong{ line-height:32px;  font-size:40px; margin:0; text-transform: uppercase;}
.csslider1 > .cs_description > label span a{ color:#fff; text-decoration:none}
.csslider1 > .cs_description > label span h1{ margin:0;display: contents;}
.csslider1 > .cs_description > label span h1,.csslider1 > .cs_description > label span{font-size:22px; line-height:32px; font-weight:normal; margin-top:0}
.home-banner .read-more-btn{ display: table; color: #fff;background-color:#ef2e24; position:relative;font-size: 18px; padding: 10px 30px; margin-top: 25px; transition:all .3s; text-decoration:none; font-weight:bold;}

.notice-block{display: flex; flex-wrap: wrap; background: #f3f3f3;}
.notice-block > div{display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1280px; width: 100%; margin: auto; padding: 0 15px}
.notice-block > div p{ color: #008000; text-align: center; font-size: 18px; width: 100%; line-height: 26px}

.banner-stripe{max-width:1663px; width:100%; margin:auto; text-align:center; display:flex; flex-wrap:wrap; justify-content: space-around; padding:7px 10px; background-color:green}
.banner-stripe strong{ font-size:18px; color:#fff}
.banner-stripe > span{ max-width:1000px; margin:auto; display:flex; flex-wrap:wrap;justify-content: space-between; align-items: center; width:100%}
.banner-stripe > span a{ color:#fff; text-decoration:none}

.banner-stripe-1{max-width:1663px; width:100%; margin:auto; text-align:center; display:flex; flex-wrap:wrap; justify-content: space-around; padding:15px 10px; background-color:rgb(230 46 45);font-size:18px; color:#fff; }
.banner-stripe-1 p{ margin-bottom:0; margin-top:10px}
.banner-stripe-1 > strong{ width:100%; font-size:20px}

.discount-banner{ position:absolute; z-index:2; top: 50%; left: 68.5%; transform: translate(-50%, -50%); background-color:rgb(255 13 0 / 0.8); width: 30%; padding: 22px 0; border-radius: 4px;}
.discount-banner p{ margin:0; color:#fff; font-size:20px; margin-bottom: 10px; font-weight: bold; text-transform:uppercase; line-height:30px}
.discount-banner p strong{ font-size:26px;}
.discount-banner > strong{color: #fff; display:block; margin-bottom:0; font-size:13px; font-weight:normal}

.deal-zone-block{ background-color:#e7e7e7; color:#231f20;padding-bottom: 40px; padding-top: 50px;}
.deal-zone-block > div{ max-width:1280px; width:100%; margin:auto}
.deal-zone-block > div h2{ font-size:26px; color: #ef2e24; margin:0 0 15px 15px; display: flex; align-items: center;}
.deal-zone-block > div h2 strong{ color:#231f20; margin-right:10px}
.deal-zone-block > div:first-of-type p{font-size: 22px; margin: 10px 0 30px 0;}
.deal-zone-block > div .fas{ font-size:28px;transform: rotate(90deg); padding-top: 13px;}
.deal-zone-block > div:first-of-type{ display:flex; flex-wrap: wrap; display: flex; flex-direction: column; align-items: center}
.deal-zone-block > div:last-of-type{ display:flex; flex-wrap: wrap;box-shadow: #CDCDCD 0 0 0.3125rem;}
.deal-zone-block > div:last-of-type > div{width:100%; background-color:#fff; padding:15px 20px; transition:all .3s;}
.deal-zone-block > div:last-of-type > div a{ text-decoration:none}
.deal-zone-block > div > div > div:first-of-type{ text-align:center; margin-bottom: 30px;}
.deal-zone-block > div:last-of-type > div > div{ width:100%;}
.deal-zone-block > div:last-of-type > div > div img{ width:45%}
.deal-zone-block .prod-description{ margin:15px 0; display:block; font-size: 16px;}
.deal-zone-block .price-block > span{ display:block}
.deal-zone-block .original-price-block{ font-weight:bold; font-size:22px}
.deal-zone-block .discount-block{ font-weight:bold; color:#ef2e24; font-size:14px; margin-top: 5px;}
.deal-zone-block .discount-block > span{text-decoration: line-through; color:#231f20 }
.special-section, .no-special-block{ background-color:#fff !important; margin:0 auto !important}

.categories-block{ width:100%; margin-top:55px; display:table}
.categories-block > div{ max-width:1280px; margin:auto; display:flex;flex-wrap: wrap;justify-content: space-between; width: 100%;}
.categories-block > div > div{ width:31.5%;display: table; margin-bottom: 35px; height:400px;}
.categories-block > div > div > div{ width:100%; color:#fff; padding: 20px; position:relative; height:210px}
.categories-block > div > div > div h2{ font-size:24px; margin-top:0}
.categories-block > div > div > div h2 a{ color:#fff; text-decoration:none}
.categories-block > div > div > div h2 a:hover{ color:#ececec}
.categories-block > div > div > div p{ font-size:16px; line-height:22px}
.categories-block > div > div:nth-of-type(even) > div{background: rgba(102, 102, 102, 0.8); float:left}
.categories-block > div > div:nth-of-type(odd) > div{background: rgba(102,102,102,.8); float:right}
.categories-block .btn-buy{ text-decoration:none; font-size:16px;font-weight: bold; padding: 10px 30px;display: table; color: #fff; background-color:#017e00; box-shadow: 0 0 6px rgba(0, 0, 0, 0.7); position:absolute; bottom:10%}
.categories-block > div > div:nth-of-type(1){ background:url("images/products/john-deere-clothing.webp") no-repeat; background-size:cover}
.categories-block > div > div:nth-of-type(2){ background:url(images/products/john-deere-toys.webp) no-repeat; background-size:cover}
.categories-block > div > div:nth-of-type(3){ background:url(images/products/john-deere-novelties.webp) no-repeat; background-size:cover}
.categories-block > div > div:nth-of-type(4){ background:url(images/products/john-deere-ride-on-mowers.webp) no-repeat; background-size:cover}

.products-summmary{ background: rgba(1, 126, 0, 0.8) !important; opacity:0; transition:all .3s; padding-bottom:0px !important;    height: 190px !important;}
.products-summmary ul{ margin:0; padding:0}
.products-summmary ul li{ list-style:none; padding-bottom: 7px;font-size:17px}
.products-summmary ul li a{ color:#fff; text-decoration:none; font-size:17px}
.products-summmary ul li a:hover{ color:#dcdcdc}

.cleaning-products{ max-width:1280px; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin:26px auto}
.cleaning-products h2{ width:100%;font-size: 34px; font-weight:normal; text-align:center	}
.cleaning-products > div{ width:24%}
.cleaning-products > div > a div{ background-color:#efefef}
.cleaning-products > div > a h3{ margin-bottom:10px; font-size:20px; text-transform: uppercase; text-align: center;}
.cleaning-products > div > a{ color:#333; font-size:28px; text-decoration:none}
.cleaning-products > div img{ width:70%; display:block; height:auto; margin:auto}

.page-title-contactus{width:100%;  margin-top:100px; position:relative}
.page-title-contactus > div:first-of-type{ position:relative;display:flex; flex-wrap:wrap;}
.page-title-contactus > div:first-of-type:before{ position:absolute; content:""; width:100%; height:100%; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.3);pointer-events: none;}
.page-title-contactus > div:last-of-type{ left:0; right:0; width:100%; max-width:1140px; margin:auto; position:absolute;display:flex; flex-wrap:wrap;justify-content: space-between;top:50%;transform:translate(0 , -50%)}
.page-title-contactus > div:last-of-type > div{ width:48%; background-color:#181818; color:#fff; position:relative; padding:10px 25px; border-radius:4px}
.page-title-contactus > div:last-of-type > div h2{ color:#fff}
.page-title-contactus > div:last-of-type > div ul{ padding:0; font-size:14px; line-height:24px; margin:10px 0px 3px 0}
.page-title-contactus > div:last-of-type > div ul li{ list-style:none}
.page-title-contactus > div:last-of-type > div a{ color:#fff; text-decoration:none}
.page-title-contactus > div:last-of-type > div sup{position: relative; top: 5px; right: 2px;}
.page-title-contactus > div:last-of-type > div h2{ text-transform:uppercase; float:left; width:100%}
.page-title-contactus > div:last-of-type > div > div{ border-top:1px solid #fff; float:left; width:75%; }
.page-title-contactus > div:last-of-type > div > div:last-of-type{ width:25%; border:none; float:right; text-align:center; display:flex;justify-content: center;align-items: center; position:absolute; right:0; top:50%;transform:translate(0 ,-50%)}
.page-title-contactus > div:last-of-type > div > div:last-of-type .fa-fw{ font-size:60px !important}

.prod-text-block{ position:relative; display:table; width:100%; min-height: 272px; margin-bottom: 20px;}
.text-block-p p{ min-height:auto !important}
.prod-text-block h2{ width:53%}
.prod-image{ position:absolute; top:-85px; right:0; z-index:1; width:43%}
.prod-image img{ border-radius:2px; width:100%; height:auto;box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.14);}
.prod-text-block > p{ width:53%;}
.sub-call2action{ float:left; position:absolute; bottom:0 }
.sub-call2action a{ text-decoration:none; padding:11px 30px; border:solid 1px #231f20; text-transform:uppercase; font-weight:600; color:#231f20; font-size:17px; transition:all .3s; display:table}
.sub-call2action a:hover{ background-color: #ef2e24; color:#fff; border:solid #ef2e24 1px}

.subpage-img{ display:flex;justify-content: space-between; margin:25px 0}
.subpage-img img{ border-radius:4px;box-shadow: 0 0 6px hsla(0,0%,60.8%,.7);}

.mygallery{ display:table; margin:auto}

.page-title{ display:table; width:100%; position:relative; overflow:hidden;background-color: #231f20;}
.page-title > div{ max-width:1140px; margin:auto; position:relative;height:170px}
.page-title > div h1{ color:#fff;font-size: 50px; top:40%; position:absolute; transform: translate(0,-50%); margin: 0; display:table;}
.page-title:before{background-image: url(images/icons/pattern.png); position: absolute; left: 0; right: 0;  top: 0; bottom: 0; content: "";}
.page-title > div h1:after{ content:""; position:absolute; color:#fff; display:block; border:solid 0.5px #fff; width:100%; bottom:0; min-width:570px}
.page-title > div h1 > span{ color:#ef2e24;text-shadow: 0px 0px 2px #000;}
.page-title > div > span{ font-size:14px; position:absolute; top: 60%; transform: translate(0,50%);}
.page-title > div span a{border-left: solid 1px rgba(7, 82, 165, .1); border-right: solid 2px rgba(255, 255, 255, 1); padding: 0 10px; display:block; color: #fff; float: left; line-height: 15px; font-weight: 600; text-transform: uppercase; text-decoration:none}
.page-title > div span a:hover{ opacity:0.8}
.page-title > div span a:last-of-type{padding-right: 0; border-right: none}
.page-title > div span a:first-of-type{ padding-left:5px}

.online-shop-text a{ text-decoration:none; color:#231f20}
.online-shop-text a:hover{ color:#ef2e24}
.online-shop-text ul{ margin:0;padding-left:20px}
.online-shop-text ol{ padding-left:20px}

.enquiry{ max-width:1140px; width:100%; display:table; margin:20px auto;}
.enquiry h1{ font-size: 28px; color: #231f20;}
.enquiry table tbody{display: flex; flex-wrap: wrap; justify-content: space-between;}
.enquiry table tr{ width:49%;display: flex; flex-wrap: wrap;}
.enquiry table tr td textarea,.enquiry table tr td select,.enquiry table tr td input{ width:100%; border: solid 1px #231f20; padding:10px; font-family: Arial, Helvetica, sans-serif; color:#231f20}
.enquiry table tr td,.enquiry table tr:nth-of-type(3),.enquiry table tr:last-of-type{ width:100%}
.enquiry .btn1{ text-decoration:none; color:#231f20 !important; margin-top:10px;background-color: transparent; border: solid 2px #231f20;}
.enquiry .btn1:hover{ color:#fff !important; background-color:#231f20; color:#fff}

.tcs-block div{display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center;}
.tcs-block div input{ width:2% !important;height: 25px;}
.tcs-block div > label{ width:96%;font-size: 14px;}
.tcs-block div a{color: #e62e2d !important; font-weight: normal; text-decoration: none;}

.disclaimer-text ul,.disclaimer-text ol{ padding:0 0 0 20px; margin:0}
.disclaimer-text ul li,.disclaimer-text ol li{ padding:5px 0}
.text-block.disclaimer-text h2{ font-weight:normal}
.text-block.disclaimer-text > div{ display: flex; justify-content: space-between; flex-wrap: wrap; width:42%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px;color: #fff; text-decoration:none}


/*============= COMPETITION ===========================*/
.competition-block{margin: auto; max-width: 800px; margin-top: 50px}
.competition-block  table tr td {padding: 5px 0; width: 49%}
.competition-block  table tr {width: 100%; justify-content: space-between}
.competition-block .tcs-block div input{width: 7% !important}
.zone-file{position:absolute; z-index:1;top:1px;left:1px;width:99%;height:40px;background-color:#EDEBEB;padding-left:25px; padding-top:4px; border-bottom: solid #000; border-width: 1px; pointer-events: none;}
.form-uploaddoc{ position:relative; width:100%;}

/*============= CSS FOR PDF CREATOR ===========================*/
.pdf-catalogue-bg{ background-color:#fff; padding:15px}
.pdf-catalogue-block{ display:table; padding-bottom: 25px; width:100%; border: solid 1px rgba(27, 24, 25, 0.5); padding: 10px;}
.pdf-catalogue-block table{ width:100%; display:table}
.catalogue-text{ min-width:750px; margin:auto; position:relative}
.text-block-catalogue span strong{ position:absolute;top: 15px; width: 95%;text-align: center; box-shadow: 0 0 6px rgba(155, 155, 155, 0.7); padding: 10px 0; color: #ef2e24;}
.catalogue-note{display:block; padding:20px; color:#202020;} 
.catalogue-menu-side{width: 90%; float: left; font-size:11px}
.text-block-catalogue{width:100%; border-left:  solid 1px rgba(0,0,0,.1)}
.text-block-catalogue span{width:100%; font-size:18px; color:#f00; font-weight:bold; }
.catalogue-preview{vertical-align:top;}

.catalogue-menu-side h3{margin:0px !important; font-size:12px !important; margin-top:5px !important;}
.catalogue-menu-side table select{width:100%;margin:0px !important; height:25px !important;}
.catalogue-menu-side table input{width:180px !important; margin:0px !important;}
.catalogue-menu-side table textarea{width:100% !important; margin:0px !important;}
.catalogue-menu-side a{display: flex; text-decoration: none;}
.catalogue-menu-side td{padding:0px !important;margin:0px !important;}
.om-button{display:block;height:auto; width:auto;font-size:11px !important;background-color:#EF2A1F; border:1px solid #EF2A1F; color:#fff !important; text-align:center; padding:5px; line-height:12px !important; padding-left:15px; padding-right:15px; text-transform:uppercase;}
.om-button:hover{opacity:0.7; transition:all 0.75s ease;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }
.print-button{ text-align:left !important; font-size:11px;display:flex; text-decoration: none; align-items: center; height:30px}
.print-button-fnc{ text-align:left !important; padding-top:7px !important; height:30px !important;}
.print-result{}
.print-result td{padding:2px !important; padding-bottom:10px !important;}
.print-result select{font-size:1em !important; }
#edit_resultlist{height:120px !important;width:100% !important;font-size:14px;}

/*======================== THANK YOU & ERROR 4040 ==========================*/
.custom-404,.thank-you-custom{min-height:300px;}

/*===========================FORM===========================*/
.email_show{display: none !important;}
.email_remove{}
.form-field-input.noCap{
	width: 100% !important;
}
.form-field *, .form-field, *[id*='_form_parent']{
    color:#808080;
    width: 100%;
}

*[id*='_form_parent'] > *.form-field{ float:left; width: 48%;}
*[id*='_form_parent'] > *:nth-child(even){margin-left: 0.5%;}
*[id*='_form_parent'] > *:nth-child(odd){margin-right: 1%;}
*[id*='_form_parent'] > *:nth-child(odd):last-child{width: 100%;}

*[id*='_form_parent']:after{float: none; clear: both; width: 100%; display: block; content: ' '}

.form-field textarea{font-family:Arial,Helvetica,sans-serif;}
.form-field:not(:last-child){ margin-bottom: 15px;}
.form-field-note{color:#f00; margin-top:5px;}
.form-field-title{
    margin-bottom: 10px;
    font-weight: bold;
}
.form-field > input, .form-field > select, .form-field > textarea{
    padding: 6px;
    border-color: #d4d4d4;
    border-width: 1px;
}
.form-field-break{padding: 10px 0px; width: 100% !important; }
.form-submit{
    width: 100%;
    max-width: 200px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
	-ms-transform: translate(-50%,0%); 
    
    text-align: center;
    padding: 10px;
}

@media screen and (max-width: 600px){
    *[id*='_form_parent'] > *{width: 100% !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important;}
}

.footer-nav-products{ background-color:#eef4fb; height:160px; width:100%; display:table; position:relative; padding:36px 0;}
.footer-nav-products > div{ max-width:1280px; margin:auto; width:100%;display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-nav-products > div > div{ display:inline-block; width:15%; background-color: #fff;border:solid 1px rgba(8, 45, 109, 0.15);}
.footer-nav-products > div > div > div img{ width:auto; height:100%}
.footer-nav-products > div > div > div > span{ position:absolute; width:100%; color: #fff; text-align: center; font-weight: bold; letter-spacing: 1px;left:0; top: 0; height:100%;}
.footer-nav-products > div > div:hover > div > span{background-color:rgba(0, 0, 0, .7);  }
.footer-nav-products > div > div > div > span a{text-decoration:none;width: 100%; position: relative;  top: 82%; display: flex; transform:unset;}
.footer-nav-products > div > div:hover > div > span{display:block; height:100%; width:100%; transition: all .3s;left:0; top:0}
.footer-nav-products > div > div:hover > div > span a{display: flex; justify-content: center; align-items: center; top: 0; opacity:1;    position: absolute; transform: unset; height:100%}
.footer-nav-products > div > div > div > span a{ color:#fff;}
.footer-nav-products > div > div:hover > div > span a h3{ display:none}
.footer-nav-products > div > div > div > span a h3{background-color: #017e00; width: 100%; padding: 4px 0;}
.footer-nav-products > div > div > div > span h3{font-size:11px; margin:0}
.footer-nav-products > div > div > div{ position:relative; background:url(images/revet-products.webp) no-repeat;  height:113px; width:100%; background-size: auto 90%; background-position-y: 50%; background-position-x: -60%;} 
.footer-nav-products > div > div:hover > div ul{ pointer-events: none; opacity: 1; }
.footer-nav-products > div > div > div ul{position: relative; margin:13px auto; padding:0; width:76%; opacity:0}
.footer-nav-products > div > div > div ul li { list-style: none; padding: 3px 0; font-size: 14px; color:#fff}
.footer-nav-products > div > div:nth-of-type(1) > div{background-position-x: 60%;}
.footer-nav-products > div > div:nth-of-type(2) > div{background-position-x: 40%;}
.footer-nav-products > div > div:nth-of-type(3) > div{background-position-x: 102%;}
.footer-nav-products > div > div:nth-of-type(4) > div{background-position-x: 80%;}
.footer-nav-products > div > div:nth-of-type(5) > div{background-position-x: 19%;}
.footer-nav-products > div > div > div a span{ position:absolute; bottom:0; right:0; background-color:#017e00; height:20px; width:20px}
.footer-nav-products > div > div > div > a span:hover {background:#fff;opacity:0.7;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }
.footer-nav-products > div > div > div span .fa{ color:#fff; padding:4px; font-size:12px}
.footer-nav-products > div > div > div span .fa:hover { color:#082d6d !important; }

/*------------------ FOOTER --------------*/

.delivery-block{ width:100%; display:table; margin:20px auto 55px auto}
.delivery-block > div{ max-width:1280px; width:100%; margin:auto; display:flex;flex-wrap: wrap; justify-content: space-between; }
.delivery-block > div > div{ width:48%;display: flex; align-items: center; background-color:#f3f3f3; transition:all .3s; padding:30px;justify-content: space-between;}
.delivery-block > div > div p{font-size: 24px; font-weight: bold;}
.delivery-block > div > div h2{ font-size:3.6em; font-weight: 800; line-height: 38px; }
.delivery-block > div > div:hover{box-shadow: 0 0 6px hsla(0,0%,60.8%,.7);}
.delivery-block > div > div a{ text-decoration:none; color:inherit}
.delivery-block .fas{font-size: 9em; color: #ef2e24;}

.ecommerce-logo{width:100%; background-color: white; padding:10px 0; display: table;border-top: solid 1px #f1f1f1;}
.ecommerce-logo > div{max-width: 1280px;width:100%; margin: auto; display: flex; justify-content: space-between; align-items: center;}
.ecommerce-logo > div > div{ float:left; display:inline-block; }
.ecommerce-logo > div > div:last-of-type{ width:27%; }
.ecommerce-logo > div > div:last-of-type img{ width: 100%; height: auto; display: block}
.ecommerce-logo > div > div a{ text-decoration: none; width: 32px; height:30px; font-size: 22px;  color: #231f20; border: solid 2px #231f20; border-radius: 7px;display: flex; align-items: center; justify-content: space-around;}

.footer{ color:#231f20; background-color:#fff; }
.footer-logo{ width:20%; margin-right: 20px;}
.footer-logo img { width: 100%; height: auto;}
.footer > div{max-width:1280px; margin:auto; width:100%; text-align:left; display: flex; align-items: center;position: relative; height: 82px; flex-wrap: wrap}
.footer > div > div:last-of-type{ width:80%;color:#fff; font-size:14px;position: absolute; right: -36px;}
.footer > div > div:last-of-type > div{padding: 0 15px;}
.footer > div > div:last-of-type > div:first-of-type{ background-color:#231f20; }
.footer > div > div:last-of-type > div:last-of-type{ background-color:#231f20;padding: 10px 50px 10px 20px; border:1px solid rgba(255, 255, 255, 0.03)}
.footer > div > div:last-of-type > div a{ color:#fff}
.footer > div > div:last-of-type > div:first-of-type ul li .fas{ color:#ef2e24;padding-right: 30px;}
.footer > div > div:last-of-type > div:first-of-type ul li{min-width: 25%; padding:15px 0; position:relative}
.footer > div > div:last-of-type > div:first-of-type ul li:after{ content:""; background: #E6E7EB; height: 100%; width:1px; position: absolute; top: 0%; left: 80%;}
.footer > div > div:last-of-type > div:first-of-type ul li:last-of-type:after{ display:none}
.footer > div > div:last-of-type > div:last-of-type ul{justify-content: space-between;}
.footer > div > div:last-of-type > div:last-of-type ul a{ font-weight: bold;}
.footer-bottom ul,.footer > div ul{ padding:0; margin:0; display:flex; flex-wrap: wrap}
.footer-bottom > div ul li,.footer > div ul li{ list-style:none}
.footer-bottom > div a,.footer > div ul li a{ text-decoration:none; color:#fff}

.footer-bottom{ background-color:#ef2e24; padding:10px 15px; color:#fff}
.footer-bottom > div{max-width:1280px; margin:auto; width:100%; text-align:left; display: flex;}
.footer-bottom > div li{ padding-right:30px;font-size: 12px;}
.footer-bottom > div li a{ font-size:12px}

.footer-regions ul{max-width:1140px; width:100%; padding:10px 0px;flex-wrap:wrap}
.footer-regions ul li{ padding:5px 20px 5px 0}
.footer-regions strong{ float:left; width:100%; font-size:12px}

.row{clear: left;}
.row0{clear: left; line-height:1px;}

@media screen and (max-width: 1280px){
	.back_main, .back_page, .section
	, .footer > div, .jd-toys-section, .intro-container{width: 100%}
}

@media only screen and (max-width: 1024px){
	body{ display: table}
}

@media (min-width: 800px) and (max-width: 1023px){
	.menu-top{ width:100%}
	.nav > li > a{ padding:0 19px !important}
}

@media (min-width: 600px) and (max-width: 799px){
	.logo img{ width:100%; height:auto}
	.menu-top{ width:auto}
	.nav > li > a{ padding:0 8px !important} 
	.join-psi-block > div > div{ width:49%}
	.what-we-offer > div,.education-partners-block > div > div{ width:100%}
	.what-we-offer > div > div{ width:31%}
	.what-we-offer > div > div:nth-of-type(2){ margin:auto 3%}
	.education-partners-block > div > div > div img{ width:100%; height:auto}
	
}

@media screen and (max-width:599px){
	body{display: block; margin:102px 0 0 0}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.mobi-only{display: block !important}
	.logo{width: 49%;left:5px;}
	.back_page{ padding:8px 15px !important}
	.jd-toys-2, .jd-toys-section, .john-deere-header{width:100%;}	
	.widget-container{width: 95%;margin: auto; order:1; flex-wrap: wrap; border-radius:0; border: solid 1px #231f20;}
	.deal-zone-block > div:last-of-type > div{ width:100%; border-bottom: 0.5px solid #E7E7E7; padding:0}
	.deal-zone-block > div h2{ font-size:40px;flex-wrap:wrap;}
	.deal-zone-block{ padding:0}
	.widget-container > div{ width:100%;border-radius: 0; height: 30px;}
	.trademark{display: none !important;}
	.search > a{ color:transparent; width: 21%;}
	.search input{ font-size:14px}
	.search > a .fas{ color:#fff}
	.sign-block-text{ margin-left: -5px;}
	.page-title > div h1{ font-size:40px}
	.banner-stripe > span a{ margin:auto}
	
	.menu-top-container{flex-wrap: wrap;width: calc(100% - 50px);float:right; height:102px}
	.menu-top-shopping{ width:44%}
	.page-title{ padding:0 15px}
	.page-title > div{height: 110px;}
	.delivery-block{ margin:20px auto -10px auto}
	.delivery-block > div > div{padding: 0 30px; margin-bottom: 10px;}
	.delivery-block > div > div h2{font-size: 2.8em;}
	.delivery-block .fas{font-size: 7em;}
	.categories-block > div > div > div h2,.categories-block{ margin-top:0}
	.categories-block > div > div{height: 320px;}
	.categories-block > div > div:last-of-type{ margin-bottom:15px}
	.ecommerce-logo > div > div > div{ margin:0 5px; background-size: contain; width: 98%;}
	.prod-image,.ecommerce-logo > div > div:first-of-type{ display:none}
	.prod-text-block > p,.categories-block > div > div > div,.categories-block > div > div,.delivery-block > div > div{ width:100%}
	.ecommerce-logo > div > div:last-of-type{ width:100%}
	.page-title > div h1:after,.ecommerce-logo > div > div > div:nth-of-type(5),.ecommerce-logo > div > div > div:nth-of-type(4),.ecommerce-logo > div > div > div:nth-of-type(3),.ecommerce-logo > div > div > div:nth-of-type(2){ display:none}
	
	.subpage-img img{ margin:5px 0}
	.subpage-img{flex-direction: column;}
	.footer-nav-products > div > div{ width: 49%; margin: 3px 0;}
	.sub-call2action{ position:relative; width:100%}
	.cleaning-products > div,.sub-call2action a{ text-align:center; width:100%}
	
	.catalogue-text{ min-width:unset; width:43%}
	.text-block-catalogue span strong{ font-size:12px; left: 0; text-align: left; padding: 0 10px; width:100%; top: 37px;}
	.enquiry .btn1,.catalogue-menu-side{ width:100%}
	.enquiry table tr{width: 100%}
	.enquiry table tr td textarea{min-height: 130px}
	
	.competition-block h2 strong{display: block}
	.competition-block table tr.tcs-block td{width: 100%}
	.page-title-contactus > div:last-of-type > div:last-of-type{ display:none}
	.page-title-contactus > div:last-of-type > div{ width:95%}
	.page-title-contactus > div:last-of-type{justify-content:space-around}
	.footer > div > div:last-of-type{ width:100%; right:0; position: unset}
	.footer > div > div:last-of-type > div:first-of-type ul li{min-width: 50%; padding: 10px 0;}
	.footer > div > div:last-of-type > div:first-of-type ul li:after{display: none}
	.footer > div{ height:unset}
	.footer > div > div:last-of-type > div:last-of-type{ display: none}
	.footer-regions{display: none !important}
	.footer-bottom > div li{padding: 2px 12px 2px 0}
	.footer-logo{width: 44%; padding-left: 15px; display: none}
	.footer > div > div:last-of-type > div:last-of-type ul a{ font-size:12px}
	.footer > div > div:last-of-type > div:last-of-type li:nth-of-type(4){ display:none}
	.footer-nav-products > div > div > div img{ width:100%; height:auto; display:block}
	.footer-nav-products{ padding:25px 0}
	.footer-nav-products > div > div > div{ height:94px; display: flex; align-items: center;}
	.footer-nav-products > div > div:nth-of-type(6) > div{background-position-x: -6%}
	.footer-nav-products > div > div:nth-of-type(3) > div{background-position-x:42%}
	
	/*====================Gallery==================*/
	.tn3-image, .tn3-gallery{height:200px !important; width:100% !important; border:none !important}
	.tn3-next{ right:70% !important; width:32px !important}
	
	.cboxPhoto, #cboxLoadedContent{ width:100% !important; height:auto !important}
	#cboxMiddleLeft{ width:0 !important; }
	#cboxTopCenter{ height:auto !important}
	#cboxTopLeft, #cboxTopRight, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight,.tn3-thumbs,.tn3-show-albums,.tn3-fullscreen,.tn3-controls-bg{ display:none}
	#cboxContent{ overflow:visible !important}
	#cboxWrapper{ padding:0 10px}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ height:auto;max-height:none}
	.home-banner > div{ height: 339px; }
	.mobile-banner{ display:block !important; height: 340px; background:url("images/john-deere-store.webp") no-repeat; background-size: cover;  position:relative}
	.csslider1 > .cs_description > label{ max-width:100% !important; left:0 !important; }
	.mobile-banner .home-banner-block{ position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom: 0;color: #fff; margin: 0; padding: 20px 15px; font-size: 20px; line-height: 26px; left: 0; top: unset !important}
	.home-banner-block > span{ position:unset !important; font-size:28px; line-height:32px;max-width: 100%; }
	.home-banner-block p{font-size: 16px; margin:0}
	.csslider1 > ul,.read-more-btn,.cs_skeleton{ display:none !important}
	.home-banner-block p > a{ text-decoration:none}
	.home-banner-block > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner-block p{font-size: 16px; margin-bottom:0;line-height: 22px;}
	.read-more-btn,#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img{ display:none !important}
	.home-banner-block p br,#wowslider-container1 .ws_images ul img{ display:none !important}
	quick-enquiry-block{ position:fixed; display:block;bottom:5%;left: 4%; background-color:#017e00;border-radius: 4px; z-index:999}
	.quick-enquiry-block > a{ color:#fff; text-decoration:none;font-weight: bold; font-size: 14px; padding: 12px;
    display: block; display:flex; justify-content: space-between; width: 130px;}
	#wowslider-container1 .ws_images ul li,#wowslider-container1 .ws_images ul{ width:100% !important}
	#wowslider-container1 .ws_images ul a{ display:unset !important; color:unset !important}
	#wowslider-container1 .read-more-btn{line-height: 0 !important;font-size: 0 !important;}
	
	.discount-banner{z-index: 9;top: 12%;left: 50%;width: 100%;padding: 10px 0;height: unset !important;}
	.discount-banner p strong{ font-size:22px}
	.discount-banner p{font-size: 16px;line-height: 22px;margin-bottom: 4px;}
	.discount-banner strong{font-size: 16px;}
	

	.footer-nav-products > div > div > div > span a{top: 78%;}
	.footer-nav-products > div{padding: 0 15px}

	/*=============== MENU ==============*/
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.menu-top > div > ul{flex-wrap: wrap;} 
	.nav > li{ width:100%}
	.nav > li > a{color: #fff !important; width: 100%; padding: 14px 25px !important}
	.dropdown-menu{margin-left: 20px; top:0}	
	.aboutus-menu,.top-header, .top-tel{display:none !important}
	
	.john-deere-1::before,.specials-top-block,.wishlist-block{ display:none !important}
}

@media screen and (max-width: 599px){
	.menu-top{ background-color:#000; position:fixed;top:0;height:102px;width:50px;overflow:hidden;padding:0px;transition:all 0.3s;z-index:100}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 102px)}
	.menu-top>label{color:#fff;display:block;height:102px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;color:#fff;line-height:102px;text-align:center;width:50px;transition:all 0.1s ease 0.3s}
	#navOverlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;transform:translate(-100%);transition:all 0.25s ease-out 0.1s;z-index:100}
	#mobi-toggle:checked ~ .john-deere-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .john-deere-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}