/*
Theme Name: Arkay Windows
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arkaywindows
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/* New Menu  */

.new-header-menu {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
}

.top-nav {
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
}

.phone-nav {
  color: #ffd600;
  background-color: #535453;
  border-color: #535453;
  outline: none;
  box-shadow: none;
  padding: 1rem;
}

.phone-nav:hover {
  color: #fff;
}

#main-nav {
  background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 1199px) {
  #main-nav,
  .hide-1200 {
    display: none !important;
  }
}
.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

@media (min-width: 1200px) {
  .btn-floating,
  .offcanvas,
  .phone-nav-icon {
    display: none;
  }
}
.smal-logo {
  display: none;
}
@media (max-width: 767px) {
  .big-logo {
    display: none;
  }

  .smal-logo {
    display: block;
    margin: 7px 0;
  }
}

@media (max-width: 1199px) {
  .phone-nav-icon {
    display: block;
  }
  .phone-nav-icon i {
    font-size: 2.4em;
    color: #535453;
  }
  .btn-floating {
    position: fixed;
    transition: all 0.2s ease;
    right: 2rem;
    z-index: 1050;
    top: 2px;
    left: 15px;
    width: 50px;
  }
  .btn-floating.active .burger {
    background: none;
  }
  .btn-floating.active .burger:before {
    transform: rotate(45deg);
    top: 0;
    left: 0;
  }
  .btn-floating.active .burger:after {
    transform: rotate(-45deg);
    bottom: 0;
    left: 0;
  }
  .btn-floating .btn-primary {
    color: #535453;
    background-color: #fff;
    border-radius: 52px;
    padding: 14px 1rem 16px 1rem;
    display: inline-block;
    border: 0px !important;
  }
  .btn-floating .btn-primary:hover {
    background: #fff;
    color: white;
    border: 0px !important;
  }
  .btn-floating .burger {
    background: #535453;
    width: 24px;
    height: 3px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    top: -2px;
    transition: all 0.2s ease;
  }
  .btn-floating .burger:before {
    content: "";
    background: #535453;
    width: 24px;
    height: 3px;
    border-radius: 2px;
    position: absolute;
    top: -7px;
    left: 0;
    transition: all 0.2s ease;
  }
  .btn-floating .burger:after {
    content: "";
    background: #535453;
    width: 24px;
    height: 3px;
    border-radius: 2px;
    position: absolute;
    bottom: -7px;
    left: 0;
    transition: all 0.2s ease;
  }
}

@media (max-width: 1199px) {
  .nav-mobile {
    padding-left: 0;
    list-style: none;
  }
  .nav-mobile li {
    font-size: 1rem;
    text-align: left;
    border-bottom: 1px solid #535453;
    padding: 15px 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .nav-mobile li a {
    color: #535453;
    margin-left: 20px;
    text-transform: uppercase;
  }
  .nav-mobile .open-menu-arrow {
    position: relative;
    font-size: 27px;
    color: #535453;
    cursor: pointer;
    flex-grow: 1;
  }
  .nav-mobile li div i {
    float: right;
    margin-right: 20px;
  }
}

.offcanvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -998;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
.offcanvas.active {
  z-index: 6;
  opacity: 1;
  pointer-events: all;
}

@media only screen and (max-width: 1199px) {
  .sub-menu {
    display: none;
    position: relative;
    background-color: #f7f7f7;
    text-align: center;
    list-style: none;
    padding: 0px;
    margin-top: 15px;
    letter-spacing: 1px;
    margin-bottom: -16px;
    flex-basis: 100%;
    order: 3;
  }
  .sub-menu li {
    padding: 15px 0px;
    font-size: 1rem;
    margin-bottom: 0px;
    border-bottom: 1px solid #535453;
  }
  .sub-menu li a {
    font-size: 0.9rem;
    letter-spacing: 1px;
  }
  .sub-menu .sub-menu {
    background: #1e1e1e;
    font-size: 0.7rem;
  }
  .sub-menu .sub-menu li a {
    font-size: 0.8rem;
    letter-spacing: 1px;
  }
}

/* join network */

.title-join-ntw {
  font-size: 36px;
  width: 100%;
  color: #ffd600;
  font-weight: 300;
  letter-spacing: 4px;
  line-height: 40px;
}

.font-300 {
  font-weight: 300;
}

.padding-network {
  padding: 4rem 0;
}

.reasons-to-join {
  display: flex;
  align-items: center;
  padding: 0 3rem;
}

.reasons-to-join i {
  font-size: 24px;
  color: #ffd600;
  margin-right: 14px;
}

.reasons-to-join h5 {
  font-size: 16px;
  font-weight: 600;
}

/*MEDIA CENTRE EDIT*/

.filter-prod,
.sort-prod-by {
  width: 100%;
  background: transparent;
  border: 1px solid #535453;
  padding: 15px;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
}

.form-control-label {
  width: 100%;
  padding-left: 0 !important;
}

.form-control-label span {
  width: 100%;
  text-align: center;
  padding-left: 0 !important;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #535453;
  padding: 10px 0;
  height: auto !important;
  color: rgb(83, 84, 83) !important;
}
.form-control-label span:hover {
  border-bottom: 1px solid #ffd600;
}

.form-control-label span:focus {
  border-bottom: 1px solid #ffd600;
}

#filter-fa,
#filter-fa-by {
  position: absolute;
  right: 15px;
}

