#box-bleu section#text-2 strong/*!



Wema web page design & develop by Sommer Web Architect
2017



*/


/*--------------------------------------------------------------
# Standards
--------------------------------------------------------------*/
*{
    -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

body{
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, strong{
    color: #000;
}

h2.section-title{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
}
ol{
	margin-left: 0px;
	padding-left: 15px;
}

p{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}

*:focus {
    outline: none;
}

ul{
    margin: 0;
    padding: 0;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

h1.entry-title.single {
    display: block;
    margin-bottom: 30px;
}



nav.navigation.post-navigation {
    border-top: 1px solid #dedede;
    padding-top: 30px;
}

.article hr, .articleProjectIntro-text hr, .articleReadAlso hr, .articleText hr, .articleIntro-divider {
    width: 160px;
    margin: 0 auto;
    height: 6px;
    border: none;
    background-color: #000;
    margin-top: 30px;
}


.longbar-promohome {
    /* padding: 20px; */
    background: #f1f2f3;
    padding-top: 50px;
   padding-bottom: 50px;
    border-bottom: 1px solid #ececec;
}

.theme-default .nivoSlider{
	box-shadow: none!important;
	-webkit-box-shadow:none!important;
    -moz-box-shadow: none!important;

}

li.current-menu-item a{
	color: #005fef!important;
}

.menu-rent-a-tool-container li.current-menu-item a{
	color: #fff!important;
}

/*

.container {
      max-width: 1420px;
      width: 100%;
}

*/

#page {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.entry-content p{
    font-size: 18px;
    line-height: 30px;
}



#content {
  flex: 1;
}

p.site-logo {
    display: none;
}

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
    margin-top: 30px;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
}

#breadcrumbs li strong{
    font-weight: 400;
}

li.separator.separator-home {
    margin-right: 5px;
    margin-left: 5px;
}
  
#breadcrumbs .separator{
    font-size:14px;
    font-weight:100;
    color:#000;
}

#breadcrumbs li a{
    color: #000;
    font-weight: 400;
}

.wema-newsletter-home{
    margin-top: 80px;
}

.wema-newsletter-home h3{
    background-image: url(https://c9ad13.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/paper.svg);
    background-size: 35px 35px;
    padding-left: 45px;
    line-height: 40px;
    background-repeat: no-repeat;
    margin-top: 0px;
    font-weight: 600;
    color: #000;
    font-size: 20px;
}

section#yikes_easy_mc_widget-2{
    background: #f1f2f3;
    padding: 25px;
}

.yikes-easy-mc-form {
    width: 100%;
      display: -webkit-flex!important;
    display: -moz-flex!important;
    display: -ms-flexbox!important;
    display: -o-flex!important;
    display: flex!important;
    flex-direction: row;
    /* flex-wrap: wrap; */
}

form#wema-mailinglist-1 label {
    flex: auto;
    margin-right: 15px;
}

input#yikes-easy-mc-form-1-EMAIL, input#yikes-easy-mc-form-1-FNAME {
    background: #fff;
    border: 1px solid #cbd0d5;
    padding: 20px;
    font-weight: 400;
    color: #8b9094;
}


.yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1.btn.btn-primary {
    background: #fff;
    color: #1660cc;
    border: 2px solid #1660cc;
    font-size: 20px;
    line-height: 5px;
    padding: 0;
    margin: 0;
    height: 60px;
    margin-top: 55px;
}

span.FNAME-label, span.EMAIL-label {
    margin-bottom: 5px;
    display: block;
}

span.edit-link{
    display: none;
}

@media (max-width: 990px){
    .yikes-easy-mc-form {
        flex-direction: column;
    }
}

.basic-content-section h1 {
    color: #000;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 20px;
    display: none;
}

.textwidget p{
    font-size: 16px;
}

.basic-content-section a{
	color: #ff0002;
}


div#wpcf7-f539-o1 input[type="text"], input[type="email"], input[type="tel"] {
    background: #fff;
    border: 1px solid #cbd0d5;
    padding: 10px;
    font-weight: 400;
    color: #8b9094;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.pickup {
    width: 100%;
    background: #fff;
    height: 50px;
}

form.wpcf7-form label{
	font-weight: 400;
	font-size: 16px;
	display: block;
	margin-bottom: 15px;
}

input.wpcf7-form-control.wpcf7-submit {
    background: #ff0002;
    border: 1px solid #ff0002;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

span.wpcf7-form-control-wrap input {
    width: 100%;
}

.container {
      max-width: 1280px;
      width: 100%;
}

form.wpcf7-form input[type="checkbox"]{
    width: 20px;
    height: 20px;
}

form.wpcf7-form span.wpcf7-list-item{
    width: 300px!important;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

header{
	padding-top: 20px;
	padding-bottom: 20px;
}

h1.site-lofo, p.site-description, .sup {
    display: none;
}

.menu-main-menu-container ul#primary-menu li a, .menu-rent-a-tool-container ul#rentatool li a{
	color: #000;
	font-size: 16px;
    font-weight: 600;
}

.site-branding {
    width: 100px;
}

.menu-main-menu-container ul#primary-menu li a:active{
    opacity: 0.5;
}

.menu-rent-a-tool-container ul#rentatool li a{
	background-image: url(https://f38f9b.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/card.svg);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	padding-left: 35px;
	font-size: 18px;
	font-weight: 400;
    color: #fff;
}


.menu-rent-a-tool-container ul#rentatool li a:hover{
	text-decoration: none;}


a.vi-wcaio-menu-cart-nav-wrap span{
        line-height: inherit;
}

ul#rentatool li {
    background: #005fef;
    padding: 10px 10px;
    float: right;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
     -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

ul#rentatool li:hover{
	background: #124ea5;
}

ul#primary-menu {
    float: left;
    padding-top: 10px;
}

ul#primary-menu li {
    margin-left: 4rem;
}

ul#primary-menu li a:hover{
	color: #616262;
}

ul#primary-menu li:first-child {
    margin-left: 0px;
}

ul#primary-menu li:last-child {
    margin-right: 0px;
}


@media (min-width: 600px) and (max-width: 750px) { 
	ul#primary-menu{ float: left;}

	ul#primary-menu li { margin-left: 0px; margin-right: 22px; }
	ul#primary-menu li a{ font-size: 18px!important; }
	ul#rentatool{ float: left; }
	.menu-rent-a-tool-container ul#rentatool li a{ background-size: 20px 20px; font-size: 14px; padding-left: 25px; }
}

@media (min-width: 750px) and (max-width: 990px) { 
	ul#primary-menu li { margin-right: 45px; margin-left: 0px; }
	ul#primary-menu { float: left;padding-top: 10px;}
	.menu-rent-a-tool-container {float: left;}
	.menu-rent-a-tool-container ul#rentatool li a {
    background-size: 20px 20px;
    padding-left: 35px;
    font-size: 16px;
	}

    ul#rentatool{
        float: left;
    }

	ul#rentatool li {
    padding: 15px 20px;
    margin-top: 15px;
	}
}

@media (max-width: 1200px){
	.menu-rent-a-tool-container ul#rentatool li a{ font-size: 16px; background-size: 20px 20px; padding-left: 25px; }
}

@media (min-width: 990px) and (max-width: 1200px) { 
	ul#primary-menu li { margin-right: 25px; margin-left: 0px; }

}

.wrap-nav{
    overflow: hidden;
    padding-top: 8px;
	 -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

 .top-nav-section {
    overflow: hidden;
    height: auto;
    display: inline-block;
    margin-top: 20px;
}

 .top-nav-section ul{
    list-style: none;
 }


@media (max-width: 990px){
    .wrap-nav{padding-top: 0px;}
    
}
 




.main-navigation{
    margin-top: 15px;
    padding-top: 0px;
}

button.menu-toggle {
    position: absolute;
    right: 15px;
    background: #005fef;
    color: #fff;
    border: 1px solid #005fef;
}

button.menu-toggle{
	 -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}


@media (max-width: 990px) {

    .menu-main-menu-container {
    display: none;
    }
    .main-navigation ul{
        float: left;
    }
}


button#responsive-menu-button{
    position: fixed!important;
}


.no-head-img{
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.promo-header{
	height: 750px;
}

.promotion-header {
    text-align: center;
    border-top: 1px solid #dedede;
}

.promo-header img {
	min-width: 100%;
     max-height: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

@media (max-width: 1150px){
	.promo-header img{
		min-height: 100%;
	}
	.promo-header{
		height: 550px;
	}
}

.promo-header-button {
    position: relative;
    z-index: 100;
    top: -250px;
}

button.prom-btn a {
    color: #1660cc;
    font-size: 24px;
    /* line-height: 0; */
}

button.prom-btn p {
    padding: 0;
    margin: 0;
}

button.prom-btn {
    background: #fff;
    border: 1px solid #fff;
    padding: 10px 10px;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer{
    margin-top: 30px;
}

.site-info{
	background: #656667;
	overflow: hidden;
	padding: 30px 0;
}

.site-info h4{
	color: #fff;
	letter-spacing: 1px;
}

ul#footer-menu {
    margin: 0;
    padding: 0;
}

ul#footer-menu li{
	list-style: none;
	display: inline-block;
}

ul#footer-menu li a{
	color: #fff;
	margin-right: 20px;
    letter-spacing: 1px;
}

.copyright {
    color: #fff;
    letter-spacing: 1px;
    text-align: right;
}

.social{
    overflow: hidden;
    padding: 30px 0;
}

span.s-title{
    float: left;
}

span.s-title h4{
    font-size: 24px;
}

ul.social-channels-wema{
    margin: 0;
    padding: 0;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    float: right;
    margin-top: 9px;
}

.social-channels-wema li{
    list-style: none;
    margin-left: 30px;
}

.social-channels-wema li a{
    width: 30px;
    height: 30px;
    display: block;
}

