html, body{
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans', 'sans-serif';
}
/* ----------------------------------- Generales -------------------------------------- */
.no-pad {
    padding: 0;
}
/* ------------------------------------- MENU ----------------------------------------- */
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    margin: 10px 0;
}
.navbar .navbar-collapse {
    text-align: center;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar {
    margin-bottom: 0px;
}
.navbar-nav>li {
    border-right: 2px solid #ffea00;
}
.navbar-nav>li:last-child {
    border-right: none;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0 30px;
    font-style: italic;
}
.navbar-default .navbar-nav>li>a:hover {
    font-weight: bolder;
}
.bg-menu2 {
    background-color: #ffd000;
}
.menu1-a img {
    margin: 15px 0;
}
.menu1-b {
    margin: 15px 0;
}
.menu1-b p {
    font-style: italic;
    color: #000;
    margin: 0;
}
.menu1-b a {
    font-weight: bold;
    color: #000;
    font-size: 22px;
    text-decoration: none;
}
.menu1-c {
    padding-top: 10px;
} 
.menu1-c ul {
    display: inline-flex;
}
.menu1-c li {
    position: relative;
    display: block;
}
.menu1-c a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

/* ------------------------------------- sec1 ----------------------------------------- */
.sec1 {
    background: url("../img/home/sec1/construction-equipmentl-categories-main-banner-bg-img.jpg") center center no-repeat;
    background-size: cover;
    min-height: 500px;
    padding-bottom: 50px;
}
.sec3-pd {
    padding: 0 50px;
}
.sec1-a1 {
    font-size: 50px;
    font-weight: bold;
    padding-left: 0px;
    margin: 0;
    color: #fff;
    padding-top: 50px;
    font-style: italic;
}
.sec1-img1 {
    float: left;
}
.sec1-a2 {
    font-size: 40px;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.sec1-a3 {
    font-size: 80px;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #ffd000;
    line-height: 1;
    font-style: italic;
}
.sec1-img2 {
    width: 100%;
    /*max-width: 900px;*/
    margin-top: -130px !important;
}
.sec1-c {
    color: #fff;
}
.sec1-c h1 {
    font-weight: bold;
    font-size: 2em;
}
.sec1-c p {
    font-size: 1em;
    margin: 15px 0 20px;
}
.sec1-c span {
    color: #ffd000;
    font-weight: bold;
    font-size: 1.1em; 
}
.sec1-d {
    color: #fff;
    text-align: center;
}
.sec1-d a {
    color: #fff;
    text-decoration: none;
}
.sec1-d1, .sec1-d2, .sec1-d3, .sec1-d4, .sec1-d5, .sec1-d6, .sec1-d7, .sec1-d8, .sec1-d9, .sec1-d10 {
    background: #000;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
    transition: background 1s;
}
.sec1-d1 h3, .sec1-d2 h3, .sec1-d3 h3, .sec1-d4 h3, .sec1-d5 h3, .sec1-d6 h3, .sec1-d7 h3, .sec1-d8 h3, .sec1-d9 h3, .sec1-d10 h3 {
    font-size: 1.5em;
    margin-top: 15px;
    font-weight: bold;
    font-style: italic;
}
.sec1-d6-a h3, .sec1-d10-a h3 {
    margin-top: 3px;
}
.sec1-d1:hover {
    background: url("../img/home/sec1/scaffolding-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d2:hover {
    background: url("../img/home/sec1/compaction-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d3:hover {
    background: url("../img/home/sec1/aerial-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d4:hover {
    background: url("../img/home/sec1/air-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d5:hover {
    background: url("../img/home/sec1/pumping-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d6:hover {
    background: url("../img/home/sec1/concrete-masonry-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d7:hover {
    background: url("../img/home/sec1/generator-lighting-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d8:hover {
    background: url("../img/home/sec1/demolition-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d9:hover {
    background: url("../img/home/sec1/welding-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d10:hover {
    background: url("../img/home/sec1/earthmover-equipment-over-icon.png") center center no-repeat, url("../img/home/sec1/construction-equipment-categories-over-btn.png") center center no-repeat #ffd000 !important;
    background-size: 100% 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    height: 75px;
}
.sec1-d1:hover h3, .sec1-d2:hover h3, .sec1-d3:hover h3, .sec1-d4:hover h3, .sec1-d5:hover h3, .sec1-d6:hover h3, .sec1-d7:hover h3, .sec1-d8:hover h3, .sec1-d9:hover h3, .sec1-d10:hover h3 {
    display: none;
}

/* ------------------------------------- sec2 ----------------------------------------- */
.sec2 {
    background: url("../img/home/sec2/construction-equipment-the-team-afternoonsky-bg-img.jpg") top right no-repeat;
    background-size: contain;
    min-height: 880px;
}
.sec2-bg {
    background: url("../img/home/deere-aboutus-img.png") bottom right no-repeat;
    background-size: contain;
    height: 880px;
    padding-bottom: 50px;
}
.sec2-a1 {
    font-size: 40px;
    font-weight: bold;
    padding-left: 0;
    margin: 0;
    color: #000;
    padding-top: 50px;
    font-style: italic;
}
.sec2-img1 {
    float: left;
}
.sec2-a2 {
    font-size: 2em;
    padding-left: 20px;
    margin: 0;
    color: #000;
    line-height: 1;
    font-style: italic;
    letter-spacing: 6px;
}
.sec2-a3 {
    font-size: 75px;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #000;
    line-height: 1;
    font-style: italic;
}
.sec2-b {
    padding: 30px 0px;
}
.sec2-b p {
    font-size: 1.3em;
    color: #000;
}
.sec2-b a {
    background: #000;
    padding: 20px 40px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    font-size: 1.2em;
    margin-top: 30px;
}

/* ------------------------------------- sec3 ----------------------------------------- */
.sec3 {
    background: #fff;
    background-size: contain;
    width: 100%;
    min-height: 500px;   
}
.sec3-a1 {
    font-size: 50px;
    font-weight: bold;
    padding-left: 0px;
    margin: 0;
    color: #000;
    padding-top: 50px;
    font-style: italic;
}
.sec3-img1 {
    float: left;
}
.sec3-a2 {
    font-size: 40px;
    padding-left: 20px;
    margin: 0;
    color: #000;
    line-height: 1;
    font-style: italic;
}
.sec3-a3 {
    font-size: 90px;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #000;
    line-height: 1;
    font-style: italic;
}
.sec3-img2 {
    width: 100%;
    /*max-width: 900px;*/
    margin-top: -150px !important;
}
.sec3-c {
    color: #000;
}
.sec3-c p {
    font-size: 1em;
    margin: 15px 0 40px;
    font-weight: normal;
    padding-left: 0px;
}
.sec3-c span {
    color: #ffd000;
    font-weight: bold;
}
.sec3-da {
    margin-bottom: -1px;
}
.sec3-d1 {
    background: url("../img/home/sec3/scaffolding-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d1:hover {
    background: url("../img/home/sec3/scaffolding-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d2 {
    background: url("../img/home/sec3/compaction-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d2:hover {
    background: url("../img/home/sec3/compaction-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d3 {
    background: url("../img/home/sec3/aerial-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d3:hover {
    background: url("../img/home/sec3/aerial-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d4 {
    background: url("../img/home/sec3/air-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d4:hover {
    background: url("../img/home/sec3/air-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d5 {
    background: url("../img/home/sec3/pumping-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d5:hover {
    background: url("../img/home/sec3/pumping-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d6 {
    background: url("../img/home/sec3/concrete-masonry-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d6:hover {
    background: url("../img/home/sec3/concrete-masonry-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d7 {
    background: url("../img/home/sec3/generators-lighting-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d7:hover {
    background: url("../img/home/sec3/generators-lighting-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d8 {
    background: url("../img/home/sec3/demolition-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d8:hover {
    background: url("../img/home/sec3/demolition-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d9 {
    background: url("../img/home/sec3/welding-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d9:hover {
    background: url("../img/home/sec3/welding-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d10 {
    background: url("../img/home/sec3/earthmoving-material-handling-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.sec3-d10:hover {
    background: url("../img/home/sec3/earthmoving-material-handling-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.sec3-d1 h3, .sec3-d2 h3, .sec3-d3 h3, .sec3-d4 h3, .sec3-d5 h3, .sec3-d6 h3, .sec3-d7 h3, .sec3-d8 h3, .sec3-d9 h3, .sec3-d10 h3 {
    font-size: 1.5em;
    margin-top: 140px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    text-align: center;
}
.sec3-d1:hover h3, .sec3-d2:hover h3, .sec3-d3:hover h3, .sec3-d4:hover h3, .sec3-d5:hover h3, .sec3-d6:hover h3, .sec3-d7:hover h3, .sec3-d8:hover h3, .sec3-d9:hover h3, .sec3-d10:hover h3 {
    font-size: 1.5em;
    margin-top: 140px;
    font-weight: bold;
    font-style: italic;
    color: #000;
    text-align: center;
}
.sec3-e img {
    width: 100%;
    margin-bottom: 50px;
}
.sec3-f1 {
    font-size: 40px;
    font-weight: bold;
    padding-left: 0px;
    margin: 0;
    color: #000;
    padding-top: 50px;
    font-style: italic;
}
.sec3-f2 {
    font-size: 2.1em;
    padding-left: 20px;
    margin: 0;
    color: #000;
    line-height: 1.2;
    font-style: italic;
    letter-spacing: 6px;
}
.sec3-f3 {
    font-size: 5.7em;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #000;
    line-height: 1.2;
    font-style: italic;
}

/* ------------------------------------- sec4 ----------------------------------------- */
.sec4 {
    margin-top: 50px;
    display: inline-block;
    width: 100%;
}
.sec4-a {
    background: url("../img/home/sec4/scaffolds-img.png") center center no-repeat;
    background-size: cover;
    min-height: 600px;
    padding: 330px 10px 10px;
    text-align: center;
    color: #fff;
}
.sec4-b {
    background: url("../img/home/sec4/equipment-rental-img.png") center center no-repeat;
    background-size: cover;
    min-height: 600px;
    padding: 330px 10px 10px;
    text-align: center;
    color: #fff;
}
.sec4-c {
    background: url("../img/home/sec4/used-equipment-img.png") center center no-repeat;
    background-size: cover;
    min-height: 600px;
    padding: 330px 10px 10px;
    text-align: center;
    color: #fff;
}
.sec4-a h2, .sec4-b h2, .sec4-c h2 {
    font-size: 3em;
    font-weight: bold;
    font-style: italic;
    height: 85px;
    margin-top: 0;
}
.sec4-a p, .sec4-b p, .sec4-c p {
    /*overflow-y: hidden;*/
    height: 170px;
    padding: 10px;
    /*margin-right: 20px;*/
}
/*.sec4-a p:hover, .sec4-b p:hover, .sec4-c p:hover {
    overflow-y: auto;
    margin-right: 3px;
}*/
.sec4-a a, .sec4-b a, .sec4-c a {
    color: #ffdd40;
    font-weight: bold;
    font-size: 1.3em;
    min-height: 50px;
}
.sec4-a a:hover, .sec4-b a:hover, .sec4-c a:hover {
    text-decoration: none;
}

/* ------------------------------------- footer ----------------------------------------- */
.footer-bg {
    background: #121212 !important;
    color: #fff;
    width: 100%;
    display: inline-block;
    padding-top: 50px;
    margin: -5px 0;
}
.footer-bg1 h4, .footer-bg2 h4 {
    font-size: 2.5em;
    font-weight: bold;
    font-style: italic;
}
.footer-bg1 h5 {
    font-size: 1.5em;
    font-weight: bold;
    font-style: italic;
}
.footer-bg1 span {
    color: #ffd200;
    font-weight: bold;
}
.footer-bg2 ul {
    padding-left: 0;
    list-style: none;
}
.footer-bg2 li {
    font-style: italic;
    padding: 10px;
}
.footer-bg4 p {
    margin-top: 50px;
}
.footer-bg4 a:last-child {
    color: #e0ac00;
}
.footer-bg5 ul {
    display: inline-flex;
}
.footer-bg5 li {
    position: relative;
    display: block;
}
.footer-bg5 a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.footer-img1:hover, .footer-img2:hover, .footer-img3:hover {
    border: 1px solid #ffd200;
    border-radius: 25px;
    margin: -1px;
}
.footer-bg2-a {
    color: #fff !important;
    text-decoration: none !important;
}
.footer-bg2-a:hover {
    color: #ffd200 !important;
    text-decoration: none !important;
    font-style: italic;
    font-weight: bold;
}
.footer-bg3, .footer-bg4 {
    display: inline-block !important;
}
.footer-bg3 iframe {
    margin: 10px 0px;
    width: 100%;
    height: 250px;
    border: 5px solid #ffd101;
}

/* ------------------------------------- columnas personalizadas  ----------------------------------------- */
.col-2 {
    width: 18.5%;
    float: left;
}
.col-2b {
    width: 20%;
    float: left;
}
.col-2c {
    width: 20%;
    float: left;
}


@media (max-width: 1200px) and (min-width: 1024px) { 
    .col-2 {
        width: 23%;
    }
    .col-2b {
        width: 20%;
    }
    .navbar-default .navbar-nav>li>a {
        margin: 0 15px;
    }
    .sec1-d1 h3, .sec1-d2 h3, .sec1-d3 h3, .sec1-d4 h3, .sec1-d5 h3, .sec1-d6 h3, .sec1-d7 h3, .sec1-d8 h3, .sec1-d9 h3, .sec1-d10 h3 {
        font-size: 1.3em;
    }
    .sec3-d1, .sec3-d2, .sec3-d3, .sec3-d4, .sec3-d5, .sec3-d6, .sec3-d7, .sec3-d8, .sec3-d9, .sec3-d10 {
        height: 221px;
    }
    .sec3-d1:hover, .sec3-d2:hover, .sec3-d3:hover, .sec3-d4:hover, .sec3-d5:hover, .sec3-d6:hover, .sec3-d7:hover, .sec3-d8:hover, .sec3-d9:hover, .sec3-d10:hover  {
        height: 221px;
    }
    .sec3-da {
        margin-bottom: -3px;
    }
    
}
@media (max-width: 1023px) and (min-width: 768px) { 
    .col-2 {
        width: 20%;
    }
    .col-2b {
        width: 25%;
    }
    .navbar-default .navbar-nav>li>a {
        margin: 0 0px;
    }
    .sec1-d1 h3, .sec1-d2 h3, .sec1-d3 h3, .sec1-d4 h3, .sec1-d5 h3, .sec1-d6 h3, .sec1-d7 h3, .sec1-d8 h3, .sec1-d9 h3, .sec1-d10 h3 {
        font-size: 1.3em;
    }
    .sec1-a1 {
        font-size: 40px;
        padding-left: 20px;
    }
    .sec1-img1 {
        width: 125px;
    }
    .sec1-a2 {
        font-size: 30px;
    }
    .sec1-a3 {
        font-size: 75px;
    }
    .sec3-d1, .sec3-d2, .sec3-d3, .sec3-d4, .sec3-d5, .sec3-d6, .sec3-d7, .sec3-d8, .sec3-d9, .sec3-d10 {
        height: 241px;
    }
    .sec3-d1:hover, .sec3-d2:hover, .sec3-d3:hover, .sec3-d4:hover, .sec3-d5:hover, .sec3-d6:hover, .sec3-d7:hover, .sec3-d8:hover, .sec3-d9:hover, .sec3-d10:hover  {
        height: 221px;
    }
    .sec3-da {
        margin-bottom: -3px;
    }
    .sec2-bg {
        height: 700px;
    }
    .sec2 {
        min-height: 700px;
    }
    .sec3-a1 {
        font-size: 45px;
    }
    .sec3-a2 {
        font-size: 35px;
    }
    .sec3-a3 {
        font-size: 80px;
    }
    .sec3-img1 {
        width: 120px;
    }
    .footer-bg4 p {
        margin-top: 20px;
    }
}
@media (max-width: 767px) and (min-width: 480px) { 
    .col-2 {
        width: 30%;
    }
    .col-2b {
        width: 33.3%;
    }
    .navbar-default .navbar-nav>li>a {
        margin: 0 0px;
    }
    .navbar-nav>li {
        border-right: 0px solid #ffea00;
    }
    .sec1-d1 h3, .sec1-d2 h3, .sec1-d3 h3, .sec1-d4 h3, .sec1-d5 h3, .sec1-d6 h3, .sec1-d7 h3, .sec1-d8 h3, .sec1-d9 h3, .sec1-d10 h3 {
        font-size: 1.3em;
    }
    .sec1-a1 {
        font-size: 25px;
        padding-left: 20px;
    }
    .sec1-img1 {
        width: 85px;
    }
    .sec1-a2 {
        font-size: 25px;
    }
    .sec1-a3 {
        font-size: 46px;
    }
    .sec1-img2 {
        margin-top: -80px !important;
    }
    .sec2-a1 {
        font-size: 35px;
    }
    .sec2-a3 {
        font-size: 75px;
    }
    .sec3-d1, .sec3-d2, .sec3-d3, .sec3-d4, .sec3-d5, .sec3-d6, .sec3-d7, .sec3-d8, .sec3-d9, .sec3-d10 {
        height: 405px;
    }
    .sec3-d1:hover, .sec3-d2:hover, .sec3-d3:hover, .sec3-d4:hover, .sec3-d5:hover, .sec3-d6:hover, .sec3-d7:hover, .sec3-d8:hover, .sec3-d9:hover, .sec3-d10:hover  {
        height: 405px;
    }
    .sec3-da {
        margin-bottom: -3px;
    }
    .sec2-bg {
        height: 600px;
    }
    .sec2 {
        min-height: 600px;
    }
    .sec3-pd {
        padding: 0 10px;
    }
    .sec3-a1 {
        font-size: 35px;
    }
    .sec3-a2 {
        font-size: 30px;
    }
    .sec3-a3 {
        font-size: 70px;
    }
    .sec3-img2 {
        margin-top: -95px !important;
    }
    .sec3-img1 {
        width: 100px;
    }
    .sec3-f1 {
        font-size: 30px;
    }
    .sec3-f2 {
        font-size: 1.5em;
    }
    .sec3-f3 {
        font-size: 4.7em;
    }
    .footer-bg4 p {
        margin-top: 20px;
    }
    .footer-bg5 {
        text-align: center;
    }
}
@media (max-width: 479px) and (min-width: 0px) { 
    .col-2 {
        width: 44%;
    }
    .col-2b {
        width: 50%;
    }
    .navbar-default .navbar-nav>li>a {
        margin: 0 0px;
    }
    .navbar-nav>li {
        border-right: 0px solid #ffea00;
    }  
    .sec1-d1 h3, .sec1-d2 h3, .sec1-d3 h3, .sec1-d4 h3, .sec1-d5 h3, .sec1-d6 h3, .sec1-d7 h3, .sec1-d8 h3, .sec1-d9 h3, .sec1-d10 h3 {
        font-size: 1em;
    }
    .sec1-a1 {
        font-size: 1.2em;
        padding-left: 10px;
    }
    .sec1-img1 {
        width: 60px;
    }
    .sec1-a2 {
        font-size: 1.1em;
    }
    .sec1-a3 {
        font-size: 2.1em;
    }
    .sec1-img2 {
        margin-top: -50px !important;
    }
    .sec1-c h2 {
        font-size: 1.3em;
    }
    .sec2-a1 {
        font-size: 25px;
    }
    .sec2-img1 {
        width: 60px;
    }
    .sec2-a2 {
        font-size: 1em;
    }
    .sec2-a3 {
        font-size: 45px;
    }
    .sec2-b {
        padding: 20px 0px;
    }
    .sec3-d1, .sec3-d2, .sec3-d3, .sec3-d4, .sec3-d5, .sec3-d6, .sec3-d7, .sec3-d8, .sec3-d9, .sec3-d10 {
        height: 210px;
    }
    .sec3-d1:hover, .sec3-d2:hover, .sec3-d3:hover, .sec3-d4:hover, .sec3-d5:hover, .sec3-d6:hover, .sec3-d7:hover, .sec3-d8:hover, .sec3-d9:hover, .sec3-d10:hover  {
        height: 210px;
    }
    .sec3-da {
        margin-bottom: -3px;
    }
    .sec2-bg {
        height: 650px;
    }
    .sec2 {
        min-height: 650px;
    }
    .sec3-pd {
        padding: 0 10px;
    }
    .sec3-a1 {
        font-size: 25px;
        padding-left: 25px;
    }
    .sec3-a2 {
        font-size: 18px;
    }
    .sec3-a3 {
        font-size: 38px;
    }
    .sec3-img2 {
        margin-top: -55px !important;
    }
    .sec3-img1 {
        width: 60px;
    }
    .sec3-f1 {
        font-size: 20px;
    }
    .sec3-f2 {
        font-size: 1em;
    }
    .sec3-f3 {
        font-size: 2.7em;
    }
    .footer-bg4 p {
        margin-top: 20px;
    }
    .footer-bg5 {
        text-align: center;
    }
    .sec4-a, .sec4-b, .sec4-c {
        width: 100% !important;
    }
    .footer-bg1, .footer-bg2, .footer-bg3 img {
        width: 100%;
    }
    .footer-bg1 h4, .footer-bg2 h4, .footer-bg2 ul {
        text-align: center;
    }
}
/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------- Scaffolds ----------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

/* ------------------------------------- sec1 ----------------------------------------- */
.scaf-sec1 {
    background: url("../img/scaffolds/scaffolds-title-bg-img.jpg") center center no-repeat;
    background-size: cover;
    min-height: 250px;
    padding: 30px;
}
.scaf-sec1-a1 {
    font-size: 2.5em;
    font-weight: bold;
    padding-left: 15px;
    margin: 0;
    color: #fff;
    font-style: italic;
}
.scaf-sec1-img1 {
    float: left;
}
.scaf-sec1-a2 {
    font-size: 2.4em;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.scaf-sec1-a3 {
    font-size: 4.9em;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.scaf-sec1-img2 {
    width: 100%;
    margin-top: -100px !important;
}

/* ------------------------------------- sec2 ----------------------------------------- */
.scaf-sec2 {
    background: #fff;
    background-size: contain;
    min-height: 500px;
    padding: 30px 0px;
}
.scaf-sec2-a {
    color: #000;
}
.scaf-sec2-a b {
    font-size: 1.5em;
}
.scaf-sec2-a p {
    font-size: 1.3em;
    margin: 15px 0 40px;
    font-weight: normal;
}
.scaf-sec2-a a {
    color: #ffd000;
    font-weight: bold;
}
.scaf-sec2 {
    color: #000;
}
.scaf-sec2 h2 {
    padding-left: 15px;
}
.scaf-sec2 a:hover {
    text-decoration: none;
}
/*--b--*/
.scaf-sec2-b1, .scaf-sec2-b2, .scaf-sec2-b3 {
    border: 1px solid #000;
    height: 450px;
    text-align: center;
}
.scaf-sec2-b1c, .scaf-sec2-b2c, .scaf-sec2-b3c {
    padding: 10px;
    text-align: left;
    height: 160px;
    transition: height 1s;
}
.scaf-sec2-b1c h3, .scaf-sec2-b2c h3, .scaf-sec2-b3c h3 {
    font-weight: bold;
    font-style: italic;
    font-size: 2em;
    margin-top: 0;
    color: #000;
}
.scaf-sec2-b1c p, .scaf-sec2-b2c p, .scaf-sec2-b3c p {
    font-size: 1.2em;
    color: #000;
}

.scaf-sec2-b1c span, .scaf-sec2-b2c span, .scaf-sec2-b3c span {
    color: #fff;
    text-decoration: none;
    background: #000;
    padding: 10px 30px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.5em;
    font-style: italic;
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity .5s ease-in;
}
.scaf-sec2-b1 img, .scaf-sec2-b2 img, .scaf-sec2-b3 img {
    width: 100%;
    max-height: 400px;
    transition: width 1s;
} 
.scaf-sec2-b1:hover, .scaf-sec2-b2:hover, .scaf-sec2-b3:hover {
    border: 1px solid #ffd000;
} 
.scaf-sec2-b1:hover img, .scaf-sec2-b2:hover img, .scaf-sec2-b3:hover img {
    width: 300px;
} 
.scaf-sec2-b1:hover .scaf-sec2-b1c, .scaf-sec2-b2:hover .scaf-sec2-b2c, .scaf-sec2-b3:hover .scaf-sec2-b3c {
    background: #ffd000;
    height: 150px;
} 
.scaf-sec2-b1:hover span, .scaf-sec2-b2:hover span, .scaf-sec2-b3:hover span {
    visibility: visible;
    opacity: 1;
} 
/*--c--*/
.scaf-sec2-c1, .scaf-sec2-c2, .scaf-sec2-c3 {
    border: 1px solid #000;
    height: 450px;
    text-align: center;
}
.scaf-sec2-c1c, .scaf-sec2-c2c, .scaf-sec2-c3c {
    padding: 10px;
    text-align: left;
    height: 50px;
    transition: height 1s;
}
.scaf-sec2-c1c h3, .scaf-sec2-c2c h3, .scaf-sec2-c3c h3 {
    font-weight: bold;
    font-style: italic;
    font-size: 2em;
    margin-top: 0;
    color: #000;
}
.scaf-sec2-c1c p, .scaf-sec2-c2c p, .scaf-sec2-c3c p {
    font-size: 1.2em;
    color: #000;
}
.scaf-sec2-c1c span, .scaf-sec2-c2c span, .scaf-sec2-c3c span {
    color: #fff;
    text-decoration: none;
    background: #000;
    padding: 10px 30px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.5em;
    font-style: italic;
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity .5s ease-in;
}
.scaf-sec2-c1 img, .scaf-sec2-c2 img, .scaf-sec2-c3 img {
    width: 100%;
    max-height: 400px;
    transition: width 1s;
} 
.scaf-sec2-c1:hover, .scaf-sec2-c2:hover, .scaf-sec2-c3:hover {
    border: 1px solid #ffd000;
} 
.scaf-sec2-c1:hover img, .scaf-sec2-c2:hover img, .scaf-sec2-c3:hover img {
    width: 300px;
} 
.scaf-sec2-c1:hover .scaf-sec2-c1c, .scaf-sec2-c2:hover .scaf-sec2-c2c, .scaf-sec2-c3:hover .scaf-sec2-c3c {
    background: #ffd000;
    height: 150px;
} 
.scaf-sec2-c1:hover span, .scaf-sec2-c2:hover span, .scaf-sec2-c3:hover span {
    visibility: visible;
    opacity: 1;
} 
/*--d--*/
.scaf-sec2-d1, .scaf-sec2-d2, .scaf-sec2-d3 {
    border: 1px solid #000;
    height: 450px;
    text-align: center;
}
.scaf-sec2-d1c, .scaf-sec2-d2c, .scaf-sec2-d3c {
    padding: 10px;
    text-align: left;
    height: 50px;
    transition: height 1s;
}
.scaf-sec2-d1c h3, .scaf-sec2-d2c h3, .scaf-sec2-d3c h3 {
    font-weight: bold;
    font-style: italic;
    font-size: 2em;
    margin-top: 0;
    color: #000;
}
.scaf-sec2-d1c p, .scaf-sec2-d2c p, .scaf-sec2-d3c p {
    font-size: 1.2em;
    color: #000;
}
.scaf-sec2-d1c span, .scaf-sec2-d2c span, .scaf-sec2-d3c span {
    color: #fff;
    text-decoration: none;
    background: #000;
    padding: 10px 30px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.5em;
    font-style: italic;
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity .5s ease-in;
}
.scaf-sec2-d1 img, .scaf-sec2-d2 img, .scaf-sec2-d3 img {
    width: 100%;
    max-height: 400px;
    transition: width 1s;
} 
.scaf-sec2-d1:hover, .scaf-sec2-d2:hover, .scaf-sec2-d3:hover {
    border: 1px solid #ffd000;
} 
.scaf-sec2-d1:hover img, .scaf-sec2-d2:hover img, .scaf-sec2-d3:hover img {
    width: 300px;
} 
.scaf-sec2-d1:hover .scaf-sec2-d1c, .scaf-sec2-d2:hover .scaf-sec2-d2c, .scaf-sec2-d3:hover .scaf-sec2-d3c {
    background: #ffd000;
    height: 150px;
} 
.scaf-sec2-d1:hover span, .scaf-sec2-d2:hover span, .scaf-sec2-d3:hover span {
    visibility: visible;
    opacity: 1;
}
/*--e--*/
.scaf-sec2-e1, .scaf-sec2-e2, .scaf-sec2-e3, .scaf-sec2-e4, .scaf-sec2-e5 {
    border: 1px solid #000;
    height: 450px;
    text-align: center;
}
.scaf-sec2-e1c, .scaf-sec2-e2c, .scaf-sec2-e3c, .scaf-sec2-e4c, .scaf-sec2-e5c {
    padding: 10px;
    text-align: left;
    height: 50px;
    transition: height 1s;
}
.scaf-sec2-e1c h3, .scaf-sec2-e2c h3, .scaf-sec2-e3c h3, .scaf-sec2-e4c h3, .scaf-sec2-e5c h3 {
    font-weight: bold;
    font-style: italic;
    font-size: 2em;
    margin-top: 0;
    color: #000;
}
.scaf-sec2-e1c p, .scaf-sec2-e2c p, .scaf-sec2-e3c p, .scaf-sec2-e4c p, .scaf-sec2-e5c p {
    font-size: 1.2em;
    color: #000;
}
.scaf-sec2-e1c span, .scaf-sec2-e2c span, .scaf-sec2-e3c span, .scaf-sec2-e4c span, .scaf-sec2-e5c span {
    color: #fff;
    text-decoration: none;
    background: #000;
    padding: 10px 30px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.5em;
    font-style: italic;
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity .5s ease-in;
}
.scaf-sec2-e1 img, .scaf-sec2-e2 img, .scaf-sec2-e3 img, .scaf-sec2-e4 img, .scaf-sec2-e5 img {
    width: 100%;
    max-height: 400px;
    transition: width 1s;
} 
.scaf-sec2-e1:hover, .scaf-sec2-e2:hover, .scaf-sec2-e3:hover, .scaf-sec2-e4:hover, .scaf-sec2-e5:hover {
    border: 1px solid #ffd000;
} 
.scaf-sec2-e1:hover img, .scaf-sec2-e2:hover img, .scaf-sec2-e3:hover img, .scaf-sec2-e4:hover img, .scaf-sec2-e5:hover img {
    width: 300px;
} 
.scaf-sec2-e1:hover .scaf-sec2-e1c, .scaf-sec2-e2:hover .scaf-sec2-e2c, .scaf-sec2-e3:hover .scaf-sec2-e3c, .scaf-sec2-e4:hover .scaf-sec2-e4c, .scaf-sec2-e5:hover .scaf-sec2-e5c {
    background: #ffd000;
    height: 150px;
} 
.scaf-sec2-e1:hover span, .scaf-sec2-e2:hover span, .scaf-sec2-e3:hover span, .scaf-sec2-e4:hover span, .scaf-sec2-e5:hover span {
    visibility: visible;
    opacity: 1;
} 
@media (max-width: 1200px) and (min-width: 1024px) {
    
}
@media (max-width: 1023px) and (min-width: 768px) {
    
}
@media (max-width: 767px) and (min-width: 480px) {
    .scaf-sec1 {
        padding: 30px 10px;
    }
    .scaf-sec1-a1 {
        font-size: 2.3em;
    }
    .scaf-sec1-img1 {
        width: 70px;
    }
    .scaf-sec1-a2 {
        font-size: 2.2em;
    }
    .scaf-sec1-a3 {
        font-size: 4em;
    }
    .scaf-sec1-img2 {
        margin-top: -60px !important;
    }
    .scaf-sec2 {
        padding: 30px 10px;
    }
    .scaf-sec2-a p {
        font-size: 1em;
    }
    .scaf-sec2-a b {
        font-size: 1.2em;
    }
    .scaf-sec2-b1 img, .scaf-sec2-b2 img, .scaf-sec2-b3 img {
        width: 75%;
    }
    .scaf-sec2-c1 img, .scaf-sec2-c2 img, .scaf-sec2-c3 img {
        width: 75%;
    }
    .scaf-sec2-d1 img, .scaf-sec2-d2 img, .scaf-sec2-d3 img {
        width: 75%;
    }
    .scaf-sec2-e1 img, .scaf-sec2-e2 img, .scaf-sec2-e3 img, .scaf-sec2-e4 img, .scaf-sec2-e5 img {
        width: 75%;
    }
}
@media (max-width: 479px) and (min-width: 0px) {
    .scaf-sec1 {
        padding: 70px 0px;
    }
    .scaf-sec1-a1 {
        font-size: 1.5em;
    }
    .scaf-sec1-img1 {
        width: 50px;
    }
    .scaf-sec1-a2 {
        font-size: 1.5em;
    }
    .scaf-sec1-a3 {
        font-size: 2.3em;
    }
    .scaf-sec1-img2 {
        margin-top: -40px !important;
    }
    .scaf-sec2 {
        padding: 30px 10px;
    }
    .scaf-sec2-a p {
        font-size: 1em;
    }
    .scaf-sec2-a b {
        font-size: 1.2em;
    }
   
}

/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------- Contact --------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

/* ------------------------------------- sec1 ----------------------------------------- */
.cont-sec1 {
    background: url("../img/contact/contact-title-bg-img.jpg") center center no-repeat;
    background-size: cover;
    min-height: 250px;
    padding: 30px 0px;
}
.cont-sec1-a1 {
    font-size: 2.5em;
    font-weight: bold;
    padding-left: 15px;
    margin: 0;
    color: #fff;
    font-style: italic;
}
.cont-sec1-img1 {
    float: left;
}
.cont-sec1-a2 {
    font-size: 2.4em;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.cont-sec1-a3 {
    font-size: 4.9em;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.cont-sec1-img2 {
    width: 100%;
    margin-top: -100px !important;
}

/* ------------------------------------- sec2 ----------------------------------------- */
.cont-sec2 {
    background: #fff;
    background-size: contain;
    min-height: 500px;
    padding: 30px 0px;
}
.cont-sec2-a {
    color: #000;
}
.cont-sec2-a b {
    font-size: 1.5em;
}
.cont-sec2-a p {
    font-size: 1.3em;
    margin: 15px 0 40px;
    font-weight: normal;
}
.cont-sec2-a a {
    color: #ffd000;
    font-weight: bold;
}
.cont-sec2 {
    color: #000;
}
.cont-sec2 h2 {
    padding-left: 15px;
}
.cont-form input, select {
    background: transparent;
    border: 0;
    border-bottom: 1px solid black;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 10px 0;
    font-style: italic;
    font-size: 1.2em;
    outline: none;
}
.cont-form select {
    color: #666;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/**/
select.cont-round {
    background-image:
        linear-gradient(45deg, transparent 50%, #fff 50%),
        linear-gradient(135deg, #fff 50%, transparent 50%),
        radial-gradient(#000 70%, transparent 72%);
    background-position: 
        calc(100% - 18px) calc(1em + 0px), 
        calc(100% - 13px) calc(1em + 0px), 
        calc(100% - 0.5em) .5em;
    background-size: 
        5px 5px, 
        5px 5px, 
        1.2em 1.2em;
    background-repeat: no-repeat;
}
select.cont-round:focus {
    background-image:
        linear-gradient(45deg, #fff 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, #fff 50%),
        radial-gradient(#000 70%, transparent 72%);
    background-position:
        calc(100% - 13px) calc(1em - 2px),
        calc(100% - 18px) calc(1em - 2px),
        calc(100% - .5em) .5em;
    background-size:
        5px 5px,
        5px 5px,
        1.2em 1.2em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}
/**/

.cont-form textarea {
    background: transparent;
    border-bottom: 1px solid black;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 10px 0;
    font-style: italic;
    height: 150px;
    font-size: 1.2em;
    outline: none;
}
.cont-sec2 button {
    padding: 15px 45px;
    background: #000;
    color: #fff;
    border: 0;
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 30px !important;
    outline: none;
}
.cont-sec2 button:hover {
    border: 1px solid #ffd000;
    margin: -1px;
}

@media (max-width: 1200px) and (min-width: 1024px) {
    
}
@media (max-width: 1023px) and (min-width: 768px) {
    
}
@media (max-width: 767px) and (min-width: 480px) {
    .cont-sec1 {
        padding: 30px 0px;
    }
    .cont-sec1-a1 {
        font-size: 2.3em;
    }
    .cont-sec1-img1 {
        width: 70px;
    }
    .cont-sec1-a2 {
        font-size: 2.2em;
    }
    .cont-sec1-a3 {
        font-size: 4em;
    }
    .cont-sec1-img2 {
        margin-top: -60px !important;
    }
    .cont-sec2 {
        padding: 30px 10px;
    }
    .cont-sec2-a p {
        font-size: 1em;
    }
    .cont-sec2-a b {
        font-size: 1.2em;
    }
}
@media (max-width: 479px) and (min-width: 0px) {    
    .cont-sec1 {
        padding: 70px 0px;
    }
    .cont-sec1-a1 {
        font-size: 1.5em;
    }
    .cont-sec1-img1 {
        width: 50px;
    }
    .cont-sec1-a2 {
        font-size: 1.5em;
    }
    .cont-sec1-a3 {
        font-size: 2.2em;
    }
    .cont-sec1-img2 {
        margin-top: -40px !important;
    }
    .cont-sec2 {
        padding: 30px 10px;
    }
    .cont-sec2-a p {
        font-size: 1em;
    }
    .cont-sec2-a b {
        font-size: 1.2em;
    }
}

/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------- About Us --------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

/* ------------------------------------- sec1 ----------------------------------------- */
.abo-sec1 {
    background: url("../img/about-us/about-us-title-bg-img.jpg") center center no-repeat;
    background-size: cover;
    min-height: 250px;
    padding: 30px 0px;
}
.abo-sec1-a1 {
    font-size: 2.5em;
    font-weight: bold;
    padding-left: 15px;
    margin: 0;
    color: #fff;
    font-style: italic;
}
.abo-sec1-img1 {
    float: left;
}
.abo-sec1-a2 {
    font-size: 2.4em;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.abo-sec1-a3 {
    font-size: 4.9em;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.abo-sec1-img2 {
    width: 100%;
    margin-top: -140px !important;
}

/* ------------------------------------- sec2 ----------------------------------------- */
.abo-sec2 {
    /*background: #fff;
    background-size: contain;
    min-height: 500px;*/
    padding: 30px 0px;
}
.abo-sec2 {
    color: #000;
}
.abo-sec2-a {
    padding: 30px 30px 10px 30px;
}
.abo-sec2-a h2 {
    font-size: 2em;
    font-weight: bold;
}
.abo-sec2-line img {
    width: 100%;
}

.abo-sec2-c {
    margin-top: 30px;
}
.abo-sec2-c1 {
    font-size: 2.5em;
    font-weight: bold;
    padding-left: 15px;
    margin: 0;
    color: #000;
    font-style: italic;
}
.abo-sec2-img1 {
    float: left;
}
.abo-sec2-c2 {
    font-size: 2.4em;
    padding-left: 20px;
    margin: 0;
    color: #000;
    line-height: 1;
    font-style: italic;
}
.abo-sec2-c3 {
    font-size: 4.9em;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #000;
    line-height: 1;
    font-style: italic;
}
/* ------------------------------------- sec3 ----------------------------------------- */
.abo-sec3 {
    background: #949494;
    min-height: 300px;
    padding: 30px 0;
    text-align: center;
}
.abo-sec3-1, .abo-sec3-2, .abo-sec3-3, .abo-sec3-4, .abo-sec3-5 {
    padding: 10px;
}
.abo-sec3 h3 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.abo-sec3 p {
    font-size: 1em;
    color: #fff;
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .abo-sec3-1 img, .abo-sec3-2 img, .abo-sec3-3 img, .abo-sec3-4 img, .abo-sec3-5 img {
        width: 90%;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .col-2c {
        width: 33%;
    }
    .abo-sec3-1 img, .abo-sec3-2 img, .abo-sec3-3 img, .abo-sec3-4 img, .abo-sec3-5 img {
        width: 90%;
    }
    .abo-sec2-b img {
        width: 100%;
    }
}
@media (max-width: 767px) and (min-width: 480px) {
    .col-2c {
        width: 45%;
    }
    .abo-sec3-1 img, .abo-sec3-2 img, .abo-sec3-3 img, .abo-sec3-4 img, .abo-sec3-5 img {
        width: 90%;
    }
    .abo-sec1 {
        padding: 30px 0px;
    }
    .abo-sec1-a1 {
        font-size: 2.3em;
    }
    .abo-sec1-img1 {
        width: 70px;
    }
    .abo-sec1-a2 {
        font-size: 2.2em;
    }
    .abo-sec1-a3 {
        font-size: 4em;
    }
    .abo-sec1-img2 {
        margin-top: -60px !important;
    }
    .abo-sec2 {
        padding: 30px 10px;
    }
    .abo-sec2-a p {
        font-size: 1em;
    }
    .abo-sec2-a b {
        font-size: 1.2em;
    }
    .abo-sec2-b img {
        width: 100%;
    }
    .abo-sec2-c1 {
        font-size: 2.3em;
    }
    .abo-sec2-img1 {
        width: 70px;
    }
    .abo-sec2-c2 {
        font-size: 2.2em;
    }
    .abo-sec2-c3 {
        font-size: 4em;
    }
}
@media (max-width: 479px) and (min-width: 0px) {
    .col-2c {
        width: 100%;
    }
    .abo-sec3-1 img, .abo-sec3-2 img, .abo-sec3-3 img, .abo-sec3-4 img, .abo-sec3-5 img {
        width: 90%;
    }
    .abo-sec1 {
        padding: 70px 0px;
    }
    .abo-sec1-a1 {
        font-size: 1.5em;
    }
    .abo-sec1-img1 {
        width: 50px;
    }
    .abo-sec1-a2 {
        font-size: 1.5em;
    }
    .abo-sec1-a3 {
        font-size: 2.2em;
    }
    .abo-sec1-img2 {
        margin-top: -40px !important;
    }
    .abo-sec2 {
        padding: 30px 10px;
    }
    .abo-sec2-a p {
        font-size: 1em;
    }
    .abo-sec2-a b {
        font-size: 1.2em;
    }
    .abo-sec2-b img {
        width: 100%;
    }
    .abo-sec2-c1 {
        font-size: 1.5em;
    }
    .abo-sec2-img1 {
        width: 50px;
    }
    .abo-sec2-c2 {
        font-size: 1.5em;
    }
    .abo-sec2-c3 {
        font-size: 2em;
        line-height: 1.6;
    }
}

/* ----------------------------------------------------------------------------------------- */
/* -------------------------------- Equipment Rental --------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

/* ------------------------------------- sec1 ----------------------------------------- */
.eqrt-sec1 {
    background: url("../img/equipment_rental/contruction-equipment-rental-title-bg-img.jpg") center center no-repeat;
    background-size: cover;
    min-height: 250px;
    padding: 30px 0px;
}
.eqrt-sec1-a1 {
    font-size: 2.5em;
    font-weight: bold;
    padding-left: 15px;
    margin: 0;
    color: #fff;
    font-style: italic;
}
.eqrt-sec1-img1 {
    float: left;
}
.eqrt-sec1-a2 {
    font-size: 2.4em;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.eqrt-sec1-a3 {
    font-size: 4.9em;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.eqrt-sec1-img2 {
    width: 100%;
    margin-top: -150px !important;
}

/* ------------------------------------- sec2 ----------------------------------------- */
.eqrt-sec2 {
    background: #fff;
    background-size: contain;
    width: 100%;
    min-height: 500px;   
}
.eqrt-sec2-c {
    color: #000;
}
.eqrt-sec2-c p {
    font-size: 1.2em;
    margin: 15px 0 40px;
    font-weight: normal;
    padding-left: 0px;
}
.eqrt-sec2-c b {
    font-size: 1.5em;
    font-weight: bolder;
}
.eqrt-sec2-da {
    margin-bottom: -1px;
}
.eqrt-sec2-d1 {
    background: url("../img/home/sec3/scaffolding-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d1:hover {
    background: url("../img/home/sec3/scaffolding-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d2 {
    background: url("../img/home/sec3/compaction-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d2:hover {
    background: url("../img/home/sec3/compaction-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d3 {
    background: url("../img/home/sec3/aerial-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d3:hover {
    background: url("../img/home/sec3/aerial-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d4 {
    background: url("../img/home/sec3/air-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d4:hover {
    background: url("../img/home/sec3/air-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d5 {
    background: url("../img/home/sec3/pumping-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d5:hover {
    background: url("../img/home/sec3/pumping-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d6 {
    background: url("../img/home/sec3/concrete-masonry-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d6:hover {
    background: url("../img/home/sec3/concrete-masonry-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d7 {
    background: url("../img/home/sec3/generators-lighting-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d7:hover {
    background: url("../img/home/sec3/generators-lighting-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d8 {
    background: url("../img/home/sec3/demolition-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d8:hover {
    background: url("../img/home/sec3/demolition-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d9 {
    background: url("../img/home/sec3/welding-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d9:hover {
    background: url("../img/home/sec3/welding-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d10 {
    background: url("../img/home/sec3/earthmoving-material-handling-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.eqrt-sec2-d10:hover {
    background: url("../img/home/sec3/earthmoving-material-handling-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.eqrt-sec2-d1 h3, .eqrt-sec2-d2 h3, .eqrt-sec2-d3 h3, .eqrt-sec2-d4 h3, .eqrt-sec2-d5 h3, .eqrt-sec2-d6 h3, .eqrt-sec2-d7 h3, .eqrt-sec2-d8 h3, .eqrt-sec2-d9 h3, .eqrt-sec2-d10 h3 {
    font-size: 1.5em;
    margin-top: 140px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    text-align: center;
}
.eqrt-sec2-d1:hover h3, .eqrt-sec2-d2:hover h3, .eqrt-sec2-d3:hover h3, .eqrt-sec2-d4:hover h3, .eqrt-sec2-d5:hover h3, .eqrt-sec2-d6:hover h3, .eqrt-sec2-d7:hover h3, .eqrt-sec2-d8:hover h3, .eqrt-sec2-d9:hover h3, .eqrt-sec2-d10:hover h3 {
    font-size: 1.5em;
    margin-top: 140px;
    font-weight: bold;
    font-style: italic;
    color: #000;
    text-align: center;
}
.eqrt-sec2-pd {
    padding: 50px 10px;
}

@media (max-width: 1200px) and (min-width: 1024px) {
    
}
@media (max-width: 1023px) and (min-width: 768px) {
    
}
@media (max-width: 767px) and (min-width: 480px) {
    .eqrt-sec1 {
        padding: 30px 0px;
    }
    .eqrt-sec1-a1 {
        font-size: 2.3em;
    }
    .eqrt-sec1-img1 {
        width: 70px;
    }
    .eqrt-sec1-a2 {
        font-size: 2.2em;
    }
    .eqrt-sec1-a3 {
        font-size: 4em;
    }
    .eqrt-sec1-img2 {
        margin-top: -60px !important;
    }

}
@media (max-width: 479px) and (min-width: 0px) {    
    .eqrt-sec1 {
        padding: 70px 0px;
    }
    .eqrt-sec1-a1 {
        font-size: 1.5em;
    }
    .eqrt-sec1-img1 {
        width: 50px;
    }
    .eqrt-sec1-a2 {
        font-size: 1.5em;
    }
    .eqrt-sec1-a3 {
        font-size: 2.2em;
    }
    .eqrt-sec1-img2 {
        margin-top: -40px !important;
    }

}

/* ----------------------------------------------------------------------------------------- */
/* --------------------------------- Used Equipment ---------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

/* ------------------------------------- sec1 ----------------------------------------- */
.useq-sec1 {
    background: url("../img/used_equipment/contruction-used-equipment-title-bg-img.jpg") center center no-repeat;
    background-size: cover;
    min-height: 250px;
    padding: 30px 0px;
}
.useq-sec1-a1 {
    font-size: 2.5em;
    font-weight: bold;
    padding-left: 15px;
    margin: 0;
    color: #fff;
    font-style: italic;
}
.useq-sec1-img1 {
    float: left;
}
.useq-sec1-a2 {
    font-size: 2.4em;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.useq-sec1-a3 {
    font-size: 4.9em;
    font-weight: bold;
    padding-left: 20px;
    margin: 0;
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.useq-sec1-img2 {
    width: 100%;
    margin-top: -150px !important;
}

/* ------------------------------------- sec2 ----------------------------------------- */
.useq-sec2 {
    background: #fff;
    background-size: contain;
    width: 100%;
    min-height: 500px;   
}
.useq-sec2-c {
    color: #000;
}
.useq-sec2-c p {
    font-size: 1.2em;
    margin: 15px 0 40px;
    font-weight: normal;
    padding-left: 0px;
}
.useq-sec2-c b {
    font-size: 1.5em;
    font-weight: bolder;
}
.useq-sec2-da {
    margin-bottom: -1px;
}
.useq-sec2-d1 {
    background: url("../img/home/sec3/scaffolding-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d1:hover {
    background: url("../img/home/sec3/scaffolding-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d2 {
    background: url("../img/home/sec3/compaction-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d2:hover {
    background: url("../img/home/sec3/compaction-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d3 {
    background: url("../img/home/sec3/aerial-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d3:hover {
    background: url("../img/home/sec3/aerial-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d4 {
    background: url("../img/home/sec3/air-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d4:hover {
    background: url("../img/home/sec3/air-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d5 {
    background: url("../img/home/sec3/pumping-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d5:hover {
    background: url("../img/home/sec3/pumping-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d6 {
    background: url("../img/home/sec3/concrete-masonry-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d6:hover {
    background: url("../img/home/sec3/concrete-masonry-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d7 {
    background: url("../img/home/sec3/generators-lighting-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d7:hover {
    background: url("../img/home/sec3/generators-lighting-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d8 {
    background: url("../img/home/sec3/demolition-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d8:hover {
    background: url("../img/home/sec3/demolition-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d9 {
    background: url("../img/home/sec3/welding-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d9:hover {
    background: url("../img/home/sec3/welding-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d10 {
    background: url("../img/home/sec3/earthmoving-material-handling-equipment-off-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
    transition: background 1s;
}
.useq-sec2-d10:hover {
    background: url("../img/home/sec3/earthmoving-material-handling-equipment-on-img.png") center center no-repeat;
    background-size: cover;
    height: 300px;
}
.useq-sec2-d1 h3, .useq-sec2-d2 h3, .useq-sec2-d3 h3, .useq-sec2-d4 h3, .useq-sec2-d5 h3, .useq-sec2-d6 h3, .useq-sec2-d7 h3, .useq-sec2-d8 h3, .useq-sec2-d9 h3, .useq-sec2-d10 h3 {
    font-size: 1.5em;
    margin-top: 140px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    text-align: center;
}
.useq-sec2-d1:hover h3, .useq-sec2-d2:hover h3, .useq-sec2-d3:hover h3, .useq-sec2-d4:hover h3, .useq-sec2-d5:hover h3, .useq-sec2-d6:hover h3, .useq-sec2-d7:hover h3, .useq-sec2-d8:hover h3, .useq-sec2-d9:hover h3, .useq-sec2-d10:hover h3 {
    font-size: 1.5em;
    margin-top: 140px;
    font-weight: bold;
    font-style: italic;
    color: #000;
    text-align: center;
}
.useq-sec2-pd {
    padding: 50px 10px;
}

@media (max-width: 1200px) and (min-width: 1024px) {
    
}
@media (max-width: 1023px) and (min-width: 768px) {
    
}
@media (max-width: 767px) and (min-width: 480px) {
    .useq-sec1 {
        padding: 30px 0px;
    }
    .useq-sec1-a1 {
        font-size: 2.3em;
    }
    .useq-sec1-img1 {
        width: 70px;
    }
    .useq-sec1-a2 {
        font-size: 2.2em;
    }
    .useq-sec1-a3 {
        font-size: 4em;
    }
    .useq-sec1-img2 {
        margin-top: -60px !important;
    }

}
@media (max-width: 479px) and (min-width: 0px) {    
    .useq-sec1 {
        padding: 70px 0px;
    }
    .useq-sec1-a1 {
        font-size: 1.5em;
    }
    .useq-sec1-img1 {
        width: 50px;
    }
    .useq-sec1-a2 {
        font-size: 1.5em;
    }
    .useq-sec1-a3 {
        font-size: 2.2em;
    }
    .useq-sec1-img2 {
        margin-top: -40px !important;
    }

}