.filter-prod:focus,
.sort-prod-by:focus {
  outline: 0;
}

.media-btn-wrp,
.sort-prod-wrap {
  display: none;
}

.media-btn-wrp.visible,
.sort-prod-wrap.visible {
  display: block;
}

.media-buttons-wrap {
  display: flex;
  flex-direction: column;
}
.media-buttons-wrap button {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #535453;
  padding: 10px 0;
  background: transparent;
}

.media-buttons-wrap button.active {
  border-bottom: 1px solid #ffd600;
}

.media-buttons-wrap button:focus {
  outline: 0;
}

@media (max-width: 1199px) {
  .media-buttons-wrap {
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
    margin: auto;
  }
  .media-buttons-wrap button {
    flex-basis: 100px;
    margin: 10px;
  }
  .width-100 {
    width: 100%;
  }
}
.pos-r {
  position: relative;
}

.download-image {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #535453;
  padding: 10px 15px;
  color: #fff;
}

.download-image:hover {
  color: #ffd600;
}

.img-m-centre {
  max-width: 325px;
}

@media (min-width: 0px) and (max-width: 767px) {
  .img-m-centre {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .img-m-centre {
    max-width: 350px;
  }
}

.mix {
  display: none;
}

.img-fluid {
  max-width: 100%;
  height: auto;
  display: block;
}

.media-row {
  margin-top: 108px;
  background: #333333;
  padding: 20px 0 20px 0;
}

.media-row .blog-title h4 {
  font-size: 32px;
  letter-spacing: 3.2px;
  color: #ffd600;
  margin: 0;
  line-height: 38px;
  font-family: "FuturaPT-Light";
  text-transform: uppercase;
  font-weight: normal;
}

.media-text-container {
  margin-top: 4em;
  margin-bottom: 4em;
}

/***********DOWNLOAD SECTION EDIT********/

/*MEDIA CENTRE HEADER LINKS*/

.media-centre-title {
  text-decoration: none;
  font-size: 1.3em;
  color: #4a4b4a;
  margin-left: 12px;
}

.media-centre-title:hover {
  text-decoration: underline;
  color: black;
}

.cat-nav-link {
  color: #979797;
}

.cat-nav-link:hover {
  color: black;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
}

.nav-tabs > li > a {
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  margin-right: 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  color: black;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
}

.nav-tabs .nav-link.active {
  color: black;
  border: 1px solid black;
}

.media-nav-tabs {
  display: flex;
  justify-content: center;
}

@media (max-width: 880px) {
  .media-nav-tabs {
    flex-wrap: wrap;
  }
  .media-nav-tabs li {
    margin-bottom: 15px !important;
  }
}

/* END OF MEDIA CENTRE HEADER LINKS*/

.filter-label {
  font-size: 14px;
}

.blog-title h4 {
  font-size: 32px;
  letter-spacing: 3.2px;
  color: #ffd600;
  margin: 0;
  line-height: 38px;
  font-family: "FuturaPT-Light";
  text-transform: uppercase;
  font-weight: normal;
}

/*CUSTOM CHECKBOX STYLES*/

.page-id-1993 .label {
  font-size: 14px;
}

.sort-label {
  margin-left: 12px;
  font-size: 14px;
}

.stockist-check {
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid #d8d8d8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type="checkbox"].css-checkbox + span {
  padding-left: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 4px;
  margin-bottom: 6px;
}

input[type="checkbox"].css-checkbox:checked + span {
  background-position: 0 -25px;
}

span.css-label {
  background-image: url(https://www.arkaywindows.com/wp-content/uploads/2018/11/checkbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
select {
  width: 100%;
  height: 40px;
}
.checkbox-container {
  padding: 10px;
}
.check-main {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
}

/*CUSTOM RADIOBUTTON STYLES*/

/* The container */

.radio-section {
  margin-bottom: 8px;
}

.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: #535453;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #fff;
}

.preview-border {
  padding: 0.2em 0.2em 0.1em;
  border: solid 0.08em black;
}

/*TOOLTIP */

.tooltip-padding + .tooltip > .tooltip-inner {
  color: #ffffff;
  border-radius: 0px;
  padding: 10px;
  font-size: 12px;
}

/*CLEARFIX FOR DOWNLOAD ITEMS*/

.mix-clearfix {
  clear: both;
}

.card-container {
  border: 1px solid #d5d5d5;
  padding: 10px;
}

.h6 {
  font-size: 15px;
  font-weight: 600;
}

.pull-xs-right {
  float: right;
}

.btn-download {
  border: 1px solid #535453;
  border-radius: 0;
  min-width: 250px;
  letter-spacing: 2.7px;
  color: white;
  line-height: 22px;
  font-family: "futura_ltbook";
  padding: 13px 3px;
  outline: none;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 auto;
  background-color: #535453;
}

.btn-download:hover,
.btn-download:active:hover,
.btn-download:active:focus {
  color: #ffd600;
  background-color: #535453;
  border-color: #535453;
  outline: none;
  box-shadow: none;
}

.form-control-label .label {
  color: #8f8f8f;
  font-weight: normal;
}

/*MEDIA QUERIES*/

@media (min-width: 0px) and (max-width: 1199px) {
  .sorting-container {
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .img-fluid {
    max-height: 158px;
    max-width: 200px;
  }
}

@media (min-width: 991px) {
  .img-fluid {
    max-height: 195px;
    max-width: 270px;
  }
}

/*END OF DOWNLOAD SECTION EDIT*/

.header .call a,
.blog-row .content-col .text-block h3 a {
  color: #535453;
}
.full-blog .blog-heading a {
  color: #000;
}
.paging .pagination ul li span.current {
  border: 1px solid #535453;
  display: block;
}
.contact-block .map {
  height: 600px !important;
  width: 100% !important;
}
.header.header-white .call a {
  color: #fff;
  position: relative;
}

body.navopen .header .call a {
  color: #535453;
}
.header .logo .white-logo {
  display: none;
}
.header .logo .gray-logo {
  display: block;
}
.header.header-white .logo .white-logo {
  display: block;
}
.header.header-white .logo .gray-logo {
  display: none;
}
body.navopen .header.header-white .gray-logo {
  display: block;
}
body.navopen .header.header-white .white-logo {
  display: none;
}
.navbar-nav > li.current-menu-item > a {
  color: #ffd600;
}
.navbar-nav > li ul li.current-menu-item > a {
  color: #ffd600;
}

#portfoliolist .product-image img {
  max-height: 181px;
  min-height: 181px;
  object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  object-position: center top;
  -webkti-object-position: center top;
  -moz-object-position: center top;
  width: 100%;
}
.display_cookie .footer-cookies {
}
.dimension-row .dimension-col {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .contact-block .map {
    height: 400px !important;
  }
}

/********* Heading **********/
h4 {
  font-size: 74px;
  color: #ffd600;
  line-height: 88px;
  width: 100%;
  font-family: "FuturaPT-Light";
  text-transform: uppercase;
  letter-spacing: 7.4px;
  margin: 0;
  display: inline-block;
}
.product-cblock-title h4,
#product-subb-titl {
  line-height: 28px;
  color: #535453;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
  margin: -6px 0 20px 0;
  font-size: 24px;
  font-family: "aktiv-grotesk", sans-serif;
}
.product-cblock-title h1,
#product-titl {
  font-size: 74px;
  color: #ffd600;
  line-height: 88px;
  font-family: "FuturaPT-Light";
  text-transform: uppercase;
  letter-spacing: 7.4px;
  margin: 0;
  display: inline-block;
}
h1 {
  line-height: 28px;
  color: #535453;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
  margin: -6px 0 20px 0;
  font-size: 24px;
  font-family: "aktiv-grotesk", sans-serif;
}

