.main-slider{position:relative; overflow:hidden;} .main-slider .slide{position:relative; overflow:hidden; padding:190px 0px 260px; background-size:cover;} .main-slider .color-layer-one{position:absolute; left:0px; top:0px; width:930px; height:840px; z-index:1; border-radius:100px; transform:translateX(-30%) translateY(-35%) rotate(45deg); background-color:var(--main-color-two);} .main-slider .color-layer-two{position:absolute; left:0px; bottom:0px; width:930px; height:840px; border-radius:0px; transform:translate(-25%) translateY(55%) rotate(-45deg); background-color:var(--main-color);} .main-slider .color-layer-three{position:absolute; left:0px; top:0px; width:930px; height:840px; border-radius:100px; transform:translateX(-20%) translateY(-35%) rotate(45deg); background-color:var(--main-color-rgba);} .main-slider .pattern-layer{position:absolute; left:60px; width:132px; height:170px; bottom:60px; z-index:1; background-repeat:no-repeat;} .main-slider .content-boxed{position:relative; max-width:720px; z-index:10;} .main-slider .content-boxed .inner-box{position:relative;} .main-slider .title{position:relative; opacity: 0; font-weight:500; font-size:var(--font-20); color:var(--main-color); transform: translateX(180px); transform-origin: top; text-transform:uppercase; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; margin-bottom:var(--margin-bottom-20);} .main-slider .active .title{opacity: 1; transform: translateX(0px); -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms;} .main-slider h1{color:var(--white-color); opacity: 0; transform: translateX(200px); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; margin-bottom:var(--margin-bottom-40);} .main-slider .active h1{opacity: 1; transform: translateX(0px); -webkit-transition-delay: 450ms; -moz-transition-delay: 450ms; -ms-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms;} .main-slider .btns-box{opacity:0; transform: translateX(200px); transform-origin: top; display:inline-block; -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease;} .main-slider .active .btns-box{opacity: 1; transform: translateX(0px); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms;} .main-slider .btns-box .theme-btn{margin-right:var(--margin-right-25); margin-bottom:var(--margin-bottom-15);} .main-slider .owl-dots, .main-slider .owl-nav{display:none;} .main-slider-two{position:relative; overflow:hidden;} .main-slider-two .slide{position:relative; overflow:hidden; padding:330px 0px 180px; background-size:cover; background-position:center right;} .main-slider-two .slide:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; background: #010C3A; background: -webkit-linear-gradient(to right, #010C3A 0%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(to right, #010C3A 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, #010C3A 0%, rgba(255,255,255,0) 100%);} .main-slider-two .pattern-layer-one{position:absolute; left:-40px; width:170px; height:383px; bottom:25%; z-index:1; background-repeat:no-repeat;} .main-slider-two .pattern-layer-two{position:absolute; right:0px; width:243px; height:404px; bottom:0px; z-index:1; background-repeat:no-repeat;} .main-slider-two .content-boxed{position:relative; max-width:750px; z-index:10;} .main-slider-two .content-boxed .inner-box{position:relative;} .main-slider-two h1{color:var(--white-color); opacity: 0; transform: translateX(200px); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; margin-bottom:var(--margin-bottom-25);} .main-slider-two .active h1{opacity: 1; transform: translateX(0); -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms;} .main-slider-two .text{opacity: 0; font-weight:400; line-height:2em; max-width:600px; font-size:var(--font-16); color:var(--white-color); transform: translateX(200px); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; margin-bottom:var(--margin-bottom-30);} .main-slider-two .active .text{opacity: 1; transform: translateX(0); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;} .main-slider-two .price{opacity: 0; font-weight:600; line-height:1em; font-size:var(--font-60); color:var(--main-color); transform: translateX(200px); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; margin-bottom:var(--margin-bottom-20);} .main-slider-two .price span{position:relative; top:-25px; font-weight:500; font-size:var(--font-24);} .main-slider-two .price sup{position:relative; top:-22px; font-weight:500; font-size:var(--font-20);} .main-slider-two .active .price{opacity: 1; transform: translateX(0px); -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms;} .main-slider-two .btns-box{opacity:0; transform: translateX(200px); transform-origin: top; display:inline-block; -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease;} .main-slider-two .active .btns-box{opacity: 1; transform: translateX(0px); transition-delay:900ms;} .main-slider-two .btns-box .theme-btn{margin-right:var(--margin-right-25); margin-bottom:var(--margin-bottom-15);} .main-slider-two .owl-dots{display:none;} .main-slider-two .owl-nav{position:absolute; right:60px; top:50%; margin-top:-50px;} .main-slider-two .owl-nav .owl-prev, .main-slider-two .owl-nav .owl-next{position:relative; line-height:1em; font-size:var(--font-50); color:var(--white-color); margin-bottom:var(--margin-bottom-20); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .main-slider-two .owl-nav .owl-prev:hover, .main-slider-two .owl-nav .owl-next:hover{color:var(--main-color);} .appointment-section{position:relative; padding:55px 0px 30px; background-position:right top; background-repeat:no-repeat; background-color:var(--main-color-two);} .appointment-section .title-column{position:relative; margin-bottom:var(--margin-bottom-20);} .appointment-section .title-column .inner-column{position:relative;} .appointment-section .title-column h3{color:var(--white-color);} .appointment-section .form-column{position:relative; margin-bottom:var(--margin-bottom-20);} .appointment-section .form-column .inner-column{position:relative; padding-top:var(--padding-top-20);} .appointment-section.style-two{background-color:var(--main-color);} .appointment-section.style-two .appointment-form .form-group button{padding:13px 40px 13px;} .appointment-form{position:relative;} .appointment-form .form-group{position:relative; display:block; padding-right:var(--padding-right-260); margin-bottom:var(--margin-zero);} .appointment-form .form-group input[type="text"], .appointment-form .form-group input[type="email"]{position:relative; display:block; width:100%; height:56px; font-size:15px; line-height:26px; color:var(--dark-color); padding:10px 20px 10px 25px; border-radius:3px; background:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .appointment-form .form-group button{position:absolute; right:0px; top:0px;} .services-section{position:relative; padding:100px 0px 70px;} .services-section .upper-section{position:relative;} .service-block .inner-box:hover::before, .service-block.active .inner-box:before{position:absolute; content:""; left:0px; top:0px; width:1px; height:100%; background-color:#eae7e7; -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease;} .service-block .inner-box:hover::after, .service-block.active .inner-box:after{position:absolute; content:""; right:0px; top:0px; width:1px; height:100%; background-color:#eae7e7; -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease;} .service-block{position:relative; margin-bottom:var(--margin-bottom-30);} .service-block .inner-box{position:relative; text-align:center;} .service-block .inner-box h4{margin-bottom:var(--margin-bottom-15);} .service-block .inner-box h4 a{color:var(--heading-color);} .service-block .inner-box .icon{position:relative; max-width:60px; margin:0 auto; margin-bottom:var(--margin-bottom-30);} .service-block:first-child .inner-box .text{margin-bottom:var(--margin-bottom-15);} .service-block:first-child .inner-box .icon{max-width:80px; margin-bottom:var(--margin-bottom-15);} .service-block .inner-box .text{padding:0px 20px; margin-bottom:var(--margin-bottom-25);} .service-block .inner-box .services{position:relative; font-weight:500; font-size:var(--font-16); color:var(--dark-color-two);} .service-block .inner-box .services .arrow{position:relative; top:2px; margin-left:5px;} .service-block .inner-box:hover h4 a, .service-block .inner-box:hover .services{color:var(--main-color);} .service-block .inner-box .border-one{position:absolute; left:0px; top:0px; width:50px; height:50px; opacity:0; border-top:10px solid var(--main-color); border-left:10px solid var(--main-color); -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease;} .service-block .inner-box .border-two{position:absolute; right:0px; bottom:0px; width:50px; height:50px; opacity:0; border-right:10px solid var(--main-color); border-bottom:10px solid var(--main-color); -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease;} .service-block.active .inner-box .border-one, .service-block.active .inner-box .border-two, .service-block .inner-box:hover .border-one, .service-block .inner-box:hover .border-two{opacity:1;} .services-section .lower-section{position:relative; padding-top:var(--padding-top-90);} .services-section .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .services-section .image-column .inner-column{position:relative;} .services-section .image-column .image{position:relative;} .services-section .image-column .image img{position:relative; width:100%; display:block;} .services-section .image-column .color-layer{position:absolute; left:-15px; bottom:-15px; right:60px; height:100%; background:url(../images/resource/service-pattern-layer.png) no-repeat; background-size:cover;} .services-section .image-column .border-layer{position:absolute; left:30px; bottom:40px; right:0px; top:-25px; z-index:1; background:url(../images/resource/service-border-layer.png) no-repeat; background-size:cover;} .services-section .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .services-section .content-column .inner-column{position:relative; padding-left:var(--padding-left-30);} .services-section .content-column .bold-text{position:relative; font-weight:500; line-height:1.7em; color:var(--dark-color); font-size:var(--font-18); margin-bottom:var(--margin-bottom-20);} .services-section .content-column .sec-title{margin-bottom:var(--margin-bottom-15);} .services-section .content-column .text{margin-bottom:var(--margin-bottom-30);} .pricing-section{position:relative; padding:100px 0px 80px; background-color:var(--main-color-two); background-size:cover;} .pricing-section.style-two{background-color:var(--white-color);} .pricing-section .auto-container{max-width:1340px;} .price-block{position:relative; padding-bottom:var(--padding-bottom-30);} .price-block .inner-box{position:relative; border-radius:3px; background-color:var(--white-color); padding-bottom:var(--padding-bottom-40); box-shadow:0px 0px 25px rgba(0,0,0,0.10);} .price-block .upper-box{position:relative; text-align:center; padding:40px 20px 80px; background-position:center center; background-repeat:no-repeat;} .price-block .upper-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.05; background-color:var(--main-color);} .price-block .upper-box:after{position:absolute; content:""; left:0px; right:0px; bottom:0px; height:63px; background:url(../images/background/pattern-5.png) repeat-x;} .price-block .icon-list{position:relative;} .price-block .icon-list li{position:relative; width:76px; height:76px; padding:14px; margin:0px 3px; border-radius:50px; display:inline-block; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .price-block .inner-box:hover .icon-list li{transform:rotateY(180deg);} .price-block .upper-box h4{margin-top:var(--margin-top-20);} .price-block .upper-box h4 span{display:block; color:var(--main-color); font-size:var(--font-18); margin-top:var(--margin-top-5);} .price-block .lower-box{position:relative; padding-left:var(--padding-left-35); padding-right:var(--padding-right-35);} .price-block .price-list{position:relative;} .price-block .price-list li{position:relative; font-size:var(--font-15); color:var(--dark-color); padding-left:var(--padding-left-25); margin-bottom:var(--margin-bottom-15);} .price-block .price-list li:before{position:absolute; content: ""; left:0px; color:var(--main-color); font-family: "FontAwesome";} .price-block .price-list li:last-child{margin-bottom:var(--margin-zero);} .price-block .button-box{position:relative; margin-top:var(--margin-top-30);} .price-block .button-box .theme-btn{width:100%;} .facility-section{position:relative; overflow:hidden; padding:110px 0px 70px; background-size:cover;} .facility-section .auto-container{max-width:1340px;} .facility-section .blocks-column{position:relative; margin-bottom:var(--margin-bottom-30);} .facility-section .blocks-column .inner-column{position:relative;} .facility-section .blocks-column .facility-block:nth-child(2n + 0){transform:translateY(30px);} .facility-block{position:relative; margin-bottom:var(--margin-bottom-30);} .facility-block .inner-box{position:relative; padding:40px 20px 40px; text-align:center; background-color:var(--white-color); box-shadow:0px 0px 25px rgba(0,0,0,0.10);} .facility-block .inner-box .icon-box{position:relative; width:80px; height:80px; border-radius:50%; line-height:76px; text-align:center; margin:0 auto; margin-bottom:var(--margin-bottom-20); color:var(--main-color); font-size:var(--font-40); background-color:#fdf6f6; border:2px solid var(--main-color); transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease;} .facility-block .inner-box:hover .icon-box{color:var(--white-color); background-color:var(--main-color); -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg);} .facility-block .inner-box h5{margin-bottom:var(--margin-bottom-10);} .facility-block .inner-box h5 a{color:var(--heading-color);} .facility-block .inner-box h5 a:hover{color:var(--main-color);} .facility-block .inner-box .text{padding:0px 5px;} .facility-block .inner-box .pattern-layer{position:absolute; left:23%; top:10%; width:70px; height:56px; opacity:0; background-repeat:no-repeat; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .facility-block .inner-box:hover .pattern-layer{opacity:1;} .facility-section .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .facility-section .image-column .inner-column{position:relative; padding-left:var(--padding-top-60); padding-top:var(--padding-top-30);} .facility-section .image-column .pattern-layer{position:absolute; left:0px; bottom:0px; right:0px; height:325px; width:100%; background:url(../images/resource/facility-1.png) no-repeat; background-size:cover;} .internet-section{position:relative; overflow:hidden; padding:110px 0px 110px; background-size:cover; background-attachment:fixed;} .internet-section:before{position:absolute; content:""; right:0px; top:0px; width:50%; height:100%; z-index:1; background: rgba(255,255,255,0); background: -webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, #FDF6F6 100%); background: -moz-linear-gradient(to right, rgba(255,255,255,0) 0%, #FDF6F6 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, #FDF6F6 100%);} .internet-section .content-column{position:relative; max-width:550px; width:100%; float:right; z-index:10;} .internet-section .content-column .text{margin-top:var(--margin-top-15); margin-bottom:var(--margin-bottom-25);} .internet-section .content-column .price{position:relative; font-weight:600; color:var(--main-color); font-size:var(--font-22); margin-top:var(--margin-top-15); margin-bottom:var(--margin-bottom-40);} .testimonial-section{position:relative; padding:110px 0px 80px; background-size:cover;} .testimonial-section.style-two{background-color:#fdf6f6;} .testimonial-section .image-layer{position:absolute; left:0px; top:0px; right:0px; height:1105px; background-size:cover;} .testimonial-section .owl-dots, .testimonial-section .owl-nav{display:none;} .testimonial-section .owl-carousel .owl-item.center .testimonial-block .inner-box .lower-box .color-layer{transform:scale(1,1);} .testimonial-section .owl-carousel .owl-item.center .testimonial-block .inner-box .designation, .testimonial-section .owl-carousel .owl-item.center .testimonial-block .inner-box .author-name{color:var(--white-color);} .testimonial-section .owl-carousel .owl-item.center .testimonial-block .inner-box .lower-box .pattern-layer{bottom:0px; opacity:1; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms;} .testimonial-section .owl-carousel .owl-stage-outer{position:static; padding:20px 0px;} .testimonial-section .owl-theme .testimonial-block{margin:0px 15px;} .testimonial-section .owl-carousel{margin:0px -15px; width:auto;} .testimonial-block{position:relative;} .testimonial-block .inner-box{position:relative; text-align:center; overflow:hidden; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .testimonial-block .upper-box{position:relative; padding:40px 30px 40px;} .testimonial-block .lower-box{position:relative; padding:0px 30px 30px;} .testimonial-block .lower-box .color-layer{position:absolute; left:0px; top:40px; right:0px; bottom:0px; transform:scale(0,1); background-color:var(--main-color); transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease;} .testimonial-block .inner-box:hover .lower-box .color-layer{transform:scale(1,1);} .testimonial-block .inner-box:hover .designation, .testimonial-block .inner-box:hover .author-name{color:var(--white-color);} .testimonial-block .inner-box:hover .lower-box .pattern-layer{bottom:0px; opacity:1; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms;} .testimonial-block .lower-box .pattern-layer{position:absolute; top:0px; left:0px; right:0px; bottom:-150px; opacity:0; background-position:center bottom; background-repeat:no-repeat; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease;} .testimonial-block .lower-box:before{position:absolute; content:""; left:0px; top:40px; right:0px; bottom:0px; opacity:0.05; background-color:var(--main-color);} .testimonial-block .author-image-outer{position:relative; display:inline-block;} .testimonial-block .author-image-outer .quote-icon{position:absolute; right:-10px; top:-10px; width:35px; height:35px; z-index:1; border-radius:50px; line-height:35px; color:var(--white-color); background-color:var(--main-color);} .testimonial-block .author-image{position:relative; width:80px; height:80px; border-radius:50%; overflow:hidden;} .testimonial-block .author-name{position:relative; font-weight:600; font-size:var(--font-20); color:var(--dark-color-two); margin-top:var(--margin-top-20); transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease;} .testimonial-block .designation{position:relative; font-size:var(--font-15); color:var(--dark-color); margin-top:var(--margin-top-5); transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease;} .clients-section{position:relative; padding:0px 0px 100px;} .clients-section .image-box img{position:relative; filter: grayscale(0%); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .clients-section .image-box:hover img{filter: grayscale(100%);} .clients-section .owl-dots, .clients-section .owl-nav{display:none;} .featured-section{position:relative; overflow:hidden; padding:110px 0px 80px; background-color:var(--main-color-two);} .featured-section .sec-title .button-box{margin-top:var(--margin-top-25);} .featured-section .pattern-layer-one{position:absolute; right:0px; top:0px; width:590px; height:504px; background-repeat:no-repeat;} .featured-section .pattern-layer-two{position:absolute; left:0px; bottom:0px; width:542px; height:502px; background-repeat:no-repeat;} .featured-section .feature-block{position:relative; width:20%; padding:0px 15px;} .feature-block{position:relative; margin-bottom:var(--margin-bottom-25);} .feature-block .inner-box{position:relative;} .feature-block .inner-box .image{position:relative; border-radius:3px; overflow:hidden;} .feature-block .inner-box .image img{position:relative; width:100%; display:block;} .feature-block .inner-box .image .overlay-box{position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.50);} .feature-block .inner-box .video-box{position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 45px; overflow:hidden; z-index:2; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-position:center center;} .feature-block .inner-box:hover .video-box{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;} .feature-block .inner-box .video-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.50; background-color:var(--main-color-two);} .feature-block .inner-box .video-box span{position: absolute; width:70px; height: 70px; left:50%; top: 50%; z-index:10; color: var(--main-color); font-weight:400; font-size:var(--font-20); text-align: center; padding-left:4px; display: inline-block; margin-top: -35px; margin-left:-35px; line-height:66px; border-radius:50%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; border:3px solid var(--main-color);} .feature-block .inner-box .video-box .ripple, .feature-block .inner-box .video-box .ripple:before, .feature-block .inner-box .video-box .ripple:after {position: absolute; top: 50%; left: 50%; width:70px; height: 70px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite;} .feature-block .inner-box .video-box .ripple:before {-webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute;} .feature-block .inner-box .video-box .ripple:after {-webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute;} .feature-block .inner-box .post-meta{position:absolute; right:15px; top:12px; z-index:2;} .feature-block .inner-box .post-meta li{position:relative; margin-left:10px; display:inline-block; font-size:var(--font-15); color:var(--white-color); padding-left:var(--padding-left-25);} .feature-block .inner-box .post-meta li .icon{position:absolute; left:0px; top:0px; font-size:var(--font-15); color:var(--main-color);} .feature-block .inner-box .lower-content{position:relative; padding-top:var(--padding-top-20);} .feature-block .inner-box h6 a{position:relative; color:var(--white-color);} .feature-block .inner-box h6 a:hover{color:var(--main-color);} .feature-block .inner-box .year{position:relative; font-weight:700; font-size:var(--font-18); color:var(--main-color); margin-top:var(--margin-top-5);} .feature-block.style-two .inner-box h6 a{color:var(--heading-color); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .feature-block.style-two .inner-box h6 a:hover{color:var(--main-color);} .store-section{position:relative; padding:100px 0px 80px;} .store-section .owl-dots, .store-section .owl-nav{display:none;} .product-block{position:relative; margin-bottom:var(--margin-bottom-30);} .product-block .inner-box{position:relative;} .product-block .inner-box .image{position:relative; border-radius:5px; overflow:hidden;} .product-block .inner-box .image img{position:relative; width:100%; display:block;} .product-block .inner-box .image:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.05; background-color:var(--main-color); transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease;} .product-block .inner-box:hover .image:before{opacity:0.20;} .product-block .inner-box .lower-content{position:relative; text-align:center; padding-top:var(--padding-top-25);} .product-block .inner-box .name{position:relative; font-weight:700; font-size:var(--font-20); color:var(--dark-color-two);} .product-block .inner-box:hover .name{color:var(--main-color);} .product-block .inner-box .price{position:relative; font-weight:700; font-size:var(--font-20); color:var(--dark-color-two); margin-top:var(--margin-top-10); margin-bottom:var(--margin-bottom-25);} .product-block .inner-box .shop-options{position:relative;} .product-block .inner-box .shop-options li{position:relative; margin:0px 2px; display:inline-block;} .product-block .inner-box .shop-options li a{position:relative; width:40px; height:40px; line-height:36px; text-align:center; display:inline-block; color:var(--dark-color-two); border:1px solid var(--dark-color);} .product-block .inner-box .shop-options li a.cart{width:auto; padding:0px 18px;} .product-block .inner-box .shop-options li a:hover{color:var(--white-color); border-color:var(--main-color); background-color:var(--main-color);} .cta-section{position:relative; z-index:1;} .cta-section .inner-container{position:relative; border-radius:5px; margin-bottom:-100px; padding:60px 60px 30px; background-color:var(--main-color); background-position:left bottom; background-repeat:no-repeat;} .cta-section .title-column{position:relative; margin-bottom:var(--margin-bottom-20);} .cta-section .title-column .inner-column{position:relative;} .cta-section .title-column h3{color:var(--white-color);} .cta-section .title-column .text{color:var(--white-color); margin-top:var(--margin-top-10);} .cta-section .form-column{position:relative; margin-bottom:var(--margin-bottom-20);} .cta-section .form-column .inner-column{position:relative; padding-top:var(--padding-top-10);} .newsletter-form{position:relative;} .newsletter-form .form-group{position:relative; display:block; padding-right:var(--padding-right-180); margin-bottom:var(--margin-zero);} .newsletter-form .form-group input[type="text"], .newsletter-form .form-group input[type="email"]{position:relative; display:block; width:100%; height:56px; font-size:15px; line-height:26px; color:var(--dark-color); padding:10px 20px 10px 25px; border-radius:3px; background:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .newsletter-form .form-group button{position:absolute; right:0px; top:0px;} .cta-section.style-two .inner-container{background-color:var(--main-color-four);} .cta-section.style-three{z-index:10;} .cta-section.style-three .inner-container{background-color:inherit;} .cta-section.style-three .inner-container:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; z-index:-1; background: linear-gradient(to right, var(--main-color-twentytwo) 0%, var(--main-color-eighteen) 100%);} .network-section{position:relative; padding:110px 0px 70px; background-size:cover;} .network-section .auto-container{max-width:1340px;} .network-section .images-column{position:relative; margin-bottom:var(--margin-bottom-30);} .network-section .images-column .inner-column{position:relative;} .network-section .images-column .image{position:relative; border-radius:5px; overflow:hidden; display:inline-block;} .network-section .images-column .image-two{position:absolute; right:0px; top:50px; border-radius:5px; overflow:hidden; border:6px solid var(--main-color);} .network-section .images-column .image-three{position:absolute; right:0px; bottom:0px;} .network-section .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .network-section .content-column .inner-column{position:relative; padding-left:var(--padding-left-30);} .network-section .network-list{position:relative;} .network-section .network-list li{position:relative; line-height:2em; color:var(--dark-color); font-size:var(--font-15); padding-left:var(--padding-left-65); margin-bottom:var(--margin-bottom-35);} .network-section .network-list li strong{position:relative; display:block; font-size:var(--font-22); color:var(--dark-color-two); margin-bottom:var(--margin-bottom-10); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .network-section .network-list li .icon{position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; display:inline-block; border-radius:50px; text-align:center; color:var(--main-color); background-color:var(--white-color); box-shadow:0px 10px 15px rgba(0,0,0,0.10); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .network-section .network-list li .icon:after{position:absolute; content:""; left:20px; top:152%; width:1px; height:125%; background-color:#e0e0e0;} .network-section .network-list li:last-child{margin-bottom:var(--margin-zero);} .network-section .network-list li:last-child .icon:after{display:none;} .network-section .network-list li:hover .icon{color:var(--white-color); background-color:var(--main-color);} .network-section .network-list li:hover strong{color:var(--main-color);} .network-section.style-two .images-column .image-two{border:none; border-radius:3px; box-shadow:0px 10px 35px rgba(0,0,0,0.20);} .network-section.style-two .content-column .sec-title .text{font-size:var(--font-18); line-height:1.7em;} .services-section-two{position:relative; padding:100px 0px 100px; background-attachment:fixed; background-size:cover;} .services-section-two:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.90; background-color:var(--main-color-two);} .services-section-two .pattern-layer-one{position:absolute; left:0px; bottom:0px; width:86px; height:154px; background-repeat:no-repeat;} .services-section-two .pattern-layer-two{position:absolute; right:0px; top:0px; width:82px; height:149px; background-repeat:no-repeat;} .services-section-two .owl-nav{display:none;} .services-section-two .owl-dots{position:relative; text-align:center; margin-top:var(--margin-top-10);} .services-section-two .owl-dots .owl-dot{position:relative; width:10px; height:10px; opacity:0.50; margin:0px 6px; border-radius:50px; display:inline-block; background-color:var(--main-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .services-section-two .owl-dots .owl-dot.active, .services-section-two .owl-dots .owl-dot:hover{opacity:1;} .service-block-two{position:relative; margin-bottom:var(--margin-bottom-30);} .service-block-two .inner-box{position:relative; text-align:center; border-radius:3px; overflow:hidden; padding:30px 20px 40px; border:1px solid rgba(255,255,255,0.10);} .service-block-two .icon-layer-one{position:absolute; left:-60px; top:0px; width:52px; height:67px; background-repeat:no-repeat; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .service-block-two .inner-box:hover .icon-layer-one{left:0px; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms;} .service-block-two .icon-layer-two{position:absolute; right:-60px; bottom:0px; width:55px; height:61px; background-repeat:no-repeat; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .service-block-two .inner-box:hover .icon-layer-two{right:0px; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;} .service-block-two .color-layer{position:absolute; left:0px; top:0px; right:0px; bottom:0px; transform:scale(0,1); background-color:var(--main-color-two); -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .service-block-two .inner-box:hover .color-layer{transform:scale(1,1);} .service-block-two .icon{position:relative; margin-bottom:var(--margin-bottom-20);} .service-block-two .icon img{position:relative; width:auto; margin:0 auto;} .service-block-two h4{margin-bottom:var(--margin-bottom-10);} .service-block-two h4 a{position:relative; color:var(--white-color);} .service-block-two .text{color:var(--white-color); margin-bottom:var(--margin-bottom-20); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .service-block-two .learn-more{position:relative; display:inline-block; font-size:var(--font-16); color:var(--white-color); padding-right:var(--padding-right-25);} .service-block-two .learn-more:before{position:absolute; content: ""; right:0px; top:1px; font-family: "Flaticon";} .service-block-two h4 a:hover, .service-block-two .learn-more:hover{color:var(--main-color);} .faq-section{position:relative; padding:100px 0px 100px; background-attachment:fixed; background-size:cover;} .faq-section .accordion-column{position:relative; margin-bottom:var(--margin-bottom-25);} .faq-section .accordion-column .inner-column{position:relative;} .accordion-box{position:relative;} .accordion-box .block{position:relative; border-radius:4px; background-color:var(--white-color); margin-bottom:var(--margin-bottom-20); box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .accordion-box .block .acc-btn{font-size:var(--font-18); padding-right:40px; position:relative; cursor:pointer; line-height:30px; font-weight:700; padding:18px 30px; text-transform:capitalize; color:var(--dark-color-two); transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease;} .accordion-box .block .icon-outer{position:absolute; right:10px; top:10px; width:50px; height:50px; text-align:center; font-size:var(--font-18); color:var(--main-color-two); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .accordion-box .block .icon-outer .icon{position: absolute; left: 0px; top: 0px; width:50px; height:50px; text-align: center; line-height: 50px; font-size:var(--font-18); color:var(--main-color-two); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .accordion-box .block .icon-outer .icon-plus{opacity:1;} .accordion-box .block .icon-outer .icon-minus{opacity:0; font-weight:400; color:var(--main-color-two);} .accordion-box .block .acc-btn.active .icon-outer .icon-minus{opacity:1; color:var(--main-color);} .accordion-box .block .acc-btn.active .icon-outer .icon-plus{opacity:0;} .accordion-box .block .acc-btn.active .icon-outer{} .accordion-box .block .acc-btn.active{color:var(--main-color);} .accordion-box .block .acc-content{position:relative; display:none;} .accordion-box .block .acc-content .content-text{padding-bottom:6px;} .accordion-box .block .acc-content.current{display:block;} .accordion-box .block .content{position:relative; padding:0px 25px 25px 30px;} .accordion-box .block .content .text p{margin-bottom:0px; color:var(--dark-color);} .accordion-box .block .content p:last-child{margin-bottom:0px;} .accordion-box.style-two .block{margin-bottom:2px; box-shadow:inherit; background-color:#fdf6f6;} .accordion-box.style-two .block .acc-btn.active{color:var(--dark-color-two);} .accordion-box.style-two .block .content{padding:25px 35px; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .faq-section .image-column{position:relative; margin-bottom:var(--margin-bottom-25);} .faq-section .image-column .inner-column{position:relative; text-align:center;} .faq-section .image-column .pattern-layer{position:absolute; left:0px; bottom:0px; right:0px; width:100%; height:450px; background-position:center bottom; background-repeat:no-repeat; background-size:cover;} .faq-section .image-column .image{position:relative; z-index:1;} .pricing-section-two{position:relative; padding:110px 0px 110px; background-color:#fdf6f6; background-size:cover;} .pricing-section-two.style-two{background:none;} .pricing-section-two .price-block-two:nth-child(3){z-index:1;} .pricing-section-two .price-block-two:nth-child(3) .inner-box{box-shadow:0px 0px 25px rgba(0,0,0,0.10);} .pricing-section-two.style-two .price-block-two .inner-box{border:1px solid #eeeeee;} .pricing-section-two.style-three{padding-bottom:200px; margin-bottom:-95px;} .price-block-two{position:relative;} .price-block-two .inner-box{position:relative; padding-left:370px; min-height:225px; border-radius:4px; background-color:var(--white-color); padding-right:var(--padding-right-260);} .price-block-two .title-box{position:absolute; left:0px; top:0px; max-width:360px; padding:48px 35px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .price-block-two .title-box:before{position:absolute; content:""; right:-15px; top:0px; bottom:0px; width:56px; background:url(../images/icons/team-icon.png); background-position:center top;} .price-block-two .title-box .title{position:relative; font-size:var(--font-14); color:var(--main-color); text-transform:uppercase; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .price-block-two .title-box h4{margin-top:var(--margin-top-5); margin-bottom:var(--margin-bottom-15);} .price-block-two .title-box h4 a{color:var(--heading-color);} .price-block-two.active .inner-box .title-box, .price-block-two .inner-box:hover .title-box{background-color:var(--main-color);} .price-block-two.active .inner-box .title-box h4 a, .price-block-two.active .inner-box .title, .price-block-two.active .inner-box .text, .price-block-two .inner-box:hover .title-box h4 a, .price-block-two .inner-box:hover .title, .price-block-two .inner-box:hover .text{color:var(--white-color);} .price-block-two .middle-content{position:relative; min-height:225px; padding:46px 0px 46px 0px; border-right:1px solid #f1f1f1;} .price-block-two .middle-content .middle-inner{position:relative; padding-left:var(--padding-left-290);} .price-block-two .icon-list{position:absolute; left:0px; width:100%; text-align:center; max-width:280px; padding-top:var(--padding-top-35);} .price-block-two .icon-list li{position:relative; width:76px; height:76px; padding:14px; margin:0px 5px; border-radius:50px; display:inline-block; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .price-block-two .inner-box:hover .icon-list li{transform:rotateY(180deg);} .price-block-two .price-list{position:relative;} .price-block-two .price-list li{position:relative; font-size:var(--font-15); color:var(--dark-color); padding-left:var(--padding-left-25); margin-bottom:var(--margin-bottom-15);} .price-block-two .price-list li:before{position:absolute; content: ""; left:0px; color:var(--main-color); font-family: "FontAwesome";} .price-block-two .price-list li:last-child{margin-bottom:var(--margin-zero);} .price-block-two .price-box{position:absolute; right:0px; top:0px; bottom:0px; width:100%; max-width:260px; text-align:center; padding-top:var(--padding-top-45);} .price-block-two .price-box .price{position:relative; font-weight:700; line-height:1.1em; font-size:var(--font-30); color:var(--dark-color-two); margin-bottom:var(--margin-bottom-20);} .price-block-two .price-box .price span{position:relative; display:block; font-weight:500; font-size:15px;} .streaming-section{position:relative; padding:100px 0px 100px; background-attachment:fixed; background-size:cover;} .streaming-section:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.90; background-color:var(--main-color-two);} .streaming-section .pattern-layer-one{position:absolute; left:0px; top:0px; width:388px; height:203px; background-repeat:no-repeat;} .streaming-section .pattern-layer-two{position:absolute; right:0px; bottom:0px; width:403px; height:190px; background-repeat:no-repeat;} .streaming-section .owl-nav{display:none;} .streaming-section .owl-dots{position:relative; text-align:center; margin-top:var(--margin-top-10);} .streaming-section .owl-dots .owl-dot{position:relative; width:10px; height:10px; opacity:0.50; margin:0px 6px; border-radius:50px; display:inline-block; background-color:var(--main-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .streaming-section .owl-dots .owl-dot.active, .streaming-section .owl-dots .owl-dot:hover{opacity:1;} .streaming-block{position:relative; margin-bottom:var(--margin-bottom-30);} .streaming-block .inner-box{position:relative; text-align:center; border-radius:3px; overflow:hidden; padding:30px 30px 30px; border:1px solid rgba(255,255,255,0.10); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .streaming-block .inner-box .image{position:relative;} .streaming-block .inner-box .image img{position:relative; width:100%; display:block;} .streaming-block .inner-box .content-overlay{position:absolute; left:15px; right:15px; bottom:20px; z-index:3;} .streaming-block .inner-box h4 a{color:var(--white-color);} .streaming-block .inner-box .gradient-layer{position:absolute; content:""; left:0px; top:30%; right:0px; bottom:0px; z-index:1; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,12,58,1) 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,12,58,1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,12,58,1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(1,12,58,1))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,12,58,1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(1,12,58,1) 100%);} .streaming-block .inner-box:hover h4 a{color:var(--main-color);} .streaming-block .inner-box:hover{border-color:var(--main-color);} .streaming-block .image .overlay-box{position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 45px; overflow:hidden; z-index:2; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-position:center center;} .streaming-block .inner-box:hover .overlay-box{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;} .streaming-block .image .overlay-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.80; background-color:var(--main-color-two);} .streaming-block .image .overlay-box span{position: absolute; width:60px; height: 60px; left:50%; top: 50%; z-index:10; color: var(--main-color); font-weight:400; font-size:var(--font-18); text-align: center; padding-left:4px; display: inline-block; margin-top: -30px; margin-left:-30px; line-height:58px; border-radius:50%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; border:2px solid var(--main-color);} .streaming-block .image .ripple, .streaming-block .image .ripple:before, .streaming-block .image .ripple:after {position: absolute; top: 50%; left: 50%; width:60px; height: 60px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite;} .streaming-block .image .ripple:before {-webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute;} .streaming-block .image .ripple:after {-webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute;} @-webkit-keyframes ripple {70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);} 100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}} @keyframes ripple {70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);} 100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}} .internet-section-two{position:relative; padding:110px 0px 70px; background-position:right top; background-repeat:no-repeat;} .internet-section-two .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .internet-section-two .image-column .icon-layer-one{position:absolute; left:-40px; bottom:90px; width:123px; height:131px; background-repeat:no-repeat;} .internet-section-two .image-column .icon-layer-two{position:absolute; right:-5px; top:40px; width:123px; height:131px; background-repeat:no-repeat;} .internet-section-two .image-column .inner-column{position:relative; padding-right:var(--padding-right-30); padding-bottom:var(--padding-bottom-100);} .internet-section-two .image-column .image{position:relative; border-radius:4px; overflow:hidden;} .internet-section-two .image-column .image img{position:relative; width:100%; display:block;} .internet-section-two .image-column .image-two{position:absolute; left:-37px; bottom:0px;} .internet-section-two .image-column .image-three{position:absolute; right:0px; bottom:0px;} .internet-section-two .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .internet-section-two .content-column .inner-column{position:relative; padding-left:var(--padding-left-30); padding-top:var(--padding-top-25);} .internet-section-two .content-column .sec-title{margin-bottom:var(--margin-bottom-15);} .internet-section-two .content-column .text{margin-bottom:var(--margin-bottom-20);} .internet-section-two .content-column .price{position:relative; font-weight:600; color:var(--main-color); font-size:var(--font-22); margin-top:var(--margin-top-15); margin-bottom:var(--margin-bottom-40);} .news-section{position:relative; margin-bottom:-95px; padding:110px 0px 170px;} .news-block{position:relative; margin-bottom:var(--margin-bottom-30);} .news-block .inner-box{position:relative; padding:25px 25px; border-radius:5px; border:1px solid #ebebeb; background-color:var(--white-color);} .news-block .inner-box .image{position:relative; overflow:hidden; background-color:var(--main-color);} .news-block .inner-box .image img{position:relative; width:100%; display:block; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .news-block .inner-box:hover .image img{opacity:0.70; transform:scale(1.06,1.06) rotate(3deg);} .news-block .lower-content{position:relative; padding-top:var(--padding-top-25);} .news-block .post-meta{position:relative; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block .post-meta li{position:relative; color:#7a7a7a; font-weight:400; display:inline-block; font-size:var(--font-15); margin-right:var(--margin-right-10); padding-left:var(--padding-left-25); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block .post-meta li .icon{position:absolute; left:0px; top:1px; color:#7a7a7a; font-size:var(--font-15); margin-right:var(--margin-right-5);} .news-block .post-meta li:last-child{margin-right:var(--margin-zero);} .news-block .inner-box h5{padding-top:var(--padding-top-15); padding-bottom:var(--padding-bottom-20);} .news-block .inner-box h5 a{color:var(--heading-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .news-block .inner-box h5 a:hover{color:var(--main-color);} .news-block .inner-box .theme-btn{font-size:var(--font-15); padding:10px 35px 10px;} .page-title{position:relative; overflow:hidden; padding:140px 0px; background-size:cover;} .page-title:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; background: #010C3A; background: -webkit-linear-gradient(to right, #010C3A 0%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(to right, #010C3A 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, #010C3A 0%, rgba(255,255,255,0) 100%);} .page-title h2{color:var(--white-color); padding-bottom:var(--padding-bottom-15);} .page-title .bread-crumb{position: relative;} .page-title .bread-crumb li{position: relative; font-weight: 500; display:inline-block; text-transform: uppercase; font-size: var(--font-15); color: var(--white-color); margin-right: var(--margin-right-15); padding-right: var(--padding-right-15);} .page-title .bread-crumb li:before{position: absolute; right: -3px; top:0px; color: #ffffff; content: "|"; font-weight:400; font-size: var(--font-15); color: var(--white-color);} .page-title .bread-crumb li:last-child{padding-right: 0; margin-right: 0;} .page-title .bread-crumb li:last-child:before{display: none;} .page-title .bread-crumb li a{font-weight: 500; color: var(--main-color); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .page-title .bread-crumb li a:hover{color: var(--white-color);} .services-section-three{position:relative; padding:100px 0px 70px; background-size:cover;} .services-section-three .sec-title .theme-btn{margin-top:var(--margin-top-35);} .team-section{position:relative; overflow:hidden; padding:110px 0px 90px; background-size:cover; background-color:var(--main-color-two);} .team-section .owl-nav{display:none;} .team-section .owl-dots{position:relative; text-align:center; margin-top:var(--margin-top-20);} .team-section .owl-dots .owl-dot{position:relative; width:10px; height:10px; opacity:0.50; margin:0px 6px; border-radius:50px; display:inline-block; background-color:var(--main-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .team-section .owl-dots .owl-dot.active, .team-section .owl-dots .owl-dot:hover{opacity:1;} .team-block{position:relative; margin-bottom:var(--margin-bottom-30);} .team-block .inner-box{position:relative; text-align:center; border-radius:5px; overflow:hidden;} .team-block .inner-box .image{position:relative;} .team-block .inner-box .image img{position:relative; width:100%; display:block;} .team-block .inner-box .image .overlay-box{position:absolute; left:30px; right:30px; bottom:30px; padding:20px 20px; border-radius:4px; background-color:var(--white-color); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;} .team-block .inner-box:hover .overlay-box{bottom:-150px;} .team-block .inner-box .image .overlay-box h6{font-size:var(--font-20);} .team-block .inner-box .image .overlay-box .designation{position:relative; color:var(--dark-color); font-size:var(--font-15); margin-top:3px;} .team-block .inner-box .overlay-box-two{position:absolute; left:30px; right:30px; opacity:0; bottom:-350px; padding:30px 20px; border-radius:4px; background-color:var(--main-color); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;} .team-block .inner-box:hover .overlay-box-two{bottom:30px; opacity:1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;} .team-block .inner-box .overlay-box-two h6{color:var(--white-color); font-size:var(--font-20);} .team-block .inner-box .overlay-box-two .designation{position:relative; color:var(--white-color); font-size:var(--font-15); margin-top:var(--margin-top-5);} .team-block .inner-box .overlay-box-two .text{position:relative; color:var(--white-color); font-size:var(--font-15); margin-top:var(--margin-top-15); margin-bottom:var(--margin-bottom-20);} .team-block .inner-box .overlay-box-two .social-box{position:relative;} .team-block .inner-box .overlay-box-two .social-box li{position:relative; margin:0px 8px; display:inline-block;} .team-block .inner-box .overlay-box-two .social-box li a{position:relative; font-size:var(--font-18); color:var(--white-color);} .team-block .inner-box .overlay-box-two .social-box li a:hover{color:var(--main-color-two);} .internet-section-three{position:relative; padding:110px 0px 70px; background-position:right top; background-repeat:no-repeat; background-size:cover;} .internet-section-three:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.70; background-color:var(--main-color-two);} .internet-section-three .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .internet-section-three .image-column .inner-column{position:relative; padding-right:var(--padding-right-30); padding-bottom:var(--padding-bottom-100);} .internet-section-three .image-column .image{position:relative; overflow:hidden;} .internet-section-three .image-column .image img{position:relative; width:100%; display:block;} .internet-section-three .image-column .overlay-box{position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 45px; overflow:hidden; z-index:2; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease;} .internet-section-three .image-column .overlay-box span{position: absolute; width:90px; height: 90px; left:50%; top: 50%; z-index:10; color: var(--white-color); font-weight:400; font-size:var(--font-26); text-align: center; padding-left:4px; display: inline-block; margin-top: -45px; margin-left:-45px; line-height:86px; border-radius:50%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; border:3px solid var(--white-color);} .internet-section-three .image-column .ripple, .internet-section-three .image-column .ripple:before, .internet-section-three .image-column .ripple:after {position: absolute; top: 50%; left: 50%; width:90px; height: 90px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite;} .internet-section-three .image-column .ripple:before {-webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute;} .internet-section-three .image-column .ripple:after {-webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute;} .internet-section-three .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .internet-section-three .content-column .inner-column{position:relative; padding-left:var(--padding-left-30); padding-top:var(--padding-top-25);} .internet-section-three .content-column .sec-title{margin-bottom:var(--margin-bottom-15);} .internet-section-three .content-column .text{margin-bottom:var(--margin-bottom-20); color:var(--white-color);} .internet-section-three .content-column .price{position:relative; font-weight:600; color:var(--white-color); font-size:var(--font-22); margin-top:var(--margin-top-15); margin-bottom:var(--margin-bottom-40);} .movie-page-section{position:relative; padding:110px 0px 80px;} .movie-page-section .filters{position:relative; margin-bottom:60px; text-align:center;} .movie-page-section .filters .filter-tabs{position:relative;} .movie-page-section .filters li{position: relative; cursor: pointer; font-weight: 500; margin:0px 15px 0px; display: inline-block; color: var(--dark-color); font-size: var(--font-18); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; border-bottom:1px solid transparent;} .movie-page-section .filters .filter.active, .movie-page-section .filters .filter:hover{color:var(--main-color); border-color:var(--main-color);} .movie-page-section .feature-block{position:relative; width:20%; padding:0px 15px;} .feature-block.mix{display:none;} .services-page-section{position:relative; padding:110px 0px 110px;} .services-page-section .owl-nav{display:none;} .services-page-section .owl-dots{position:relative; text-align:center; margin-top:var(--margin-top-25);} .services-page-section .owl-dots .owl-dot{position:relative; width:10px; height:10px; opacity:0.50; margin:0px 6px; border-radius:50px; display:inline-block; background-color:var(--main-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .services-page-section .owl-dots .owl-dot.active, .services-page-section .owl-dots .owl-dot:hover{opacity:1;} .services-page-section .service-block-two .inner-box{box-shadow:0px 0px 20px rgba(0,0,0,0.10);} .services-page-section .owl-carousel .owl-stage-outer{position:static; padding:20px 0px;} .services-page-section .owl-theme .service-block-two{margin:0px 15px;} .services-page-section .owl-carousel{margin:0px -15px; width:auto;} .services-page-section .service-block-two .text{color:var(--dark-color);} .services-page-section .service-block-two .learn-more, .services-page-section .service-block-two h4 a{color:var(--heading-color);} .services-page-section .service-block-two .inner-box:hover .learn-more, .services-page-section .service-block-two .inner-box:hover .text, .services-page-section .service-block-two .inner-box:hover h4 a{color:var(--white-color);} .sidebar-page-container{position:relative; padding:100px 0px 70px;} .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side{margin-bottom:40px;} .sidebar-page-container .sidebar-side .sidebar{padding-left:var(--padding-left-20);} .service-detail{position:relative;} .service-detail .inner-box{position:relative;} .service-detail .inner-box .image{position:relative; padding:25px 25px; box-shadow:0px 0px 25px rgba(0,0,0,0.10);} .service-detail .inner-box .image img{position:relative; width:100%; display:block;} .service-detail .inner-box .lower-content{position:relative; padding-top:var(--padding-top-35);} .service-detail .inner-box h3{margin-bottom:var(--margin-bottom-20);} .service-detail .inner-box blockquote{padding:30px 30px; line-height:1.9em; color:var(--dark-color); margin-top:var(--margin-top-30); border-left:10px solid var(--main-color); box-shadow:0px 0px 20px rgba(0,0,0,0.15); margin-bottom:var(--margin-bottom-30);} .service-detail .inner-box h4{margin-bottom:var(--margin-bottom-10);} .service-detail .inner-box .two-column{position:relative; margin-bottom:var(--margin-bottom-50);} .service-detail .inner-box .two-column .lower-image img{width:100%; display:block;} .service-detail .accordion-outer h4{margin-bottom:var(--margin-bottom-25);} .sidebar-widget{margin-bottom:var(--margin-bottom-50);} .sidebar-widget .widget-content{position:relative; padding:30px 30px; background-color:var(--white-color); box-shadow:0px 0px 25px rgba(0,0,0,0.10);} .sidebar-title{position:relative; margin-bottom:var(--margin-bottom-10);} .sidebar-title h5{display:inline-block; padding-bottom:var(--padding-bottom-5); margin-bottom:var(--margin-bottom-10); border-bottom:1px solid var(--dark-color-two);} .sticky-top{z-index:10; top:120px;} .service-list{position:relative;} .service-list li{position:relative; font-weight:400; line-height:1.8em; margin-bottom:var(--margin-bottom-10);} .service-list li a{position:relative; color:var(--dark-color); font-size:var(--font-14); padding-left:var(--padding-left-30); -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease;} .service-list li:before{position:absolute; left:0px; content: ""; font-weight:600; color:var(--main-color); font-family: "Flaticon";} .service-list li:last-child{margin-bottom:var(--margin-zero);} .service-list li a:hover{color:var(--main-color);} .broucher-widget .widget-content{background-color:#fdf6f6;} .broucher-widget .text{margin-bottom:var(--margin-bottom-25);} .contact-info-widget{position:relative;} .contact-info-widget li{position:relative; text-align:left; line-height:1.9em; color:var(--dark-color); padding-left:var(--padding-left-50); margin-bottom:var(--margin-bottom-20);} .contact-info-widget li:last-child{margin-right:var(--margin-zero);} .contact-info-widget li a{position:relative; display:inline-block; color:var(--dark-color);} .contact-info-widget li .icon{position:absolute; left:0px; top:10px; line-height:1em; font-size:var(--font-34); color:var(--main-color);} .contact-info-widget li a:hover{color:var(--main-color);} .sidebar .search-box .form-group{position:relative; margin:0px;} .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"]{position:relative; line-height:43px; padding:10px 50px 10px 25px; border:1px solid #ebebeb; background:var(--white-color); display:block; font-size:var(--font-16); width:100%; height:60px; color:var(--dark-color); border-radius:3px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .sidebar .search-box .form-group button{position:absolute; right:0px; top:0px; height:56px; width:60px; display:block; font-size:16px; color:#272727; cursor:pointer; border-radius:0px 0px 0px 0px; line-height:100%; font-weight:normal; background:none;} .sidebar .search-box .form-group input[type="text"]:focus, .sidebar .search-box .form-group input[type="search"]:focus{border-color:var(--main-color);} .sidebar .popular-posts .post{position:relative; padding:0px 0px; min-height:90px; color:var(--dark-color); font-size:var(--font-14); margin-bottom:var(--margin-bottom-5); padding-left:var(--padding-left-100);} .sidebar .popular-posts .post:last-child{margin-bottom:var(--margin-zero); border-bottom:0px; min-height:auto;} .sidebar .popular-posts .post .post-thumb{position:absolute; left:0px; top:0px; width:95px; border-radius:5px; overflow:hidden;} .sidebar .popular-posts .post .post-thumb .overlay-box{position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; display: block; color: var(--white-color); font-size: var(--font-18); opacity: 0; text-align: center; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: var(--main-color-rgba);} .sidebar .popular-posts .post .post-thumb .overlay-box .fa{top: 50%; position: relative; margin-top: -12px; display: block;} .sidebar .popular-posts .post:hover .post-thumb .overlay-box{opacity:1;} .sidebar .popular-posts .post .post-thumb img{display:block; width:100%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .sidebar .popular-posts .post .text{position:relative; top:0px; font-size:var(--font-16); margin:0px 0px 0px; font-weight:600; color:var(--dark-color-two); line-height:1.5em; text-transform:capitalize;} .sidebar .popular-posts .post .text a{color:var(--dark-color-two); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .sidebar .popular-posts .post a:hover{color:var(--main-color);} .sidebar .popular-posts .post-info{position:relative; font-size:var(--font-12); color:var(--dark-color); font-weight:400; margin-top:var(--margin-top-5);} .sidebar .popular-posts .post-info span{position:relative; margin-left:var(--margin-left-15);} .sidebar .popular-tags a{position:relative; display:inline-block; line-height:24px; padding:8px 20px 8px; margin:0px 6px 10px 0px; color:var(--dark-color); text-align:center; font-size:var(--font-15); background:none; font-weight:400; border-radius:0px; border:1px solid #d7d7d7; text-transform:capitalize; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease;} .sidebar .popular-tags a:hover{border-color:var(--main-color); background-color:var(--main-color); color:#ffffff;} .news-block-two{position:relative; margin-bottom:var(--margin-bottom-60);} .news-block-two .inner-box{position:relative;} .news-block-two .inner-box .image{position:relative; overflow:hidden; padding:25px 25px; box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .news-block-two .inner-box .image img{position:relative; width:100%; display:block; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .news-block-two .inner-box:hover .image img{opacity:0.70; transform:scale(1.03,1.03);} .news-block-two .lower-content{position:relative; padding:30px 25px 0px;} .news-block-two .post-meta{position:relative; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-two .post-meta li{position:relative; color:#7a7a7a; font-weight:400; display:inline-block; font-size:var(--font-15); margin-right:var(--margin-right-10); padding-left:var(--padding-left-25); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-two .post-meta li .icon{position:absolute; left:0px; top:1px; color:#7a7a7a; font-size:var(--font-15); margin-right:var(--margin-right-5);} .news-block-two .inner-box h4{padding-top:var(--padding-top-15); padding-bottom:var(--padding-bottom-10);} .news-block-two .inner-box h4 a{color:var(--heading-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .news-block-two .inner-box h4 a:hover{color:var(--main-color);} .news-block-two .inner-box .text{position:relative; padding-bottom:var(--padding-bottom-25);} .blog-detail{position:relative;} .blog-detail .inner-box{position:relative; padding:25px 25px; box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .blog-detail .inner-box .image{position:relative; overflow:hidden; background-color:var(--main-color);} .blog-detail .inner-box .image img{position:relative; width:100%; display:block; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .blog-detail .inner-box:hover .image img{opacity:0.70; transform:scale(1.03,1.03);} .blog-detail .lower-content{position:relative; padding-top:var(--padding-top-30);} .blog-detail .post-meta{position:relative; padding-bottom:var(--padding-bottom-15); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .blog-detail .post-meta li{position:relative; color:#7a7a7a; font-weight:400; display:inline-block; font-size:var(--font-15); margin-right:var(--margin-right-10); padding-left:var(--padding-left-25); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .blog-detail .post-meta li .icon{position:absolute; left:0px; top:1px; color:#7a7a7a; font-size:var(--font-15); margin-right:var(--margin-right-5);} .blog-detail .inner-box h4{padding-bottom:var(--padding-bottom-15);} .blog-detail .inner-box h4 a{color:var(--heading-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .blog-detail .inner-box h4 a:hover{color:var(--main-color);} .blog-detail .inner-box blockquote{padding:25px 30px; font-size:16px; font-style:italic; line-height:1.7em; margin-top:var(--margin-top-30); margin-left:var(--margin-left-30); margin-right:var(--margin-right-50); margin-bottom:var(--margin-bottom-30); box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .blog-detail .inner-box .two-column{position:relative; margin-top:var(--margin-top-25); margin-bottom:var(--margin-bottom-25);} .blog-detail .inner-box .two-column .row{margin:0px -10px;} .blog-detail .inner-box .two-column .column{padding:0px 10px;} .blog-detail .post-share-options{position:relative; margin-top: 40px; padding:22px 0px 18px; border-top:1px solid #f0eeee; border-bottom:1px solid #f0eeee;} .blog-detail .post-share-options .tags span{font-size:var(--font-16); color:var(--dark-color-two); font-weight:500; margin-right:10px; text-transform: capitalize;} .blog-detail .post-share-options .tags a{position:relative; color:var(--dark-color); font-size:var(--font-12); font-weight:400; line-height: 1em; padding:10px 12px; border-radius:2px; display: inline-block; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; border:1px solid #e5e5e5; margin-right: var(--margin-right-5); margin-bottom: var(--margin-bottom-5);} .blog-detail .post-share-options .tags a:last-child{margin-right: 0px;} .blog-detail .post-share-options .tags a:hover{color:var(--white-color); border-color:var(--main-color); background-color:var(--main-color);} .blog-detail .post-share-options .social-box{position:relative; margin-top:var(--margin-top-5);} .blog-detail .post-share-options .social-box li{position:relative; margin-left:15px; display:inline-block;} .blog-detail .post-share-options .social-box li a{position:relative; font-size:var(--font-16); color:var(--dark-color); display:inline-block; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .blog-detail .post-share-options .social-box li a:hover{color:var(--main-color);} .blog-detail .more-posts{position:relative; padding:35px 0px 20px;} .blog-detail .more-posts .prev{position:relative; font-weight:600; color:var(--dark-color); font-size:var(--font-16);} .blog-detail .more-posts .next{position:relative; font-weight:600; color:var(--dark-color); font-size:var(--font-16);} .blog-detail .more-posts .prev a, .blog-detail .more-posts .next a{color:var(--dark-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .blog-detail .more-posts .prev a:hover, .blog-detail .more-posts .next a:hover{color:var(--main-color);} .sidebar-page-container .comments-area{position:relative; margin-top:var(--margin-top-50); margin-bottom:var(--margin-bottom-50);} .sidebar-page-container .group-title{position:relative;} .sidebar-page-container .group-title h4{margin-bottom:var(--margin-bottom-25);} .sidebar-page-container .comments-area .comment-box{position:relative; margin-bottom:var(--margin-bottom-30); padding-bottom:var(--padding-bottom-30); border-bottom:1px solid #f0f0f0; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .sidebar-page-container .comments-area .comment-box:last-child{border:none; padding:var(--padding-zero); margin-bottom:var(--margin-zero);} .sidebar-page-container .comments-area .comment{position:relative; font-size:var(--font-14); min-height:120px; padding:0px 0px 0px 110px;} .sidebar-page-container .comments-area .reply-comment{margin-left:var(--margin-left-40);} .sidebar-page-container .comments-area .comment-box .author-thumb{position:absolute; left:0px; top:0px; width:90px; border-radius:50%; margin-bottom:var(--margin-bottom-20); overflow:hidden;} .sidebar-page-container .comments-area .comment-box .author-thumb img{width:100%; display:block;} .sidebar-page-container .comments-area .comment-info{margin-bottom:var(--margin-bottom-10);} .sidebar-page-container .comments-area .comment-box strong{font-size:var(--font-18); font-weight:500; color:var(--dark-color-two); display:block; line-height:1.3em; display:inline-block; text-transform:capitalize;} .sidebar-page-container .comments-area .comment-box .text{color:var(--dark-color); margin-bottom:var(--margin-bottom-10);} .sidebar-page-container .comments-area .comment-info .comment-time{position:absolute; right:0px; color:#7a7a7a; display:inline-block; font-size:var(--font-15); padding-left:var(--padding-left-25);} .sidebar-page-container .comments-area .comment-info .comment-time:before{position:absolute; content: ""; left:0px; top:0px; color:var(--dark-color); font-family: "FontAwesome";} .sidebar-page-container .comments-area .comment-box .theme-btn{position:relative; color:#666666; font-weight:500; font-size:var(--font-15); text-transform:capitalize;} .sidebar-page-container .comments-area .comment-box .theme-btn:hover{color:var(--main-color);} .comment-form .form-group label{color:#7a7a7a; font-size:var(--font-15); margin-bottom:var(--margin-bottom-10);} .comment-form .form-group{margin-bottom:var(--margin-bottom-25);} .comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select{position:relative; display:block; width:100%; line-height:28px; padding:10px 20px; color:var(--dark-color); height:54px; font-size:var(--font-15); border-radius:3px; background:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus{border-color:#f7961d;} .comment-form .form-group textarea{position:relative; display:block; width:100%; line-height:24px; padding:15px 20px 25px; color:var(--dark-color); height:200px; font-size:var(--font-15); border-radius:3px; background:var(--white-color); resize:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .error-section{position:relative; padding:100px 0px 100px;} .error-section .content{position:relative; text-align:center;} .error-section h1{font-size:180px; font-weight:800; line-height:1em; margin-bottom:var(--margin-bottom-20);} .error-section h2{margin-bottom:var(--margin-bottom-20);} .error-section .text{margin-bottom:var(--margin-bottom-20);} .contact-page-section{position:relative; padding:110px 0px 110px;} .contact-page-section .info-column{position:relative; margin-bottom:var(--margin-bottom-40);} .contact-page-section .info-column .inner-column{position:relative; box-shadow:0px 0px 20px rgba(0,0,0,0.10);} .contact-page-section .title-box{position:relative; padding:20px 30px; background-color:#fdf6f6;} .contact-page-section .info-column .lower-box{position:relative; padding:40px 35px 30px;} .contact-page-section .info-column .info-list{position:relative;} .contact-page-section .info-column .info-list li{position:relative; text-align:left; line-height:1.9em; font-weight:600; min-height:60px; color:var(--dark-color-two); padding-left:var(--padding-left-80); margin-bottom:var(--margin-bottom-30);} .contact-page-section .info-column .info-list li:last-child{margin-bottom:var(--margin-zero);} .contact-page-section .info-column .info-list li a{position:relative; font-weight:600; display:inline-block; color:var(--dark-color-two);} .contact-page-section .info-column .info-list li .icon{position:absolute; width:60px; height:60px; left:0px; top:0px; text-align:center; line-height:60px; font-weight:500; font-size:var(--font-24); color:var(--main-color); border-radius:50px; background-color:var(--white-color); box-shadow:0px 0px 25px rgba(0,0,0,0.15);} .contact-page-section .info-column .info-list li a:hover{color:var(--main-color);} .contact-page-section .info-column .timing{position:relative; font-weight:600; font-size:var(--font-18); color:var(--main-color); margin-top:var(--margin-top-30); margin-bottom:var(--margin-bottom-30);} .contact-page-section .info-column .social-box li{position:relative; display:inline-block; margin-bottom:var(--margin-bottom-10);} .contact-page-section .info-column .social-box li a{position:relative; display:inline-block; font-size:var(--font-15); width:36px; height:36px; line-height:36px; text-align:center; border-radius:3px; color:var(--white-color); background:var(--main-color); transition:all 0.5s ease; margin-right:5px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease;} .contact-page-section .info-column .social-box li.facebook a{background:#3b5998;} .contact-page-section .info-column .social-box li.twitter a{background:#33ccfe;} .contact-page-section .info-column .social-box li.google a{background:#f05b44;} .contact-page-section .info-column .social-box li.dribbble a{background:#ea4c89;} .contact-page-section .info-column .social-box li.linkedin a{background:#0da6be;} .contact-page-section .info-column .social-box li.pinterest a{background:#9c0c1c;} .contact-page-section .map-column{position:relative; margin-bottom:var(--margin-bottom-40);} .contact-page-section .map-column .inner-column{position:relative;} .contact-page-section .map-column iframe{position: relative; left: 0; top: 0; width: 100%; height: 510px;} .contact-page-section .contact-form-box{position:relative; max-width:920px; width:100%; margin:0 auto; border-radius:5px; padding:60px 60px 60px; margin-top:var(--margin-top-45); box-shadow:0px 0px 25px rgba(0,0,0,0.10);} .contact-page-section .contact-form-box .form-title-box{position:relative; text-align:center; margin-bottom:var(--margin-bottom-20);} .contact-form{position:relative; margin-top:50px;} .contact-form .form-group{margin-bottom:30px;} .contact-form .form-group input[type="text"], .contact-form .form-group input[type="password"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group select{position:relative; display:block; width:100%; line-height:24px; padding:10px 20px; color:#7a7a7a; height:50px; font-size:var(--font-15); border-radius:3px; background:var(--white-color); border:1px solid #ebebeb; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .contact-form .form-group input[type="text"]:focus, .contact-form .form-group input[type="password"]:focus, .contact-form .form-group input[type="tel"]:focus, .contact-form .form-group input[type="email"]:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus{border-color:var(--main-color);} .contact-form .form-group textarea{position:relative; display:block; width:100%; line-height:24px; padding:15px 20px 25px; color:#7a7a7a; background:var(--white-color); border:1px solid #ebebeb; height:200px; resize:none; border-radius:3px; font-size:var(--font-15); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .contact-form .theme-btn{cursor:pointer; text-transform:uppercase; margin-top:var(--margin-top-10);} .contact-form input.error, .contact-form select.error, .contact-form textarea.error{border-color:#ff0000 !important;} .contact-form label.error{display:block; line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:12px; color:#ff0000; font-weight:500;} .shop-page-section{position:relative; padding:110px 0px 100px;} .shop-page-section .styled-pagination{margin-top:30px;} .styled-pagination{position:relative;} .styled-pagination li{position:relative; display:inline-block; margin:0px 6px 6px 0px;} .styled-pagination li a{position:relative; display:inline-block; line-height:48px; width:50px; height:50px; font-size:var(--font-16); color:#b4b4b4; font-weight:400; text-align:center; border-radius:50px; background:var(--white-color); border:1px solid #ededed; text-transform:capitalize; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease;} .styled-pagination li.prev a{width:30px; height:30px; color:#b9b9b9; font-size:14px; line-height:28px; margin-right:var(--margin-right-30); background:var(--white-color); border:1px solid #b9b9b9;} .styled-pagination li.next a{width:30px; height:30px; color:#b9b9b9; font-size:14px; line-height:28px; margin-left:var(--margin-left-30); background:var(--white-color); border:1px solid #b9b9b9;} .styled-pagination li a:hover, .styled-pagination li a.active{color:#ffffff; border-color:var(--main-color); background-color:var(--main-color);} .shop-detail-section{position:relative; padding:110px 0px 70px;} .shop-detail-section .images-column{position:relative;} .shop-detail-section .images-column .inner-column{position:relative;} .shop-detail-section .content-column{position:relative;} .shop-detail-section .content-column .rating{position:relative; color:var(--main-color); font-size:var(--font-16); margin-top:var(--margin-top-10);} .shop-detail-section .content-column .rating a{position:relative; color:var(--main-color-two); margin-left:var(--margin-left-5); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .shop-detail-section .content-column .rating a:hover{color:var(--main-color);} .shop-detail-section .content-column .inner-column{position:relative; padding-left:var(--padding-left-40);} .shop-detail-section .content-column .price{position:relative; font-weight:600; font-size:var(--font-18); color:var(--main-color); margin-top:var(--margin-top-10); margin-bottom:var(--margin-bottom-15);} .shop-detail-section .content-column .text{margin-bottom:var(--margin-bottom-20);} .shop-detail-section .content-column .theme-btn{position:relative; border-radius:0px; width:100%;} .shop-detail-section .social-box{position:relative; margin-top:var(--margin-top-30);} .shop-detail-section .social-box a{position:relative; line-height:1em; font-size:var(--font-22); color:var(--dark-color); margin-right:var(--margin-right-20);} .shop-detail-section .social-box a:last-child{margin-right:var(--margin-zero);} .shop-detail-section .social-box a:hover{color:var(--main-color);} .shop-detail-section .shop-list{position:relative; margin-top:var(--margin-top-30);} .shop-detail-section .shop-list li{font-weight:600; font-size:var(--font-15); color:var(--main-color); margin-bottom:var(--margin-bottom-10);} .shop-detail-section .shop-list li a{position:relative; color:#505050; font-weight:400;} .shop-detail-section .shop-list li a:hover{color:var(--main-color);} .gallery-tabs{position:relative; padding-left:var(--padding-left-120);} .gallery-tabs .tab-btns{position:absolute; left:0px; top:0px; text-align:center; margin-bottom:var(--margin-bottom-30);} .gallery-tabs .tab-btns .tab-btn{position:relative; display:block; background:none; cursor:pointer; opacity:0.60; transition:all 500ms ease; margin-bottom:var(--margin-bottom-10);} .gallery-tabs .tab-btns .tab-btn:hover, .gallery-tabs .tab-btns .tab-btn.active-btn{opacity:1;} .gallery-tabs .tabs-content{position:relative;} .gallery-tabs .tabs-content .tab{position:relative; display:none;} .gallery-tabs .tabs-content .tab.active-tab{display:block;} .form-group .ui-selectmenu-button.ui-button{width:100%; font-size:var(--font-15); font-style:normal; height:54px; padding:10px 18px; line-height:34px; color:var(--dark-color); font-weight:600; border-radius:0px; background:var(--white-color); border:1px solid #d9d9d9;} .form-group .ui-button .ui-icon{background:none; position:relative; top:6px; text-indent:0px; color:var(--dark-color);} .form-group .ui-button .ui-icon:before{font-family: "FontAwesome"; content: ""; position:absolute; right:0px; top:2px !important; top:13px; width:10px; height:20px; display:block; color:var(--dark-color); line-height:20px; font-size:var(--font-16); font-weight:normal; text-align:center; z-index:5;} .ui-widget.ui-widget-content{border:1px solid #e0e0e0;} .ui-menu .ui-menu-item{font-size:var(--font-14); border-bottom:1px solid #e0e0e0;} .ui-menu .ui-menu-item:last-child{border:none;} .ui-state-active, .ui-widget-content .ui-state-active{background:var(--main-color); border-color:var(--main-color);} .ui-menu .ui-menu-item-wrapper{position:relative; display:block; padding:8px 20px; font-size:var(--font-16); line-height:24px;} .ui-menu-item:hover{background-color:#025158;} .shop-detail-section .prod-tabs{position:relative; max-width:980px; margin-top:var(--margin-top-70); margin-bottom:var(--margin-bottom-40);} .shop-detail-section .prod-tabs .tab-btns{position:relative; margin-bottom:var(--margin-bottom-30);} .shop-detail-section .prod-tabs .tab-btns .tab-btn{position:relative; display:block; float:left; margin-right:var(--margin-right-25); font-size:var(--font-18); color:var(--dark-color); text-transform:capitalize; font-weight:600; line-height:24px; cursor:pointer; padding-bottom:var(--padding-bottom-5); transition:all 500ms ease; border-bottom:1px solid transparent;} .shop-detail-section .prod-tabs .tab-btns .tab-btn:hover, .shop-detail-section .prod-tabs .tab-btns .tab-btn.active-btn{color:var(--main-color); border-color:var(--main-color);} .shop-detail-section .prod-tabs .tabs-content{position:relative;} .shop-detail-section .prod-tabs .tabs-content .tab{position:relative; display:none;} .shop-detail-section .prod-tabs .tabs-content .tab.active-tab{display:block;} .shop-detail-section .prod-tabs .tabs-content .tab .title{position:relative; color:var(--text-color); font-size:var(--font-20); font-weight:400; margin-top:var(--margin-top-10); margin-bottom:var(--margin-bottom-25);} .shop-detail-section .comments-area{position:relative; margin-top:var(--margin-zero); margin-bottom:var(--margin-bottom-40);} .shop-detail-section .comments-area .comment-box{position:relative; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; margin-bottom:var(--margin-bottom-30);} .shop-detail-section .comments-area .comment-box:nth-child(1){padding-top:0px;} .shop-detail-section .comments-area .comment-box:hover{border-color:var(--main-color);} .shop-detail-section .comments-area .comment-box.reply-comment{margin-left:var(--marg-left-30);} .shop-detail-section .comments-area .comment{position:relative; font-size: var(--font-14); padding:0px 0px 0px 80px;} .shop-detail-section .comments-area .comment .comment-inner{position:relative; padding:15px 20px; border:1px solid #f4f4f4;} .shop-detail-section .comments-area .comment .comment-inner .rating{position:absolute; right:15px; top:15px;} .shop-detail-section .comments-area .comment .comment-inner .rating .fa{display:inline-block; font-size: var(--font-14); color: var(--main-color);} .shop-detail-section .comments-area .comment-box .author-thumb{position:absolute; left:0px; top:0px; margin-bottom:var(--margin-bottom-20);} .shop-detail-section .comments-area .comment-box .author-thumb img{width:60px; display:block;} .shop-detail-section .comments-area .comment-info{position:relative; font-size: var(--font-16); color: var(--main-color-two); line-height:24px; font-weight:700;} .shop-detail-section .comments-area .comment-box .text{font-weight:400; font-size: var(--font-16); color: var(--main-color-two); margin-top:var(--margin-top-10); margin-bottom:var(--margin-zero);} .shop-comment-form{position:relative;} .shop-comment-form h4{margin-bottom:var(--margin-bottom-25);} .shop-comment-form .group-title{margin-bottom:var(--margin-bottom-20);} .shop-comment-form .rating-box{position:relative; margin-bottom:var(--margin-bottom-30);} .shop-comment-form .rating-box .text{color:var(--main-color-two); margin-bottom:var(--margin-bottom-10);} .shop-comment-form .rating-box .rating{position:relative; display:inline-block; border-right:1px solid #ebebeb; margin-right:var(--margin-right-10); padding-right:var(--padding-right-10);} .shop-comment-form .rating-box .rating:last-child{border-right:0px;} .shop-comment-form .rating-box .rating .fa{position:relative; display:inline-block; margin-right:var(--margin-right-5);} .shop-comment-form .rating-box .rating a{position:relative; color:var(--main-color-two); font-size:var(--font-16); display:inline-block; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .shop-comment-form .rating-box .rating a:hover{color:var(--main-color);} .shop-comment-form .form-group{position:relative; margin-bottom:var(--margin-bottom-15);} .shop-comment-form .form-group label{position:relative; color:var(--main-color-two); font-size:var(--font-16); font-weight:300;} .shop-comment-form .form-group:last-child{margin-bottom:0px;} .shop-comment-form .form-group input[type="text"], .shop-comment-form .form-group input[type="password"], .shop-comment-form .form-group input[type="tel"], .shop-comment-form .form-group input[type="email"], .shop-comment-form .form-group select{position:relative; display:block; width:100%; line-height:28px; padding:10px 15px; border:1px solid #efefef; height:50px; color:var(--main-color-two); font-weight:300; background:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .shop-comment-form .form-group input[type="text"]:focus, .shop-comment-form .form-group input[type="password"]:focus, .shop-comment-form .form-group input[type="tel"]:focus, .shop-comment-form .form-group input[type="email"]:focus, .shop-comment-form .form-group select:focus, .shop-comment-form .form-group textarea:focus{border-color:var(--main-color);} .shop-comment-form .form-group textarea{position:relative; display:block; width:100%; line-height:26px; padding:10px 15px; color:var(--main-color-two); border:1px solid #efefef; height:105px; font-weight:300; background:var(--white-color); resize:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .shop-comment-form button{position:relative; margin-top:var(--margin-top-10);} .shop-comment-form input:focus, .shop-comment-form select:focus, .shop-comment-form textarea:focus{border-color:var(--main-color);} .related-products-section{position:relative; padding-bottom:var(--padding-bottom-90);} .shop-page-section .items-sorting{position:relative; margin-bottom:var(--margin-bottom-30);} .shop-page-section .items-sorting .results-column, .shop-page-section .items-sorting .select-column{margin-bottom:var(--margin-bottom-20);} .shop-page-section .items-sorting .results-column h5{font-weight:400; padding:13px 0px;} .shop-page-section .items-sorting .form-group{margin-bottom:var(--margin-zero); float:right; margin-left:var(--margin-left-15);} .shop-page-section .items-sorting select{position:relative; display:block; line-height:26px; padding:10px 20px 10px; height:50px; font-size:var(--font-14); width:270px; border:1px solid #dddddd; cursor:pointer; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; background:url(../images/icons/icon-select-2.png) right top no-repeat; color:#999999; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .shop-page-section .items-sorting select option{text-indent:15px;} .shop-page-section .options-views{position:relative; float:right; padding:10px 16px; display:inline-block; border:1px solid #dddddd;} .shop-page-section .options-views li{position:relative; margin:0px 5px; display:inline-block;} .shop-page-section .options-views li a{position:relative; color:#c3c3c3; font-size:var(--font-18);} .shop-page-section .options-views li:last-child a{font-size:var(--font-22); font-weight:700; top:2px;} .shop-page-section .options-views li.active a, .shop-page-section .options-views li a:hover{color:var(--black-color);} .cart-section{position:relative; padding:100px 0px 110px;} .cart-outer{position:relative;} .checkout-page .cart-outer{margin-bottom:40px;} .cart-outer .table-outer{position:relative; width:100%; margin-bottom:50px;} .cart-outer .cart-table{width:100%; min-width:900px; border-bottom:1px solid #e9e9e9;} .cart-outer .cart-table tbody{padding-bottom:30px;} .cart-table .cart-header{position:relative; width:100%; font-size:13px; color:#1c1c1c; border-bottom:1px solid #ebebeb;} .cart-table thead tr th{line-height:24px; padding:15px 28px; font-weight:700; font-size:18px; color:#161e39; text-align:center; letter-spacing:1px;} .cart-table thead tr th .fa{font-size:18px;} .cart-table tbody tr td{line-height:24px; padding:25px 50px 25px;} .cart-table tbody tr .qty{width:225px; padding-right:80px;} .cart-table tbody tr .prod-column .column-box{position: relative; min-height: 120px; padding-top: 45px; padding-left: 150px;} .cart-table tbody tr .prod-column .column-box .prod-thumb{position:absolute; left:0px; top:0px; width:120px; float:left;} .cart-table tbody tr .prod-column .column-box .prod-thumb img{display:block; max-width:100%;} .cart-table tbody tr .prod-column .column-box h4{} .cart-table tbody tr .prod-column .column-box .text{position:relative; font-size:16px; color:#777777; font-weight:400; margin-top:15px;} .cart-table tbody tr .prod-column .author{font-size:13px; color:#333333; margin-bottom:0px;} .cart-table tbody tr .sub-total{font-weight:700; color:#161e39; font-size:18px;} .cart-table tbody tr .remove-btn{position:relative; font-size:20px; color:#df0303; line-height:30px; font-weight:400; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease;} .cart-table tbody tr .remove-btn .fa{position:relative; line-height:30px;} .cart-table tbody tr .remove-btn:hover{color:#222222;} .cart-table tbody tr td{vertical-align:middle; color:#797979; font-size:17px;} .cart-table tbody tr .total-price{font-weight: 700; color: #161e39; font-size: 18px;} .cart-table tbody tr td .prod-title{position:relative; font-size:17px; color:#797979;} .cart-table tbody tr td .quantity-spinner{padding:5px 0px 5px 20px; line-height:24px; height:34px; display:block; width:100%; position:relative;} .cart-table tbody .available-info{position:relative; padding-left:50px;} .cart-table tbody .available-info .icon{position:absolute; left:0px; top:5px; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#ffffff; background:#223555; border-radius:50%;} .cart-section .cart-options{position:relative; padding:28px 35px 15px; margin-bottom:50px; background-color:#f9f9f9; border:1px solid #ebebeb; border-top:0px;} .cart-section .apply-coupon{position:relative;} .cart-section .apply-coupon .form-group{position:relative; float:left; margin-right:10px;} .cart-section .apply-coupon .form-group input[type="text"]{display:block; line-height:15px; padding:8px 25px 8px 0px; border-bottom:1px solid #e0e0e0; width:230px; height:56px; color:#161e39; font-size:16px; font-weight:400; background:#ffffff;} .cart-section .btn-style-three{padding:10px 35px; margin-right:15px; border-radius:0px; font-weight:600;} .cart-section .btn-style-two:hover{color:#ffffff;} .cart-section .cart-options .btn-style-one{top:-4px; font-weight:500; font-size:15px; padding:5px 32px;} .cart-section .totals-table{position:relative; margin-top:0px;} .cart-section h3{position:relative; color:#161e39; font-size:36px; font-weight:700; margin-top:30px; line-height:1.3em; margin-bottom:0px;} .cart-section .totals-table li{line-height:24px; padding:14px 0px; border-bottom:1px solid #dee4e8;} .cart-section .totals-table .col{position:relative; display:block; float:left; line-height:24px; width:30%; color:#161e39; font-size:18px; font-weight:600; padding-left:0px; text-transform:capitalize;} .cart-section .totals-table li .col:last-child{color:#161e39;} .cart-section .checkout-btn{margin-top:35px;} .cart-section .cart-btn{padding:8px 34px; margin-top:110px;} .cart-table tbody tr .qty .quantity-spinner{background:#ffffff; height:50px;} .cart-table tbody tr .qty .quantity-spinner:focus, .cart-table tbody tr .qty .quantity-spinner:hover{box-shadow:inherit; border-color:#df0303;} .cart-table tbody tr .qty .input-group-btn-vertical{position:absolute; right:0px; top:0px; z-index:10;} .bootstrap-touchspin .input-group-btn-vertical{width:30px; border-left:1px solid #dddddd;} .shop-single-section .info-column .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{padding:2px 8px; line-height:1em; background:none; left:4px;} .product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-section .bootstrap-touchspin .input-group-btn-vertical i{top:1px;} .bootstrap-touchspin .glyphicon-chevron-up:before {content: ""; font-size: 18px; font-style:normal; font-weight:800; font-family: "FontAwesome";} .bootstrap-touchspin .glyphicon-chevron-down:before {content: ""; font-size: 18px; font-style:normal; font-weight:800; font-family: "FontAwesome";} .checkout-page{position:relative; z-index: 9; background-color: #ffffff; padding:100px 0px 80px;} .checkout-page .default-links{position:relative; margin-bottom:40px;} .checkout-page .default-links li{margin-bottom:15px; line-height:24px; padding:18px 28px; background:#f9f9f9; color:#111111; font-size:15px; font-weight:500; border:1px solid #ebebeb;} .checkout-page .default-links li a{color:#df0303; text-decoration:underline;} .shop-form .billing-inner{position:relative; padding-right:100px;} .shop-form .sec-title h2{font-size:24px;} .shop-form .form-group{position:relative; margin-bottom:20px;} .billing-details .shop-form .sec-title{margin-bottom:20px;} .billing-details .shop-form .form-group.sec-title{margin-bottom:10px; padding-bottom:30px; margin-top:20px;} .shop-form .form-group .field-label{display:block; line-height:24px; margin-bottom:8px; color:#111111; font-size:15px; font-weight:500; text-transform:capitalize;} .shop-form .form-group .field-label sup{position:relative; top:0px; color:#797979; font-size:16px;} .shop-form input[type="text"], .shop-form input[type="email"], .shop-form input[type="password"], .shop-form input[type="tel"], .shop-form input[type="number"], .shop-form input[type="url"], .shop-form select, .shop-form textarea{position:relative; display:block; width:100%; background:#ffffff; line-height:16px; padding:10px 15px; height:50px; border:1px solid #eeeeee; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease;} .shop-form input.address-two{margin-top:12px;} .shop-form input::-webkit-input-placeholder, .shop-form select::-webkit-input-placeholder, .shop-form textarea::-webkit-input-placeholder{color:#111111;} .shop-form select{-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; background:#ffffff url(../images/icons/icon-select.png) right center no-repeat; cursor:pointer;} .shop-form select option{text-indent:15px;} .shop-form textarea{resize:none; height:100px !important; overflow:hidden;} .shop-form input:focus, .shop-form select:focus, .shop-form textarea:focus{border-color:#df0303;} .shop-order-box{position:relative; padding:20px 28px 50px; border:1px solid #d9d9d9; background-color:#fdfdfd;} .shop-order-box .order-list{position:relative;} .shop-order-box .order-list li{position:relative; color:#111111; font-size:15px; font-weight:500; margin-bottom:12px; text-transform:uppercase;} .shop-order-box .order-list li span{float:right; width:35%; text-align:left; text-transform:capitalize;} .shop-order-box .order-list li span.dark{color:#242424;} .shop-order-box .order-list li.total{padding:8px 0px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} .payment-options{position:relative; margin-top:20px; margin-bottom:20px;} .checkout-page .payment-options li{position:relative; margin-bottom:15px;} .checkout-page .payment-options li .radio-option{position:relative;} .checkout-page .payment-options li .radio-option label{position:relative; display:block; padding-left:30px; font-weight:600 !important; text-transform:capitalize; letter-spacing:1px; color:#797979; cursor:pointer; font-size:15px;} .checkout-page .payment-options li .radio-option label strong{font-weight:500; display: inline-block; color:#111111; font-size:14px;} .checkout-page .payment-options li .radio-option input[type="radio"]{position:absolute; left:0px; top:3px;} .checkout-page .payment-options li .radio-option #payment-3{top:9px;} .checkout-page .payment-options li .what-paypall{display:block; font-size:13px; font-weight:600; margin-left:0px; color:#df0303; margin-top:20px;} .checkout-page .payment-options li .radio-option label .small-text{position:relative; display:none; padding:18px 26px; letter-spacing:0px; text-transform:none; font-weight:normal; font-size:14px; color:#111111; border-radius:4px; line-height:20px; line-height:1.8em; margin-top:20px; margin-left:-30px; background-color:#ececec;} .checkout-page .payment-options li .radio-option label .small-text:before{position:absolute; content:""; left:24px; top:-10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #ececec;} .checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text{display: block;} .checkout-page .payment-options li .radio-option label img{position:relative; top:-3px; display:inline-block; max-width:100%; padding-left:30px;} .checkout-page .payment-options li .radio-option label img{position:relative; display:inline-block; max-width:100%; padding-left:30px;} .banner-section{position:relative; overflow:hidden; padding:200px 0px 80px; background-color:var(--main-color-three);} .banner-section .circle-layer{position:absolute; right:-300px; top:-250px; width:1049px; height:1048px; background-repeat:no-repeat;} .banner-section .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .banner-section .content-column .inner-column{position:relative; padding-top:var(--padding-top-60);} .banner-section .content-column h1{color:var(--white-color); font-size:var(--font-64);} .banner-section .content-column .info{position:relative; color:var(--white-color); font-size:var(--font-16); margin-bottom:var(--margin-bottom-20); margin-top:var(--margin-top-30);} .banner-section .content-column .info-list{position:relative; margin-bottom:var(--margin-bottom-20);} .banner-section .content-column .info-list li{position:relative; color:var(--white-color); font-size:var(--font-16); margin-bottom:var(--margin-bottom-10);} .banner-section .content-column .info-list li:last-child{margin-bottom:var(--margin-zero);} .banner-section .content-column .info-list li span{color:var(--main-color); margin-right:var(--margin-right-25);} .banner-section .content-column .info-list i{color:#ffba01;} .banner-section .content-column .text{position:relative; color:var(--white-color); font-size:var(--font-16); margin-bottom:var(--margin-bottom-30);} .banner-section .carousel-column{position:relative; margin-bottom:var(--margin-bottom-30);} .banner-section .carousel-column .inner-column{position:relative;} .swiper-wrapper{height: 500px; width: 300px;} .banner-section .carousel-column .swiper-slide:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.50; background-color:var(--white-color); transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease;} .banner-section .carousel-column .swiper-slide.swiper-slide-active::before{opacity:0;} .row.appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {position: relative;} .clients-section-two{position:relative; padding:70px 0px 0px;} .clients-section-two .image-box{position:relative; background-color:#01274e;} .clients-section-two .channel-name{text-align:center; font-weight:500; display:block; font-size:var(--font-18); color:var(--white-color); margin-top:var(--margin-top-15);} .clients-section-two .image-box img{position:relative; filter: grayscale(0%); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .clients-section-two .image-box:hover img{filter: grayscale(100%);} .clients-section-two .owl-dots{display:none;} .clients-section-two .owl-nav{position:absolute; left:-25px; top:50%; right:-25px; margin-top:-45px;} .clients-section-two .owl-nav .owl-prev{position:absolute; left:0px; width:50px; height:50px; text-align:center; line-height:50px; font-weight:600; font-size:var(--font-20); color:var(--main-color); border-radius:50px; display:inline-block; background-color:#ffffff; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .clients-section-two .owl-nav .owl-next{position:absolute; right:0px; width:50px; height:50px; text-align:center; line-height:50px; font-weight:600; font-size:var(--font-20); color:var(--main-color); border-radius:50px; display:inline-block; background-color:#ffffff; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .clients-section-two .owl-nav .owl-prev:hover, .clients-section-two .owl-nav .owl-next:hover{background-color:var(--main-color); color:var(--white-color);} .spotlight-section{position:relative; padding:90px 0px 100px;} .spotlight-section .tab-btns-box{position:relative; text-align:center; margin-bottom:var(--margin-bottom-20);} .spotlight-section .tab-btns-box .p-tab-btn{position:relative; cursor:pointer; font-weight:500; margin:0px 15px; display:inline-block; font-size:var(--font-16); transition:all 0.3s ease; color:var(--white-color); padding-bottom:var(--padding-bottom-5); -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; margin-bottom:var(--margin-bottom-20);} .spotlight-section .tab-btns-box .p-tab-btn:hover, .spotlight-section .tab-btns-box .p-tab-btn.active-btn{color:var(--main-color);} .spotlight-section .tab-btns-box .p-tab-btn:before{position:absolute; content:""; left:0px; bottom:0px; width:100%; height:3px; opacity:0; display:block; background-color:var(--main-color); transform:scale(0.2,1); -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .spotlight-section .tab-btns-box .p-tab-btn:hover::before, .spotlight-section .tab-btns-box .p-tab-btn.active-btn::before{opacity:1; transform:scale(1,1);} .spotlight-tab .p-tabs-content{position:relative; display:block;} .spotlight-tab .p-tabs-content .owl-nav{display:none;} .spotlight-tab .p-tabs-content .owl-dots{position:relative; text-align:center; margin-top:var(--margin-top-20);} .spotlight-tab .p-tabs-content .owl-dots .owl-dot{position:relative; width:20px; height:20px; margin:0px 7px; border-radius:50px; display:inline-block; border:2px solid var(--main-color); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .spotlight-tab .p-tabs-content .owl-dots .owl-dot:before{position:absolute; content:""; left:4px; top:4px; right:4px; bottom:4px; opacity:0; border-radius:50px; display:inline-block; background-color:var(--main-color); transition:all 0.7s ease; -moz-transition:all 0.7s ease; -webkit-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease;} .spotlight-tab .p-tabs-content .owl-dots .owl-dot:hover::before, .spotlight-tab .p-tabs-content .owl-dots .owl-dot.active::before{opacity:1;} .spotlight-tab .p-tab{position:absolute; left:0px; top:0px; width:100%; height:auto; visibility:hidden;} .spotlight-tab .p-tab.active-tab{position:relative; visibility:visible; z-index:5;} .p-tab.active-tab .video-block{-webkit-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); -moz-transform:scaleY(1); transform:scaleY(1);} .p-tab .video-block{transition:all 0.7s ease; -moz-transition:all 0.7s ease; -webkit-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; -webkit-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0); -moz-transform:scaleY(0); transform:scaleY(0);} .video-block{position:relative; margin-bottom:var(--margin-bottom-25);} .video-block .inner-box{position:relative;} .video-block .inner-box .image{position:relative; border-radius:3px; overflow:hidden;} .video-block .inner-box .image img{position:relative; width:100%; display:block;} .video-block .inner-box .image .overlay-box{position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.50);} .video-block .inner-box .video-box{position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 45px; overflow:hidden; z-index:2; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-position:center center;} .video-block .inner-box:hover .video-box{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;} .video-block .inner-box .video-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.50; background-color:var(--main-color-two);} .video-block .inner-box .video-box span{position: absolute; width:70px; height: 70px; left:50%; top: 50%; z-index:10; color: var(--main-color); font-weight:400; font-size:var(--font-20); text-align: center; padding-left:4px; display: inline-block; margin-top: -35px; margin-left:-35px; line-height:66px; border-radius:50%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; border:3px solid var(--main-color);} .video-block .inner-box .video-box .ripple, .video-block .inner-box .video-box .ripple:before, .video-block .inner-box .video-box .ripple:after {position: absolute; top: 50%; left: 50%; width:70px; height: 70px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite;} .video-block .inner-box .video-box .ripple:before {-webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute;} .video-block .inner-box .video-box .ripple:after {-webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute;} .video-block .inner-box .lower-content{position:relative; padding-top:var(--padding-top-20);} .video-block .inner-box h6{font-weight:600;} .video-block .inner-box h6 a{position:relative; color:var(--white-color);} .video-block .inner-box h6 a:hover{color:var(--main-color);} .video-block .inner-box .year{position:relative; font-weight:700; font-size:var(--font-18); color:var(--main-color); margin-top:var(--margin-top-5);} .video-block .inner-box .rating{position:relative; color:var(--white-color); font-size:var(--font-15); margin-top:var(--margin-top-10);} .video-block .inner-box .rating .fa{position:relative; color:#ffba01; margin-right:2px;} .video-block .inner-box .name{position:relative; font-weight:400; font-size:var(--font-16); color:var(--white-color); margin-top:var(--margin-top-10);} .trailer-section{position:relative; padding:100px 0px 100px; background-color:#01274e;} .trailer-section .sec-title-two .btn-box{margin-top:var(--margin-top-55);} .trailer-section .default-tab-box{position:relative; overflow:hidden; padding:50px 0px 50px 50px; background-color:#002d5b;} .trailer-section .default-tab-box .column{padding:0px; float:left;} .trailer-section .default-tab-box .tab-btns{position:relative; z-index:1; overflow:hidden; margin-left:-20px; padding:0px 0px 0px 0px; margin-bottom:0px; height: 475px;} .mCustomScrollBox, #mCSB_1_container{overflow:visible;} .trailer-section .default-tab-box .tab-btns .tab-btn{position:relative; display:block; cursor:pointer; margin-bottom:0px; padding-left:var(--padding-lef-30); padding-right:var(--padding-right-10); transition:all 500ms ease;} .trailer-section .default-tab-box .tabs-content{position:relative; padding-right:var(--padding-right-50);} .trailer-section .default-tab-box .tabs-content .tab{position:relative; display:none; padding:var(--padding-zero);} .trailer-section .default-tab-box .tabs-content .tab.active-tab{display:block;} .video-block-two{position:relative; margin-bottom:var(--margin-bottom-25);} .video-block-two .inner-box{position:relative;} .video-block-two .inner-box .image{position:relative; border-radius:3px; overflow:hidden;} .video-block-two .inner-box .image img{position:relative; width:100%; display:block;} .video-block-two .inner-box .image .overlay-box{position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.10);} .video-block-two .inner-box .video-box{position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 45px; overflow:hidden; z-index:2; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease;} .video-block-two .inner-box .video-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.50; background-color:var(--main-color-two);} .video-block-two .inner-box .video-box span{position: absolute; width:68px; height: 68px; left:50%; top: 50%; z-index:10; display: inline-block; margin-top: -34px; margin-left:-34px;} .video-block-two .inner-box .lower-content{position:relative; padding-top:var(--padding-top-20);} .video-block-two .inner-box h6{font-weight:600; color:var(--white-color);} .video-block-two .inner-box .name{position:relative; font-weight:400; font-size:var(--font-14); color:var(--white-color); margin-top:var(--margin-top-5);} .video-block-three{position:relative;} .video-block-three .inner-box{position:relative;} .video-block-three .inner-box .image{position:relative; overflow:hidden;} .video-block-three .inner-box .image img{position:relative; width:100%; display:block; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .video-block-three .inner-box:hover .image img{transform:scale(1.05,1.05);} .video-block-three .inner-box .image:before{position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1;} .video-block-three .inner-box:hover .image::before{-webkit-animation: shine 1s; animation: shine 1s;} .video-block-three .inner-box .image .video-box{position: absolute; width:116px; height: 116px; left:50%; top: 50%; z-index:10; font-weight:400; display: inline-block; margin-top: -85px; margin-left:-58px;} .video-block-three .inner-box .lower-content{position:absolute; left:0px; bottom:0px; right:0px; padding:25px 30px;} .video-block-three .inner-box .lower-content:before{position:absolute; content:""; left:0px; bottom:0px; right:0px; top:0px; opacity:0.50; background-color:#01274e;} .video-block-three .inner-box .lower-content .content{position:relative; padding-left:var(--padding-left-85);} .video-block-three .inner-box .lower-content .content .movie-image{position:absolute; left:0px; top:8px; width:70px; height:40px;} .video-block-three .inner-box h6{font-weight:600; color:var(--white-color);} .video-block-three .inner-box h6 a{color:var(--white-color);} .video-block-three .inner-box h6 a:hover{color:var(--main-color);} .video-block-three .inner-box .category{position:relative; font-size:var(--font-14); color:var(--white-color); margin-top:var(--margin-top-5);} .video-block-three .inner-box .rating{position:relative; color:var(--white-color); font-size:var(--font-15); margin-top:var(--margin-top-15);} .video-block-three .inner-box .rating .fa{position:relative; color:#ffba01; margin-right:2px;} .register-section{position:relative; padding:100px 0px 100px;} .register-section .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .register-section .image-column .inner-column{position:relative;} .register-section .image-column .image{position:relative; overflow:hidden;} .register-section .image-column .image:before{position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1;} .register-section .image-column .image:hover::before{-webkit-animation: shine 1s; animation: shine 1s;} @-webkit-keyframes shine {100% {left: 125%;}} @keyframes shine {100% {left: 125%;}} .register-section .image-column .image img{position:relative; width:100%; display:block;} .register-section .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .register-section .content-column .inner-column{position:relative; padding-left:var(--padding-left-40);} .register-section .avatar-image{position:relative; margin-top:var(--margin-top-50);} .testimonial-section-two{position:relative; padding:100px 0px 80px; background-color:#01274e;} .testimonial-section-two .owl-dots, .testimonial-section-two .owl-nav{display:none;} .testimonial-block-two{position:relative; margin-bottom:var(--margin-bottom-30);} .testimonial-block-two .inner-box{position:relative; padding:45px 40px; background-color:var(--main-color-three);} .testimonial-block-two .inner-box .quote{position:absolute; right:40px; top:50px; opacity:0.20; line-height:1em; font-size:var(--font-60); color:var(--main-color); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .testimonial-block-two .inner-box:hover .quote{opacity:1;} .testimonial-block-two .inner-box .image{position:relative; width:80px; height:80px; border-radius:50%; overflow:hidden; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .testimonial-block-two .inner-box:hover .image{-webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg);} .testimonial-block-two .inner-box .text{position:relative; line-height:1.7em; color:var(--white-color); font-size:var(--font-16); margin-top:var(--margin-top-30);} .testimonial-block-two .inner-box h6{font-weight:600; color:var(--white-color); margin-top:var(--margin-top-25);} .testimonial-block-two .inner-box .designation{position:relative; margin-top:2px; font-size:var(--font-14); color:var(--white-color);} .celebrities-section{position:relative; padding:100px 0px 70px;} .celebrity-block{position:relative; margin-bottom:var(--margin-bottom-30);} .celebrity-block .inner-box{position:relative; padding-left:300px; min-height:423px; background-color:#01274e;} .celebrity-block .inner-box .image{position:absolute; left:0px; top:0px; width:300px; overflow:hidden; background-color:var(--main-color);} .celebrity-block .inner-box .image img{width:100%; display:block; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .celebrity-block .inner-box:hover .image img{opacity:0.8; transform:scale(1.05,1.05); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;} .celebrity-block .inner-box .image:before{position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1;} .celebrity-block .inner-box:hover .image::before{-webkit-animation: shine 1s; animation: shine 1s;} .celebrity-block .inner-box .content{position:relative; padding:35px 35px;} .celebrity-block .inner-box h3{margin-bottom:var(--margin-bottom-15);} .celebrity-block .inner-box h3 a{position:relative; color:var(--white-color);} .celebrity-block .inner-box h3 a:hover{color:var(--main-color);} .celebrity-block .inner-box p{position:relative; font-size:var(--font-15); color:var(--white-color); margin-bottom:var(--margin-bottom-15);} .celebrity-block .inner-box .btn-box{margin-top:var(--margin-top-25);} .celebrity-block-two{position:relative; margin-bottom:var(--margin-bottom-20);} .celebrity-block-two .inner-box{position:relative; padding-left:160px; min-height:125px; background-color:#01274e;} .celebrity-block-two .inner-box .image{position:absolute; left:0px; top:0px; width:160px; overflow:hidden; background-color:var(--main-color);} .celebrity-block-two .inner-box .image img{width:100%; display:block; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .celebrity-block-two .inner-box:hover .image img{opacity:0.8;} .celebrity-block-two .inner-box .image:before{position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1;} .celebrity-block-two .inner-box:hover .image::before{-webkit-animation: shine 1s; animation: shine 1s;} .celebrity-block-two .inner-box .content{position:relative; padding:34px 25px;} .celebrity-block-two .inner-box h5{font-weight:600; margin-bottom:var(--margin-bottom-5);} .celebrity-block-two .inner-box h5 a{position:relative; color:var(--white-color);} .celebrity-block-two .inner-box h5 a:hover{color:var(--main-color);} .celebrity-block-two .inner-box .category{position:relative; font-size:var(--font-15); color:var(--white-color);} .news-section-two{position:relative; margin-bottom:-95px; padding:100px 0px 170px; background-color:#01274e;} .news-block-three{position:relative; margin-bottom:var(--margin-bottom-30);} .news-block-three .inner-box{position:relative; border-radius:5px; padding:25px 25px 28px; background-color:var(--main-color-three);} .news-block-three .inner-box .image{position:relative; overflow:hidden; background-color:var(--main-color);} .news-block-three .inner-box .image img{position:relative; width:100%; display:block; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .news-block-three .inner-box:hover .image img{opacity:0.70; transform:scale(1.06,1.06) rotate(3deg);} .news-block-three .lower-content{position:relative; padding-top:var(--padding-top-25);} .news-block-three .post-meta{position:relative; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-three .post-meta li{position:relative; font-weight:400; display:inline-block; font-size:var(--font-15); color:var(--white-color); margin-right:var(--margin-right-10); padding-left:var(--padding-left-25); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-three .post-meta li .icon{position:absolute; left:0px; top:1px; color:var(--main-color); font-size:var(--font-15); margin-right:var(--margin-right-5);} .news-block-three .post-meta li:last-child{margin-right:var(--margin-zero);} .news-block-three .inner-box h5{font-weight:600; padding-top:var(--padding-top-15); padding-bottom:var(--padding-bottom-20);} .news-block-three .inner-box h5 a{color:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .news-block-three .inner-box h5 a:hover{color:var(--main-color);} .news-block-three .inner-box .theme-btn{font-size:var(--font-15); padding:10px 35px 10px;} .main-slider-three{position:relative; background-color:var(--white-color);} .main-slider-three .icons-outer{position:absolute; left:0px; top:0px; right:0px; bottom:0px;} .main-slider-three .icon-layer-one{position:absolute !important; left:6% !important; top:30% !important; width:72px; height:140px; background-repeat:no-repeat;} .main-slider-three .icon-layer-two{position:absolute !important; left:47% !important; top:70% !important; width:139px; height:70px; background-repeat:no-repeat;} .main-slider-three .rev_slider li.tp-revslider-slidesli{background-position:left bottom;} .main-slider-three .tp-caption{z-index:5 !important;} .main-slider-three .tp-dottedoverlay{background:none !important;} .main-slider-three h1{font-size:var(--font-70); color: var(--main-color-two);} .main-slider-three .text{color: #64676c; font-size: var(--font-18);} .main-slider-three .btns-box{position:relative;} .main-slider-three .content-image{overflow:hidden; border-radius:0px 0px 0px 220px;} .main-slider-three .tp-bannertimer, .main-slider-three .tp-bullets{display:none !important;} .main-slider-three .metis.tparrows{display:none;} .experiance-section{position:relative; padding:110px 0px 70px;} .experiance-section .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .experiance-section .image-column .row{margin:0px -12px;} .experiance-section .image-column .column{padding:0px 12px;} .experiance-section .image-column .inner-column{position:relative;} .experiance-section .image-column .image{position:relative; border-radius:5px; overflow:hidden; margin-bottom:var(--margin-bottom-25);} .experiance-section .image-column .image img{position:relative; width:100%; display:block;} .experiance-section .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .experiance-section .content-column .sec-title{margin-bottom:var(--margin-bottom-25);} .experiance-section .content-column .inner-column{position:relative; padding-top:var(--padding-top-20); padding-left:var(--padding-left-35);} .experiance-section .content-column .bold-text{position:relative; color:#64676c; line-height:1.7em; font-size:var(--font-18); margin-bottom:var(--margin-bottom-20);} .experiance-section .content-column .text{position:relative; color:#64676c; line-height:1.7em; font-size:var(--font-16);} .experiance-section .content-column .button-box{position:relative; margin-top:var(--margin-top-40);} .experiance-section .image-column .overlay-box{position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; overflow:hidden; z-index:1;} .experiance-section .image-column .border-one{position:absolute; left:50px; top:25px; right:50px; bottom:45px; border-radius:50%; border:2px dashed var(--white-color);} .experiance-section .image-column .border-two{position:absolute; left:120px; top:95px; right:120px; bottom:115px; border-radius:50%; border:2px dashed var(--white-color);} .experiance-section .image-column .border-three{position:absolute; left:180px; top:150px; right:180px; bottom:170px; border-radius:50%; border:2px dashed var(--white-color);} .experiance-section .image-column .overlay-box .play{position: absolute; width:70px; height: 70px; left:50%; top: 50%; z-index:10; color: var(--white-color); font-weight:400; font-size:var(--font-18); text-align: center; padding-left:4px; display: inline-block; margin-top: -35px; margin-left:-35px; line-height:64px; border-radius:50%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; border:3px solid var(--white-color); background: var(--main-color-four); background: -webkit-linear-gradient(to bottom, var(--main-color-four) 0%, var(--main-color-five) 100%); background: -moz-linear-gradient(to bottom, var(--main-color-four) 0%, var(--main-color-five) 100%); background: linear-gradient(to bottom, var(--main-color-four) 0%, var(--main-color-five) 100%);} .experiance-section .image-column .overlay-box .ripple, .experiance-section .image-column .overlay-box .ripple:before, .experiance-section .image-column .overlay-box .ripple:after {position: absolute; top: 50%; left: 50%; width:70px; height: 70px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite;} .experiance-section .image-column .overlay-box .ripple:before {-webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute;} .experiance-section .image-column .overlay-box .ripple:after {-webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute;} .business-section{position:relative; padding:0px 0px 70px;} .business-section .content-column .button-box{position:relative; margin-top:var(--margin-top-30);} .business-section .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .business-section .content-column .sec-title{margin-bottom:var(--margin-bottom-25);} .business-section .content-column .inner-column{position:relative; padding-top:var(--padding-top-50);} .business-section .content-column .bold-text{position:relative; color:#64676c; line-height:1.7em; font-size:var(--font-18); margin-bottom:var(--margin-bottom-20);} .business-section .content-column .text{position:relative; color:#64676c; line-height:1.7em; font-size:var(--font-16);} .business-section .blocks-column{position:relative; margin-bottom:var(--margin-bottom-30);} .business-section .blocks-column .inner-column{position:relative; padding-left:var(--padding-left-60);} .business-section .blocks-column .feature-block-two:nth-child(2n + 0){transform:translateY(30px);} .feature-block-two{position:relative; margin-bottom:var(--margin-bottom-30);} .feature-block-two .inner-box{position:relative; text-align:center; padding:40px 20px 40px; border-radius:6px; overflow:hidden; box-shadow:0px 0px 30px rgba(0,0,0,0.07);} .feature-block-two .inner-box .overlay-link{position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:1;} .feature-block-two .inner-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0; background: var(--main-color-four); background: -webkit-linear-gradient(to right, var(--main-color-four) 0%, var(--main-color-five) 100%); background: -moz-linear-gradient(to right, var(--main-color-four) 0%, var(--main-color-five) 100%); background: linear-gradient(to right, var(--main-color-four) 0%, var(--main-color-five) 100%); transform:scale(0.2,1); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-two .inner-box:hover::before{opacity:1; transform:scale(1,1);} .feature-block-two .inner-box .icon{position:relative; line-height:1em; display:inline-block; font-size:var(--font-60); color:var(--main-color-four); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-two .inner-box:hover .icon{color:var(--white-color); -webkit-transform: scaleY(-1) rotate(180deg); -moz-transform: scaleY(-1) rotate(180deg); -ms-transform: scaleY(-1) rotate(180deg); -o-transform: scaleY(-1) rotate(180deg); transform: scaleY(-1) rotate(180deg);} .feature-block-two .inner-box h5{font-weight:600; margin-top:var(--margin-top-15); color:var(--main-color-three); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .feature-block-two .inner-box:hover h5{color:var(--white-color);} .pricing-section-three{position:relative; padding:110px 0px 230px; background-color:#fafafa;} .price-block-three{position:relative; margin-bottom:var(--margin-bottom-30);} .price-block-three .inner-box{position:relative; background-color:var(--white-color);} .price-block-three .inner-box .upper-box{position:relative; text-align:center; padding:60px 30px 50px;} .price-block-three .inner-box .title{position:relative; color:#64676c; font-size:var(--font-16);} .price-block-three .inner-box h4{color:var(--main-color-three); margin-top:var(--margin-top-15);} .price-block-three .inner-box .price{position:relative; text-align:center; padding:25px 15px; font-weight:700; line-height:1.2em; color:var(--main-color-four); font-size:var(--font-30); background-color:#fafafa;} .price-block-three .inner-box .price sub{position:relative; color:#64676c; font-weight:500; font-size:var(--font-16);} .price-block-three .inner-box .lower-box{position:relative; text-align:center; padding:60px 30px 60px;} .price-block-three .inner-box .options-list{position:relative;} .price-block-three .inner-box .options-list li{position:relative; color:#64676c; font-size:var(--font-16); margin-bottom:var(--margin-bottom-20);} .price-block-three .inner-box .options-list li:last-child{margin:var(--margin-zero);} .price-block-three .inner-box .button-box{position:relative; margin-top:var(--margin-top-55);} .cta-section-two{position:relative; z-index:1; margin-top:-125px;} .cta-section-two .inner-container{position:relative; overflow:hidden; background-size:cover; padding:80px 50px 40px; border-radius:0px 45px 0px 45px;} .cta-section-two .inner-container::before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.90; background: var(--main-color-four); background: -webkit-linear-gradient(to bottom, var(--main-color-four) 0%, var(--main-color-five) 100%); background: -moz-linear-gradient(to bottom, var(--main-color-four) 0%, var(--main-color-five) 100%); background: linear-gradient(to bottom, var(--main-color-four) 0%, var(--main-color-five) 100%);} .cta-section-two .title-column{position:relative; margin-bottom:var(--margin-bottom-30);} .cta-section-two .title-column .inner-column{position:relative;} .cta-section-two .title-column h3{font-size:var(--font-30); color:var(--white-color);} .cta-section-two .title-column .text{color:var(--white-color); margin-top:var(--margin-top-10);} .cta-section-two .form-column{position:relative; margin-bottom:var(--margin-bottom-20);} .cta-section-two .form-column .inner-column{position:relative; padding-top:var(--padding-top-25);} .email-form{position:relative;} .email-form .form-group{position:relative; display:block; margin-bottom:var(--margin-zero);} .email-form .form-group input[type="text"], .email-form .form-group input[type="email"]{position:relative; display:block; width:100%; height:66px; font-size:15px; line-height:26px; color:var(--dark-color); padding:10px 20px 10px 25px; border-radius:0px 8px 0px 8px; background:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .email-form .form-group button{position:absolute; right:5px; top:5px;} .testimonials-thumbs-carousel{position:relative; padding:100px 0px 110px;} .testimonials-thumbs-carousel .carousel-control-prev{position:absolute; left:0px; top:auto; bottom:-70px; font-size:var(--font-28); color:var(---main-color-three); width:50px; height:50px; opacity:1; line-height:58px; text-align:center; border-radius:50px; font-weight:700; display:inline-block; margin:0px 15px 0px 0px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .testimonials-thumbs-carousel .carousel-control-prev:before{position:absolute; content: ""; left:0px; top:0px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50px; font-family: "flaticon";} .testimonials-thumbs-carousel .carousel-control-next{position:absolute; left:65px; top:auto; bottom:-70px; font-size:var(--font-28); color:var(---main-color-three); width:50px; height:50px; opacity:1; line-height:58px; text-align:center; border-radius:50px; font-weight:700; display:inline-block; margin:0px 15px 0px 0px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .testimonials-thumbs-carousel .carousel-control-next:before{position:absolute; content: ""; left:0px; top:0px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50px; font-family: "flaticon";} .testimonials-thumbs-carousel .carousel-control-prev span, .testimonials-thumbs-carousel .carousel-control-next span{background:none;} .testimonials-thumbs-carousel .carousel-control-prev:hover, .testimonials-thumbs-carousel .carousel-control-next:hover{color:var(--white-color); background-color:var(--main-color-four);} .testimonials-thumbs-carousel .carousel-column{position:relative;} .testimonials-thumbs-carousel .carousel-column .inner-column{position:relative; padding-top:var(--padding-top-120);} .testimonials-thumbs-carousel .pagers-column{position:relative;} .testimonials-thumbs-carousel .pagers-column .inner-column{position:relative;} .testimonials-thumbs-carousel .pagers-column .circle-one{position:absolute; left:40px; top:40px; right:40px; bottom:40px; border-radius:50%; border:2px dashed #ebebeb;} .testimonials-thumbs-carousel .pagers-column .circle-two{position:absolute; left:140px; top:140px; right:140px; bottom:140px; border-radius:50%; border:2px dashed #ebebeb;} .testimonials-thumbs-carousel .pagers-column .circle-three{position:absolute; left:210px; top:210px; right:210px; bottom:210px; border-radius:50%; border:2px dashed #ebebeb;} .testimonials-thumbs-carousel .carousel-indicators{position:relative; display:block; max-width:100%; margin:0px; height:560px; bottom:0px; overflow:hidden;} .testimonials-thumbs-carousel .carousel-indicators li{position: relative; width: 80px; height: 80px; text-indent:0; overflow:hidden; border-radius:50px; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -moz-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:2px solid var(--main-color-four);} .testimonials-thumbs-carousel .carousel-indicators li:first-child{position:absolute; left:0px; top:50%; margin-top:-40px;} .testimonials-thumbs-carousel .carousel-indicators li:nth-child(2){position:absolute; left:50%; top:0px; margin-left:-40px;} .testimonials-thumbs-carousel .carousel-indicators li:nth-child(3){position:absolute; right:0px; top:50%; margin-top:-40px;} .testimonials-thumbs-carousel .carousel-indicators li:nth-child(4){position:absolute; left:50%; bottom:0px; margin-left:-40px;} .testimonials-thumbs-carousel .carousel-indicators li:nth-child(5){position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px;} .testimonial-block-three{position:relative;} .testimonial-block-three .inner-box{position:relative;} .testimonial-block-three .inner-box .text{position:relative; color:#717b9b; font-size:16px;} .testimonial-block-three .inner-box .author{position:relative; font-weight:600; font-size:var(--font-22); color:var(--main-color-two); margin-top:var(--margin-top-40); text-transform:uppercase;} .testimonial-block-three .inner-box .author span{position:relative; font-weight:400; color:#64676c; font-size:var(--font-16); text-transform:capitalize; margin-left:var(--margin-left-10);} .news-section-three{position:relative; margin-bottom:-95px; padding:100px 0px 170px; background-color:#fafafa;} .news-block-four{position:relative; margin-bottom:var(--margin-bottom-30);} .news-block-four .inner-box{position:relative; border-radius:5px; background-color:var(--white-color);} .news-block-four .inner-box .image{position:relative; overflow:hidden;} .news-block-four .inner-box .image::before{position: absolute; top: 50%; left: 50%; z-index: 1; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255,.2); border-radius: 0%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;} .news-block-four .inner-box:hover .image::before {-webkit-animation: circle .95s; animation: circle .95s;} @-webkit-keyframes circle {0% {opacity: 1;} 40% {opacity: 1;} 100% {width: 200%; height: 200%; opacity: 0;}} @keyframes circle {0% {opacity: 1;} 40% {opacity: 1;} 100% {width: 200%; height: 200%; opacity: 0;}} .news-block-four .inner-box .image img{position:relative; width:100%; display:block; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .news-block-four .inner-box:hover .image img{transform:scale(1.06,1.06) rotate(3deg);} .news-block-four .lower-content{position:relative; padding:25px 25px;} .news-block-four .post-meta{position:relative; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-four .post-meta li{position:relative; font-weight:400; display:inline-block; font-size:var(--font-15); color:#64676c; margin-right:var(--margin-right-10); padding-left:var(--padding-left-25); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-four .post-meta li .icon{position:absolute; left:0px; top:1px; color:#64676c; font-size:var(--font-15); margin-right:var(--margin-right-5);} .news-block-four .post-meta li:last-child{margin-right:var(--margin-zero);} .news-block-four .inner-box h5{font-weight:600; padding-bottom:var(--padding-bottom-15);} .news-block-four .inner-box h5 a{color:var(--main-color-two); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .news-block-four .inner-box h5 a:hover{color:var(--main-color-four);} .author-slider-section{position:relative;} .author-slider-section .pattern-layer{position:absolute; left:0px; bottom:0px; z-index:2;} .author-slider-block{position:relative; overflow:hidden; padding:250px 0px 180px; background-size:cover;} .author-slider-block .inner-box{position:relative; z-index:3;} .author-slider-block:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.70; background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .author-slider-block .inner-box .title{position:relative; opacity: 0; padding:12px 20px 12px 0px; font-size:var(--font-16); color:var(--white-color); display:inline-block; font-weight:700; border-radius:0px 7px 7px 0px; background: var(--main-color-six); font-family:var(--font-family-Sen); background: -webkit-linear-gradient(to left, var(--main-color-six) 0%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(to left, var(--main-color-six) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to left, var(--main-color-six) 0%, rgba(255,255,255,0) 100%); transform: translateX(180px); -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease;} .author-slider-section .active .title{opacity:1; transform: translateX(0px);} .author-slider-block .inner-box h1{opacity:0; line-height:1em; color:var(--white-color); margin-top:var(--margin-top-25); font-family:var(--font-family-Sen); transform: translateX(180px); -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease;} .author-slider-section .active h1{opacity:1; transform: translateX(0px); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;} .author-slider-block .inner-box .text{opacity:0; font-weight:500; line-height:1.7em; color:var(--white-color); font-size:var(--font-16); margin-top:var(--margin-top-35); margin-bottom:var(--margin-bottom-40); font-family:var(--font-family-DM-Sans); transform: translateX(180px); -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease;} .author-slider-section .active .text{opacity:1; transform: translateX(0px); -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms;} .author-slider-block .inner-box .options-box{position:relative; opacity:0; transform: translateX(180px); -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease;} .author-slider-section .active .options-box{opacity:1; transform: translateX(0px); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms;} .author-slider-block .inner-box .play-box{position:relative;} .author-slider-block .inner-box .play-box .fa{position:relative; width:56px; height:56px; float:left; max-width:56px; line-height:54px; border-radius:50px; margin-top:3px; display:inline-block; color:var(--white-color); font-size:var(--font-18); text-align:center !important; margin-left:var(--margin-left-30); border:2px solid var(--white-color);} .author-slider-block .inner-box .play-box i{position:relative; font-style:normal; font-weight:600; display:inline-block; font-size:var(--font-20); color:var(--white-color); padding-top:var(--padding-top-20); font-family:var(--font-family-Sen); margin-left:var(--margin-left-20);} .author-slider-section .client-thumb-outer{position:absolute; right:30px; bottom:30px; width:100%; max-width:330px; overflow:hidden;} .author-slider-section .client-thumb-outer .owl-item.active .thumb-item .thumb-box{z-index:999;} .author-slider-section .client-thumb-outer .owl-item.active .thumb-item .author-info{opacity:1;} .author-slider-section .client-thumb-outer .client-thumbs-carousel{position: relative; max-width: 90px; margin: 0 auto; text-align:center;} .author-slider-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{overflow:visible;} .author-slider-section .client-thumb-outer .thumb-item .thumb-box{width:90px; height:90px; cursor:pointer; border-radius:50%; margin: 0 auto; overflow:hidden; border:3px solid var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; transform:scale(0.9,0.9);} .author-slider-section .client-thumb-outer .owl-item{z-index:0;} .author-slider-section .client-thumb-outer .owl-item.active .thumb-box{border-color:var(--main-color-seven); transform:scale(1.03,1.03);} .author-slider-section .client-thumb-outer .client-thumbs-carousel .thumb-item img{overflow:hidden; width:100%; height:100%; display:block; border-radius:0%;} .author-slider-section .owl-nav, .author-slider-section .owl-dots{display:none;} .featured-section-two{position:relative; overflow:hidden; padding:110px 0px 80px; background-color:#f9f9f9; background-position:left top; background-repeat:no-repeat;} .featured-section-two .pattern-layer{position:absolute; right:0px; top:280px; width:411px; height:100%; transform:rotate(-20deg); background-repeat:no-repeat;} .featured-section-two .pattern-layer-two{position:absolute; left:50%; bottom:40px; width:192px; height:149px; margin-left:-75px; background-repeat:no-repeat;} .feature-block-three{position:relative; margin-bottom:var(--margin-bottom-30);} .feature-block-three .inner-box{position:relative; padding:35px 15px; border-radius:6px; text-align:center; border:2px solid #EAEAEA; background-color:var(--white-color); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-three .inner-box:hover{border-color:var(--white-color); box-shadow:0px 0px 20px rgba(0,0,0,0.10);} .feature-block-three .inner-box .icon-box{position:relative; width:60px; height:60px; display:block; margin:0 auto; text-align:center; border-radius:50px; line-height:60px; background-color:var(--main-color-eight); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-three .inner-box:hover .icon-box{transform:rotateY(180deg); background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .feature-block-three .inner-box .icon{position:relative; font-size:var(--font-30); color:var(--main-color-six); background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-three .inner-box:hover .icon{color:var(--white-color); -webkit-text-fill-color: inherit;} .feature-block-three .inner-box h4{letter-spacing:-1px; font-family:var(--font-family-Sen); margin-top:var(--margin-top-20);} .feature-block-three .inner-box h4 a{color:var(--dark-color-four);} .feature-block-three .inner-box:hover h4 a{color:var(--main-color-seven);} .feature-block-three .inner-box .text{position:relative; color:#666666; line-height:1.6em; padding:0px 10px; font-size:var(--font-16); margin-top:var(--margin-top-15); margin-bottom:var(--margin-bottom-20); font-family:var(--font-family-DM-Sans);} .feature-block-three .inner-box .plus{position:relative; width:40px; height:40px; margin:0 auto; line-height:40px; border-radius:50px; display:inline-block; font-size:var(--font-16); background-color:var(--main-color-eight); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-three .inner-box .plus span{position:relative; font-weight:700; color:var(--main-color-six); background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-three .inner-box:hover .plus span{color:var(--white-color); background-image:none; -webkit-text-fill-color: inherit;} .feature-block-three .inner-box:hover .plus{-webkit-transform: scaleY(-1) rotate(180deg); -moz-transform: scaleY(-1) rotate(180deg); -ms-transform: scaleY(-1) rotate(180deg); -o-transform: scaleY(-1) rotate(180deg); transform: scaleY(-1) rotate(180deg); background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .about-section{position:relative; padding:0px 0px 280px; background-color:#f9f9f9; background-position:left bottom; background-repeat:no-repeat;} .about-section .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .about-section .image-column .inner-column{position:relative; z-index:1;} .about-section .image-column .image{position:relative; text-align:center;} .about-section .image-column .pattern-layer{position:absolute; left:20px; top:60px; width:100px; height:100px; opacity:0.20; z-index:-1; opacity:0.20 !important;} .about-section .image-column .color-layer{position:absolute; right:32px; top:75px; width:176px; height:164px; border-radius:0px 20px 0px 0px; background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .about-section .image-column .color-layer-two{position:absolute; right:80px; top:120px; left:70px; bottom:0px; border-radius:0px 30px 0px 80px; background-color:#E5E5E5;} .about-section .image-column .mb-box{position:absolute; right:0px; bottom:-40px; width:166px; height:166px; text-align:center; border-radius:50%; padding-top:var(--padding-top-30); background-color:var(--main-color-six); border:12px solid var(--white-color);} .about-section .image-column .title{position:relative; font-weight:500; font-size:var(--font-16); color:var(--white-color); font-family:var(--font-family-DM-Sans);} .about-section .image-column .title span{position:relative; font-weight:700; display:block; font-size:var(--font-24); font-family:var(--font-family-Sen);} .about-section .image-column .text{position:relative; font-weight:400; letter-spacing:0px; font-size:var(--font-12); color:var(--white-color); margin-top:var(--margin-top-5);} .about-section .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .about-section .content-column .inner-column{position:relative; padding-left:var(--padding-left-20); padding-top:var(--padding-top-110);} .about-section .content-column .sec-title-three{margin-bottom:var(--margin-bottom-25);} .about-section .content-column .text{position:relative; color:#666666; font-size:16px; line-height:1.7em; font-family:var(--font-family-DM-Sans);} .about-section .content-column .button-box{margin-top:var(--margin-top-40);} .cta-section-three{position:relative; z-index:1; margin-top:-135px;} .cta-section-three .inner-container{position:relative; padding:55px 50px 10px; border-radius:10px; background-color:var(--main-color-six); background-position:right bottom; background-repeat:no-repeat;} .cta-section-three .button-box{margin-top:var(--margin-top-55);} .services-section-four{position:relative; margin-top:-136px; padding:270px 0px 50px; background-color:#010048; background-position:left bottom; background-repeat:no-repeat;} .services-section-four .pattern-layer{position:absolute; right:0px; bottom:0px; width:100%; height:638px; opacity:0.80; background-position:right bottom; background-repeat:no-repeat;} .services-section-four .title-column{position:relative; margin-bottom:var(--margin-bottom-30);} .services-section-four .title-column .inner-column{position:relative; padding-top:var(--padding-top-200);} .services-section-four .blocks-column{position:relative; margin-bottom:var(--margin-bottom-30);} .services-section-four .blocks-column .inner-column{position:relative;} .feature-block-four{position:relative; margin-bottom:var(--margin-bottom-30);} .feature-block-four .inner-box{position:relative; padding:35px 15px; border-radius:6px; text-align:center; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-four .inner-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.10; border-radius:6px; background-color:var(--white-color);} .feature-block-four .inner-box:hover{border-color:var(--white-color); box-shadow:0px 0px 20px rgba(0,0,0,0.10);} .feature-block-four .inner-box .icon-box{position:relative; width:60px; height:60px; display:block; margin:0 auto; text-align:center; line-height:60px; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-four .inner-box .icon-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.10; border-radius:50%; background-color:var(--white-color); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-four .inner-box:hover .icon-box::before{opacity:1; transform:rotateY(180deg); background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .feature-block-four .inner-box .icon{position:relative; font-size:var(--font-30); color:var(--main-color-six); background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-four .inner-box:hover .icon{color:var(--white-color); -webkit-text-fill-color: inherit;} .feature-block-four .inner-box h5{letter-spacing:-1px; font-family:var(--font-family-Sen); margin-top:var(--margin-top-25);} .feature-block-four .inner-box h5 a{color:var(--white-color);} .feature-block-four .inner-box:hover h5 a{color:var(--main-color-seven);} .feature-block-four .inner-box .text{position:relative; color:var(--white-color); line-height:1.6em; padding:0px 10px; font-size:var(--font-16); margin-top:var(--margin-top-15); margin-bottom:var(--margin-bottom-25); font-family:var(--font-family-DM-Sans);} .feature-block-four .inner-box .plus{position:relative; width:40px; height:40px; margin:0 auto; line-height:40px; border-radius:50px; display:inline-block; font-size:var(--font-16); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-four .inner-box .plus:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.10; border-radius:50%; background-color:var(--white-color); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-four .inner-box .plus span{position:relative; font-weight:700; color:var(--main-color-six); background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .feature-block-four .inner-box:hover .plus span{color:var(--white-color); background-image:none; -webkit-text-fill-color: inherit;} .feature-block-four .inner-box:hover .plus{-webkit-transform: scaleY(-1) rotate(180deg); -moz-transform: scaleY(-1) rotate(180deg); -ms-transform: scaleY(-1) rotate(180deg); -o-transform: scaleY(-1) rotate(180deg); transform: scaleY(-1) rotate(180deg); background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .pricing-section-four{position:relative; padding:110px 0px 70px; background-color:#fafafa; background-position:left top; background-repeat:no-repeat;} .price-block-four{position:relative; margin-bottom:var(--margin-bottom-30);} .price-block-four .inner-box{position:relative; padding:35px 40px; border-radius:10px; overflow:hidden; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10); background-position:center bottom; background-repeat:no-repeat;} .price-block-four .inner-box:before{position:absolute; content:""; left:0px; top:0px; width:30%; bottom:0px; opacity:0; background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .price-block-four .inner-box:hover::before{opacity:1; width:100%;} .price-block-four .inner-box .pattern-layer{position:absolute; right:0px; top:0px; width:337px; height:329px; background-repeat:no-repeat;} .price-block-four .inner-box h4{color:#666666; font-family:var(--font-family-Sen); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .price-block-four .inner-box:hover h4, .price-block-four .inner-box:hover .price, .price-block-four .inner-box:hover .price-list li{color:var(--white-color);} .price-block-four .inner-box .price{position:relative; font-weight:700; line-height:1em; font-size:var(--font-48); color:var(--dark-color-four); margin-top:var(--margin-top-10); font-family:var(--font-family-Sen); margin-bottom:var(--margin-bottom-20); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .price-block-four .inner-box .price span{position:relative; font-size:var(--font-16);} .price-block-four .inner-box .price-list{position:relative;} .price-block-four .inner-box .price-list li{position:relative; color:#666666; font-size:var(--font-16); padding-left:var(--padding-left-25); margin-bottom:var(--margin-bottom-10); font-family:var(--font-family-DM-Sans); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .price-block-four .inner-box .price-list li:before{position:absolute; content:""; left:0px; top:5px; width:10px; height:10px; border-radius:50px; background-color:var(--main-color-six); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .price-block-four .inner-box:hover .price-list li:before{background-color:var(--white-color);} .price-block-four .inner-box .button-box{margin-top:var(--margin-top-30);} .price-block-four .inner-box:hover .btn-style-ten::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .price-block-four .inner-box:hover .btn-style-ten .txt{color:var(--dark-color-four);} .area-section{position:relative; padding:30px 0px 50px; background-color:#fafafa;} .area-section .title-column{position:relative; margin-bottom:var(--margin-bottom-30);} .area-section .title-column .inner-column{position:relative;} .area-section .title-column .phone-box{position:relative;} .area-section .title-column .phone-box .box-inner{position:relative; color:#666666; font-weight:700; font-size:var(--font-16); padding-left:var(--padding-left-80); font-family:var(--font-family-DM-Sans);} .area-section .title-column .phone-box .icon{position:absolute; left:0px; top:-4px; width:62px; height:62px; line-height:62px; border-radius:50px; text-align:center; font-size:var(--font-24); color:var(--white-color); display:inline-block; background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .area-section .title-column .phone-box a{position:relative; letter-spacing:-1px; font-size:var(--font-24); display:inline-block; margin-top:var(--margin-top-5); color:var(--dark-color-four); font-family:var(--font-family-Sen); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .area-section .title-column .phone-box a:hover{color:var(--main-color-seven);} .area-section .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .area-section .blocks-column .inner-column{position:relative;} .testimonial-section-three{position:relative; padding:20px 0px 80px; background-color:#fafafa; background-position:center bottom; background-repeat:no-repeat;} .testimonial-section-three .pattern-layer{position:absolute; right:0px; bottom:0px; width:100%; height:1009px; background-position:right bottom; background-repeat:no-repeat;} .testimonial-block-four{position:relative; margin-bottom:var(--margin-bottom-30);} .testimonial-block-four .inner-box{position:relative; text-align:center; padding:0px 25px 30px;} .testimonial-block-four .inner-box:before{position:absolute; content:""; left:0px; top:24px; right:0px; bottom:0px; border-radius:6px; background-color:var(--white-color); box-shadow:0px 0px 15px rgba(0,0,0,0.10);} .testimonial-block-four .inner-box .author-image{position:relative; margin:0 auto; width:48px; height:48px; margin:0 auto; overflow:hidden; border-radius:80px; box-shadow:0px 0px 25px rgba(0,0,0,0.10);} .testimonial-block-four .inner-box .text{position:relative; color:#666666; line-height:1.6em; font-style:italic; font-size:var(--font-16); margin-top:var(--margin-top-25); font-family:var(--font-family-DM-Sans);} .testimonial-block-four .inner-box h6{color:var(--dark-color-four); margin-top:var(--margin-top-15); font-family:var(--font-family-Sen);} .entertainment-section{position:relative; padding:110px 0px 80px; background-position:right center; background-repeat:no-repeat; background-color:var(--dark-color-four);} .entertainment-section .sec-title-three .button-box{margin-top:var(--margin-top-20);} .entertainment-section .pattern-layer{position:absolute; left:0px; bottom:0px; width:100%; height:532px; background-repeat:no-repeat;} .video-block-four{position:relative; margin-bottom:var(--margin-bottom-40);} .video-block-four .inner-box{position:relative;} .video-block-four .inner-box .image{position:relative; border-radius:5px; overflow:hidden;} .video-block-four .inner-box .image img{position:relative; width:100%; display:block;} .video-block-four .inner-box .image .rating{position:absolute; left:15px; top:15px; z-index:10; padding:4px 10px; border-radius:3px; font-weight:700; font-size:var(--font-16); color: var(--white-color); display:inline-block; font-family:var(--font-family-Sen); background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .video-block-four .inner-box .image .overlay-box{position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.50);} .video-block-four .inner-box .video-box{position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; overflow:hidden; line-height: 45px; overflow:hidden; z-index:2; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-position:center center;} .video-block-four .inner-box:hover .video-box{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;} .video-block-four .inner-box .video-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.70; background-color:var(--main-color-two);} .video-block-four .inner-box .video-box span{position: absolute; width:70px; height: 70px; left:50%; top: 50%; z-index:10; color: var(--white-color); font-weight:400; font-size:var(--font-20); text-align: center; padding-left:4px; display: inline-block; margin-top: -35px; margin-left:-35px; line-height:70px; border-radius:50%; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .video-block-four .inner-box .video-box .ripple, .video-block-four .inner-box .video-box .ripple:before, .video-block-four .inner-box .video-box .ripple:after {position: absolute; top: 50%; left: 50%; width:70px; height: 70px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite;} .video-block-four .inner-box .video-box .ripple:before {-webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute;} .video-block-four .inner-box .video-box .ripple:after {-webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute;} .video-block-four .inner-box .lower-content{position:relative; padding-top:var(--padding-top-20);} .video-block-four .inner-box h4{font-weight:700; font-family:var(--font-family-Sen);} .video-block-four .inner-box h4 a{position:relative; color:var(--white-color);} .video-block-four .inner-box h4 a:hover{color:var(--main-color-seven);} .video-block-four .inner-box .released{position:relative; font-weight:500; font-size:var(--font-16); color:var(--white-color); margin-top:var(--margin-top-5); font-family:var(--font-family-DM-Sans);} .video-block-four .inner-box .comments{position:relative; font-weight:500; font-size:var(--font-16); color:var(--white-color); margin-top:var(--margin-top-5); padding-left:var(--padding-left-25); font-family:var(--font-family-DM-Sans);} .video-block-four .inner-box .comments:before{position:absolute; content: ""; left:0px; top:0px; font-family: "Flaticon"; color:var(--main-color-six); background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .video-block-four.mix{display:none;} .news-section-four{position:relative; padding:100px 0px 280px; background-color:#fafafa;} .news-block-five{position:relative; margin-bottom:var(--margin-bottom-30);} .news-block-five .inner-box{position:relative;} .news-block-five .inner-box .image{position:relative; overflow:hidden;} .news-block-five .inner-box .image::before{position: absolute; top: 50%; left: 50%; z-index: 1; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255,.2); border-radius: 0%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;} .news-block-five .inner-box:hover .image::before {-webkit-animation: circle .95s; animation: circle .95s;} .news-block-five .inner-box .image img{position:relative; width:100%; display:block; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .news-block-five .inner-box:hover .image img{transform:scale(1.06,1.06) rotate(3deg);} .news-block-five .lower-content{position:relative; padding:25px 0px 0px;} .news-block-five .post-meta{position:relative; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-five .post-meta li{position:relative; font-weight:400; color:#666666; display:inline-block; font-size:var(--font-15); font-family:var(--font-family-DM-Sans); margin-right:var(--margin-right-15); padding-left:var(--padding-left-25); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-five .post-meta li:first-child{padding:var(--padding-zero);} .news-block-five .post-meta li a{color:var(--main-color-six); border-bottom:1px solid var(--main-color-six);} .news-block-five .post-meta li .icon{position:absolute; left:0px; top:0px; color:#666666; font-size:var(--font-15); margin-right:var(--margin-right-5);} .news-block-five .post-meta li:last-child{margin-right:var(--margin-zero);} .news-block-five .inner-box h4{font-weight:600; font-family:var(--font-family-Sen); padding-top:var(--padding-bottom-20); padding-bottom:var(--padding-bottom-20);} .news-block-five .inner-box h4 a{color:var(--black-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .news-block-five .inner-box h4 a:hover{color:var(--main-color-seven);} .news-block-five .inner-box .author-box{position:relative;} .news-block-five .inner-box .author-box .box-inner{position:relative; font-size:var(--font-16); color:var(--black-color); padding-top:var(--padding-top-5); padding-left:var(--padding-left-50); font-family:var(--font-family-Sen);} .news-block-five .inner-box .author-box .author-image{position:absolute; left:0px; top:0px; width:34px; height:34px; overflow:hidden; border-radius:50%;} .location-section{position:relative; margin-top:-180px; z-index:10;} .location-section .inner-container{position:relative; overflow:hidden; border-radius:10px; background-color:var(--main-color-six);} .location-section .info-column{position:relative;} .location-section .info-column .inner-column{position:relative; padding:55px 45px;} .location-section .info-column .info{position:relative;} .location-section .info-column .info li{position:relative; margin-bottom:var(--margin-bottom-35); padding-left:var(--padding-left-80);} .location-section .info-column .info li:last-child{margin-bottom:var(--margin-zero);} .location-section .info-column .info li strong{position:relative; font-size:var(--font-24); color:var(--white-color); font-family:var(--font-family-Sen);} .location-section .info-column .info li .icon{position:absolute; left:0px; top:0px; width:56px; height:56px; line-height:56px; border-radius:50px; text-align:center; display:inline-block; font-size:var(--font-24); color:var(--white-color); background-color:var(--white-color-opicity-three);} .location-section .info-column .info li i{position:relative; font-style:normal; display:block; color:#DFDFDF; font-size:var(--font-14); margin-top:var(--margin-top-5); font-family:var(--font-family-DM-Sans);} .location-section .map-column{position:relative;} .location-section .map-column .inner-column{position:static;} .location-section .map-column .map-outer{position:absolute; left:0px; top:0px; right:0px; bottom:0px;} .location-section .map-column iframe{position:absolute; left:0px; top:0px; width:100%; height:100%;} .main-slider-four{position:relative; overflow:hidden; text-align:center;} .main-slider-four .curve-layer{position:absolute; left:0px; right:0px; bottom:0px; width:100%; height:100%; z-index:1; background:url(../images/main-slider/pattern-1.png); background-position:center bottom; background-repeat:no-repeat;} .main-slider-four .tp-caption{z-index:5 !important;} .main-slider-four .tp-dottedoverlay{background:none !important;} .main-slider-four h2{line-height:1.15em; font-size:var(--font-56); color:var(--white-color); font-family:var(--font-family-Sen);} .main-slider-four h2 span{position:relative;} .main-slider-four h2 span:before{position:absolute; content:""; left:0px; top:0px;} .main-slider-four .text{font-weight:500; font-size:var(--font-16); color:var(--white-color); font-family:var(--font-family-DM-Sans);} .main-slider-four .button-box .theme-btn{display:inline-block;} .main-slider-four .play-box{position:relative; top:-20px; display:inline-block;} .main-slider-four .play-box .fa{position:relative; width:56px; height:56px; float:left; max-width:56px; line-height:54px; border-radius:50px; margin-top:3px; display:inline-block; color:var(--main-color-ten); font-size:var(--font-18); text-align:center !important; margin-left:var(--margin-left-30); border:2px solid var(--main-color-ten);} .main-slider-four .play-box i{position:relative; font-style:normal; font-weight:600; display:inline-block; font-size:var(--font-16); color:var(--white-color); padding-top:var(--padding-top-20); font-family:var(--font-family-Sen); margin-left:var(--margin-left-20);} .main-slider-four .tp-bannertimer, .main-slider-four .tp-bullets{display:none !important;} .services-section-five{position:relative; padding:110px 0px 70px;} .services-section-five .shadow-layer{position:absolute; right:0px; top:-150px; width:100%; height:1944px; background-position:right top; background-repeat:no-repeat;} .service-block-three{position:relative; z-index:1; margin-bottom:var(--margin-bottom-30);} .service-block-three .inner-box{position:relative; border-radius:10px; overflow:hidden; padding:40px 35px 45px; background-color:var(--dark-color-five);} .service-block-three .image-layer{position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-size:cover; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-position:center center;} .service-block-three .image-layer:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.90; background-color:var(--dark-color-five);} .service-block-three .inner-box:hover .image-layer{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;} .service-block-three .icon-box{position:relative; width:70px; height:70px; display:block; text-align:center; line-height:70px; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .service-block-three .inner-box .icon-box:before{position:absolute; content:""; left:0px; top:0px; right:0px; bottom:0px; opacity:0.10; border-radius:50%; background-color:var(--white-color); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .service-block-three .inner-box:hover .icon-box::before{opacity:1; transform:rotateY(180deg); background: var(--main-color-ten); background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);} .service-block-three .inner-box .icon{position:relative; font-size:var(--font-34); color:var(--main-color-ten); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .service-block-three .inner-box:hover .icon{color:var(--white-color); -webkit-text-fill-color: inherit;} .service-block-three .inner-box h4{font-family:var(--font-family-Sen); margin-top:var(--margin-top-30); margin-bottom:var(--margin-bottom-20);} .service-block-three .inner-box h4 a{color:var(--white-color);} .service-block-three .inner-box:hover h4 a{color:var(--main-color-ten);} .service-block-three .inner-box .list-options{position:relative; margin-bottom:var(--margin-bottom-30);} .service-block-three .inner-box .list-options li{position:relative; color:#B8B8B8; font-size:var(--font-18); line-height:1.5em; margin-bottom:var(--margin-bottom-10); padding-left:var(--padding-left-25); font-family:var(--font-family-DM-Sans);} .service-block-three .inner-box .list-options li:before{position:absolute; content: ""; left:0px; top:0px; font-family: "flaticon"; font-size:var(--font-14); color:var(--main-color-ten); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .service-block-three .inner-box .list-options li:last-child{margin-bottom:var(--margin-zero);} .service-block-three .inner-box .explore{position:relative; font-weight:700; font-size:var(--font-15); color:var(--white-color); padding-top:var(--padding-top-5); padding-left:var(--padding-left-60); font-family:var(--font-family-Sen); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .service-block-three .inner-box:hover .explore{color:var(--main-color-ten); padding-left:var(--padding-left-45);} .service-block-three .inner-box .explore .arrow{position:absolute; left:0px; top:-1px; width:30px; height:30px; padding:2px; z-index:1; border-radius:50%; text-align:center; line-height:28px; background: var(--main-color-ten); background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);} .service-block-three .inner-box .explore .arrow:after{position:absolute; content:""; left:2px; top:2px; right:2px; bottom:2px; border-radius:50%; background-color:var(--dark-color-five);} .service-block-three .inner-box .explore .arrow::before{position:relative; z-index:1; left:20px; font-size:var(--font-22); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .service-block-three .inner-box:hover .explore .arrow::before{left:1px; font-size:var(--font-14);} .cta-section-four{position:relative; z-index:1;} .cta-section-four .inner-container{position:relative; border-radius:8px; padding:70px 40px 50px; background-color:var(--dark-color-five);} .cta-section-four .title-column{position:relative; margin-bottom:var(--margin-bottom-20);} .cta-section-four .title-column .inner-column{position:relative;} .cta-section-four .title-column h3{color:var(--white-color);} .cta-section-four .form-column{position:relative; margin-bottom:var(--margin-bottom-20);} .cta-section-four .form-column .inner-column{position:relative; padding-top:var(--padding-top-10);} .newsletter-form-three{position:relative;} .newsletter-form-three .form-group{position:relative; display:block; padding-right:var(--padding-right-220); margin-bottom:var(--margin-zero);} .newsletter-form-three .form-group input[type="text"], .newsletter-form-three .form-group input[type="email"]{position:relative; display:block; width:100%; height:56px; line-height:26px; border-radius:50px; font-size:var(--font-16); background:none; padding:10px 20px 10px 25px; color:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; border:2px solid var(--white-color); font-family:var(--font-family-DM-Sans);} .newsletter-form-three .form-group input[type="text"]:focus, .newsletter-form-three .form-group input[type="email"]:focus{border-color:var(--main-color-ten);} .newsletter-form-three input::-webkit-input-placeholder, .newsletter-form-three select::-webkit-input-placeholder, .newsletter-form-three textarea::-webkit-input-placeholder{color:#aaaaaa;} .newsletter-form-three .form-group button{position:absolute; right:0px; top:0px;} .broadband-section{position:relative; padding:120px 0px 70px;} .broadband-section .shadow-layer{position:absolute; left:0px; bottom:-800px; width:819px; height:2098px; background-position:left bottom; background-repeat:no-repeat;} .broadband-section .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .broadband-section .image-column .inner-column{position:relative;} .broadband-section .image-column .quote-icon{position:absolute; left:20px; top:20px; width:96px; height:96px; z-index:1; line-height:96px; text-align:center; border-radius:50px; display:inline-block; font-size:var(--font-50); color:var(--white-color); background: var(--main-color-ten); background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);} .broadband-section .image-column .image{position:relative; text-align:center; border-radius:50%; overflow:hidden; display:inline-block;} .broadband-section .image-column .mb-box{position:absolute; right:30px; bottom:-40px; width:166px; height:166px; text-align:center; border-radius:50%; padding-top:var(--padding-top-30); background-color:var(--main-color-twelve); border:12px solid var(--dark-color-three);} .broadband-section .image-column .mb-box .title{position:relative; font-weight:500; font-size:var(--font-16); color:var(--white-color); font-family:var(--font-family-DM-Sans);} .broadband-section .image-column .mb-box .title span{position:relative; font-weight:700; display:block; font-size:var(--font-24); font-family:var(--font-family-Sen);} .broadband-section .image-column .mb-box .text{position:relative; font-weight:400; letter-spacing:0px; font-size:var(--font-12); color:var(--white-color); margin-top:var(--margin-top-5);} .broadband-section .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .broadband-section .content-column .inner-column{position:relative; margin-left:-15px; padding-top:var(--padding-top-10);} .broadband-section .content-column .sec-title-three{margin-bottom:var(--margin-bottom-25);} .broadband-section .content-column p{position:relative; color:#CFCFCF; font-size:16px; line-height:1.7em; margin-bottom:var(--margin-bottom-30); font-family:var(--font-family-DM-Sans);} .fact-counter{position:relative;} .fact-counter .column{position:relative; margin-bottom:var(--margin-bottom-30);} .fact-counter .column .inner{position:relative; padding:30px 10px 40px 0px;} .fact-counter .column .inner:before{position:absolute; content:""; left:43px; top:0px; right:0px; bottom:0px; opacity:0.60; background-color:var(--dark-color-five);} .fact-counter .column .inner .content{position:relative; padding-left:var(--padding-left-100);} .fact-counter .column .inner .icon{position:absolute; left:0px; top:0px; width:86px; height:86px; line-height:86px; font-weight: 400; text-align:center; border-radius:50px; font-size:var(--font-44); color:var(--white-color); transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; background-color:var(--main-color-eleven);} .fact-counter .column .inner:hover .icon{color:var(--white-color); background-color:var(--main-color-twelve); -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg);} .fact-counter .count-outer .percentage{position:relative;} .fact-counter .column .inner .count-outer{position:relative; font-weight:700; line-height:1em; font-size:var(--font-44); color:var(--white-color); font-family:var(--font-family-Sen);} .fact-counter .column .inner .counter-title{position:relative; color:var(--white-color); font-size:var(--font-16); margin-top:var(--margin-top-10); font-family:var(--font-family-DM-Sans);} .clients-section-three{position:relative; padding:20px 0px 100px;} .clients-section-three .inner-container{position:relative;} .clients-section-three .inner-container .box-one{position:absolute; left:-20px; top:15px; width:294px; height:169px; background-repeat:no-repeat;} .clients-section-three .inner-container .box-two{position:absolute; right:-20px; top:15px; width:294px; height:169px; background-repeat:no-repeat;} .clients-section-three .image-box img{position:relative; filter: grayscale(0%); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; background-color:var(--dark-color-six);} .clients-section-three .image-box:hover img{filter: grayscale(100%);} .clients-section-three .owl-dots, .clients-section-three .owl-nav{display:none;} .pricing-section-five{position:relative; overflow:hidden; padding:110px 0px 120px;} .pricing-section-five .circle-layer{position:absolute; left:0px; top:0px; right:0px; bottom:0px; backdrop-filter: blur(70px); background-position:center top; background-repeat:repeat-x;} .pricing-section-five .circle-layer:before{position:absolute; content:""; left:110px; top:340px; width:134px; height:134px; z-index:-1; border-radius:50%; background: var(--main-color-ten); background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);} .pricing-section-five .sec-title-three .button-box{margin-top:var(--margin-top-30);} .pricing-section-five .price-block-five:nth-child(2){transform:translateY(50px);} .price-block-five{position:relative; margin-bottom:var(--margin-bottom-30);} .price-block-five .inner-box{position:relative; padding:35px 25px 40px; border-radius:10px; overflow:hidden; text-align:center; background-color:var(--dark-color-six); background-position:center bottom; background-repeat:no-repeat;} .price-block-five .inner-box .title{position:relative; font-weight:700; font-size:var(--font-20); color:var(--white-color); text-transform:uppercase; font-family:var(--font-family-Sen);} .price-block-five .inner-box .price{position:relative; font-weight:700; line-height:1.1em; font-size:var(--font-44); color:var(--white-color); margin-top:var(--margin-top-30); margin-bottom:var(--margin-bottom-30); padding-bottom:var(--padding-bottom-15); font-family:var(--font-family-Sen); border-bottom:2px solid rgba(255,255,255,0.07);} .price-block-five .inner-box .price span{position:relative; font-weight:400; font-size:var(--font-16);} .price-block-five .inner-box .mb{position:relative; width:96px; height:96px; margin:0 auto; font-weight:700; text-align:center; border-radius:50px; padding-top:var(--padding-top-20); margin-bottom:var(--margin-bottom-35); font-size:var(--font-48); color:var(--white-color); font-family:var(--font-family-Sen); border:2px dashed var(--white-color);} .price-block-five .inner-box .mb:before{position:absolute; content:""; left:1px; top:1px; right:1px; bottom:1px; opacity:0.10; border-radius:50px; background: var(--main-color-ten); background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);} .price-block-five .inner-box .mb span{position:relative; display:block; font-size:var(--font-16); margin-top:var(--margin-top-15);} .price-block-five .inner-box .options-list{position:relative;} .price-block-five .inner-box .options-list li{position:relative; color:#D7D7D7; font-weight:500; font-size:var(--font-16); margin-bottom:var(--margin-bottom-15); font-family:var(--font-family-DM-Sans);} .price-block-five .inner-box .options-list li:last-child{margin-bottom:var(--margin-zero);} .price-block-five .inner-box .button-box{margin-top:var(--margin-top-35);} .entertainment-section-two{position:relative; padding:110px 0px 110px; background-color:var(--dark-color-six);} .entertainment-section-two .button-box{margin-top:var(--margin-top-20);} .entertainment-section-two .filters{position:relative; margin-top:-90px; margin-bottom:var(--margin-bottom-60);} .entertainment-section-two .filters .filter-tabs{position:relative; text-align:right;} .entertainment-section-two .filters li{position: relative; padding:14px 30px; cursor: pointer; font-weight: 700; border-radius:50px; display: inline-block; color: var(--white-color); font-size: var(--font-16); transition: all 300ms ease; margin-left:var(--margin-left-15); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; border:2px solid var(--main-color-eleven); font-family:var(--font-family-Sen);} .entertainment-section-two .filters .filter.active, .entertainment-section-two .filters .filter:hover{color: var(--white-color); background-color:var(--main-color-eleven);} .entertainment-section-two .filters li:before{position:absolute; content:""; left:2px; bottom:2px; right:2px; bottom:2px; opacity:0.10; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; background: var(--main-color-ten); background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);} .internet-section-four{position:relative; overflow:hidden; padding:110px 0px 70px; background-position:center top; background-repeat:no-repeat;} .internet-section-four .shadow-layer-one{position:absolute; left:0px; bottom:-100px; width:972px; height:1382px; background-repeat:no-repeat;} .internet-section-four .shadow-layer-two{position:absolute; right:0px; bottom:-100px; width:1038px; height:1300px; background-repeat:no-repeat;} .internet-section-four .content-column{position:relative;} .internet-section-four .content-column .inner-column{position:relative; padding-right:var(--padding-right-40);} .internet-section-four .content-column .internet-block:nth-child(2){transform:translateX(60px);} .internet-section-four .content-column .internet-block:nth-child(3){transform:translateX(120px);} .internet-block{position:relative; margin-bottom:var(--margin-bottom-30);} .internet-block .inner-box{position:relative; padding:30px 30px; border-radius:5px; background-color:var(--dark-color-six);} .internet-block .inner-box .content{position:relative; padding-left:var(--padding-left-120);} .internet-block .inner-box .icon{position:absolute; left:0px; top:0px; width:90px; height:90px; line-height:90px; text-align:center; border-radius:50px; font-size:var(--font-44); color:var(--white-color); background-color:#000729; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .internet-block .inner-box:hover .icon{transform:rotateY(360deg); background-color:var(--main-color-ten);} .internet-block .inner-box h4{position:relative; font-family:var(--font-family-Sen);} .internet-block .inner-box h4 a{color:var(--white-color);} .internet-block .inner-box:hover h4 a{color:var(--main-color-ten);} .internet-block .inner-box .text{position:relative; color:#C1C1C1; margin-top:var(--margin-top-15); font-family:var(--font-family-DM-Sans);} .internet-section-four .image-column{position:relative;} .internet-section-four .image-column .inner-column{position:relative; padding-top:var(--padding-top-120); padding-left:var(--padding-left-40);} .internet-section-four .image-column .image{position:relative; margin-right:-80px;} .default-section{position:relative; z-index:1; padding:110px 0px 0px; background-color:var(--dark-color-seven);} .default-section .carousel-column{position:relative; margin-bottom:var(--margin-bottom-30);} .default-section .carousel-column .inner-column{position:relative;} .default-section .carousel-column .carousel-box{position:relative; border-radius:6px; padding:30px 30px 35px; background-color:var(--dark-color-three);} .default-section .carousel-column .owl-nav{display:none;} .default-section .carousel-column .owl-dots{position:absolute; left:-35px; bottom:-90px;} .default-section .carousel-column .owl-dots .owl-dot{position:relative; width:20px; height:20px; margin:0px 7px; border-radius:50px; display:inline-block; border:2px solid var(--main-color-eleven); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .default-section .carousel-column .owl-dots .owl-dot:before{position:absolute; content:""; left:4px; top:4px; right:4px; bottom:4px; opacity:0; border-radius:50px; display:inline-block; background-color:var(--main-color-eleven); transition:all 0.7s ease; -moz-transition:all 0.7s ease; -webkit-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease;} .default-section .carousel-column .owl-dots .owl-dot:hover::before, .default-section .carousel-column .owl-dots .owl-dot.active::before{opacity:1;} .testimonial-block-five{position:relative;} .testimonial-block-five .inner-box{position:relative;} .testimonial-block-five .inner-box .text{position:relative; color:#bbbbbb; font-size:16px; line-height:1.7em; font-family:var(--font-family-DM-Sans);} .testimonial-block-five .inner-box .author-box{position:relative;} .testimonial-block-five .inner-box .author-box .box-inner{position:relative; color:#F0F0F0; font-weight:700; min-height:70px; font-size:var(--font-24); margin-top:var(--margin-top-25); padding-top:var(--padding-top-10); padding-left:var(--padding-left-90); font-family:var(--font-family-DM-Sans);} .testimonial-block-five .inner-box .author-box .author-image{position:absolute; left:0px; top:0px; width:70px; height:70px; overflow:hidden; border-radius:50%; border:3px solid var(--dark-color-six);} .testimonial-block-five .inner-box .author-box span{display:block; font-weight:400; color:var(--white-color); font-size:var(--font-16); margin-top:var(--margin-top-5);} .default-section .form-column{position:relative; margin-bottom:-60px;} .default-section .form-column .inner-column{position:relative; padding:35px 35px; border-radius:4px; background-color:var(--dark-color-eight);} .default-section .form-column .title-box{position:relative; margin-bottom:var(--margin-bottom-30);} .default-section .form-column .title-box h3{font-size:var(--font-30); color:var(--white-color); font-family:var(--font-family-Sen);} .default-section .form-column .title-box .text{position:relative; color:#cdcdcd; line-height:1.7em; font-size:var(--font-16); margin-top:var(--margin-top-15); font-family:var(--font-family-Sen);} .client-form{position:relative;} .client-form .row{margin:0px -10px;} .client-form .form-group{position:relative; padding:0px 10px; margin-bottom:var(--margin-bottom-20);} .client-form .form-group .text{position:relative; font-size:var(--font-16); color:var(--white-color); margin-bottom:var(--margin-bottom-5); font-family:var(--font-family-DM-Sans);} .client-form input[type="text"], .client-form input[type="email"], .client-form input[type="password"], .client-form select, .client-form textarea{display:block; width:100%; line-height:28px; height:56px; padding:8px 22px; border-radius:5px; font-size:var(--font-16); color:var(--white-color); transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background:none; font-family:var(--font-family-DM-Sans); border:1px solid var(--white-color-opicity);} .client-form .form-group textarea::-webkit-input-placeholder, .client-form .form-group input::-webkit-input-placeholder{color:#777777;} .client-form textarea{height:170px; resize:none; font-size:15px; padding-top:18px;} .client-form input[type="text"]:focus, .client-form input[type="email"]:focus, .client-form input[type="password"]:focus, .client-form select:focus, .client-form textarea:focus{border-color:var(--main-color-ten);} .client-form .theme-btn{cursor:pointer; width:100%; border-radius:5px;} .client-form .form-group .radio-box{position:relative; margin-bottom:3px; margin-top:7px;} .client-form .form-group .radio-box label{color:#2b2b2b;} .client-form .form-group .radio-box label{position: relative; display: block; height: 30px; width: 100%; line-height: 9px; padding: 3px 10px 0px; padding-left: 25px; background:none; font-weight: 400; font-size: var(--font-16); color: var(--white-color); cursor: pointer; margin-bottom: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .client-form .form-group .radio-box input[type="radio"]:checked + label{border-color: var(--main-color-eleven);} .client-form .form-group .form-group .radio-box label {padding-left: 30px; padding-top: 1px; cursor: pointer;} .client-form .form-group .radio-box label:before{position: absolute; left: 0; top: 0; height:15px; width: 15px; content: ""; border-radius: 3px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border:1px solid var(--main-color-eleven);} .client-form .form-group .radio-box label:after {position: absolute; left: 0px; top: 0; height: 15px; line-height: 15px; max-width: 0; font-size: 14px; color: #ffffff; font-weight: 800; overflow: hidden; background: transparent; text-align: center; font-family: "FontAwesome"; -webkit-transition: max-width 500ms ease; -moz-transition: max-width 500ms ease; -ms-transition: max-width 500ms ease; -o-transition: max-width 500ms ease; transition: max-width 500ms ease;} .client-form .form-group .radio-box input[type="radio"] {display: none;} .client-form .form-group .radio-box input[type="radio"]:checked + label:before{border: 5px solid var(--main-color-eleven); background-color: var(--white-color);} .client-form .form-group .radio-box input[type="radio"]:checked + label:after {max-width: 20px; opacity: 1;} .news-section-five{position:relative; margin-top:-40px; padding:200px 0px 320px; background-position:left bottom; background-repeat:no-repeat;} .news-section-five .shadow-layer{position:absolute; right:0px; bottom:0px; width:927px; height:1095px; background-repeat:no-repeat;} .news-block-six{position:relative; margin-bottom:var(--margin-bottom-30);} .news-block-six .inner-box{position:relative;} .news-block-six .inner-box .image{position:relative; overflow:hidden; border-radius:4px;} .news-block-six .inner-box .image::before{position: absolute; top: 50%; left: 50%; z-index: 1; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255,.2); border-radius: 0%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;} .news-block-six .inner-box:hover .image::before {-webkit-animation: circle .95s; animation: circle .95s;} .news-block-six .inner-box .image img{position:relative; width:100%; display:block; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .news-block-six .inner-box:hover .image img{transform:scale(1.06,1.06) rotate(3deg);} .news-block-six .lower-content{position:relative; padding:25px 0px 0px;} .news-block-six .post-meta{position:relative; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-six .post-meta li{position:relative; font-weight:400; color:var(--white-color); display:inline-block; font-size:var(--font-15); font-family:var(--font-family-DM-Sans); margin-right:var(--margin-right-15); padding-left:var(--padding-left-25); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-six .post-meta li:first-child{padding:var(--padding-zero);} .news-block-six .post-meta li a{color:var(--main-color-ten); border-bottom:1px solid var(--main-color-six); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .news-block-six .post-meta li .icon{position:absolute; left:0px; top:0px; color:var(--white-color); font-size:var(--font-15); margin-right:var(--margin-right-5);} .news-block-six .post-meta li:last-child{margin-right:var(--margin-zero);} .news-block-six .inner-box h4{font-weight:600; font-family:var(--font-family-Sen); padding-top:var(--padding-bottom-20); padding-bottom:var(--padding-bottom-20);} .news-block-six .inner-box h4 a{color:var(--white-color); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .news-block-six .inner-box h4 a:hover{color:var(--main-color-eleven);} .news-block-six .inner-box .author-box{position:relative;} .news-block-six .inner-box .author-box .box-inner{position:relative; font-size:var(--font-16); color:var(--white-color); padding-top:var(--padding-top-5); padding-left:var(--padding-left-50); font-family:var(--font-family-Sen);} .news-block-six .inner-box .author-box .author-image{position:absolute; left:0px; top:0px; width:34px; height:34px; overflow:hidden; border-radius:50%;} .cta-section-five{position:relative; z-index:1; margin-top:-200px;} .cta-section-five .inner-container{position:relative; border-radius:8px; padding:30px 50px 0px; background-position:bottom center; background-repeat:repeat-x; background-color:var(--main-color-thirteen);} .cta-section-five .title-column{position:relative;} .cta-section-five .title-column .inner-column{position:relative; padding-top:var(--padding-top-60);} .cta-section-five .title-column h2{color:var(--white-color); font-family:var(--font-family-Sen); margin-bottom:var(--margin-bottom-30);} .cta-section-five .title-column .button-box{position:relative;} .cta-section-five .title-column .button-box .theme-btn{margin-right:var(--margin-right-20);} .cta-section-five .image-column{position:relative;} .cta-section-five .image-column .inner-column{position:relative; text-align:center;} .main-slider-five{position:relative; overflow:hidden;} .main-slider-five .slide{position:relative; overflow:hidden; padding:220px 0px 100px; background-size:cover; background-position:center center;} .main-slider-five .pattern-layer{position:absolute; left:-250px; top:-60px; width:1057px; height:763px; background-repeat:no-repeat;} .main-slider-five .content-boxed{position:relative; z-index:1;} .main-slider-five .content-boxed .inner-box{position:relative; padding-top:var(--padding-top-90);} .main-slider-five .title{position:relative; opacity: 0; font-weight:700; font-size:var(--font-36); color:var(--main-color-two); transform: translateX(180px); transform-origin: top; text-transform:uppercase; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; margin-bottom:var(--margin-bottom-10); font-family:var(--font-family-poppins);} .main-slider-five .active .title{opacity: 1; transform: translateX(0px); -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms;} .main-slider-five h1{color:var(--main-color-two); background: linear-gradient(to right, var(--main-color-two) 0%, var(--main-color-eighteen) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0; font-size:300px; line-height:1em; letter-spacing:-10px; transform: translateX(200px); transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease;} .main-slider-five .active h1{opacity: 1; transform: translateX(0px); -webkit-transition-delay: 450ms; -moz-transition-delay: 450ms; -ms-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms;} .main-slider-five h1 span{position:absolute; right:0px; bottom:48px; z-index:1; line-height:1em; font-weight:600; padding:8px 12px; letter-spacing:0px; color:var(--white-color); font-size:var(--font-30); text-transform:capitalize; -webkit-text-fill-color:cornsilk !important; background-color:var(--main-color-seventeen);} .main-slider-five .text{position:relative; opacity: 0; font-weight:700; font-size:var(--font-36); color:var(--main-color-two); transform: translateX(180px); transform-origin: top; text-transform:uppercase; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; margin-bottom:var(--margin-bottom-30); font-family:var(--font-family-poppins);} .main-slider-five .active .text{opacity: 1; transform: translateX(0px); -webkit-transition-delay: 650ms; -moz-transition-delay: 650ms; -ms-transition-delay: 650ms; -o-transition-delay: 650ms; transition-delay: 650ms;} .main-slider-five .image-column{position:relative;} .main-slider-five .image-column .inner-box{position:relative;} .main-slider-five .image-column .image{position:relative; margin-left:-200px; margin-right:-120px; opacity:0; transform: translateY(-200px); transform-origin: top; -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease;} .main-slider-five .active .image-column .image{opacity:1; transform: translateY(0px); -webkit-transition-delay: 450ms; -moz-transition-delay: 450ms; -ms-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms;} .main-slider-five .btns-box{opacity:0; transform: translateX(200px); transform-origin: top; display:inline-block; -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease;} .main-slider-five .active .btns-box{opacity: 1; transform: translateX(0px); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms;} .main-slider-five .btns-box .theme-btn{margin-right:var(--margin-right-25); margin-bottom:var(--margin-bottom-15);} .main-slider-five .owl-dots, .main-slider-five .owl-nav{display:none;} .pricing-section-six{position:relative; overflow:hidden; padding:100px 0px 50px;} .pricing-section-six .pattern-layer{position:absolute; left:-250px; top:140px; width:100%; height:791px; opacity:0; background-repeat:no-repeat; -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease;} .pricing-section-six .pattern-layer.now-in-view{left:0px; opacity:1; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms;} .pricing-section-six .row{margin:0px -5px;} .pricing-section-six .price-block-six{padding:0px 5px;} .price-block-six{position:relative; margin-bottom:var(--margin-bottom-30);} .price-block-six .inner-box{position:relative; border-radius:3px; background-color:var(--white-color); padding-bottom:var(--padding-bottom-45); box-shadow:0px 0px 15px rgba(0,0,0,0.07);} .price-block-six .upper-box{position:relative; text-align:center; padding:40px 15px 25px; background-position:center center; background-repeat:no-repeat;} .price-block-six .price{position:relative; font-weight:600; line-height:1em; font-size:var(--font-42); margin-top:var(--margin-top-15); color:var(--main-color-fifteen); font-family:var(--font-family-Jost);} .price-block-six .price sup{position:relative; font-weight:normal; font-size:var(--font-22);} .price-block-six .price sub{position:relative; font-weight:normal; font-size:var(--font-22);} .price-block-six .text{position:relative; padding:0px 20px; color:var(--main-color-twenty); margin-top:var(--margin-top-20);} .price-block-six .icon-list{position:relative;} .price-block-six .icon-list li{position:relative; width:76px; height:76px; padding:14px; margin:0px 3px; border-radius:50px; display:inline-block; box-shadow:0px 0px 15px rgba(0,0,0,0.10); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; background: linear-gradient(to left, var(--main-color-two) 0%, var(--main-color-eighteen) 100%);} .price-block-six .inner-box:hover .icon-list li{transform:rotateY(180deg);} .price-block-six .upper-box h4{font-size:var(--font-20); color:var(--main-color-two); margin-top:var(--margin-top-20);} .price-block-six .lower-box{position:relative; padding-left:var(--padding-left-30); padding-right:var(--padding-right-25);} .price-block-six .price-list{position:relative; padding-top:var(--padding-top-30); border-top:1px solid rgba(0,0,0,0.10)} .price-block-six .price-list li{position:relative; font-size:var(--font-15); color:var(--main-color-twenty); padding-left:var(--padding-left-30); margin-bottom:var(--margin-bottom-15); font-family:var(--font-family-poppins);} .price-block-six .price-list li:before{position:absolute; content: ""; left:0px; color:var(--main-color); font-family: "FontAwesome";} .price-block-six .price-list li:last-child{margin-bottom:var(--margin-zero);} .price-block-six .button-box{position:relative; text-align:center; margin-top:var(--margin-top-35);} .price-block-six .button-box .start-btn{position:relative; font-weight:500; padding:15px 30px; font-size:var(--font-15); text-transform:uppercase; color:var(--main-color-two); font-family: var(--font-family-poppins); background: linear-gradient(to left, var(--main-color-two) 0%, var(--main-color-eighteen) 100%);} .price-block-six .button-box .start-btn:before{position:absolute; content:""; left:1px; top:1px; right:1px; bottom:1px; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; background-color:var(--white-color);} .price-block-six .button-box .start-btn .txt{position:relative; color:var(--main-color-two); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .price-block-six .button-box .start-btn:hover::before{opacity:0;} .price-block-six .button-box .start-btn:hover .txt{color:var(--white-color);} .package-section{position:relative; overflow:hidden; padding:0px 0px 0px;} .package-section .content-column{position:relative;} .package-section .content-column .inner-column{position:relative; padding-top:var(--padding-top-130);} .package-section .content-column .content{position:relative; padding-left:115px;} .package-section .content-column .button-box{margin-top:var(--margin-top-40);} .package-section .title{position: relative; font-weight: 600; display: inline-block; font-size: var(--font-18); text-transform: uppercase; color: var(--main-color-nineteen); font-family: var(--font-family-poppins);} .package-section h3{font-size:var(--font-36); color:var(--main-color-two); margin-top:var(--margin-top-15);} .package-section .content-column .icon{position:absolute; left:0px; top:0px; line-height:1em; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .package-section .content-column .content:hover .icon{transform:rotateY(180deg);} .package-section .image-column{position:relative;} .package-section .image-column .inner-column{position:relative;} .package-section .image-column .image{position:relative; right:-250px; opacity:0; -webkit-transition:all 900ms ease; -moz-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; transition:all 900ms ease;} .package-section .image-column .image img{width:auto; max-width:inherit;} .package-section .image-column .image.now-in-view{right:0px; opacity:1;} .tv-section{position:relative; padding:30px 0px 60px;} .tv-section .image-column{position:relative; margin-bottom:var(--margin-bottom-30);} .tv-section .image-column .inner-column{position:relative; padding-top:var(--padding-top-35);} .tv-section .image-column .pattern-layer{position:absolute; right:-130px; top:250px; width:877px; height:635px; background-repeat:no-repeat; opacity:0; -webkit-transition:all 900ms ease; -moz-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; transition:all 900ms ease;} .tv-section .image-column .pattern-layer.now-in-view{top:0px; opacity:1;} .tv-section .image-column .image{position:relative; margin-left:-150px; padding-right:var(--padding-right-90);} .tv-section .content-column{position:relative; margin-bottom:var(--margin-bottom-30);} .tv-section .content-column .inner-column{position:relative; padding-top:var(--padding-top-40); padding-left:var(--padding-left-20);} .tv-section .content-column .content{position:relative; padding-left:115px;} .tv-section .content-column .button-box{margin-top:var(--margin-top-40);} .tv-section .icon-list{position:relative;} .tv-section .icon-list li{position:relative; display:inline-block; font-weight:700; font-size:var(--font-18); color:var(--main-color-two); margin-right:var(--margin-right-50); margin-bottom:var(--margin-bottom-20); font-family:var(--font-family-poppins);} .tv-section .icon-list li .icon{position:relative; width:55px; height:55px; display:block; z-index:1; margin-left:var(--margin-left-20); margin-bottom:var(--margin-bottom-25);} .tv-section .icon-list li .icon:before{position:absolute; content:""; left:-20px; top:-8px; z-index:-1; width:70px; height:70px; background:url(../images/icons/circle.png) no-repeat;} .tv-section .title{position: relative; font-weight: 600; display: inline-block; font-size: var(--font-18); text-transform: uppercase; color: var(--main-color-nineteen); font-family: var(--font-family-poppins);} .tv-section h2{line-height:55px; color:var(--main-color-two); margin-top:var(--margin-top-20);} .tv-section .content-column .icon{position:absolute; left:0px; top:0px; line-height:1em; display:inline-block; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .tv-section .content-column .content:hover .icon{transform:rotateY(180deg);} .tv-section .content-column .text{position:relative; font-size: var(--font-16); margin-top:var(--margin-top-20); color:var(--main-color-fourteen); margin-bottom:var(--margin-bottom-40); padding-right:var(--padding-right-100); font-family:var(--font-family-poppins);} .tv-section.style-two{overflow:hidden; padding-top:var(--padding-top-80);} .tv-section.style-two .content-column .inner-column{padding:var(--padding-zero);} .tv-section.style-two .image-column .image{margin-top:-80px; margin-left:var(--margin-zero); padding-right:var(--padding-zero);} .tv-section.style-two .content-column .text{padding-right:var(--padding-zero);} .tv-section.style-two .image-column .image img{max-width:inherit;} .speedtest-section{position:relative; padding:245px 0px 120px; background-size:cover; background-position:60% 100%;} .speedtest-section .content-column{position:relative;} .speedtest-section .content-column .inner-column{position:relative;} .speedtest-section .content-column .content{position:relative; padding-left:80px;} .speedtest-section .content-column .button-box{margin-top:var(--margin-top-40);} .speedtest-section .title{position: relative; font-weight: 600; display: inline-block; font-size: var(--font-18); text-transform: uppercase; color: var(--white-color); font-family: var(--font-family-poppins);} .speedtest-section h3{font-weight:400; font-size:var(--font-36); color: var(--white-color); margin-top:var(--margin-top-15); font-family:var(--font-family-poppins);} .speedtest-section h3 span{font-weight:700; display:block;} .speedtest-section .content-column .icon{position:absolute; left:0px; top:0px; line-height:1em;} .speedtest-section .content-column:last-child .inner-column{margin-left:200px;} .news-section-six{position:relative; padding:50px 0px 70px;} .news-block-seven{position:relative; margin-bottom:var(--margin-bottom-30);} .news-block-seven .inner-box{position:relative; border:1px solid #ebebeb; background-color:var(--white-color);} .news-block-seven .inner-box .image{position:relative; overflow:hidden; background-color:var(--main-color);} .news-block-seven .inner-box .image img{position:relative; width:100%; display:block; -webkit-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; -moz-transition:all 600ms ease; transition:all 600ms ease;} .news-block-seven .inner-box:hover .image img{opacity:0.70; transform:scale(1.06,1.06) rotate(3deg);} .news-block-seven .lower-content{position:relative; padding:25px 30px 35px;} .news-block-seven .post-meta{position:relative; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .news-block-seven .post-meta li{position:relative; font-weight:400; display:inline-block; font-size:var(--font-15); color:var(--main-color-twentyone); margin-right:var(--margin-right-20); padding-left:var(--padding-left-25); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; font-family:var(--font-family-poppins);} .news-block-seven .post-meta li .icon{position:absolute; left:0px; top:1px; font-size:var(--font-15); color:var(--main-color-twentyone); margin-right:var(--margin-right-5);} .news-block-seven .post-meta li:last-child{margin-right:var(--margin-zero);} .news-block-seven .inner-box h5{font-weight:600; padding-top:var(--padding-top-15); padding-bottom:var(--padding-bottom-25);} .news-block-seven .inner-box h5 a{color:var(--main-color-two); -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .news-block-seven .inner-box h5 a:hover{color:var(--main-color-eighteen);} .news-block-seven .inner-box .theme-btn{font-size:var(--font-15); padding:10px 35px 10px; border-radius:0px;} .order-section{position:relative; overflow:hidden; padding:120px 0px 150px;} .order-section .image-column{position:relative;} .order-section .image-column .inner-column{position:relative;} .order-section .image-column .image{position:relative; z-index:1; margin-left:-250px; margin-right:var(--margin-right-60);} .order-section .content-column{position:relative;} .order-section .content-column .inner-column{position:relative; padding:70px 0px 70px 50px;} .order-section .content-column .pattern-layer{position:absolute; left:-200px; top:-120px; width:1304px; height:562px; background-position:left bottom; background-repeat:no-repeat;} .order-section .pattern-layer-two{position:absolute; left:0px; top:100px; width:781px; height:430px; background-position:left bottom; background-repeat:no-repeat;} .order-section .content-column .title{position: relative; font-weight: 600; display: inline-block; font-size: var(--font-16); text-transform: uppercase; color: var(--main-color-nineteen); font-family: var(--font-family-poppins);} .order-section .content-column h3{color:var(--black-color); font-size: var(--font-36); margin-top:var(--margin-top-10); margin-bottom:var(--margin-bottom-25);} .order-section .content-column h3 a{font-weight:400; color:var(--black-color);} .order-section .content-column h3 a:hover{color:var(--main-color);} .order-section .content-column .or{position:relative; font-weight:700; color:var(--black-color); font-size: var(--font-22); margin-right:var(--margin-right-20); font-family: var(--font-family-poppins);}