.social-channels-wema li a.facebook-wema{
    background-image: url(https://1a02b8.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/fb-wema.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
     -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}


.social-channels-wema li a.insta-wema{
    background-image: url(https://c71631.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/insta-wema.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
     -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.social-channels-wema li a.facebook-wema:hover, .social-channels-wema li a.insta-wema:hover{
    opacity: 0.7;
}


@media (max-width: 990px){
    .copyright{ text-align: left }
}

@media (max-width: 400px){
    ul#footer-menu li{ display: block; line-height: 30px; }
}


/*--------------------------------------------------------------
# Front page
--------------------------------------------------------------*/
.direct-link-bar {
       top: 0px;
    z-index: 0;
    position: relative;
    background: #1760cc;
}

.dlink-bar{
	overflow: hidden;
	background: #1660cc;
}

.dlink-bar a {
    color: #fff;
    display: block;
    height: 100%;
    font-size: 18px;
}

.dlink-bar p{
}

.dlink-bar strong{
    font-size: 1.2em;
    padding-bottom: 30px;
    color: #fff;
}

@media (min-width:990px) and (max-width:1201px) {
    .dlink-bar strong{
        font-size: 1.1em;
    }
}

.dlink-box{
	overflow: hidden;
    padding-bottom: 20px;
    padding-top: 35px;
    border-right: 2px solid #124ea5;
    border-right-style: dashed;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
                cursor: pointer;
}

.dlink-box:last-child{
    border-right: none;
}

.direct-link-bar .dlink-box:hover {
    background: #124ea5;
    height: 100%;
}

#box-bleu section strong{
	background-size: 45px 45px;
    background-repeat: no-repeat;
    padding-left: 55px;
    padding-top: 10px;
}


#box-bleu #custom_html-4 strong {
    background-image: url(https://b75320.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/w-h.svg);
    background-size: 50px 45px;
   
}

#box-bleu #custom_html-3 strong {
    background-image: url(https://4b8d41.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/discount.svg);
    
}

#box-bleu #text-4 strong {
    background-image: url(https://9dfdb1.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/serv.svg);
  
}

#box-bleu #custom_html-5 strong {
    background-image: url(https://793644.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/localpro.svg);
    
}


#box-bleu #custom_html-2 strong{
    background-image: url(https://66cfda.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/shopping-cart.svg);
}

#box-bleu section p{
	color: #fff;
    margin-bottom: 15px;
    margin-top: 15px;
}


.promo-banner-front-long {
    margin-top: 25px;
}

.slogan{
	text-align: center;
    padding-bottom: 50px;
    overflow: hidden;
    padding-top: 50px;
    background: #ffffff;
}

.slogan p{
    font-family: 'Kalam', cursive;
    font-size: 4em;
    background-image: url(https://01d2ef.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/swipe.svg);
    background-size: 530px 49px;
    background-repeat: no-repeat;
    background-position: -50% 80%;
    color: #383737;
    width: 900px;
    margin: 0 auto;
}

.wema-connect {
    padding-top: 30px;
}

.wema-connect h2{
    font-weight: 800;
    font-size: 3 em;
    color: #000;
    margin-bottom: 30px;
}

.connect-wema h3{
    font-size: 20px;
    margin-bottom: 30px;
}

.connect-wema p{
    font-size: 16px;
}

.connect-wema p a{
    font-weight: 600;
    text-decoration: underline;
    color: #000;
    display: block;
    width: 100%;
    line-height: 40px;
}

.connect-wema button{
    background-image: url(https://573955.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/location.svg);
    background-position: 25% 50%;
    background-size: 40px 40px;
    background-color: #1660cc;
    background-repeat: no-repeat;
    border: 1px solid #1660cc;
    color: #fff;
    position: relative;
    left: -65px;
    width: 100%;
    margin-top: 20px;
}

.connect-wema button a{
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    padding-left: 40px;
}


.connect-wema #text-7 p{
    background-image: url(https://3482cd.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/phone-icon.svg);
    background-size: 45px 45px;
    background-repeat: no-repeat;
    padding-left: 65px;
}

.connect-wema #text-8 p{
    background-image: url(https://d50e5b.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/doc.svg);
    background-size: 45px 45px;
    background-repeat: no-repeat;
    padding-left: 65px;
}

.connect-wema #text-9 ul{
    list-style: none;
    background-image: url(https://d2222a.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/clock-icon.svg);
    background-size: 45px 45px;
    background-repeat: no-repeat;
    padding-left: 65px;
    margin: 0;
}

.connect-wema #text-9 ul li {
    line-height: 30px;
    font-size: 16px;
    /* color: #1660cc; */
}

.promo-columns {
    overflow: hidden;
   
}

/* .connect-wema {
    display: flex;
    overflow: hidden;
    flex-direction: row;
}

 .connect-wema .textwidget {
    background: #f9f9f9;
    height: 70%;
    padding: 15px;
    flex: 1 auto;
}


@media (max-width: 990px){
    .connect-wema{
        flex-direction: column;
    }
}


*/


.wema-product-showcase-home {
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 30px;
}

.wema-product-showcase-home .widget-title{
    display: none;
}

.promo-columns section{
    margin-bottom: 30px;
}


@media (max-width: 1030px){
	 .dlink-bar strong{
    font-size: 1.4em;
    padding-bottom: 30px;
    color: #fff;
	}
}


@media (max-width: 990px){
    .direct-link-bar{ top: 0px; }
    .dlink-bar{ 
        border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
    }
    .dlink-box{
        border-bottom: 1px solid #1555b3;
    }

    .slogan{ margin-top: 50px; }

    .promo-columns .col-md-6{
        margin-bottom: 30px;
    }

    .connect-wema button{
        margin-top: 35px;
    }

   
}


@media (max-width: 400px){
    .slogan p{
        width: 300px;
        font-size: 2.5em;
        background-size: 150px 49px;
        background-position: 15% 0%;
    }

    .wema-connect h2{
        font-style: 2em;
    }

    .dlink-box{
    	padding-bottom: 10px;
    	padding-top: 10px;
    }

    #box-bleu section p{
    	line-height: 18px;
    }

    #box-bleu section strong {
    background-size: 25px 55px;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 10px;
	}

	#box-bleu section span{
		margin-top: 5px;
	}
}




/*--------------------------------------------------------------
# Service page
--------------------------------------------------------------*/





.wema-services-section h3 {
    display: none;
}

.intro-txt {
        font-size: 22px;
    /* margin-bottom: 50px; */
    color: #000000;
    font-weight: 400;
    background: #f1f2f3;
    padding-top: 15px;
    padding-right: 25px;
    padding-left: 25px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}




.wema-services-section{
    overflow: hidden;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}


.wema-services-section .textwidget {
    border: 1px solid #cecece;
    padding: 15px;
    padding-top: 95px;
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
}

.wema-services-section .textwidget p{
    letter-spacing: 0px;
}

div#s-column {
    margin-bottom: 30px;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 1000px){
    div#s-column{
        width: 100%;
    }
    .intro-txt{
        display: none;
    }
}

.wema-services-section #s-column .textwidget a{
    color: #20a9ff;
    font-size: 14px;
}

.wema-services-section #s-column p{
    font-size: 14px;
}

#s-column strong {
    padding-top: 80px;
    padding-bottom: 5px;
    margin-bottom: 25px;
    background-size: 45px 45px;
    font-synthesis: 16px;
    background-repeat: no-repeat;
}



#s-column.giftcard strong{
    background-image: url(https://0b4b0f.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/gift-card.svg); 
}

#s-column.dworkshop strong{
    background-image: url(https://7d6224.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/craft.svg);
}

#s-column.kcorner strong{
    background-image: url(https://9c237a.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/puzzle.svg);
}

#s-column.cutting strong{
    background-image: url(https://60bf01.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/screen-cut.svg);
}

#s-column.repair strong{
    background-image: url(https://b1e755.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/repair.svg);
}

#s-column.rental strong{
    background-image: url(https://f39e7f.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/chainsaw.svg);
}

#s-column.estimate strong{
    background-image: url(https://5ab26c.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/file.svg);
}

#s-column.payments strong{
    background-image: url(https://1084c8.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/money.svg);
}

#s-column.delivery strong{
    background-image: url(https://ff846f.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/truck.svg);
}

#s-column.advice strong{
    background-image: url(https://486868.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/interior.svg);
}

#s-column.key strong{
    background-image: url(https://1a5a6d.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/key.svg);
}

#s-column.paintm strong{
    background-image: url(https://7556ef.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/bucket.svg);
}

#s-column.colorsc strong{
    background-image: url(https://8307b3.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/palette.svg);
}

#s-column.manuals strong{
    background-image: url(https://e00d7f.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/manual.svg);
}

#s-column.cutsr strong{
    background-image: url(https://8962c9.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/cut-m.svg);
}

#s-column.openw strong{
    background-image: url(https://9f9099.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/calendar.svg);
}

#s-column.return strong{
    background-image: url(https://8fefb8.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/box-return.svg);
}

#s-column.sorder strong{
    background-image: url(https://343f43.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/special-order.svg);
}

#s-column.hplan strong{
    background-image: url(https://58f021.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/floor-plan.svg);
}

#s-column.membership strong{
    background-image: url(https://e2bd10.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/membership-card.svg);
}

#s-column.bgrill strong{
    background-image: url(https://5651f5.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/gas-grill.svg);
    background-size: 90px 90px;
    background-position: 0% -120%;
}

#s-column.quarantee strong{
    background-image: url(https://77f5de.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/guarantee.svg);
}

#s-column.local strong{
    background-image: url(https://b33223.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/chat.svg);
}

#s-column.box-contact strong{
    background-image: url(https://b1d5cb.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/wema_logo-icon.svg);
    font-size: 18px;
    font-weight: 400;
    background-size: 65px 65px;
    color: #fff;
}

#s-column.box-contact .textwidget{
    background: #1660cc;
    color: #fff;
    border: 1px solid #1660cc;
    padding-top: 65px;
}

#s-column.box-contact .textwidget a{
    background: #000;
    color: #fff;
    padding: 10px 10px;
    display: block;
    font-weight: 800;
    letter-spacing: 1px;
    margin-top: 20px;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}



#s-column.box-contact strong{
    padding-top: 60px;
    color: #fff;
} 


.intro-txt ul li {
    margin-left: 30px;
    margin-bottom: 20px;
}

.intro-txt ul {
    background: #f1f2f3;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.intro-txt h3 {
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 1px;
}

.intro-txt h3 strong{
    font-weight: 600;
}

.intro-txt.service-page a {
    background: #005fef;
    color: #fff;
    padding: 10px 15px;
    display: block;
    text-align: center;
}

.intro-txt.service-page a:hover{
    text-decoration: underline;
}


@media (max-width: 600px){
    #s-column.box-contact .textwidget a{
    background: #000;
    color: #fff;
    padding: 15px 10px;
    display: block;
    letter-spacing: 1px;
    margin-top: 20px;
    text-align: center;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    }
}

@media and (min-width: 991px) and (max-width: 1200px){
    .wema-services-section strong{
        font-size: 14px;
    }
}

@media (max-width: 990px){
    .wema-services-section strong{ font-size: 20px; }
}

@media (min-width: 1200px){
    .wema-services-section strong{ font-size: 20px; }
}

/*--------------------------------------------------------------
# Promotion page
--------------------------------------------------------------*/

.delivery-box {
    background: #d40305;
    color: #fff;
    padding: 15px;
    min-height: 100%;
    /* padding-bottom: 99999px; */
    /* margin-bottom: -99999px; */
    /* border: 1px solid #000; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* border: 1px solid #a70909; */
}

.delivery-box i {
    font-weight: 400;
    color: #5a0304;
}

.delivery-box h3 {
    margin: 0;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 29px;
    background-image: url(https://a84e3b.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/delivery-truck.svg);
    padding-left: 60px;
    background-repeat: no-repeat;
    background-size: 50px;
    line-height: 45px;
    /* margin-top: 5px; */
}

.delivery-box p {
    font-size: 18px;
    font-weight: 600;
}


.wema-promotion-top-section h3{
    display: none;
}

.wema-promotion-top-section {
    margin-top: 67px;
    overflow: hidden;
}

div#promotion-column p {
    letter-spacing: 0px;
    font-size: 18px;
    line-height: 26px;
    
}