@media (max-width: 768px) {
  .product-cblock-title h1 {
    font-size: 2.5em;
    line-height: 38px;
    margin: 0 0 0.5em 0;
  }
}

.heading-large h4 {
  font-size: 74px;
  color: #ffd600;
  line-height: 88px;
  font-family: "FuturaPT-Light";
  text-transform: uppercase;
  letter-spacing: 7.4px;
  margin: 0;
  display: inline-block;
}
.heading-large h4 span {
  display: block;
}
.heading-large .about-right h2 {
  color: #ffd600;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 2.4px;
  font-family: "futura_ltlight";
  margin: 0;
}
.heading-large .about-right h2 a {
  color: #ffd600;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 2.4px;
  font-family: "futura_ltlight";
}
.horizon-block h1 {
  max-width: 750px;
  margin: 0 0 44px 0;
  line-height: 28px;
  font-weight: 700;
  font-size: 24px;
  font-family: inherit;
  color: inherit;
  box-sizing: border-box;
  text-transform: none;
}
.heading-small h3 {
  letter-spacing: 4.8px;
  line-height: 58px;
  font-size: 48px;
  text-transform: uppercase;
  margin: 0;
  color: #ffd600;
  font-family: "FuturaPT-Light";
  font-weight: 500;
}
.heading-small .explore-row h2 {
  bottom: 7px;
  right: 0;
  letter-spacing: 2.4px;
  color: #ffd600;
  font-family: "FuturaPT-Light";
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}
.heading-small .explore-row h2 a {
  color: #ffd600;
}
.common-content h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 20px 0;
  padding-right: 50px;
  color: inherit;
}
.horizon-block h1 {
  letter-spacing: 0;
  max-width: 750px;
  margin: 0 0 44px 0;
  line-height: 28px;
  font-weight: 700;
  font-size: 24px;
}
.common-content h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 20px 0;
  padding-right: 50px;
  letter-spacing: 0;
  font-family: "aktiv-grotesk", sans-serif;
  text-transform: none;
}
.product-sblock-content h1 {
  margin: 0;
  display: block;
}
.product-sblock-content h4 {
  margin-bottom: 15px;
}
.product-sblock-content h1 {
  margin-bottom: 30px;
}
.blog-navrow .blog-title h4 {
  font-size: 32px;
  letter-spacing: 3.2px;
  color: #ffd600;
  margin: 0;
  line-height: 38px;
  font-family: "FuturaPT-Light";
  text-transform: uppercase;
  font-weight: normal;
}
.full-blog .blog-heading h1 {
  color: #000;
  font-weight: 700;
  margin: 0 0 22px;
  font-size: 32px;
  display: block;
  line-height: 1.1;
}
.blog-row .content-col .text-block h1 a {
  color: #535453;
}
.singlepost-blog .singlepost-content h1 {
  font-weight: 700;
  margin: 0 0 14px;
  font-size: 32px;
  line-height: 1.1;
}
.contact-section h4 {
  margin-bottom: 2px;
  font-family: "futura_ltlight";
}
.contact-section h1 {
  max-width: 920px;
  line-height: 28px;
  font-weight: 700;
  margin: 0 0 20px 0;
  font-size: 24px;
  font-family: "aktiv-grotesk", sans-serif;
}
.contact-leftcol h2 {
  margin: 0 0 40px 0;
  color: #ffd600;
  text-transform: uppercase;
  font-weight: 300;
  border-left: 1px solid #ffd600;
  padding: 30px 0 30px 38px;
  font-size: 24px;
}

