.bn-top-home{margin-top:30px;font-weight:700;} 
.bn-top-home ul{margin-bottom:0;}
.bn-top-home li{margin-bottom:30px;}
.out-mask h4{text-transform:uppercase;color:#fff;font-size:36px;line-height:1;margin:0;}
.out-mask h3{text-transform:uppercase;color:#fff;font-size:60px;line-height:1;margin:0;}
.out-mask a{padding:9px 29px 10px; color:#000;font-size:12px;font-family:'Josefin Sans', sans-serif;text-transform:uppercase;background:rgba(255,255,255,0.8);display:inline-block;margin-top:9px;}
.out-top-home{position:relative;overflow:hidden;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.out-mask{position:absolute;}
.owl-col-left .out-mask{top:27.7%;left:46px;}
.owl-col-right .out-mask{top:auto;left:36px;bottom:36px;} 
.out-top-home > a{display:block;position:relative;overflow:hidden;}
.out-mask h4,.out-mask a {
    position: relative;
    left: 0;
    webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.out-top-home:hover .out-mask h4,.owl-col-left .out-top-home:hover  .out-mask a{
        -webkit-animation: moveFromRight 800ms ease;
    -moz-animation: moveFromRight 800ms ease;
    -ms-animation: moveFromRight 800ms ease;
    animation: moveFromRight 800ms ease;
}
.out-top-home:hover .out-mask h3,.owl-col-right .out-top-home:hover  .out-mask a
{
	    -webkit-animation: moveFromLeft 800ms ease;
    -moz-animation: moveFromLeft 800ms ease;
    -ms-animation: moveFromLeft 800ms ease;
    animation: moveFromLeft 800ms ease;
}
/**custom**/


@-webkit-keyframes moveFromLeft{
    from {
        -webkit-transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft{
    from {
        -moz-transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft{
    from {
        -ms-transform: translateX(-100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}


/***/
.footer-left{border-left:1px solid #d9d9d9;padding:0px 15px 110px 55px;} 
.footer-left h3{text-transform:uppercase;margin-bottom:25px;font-size:12px;color:#616161;} 
.footer-left p{font-size:12px;line-height:24px;}  
.owl-payment{margin-top:20px;display:inline-block;width:100%;}
.owl-payment ul{margin-bottom:0;}
.owl-payment ul li{float:left;margin-right:19px;max-width:18px;}
.owl-payment ul li i{font-size:0;}
.owl-payment ul li i:before{font-size:20px;color:#666;}

.footer-bottom{padding:17px 0;color:#bdbdbd;font-size:12px;}
.footer-bottom .copy-right-left p{font-size:12px;}
.copy-right-left a{color:#e9c46f;} 
.owl-center-link {text-align:center;}
.owl-center-link a{padding:0 17px;color:#fff;}
.owl-center-link a:hover,.owl-payment ul li:hover i:before{color:#e9c46f;}
.payment-right ul{float:right;margin-bottom:0;}
.payment-right ul li{float:left;margin-left:5px;}
.payment-right ul li img:hover{opacity:0.5;}
.owl-block
{
	background:url(../img/whyshop.png) no-repeat;color:#fff;padding:90px 70px 75px;max-width:338px;position:absolute;right:0;top:0;
}
.owl-block h3{font-size:18px;text-transform:uppercase;margin:0;}
.owl-block h5{font-size:14px;margin:0;font-family:'Lato', sans-serif;font-weight:600;position:relative;}
.owl-block p{font-size:12px;margin:0;font-weight:300;} 
.owl-block li{margin-top:6px;} 
.owl-block li h5:before{font-family:"FontAwesome";font-size:12px;position:absolute;left:-22px;top:3px;}
.owl-block li.why-payment h5:before{content: "\f1f1";}
.owl-block li.why-shipping h5:before{content: "\f0d1";}
.owl-block li.why-best h5:before{content: "\f091";}
.owl-block ul{margin-bottom:0;padding-left:25px;}
.owl-oak{text-transform:capitalize;margin-top:35px;}
.owl-oak .oak-year{margin-left:15px;}
.owl-oak .oak-year:after{padding-left:7px; content: "\f178";font-family:"FontAwesome";}


@media (min-width: 768px ) 
{
.owl-col-left{width:72.5%; padding-left: 15px; padding-right: 15px;float:left;}
.owl-col-right{width:27.5%; padding-left: 15px; padding-right: 15px;float:left;}
}
@media only screen and (min-width : 768px) and (max-width : 1023px)
{
.out-mask h3{font-size:45px;}	 
.out-mask h4{font-size:24px;}
}
@media only screen and (min-width : 1024px) and (max-width : 1199px)
{
.owl-block{background-image:url(../img/whyshop-m.png); padding: 60px 44px 44px;max-width:283px;}
}
@media (max-width: 767px ) 
{
.out-mask h4{font-size:17px;}
.out-mask h3{font-size:26px;}
.owl-col-left,.owl-col-right{width:100%; padding-left: 15px; padding-right: 15px;float:left;}
.owl-col-left .out-mask{top:17px;}
.out-mask a{padding:5px 22px;font-size:10px;}
.copy-right-left{text-align:center;}
.owl-center-link{margin:10px 0 0;}
.owl-center-link a{margin-bottom:10px;display:inline-block;}
.payment-right{text-align:center;margin-top:10px;}
.payment-right ul{float:none;display:inline-block;}
.owl-block{position:static;}
.owl-payment ul li{float:none;display:inline-block;}
.payment-right ul li{float:none;display:inline-block;}  
.footer-bottom .payment-right ul{float:none;} 
.footer-left{display:inline-block;width:100%;padding:0 15px 15px;}  
.bn-top-home img{width:100%;}  
}
@media (max-width: 479px ) 
{
.owl-block{display:none;} 

}
@media (max-width: 1023px ) 
{
.copy-right{margin-bottom:48px;}	
}