/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #arrows {

    position: absolute;
    top: -67px;
    right: 0;
    width: 70px;

}
.brands #arrows{
	position: relative;
	width: 100%;
	top: -60px;
    z-index: 9;
}
.product-accessories #arrows,.special-products #arrows{top: 18px;}
 .slick-prev.slick-arrow{
 	height: 30px;
 	width: 30px;
 	background-image: url("../img/aximage/left-arrow.svg");
	background-repeat: no-repeat;
	background-size:16px auto;
	background-position: center center;
	background-color: #000;
    -moz-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
 }
 .slick-prev.slick-arrow:hover{
    background-color: #ff1d5d;
    -moz-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
 }
 .slick-next.slick-arrow{
 	height: 30px;
 	width: 30px;
 	background-image: url("../img/aximage/right-arrow.svg");
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: center center;
	background-color: #000;
    -moz-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
 }
  .slick-next.slick-arrow:hover{   
    background-color: #ff1d5d;
    -moz-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
  }

/*CMS Banner*/
.aei_cmsbanner {
    margin: 30px 0 80px;
    clear: both;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.aei_cmsbanner .bannercms-box {
    float: left;
    position: relative;
}
.secound-content.bannercms-box {
    margin-left: 30px;
}
.aei_cmsbannerblock-details {
    position: absolute;
    top: 95px;
    left: auto;
    right:45px;
    text-align: right;
    text-transform: capitalize;
}
.aei_cmsbanner .aei_cmsbannerblock-name{
	font-size:28px;
	letter-spacing: 0.56px;
    font-weight: 300;
}
.aei_cmsbanner .bannercms-box:hover .aei_cmsbannerblock-name{color:#ff1d5d;}
.aei_cmsbanner .aei_cmsbannerblock-name span{font-weight: 500;}
.aei_cmsbanner .aei_cmsbannerblock-desc{
    font-size: 14px;
    color: #000;
    letter-spacing: 0.56px;
    display: block;
    font-weight: 300;
    text-align: right;
    margin-top: 10px;
}
.aei_cmsbanner .shopnow{
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    text-align:right;
    margin-top: 25px;
    display: block;
    letter-spacing: 0.6px;
    text-decoration: underline;
}

.aei_cmsbanner .bannercms-box {
    position: relative;
    overflow: hidden;
}
.aei_cmsbanner .bannercms-box img{
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.aei_cmsbanner .bannercms-box:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/*CMS Serviceblock*/
#aei_cmsservice{
	background:url("../img/aximage/service-bg.jpg");
	padding: 78px 0;
	margin:30px 0 75px;
	clear: both;
     min-height:315px;  
    background-attachment: fixed; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}
.aei-service-item {
    float: left;
    position: relative;
    width: 33.33%;
}

#aei_cmsservice .aei-service-item  .service-right::after {

    content: "";
    position: absolute;
    background:rgba(255,255,255,.5);
    width: 1px;
    height:87px;
    right: 0;
    top:20px;

}
#aei_cmsservice .aei-service-item:last-child .service-right::after{display: none;}

#aei_cmsservice .aei-image-icon {
    width: 70px;
    height: 70px;
  	display: block;
    border-radius: 50%;
    float: none;
	margin: 0 auto;
	background: #fff;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}
#aei_cmsservice .aei-service-item:hover .aei-image-icon{
	background-color: #ff1d5d;
	border-color: #ff1d5d;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -ms-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}
#aei_cmsservice .aei-service-item.first .aei-image-icon{
	background-image: url("../img/aximage/service-1.svg");
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center center;
}
#aei_cmsservice .aei-service-item.first:hover .aei-image-icon{
	background-image: url("../img/aximage/service1-hover.svg");
}
#aei_cmsservice .aei-service-item.second .aei-image-icon{
	background-image: url("../img/aximage/service-2.svg");
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center center;
}
#aei_cmsservice .aei-service-item.second:hover .aei-image-icon{
	background-image: url("../img/aximage/service2-hover.svg");
}
#aei_cmsservice .aei-service-item.third .aei-image-icon{
	background-image: url("../img/aximage/service-3.svg");
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center center;
}
#aei_cmsservice .aei-service-item.third:hover .aei-image-icon{
	background-image: url("../img/aximage/service3-hover.svg");
}
#aei_cmsservice .service-right {
    text-align: center;
}
#aei_cmsservice .service-right .aei-service-title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin: 17px 0 8px;
    color: #fff;
    text-transform: capitalize;
}
#aei_cmsservice .aei-service-item:hover .service-right .aei-service-title{
    color: #ff1d5d;
}
#aei_cmsservice .service-right .aei-service-desc {
    font-size: 13px;
    font-weight: 200;
    color: #fff;
    line-height: 20px;
    letter-spacing: 1.04px;
}
/* brand logo */
.brands {
    position: relative;
    margin-bottom: 50px;
}
.brands ul{
	margin: 0;
}
.brands .brand-image img {
    opacity: 0.2;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.brands .brand-image:hover img{
	opacity: 1;
}

/*Payment Block*/
#aeicmspayment {
    float: right;
}
.payment-block .icon {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}
.payment-block-inner {
    margin: 0;
}
.payment-block-inner img:hover {
    transform: rotateY(360deg);
    transition: all 800ms ease 0s;
}
.payment-block-inner img {
    transition: all 800ms ease 0s;
}

/*Responsive Part*/
@media (max-width :1349px) {
/* Styles */
}
@media (max-width: dth :1230px) {
    .aei_cmsbanner .bannercms-box {
     width: 48.7%;
    }
}
@media (max-width :1199px) {
    .aei_cmsbanner .bannercms-box{
        width: 48%;
    }
    .footer-container .links::after{
        display: none;
    }
}
@media (max-width :991px) {
    .aei_cmsbanner{text-align: center;margin: 30px 0 50px;}
    .aei_cmsbanner .bannercms-box{
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .secound-content.bannercms-box{margin-left: 20px;}
    #aei_cmsservice{margin: 30px 0 45px;}
    .aei_cmsbanner .aei_cmsbannerblock-name{font-size: 22px;}
    .aei_cmsbannerblock-details{top: 50px;right: 25px;}
}
@media (max-width :767px) {
    #aeicmspayment {
        float: none;
        text-align: center;
        margin-top: 10px;
    }
    #arrows{
        left: 0;
        right: 0;
        margin: 0 auto;
        top:-30px;
    }
    .product-accessories #arrows, .special-products #arrows{top: 80px;}
    .aei_cmsbannerblock-details{top:20px;right: 15px;left: auto;}
}
@media (max-width :670px) {
    .aei_cmsbanner .bannercms-box{width:auto;}
    .secound-content.bannercms-box{margin: 15px 0 0 0;}
    .aei-service-item{width: 100%;margin-bottom: 15px;}    
    #aei_cmsservice .aei-service-item .service-right::after{
        display: none;}
    .aei_cmsbannerblock-details{top:80px;right:45px;left: auto;}
    #aei_cmsservice{padding: 15px 0;}

}
@media (max-width:479px){
    .aei_cmsbannerblock-details{top: 30px;right: 15px;}
    .aei_cmsbanner .shopnow{margin-top: 5px;}
}
@media (min-width: 767px) and (max-width: 670px) {
  
}
@media (min-width: 320px) and (max-width: 480px) {
  
}
@media (max-width : 320px) {

}