.footer-cookies p {
  font-size: 16px;
}
/*.resource-colone { padding-right: 0; width: 100%; }*/

/********** Changes 08/08/2017 ***************/
.single-pdetail {
  padding: 37px 0 37px;
}
.single-pimage {
  text-align: center;
}
.single-pdetail .single-pdetailcol .single-plogo img {
  max-width: 182px;
}

.resources-row .resources-list .resources-listcol {
  width: 896px;
  float: left;
}
.resources-row .resources-list .resources-listcol-right {
  width: 203px;
  float: left;
}
.resources-row .resources-list .resources-listcol .resources-listcol-row {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
/*.banner { background-position: center 0; }*/
.resource-colone {
  margin-bottom: 20px;
}
.resources-row {
  margin-bottom: 20px;
}
.resources-row .resources-list .resources-listcol-right .resource-collast {
  width: 100%;
}

body.display_cookie .footer {
  margin-bottom: 28px;
}
.footer-cookies a {
  color: #535453;
  font-weight: bold;
}
.footer-cookies a:hover {
  color: #ffd600;
}

.dimension-row .table .first-col,
.dimension-row .table .second-col {
  width: auto;
}
/*.dimension-row .table .first-col { width: 30%; }
.dimension-row .table .second-col { width: 17.5%; }*/
/* Changes 31st Aygyst */
.privacy_policy ul {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 24px 0;
}

.dimension-row .dimension-list .table thead th:nth-child(1),
.dimension-row .dimension-list .table tbody td:nth-child(1) {
  width: 30%;
}
.dimension-row .dimension-list .table thead th:nth-child(2),
.dimension-row .dimension-list .table tbody td:nth-child(2) {
  width: 17.5%;
}
.dimension-row .dimension-list .table thead th:nth-child(3),
.dimension-row .dimension-list .table tbody td:nth-child(3) {
  width: 17.5%;
}
.dimension-row .dimension-list .table thead th:nth-child(4),
.dimension-row .dimension-list .table tbody td:nth-child(4) {
  width: 17.5%;
}
.dimension-row .dimension-list .table thead th:nth-child(5),
.dimension-row .dimension-list .table tbody td:nth-child(5) {
  width: 17.5%;
}

.dimension-row .table thead tr th {
  padding: 7px;
  text-align: center;
  vertical-align: middle;
}
.dimension-row .table > tbody > tr > td {
  padding: 7px;
}
.dimension-row .table .fa {
  color: #ffd600;
  font-size: 16px;
}
.resources-row
  .resources-list
  .resources-listcol
  .resources-listcol-row.resources-fulltable
  .resource-colone {
  width: 100%;
}

.singlepost-list.noimage .our-range .right-text {
  margin-top: 69px;
}
.dimension-row .dimension-list p {
  color: #fff;
  letter-spacing: 1.3px;
  font-size: 12.09px;
}
.technical-block {
  padding: 0 0 30px;
}

.resource-colone .table .first-col,
.resource-colone .table .second-col {
  width: auto;
}
.resource-colone .table thead th:nth-child(1),
.resource-colone .table tbody td:nth-child(1) {
  width: 30%;
}
.resource-colone .table thead th:nth-child(2),
.resource-colone .table tbody td:nth-child(2) {
  width: 17.5%;
}
.resource-colone .table thead th:nth-child(3),
.resource-colone .table tbody td:nth-child(3) {
  width: 17.5%;
}
.resource-colone .table thead th:nth-child(4),
.resource-colone .table tbody td:nth-child(4) {
  width: 17.5%;
}
.resource-colone .table thead th:nth-child(5),
.resource-colone .table tbody td:nth-child(5) {
  width: 17.5%;
}

.resources-row .resources-list .resources-listcol .resources-listcol-row p {
  letter-spacing: 1.3px;
  font-size: 12.09px;
}

.product-cblock-title .btn-default {
  min-width: 20px;
  padding: 18px;
}
.dimension-row .table .second-col {
  color: #fff;
}
/*body.menuOpen .navbar-nav > li .dropdown-menu {display: block !important;}*/
#header.styck {
  background: #fff;
}
.header .call .mobile-view {
  display: none;
}