div#promotion-column p strong {
    font-size: 38px;
    line-height: 50px;
}

#promotion-column.powertools{
    background-image: url(https://e5abbf.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/p-tool.png);
    background-repeat: no-repeat; 
    background-size: 300px 300px;
    background-position: center right;
     margin-bottom: 10px;
}

#promotion-column.painting{
    background-image: url(https://15cd4a.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/paint-bg-img.png);
    background-repeat: no-repeat; 
    background-size: 300px 300px;
    background-position: center right;
}

#promotion-column.powertools::after { 
    font-family: 'Chivo', sans-serif;
    color: #b3b3b3;
    content: "tools";
    font-weight: 900;
    font-size: 200px;
    position: absolute;
    left: 0;
    text-transform: uppercase;
    z-index: -1;
    opacity: 0.1;
    margin-top: 60px;
}

#promotion-column.painting::after { 
    font-family: 'Chivo', sans-serif;
    color: #b3b3b3;
    content: "paint";
    font-weight: 900;
    font-size: 200px;
    position: absolute;
    left: 0;
    text-transform: uppercase;
    z-index: -1;
    opacity: 0.1;
    margin-top: 60px;
}


#promotion-column .textwidget {
    overflow: hidden;
    width: 55.5%;
    float: left;
    padding-bottom: 90px;
}

.promotion-section-left {

}

.promotion-section-left img {
    width: 250px;
    height: 250px;
}

.page_thumb_promo_page {
    margin-bottom: 0;
    float: left;
    margin-right: 55px;
    /* margin-top: 20px; */
    margin-left: 10px;
}

.promotion-section-left a{
    background: #ff0002;
    color: #fff;
    padding: 10px 15px;
    margin-top: 30px;
    font-weight: 800;
    display: inline-block;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.promotion-section-left p strong{
    font-size: 35px;
}

.promotion-section-left .intro-txt{
    
}

.bottom-promo-page-section {
    margin-top: 85px;
    margin-bottom: 50px;
    border-top: 1px solid #dedede;
}


div#promotion-column a {
    background: #ff0001;
    color: #fff;
    padding: 5px 15px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.banner-small-bottom h3{
    display: none;
}

.banner-small-bottom{
    display: block;
}

div#promotion-banner img {
    height: auto;
    border-radius: 5px 5px 5px 5px;
}

.weekly-onpage h3{
    display: none;
}

.weekly-onpage img {
    border: 1px solid #f1f2f3;
}


@media (max-width: 990px){

    #promotion-column.powertools, #promotion-column.painting{
        overflow: hidden;
    }

}

@media (max-width: 600px){
    #promotion-column .textwidget{ width: 100%; }
    #promotion-column.powertools, #promotion-column.painting{
        padding-top: 230px;
        background-size: 200px 200px;
        background-position: left top;
    }

    #promotion-column.powertools::after, #promotion-column.painting::after{
        margin-top: 0px;
    }
    #promotion-column .textwidget{ padding-bottom: 60px; }
}


.cat-promotion .col-md-6 {
    margin-bottom: 30px;
}

@media (max-width: 1000px){

.promotion-section-left .intro-txt {
    display: block;
    text-align: center;
}
    
}


div#promotion-banner img {
    width: 100%;
}

.long-top-banner {
    overflow: hidden;
    margin-bottom: 25px;
}

.long-top-banner {
    overflow: hidden;
    margin-bottom: 25px;
    padding: 20px;
    border: 1px solid #f1f2f3;
}

/*--------------------------------------------------------------
# Stores page
--------------------------------------------------------------*/





.rental-img {
    height: auto;
}


.rental-detail p{
    font-size: 14px;
}

.rental-detail p strong{
    display: block;
    font-size: 20px;
}

.top-store-section{
    overflow: hidden;
    border-bottom: 1px solid #dedede;
}

.rental-details {
    margin-top: 50px;
    margin-bottom: 80px;
}

.rental-detail a {
    color: #005fef;
    font-weight: 600;
    text-decoration: underline;
    display: block;
    margin-top: 35px;
}

div#contact-details {
    margin-bottom: 50px;
}

div#contact-details p a {
    color: #005fef;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

.rental-details-section-top {
    background: #efefef;
    padding: 15px;
}

.contact-form {
    background: #f3f3f3;
    padding: 50px 0px;
}

.locations {
    margin-top: 45px;
}

.wpforms-field-container{
    width: 100%;
}

.contact-form form{
    width: 100%;
}

.wpforms-field-container select{
    max-width: 100%;
}

select#wpforms-166-field_2 {
    max-width: 100%;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    margin-bottom: 10px!important;
}

.wpforms-field input, .wpforms-field select{
    max-width: 100%!important;
    border: 1px solid #e4e4e4!important;
}

textarea#wpforms-166-field_3{
    border: 1px solid #e4e4e4!important;
}

.side-c-form p {
    font-size: 1.875em;
    line-height: 30px;
}

.the-c-form .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form button[type=submit]{
    background-color: #ff0001!important;
    border: 1px solid #ff0001!important;
    color: #fff!important;
    font-size: 1.5em!important;
    padding: 10px 35px!important;
     border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

.the-c-form {
    padding-top: 15px;
}

@media (min-width: 600px) and (max-width: 800px) { 
    .rental-img {
        float: left;
    margin-right: 30px;
    }
}


/*--------------------------------------------------------------
# Create it yourself page
--------------------------------------------------------------*/


.ciy {
    text-align: center;
    font-size: 28px;
    padding: 0 10%;
}

.ciy p{
    font-size: 20px;
}

.list-posts-ciy {
    margin-top: 20px;
}

.content-blog-list-wema h2{
    font-size: 1.875em;
    line-height: 30px;
    background: #ececec;
    margin: 0;
    padding: 15px 15px;
}

.media-item {
    overflow: hidden;
    border: 1px solid #e4e4e4;
    margin-bottom: 30px;
}

.ciy-thumb.media-item-box {
    float: left;
    width: 250px;
    height: 170px;
    margin-right: 15px;
    /* margin-bottom: 30px; */
}

.ciythumb {
    height: 170px;
    /* margin-right: 15px; */
}


.ciy-thumb img {
    width: 100%;
    height: auto;
}

.media-block.media-item-box {
    /* float: right; */
    padding-top: 15px;
    overflow: hidden;
    height: 100%;
}

.media-title {
    font-weight: 600;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

a.read-more {
    display: block;
    margin-top: 20px;
    background-image: url(https://c22b45.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/right-arrow.svg);
    background-repeat: no-repeat; 
    background-size: 10px 10px;
    background-position: center left;
    padding-left: 15px;
    color: #000;
}

.ciy-wrap {
    position: relative;
    margin-top: -40px;
}

/*

.media-item{
    display: flex;
    border:1px solid #dedede;
    margin-bottom: 30px;
    overflow: hidden;
}

.media-item-box{
    flex: 1 1 100%;
    padding: 10px 10px 10px 10px;
    height: 170px;
}

.ciy-thumb img {
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
}

.media-block{
    width: 100%;
    height: 100%;
}

.read-more{
    display: block;
}


.list-posts-ciy {
    margin-top: 50px;
}

*/

@media (min-width: 990px) and (max-width: 1200px) { 
    .ciythumb, .ciy-thumb.media-item-box{ height: 190px; }
    a.read-more { margin-top: 10px; }
    .media-title { margin-bottom: 10px; }

}

.bottom-post-nav {
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dedede;
    padding-top: 30px;
}

.boxit {
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    border: 1px solid #dedede;
    padding-right: 15px;
    margin-top: 20px;
    width: 350px;
}

.boxit img {
    max-width: 100px;
    height: 100px;
    margin-right: 15px;
}

.post-next, .post-previous {
    margin-bottom: 30px;
    flex-basis: 0;
    flex-grow: 1;
    margin-right: 25px;
}

.post-next{
    margin-right: 0px;
}

a.previous, a.next, .boxit a {
    color: #000;
    font-weight: 600;
}

.related-title h2{
    font-weight: 600;
    text-transform: uppercase;
}

.related-title {
    padding-top: 15px;
    margin-right: 30px;
}

@media (max-width: 990px){
    .bottom-post-nav{
        flex-direction: column;
    }
}


@media (max-width: 500px){
    .ciy-wrap{ margin-top: 0px; }

.content-blog-list-wema h2 {
    font-size: 1.3em;
    line-height: 25px;}


    .ciy-thumb.media-item-box {
    width: 100%;
    float: none;
    height: 100%;
    display: block;
    overflow: hidden;
    }

    .media-block.media-item-box {
    padding-left: 15px;
    padding-right: 15px;
    }
}

/*--------------------------------------------------------------
# Rent a tool page
--------------------------------------------------------------*/


.rental-products-section-onpage{
    overflow: hidden;
    margin-top: 50px;
}

.renttool-top-section p {
    font-size: 1.875em;
    line-height: 30px;
}

.sidebar-renttool{
    background: #cfe0f9;
    padding: 15px;
}

.sidebar-renttool strong{
    text-transform: uppercase;
}

#tools-details h3{
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 0px;
}

div#tools-details img {
 
}


#tools-details .widget_sp_image-description{
    background: #efefef;
    padding: 15px;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
height: 120px;
}

.list-tools {
    overflow: hidden;
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

div#tools-details {
    margin-bottom: 30px;
}


@media (max-width: 800px){
    .list-tools{ margin-top: 30px; overflow: hidden; }
}






.folder-content p {
    font-size: 1.875em;
    line-height: 30px;
}


.pdf-light-viewer-features-bottom-panel {
    /* background: #000; */
    box-shadow: none!important;
}

.pdf-light-viewer-slide {
    box-shadow: none!important;
}

ul.pdf-light-viewer-features-top-panel {
    box-shadow: none!important;
    border: 1px solid #005fef;
}

.pdf-light-viewer-features-bottom-panel {
    background-image: none!important;
}







.signup-member {
    background: #f1f2f3;
    padding: 10%;
}


.membership-section p{
    font-size: 1.5em;
    line-height: 30px;
}



.content-column.two_third.last_column {
    padding-left: 30px;
}

.content-column.two_third{
    padding-right: 55px;
}
@media (max-width: 400px){
    .content-column.two_third{padding-right: 0px;}
}

.content-column.two_third ul {
    margin-top: 30px;
}


.content-column.two_third ul li {
    font-size: 18px;
    line-height: 40px;
    list-style: none;
}

.sideform-loyal {
    background: #f5f5f5;
    padding: 15px;
}

.sideform-loyal {
    background: #f1f2f3;
    padding: 15px;
}

.acc {
    border-top: 1px solid #dadada;
    margin-top: 80px;
}

#accordions-839 .accordions-head{
    border: none;
}

.bullgrill-style blockquote {
    border-left: none;
    background: #c72e2e;
    font-weight: 800;
    text-transform: uppercase;
    color: #751e1e;
    margin-top: 25PX;
    padding: 20px 0;
}

