/*
Template name: preston turf
version: 1.0
*/

/*
css index
=======
* base css
* header css
* main body css
* footer css

*/

/* base css */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
    margin: 0;
    padding: 0;
}
a:focus, input:focus, textarea:focus, button:focus{
    outline: 0 solid;
}
a:hover{
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6{
    margin:0 0 15px;
    font-weight:normal;
    font-style: normal;
    font-weight: 600;
    color: #fff;
}
p{
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}
.pos_relative{
    position: relative;
}
.fix{
    overflow: hidden;
}
body{
    font-weight: normal;
    font-style: normal;
    background-color: #004927;
    font-family: 'Roboto', sans-serif;
}
.img{
    max-width: 100%;
}
.btnc {
    border: medium none;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0;
    padding: 17px 35px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 1px solid transparent;
    color: #fff;
}
.btnc_border{
    background: transparent;
    border-color: #00c867;
    color: #1c3354;
}
.btnc_border:hover{
    border-color: transparent;
    color: #fff;
}

/* header css */
.header_bg {
    background-size: cover;
    background-position: center;
    padding-left: 10px;
    position: relative;
    z-index: 1;
    padding-top: 225px;
}
.header_title h2 {
    color: #fff;
    font-size: 90px;
    text-transform: capitalize;
    margin-bottom: 0;
}

.header_bg::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    left: 0;
    top: 0;
}

/* main body css */
.info_area .main_area {
    background: rgb(0,81,38);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA1MTI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODIzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -o-linear-gradient(-45deg,  rgba(0,81,38,1) 0%,rgba(0,130,56,1) 100%);
    background: -o-linear-gradient(315deg,  rgba(0,81,38,1) 0%,rgba(0,130,56,1) 100%);
    background: linear-gradient(135deg,  rgba(0,81,38,1) 0%,rgba(0,130,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005126', endColorstr='#008238',GradientType=1 );
    padding: 30px;
}

.listing_area img {
    max-width: 100%;
}

.list_info ul {
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

.list_info li {
    color: #fff;
}

.call_us {
    text-align: center;
}

.call_us p {
    font-size: 16px;
    margin-bottom: 10px;
}

.bulk_order p a {
    color: #fff;
    text-decoration: underline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.bulk_order p a:hover {
    color: #66cc33;
}

/* footer css */
.footer_bg {
    padding: 30px;
    background-repeat: no-repeat;
    padding-bottom: 15px;
    background-size: cover;
}

.footer_info {
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
}

.footer_info p {
    color: #000;
    font-weight: 300;
}

.accept_card img {
    width: 90px;
    height: 50px;
    cursor: pointer;
}

.accept_card.accept_card_right {
    text-align: right;
}

.copyright {
    text-align: center;
}

.copyright p {
    font-size: 14px;
    padding-top: 15px;
    color: #333;
    font-weight: 500;
}

/* preloader css */
.spinner {
    width: 40px;
    height: 40px;
    background-color: #333;
  
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
  }
  
  @-webkit-keyframes sk-rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
  }
  
  @keyframes sk-rotateplane {
    0% { 
      transform: perspective(120px) rotateX(0deg) rotateY(0deg);
      -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    } 50% { 
      transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
      -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    } 100% { 
      transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
      -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
  }
/* preloader custom css */  
.preston_preloader_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
}

.preston_preloader_wrap .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    margin-left: -20px;
    margin-right: -20px;
    background-color: #333;
    height: 50px;
    width: 50px;
    margin-top: -50px;
}