body .header.header-white.styck .gray-logo {
  display: block;
}
body .header.header-white.styck .white-logo {
  display: none;
}
.header.header-white.styck .call a {
  color: #535453;
}
.header.header-white.styck .call .desktop-view {
  color: #535453;
}
body .header.styck .megamenu .megamenu-btn:after {
  color: #ffd600;
}
body .header.styck .megamenu .megamenu-btn {
  color: #535453;
}

.blog-wrapper .header {
  position: fixed;
}
.blog-navrow {
  margin-top: 108px;
}
.blog-wrapper .singlepost-blog {
  margin-top: 108px;
}

.single-pdetail .single-pdetailcol ul li {
  font-family: "Futura";
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-size: 12.09px;
  font-weight: normal;
}
.brochure-download-btn {
  margin-top: 62px;
}
.resource-sample-image {
  margin: 10px 0;
}
.resource-sample-image img {
  max-height: 143px;
  min-height: 143px;
  object-fit: cover;
  object-position: center top;
  width: 100%;
}
@media (max-width: 1199px) {
  .footer-cookies p {
    font-size: 14px;
  }
  .resources-row .resources-list .resources-listcol {
    width: 800px;
  }
  .resources-row .resources-list .resources-listcol-right {
    width: 140px;
  }
}

@media (max-width: 991px) {
  body.display_cookie .footer {
    margin-bottom: 46px;
  }
  .resources-row .resources-list .resources-listcol {
    width: 100%;
  }
  .resources-row .resources-list .resources-listcol-right {
    width: 200px;
  }
}
@media (min-width: 768px) {
  /*body .header.header-white.styck .gray-logo { display: block;}
body .header.header-white.styck .white-logo { display: none; }
.header.header-white.styck .call a { color: #535453; }
.header.header-white.styck .call .desktop-view { color: #535453; }
body .header.styck .megamenu .megamenu-btn:after { color:#ffd600;}
body .header.styck .megamenu .megamenu-btn {color: #535453}*/
}
@media (max-width: 767px) {
  h4 {
    font-size: 44px;
    line-height: 58px;
  }
  .heading-small h3 {
    line-height: 52px;
    font-size: 42px;
  }
  .singlepost-list.noimage .our-range .right-text {
    margin-top: 40px;
  }
  .singlepost-list.noimage .our-range .pull-right {
    float: none !important;
  }
  #filters li:last-child {
    margin-bottom: 10px;
  }
  /*.header {position: absolute; }
	#header.styck {background: none;}*/
  .header .call .mobile-view {
    display: inline-block;
    margin-right: 22px;
  }
  .header .call .mobile-view em {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
  }
  .header .call .desktop-view {
    display: none;
  }
  .header .megamenu .megamenu-btn {
    padding-bottom: 0px;
  }
  .header .megamenu .megamenu-btn:after {
    top: 3px;
    line-height: 13px;
  }
  .header .megamenu {
    top: 2px;
  }
  .blog-navrow,
  .blog-wrapper .singlepost-blog {
    margin-top: 79px;
  }
  .product-gallery {
    padding: 0px;
  }
  .brochure-download-btn {
    margin-top: 30px;
  }
}
@media (max-width: 639px) {
  .heading-large h4 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 479px) {
  .heading-small .explore-row h2 {
    font-size: 22px;
  }
  .full-blog .blog-heading h1 {
    margin-bottom: 15px;
  }
  body.display_cookie .footer {
    margin-bottom: 82px;
  }
  .dimension-row .table .first-col,
  .dimension-row .table .second-col {
    width: 100% !important;
    display: block;
  }
  .header .logo {
    width: 210px;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 52%;
}
.embed-responsive-3by4 {
  padding-bottom: 66.25%;
}

@media (min-width: 768px) {
  .embed-responsive-16by9 {
    padding-bottom: 56.25% !important;
  }
  .embed-responsive-3by4 {
    padding-bottom: 46.25%;
  }
}

.embed-responsive-21by9 {
  padding-bottom: 42.85714286%;
}

.embed-responsive-vr iframe {
  pointer-events: none;
}

.form-control {
  border: none;
  overflow: hidden;
  border-bottom: 1px solid #dcdcdc;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.form-control:focus {
  border-bottom: 1px solid #ffd600 !important;
}
.btn-primary {
  color: #535453;
  background: #fff;
  border-radius: 0 !important;
  border: 1px solid #535453 !important;
  -webkit-transition: 0.5s; /* Safari */
  transition: 0.5s;
}
.btn-primary:hover {
  color: #ffd600;
  background: #535453;
  border: 1px solid #535453 !important;
}
.google-spacing {
  margin-top: 2.5em !important;
}

.icaal-contact-form-wrap {
  padding-left: 110px !important;
  position: relative;
  margin-bottom: 0 !important;
}

.icaal-contact-form-wrap label {
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 18px;
  font-weight: 700;
}

.icaal-contact-form-wrap input,
.icaal-contact-form textarea {
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 20px;
  max-width: 244px;
  padding-bottom: 10px;
}

.icaal-contact-form-wrap input:focus,
.icaal-contact-form textarea:focus {
  outline: none;
  border-bottom: 1px solid #ffd600 !important;
}

.icaal-contact-form-wrap input:active {
  border: 0 !important;
}

.icaal-contact-form-wrap .form-field {
  border-left: 1px solid #dcdcdc;
  padding-left: 18px;
  max-width: 244px;
  padding-bottom: 10px;
}

.icaal-contact-form input,
.icaal-contact-form select,
.icaal-contact-form textarea {
  margin-bottom: 0;
}
.icaal-contact-form-wrap .submit.btn.btn-primary {
  font-size: 24px;
  line-height: 28px;
  color: #ffd600;
  font-weight: 700;
  border: 0 !important;
  background: none;
  outline: none;
  padding: 0;
  text-transform: lowercase;
  padding-top: 12px;
}

.icaal-contact-form-wrap .social-icons {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 14px;
}

.icaal-contact-form-wrap .social-icons a {
  font-size: 24px;
  color: #ffd600;
  margin-left: 10px;
}

.privacy-lnk {
  color: #757575;
}

.privacy-lnk:hover {
  color: #535453;
}

@media (max-width: 479px) {
  .icaal-contact-form-wrap label {
    position: relative;
  }
  .icaal-contact-form-wrap .form-field {
    border-left: 0;
    max-width: 100%;
  }
  .icaal-contact-form-wrap input,
  .icaal-contact-form textarea {
    max-width: 100%;
  }
  .icaal-contact-form-wrap {
    padding-left: 15px !important;
  }
  .icaal-contact-form-wrap .form-field {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-nav > li:hover .dropdown-menu {
    display: block !important;
  }
}

#page-content {
  margin-top: 180px;
  margin-bottom: 80px;
}

#user_login {
  display: block;
}