.bullgrill-style blockquote p{
    font-size: 40px!important;
}


.bull-ingle {
    text-align: center;
}


.wema-departments .content-column.three_fourth.last_column {
    padding-left: 30px;
}

@media (max-width: 400px){
    .wema-departments .content-column.three_fourth.last_column{
        padding-left: 0px;
    }

}

.wema-departments .content-column.one_sixth {
    width: 100px;
    height: auto;
}

.wema-departments strong{
    font-size: 20px;
}


.benefits-member ul li {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}


.benefits-member ul li {
    font-size: 18px;
    line-height: 40px;
    font-weight: 600;
    /* color: #005fef; */
}


.widget-last.widget-first.widget-1.benefits-member .textwidget {
    padding-left: 25px;
    /* padding-top: 30px; */
}

.Sign-up {
    margin-top: 50px;
}

.Sign-up h3 {
    font-weight: 600;
    margin-bottom: 20px;
}



.box-rental-contact-small {
    background: #005fef;
    padding-top: 75px;
    color: #fff;
}

.box-rental-contact-small strong {
    background-image: url(https://b1d5cb.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/services/wema_logo-icon.svg);
    font-size: 18px;
    font-weight: 400;
    background-size: 65px 65px;
    color: #fff;
    background-repeat: no-repeat;
    padding-top: 70px;
    background-position: left top;
}


.wema-departments a {
    font-weight: 600;
    color: #ff0001;
}



.contact-content strong {
       font-size: 1.65em;
    line-height: 30px;
    display: block;
    margin-bottom: 100px;
}

.contact-content ul {
    list-style: none;
    background-image: url(https://d2222a.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/clock-icon.svg);
    background-size: 45px 45px;
    background-repeat: no-repeat;
    padding-left: 65px;
    margin: 0;
}


.contact-content ul li {
    font-size: 16px;
    line-height: 50px;
}

.contact-content em {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    display: block;
}

.contact-content em a{
    color: #337ab7;
}

.contact-content h4{
    margin-bottom: 15px;
}

.contact-content .content-column.one_half {
    padding-right: 30px;
}


.basic-content-section.thank-you-page a {
    color: #ff0001;
}








p.sponsoring-title{
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 25px;
}


.wpcf7-form input[type="text"]{
    padding: 10px;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date.datewhen {
    padding: 10px;
}

.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
    margin-top: 10px;
}




.localpro-content {
    text-align: center;
}






.ctrl .fnavbar .fnav .fnav-item.logo {
    font-weight: bold;
    display: none;
}

.flip-book .controls .fnavbar {
    margin: 0 auto;
    opacity: 1.3;
    transition: none;
}

.ctrl .fnavbar .fnav .fnav-item>a {
    padding: 10px;
    display: inline-block;
    color: #fff;
}

/* list specials */

div#w-specials-list{
    margin-bottom: 25px;
}

#w-specials-list .widget_sp_image-description{
    color: #fff;
    padding: 15px;
    background: #1760cc;
    font-weight: 600;
}

#w-specials-list h3{
    display: none;
}

#w-specials-list img.attachment-full{
    border: 1px solid #0f4ba8;
}

ul.specials-title li{
    list-style: none;
}

ul.specials-title li:last-child {
    text-align: right;
    float: right;
    height: 89px;

}

a.viewall-sp {
       text-align: right;
    line-height: 80px;
    line-height: 90px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background: #ff0100;
     -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

a.viewall-sp:hover{
    background: #ee1c25;
    color: #fff;
}

a.sl-btn{
    background: #ff0100;
    font-weight: 600!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
    color: #fff;
  
    font-size: 18px;
    padding: 10px;
}

a.sl-btn:hover{
    background: #ee1c25;
    color: #fff!important;
}

h2.section-title.specials-home {
    float: left;
   
    margin-right: 0px;
}

ul.specials-title li {
    display: inline-block;
}

.widget_sp_image-description p:last-child{
    font-size: 14px;
    font-weight: 400;
}

div#w-specials-list img:hover {
    opacity: 0.8;
}


.wrap-banner-long {
       background-color: #fff;
    background-image: url(https://9b3419.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/cardnew.png);
    background-size: 210px 110px;
    background-repeat: no-repeat;
    border: 1px solid #e8e8e8;
    /* padding: 25px; */
    padding-left: 250px;
    padding-right: 15px;
    background-position: 30px 20px;
    padding-bottom: 20px;
}

.wrap-banner-long h2 {
    font-size: 42px;
    font-weight: 600;
    text-transform: uppercase;
}

.sub-title-banner p {
    font-size: 30px;
}


.btn.l-ap a {
    background: red;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    padding: 10px 15px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.btn.l-ap a:hover{
    background: #e40303;
}

.btn.l-ap {
    float: right;
    position: relative;
    /* right: 0; */
    /* top: 0; */
    margin-top: -50px;
    margin-right: 25px;
}

@media (max-width: 1000px){
    .btn.l-ap{
        float: none;
        margin-top: 15px;
        margin-right: 0;
        padding:0;
    }
}

@media (max-width: 850px){
    .wrap-banner-long h2{
        font-size: 24px;
    }

    .sub-title-banner p{
        font-size: 20px;
    }

    .connect-wema section {
    margin-bottom: 50px;
    }
}

@media (max-width: 560px){
    .wrap-banner-long{
    padding-left: 15px;
    background-size: 200px 110px;
    padding-top: 120px;
    }

    .wrap-banner-long h2{
        font-size: 18px;
    }

    .sub-title-banner p{
        font-size: 16px;
    }
}


@media (max-width: 400px){
   
    ul.specials-title li:last-child {
    text-align: center;
    float: none;
    height: inherit;
    margin: 0 auto;
    }

    h2.section-title{
        margin-bottom: 0px;
    }

    .box-promotion{
    margin-bottom: 15px;
}

}



.mid-promo-front-section {
    margin-bottom: 50px;
}


.wema-promotion-top-section #w-specials-list {
    width: 50%;
}


/* new promotion section on promotion page */

.promotions-wrap{
    margin-bottom: 25px;
}
.p_image{
    border: 1px solid #1760cc;
}

.weekly-info-box {
    background: #1760cc;
    color: #fff;
    padding: 15px;
}

.weekly_title {
    margin-bottom: 20px;
    border-bottom: 1px solid #1352b1;
    color: #000!important;
    overflow: hidden;
    padding: 10px;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.weekly_title h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}

.sale-info {
    display: table;
    width: 100%;
    display: none;
}

.promotion_price_new {
    display: table-cell;
    float: left;
    font-size: 36px;
    padding-top: 10px;
}

.promotion_points {
    float: right;
    display: table-cell;
    color: #ec1f24;
    /* font-weight: 300; */
    font-size: 16px;
    background: #fff;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
}

.promotion_price_old {
    text-decoration: line-through;
}

.weekly-info-box p {
    font-size: 14px;
    color: #0c1f3c;
    margin-bottom: 0px;
}

.promotion_extra_info {
    margin-top: 20px;
}





.wrap-prices {
    display: table;
    width: 100%;
}

.deals_price {
    /* float: left; */
    display: table-cell;
    margin-right: 20px;
    width: 150px;
}

.deals_points {
    /* float: right; */
    text-align: right;
    display: table-cell;
}

.deals-info-box {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px;
}

.wrap-all-prices {
    border: 1px solid #d3d3d3;
    padding: 15px;
}

.deals_title {
    margin-bottom: 18px;
}

.deals_title h2{
	margin: 0;
	padding:0;
	font-weight: 500;
}

.deals_price h3{
	margin: 0;
	padding:0;
	font-weight: 600;
    font-size: 29px;
}

.deals_points p {
    font-weight: 600;
    font-style: italic;
    color: #504d4d;
}

.deals_price h3 span {
    font-size: 18px;
}

.description_deals {
    display: table-caption;
    width: 100%;
    color: #292929;
    margin-bottom: 15px;
    line-height: 26px;
}

.description_deals a {
       color: #1760cc;
    font-weight: 600;
    -moz-border-radius: 5px;
    display: inline-block;
    /* border-bottom: 1px solid #ababab; */
    font-size: 14px;
    width: 100%;
}

.deals_points p {
   color: #504d4d;
   margin:0;
}

.deals-wrap {
    margin-bottom: 30px;
}

.price-top {
    border-bottom: 2px solid #dedede;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.price-top h3 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 35px;
}

.on-single-promo-bottom {
    overflow: hidden;
    /* border-top: 1px solid #000; */
    margin-top: 100px;
}

.onpage-entry.deals_single_wrap h1 {
    margin-bottom: 50px;
}

.on-single-promo-bottom h2.section-title{
        border-top: 1px solid #dedede;
    padding-top: 20px;
}

.wrap-deals-details-info {
    border: 2px solid #dedede;
    padding: 15px;
}

.price-top .deals_points p{
     margin: 0;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 15px;
    font-weight: 600;
}

.wema-deals-columns {
    margin-bottom: 50px;
}








/* Contractor sign up */




.contractors.signupform {
	border: 1px solid #e2e2e2;
    background: #f1f2f3;
    padding: 25px;
}

.contractors.signupform .category-select-c {
    margin-top: 30px;
}

.contractors.signupform input[type="checkbox"] {
    position: absolute;
    /* right: 1px; */
}

.contractors.signupform span.wpcf7-list-item-label {
    margin-left: 27px;
}

.contractors.signupform span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
    width: 230px;
    /* margin-right: 35px; */
}

.contractors.signupform select.wpcf7-form-control.wpcf7-select {
    padding: 10px;
    height: 40px;
    width: 100%;
    font-size: 16px;
    background: #fff;
}

.contractors.signupform label{
    margin-bottom: 0px;
}

.sign-c-side {
    border: 1px solid #e2e2e2;
    padding: 15px;
}

