:root{--webt-primary-color:#0e68c8;--webt-primary-hover:#0e8bee;--webt-secondary-color:#02a4a5;}
.text-primary{color:var(--webt-primary-color) !important;}
#website-template-layout svg{vertical-align:middle;}
.link{cursor:pointer;}
.line-run{position:relative}
.line-run:after{display:block;position:absolute;left:0;right:0;bottom:0;width:0;height:1px;overflow:hidden;border-bottom:1px solid #1868DD;content:"";transition:all .3s;margin:auto}
.line-run:hover:after{width:90%}
.flex{display:flex;flex-wrap:wrap;}
.flex-nowrap{display:flex;flex-wrap:nowrap;}
.flex-nowrap>*{flex-grow:1}
.flex-middle{align-items:center;}
.flex-center{justify-content:center;}
.width-25{width:25%;}
.width-50{width:50%;}
.width-100{width:100%;}
.website-setup-step{background:white;padding:5px 5px;color:#B2B2B2;margin-bottom:15px;border-radius:10px}
.website-setup-step-line{width:80%;height:3px;background:#B2B2B2;margin:auto}
.website-setup-step .progress-circle[data-value="80"],
.website-setup-step .progress-circle[data-value="100"]{background-image:-webkit-linear-gradient(left, transparent 50%, #B2B2B2 0);background-image:linear-gradient(to right, transparent 50%, #B2B2B2 0);}
.website-setup-step .progress-circle[data-value="80"]:before,
.website-setup-step .progress-circle[data-value="100"]:before{background-color:#B2B2B2 !important}
.website-setup-step-active{color:#4CC9D8;}
.website-setup-step-active .progress-circle{background-image:-webkit-linear-gradient(left, transparent 50%, #4CC9D8 0);background-image:linear-gradient(to right, transparent 50%, #4CC9D8 0);}
.website-setup-step-active .website-setup-step-line{background:#4CC9D8;}
.website-setup-step-item > .flex > div{padding:0 5px;}
.website-terms-body{line-height:1.8}
#website-categories-list{padding:10px}
#website-categories-list a{text-align:center;padding:5px;width:16.6666%;color:#393939;}
#website-categories-list a > span{display:block;padding:10px 10px;margin:5px;text-align:center;font-size:13px;background:#FFF;box-shadow:0px 0px 1px rgb(0 0 0 / 56%);border-radius:15px;font-weight:bold;}
#website-categories-list a > span > span{display:block;text-align:center;margin:auto;}
.website-categories-icon svg{width:20px;height:20px;position:relative;vertical-align:text-top !important;}
.website-categories-actived{color:var(--webt-primary-color) !important;}
.website-categories-icon > i{font-size:20px;color:var(--webt-primary-color) !important;position:relative;vertical-align:text-top !important;}
.website-categories-title{padding:5px 5px 5px 5px;font-weight:bold;}
.website-apps-item-price:before, .website-apps-item-price:after{background-color:#18537a}
#website-template-slider{display:flex;flex-wrap:wrap;}
.website-apps-item{padding:10px 10px;position:relative;margin-bottom:20px;width:33.33333%;}
.website-apps-item span{display:block}
.website-apps-item > .website-apps-item-card{display:block;position:relative;background:white;overflow:hidden;box-shadow:0 0 20px 0 rgb(0 0 0 / 8%) !important;border:1px solid #EAEAEA;background:white;background:url(//aweb5s.com/wp-content/plugins/builder-website-template/assets/img/website-template-item-bg.svg) no-repeat top left;background-size:100% auto;padding-top:18px;border-radius:8px;}
.website-apps-item-img{padding-top:20px;height:300px;transition:background-position 2s ease-in-out;width:100%;background-position:top center;background-size:100% auto !important;background-repeat:no-repeat;width:100%;}
.website-apps-item-img:hover{background-position:bottom center !important;transition:background-position 10s linear 0s;}
.website-apps-item-black{width:100%;height:100%;opacity:.5;top:0;position:absolute;}
.website-apps-item-title{padding:15px 10px;font-size:16px;font-weight:bold;color:white !important}
.website-apps-item-text{padding:15px 10px;border-top:1px solid #dedede;text-align:center;background:white;}
.website-apps-item-text i{font-style:normal;}
.website-apps-item-img{position:relative;background:#fff;overflow:hidden;}
.website-apps-item > div:hover .website-apps-item-btn{opacity:1;z-index:1}
.website-apps-item:hover img{opacity:.5;}
.website-apps-item-btn{position:absolute;bottom:0;left:0;opacity:0;z-index:-1;color:white;text-align:center;width:100%;display:flex !important;}
.website-apps-item-btn > span{width:50%;}
.website-apps-item-btn > i{font-style:normal;}
.website-apps-item-btn a{border-radius:25px;background:var(--webt-primary-color);padding:8px 20px;width:100%;display:block;border-radius:0;color:white;font-size:small;}
.website-apps-item-btn span:last-child > a{background:var(--webt-secondary-color);}
.website-apps-item-option{position:absolute;top:30px;right:40px}
.website-apps-item-option a{color:tomato !important}
.website-apps-item-price-outer{position:absolute;bottom:0;right:0;}
.website-apps-item-price-text{position:absolute;bottom:0;right:0;height:25px;line-height:25px;z-index:11;color:#FAFAFA;text-align:center;font-size:13px;width:102px;transition:.6s all;}
.website-apps-item-price{position:relative;}
.website-apps-item-price:before, .website-apps-item-price:after{transition:.6s all;width:105px;right:0;content:"";height:26px;z-index:10;bottom:0;position:absolute;}
.website-apps-item-price:before{transform:skewX(-30deg);}
.website-apps-item-price:after{transform:skewX(30deg);}
.website-apps-item-price:hover{background:#07b;}
#website-template .modal .input,
#website-template .modal .select,
#website-template .modal button{border-radius:20px !important;margin-top:10px}
#website-template #website-template-load-more{background:linear-gradient(-45deg, #017fb8 0%, #0051ce 99%);}
#website-template #website-template-load-more:hover{opacity:0.9;}
.website-apps-item-text .btn{border-radius:30px !important;padding:5px 15px !important;font-weight:normal;font-size:14px;background:white !important;color:var(--webt-primary-color) !important;border:1px solid var(--webt-primary-color) !important;}
.website-apps-item-text .btn:hover{background:var(--webt-primary-color) !important;color:white !important;}
.website-categories-actived:after, .line-run:hover:after{width:90% !important;}
@media(max-width:767px){
.website-terms-body ul{padding-left:10px}
.website-categories-icon{width:50px;height:50px;}
.website-apps-item{width:100%;}
#website-categories-list{padding:10px 0}
.website-categories-icon{width:50px;height:50px;}
.website-categories-icon > i{font-size:25px}
.website-apps-item{width:100%}
#website-categories-list a{width:33.3333%}
#website-template-search{width:90% !important}
.website-categories-title{font-size:13px}
.website-setup-step{display:none}
.website-apps-item{width:50%;}
#website-template-categories > div > a{min-width:150px;}
}
@media(max-width:380px){
#website-categories-list a{width:50%}
.website-apps-item{width:100%;}
}
@media(min-width:768px) and (max-width:1023px){
.website-apps-item{width:50%}
#website-categories-list a{width:25%}
}
.website-template-orderby{text-align:center;padding:10px;padding-bottom:10px;}
.website-template-orderby-outer{display:inline-block;background-color:rgb(226 232 240 / 1);padding:2px;border-radius:30px;}
.website-template-orderby-outer > span{display:inline-block;padding:10px 20px;font-weight:bold;cursor:pointer;border-radius:30px;}
.website-template-orderby-actived{background:var(--webt-primary-color);color:white;}
.website-template-orderby-outer > span:not(.website-template-orderby-actived):hover{color:var(--webt-primary-color);}
.call-to-action{position:relative;background:linear-gradient(-45deg, #017fb8 0%, #0051ce 99%);padding:50px 0;text-align:center;color:white;background-image:url(//aweb5s.com/assets-azwebsite/home/images/call-to-action-bg.svg);width:100%;height:100%;background-size:cover;}
.call-to-action__title{font-size:30px;font-weight:bold;margin-bottom:10px;}
.call-to-action__body{max-width:650px;margin:auto;position:relative;}
.call-to-action__button a{color:white;font-weight:bold;display:inline-block;border:2px solid #fff;margin-top:20px;padding:15px 30px;border-radius:30px;transition:0.3s all;font-size:16px;}
.call-to-action__button a:hover{opacity:0.6;}
#loading-fw{display:none;}
#loading-fw > div{top:0;left:0;padding-top:50px;position:fixed;z-index:9999999999;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.2);}
#loading-fw img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
#loading-fw > div > div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.lds-roller{display:inline-block;position:relative;width:80px;height:80px;}
.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px;}
.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:var(--webt-primary-color);margin:-4px 0 0 -4px;}
.lds-roller div:nth-child(1){animation-delay:-0.036s;}
.lds-roller div:nth-child(1):after{top:63px;left:63px;}
.lds-roller div:nth-child(2){animation-delay:-0.072s;}
.lds-roller div:nth-child(2):after{top:68px;left:56px;}
.lds-roller div:nth-child(3){animation-delay:-0.108s;}
.lds-roller div:nth-child(3):after{top:71px;left:48px;}
.lds-roller div:nth-child(4){animation-delay:-0.144s;}
.lds-roller div:nth-child(4):after{top:72px;left:40px;}
.lds-roller div:nth-child(5){animation-delay:-0.18s;}
.lds-roller div:nth-child(5):after{top:71px;left:32px;}
.lds-roller div:nth-child(6){animation-delay:-0.216s;}
.lds-roller div:nth-child(6):after{top:68px;left:24px;}
.lds-roller div:nth-child(7){animation-delay:-0.252s;}
.lds-roller div:nth-child(7):after{top:63px;left:17px;}
.lds-roller div:nth-child(8){animation-delay:-0.288s;}
.lds-roller div:nth-child(8):after{top:56px;left:12px;}
@keyframes lds-roller {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.website-template-more{text-align:center;padding:10px;}
.website-template-more-btn{background:var(--webt-primary-color);color:white !important;padding:8px 25px;border-radius:30px;transition:0.5s all;font-size:14px;}
.website-template-more-btn:hover{background:var(--webt-primary-hover);}
.slick-next, .slick-prev{z-index:9999;}
#website-template-slider .slick-arrow:before,
#website-template-slider .slick-arrow:after{color:var(--webt-primary-hover);}
#website-template-next{display:none !important;}
.index-container .feature-themes .feature-item .feature-image .image-desktop{margin-left:-66px !important;}
.index-container-outer{z-index:1;line-height:1.4;}
.center{text-align:center;}
@media(max-width:767px){
.container.main-layout{margin:0 !important;}
.index-container .feature-themes .feature-item .feature-image .image-mobile{display:none;}
.index-container .feature-themes{text-align:center;padding-bottom:20px;}
.index-container .feature-themes .slide-feature:before{content:none;}
.index-container .feature-themes .slide-feature .swiper-container{padding-bottom:110px;}
.index-container .feature-themes .feature-item .feature-info{padding-left:15px;}
.index-container .feature-themes .feature-item .feature-info .title{font-size:18px;margin-top:20px;text-align:center;}
.index-container .feature-themes .feature-item .feature-info .title span{font-size:26px;}
.index-container .feature-themes .feature-item .feature-info{text-align:center;margin-bottom:0;}
.index-container .feature-themes .feature-item .feature-info .preview, .index-container .feature-themes .feature-item .feature-info .view-detail{padding:0 35px;}
.index-container .feature-themes .feature-item .feature-info .other-info{padding-bottom:15px;}
.index-container .feature-themes .feature-item .feature-info .other-info .price{font-size:20px;}
.index-container .feature-themes .feature-item .feature-image .image-desktop{background-size:cover;width:322px;height:264px;padding:39px 0 0 0;overflow:hidden;margin:0 auto;}
.index-container .feature-themes .feature-item .feature-image .image-desktop a{height:225px;width:322px;}
.index-container .feature-themes .swiper-button-prev{position:absolute;display:inline-block;left:50%;margin-left:-40px;bottom:65px;outline:none;}
.index-container .feature-themes .swiper-button-next{position:absolute;display:inline-block;right:50%;margin-right:-25px;bottom:65px;outline:none;}
.index-container .favorite-themes h2{margin-top:30px;font-size:24px;text-align:center;}
.index-container .favorite-themes p.desc{text-align:center;font-size:18px;margin:10px 0 25px;}
.index-container .favorite-themes .more-theme{display:none;}
.index-container .favorite-themes .theme-item{margin-bottom:30px;max-height:435px;}
.index-container .favorite-themes .theme-item .theme-image{height:330px;}
.index-container .favorite-themes .row{color:#fff;}
.index-container .favorite-themes .row>div:nth-child(3),.index-container .favorite-themes .row>div:nth-child(2),.index-container .favorite-themes .row>div:nth-child(4),.index-container .favorite-themes .row>div:nth-child(5),.index-container .favorite-themes .row>div:nth-child(6),.index-container .favorite-themes .row>div:nth-child(7),.index-container .favorite-themes .row>div:nth-child(8){display:none;}
.index-container .favorite-themes .more-button{width:100%;}
.feature-themes .swiper-slide .row{flex-wrap:wrap;}
.feature-themes .swiper-slide .row > div{width:100%;}
.index-container .feature-themes .slide-feature .swiper-container{padding:0 0 50px 0 !important;background:white;;margin-top:20px;}
.index-container .swiper-slide{border:none !important;}
.index-container .feature-themes .feature-item .feature-info{padding-bottom:80px;}
.swiper-button-prev, .swiper-button-next{position:relative !important;top:unset !important;left:unset !important;margin:0 !important;margin-top:-50px !important;margin-left:10px !important;margin-right:10px !important;right:unset !important;bottom:unset !important;}
.index-container .feature-themes .feature-item .feature-info .preview, .index-container .feature-themes .feature-item .feature-info .view-detail{padding-left:20px !important;padding-right:20px !important;}
.index-container-outer{overflow:hidden;}
.index-container .feature-themes .feature-item .feature-image .image-desktop{width:100% !important;height:460px !important;padding-top:62px !important;padding-left:0 !important;margin-left:0 !important;margin-bottom:-65px !important;}
.index-container .feature-themes .feature-item .feature-image{padding:0 20px !important;}
.index-container .feature-themes .feature-item .feature-image .image-desktop a{width:100% !important;}
.feature-themes .center{padding-left:10px;presentation-level:10px;}
}
.feature-info  .preview:hover, .feature-info .view-detail:hover {
opacity: 0.7 !important;
}