#user_pass {
  display: block;
}

@media (min-width: 991px) {
  #loginform {
    border-right: 1px solid #d5d5d5;
  }
}

.media-phone {
  color: #ffd602;
}

.media-phone:hover {
  color: #ffd602;
}

#wp-submit {
  background-color: white;
  color: #535453;
  border-color: #ffe465;
  padding: 5px 30px;
  border-width: 2px;
}

.page-id-2185 label {
  font-weight: normal !important;
}

@media (max-width: 991px) {
  .media-centre-info {
    margin-top: 30px;
  }

  #page-content {
    margin-top: 120px;
    margin-bottom: 80px;
  }

  .trade-area-form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .trade-area-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/*LOGIN SECTION CHECKBOX*/

/* Customize the label (the container) */
.login-remember label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.login-remember label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.css-label {
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.login-remember label:hover input ~ .css-label {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.login-remember label input:checked ~ .css-label {
  background-color: #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.css-label:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.login-remember label input:checked ~ .css-label:after {
  display: block;
}

/* Style the checkmark/indicator */
.login-remember label .css-label:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*Changes*/

.flex-form {
  position: relative;
  z-index: 3;
  margin-top: 200px;
}

#page-content {
  background-image: url(https://www.arkaywindows.com/wp-content/uploads/2018/10/Edgeglide-Door.jpg);
  display: block;
  background-size: cover;
  background-position: center;
  height: 1000px;
  margin: 0;
  color: white;
  font-family: "futura_ltbook", sans-serif;
}

#bg-overlay-login {
  position: absolute;
  background-color: black;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 2;
}

#footer {
  position: relative;
  z-index: 3;
}