.sign-c-side h3 {
    margin: 0;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.sign-c-side ul{
	list-style: none;
}


.sign-c-side ul li{
	background-image: url(https://de2bfe.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/check-icon.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 28px;
    margin-bottom: 30px;
}


.box-promotion h3.list-title {
    display: none!important;
}

.dealsgallery {
    margin-top: 30px;
}

.dealsgallery p img {
    width: 250px;
    height: 250px;
    display: inline-block;
    margin-right: 25px;
    border: 1px solid #d4d4d4;
    margin-bottom: 15px;
}

.box-promotion {
    border: 1px solid #dcdcdc;
    padding: 10px;
}










.dealsgallery .content-column.one_third {
    padding: 15px;
    background: #efefef;
    /* flex-wrap: wrap; */
    /* justify-content: flex-start; */
    /* width: 100%; */
    margin-bottom: 30px;
    /* margin-right: 5px; */
    /* flex: 1 1 auto; */
    /* border: 1px solid #000; */
    /* margin: 5px; */
    /* width: 9800px; */
}

.dealsgallery {
    margin-top: 30px;
    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    flex-direction: row;
    padding: 5px;
    width: 100%;
}

.dealsgallery p {
    font-size: 16px;
    line-height: 20px;
}

article#post-1038 .one_third {
    background: #fff;
    font-weight: 600;
}

.wrap-deals-details-info ul {
    margin: 0;
    padding: 0;
    margin-left: 15px;
}

.wrap-deals-details-info ul li {
    list-style: none;
    margin-bottom: 20px;
    font-weight: 600;
}







.banner-strech-home{
    margin-bottom: 50px;
}

.banner-strech-home img:hover{
    opacity: 0.9;
}



.f-col-products {
    border: 1px solid #d4d4d4;
    padding: 15px;
}

.f-col-products p{
	line-height: 20px;
}

.f-col-products span.new-price {
    background: red;
    padding: 10px 5px;
    display: inline-block;
    margin-top: 5px;
    color: #fff;
    font-weight: 800;
    font-size: 28px;
}

.f-col-products span.old-price {
    text-decoration: line-through;
}

.f-col-products .f-img{
	
}

.f-col-products img{
	    max-height: 100%;
    width: auto;
}

.f-col-products .widget_sp_image-description {
     margin-top: 30px;
}

.f-products.last .panel-grid-cell-empty .f-col-products {
    border: none;
}

.imgimg {
}


.f-col-products h3{
	display: none;
}

.imgimg {
    width: 100%;
    height: 200px;
}

.f-des {
    margin-top: 60px;
    display: inline-block;
}

.banner-msg-stores{
	    border: 1px solid #e8e8e8;
	    text-align: center;
	    font-size: 42px;
    font-weight: 600;
    text-transform: uppercase;
}

.banner-msg-stores h2{
	font-size: 42px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    padding: 30px 0;
}











/*--------------------------------------------------------------
# Valspar page styling
--------------------------------------------------------------*/


p.section-title-valspar{
    font-size: 24px;
    /* background: #2c2c2c; */
    display: inline-block;
    color: #2c2c2c;
}

header.valspar-w-header{
    background: #5b5070;
    padding:0;
}

h2.section-title-valspar{
    font-size: 18px;
    background: #2c2c2c;
    display: inline-block;
    color: #fff;
    padding: 5px 45px;
}


/* ==== header section valspar ========= */

.valspar-w-header .col-md-7{
    background-image: url(https://a9aa17.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/header-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
}

@media (max-width: 1830px){
    .valspar-w-header .col-md-7{height: 501px;}
}

@media (min-width: 1831px){
    .valspar-w-header .col-md-7{height: 560px;}
}

@media (min-width: 2350px){
    .valspar-w-header .col-md-7{height: 601px;}
}

.intro-title-valspar{
    padding-top: 100px;
    color: #fff;
    position: relative;
    z-index: 1;
    padding-left: 20%;
}

.intro-title-valspar h1{
    font-weight: 800;
    font-size: calc(110px + ((7.638888888888889vw - 150px) * .818181818181818));
    color: #fff;
    margin-right: -450px;
    letter-spacing: 1px;
    font-family: 'Montserrat Alternates', sans-serif;
}

.intro-title-valspar p{
    padding-top: 10px;
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
}

.valspar-logo-header{
    margin-bottom: 30px;
    display: block;
}


@media (max-width: 500px){
    .intro-title-valspar{
        padding-left: 15px;
    }
    .intro-title-valspar h1{
        margin-left: 0px;
    }
}



/* ==== section below header ========= */
.l-v-info, .r-v-info{
    height: 160px;
}


.l-v-info{
    padding-top: 14px;
    overflow: hidden;
    margin-left: 20%;
}

.l-v-info p{
    font-size: 18px;
    clear: right;
    line-height: 7px;
    padding: 0;
    margin: 0;
}

a.button-val {
    background: #fff;
    display: inline-block;
    margin-top: 60px;
    color: #000;
    padding: 15px 45px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 30px;
}

a.button-val:hover{
    background: #f6f6f6;
}

.v-can-top{
    width: 119px;
    height: 142px;
    float: left;
    margin-right: 15px;
}


.valspar-link-title{
    color: #fff;
    float: left;
    padding-left: 15px;
}

.valspar-link-title h1{
    font-size: 50px;
    letter-spacing: 1px;
    font-weight: 800;
    color: #fff;
    font-family: 'Montserrat Alternates', sans-serif;
}

.valspar-link-title p{
    font-size: 18px;
    font-weight: 300;
}


.arrow-link{
    background: #6f977f;
    height: 60px;
    width: 60px;
    float: left;
    padding: 15px;
    margin-right: 15px;
}


@media (max-width: 500px){
    .l-v-info{
        margin-left: 15px;
    }

    .v-can-top{
        float: none;
        width: 80px;
        height: 100px;
    }

    .r-v-info{
        display: flex;
        flex-wrap: nowrap;
    }
    .arrow-link{
        margin-right: 0px;
    }
}


/* ==== Paint products ========= */



.paint-products{
    background: #f6f6f6;
    padding-top: 80px;
}

.title-val-section{
    display: block;
    overflow: hidden;
    margin-bottom: 80px;
}

.title-val-section h2{
    float: right;
}

.parent-paint {
    text-align: center;
}

.shape{
    background-image: url(https://49ad67.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/shape.svg);
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -50% 160%;
}


.parent-paint{
    position:relative;
    margin-bottom: 50px;
}

.paint-content {
    display:none;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    z-index: 1;
    position: absolute;
    right:0;
    left:0;
    text-align: left;
}

.parent-paint:hover .paint-content {
    display:block;
    transform: translateY(-3em);
    z-index: 10;
    margin-top: -50px;
}


ul.paint-list-content {
    list-style: none;
    font-size: 14px;
    text-align: left;
    display: block;
}

.paint-content p {
    color: #023552;
    font-size: 14px!important;
    float: left;
    display: block;
    font-weight: 600;
}



/* ==== Mid section title ========= */

.section-title-valspar-mid{
    margin-bottom: 80px;
}

h1.sales-title{
    color: #023552;
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 800;
    font-size: 50px;
    position: relative;
    padding-left: 15px;
    padding-top: 10px;
}

h1.sales-title:after {
    content: attr(data-content);
    position: absolute;
    color: #000;
    top: 0;
    left: 0;
    width: 340px;
    height: 120%;
    background-color: #f5e9dd;
    z-index: -1;
}






/* ==== Calculator section ========= */


#paint-calculator{
    margin-bottom: 80px;
}


.cal-info-sidebar{
    margin-top: 20px;
}

.cal-info-sidebar p{
    font-size: 18px;
    margin-bottom: 50px;
}

.cal-info-sidebar h3{
    color: #f43e0a;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 0;
}


@media (max-width: 500px){
    .valspar-link-title h1 {
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 800;
    color: #fff;
    font-family: 'Montserrat Alternates',sans-serif;
    }

    .shape {
    background-position: 50% 60%;
    }

    .intro-title-valspar h1{
        margin-right: 0;
        font-size: calc(110px + ((7.638888888888889vw - 130px)*.818181818181818));
    }

    .intro-title-valspar{
        padding-left: 0;
        padding-top: 20px;
    }

    .valspar-link-title{
        float: none;
    }
}


@media (max-width: 950px){
     .shape {
    background-position: 50% 60%;
    }
}

.disclaimer p {
    font-style: italic;
    font-size: 14px;
}


/*Ferdinand's css add-on for the paint calculator */

div#calculator-container {
    border: 3px solid #3272b6;
    padding: 25px;
}

ul#step-nav{
    list-style: none;
    margin-bottom: 50px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 40px;
    padding-top: 20px;
}

ul#step-nav li{
    display:inline-block;
    margin-right: 40px;
    font-size: 16px;
}

.step-active {
    color: #ffffff;
    background: #f43e0a;
    padding: 5px 10px;
}

div#calculator-container h3 {
    font-size: 20px;
    margin-bottom: 25px;
}

div#interior-exterior-block input[type=checkbox], input[type=radio]{
    margin-right: 10px;
}

div#project-type-block label{
    margin-right: 10px;
    font-size: 16px;
}

div#interior-exterior-block {
    margin-bottom: 50px;
}

button#next-button, button#back-button {
    background: #3272b6;
    border: none;
    color: #fff;
    font-size: 20px;
    margin-top: 30px;
    font-family: 'Open Sans',sans-serif;
    padding: 5px 40px;
    display: inline-block;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px;
}

div#project-type-block-error {
    color: red;
}

div#navigation-links {
    display: flex;
    flex-direction: row;
}

div#interior-walls-measurements-block {
    margin-bottom: 50px;
}

button#back-button {
    background: #c1c1c1;
    margin-right: 15px;
}

div#step-2 label {
    font-size: 16px;
    display: block;
}

div#step-2 input{
    margin-bottom: 15px;
    margin-right: 15px;
}

input#wall-gable {
    margin-left: 10px;
}
















.modal {
  display: none;
}
.modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
}
.modal-content {
  position: absolute;
  text-align: left;
  top: 50%;
  left: 50%;
  top: 0\9;
  right: 0\9;
  bottom: 0\9;
  left: 0\9;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: none\9;
  padding: 10px;
  min-width: 45%;
  max-width: 25%;
  min-width: 95%\9;
  max-width: 95%\9;
  -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

@media (max-width: 500px){
    .modal-content {
        min-width: 85%;
        max-width: 95%;
    }
}

.modal-content p{
    font-size: 20px;
    color: #023552;
}

.modal-content > div {
  display: table-cell;
  vertical-align: middle;
  background: #fff;
  padding: 30px 15px;
  border-radius: 5px;
  width: 9999px;
  height: 100%;
}
.close-modal {
  width: 35px;
  padding: 3px;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 400ms ease;
}
.close-modal:hover {
  opacity: .4;
}


button.open-modal {
    background: none;
    border: none;
    margin: 0;
    padding:0;
}

.modal-content p {
    font-size: 20px;
    color: #000;
}


.nobg-c .content-column {
    background: none!important;
}

.nobg-c p{
    border: none !important;
}

.nobg-c {
    overflow: hidden;
    display: contents;
}


.campaign-image img {
    max-width: 100%;
    max-height: 100%;
}

.campaign-image {
    width: 300px;
    height: 260px;
}

.campaign-content {
    border-top: 2px solid #d4d4d4;
    padding-top: 25px;
}

.campaign-content strong {
    color: red;
    font-size: 28px;
}

.campaign-content em {
    color: #000;
    text-decoration: line-through;
    font-size: 18px;
    line-height: 0;
    margin-bottom: 0;
}

.campaign-content h3 {
    font-size: 18px;
    font-weight: 600;
}


/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/

/*
==============================================
slideDown
==============================================
*/


.slideDown{
    animation-name: slideDown;
    -webkit-animation-name: slideDown;  

    animation-duration: 1s; 
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;    
    -webkit-animation-timing-function: ease;    

    visibility: visible !important;                     
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    50%{
        transform: translateY(8%);
    }
    65%{
        transform: translateY(-4%);
    }
    80%{
        transform: translateY(4%);
    }
    95%{
        transform: translateY(-2%);
    }           
    100% {
        transform: translateY(0%);
    }       
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50%{
        -webkit-transform: translateY(8%);
    }
    65%{
        -webkit-transform: translateY(-4%);
    }
    80%{
        -webkit-transform: translateY(4%);
    }
    95%{
        -webkit-transform: translateY(-2%);
    }           
    100% {
        -webkit-transform: translateY(0%);
    }   
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
    animation-name: slideUp;
    -webkit-animation-name: slideUp;    

    animation-duration: 1s; 
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;    
    -webkit-animation-timing-function: ease;

    visibility: visible !important;         
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }
    50%{
        transform: translateY(-8%);
    }
    65%{
        transform: translateY(4%);
    }
    80%{
        transform: translateY(-4%);
    }
    95%{
        transform: translateY(2%);
    }           
    100% {
        transform: translateY(0%);
    }   
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
    }
    50%{
        -webkit-transform: translateY(-8%);
    }
    65%{
        -webkit-transform: translateY(4%);
    }
    80%{
        -webkit-transform: translateY(-4%);
    }
    95%{
        -webkit-transform: translateY(2%);
    }           
    100% {
        -webkit-transform: translateY(0%);
    }   
}