#login-heading {
  padding-left: 15px;
  text-transform: uppercase;
  letter-spacing: 3.6px;
  font-size: 24px;
}

#page-content .login-remember label input {
  position: relative;
  opacity: 1;
  cursor: pointer;
  height: auto;
  width: auto;
}

#page-content .login-remember label {
  font-size: 14px;
  padding-left: 0px;
}

#user_pass,
#user_login {
  color: #535453;
}

.footer-cookies {
  z-index: 100;
}

@media (max-width: 567px) {
  .input-group-addon,
  .input-group-btn,
  .input-group .form-control {
    display: unset;
  }

  input[class="form-control"][name="postcode"] {
    text-align: center;
    display: unset;
  }
}

@media (max-width: 991px) {
  #login-heading {
    padding-left: 0px;
    text-align: center;
    margin-bottom: 0.5em;
  }
}

.fade-slick img {
  margin: 0 auto;
}

@media (min-width: 768px) {
  .img-media-c {
    width: 325px !important;
    height: 240px;
  }
}

.d-none {
  display: none;
}

@media (min-width: 1200px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
}

.m-b-1 {
  margin-bottom: 1rem;
}

.m-b-2 {
  margin-bottom: 2rem;
}

/*NEW MENU*/

@media (min-width: 768px) {
  #new-header-container .mobile-logo-small {
    display: none;
  }

  #mega-mobile {
    display: none;
  }
}