/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;  

    animation-duration: 1s; 
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     

    visibility: visible !important; 
}

@keyframes slideLeft {
    0% {
        transform: translateX(150%);
    }
    50%{
        transform: translateX(-8%);
    }
    65%{
        transform: translateX(4%);
    }
    80%{
        transform: translateX(-4%);
    }
    95%{
        transform: translateX(2%);
    }           
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(150%);
    }
    50%{
        -webkit-transform: translateX(-8%);
    }
    65%{
        -webkit-transform: translateX(4%);
    }
    80%{
        -webkit-transform: translateX(-4%);
    }
    95%{
        -webkit-transform: translateX(2%);
    }           
    100% {
        -webkit-transform: translateX(0%);
    }
}

/*
==============================================
slideRight
==============================================
*/


.slideRight{
    animation-name: slideRight;
    -webkit-animation-name: slideRight; 

    animation-duration: 1s; 
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     

    visibility: visible !important; 
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }
    50%{
        transform: translateX(8%);
    }
    65%{
        transform: translateX(-4%);
    }
    80%{
        transform: translateX(4%);
    }
    95%{
        transform: translateX(-2%);
    }           
    100% {
        transform: translateX(0%);
    }   
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }
    50%{
        -webkit-transform: translateX(8%);
    }
    65%{
        -webkit-transform: translateX(-4%);
    }
    80%{
        -webkit-transform: translateX(4%);
    }
    95%{
        -webkit-transform: translateX(-2%);
    }           
    100% {
        -webkit-transform: translateX(0%);
    }
}

/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp{
    animation-name: slideExpandUp;
    -webkit-animation-name: slideExpandUp;  

    animation-duration: 1.6s;   
    -webkit-animation-duration: 1.6s;

    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease -out;

    visibility: visible !important; 
}

@keyframes slideExpandUp {
    0% {
        transform: translateY(100%) scaleX(0.5);
    }
    30%{
        transform: translateY(-8%) scaleX(0.5);
    }   
    40%{
        transform: translateY(2%) scaleX(0.5);
    }
    50%{
        transform: translateY(0%) scaleX(1.1);
    }
    60%{
        transform: translateY(0%) scaleX(0.9);      
    }
    70% {
        transform: translateY(0%) scaleX(1.05);
    }           
    80%{
        transform: translateY(0%) scaleX(0.95);     
    }
    90% {
        transform: translateY(0%) scaleX(1.02);
    }   
    100%{
        transform: translateY(0%) scaleX(1);        
    }
}

@-webkit-keyframes slideExpandUp {
    0% {
        -webkit-transform: translateY(100%) scaleX(0.5);
    }
    30%{
        -webkit-transform: translateY(-8%) scaleX(0.5);
    }   
    40%{
        -webkit-transform: translateY(2%) scaleX(0.5);
    }
    50%{
        -webkit-transform: translateY(0%) scaleX(1.1);
    }
    60%{
        -webkit-transform: translateY(0%) scaleX(0.9);      
    }
    70% {
        -webkit-transform: translateY(0%) scaleX(1.05);
    }           
    80%{
        -webkit-transform: translateY(0%) scaleX(0.95);     
    }
    90% {
        -webkit-transform: translateY(0%) scaleX(1.02);
    }   
    100%{
        -webkit-transform: translateY(0%) scaleX(1);        
    }
}

/*
==============================================
expandUp
==============================================
*/


.expandUp{
    animation-name: expandUp;
    -webkit-animation-name: expandUp;   

    animation-duration: 0.7s;   
    -webkit-animation-duration: 0.7s;

    animation-timing-function: ease;    
    -webkit-animation-timing-function: ease;        

    visibility: visible !important; 
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60%{
        transform: translateY(-7%) scaleY(1.12);
    }
    75%{
        transform: translateY(3%);
    }   
    100% {
        transform: translateY(0%) scale(1) scaleY(1);
    }   
}

@-webkit-keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60%{
        -webkit-transform: translateY(-7%) scaleY(1.12);
    }
    75%{
        -webkit-transform: translateY(3%);
    }   
    100% {
        -webkit-transform: translateY(0%) scale(1) scaleY(1);
    }   
}

/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn; 

    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     

    visibility: visible !important; 
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0.0;       
    }
    60% {
        transform: scale(1.1);  
    }
    80% {
        transform: scale(0.9);
        opacity: 1; 
    }   
    100% {
        transform: scale(1);
        opacity: 1; 
    }       
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;       
    }
    60% {
        -webkit-transform: scale(1.1);
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 1; 
    }   
    100% {
        -webkit-transform: scale(1);
        opacity: 1; 
    }       
}

/*
==============================================
expandOpen
==============================================
*/


.expandOpen{
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen; 

    animation-duration: 1.2s;   
    -webkit-animation-duration: 1.2s;

    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out;    

    visibility: visible !important; 
}

@keyframes expandOpen {
    0% {
        transform: scale(1.8);      
    }
    50% {
        transform: scale(0.95);
    }   
    80% {
        transform: scale(1.05);
    }
    90% {
        transform: scale(0.98);
    }   
    100% {
        transform: scale(1);
    }           
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(1.8);      
    }
    50% {
        -webkit-transform: scale(0.95);
    }   
    80% {
        -webkit-transform: scale(1.05);
    }
    90% {
        -webkit-transform: scale(0.98);
    }   
    100% {
        -webkit-transform: scale(1);
    }                   
}

/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance{
    animation-name: bigEntrance;
    -webkit-animation-name: bigEntrance;    

    animation-duration: 1.6s;   
    -webkit-animation-duration: 1.6s;

    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out;    

    visibility: visible !important;         
}

@keyframes bigEntrance {
    0% {
        transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2;
    }
    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);        
        opacity: 1;
    }
    45% {
        transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);     
        opacity: 1;
    }   
    75% {
        transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);      
        opacity: 1;
    }   
    100% {
        transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }       
}

@-webkit-keyframes bigEntrance {
    0% {
        -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2;
    }
    30% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);        
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);     
        opacity: 1;
    }   
    75% {
        -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);      
        opacity: 1;
    }   
    100% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }               
}

/*
==============================================
hatch
==============================================
*/

.hatch{
    animation-name: hatch;
    -webkit-animation-name: hatch;  

    animation-duration: 2s; 
    -webkit-animation-duration: 2s;

    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%; 

    visibility: visible !important;     
}

@keyframes hatch {
    0% {
        transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        transform: rotate(2deg) scaleY(1);
    }
    50% {
        transform: rotate(-2deg);
    }   
    65% {
        transform: rotate(1deg);
    }   
    80% {
        transform: rotate(-1deg);
    }       
    100% {
        transform: rotate(0deg);
    }                                   
}

@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        -webkit-transform: rotate(2deg) scaleY(1);
    }
    50% {
        -webkit-transform: rotate(-2deg);
    }   
    65% {
        -webkit-transform: rotate(1deg);
    }   
    80% {
        -webkit-transform: rotate(-1deg);
    }       
    100% {
        -webkit-transform: rotate(0deg);
    }       
}


/*
==============================================
bounce
==============================================
*/


.bounce{
    animation-name: bounce;
    -webkit-animation-name: bounce; 

    animation-duration: 1.6s;   
    -webkit-animation-duration: 1.6s;

    animation-timing-function: ease;    
    -webkit-animation-timing-function: ease;    
    
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;     
}

@keyframes bounce {
    0% {
        transform: translateY(0%) scaleY(0.6);
    }
    60%{
        transform: translateY(-100%) scaleY(1.1);
    }
    70%{
        transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    }
    80%{
        transform: translateY(0%) scaleY(1.05) scaleX(1);
    }   
    90%{
        transform: translateY(0%) scaleY(0.95) scaleX(1);
    }               
    100%{
        transform: translateY(0%) scaleY(1) scaleX(1);
    }   
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0%) scaleY(0.6);
    }
    60%{
        -webkit-transform: translateY(-100%) scaleY(1.1);
    }
    70%{
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    }
    80%{
        -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
    }   
    90%{
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
    }               
    100%{
        -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
    }       
}


/*
==============================================
pulse
==============================================
*/

.pulse{
    animation-name: pulse;
    -webkit-animation-name: pulse;  

    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;       
    }
    50% {
        transform: scale(1);
        opacity: 1; 
    }   
    100% {
        transform: scale(0.9);
        opacity: 0.7;   
    }           
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;       
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1; 
    }   
    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;   
    }           
}

/*
==============================================
floating
==============================================
*/

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);  
    }
    50% {
        transform: translateY(8%);  
    }   
    100% {
        transform: translateY(0%);
    }           
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);  
    }
    50% {
        -webkit-transform: translateY(8%);  
    }   
    100% {
        -webkit-transform: translateY(0%);
    }           
}

/*
==============================================
tossing
==============================================
*/

.tossing{
    animation-name: tossing;
    -webkit-animation-name: tossing;    

    animation-duration: 2.5s;   
    -webkit-animation-duration: 2.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg);   
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);   
    }                       
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-4deg);   
    }
    50% {
        -webkit-transform: rotate(4deg);
    }
    100% {
        -webkit-transform: rotate(-4deg);   
    }               
}

/*
==============================================
pullUp
==============================================
*/

.pullUp{
    animation-name: pullUp;
    -webkit-animation-name: pullUp; 

    animation-duration: 1.1s;   
    -webkit-animation-duration: 1.1s;

    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out;    

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;         
}

@keyframes pullUp {
    0% {
        transform: scaleY(0.1);
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(0.98);
    }               
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
    }                           
}

@-webkit-keyframes pullUp {
    0% {
        -webkit-transform: scaleY(0.1);
    }
    40% {
        -webkit-transform: scaleY(1.02);
    }
    60% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(0.98);
    }               
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(1);
    }       
}

/*
==============================================
pullDown
==============================================
*/

.pullDown{
    animation-name: pullDown;
    -webkit-animation-name: pullDown;   

    animation-duration: 1.1s;   
    -webkit-animation-duration: 1.1s;

    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out;    

    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;       
}

@keyframes pullDown {
    0% {
        transform: scaleY(0.1);
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(0.98);
    }               
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
    }                           
}

@-webkit-keyframes pullDown {
    0% {
        -webkit-transform: scaleY(0.1);
    }
    40% {
        -webkit-transform: scaleY(1.02);
    }
    60% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(0.98);
    }               
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(1);
    }       
}

/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft{
    animation-name: stretchLeft;
    -webkit-animation-name: stretchLeft;    

    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out;    

    transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
    0% {
        transform: scaleX(0.3);
    }
    40% {
        transform: scaleX(1.02);
    }
    60% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(0.98);
    }               
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(1);
    }                           
}

@-webkit-keyframes stretchLeft {
    0% {
        -webkit-transform: scaleX(0.3);
    }
    40% {
        -webkit-transform: scaleX(1.02);
    }
    60% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(0.98);
    }               
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(1);
    }       
}

/*
==============================================
stretchRight
==============================================
*/

.stretchRight{
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;   

    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out;    

    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;        
}

@keyframes stretchRight {
    0% {
        transform: scaleX(0.3);
    }
    40% {
        transform: scaleX(1.02);
    }
    60% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(0.98);
    }               
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(1);
    }                           
}

@-webkit-keyframes stretchRight {
    0% {
        -webkit-transform: scaleX(0.3);
    }
    40% {
        -webkit-transform: scaleX(1.02);
    }
    60% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(0.98);
    }               
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(1);
    }       
}






.ciythumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.widget-first.widget-1.promo-banner-front-small-long {
    margin-bottom: 25px;
}


.p-deals-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.p-deals-img {
    width: 282px;
    height: 282px;
}

.campaigns {
    margin-top: 80px;
}
















.second-title p strong {
    font-size: 45px;
    text-transform: uppercase;
    color: #c5151c!important;
}

.bull-form strong{
	text-transform: uppercase;
    color: #c5151c!important;
    font-size: 18px;
}

.second-title {
    text-align: center;
    margin-top: 70px;
    display: block;
}


.bull-img {
    border: 1px solid #dedede;
}

.three-columns-products-bull{
	border-bottom: 1px solid #c5151c;
	padding-bottom: 80px;
}

.center-bull-bbq-img {
        padding: 1% 10%;
}

.contact-bull-sales {
    border-top: 2px solid #b41116;
    padding-top: 25px;
}

.sub-title p {
    font-size: 24px;
}

.sub-title {
    text-align: center;
}


.bull-products-display img {
 height: 300px;
width: 100%;
}


.title-product-bull strong {
font-size: 24px;
font-weight: 600;
color: red;
}

.bull-products-display h3 {
    display: none;
}

.title-product-bull {
    text-align: center;
}



.shop-process {
       font-size: 16px;
    color: #000;
    font-weight: 400;
    background: #f1f2f3;
    padding-top: 15px;
    padding-right: 25px;
    padding-left: 25px;
    border: 1px solid #ececec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 20px;
    padding-top: 25px;
}

.shop-process ol{
	margin-bottom: 25px;
}

.shop-process ol li{
	line-height: 30px;
}


.shop-online {
    color: #0060ed;
}


.shop-intruction-page-title-top {
  
    padding: 50px;
    margin-bottom: 50px;
    display: block;
    background: #f9f4e6;
}

.title-cart {
    color: #f00;
}

.bank-details-box{
	    font-size: 22px;
    color: #000;
    font-weight: 400;
    background: #fff;
    padding-top: 15px;
    padding-right: 25px;
    padding-left: 25px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.link-shop-products {
    background: #f00;
    text-align: center;
    padding: 30px 0;
    margin-top: 50px;
    -webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
}

.link-shop-products:hover{
	    background: #e60101;
}

.link-shop-products p{
	margin:0;
}

.link-shop-products a {
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.center-intro-shop {
    text-align: center;
    font-weight: 600;
    padding: 0 15%;
}

.center-intro-shop p{
	font-size: 19px;
}

.side-line {
     border-right: 1px solid #d8d8d8;
}


.banner-notification-shop-front {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    display: block;

}

.banner-notification-shop-front p{
	font-size: 24px;
}

.banner-notification-shop-front a {
   
    color: #fff;
    font-weight: 400;

    margin-top: 20px;
    display: inline-block;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.banner-notification-shop-front a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
    font-size: 16px;
}

.banner-notification-shop-front h2.woocommerce-loop-product__title {
    font-size: 18px!important;
}

.banner-notification-shop-front li.product.type-product{
    margin-bottom: 0px!important;
}

.banner-notification-shop-front ul.products.columns-4{
    padding-left: 0px;
    padding-right: 0px;
}

/* ======================= shop ======================================================================== */




header.woocommerce-products-header.landingpage-cat{
    background: #f00;
    padding-left: 15px;
    padding-right: 15px;
}

.landingpage-cat h1.woocommerce-products-header__title.page-title {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.intro-section {
    background: #f2f2f3;
    border: 1px solid #ececec;
    margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
}

.shop-intro-txt {
    max-width: 60%;
}

.shop-intro-txt h1{
    font-weight: 800;
    font-size: 66px;
}
.shop-intro-txt h1 span{
    color:#ff0000;
    font-family: 'Kalam',cursive;
    font-weight: normal;
    font-size: 60px;
    display: initial;
}

.shop-intro-img {
    /* float: right; */
    /* text-align: right; */
    position: absolute;
    right: 0;
    /*bottom: -1px; */
}

.awdr_discount_bar{
    background: #005fef !important;
}

.awdr_discount_bar_content {
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 10px !important;
    color: #FFF !important;
    background: #005fef !important;
    font-size: 17px;
}

.awdr_free_product_text {
    display: inline-block;
    padding: 0px 10px;
    background-color: #005fef !important;
    color: #fff;
    border-radius: 0 !important;
}

@media (max-width: 900px){
    .shop-intro-img{
       display: none;
    }

    .shop-intro-txt{
        max-width: 100%;
    }
}



nav.woocommerce-breadcrumb {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    margin-left: auto!important;
    margin-right: auto!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    margin-top: 10px!important;
    color: #000!important;
}

nav.woocommerce-breadcrumb a{
    color: #000!important;
}


ul.products.columns-4 {
    display: flex;
    flex-wrap: wrap;
}

li.product-category.product, li.product {
    border: 1px solid #0060ed;
    padding: 15px!important;
}

li.product-category.product:hover, li.product:hover {
    border: 1px solid #87b3f5;
}

@media (max-width: 768px){

    li.product-category.product{
        margin: 5px!important;
    }
}



h2.woocommerce-loop-category__title {
    font-weight: 700;
    text-align: center;
    font-size: 1.2em!important;
}

mark.count {
    display: none;
}


span.onsale {
   position: absolute!important;
   top: 0!important;
   right: 0!important;
   z-index: 10!important;
   background: #fe2222!important;
   color: #fff!important;
   padding: 7px 10px!important;
   text-transform: uppercase!important;
   margin: 0!important;
   margin-right: 10px!important;
   margin-top: 10px!important;
}

span.price {
    color: #000!important;
    font-size: 16px!important;
}

del {
    color: #f00!important;
}

a.button {
    background: #0060ed!important;
    color: #fff!important;
}

ul.l-s-p{
    list-style: none;
    text-align: center;
}

ul.l-s-p li{
    display: inline-block;
    color: #fff;
    font-weight: 600;
    margin-right: 35px;
    margin-left: 35px;
    font-size: 17px;
}

ul.l-s-p li img{
    margin-right: 5px;
}

li.l-s-p-four {
    flood-color: right;
    font-size: 20px!important;
    background: #fff;
    color: #000!important;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    margin-top: 5px!important;
    font-weight: 900!important;
    margin-right: 0px!important;
}



@media (max-width: 1130px){
    ul.l-s-p{
        text-align: center;
    }

    li.l-s-p-four{
        margin-top: 25px!important;
    }

    ul.l-s-p li {
    margin-right: 10px;
    margin-left: 10px;
    }
}

@media (max-width: 500px){
    ul.l-s-p{
        text-align: left;
    }

    ul.l-s-p li img{
        width: 25px;
        height: 25px;
    }
        ul.l-s-p li{
            display: block;
            margin:0;
            margin-bottom: 20px;
        }
        .shop-intro-txt h1 {
        font-weight: 800;
        font-size: 30px;
        }
        .shop-intro-txt {
        text-align: center;
        }
        .shop-intro-txt h1 span{
            display: block;
            margin-top: 15px;
        }

header.woocommerce-products-header.landingpage-cat{
    padding-bottom: 5px;
}
        li.product-category.product, li.product{
            width: 100%!important;
        }
}







.sidebar-cat-shop {
        border: 3px solid #ff0000;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sidebar-cat-shop h2 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.sidebar-cat-shop ul{
    list-style: none;
}

.sidebar-cat-shop li {
    margin-bottom: 10px;
}

.sidebar-cat-shop ul li a {
    color: #0060ed;
    font-size: 16px;
}

.sidebar-cat-shop ul li a:hover{
    color: #000;
}

.sidebar-cat-shop h2{
    margin-top: 0px;
}


.list-c-p ul.products{
    padding-left: 0px;
    padding-right: 0px;
}

h1.woocommerce-products-header__title.page-title {
    font-weight: 700;
}













.wrapper-single-product-w {
    overflow: hidden;
    background: #f1f2f3;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dedede;
}

.woocommerce-product-gallery__image {
    width: 400px;
    border: 1px solid #e8e8e8;
    margin: 0 auto;
}



.summary.entry-summary h1 {
    font-weight: 700;
    margin-bottom: 31px;
}

p.price {
    color: #000!important;
    font-size: 24px!important;
    margin-bottom: 35px;
    margin-top: 60px;
}


p.price span {
    /* margin-right: 10px; */
    font-weight: 800;
    font-size: 28px;
    border: 1px solid #000;
    padding: 10px;
}

span.woocommerce-Price-currencySymbol{
    border: none!important;
}

.woocommerce-product-details__short-description p{
    line-height: 25px;
}

button.single_add_to_cart_button.button.alt {
    background: #005fee;
}

button.single_add_to_cart_button.button.alt:hover{
        background: #124fad;
}

p.stock.in-stock {
    display: none!important;
}

.woocommerce-product-details__short-description {
    margin-bottom: 50px;
}

span.posted_in {
    display: none!important;
}

.woocommerce-tabs.wc-tabs-wrapper {
    display: none!important;
}
input.qty {
    background: #f1f2f3;
    border: none;
    border-bottom: 1px solid #a7a7a7;
    border-radius: inherit;
    font-weight: 700;
    color: #000;
    margin-right: 15px;
    margin-top: 2px;
    text-align: center;
    font-size: 16px;
}


@media (max-width: 450px){
	.woocommerce-product-gallery__image {
		width: 100%;
	}

	h1.product_title.entry-title {
    font-size: 20px;
	}
}






section.related.products ul {
    padding-left: 0;
    padding-right: 0;
}

section.related.products h2 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
}

section.related.products {
    margin-top: 50px;
}
form.woocommerce-cart-form {
    padding-left: 20%;
    padding-right: 20%;
    margin: 0 auto;
}



.cart_totals {
    width: 100%!important;
    padding-left: 20%;
    padding-right: 20%;
}

header.entry-header {
    display: none;
}

.checkout-header-title {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 10%;
}

.checkout-header-title h1 {
    font-weight: 700;
}


@media (max-width: 500px){
form.woocommerce-cart-form {
    padding-left: 10%;
    padding-right: 10%;
    margin: 0 auto;
	}

}



#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #f3f3f3;
    border-radius: 5px;
}

.payment_box.payment_method_cod {
    background-color: #e0e0e0!important;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
   display: none;
}


button#place_order {
    background: #005fee;
}