/*under 767pixels*/

@media (min-width: 0px) and (max-width: 767px) {
  #new-header-container .hidden-on-mobile {
    display: none;
  }

  #new-header-container .mobile-logo-small {
    width: 10vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .hidden-on-mobile {
    display: none;
  }

  .contact-leftcol {
    margin-top: 5em;
  }

  .header #new-header-container .megamenu {
    left: auto;
    transform: none;
    position: relative;
    float: right;
    top: -16px;
  }

  .header #new-header-container {
    display: flex;
    align-items: center;
  }
  .new-header {
    padding-bottom: 6px;
    padding-top: 17px;
  }

  #mega-desktop {
    display: none;
  }

  #nav-icon4 {
    width: 34px;
    height: auto;
    position: relative;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }

  #nav-icon4 span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background-color: #535453;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  .new-header.header #nav-icon4 span {
    background-color: #535453;
  }

  .new-header.header.header-white #nav-icon4 span {
    background-color: white;
  }

  .new-header.header.header-white.styck #nav-icon4 span {
    background: #535453;
  }

  #nav-icon4.open span {
    background: #535453;
  }

  #nav-icon4 {
  }

  #nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon4 span:nth-child(2) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon4 span:nth-child(3) {
    top: 24px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px;
    left: 4px;
  }

  #nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }

  #nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 26px;
    left: 4px;
  }
}

@media (min-width: 0px) and (max-width: 479px) {
  .header #new-header-container .logo {
    width: auto;
  }

  #new-header-container .mobile-logo-small {
    width: 12vw;
  }
}

@media (max-width: 991px) {
  .faqs h5 {
    text-align: center !important;
    background: #f3f3f3;
    padding: 0.5em;
  }
}
@media (max-width: 400px) {
  .product_header_image .header_content span.title {
    font-size: 35px;
  }
  .table > thead > tr > th {
    font-size: 10px !important;
  }
}

@media (max-width: 568px) {
  #quote-title-cont {
    flex-direction: column;
  }
}

/*
 * Icaal contact plugin css
 */
.icaal-contact-form input, .icaal-contact-form select, .icaal-contact-form textarea {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}

.icaal-contact-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*.icaal-contact-form input[name="postcode"] {*/
    /*text-transform: uppercase;*/
/*}*/

.icaal-contact-form input[type="checkbox"] {
    width: auto;
}

.icaal-contact-form .icaal-contact-form-wrap {
    margin-bottom: .5em;
}

.icaal-contact-form input.is-valid, .icaal-contact-form select.is-valid, .icaal-contact-form textarea.is-valid {
    border-color: #eee;
}

.icaal-contact-form input.is-invalid, .icaal-contact-form select.is-invalid, .icaal-contact-form textarea.is-invalid {
    border-color: #a94442;
}

.icaal-contact-form .select-wrapper {
    position: relative;
}

.icaal-contact-form .select-wrapper:before {
    content: '\f0d7';
    font-family: FontAwesome;
    color: #999;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10%;
    pointer-events: none;
}

.icaal-contact-form input[type="checkbox"] {
    margin-right: 5px !important;
    opacity: 1 !important;
    position: static !important;
    transform: translate(0, 0) !important;
}

.icaal-contact-form .icaal-contact-form-checkbox {
    float: left;
    padding-left: 5px;
}

/*
 * Button
 */
.icaal-contact-form .btn {
    display: inline-block;
    width: auto;
    padding: .5em 2em;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    transition: 0.2s ease-out;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
}

.icaal-contact-form .btn.btn-loading, .icaal-contact-form .btn.btn-loading:hover {
    background: #efefef;
    border-color: #efefef;
    color: #c8c8c8;
}

.icaal-contact-form .submit:hover {
    cusor: pointer;
}

@media (min-width: 991px) {
.homeowner-testimonials-slick .slick-next {
    right: 27%;
}
.homeowner-testimonials-slick {
    padding: 0px 50px 0 20px;
}
}
.homewoner-testimonials .homewoner-testimonials-container .testimonials-container .testimonials-wrapper .slick-inner-wrapper .testimonials-stars {
    font-size: 25px;
}

.homeowner-testimonials-slick .slick-dots li button::before {
    font-size: 15px;
}