.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
  
    background: #f1f2f3;
    padding: 15px;
    border: 1px solid #ececec;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

@media (max-width: 760px){
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        width: 100%!important;
    }
}

table.shop_table.woocommerce-checkout-review-order-table {
    background: #fff;
}


.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    padding: 10px;
}

.woocommerce-billing-fields h3 {
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 36px;
}


.cart_totals h2 {
    font-size: 20px;
    margin-bottom: 25px;
}


form.checkout.woocommerce-checkout {
    margin-top: 80px;
}


.starthere-title-shop-front {
    font-size: 18px;
    background-image: url(https://ad0772.claudeassets.com/20250815085913im_/https://www.wemaaruba.com/wp-content/themes/wema/img/shop-img/arrow-s.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 110px;
    margin-bottom: 20px;
    font-weight: 600;
    background-size: 20px;
}




.woocommerce-order {
    /* text-align: center; */
    padding-left: 20%;
    padding-right: 20%;
    margin-top: 80px;
    background: #f1f2f3;
    padding-top: 35px;
    padding-bottom: 15px;
    border: 1px solid #ececec;
}


ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    background: #fff;
    padding: 15px;
    border: 1px solid #e5e5e5;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background: #fff;
}

.woocommerce-message {
    background: #8fae1a;
    border:none;
    margin-bottom: 0px;
}

p.return-to-shop {
    text-align: center;
}

.woocommerce-info{
    text-align: center;
}

.woocommerce-info::before {
    display: none;
}

a.added_to_cart.wc-forward {
    margin-left: 10px;
    font-weight: 600;
}

li.vi_wcaio_menu_cart {
    display: none!important;
}/* remove cart from navigation */


.payment_box.payment_method_swipe_on_pick_up, .payment_box.payment_method_swipe_on_delivery{
    background-color: #fdfdfd!important;
    color: #525252;
    border: 1px solid #005fee;
}


span.sku_wrapper {
    display: none;
}





.shop-options {
    display: flex;
    background: #ffffff;
    padding: 0px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 50px;
    max-width: 400px;
    border: 1px solid #afafaf;
    margin-top: 40px;
}

.shop-options span {
    width: 30px!important;
    height: 30px!important;
    float: inline-end;
    margin-right: 15px;
}

.shop-options h5 {
    font-weight: 600;
}

span{
    /*line-height: 50px;*/
}

h5 i {
    font-weight: 600;
    display: block;
    color: #2d943a;
    margin-top: 4px;
    font-size: 13px;
    font-style: inherit;
}

.woocommerce.columns-4 {
    margin-top: 25px;
}


h2.woocommerce-loop-product__title {
    font-weight: 600;
}





@media (max-width: 500px){

.banner-notification-shop-front .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
    margin-bottom: 10px!important;
    }

    .banner-notification-shop-front span.woocommerce-Price-amount.amount{
    line-height: 15px;
    }

    .banner-notification-shop-front .woocommerce ul.products li.product a img{
        margin-bottom: 0px;
    }

    .banner-notification-shop-front .woocommerce ul.products li.product .button{
        margin-top:0px;
    }

}









@media (min-width: 450px) and (max-width: 768px) {
	.col-md-8.summary.entry-summary {
    text-align: center!important;
	}
	form.cart {
    width: 200px;
    margin: 0 auto;
	}

	.shop-options {
    margin: 0 auto;
    margin-bottom: 20px;
	}
}



a.s-b-shp {
    color: #fff;
    margin-right: 15px;
    font-size: 13px;
    background: #0060ed;
    padding: 5px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 50px;
    font-weight: 600;
}

a.s-b-shp:hover{
	background: #0458d4;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    pointer-events: none;
}


.specials-header {
}

.product-discount-details .sales-img {
    border: 1px solid #0060ed;
}

.discount-btn a {
    background: #ff0706;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.discount-btn p{
    font-size: 14px!important;
    margin-bottom: 10px;
}

.discount-btn p {
    font-size: 14px!important;
    margin-bottom: 15px!important;
}


.product-discount-details .widget_media_image {
    margin-bottom: 10px!important;
     margin-bottom: 15px!important;
}


.deals-title h2{
    font-size: 25px;
    font-weight: 600;
   
}


ul.sub_categories_menu{
	margin-bottom: 20px;
}

ul.sub_categories_menu li {
       display: inline-block;
    margin-right: 15px;
    background: red;
    color: #fff;
    padding: 5px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}


ul.sub_categories_menu li a{
	color: #fff;
	font-weight: 800;
}




li.main_category_active a {
    color: #000!important;
}
li.main_category_active {
    font-weight: 700;
    color: #000;
}


ul.sub_categories_menu li.sub_categories_menu_active {
    background: #f5eaea;
}

ul.sub_categories_menu li.sub_categories_menu_active a {
    color: #a99999;
}


section#header-image-n1 {
    margin-bottom: 0px;
}

li.nav-link-shop a {
    color: #fff!important;
    background: #f00;
    line-height: 23px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.shop-online-note {
    background: #f1f2f3;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.shop-online-note li.product-category.product, li.product{
    background: #fff
}


div#quick-sale-box pre.wp-block-preformatted {
    background: none;
    border: none;
    margin: 0;
    padding:0;
}

div#quick-sale-box ul.products{
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    width: 100%;
}

div#quick-sale-box ul li.product{
    float: left;
    /*margin: 0 2.8% 0 0;*/
    padding: 0;
    position: relative;
    width: 22%;
    margin-left: 0;
}

.row.panel-row-style.panel-row-style-for-4892-6 {
    padding: 0;
    margin: 0;
}

@media (max-width: 690px){
    div#quick-sale-box ul.products{
    flex-direction: column;
    }
    div#quick-sale-box ul li.product{width: 100%;}
}


.carrier-points {
    background: #1c3f95;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
        -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 80px;
}

h3.carrier-title {
    color: #fff;
    font-weight: 800;
    font-size: 30px!important;
    line-height: 38px!important;
    margin-bottom: 30px;
}

.carrier-btn a {
    background: #ff0100;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.carrier-items{
    margin-top: 80px;
}

.carrier-text strong {
    
    color: #fff!important;
}

.mcquay-section-txt h1{
    color: #000;
}


.row.bottom-sales-section{
    background: #136aff;
    text-align: center;
    padding: 15px!important;
    padding-bottom: 50px!important;
}

.row.bottom-sales-section h3{
    color: #fff;
    font-weight: 600;
}

.row.bottom-sales-section ul{
    justify-content: center!important;
}

.row.bottom-sales-section ul li{
    margin:0;
}

.row.bottom-sales-section ul li.product{
     margin-left: 1%!important;
    margin-right: 1%!important;
}

.row.bottom-sales-section .more-sales a{
    background: red;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



.header-section-promo-image {
     text-align: center;
    /* margin-bottom: 30px; */
    background: #efefef;
    padding-bottom: 20px;
    padding-top: 30px;
    border-top: 1px solid #dcdcdc;
}


section#header-image-n1 img {
    max-width: 77%!important;
}


.wema-shop-search {
    margin-top: 0;
}


.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 15px;
    margin: 0;
    border: 2px solid #005fef;
    border-radius: 3px;
    color: #000;
}

input#dgwt-wcas-search-input-1662::-webkit-input-placeholder {
    color: red;
    font-size: 30px!important;
    font-weight: 800;
}



input#dgwt-wcas-search-input-1ddd {
    border: none;
}


@media (max-width: 500px){
.menu-rent-a-tool-container {
    /* margin-top: 15px; */
    display: none;
    }
    .main-navigation{
        margin-bottom: 0px;
    }
}

.wp-block-column {
    margin-bottom: 50px;
    border: 1px solid #1252bb;
    padding: 15px;
}

a.button.product_type_simple {
    font-size: 16px;
}


.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message){
    background: #005fef;
    border: 1px solid #005fef;
    font-color: white;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p { 
    font-color: white;
}


.wema-shop-search.mobile {
    display: none;
  }

@media (max-width: 500px){
 

    .slogan {
      margin-top: 0px;
    }

    .banner-strech-home .col-md-6 {
      margin-bottom: 25px;
    }

    .wema-shop-search {
      display: none;
    }

    .wema-shop-search.mobile{
      display: block;
      margin-bottom:20px; 
      padding-left: 15px;
      padding-right: 15px;
     }

     section#header-image-n1 img {
    max-width: 100%!important;
    }

    .header-section-promo-image{
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

@media (min-width: 501px){
      .wema-shop-search.mobile{
      display: none;
     }
}
.vi_wcaion_mini_cart_sidebar_content {
    right: 90px !important;
    position:absolute !important;
}

















.specials-sub-title strong {
    background: red;
    color: #fff;
    padding: 3px 5px;
    font-weight: 600;
}

.cat-small-img {
    height: 135px;
    width: 100%;
}

.cat-small-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.promo-cat-sales-p p {
    color: #fff;
    font-weight: 600;
}
.departmentsales-section {
    border-top: 1px solid #0060ed;
}

@media (max-width: 500px){
     .cat-sales-box.panel-cell-style .so-panel{
        margin-bottom: 10px;
     }
}



.wema-site-navigation{
    display: contents;
}
.navigation-bottom{
     border-top: 1px solid #dedede;
}
.navigation-top {
    padding-bottom: 15px;
}
ul#rentatool {
    list-style: none;
}
header.navigation_header {
    position: fixed;
    width: 100%;
    background: #fdfdfd;
    z-index: 10;
    border-bottom: 1px solid #dedede;
}


div#primary {
    margin-top: 150px;
}

@media (max-width: 500px){
.navigation-bottom {
    border-top: none;
    }
    div#primary {
    margin-top: 110px;
    }
}

span.onsale {
    z-index: 1!important;
}





.single-product-image-w span.onsale{
    width: 55px;
}


















/*
     FILE ARCHIVED ON 09:08:38 Feb 27, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:36:25 Sep 26, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.395
  exclusion.robots: 0.049
  exclusion.robots.policy: 0.041
  esindex: 0.005
  cdx.remote: 16.975
  LoadShardBlock: 77.177 (3)
  PetaboxLoader3.datanode: 92.154 (4)
  PetaboxLoader3.resolve: 76.941 (2)
  load_resource: 93.783
*/