body{width:100%;float:left;overflow-x:hidden;font-family:'Poppins' !important;font-style:normal;font-weight:400;} .container{} .home-banner{margin:77px 0 0 0;background-repeat:no-repeat;background-size:100% 100%;height:593px;background-color:#4882e6;} .banner-text-div-left{width:56.2%;float:left;margin:65px 0 0 0;} .banner-text-div-right{width:32.8%;float:left;padding:12px 0 0 0;position:relative;} .banner-text-div-right:after{content:"";width:830px;height:930px;background-repeat:no-repeat;background-image:url('../images/home/background-circle.png');position:absolute;top:0;left:-250px;z-index:1;} .banner-text-div-right-inner{width:100%;float:left;z-index:2;position:relative;} .banner-text-div-left h5{font-size:60px;color:#ffffff;margin:0 0 28px 0;font-weight:700;} .banner-text-div-left h5 span{font-weight:400;} .banner-text-div-left h2{color:#ffffff;margin:0 0 22px 0;font-size:45px;line-height:60px;} .btn.common-btn-style.request-btn span:first-child{text-align:left;padding-left:10px;text-transform:uppercase;width:auto;padding-top:3px;float:left;} .banner-text-div-left p{color:#ffffff;font-size:18px;font-family:'Montserrat';font-style:italic;font-weight:400;letter-spacing:-0.05px;} .btn.common-btn-style.request-btn{color:#ffffff;width:190px;height:55px;border:2px solid #ffffff;background:transparent;margin:0 8px 0 0;border-radius:100px;padding:8px;font-weight:700;outline:none !important;font-family:poppins;font-size:13px;} .btn.common-btn-style.request-btn:hover{background:#fefefe;color:#000000;} .req-con-btn{width:100%;float:left;} .common-btn-style{color:#ffffff;width:auto;height:55px;border:2px solid #ffffff;border-radius:100px;display:inline-block;align-items:center;justify-content:center;margin:22px 0px 0 0;padding:8px;font-size:16px;text-decoration:none;font-weight:700;transition:ease all 0.5s;min-width:190px;} .contact-btn{background-color:#0093fb;color:#fff;border-color:#0093fb;} .contact-btn.common-btn-style span:first-child{width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);width:auto;padding-left:10px;} .why-choose-us-section .center{text-align:center;margin-top:20px;} .common-btn-style:hover, .common-btn-style:focus{color:#ffffff;text-decoration:none;} .common-btn-style span:first-child{padding-top:6px;} .branding-advetisement-right-inner-right .common-btn-style span:first-child{float:left;} .common-btn-style span:last-child{width:35px;height:35px;background-color:#ffffff;border-radius:100%;margin:0 0 0 10px;display:inline-block;text-align:center;float:right;padding-top:6px;} .btn.common-btn-style.request-btn span:last-child{padding-top:4px;} .contact-btn span:last-child{background-color:#fff;} .common-btn-style span:last-child:after{content:"";width:7px;height:14px;display:inline-block;vertical-align:middle;background-image:url("../images/home/next.png");background-repeat:no-repeat;} .contact-btn span:last-child:after{background-image:url("../images/home/next.png");} .contact-btn:hover{background-color:transparent;} a.contact-btn.common-btn-style:hover{color:#0093fb;} a.contact-btn.common-btn-style:hover span:last-child{background-color:#0093fb;} a.contact-btn.common-btn-style:hover span:last-child:after{background-image:url("../images/home/next-2.png");} .request-btn:hover{background-color:#ffffff;color:#000000;} .request-btn:hover span:last-child{background-color:#0093fb;} .request-btn:hover span:last-child:after{background-image:url("../images/home/next-2.png");} .common-div-class-section{width:100%;float:left;padding:28px 0;} .title-div{width:100%;float:left;text-align:center;} .title-div h2{color:#333333;font-size:42px;margin:0 0 22px 0;font-weight:700;} .title-div h2 span{color:#0093fb;} .title-div p{color:#666666;font-size:16px;margin:0 0 7px 0;} .branding-advetisement-left-inner{width:100%;float:left;margin:25px 0 0 0;} .branding-advetisement-right-inner{width:100%;float:left;background-color:#f0f1f5;padding:20px;margin:25px 0 0 0;} .branding-advetisement-left-inner ul{width:100%;float:left;margin:0 !important;border-bottom:0;} .branding-advetisement-left-inner ul li{border-radius:0;font-size:17px;color:#959798;text-decoration:none;border:1px solid gainsboro !important;height:70px;display:flex;align-items:center;position:relative;word-spacing:1px;width:100%;float:left;margin:0 0 13px 0;cursor:pointer;background-color:transparent !important;} .branding-advetisement-left-inner ul li.resp-tab-active:after{content:"";width:20px;height:20px;background-color:#26a3fd;right:-11px;position:absolute;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);} .branding-advetisement-left-inner ul li+li{margin:0 0 13px 0;} .branding-advetisement-left-inner ul li a{border:0;} .branding-advetisement-left-inner ul li a.li-first-span img{vertical-align:middle;float:none; width: 27px;height: auto;} .branding-advetisement-left-inner ul li.active::after{content:"";width:20px;height:20px;background-color:#26a3fd;right:-11px;position:absolute;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:24px;} .branding-advetisement-left-inner ul li a.li-first-span{border:0 !important;background:transparent !important;padding:0;margin:0;width:100%;float:left;color:#959798;padding:20px 14px;} .branding-advetisement-left-inner ul li.active{color:#fff !important;background-color:#26a3fd !important;border-color:#26a3fd !important;cursor:default;} .branding-advetisement-left-inner ul li.active a.li-first-span .li-inactive-img{display:none;} .branding-advetisement-left-inner ul li.active a.li-first-span .li-active-img{display:inline-block; vertical-align: middle;} .li-inactive-img {vertical-align: middle;} .branding-advetisement-left-inner ul li.active a.li-first-span img{vertical-align:middle;float:none;} .branding-advetisement-left-inner ul li.active a.li-first-span span{color:white;} .branding-advetisement-left-inner ul li span{width:auto;display:inline-block;vertical-align:middle;padding-left:10px;} .branding-advetisement-left-inner ul li.resp-tab-active, .branding-advetisement-left-inner ul li.resp-tab-active:focus, .branding-advetisement-left-inner ul li.resp-tab-active:hover{color:#fff !important;background-color:#26a3fd !important;border-color:#26a3fd !important;cursor:default;} .branding-advetisement-right-inner .tab-content{width:100%;float:left;border:0 !important;} .branding-advetisement-right-inner .tab-content .tab-pane:hover .branding-advetisement-right-inner-left{-webkit-box-shadow:0px 5px 24px 0px rgba(0, 0, 0, 0.35);-moz-box-shadow:0px 5px 24px 0px rgba(0, 0, 0, 0.35);box-shadow:0px 5px 24px 0px rgba(0, 0, 0, 0.35);} .branding-advetisement-right-inner .tab-content .tab-pane{width:100%;float:left;} .branding-advetisement-right-inner-left{width:294px;float:left;-webkit-box-shadow:0px 5px 24px 0px rgba(0, 0, 0, 0.13);-moz-box-shadow:0px 5px 24px 0px rgba(0, 0, 0, 0.13);box-shadow:0px 5px 24px 0px rgba(0, 0, 0, 0.13);transition:all ease 0.5s;} .branding-advetisement-right-inner-left img{vertical-align:middle;max-width:100%;transition:al ease 0.5s;} .branding-advetisement-right-inner-right{width:60.5%;float:right;} .your-business-exclusive-section{padding-bottom:52px;} .branding-advetisement-right-inner-right h3{margin:15px 0 15px 0;color:#495162;font-size:22px;font-weight:500;} .branding-advetisement-right-inner-right p{color:#444850;font-size:16px;margin:0;} .branding-advetisement-right-inner-right ul{width:100%;float:left;margin:0;padding:0;list-style:none;} .branding-advetisement-right-inner-right ul li{color:#8c909b;font-size:16px;margin:12px 0 0 0;} .branding-advetisement-right-inner-right ul li:before{color:#dfe8f9;content:"";width:8px;height:8px;display:inline-block;vertical-align:middle;border:1px solid gray;border-radius:100%;margin:0 10px 0 0;} .branding-advetisement-right-inner-right .common-btn-style{background-color:#616976;width:212px;height:50px;padding:0 8px 0 20px;font-weight:300;font-size:16px;border-color:#616976;border-radius:100px;border:2px solid;} .branding-advetisement-right-inner-right .common-btn-style:hover, .branding-advetisement-right-inner-right .common-btn-style:active, .branding-advetisement-right-inner-right .common-btn-style:focus{background-color:transparent;color:#616976;outline:none !important;} .branding-advetisement-right-inner-right .common-btn-style:hover span:last-child{background-color:#616976;} .branding-advetisement-right-inner-right .common-btn-style:hover span:last-child:after{background-image:url(../images/home/next-2.png);} .who-we-are-section{background-repeat:no-repeat;padding:65px 0 50px 0;background-size:100% 100%;} .who-we-are-section .title-div p{padding:0 50px;} .who-we-are-item{width:383px;border:1px solid #b8b8b8;padding:30px 25px;position:relative;background-color:#ffffff;min-height:290px;margin:60px 0 0 0;transition:all 500ms ease;} .who-top-icon{width:62px;height:62px;border:1px solid #b8b8b8;display:inline-block;text-align:center;justify-content:center;position:absolute;top:-35px;left:-1px;background-color:#ffffff;} .who-top-icon svg, .who-top-icon img{width:auto;max-width:100%;margin:10px auto 0;} .with-hover{display:none;z-index:1;} .who-we-bottom-text h4{margin:15px 0 12px 0;font-size:15px;color:#333333;font-weight:600;transition:all 2s ease;} .who-we-bottom-text p{color:#444444;font-size:13px;margin:0;line-height:26px;transition:all 2s ease;} .who-we-are-item:before{background-color:#0087be;background-image:url("../images/home/wordpress-Bg.png");background-repeat:no-repeat;background-position:15px 8px;border-color:#ffffff;content:"";width:0;position:absolute;top:0;left:0;right:0;bottom:0;transition:all 2s ease;z-index:0;height:0;} .who-we-are-item:hover:before{width:100%;height:100%;} .who-we-bottom-text{z-index:2;position:relative;} .who-we-bottom-text h4 a{color:inherit;} .who-we-are-item-1:before{background-image:url("../images/home/Magento-bg.png");background-position:50% 50%;} .who-we-are-item-2:before{background-image:url("../images/home/Drupal-bg.png");background-position:50% 50%;} .who-we-are-item-3:before{background-image:url("../images/home/Creative-designer-bg.png");background-position:50% 50%;} .who-we-are-item-4:before{background-image:url("../images/home/seo-bg.png");background-position:50% 50%;} .who-we-are-item:hover .who-we-bottom-text h4{color:#ffffff;} .who-we-are-item:hover .who-we-bottom-text p{color:#ffffff;} .who-top-icon:before{background-color:#0087be;border-color:#ffffff;content:"";width:0;height:0;position:absolute;top:0;left:0;transition:all 2s ease;z-index:0;} .who-we-are-item:hover .who-top-icon:before{width:100%;height:100%;} .who-we-are-item:hover .who-top-icon .without-hover{display:none;} .who-we-are-item:hover .who-top-icon .with-hover{display:block;position: absolute;left: 0;right: 0;} .who-we-are-item-3{float:right;} .owl-carousel .owl-item img{display:unset;width:unset;vertical-align:middle;} .owl-carousel .owl-item img.with-hover{display:none;} .why-choose-us-right-inner{width:100%;float:left;} .why-choose-us-right-inner-item{width:100%;float:left;margin:25px 0 0 0;} .why-choose-us-right-inner-item-left{background-color:#ffffff;width:50px;height:50px;border-radius:100%;display:inline-block;text-align:center;align-items:center;-webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.17);-moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.17);box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.17);margin:0 15px 0 0;} .why-choose-us-right-inner-item-left svg, .why-choose-us-right-inner-item-left img{width:auto;max-width:100%;display:inline-block;margin:10px auto 0;} .why-choose-us-right-inner-item-right{width:90%;display:inline-block;vertical-align:top;} .why-choose-us-right-inner-item-right h2{margin:0 0 13px 0;font-size:16px;color:#333333;font-weight:700;} .why-choose-us-right-inner-item-right p{color:#666666;font-size:13px;margin:0;line-height:23px;} .work-feature-section{background-repeat:no-repeat;padding:42px 0 40px 0;} .our-vision-mission-section{padding:60px 0 25px 0;} .work-feature-slider{width:100%;float:left;margin:0;padding:0 131px;} .work-feature-slider .owl-item{} .work-feature-slider .owl-item.active{padding-top:25px;padding-bottom:25px;} .work-feature-slider .owl-item.active.center .item{background-image:url("../images/home/Main.png");background-repeat:no-repeat;height:469px;margin:0;-webkit-box-shadow:0px 0px 46px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 46px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 46px 0px rgba(0, 0, 0, 0.1);border-radius:16px;} .work-feature-slider .owl-item.active.center .item .work-item-img{padding:45px 0 0 0;} .work-feature-slider .owl-item.active .item{width:270px;margin:60px 0 0 0;} .box_para{color:#0093fb;text-align:center;font-size:16px;margin:2px 0 0 0;display:none;font-weight:700;} .work-feature-slider .owl-item.active.center .box_para{background-color:#edf2f6;margin:0;height:28px;width:100%;float:left;display:flex;justify-content:center;align-items:center;} .work-feature-section .owl-nav{display:block !important;text-align:center;margin:0;} .work-feature-section .owl-nav .owl-prev{width:auto;display:inline-block;vertical-align:middle;font-size:0;margin:0 10px 0 0px;} .work-feature-section .owl-nav .owl-next{width:auto;display:inline-block;vertical-align:middle;font-size:0;margin:0 10px 0 0px;} .work-feature-section .owl-nav .owl-prev:after{content:"";width:15px;height:15px;background-repeat:no-repeat;background-image:url("../images/home/arrow-Pre.png");display:inline-block;} .work-feature-section .owl-nav .owl-next:after{content:"";width:15px;height:15px;background-repeat:no-repeat;background-image:url("../images/home/arrow-next.png");display:inline-block;} .testimonials-slider-left{width:125px;height:125px;border-radius:100%;background-color:#ffffff;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;border:1px solid gray;-webkit-box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.1);} .testimonials-slider-right{width:72%;display:inline-block;vertical-align:middle;padding:0 0 0 25px;} .testimonials-slider-right p{color:#666666;font-size:13px;margin:0 0 20px 0;line-height:22px;} .testimonials-section{padding:28px 0 55px 0;} .testimonials-section .testimonials-slider #owl-demo3 .owl-stage{padding-bottom:15px;} .testimonials-slider-right h2{margin:0;font-size:20px;color:#333333;font-weight:700;} .testimonials-slider-right h2 span{color:#0093fb;font-size:16px;margin:0 0 0 10px;font-weight:500;display:inline-block;vertical-align:bottom;} .our-mission-vision-div{width:100%;float:left;margin:20px 0 0 0;} .our-mission-div-left{width:50%;float:left;} .our-mission-div-right{width:50%;float:left;} .our-mission-div-left-text{width:80%;float:right;position:relative;} .our-mission-div-right .our-mission-div-left-text{margin:35px 0 0 0;width:65%;} .our-mission-div-left-text:before{content:"";width:240px;height:355px;position:absolute;top:6px;left:-80px;background-repeat:no-repeat;background-image:url("../images/home/Line-1.png");} .our-mission-div-left-img{width:100%;float:left;text-align:center;margin:0;} .our-mission-div-left-text h3{color:#d5305d;font-size:22px;margin:0 0 10px 0;font-weight:500;} .our-mission-div-right .our-mission-div-left-text h3{color:#f79600;} .our-mission-div-left-text p{color:#666666;font-size:16px;margin:0;font-weight:500;line-height:27px;} .our-mission-div-right .our-mission-div-left-text:before{content:"";width:108px;height:180px;position:absolute;top:6px;left:-115px;background-repeat:no-repeat;background-image:url("../images/home/Line-2.png");} .why-choose-us-section{padding:58px 0 62px 0;} .results-section{background-repeat:no-repeat;background-position:100% 100%;height:535px;margin:0;position:relative;padding:230px 0 0 0;} .f-medium{margin:0;color:#0093fb;font-size:20.83px;font-family:'Rubik';font-style:normal;font-weight:400;} .full-width-div{width:100%;float:left;} .results-section .title-div-class{width:100%;float:left;} .results-section .title-div-class .f-extra-light{padding:0 50% 0 0;font-size:40px;font-weight:700;color:#333333;line-height:45px;margin:10px 0 0 0;} .results-section-right-main{width:100%;float:left;text-align:center;padding:0 50px 0 0;z-index:2;position:relative;} .results-section-right-main p{color:#5e5e5e;font-size:20.83px;margin:0 0 30px 0;font-family:'Poppins';font-style:normal;font-weight:500;} .results-section-right-main h6{color:#0093fb;font-size:60px;margin:0;font-family:'Raleway';font-style:normal;font-weight:500;width:auto;display:inline-block;vertical-align:middle;} .results-section-right-main span{color:#0093fb;font-size:40px;width:auto;display:inline-block;vertical-align:middle;} .industries-we-serve-section{background-color:#0093fb;padding:45px 0 40px 0;} .industries-we-serve-section .title-div-class{text-align:center;} .industries-we-serve-section .title-div-class p{color:#ffffff;margin:0 0 40px 0;font-size:20.67px;font-style:normal;font-weight:600;} .industries-we-serve-item{width:100%;float:left;text-align:center;cursor:pointer;padding:20px 0 0;} .industries-we-serve-item-top{width:100%;float:left;margin:0 0 18px 0;height:100px;} .industries-we-serve-item .industries-we-serve-item-top img, .industries-we-serve-item .industries-we-serve-item-top svg{-webkit-transition:width 1s, height 1s, -webkit-transform 1s;transition:width 1s, height 1s, transform 1s;vertical-align:middle;display:inline-block;width:auto;max-width:100%;} .industries-we-serve-item p{color:#ffffff;font-size:16.67px;margin:0;width:100%;float:left;font-family:'Poppins';font-style:normal;font-weight:300;text-transform:uppercase;} .services-offering-section-bottom{width:100%;float:left;margin:30px 0 0 0;} .top-rated-section .services-offering-section-bottom .item{height:auto;width:auto;background-image:none;padding:0;margin:0 auto;display:table;float:none;} .industries-we-serve-item:hover .industries-we-serve-item-top img, .industries-we-serve-item:hover .industries-we-serve-item-top svg{-webkit-transform:rotate(360deg);transform:rotate(360deg);} .owl-dots{width:100%;margin-top:30px;text-align:center;} .owl-dots .owl-dot{width:auto;display:inline-block;margin:0 5px;} .owl-dots .owl-dot span{background-color:#cccccc;width:10px;height:10px;float:left;border-radius:100%;} .owl-dots .owl-dot.active span{background-color:#5267ff;width:11px;height:11px;} .top-rated-section{padding:60px 0 50px 0;} .work-feature-slider .owl-dots{display:none;} .results-section::after{content:"";position:absolute;width:100%;height:308px;bottom:0;left:0;background-image:url("../images/home/Results.png");background-repeat:no-repeat;z-index:1;} .your-business-exclusive-section #container{width:100%;float:left;} h2.resp-accordion{cursor:pointer;padding:5px;display:none;} .resp-tab-content{display:none;padding:15px;} .resp-tab-active{border-bottom:none;background-color:#fff;} .resp-content-active, .resp-accordion-active{display:block;} .resp-tab-content{padding:0;} h2.resp-tab-active{background:#DBDBDB;} .resp-easy-accordion h2.resp-accordion{display:block;} .resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1;} .resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1;} .resp-jfit{width:100%;margin:0px;} .resp-tab-content-active{display:block;} span.li-first-span img{vertical-align:middle;} .li-active-img{display:none;} .resp-tab-active .li-first-span .li-inactive-img{display:none;} .resp-tab-active .li-first-span .li-active-img{display:block;} .li-first-span{margin:0 13px 0 0;} .resp-tab-active .resp-arrow::before{content:"\f106";} .resp-arrow::before{content:"\f107";position:absolute;right:8px;font-family:fontawesome;top:17px;} .why-choose-us-section .title-div{margin-bottom:8px;} .panel-heading{padding:0;border:0;} .panel-title>a, .panel-title>a:active{display:block;padding:0;font-size:16px;text-transform:uppercase;text-decoration:none !important;} .panel-group .panel .active{background:#26a3fd !important;} .panel-body ul{padding-left:12px;} .panel-body img{width:auto;max-width:100%;margin:0 auto;float:none;display:inherit;} .panel-body a{display:inline-block;width:100%;text-align:center;} .panel-body p{text-align:justify;text-align-last:center;} #let-your-business-res .panel{max-height:unset;padding:0;} .panel-body ul li{display:list-item;list-style:symbols;margin-bottom:5px;color:#8c909b;} .panel-heading a:before{font-family:'Glyphicons Halflings';content:"\e114";float:right;transition:all 0.5s;} .panel-heading.active a:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);} #let-your-business-res{display:none;} .industries-we-serve-section .owl-dots .owl-dot.active span{background-color:white;box-shadow:0px 2px 3px #9e9e9e;} .who-we-are-item:hover .who-we-bottom-text p a{color:white;} @media screen and (min-width:992px){.your-business-exclusive-section .branding-advetisement-left{width:28.9%;} .your-business-exclusive-section .branding-advetisement-right{width:71.1%;padding-left:25px;} .row-slider-for-responsive{display:none;} .why-choose-us-section .why-choose-us-left{width:35%;} .why-choose-us-section .why-choose-us-right{width:60%;float:right;} .why-choose-us-section .why-choose-us-left .why-choose-us-left-inner{width:117%;float:right;margin:-15px 0 0 0;} .work-feature-slider .owl-item{padding:0 25px;} } @media screen and (max-width:991px){#let-your-business{display:none;} #let-your-business-res{display:block;} #let-your-business-res .wrapper{width:100%;margin-top:20px;} .panel-group .panel .active a{color:white;} .home-banner{margin:0;background-size:300% 100%;} .banner-text-div-left{width:100%;margin:20px 0 0 0;text-align:center;} .banner-text-div-right{display:none;} .banner-text-div-left h5{font-size:35px;margin:0 0 15px 0;} .banner-text-div-left h2{margin:0 0 15px 0;font-size:30px;line-height:33px;} .banner-text-div-left p{font-size:15px;letter-spacing:0;margin:0;} .common-btn-style{margin:15px 0px 0 0;} .contact-btn.common-btn-style{height:auto;font-size:14px;padding:8px;} .why-choose-us-right-inner{text-align:center;} .navbar-fixed-top.sticky ~ .home-banner{margin-top:57px;} .common-div-class-section{padding:20px 0;} .who-we-are-section{padding:40px 0;} .title-div h2{font-size:25px;margin:0 0 10px 0;} .title-div p{font-size:14px;margin:0 0 5px 0;} .branding-advetisement-left-inner{margin:15px 0 0 0;} .branding-advetisement-left-inner ul li a{font-size:16px;padding:14px 14px;height:55px;} .branding-advetisement-left-inner ul li.active a:after{display:none;} .branding-advetisement-right-inner{padding:15px;margin:15px 0 0 0;} .branding-advetisement-right-inner-left{width:260px;margin:0 auto;float:none;display:table;} .branding-advetisement-right-inner-right{width:100%;float:left;} .branding-advetisement-right-inner-right h3{font-size:16px;text-align:center;} .branding-advetisement-right-inner-right p{font-size:14px;text-align:justify;-moz-text-align-last:center;text-align-last:center;} .branding-advetisement-right-inner-right ul li{font-size:14px;margin:10px 0 0 0;} .branding-advetisement-right-inner-right ul li span{width:93%;display:inline-block;vertical-align:top;} .branding-advetisement-right-inner-right .common-btn-style{width:195px;height:50px;font-size:14px;margin:10px auto;display:flex;} .branding-advetisement-right-inner-right ul{margin:0 0 20px 0;} .who-we-are-section .title-div p{padding:0;} .row-slider-for-main-width{display:none;} .who-we-are-item{width:100%;border:1px solid #b8b8b8;padding:20px 20px;position:relative;background-color:#ffffff;margin:60px 0 0 0;} .who-we-bottom-text h4{font-size:13px;margin:30px 0 12px 0;text-align:center;} .who-we-bottom-text p{font-size:12px;line-height:20px;text-align:justify;-moz-text-align-last:center;text-align-last:center;} .why-choose-us-section .why-choose-us-left .why-choose-us-left-inner img{max-width:100%;} .why-choose-us-right-inner-item{margin:15px 0 0 0;} .why-choose-us-right-inner-item-left{margin:0 auto 15px;display:flex;} .why-choose-us-right-inner-item-right{width:100%;} .why-choose-us-right-inner-item-right h2{margin:0 0 8px 0;font-size:14px;text-align:center;} .why-choose-us-right-inner-item-right p{font-size:12px;line-height:18px;text-align:justify;-moz-text-align-last:center;text-align-last:center;} .work-feature-slider{margin:15px 0 0 0;padding:0;width:270px;float:none;margin:0 auto;} .our-mission-div-left-img{display:none;} .our-mission-vision-div{margin:15px 0 0 0;} .our-mission-div-left{width:100%;} .our-mission-div-right{width:100%;} .our-mission-div-left-text:before{display:none;} .our-mission-div-left-text{width:100%;float:left;} .our-mission-div-right .our-mission-div-left-text{margin:15px 0 0 0;width:100%;} .our-mission-div-left-text h3{font-size:16px;margin:0 0 8px 0;text-align:center;} .our-mission-div-left-text p{font-size:14px;font-weight:400;line-height:20px;text-align:justify;-moz-text-align-last:center;text-align-last:center;} .testimonials-slider-left{margin:0 auto 15px;display:flex;} .testimonials-slider-right{width:100%;padding:0;} .testimonials-slider-right p{font-size:12px;margin:0 0 10px 0;line-height:18px;text-align:justify;-moz-text-align-last:center;text-align-last:center;} .testimonials-slider-right h2{font-size:16px;text-align:center;} .testimonials-slider-right h2 span{font-size:14px;margin:5px 0 0 0;vertical-align:inherit;width:100%;} .who-top-icon{left:0;background-color:#ffffff;margin:0 auto;right:0;} .work-feature-slider .owl-item.active.center{background-size:100% 100%;margin:15px 0 0 0;} .box_para{margin:2px 0 0 0;font-size:13px;} .work-feature-section .owl-nav{} .why-choose-us-left-inner{text-align:center;} .results-section{background-image:none;height:auto;padding:20px 0 20px 0;background-color:#eff8ff;} .results-section .title-div-class{text-align:center;} .f-medium{font-size:16.83px;} .results-section .title-div-class .f-extra-light{padding:0;font-size:25px;line-height:30px;margin:10px 0 0 0;} .results-section-right-main{margin:18px 0 0 0;padding:0;} .results-section-right-main p{font-size:16.83px;margin:0 0 5px 0;} .results-section-right-main h6{font-size:40px;} .results-section-right-main span{font-size:30px;} .industries-we-serve-section .title-div-class p{margin:0 0 20px 0;font-size:16.67px;} .industries-we-serve-item{margin:0px 0 20px 0;} .industries-we-serve-item-top{width:75px;height:75px;float:none;margin:0 auto 15px;} .industries-we-serve-item-top img, .industries-we-serve-item-top svg{max-width:100%;} .industries-we-serve-item p{font-size:14px;} ul.resp-tabs-list{display:none;} h2.resp-accordion{display:block;} .resp-vtabs .resp-tab-content{border:1px solid gainsboro !important;width:100%;float:left;padding:20px 15px;margin-bottom:15px;} .resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none;} .resp-accordion-closed{display:none !important;} .resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1 !important;} h2.resp-accordion{border-radius:0;font-size:19px;color:#959798;text-decoration:none;border:1px solid gainsboro !important;padding:20px 14px;height:70px;display:flex;align-items:center;position:relative;word-spacing:1px;width:100%;float:left;margin:0 0 13px 0;cursor:pointer;background-color:transparent !important;} h2.resp-accordion.resp-tab-active, h2.resp-accordion.resp-tab-active:focus, h2.resp-accordion.resp-tab-active:hover{color:#fff !important;background-color:#26a3fd !important;border-color:#26a3fd !important;cursor:default;} h2.resp-accordion span{width:auto;display:inline-block;vertical-align:middle;} } @media (min-width:320px) and (max-width:479px){.why-choose-us-right-inner-item-left svg, .why-choose-us-right-inner-item-left img{margin:3px auto 0;} .req-con-btn.fadeInLeft{margin-top:10px;} .branding-advetisement-right-inner-left{width:225px;} h2.resp-accordion{font-size:14px;padding:10px 6px;height:50px;} .branding-advetisement-right-inner-right ul li span{width:92%;} } @media (min-width:480px) and (max-width:767px){.home-banner{margin:53px 0 0 0;} .banner-text-div-left h5{font-size:45px;margin:0 0 20px 0;} .banner-text-div-left h2{margin:0 0 20px 0;font-size:35px;line-height:42px;} .banner-text-div-left p{font-size:16px;} .common-btn-style{margin:20px 0px 0 0;} .title-div h2{font-size:30px;margin:0 0 15px 0;} .title-div p{font-size:15px;margin:0 0 6px 0;} .branding-advetisement-left-inner ul li a{font-size:18px;padding:13px 14px;height:57px;} .branding-advetisement-right-inner-right h3{font-size:18px;} .branding-advetisement-right-inner-right p{font-size:15px;} .branding-advetisement-right-inner-right ul li{font-size:15px;} .branding-advetisement-right-inner-right .common-btn-style{width:205px;font-size:15px;} .who-we-bottom-text h4{font-size:14px;} .who-we-bottom-text p{font-size:13px;} .why-choose-us-right-inner-item-right h2{font-size:15px;} .why-choose-us-right-inner-item-right p{font-size:13px;} .box_para{font-size:14px;} .our-mission-div-left-text h3{font-size:18px;} .our-mission-div-left-text p{font-size:15px;} .testimonials-slider-right p{font-size:13px;} .testimonials-slider-right h2{font-size:18px;} .testimonials-slider-right h2 span{font-size:15px;margin:7px 0 0 0;} .common-div-class-section{padding:25px 0;} .who-we-are-section{padding:35px 0;} .results-section{padding:20px 0 45px 0;} } @media (min-width:576px) and (max-width:767px){.who-we-are-item{min-height:285px;} .row-slider-for-responsive .owl-item .item{padding:0 5px;} .testimonials-section .owl-item .item{padding:0 15px;} .banner-text-div-left{margin:40px 0 0 0;} } @media (min-width:768px) and (max-width:1023px){} @media (min-width:768px) and (max-width:991px){.banner-text-div-left{margin:45px 0 0 0;} .home-banner{margin:77px 0 0 0;} .banner-text-div-left h5{font-size:55px;margin:0 0 25px 0;} .banner-text-div-left h2{margin:0 0 30px 0;font-size:40px;line-height:42px;} .banner-text-div-left p{font-size:18px;} .common-btn-style{margin:25px 0px 0 0;} .title-div h2{font-size:35px;margin:0 0 18px 0;} .title-div p{font-size:16px;margin:0 0 7px 0;} .branding-advetisement-left-inner ul li a{font-size:18px;padding:13px 14px;height:57px;} .branding-advetisement-right-inner-right h3{font-size:20px;} .branding-advetisement-right-inner-right p{font-size:16px;} .branding-advetisement-right-inner-right ul li{font-size:16px;} .branding-advetisement-right-inner-right .common-btn-style{width:215px;font-size:16px;} .who-we-bottom-text h4{font-size:15px;} .who-we-bottom-text p{font-size:13px;} .why-choose-us-right-inner-item-right h2{font-size:16px;margin:0 0 11px 0;} .why-choose-us-right-inner-item-right p{font-size:13px;} .box_para{font-size:15px;} .our-mission-div-left-text h3{font-size:20px;margin:0 0 10px 0;} .our-mission-div-left-text p{font-size:16px;} .testimonials-slider-right p{font-size:13px;} .testimonials-slider-right h2{font-size:19px;} .testimonials-slider-right h2 span{font-size:15px;margin:7px 0 0 0;} .common-div-class-section{padding:26px 0;} .who-we-are-item{min-height:285px;} .row-slider-for-responsive .owl-item .item{padding:0 5px;} .testimonials-section .owl-item .item{padding:0 15px;} .industries-we-serve-item-top{height:100px;} .industries-we-serve-item p{font-size:16px;} .industries-we-serve-section .title-div-class p{margin:0 0 25px 0;font-size:18.67px;} .results-section-right-main p{font-size:18.83px;} .results-section-right-main h6{font-size:45px;} .results-section-right-main span{font-size:35px;} .results-section{padding:25px 0 55px 0;} .f-medium{font-size:18.83px;} .results-section .title-div-class .f-extra-light{font-size:30px;} } @media (min-width:992px) and (max-width:1023px){.results-section-right-main h6{font-size:45px;} .branding-advetisement-left-inner ul li{font-size:16px;} .branding-advetisement-left-inner ul li span{width:81%;} .banner-text-div-right-inner img{max-width:100%;} .banner-text-div-right{width:32.8%;float:right;} .banner-text-div-right::after{left:-240px;} .branding-advetisement-right-inner-left{width:200px;} .branding-advetisement-right-inner-right{width:56.5%;} .your-business-exclusive-section .branding-advetisement-left{width:25%;} .your-business-exclusive-section .branding-advetisement-right{width:75%;padding-left:10px;} .branding-advetisement-right-inner-right{width:69%;} .who-we-are-item{width:100%;padding:20px 15px;min-height:320px;} .who-we-are-item-3{float:right;width:70%;} .who-we-are-item-4{float:left;width:70%;} .why-choose-us-section .why-choose-us-left .why-choose-us-left-inner{width:105%;float:right;margin:-15px 0 0 0;} .why-choose-us-section .why-choose-us-left .why-choose-us-left-inner img{max-width:100%;} .why-choose-us-section .why-choose-us-right{width:65%;} .why-choose-us-right-inner-item-right{width:88%;} .work-feature-slider{padding:0 50px;} .our-mission-div-left-text::before{width:162px;height:380px;background-size:100% 100%;} .industries-we-serve-item-top{margin:0 0 10px 0;height:100px;} .industries-we-serve-item{margin:0 0 30px 0;} .results-section .title-div-class .f-extra-light{padding:0 40% 0 0;} .results-section-right-main{padding:0 20px 0 0;} .branding-advetisement-left-inner ul li a span:first-child{width:35px !important;} } @media (min-width:1024px) and (max-width:1279px){} @media (min-width:1024px) and (max-width:1199px){.branding-advetisement-left-inner ul li{border-radius:0;font-size:16px;} .results-section-right-main h6{font-size:45px;} .branding-advetisement-left-inner ul li span{width:82%;} .banner-text-div-right-inner img{max-width:100%;} .banner-text-div-right{width:32.8%;float:right;} .banner-text-div-right::after{left:-240px;} .branding-advetisement-right-inner-left{width:200px;} .branding-advetisement-right-inner-right{width:56.5%;} .your-business-exclusive-section .branding-advetisement-left{width:25%;} .your-business-exclusive-section .branding-advetisement-right{width:75%;padding-left:10px;} .branding-advetisement-right-inner-right{width:69%;} .who-we-are-item{width:100%;padding:20px 15px;min-height:300px;} .who-we-are-item-3{float:right;width:70%;} .who-we-are-item-4{float:left;width:70%;} .why-choose-us-section .why-choose-us-left .why-choose-us-left-inner{width:105%;float:right;margin:-15px 0 0 0;} .why-choose-us-section .why-choose-us-left .why-choose-us-left-inner img{max-width:100%;} .why-choose-us-section .why-choose-us-right{width:65%;} .why-choose-us-right-inner-item-right{width:88%;} .work-feature-slider{padding:0 50px;} .our-mission-div-left-text::before{width:162px;height:380px;background-size:100% 100%;} .industries-we-serve-item-top{margin:0 0 10px 0;height:100px;} .industries-we-serve-item{margin:0 0 30px 0;} .results-section .title-div-class .f-extra-light{padding:0 40% 0 0;} .results-section-right-main{padding:0 20px 0 0;} .branding-advetisement-left-inner ul li a span:first-child{width:35px !important;} } @media (min-width:1200px) and (max-width:1279px){.work-feature-slider{padding:0 145px;} .results-section-right-main h6{font-size:57px;} .results-section-right-main span{font-size:37px;} .who-we-are-item{width:370px;min-height:315px;} } @media screen and (min-width:1680px){.work-feature-section{background-size:100% auto;} .results-section::after{background-size:100% 100%;} } @media screen and (min-width:2101px){.title-div p{font-size:18px;line-height:30px;} .why-choose-us-right-inner-item-right h2{font-size:20px;} .why-choose-us-right-inner-item-right p{font-size:16px;} .our-mission-div-left-text p{font-size:18px;line-height:30px;} .industries-we-serve-section .title-div-class p{font-size:24.67px;} .industries-we-serve-item p{font-size:18.67px;} .results-section-right-main p{font-size:22.83px;} .who-we-bottom-text h4{font-size:18px;} .who-we-bottom-text p{font-size:16px;} .who-we-are-item{min-height:350px;} } @font-face { font-family: 'BebasNeueRegular'; src: url('fonts/BebasNeue-webfont.eot'); src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } /* CSS reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } html,body { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } section, header{ display: block; } /* General Demo Style */ a{ color: #333; text-decoration: none; } .container{ width: 100%; position: relative; } .clr{ clear: both; } .container > header{ padding: 20px 30px 10px 30px; margin: 0px 20px 10px 20px; position: relative; display: block; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .container > header h1{ font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 35px; line-height: 35px; position: relative; font-weight: 400; color: #936975; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); padding: 0px 0px 5px 0px; } .container > header h1 span{ color: #b19099; text-shadow: 0px 1px 1px rgba(255,255,255,0.8); } .container > header h2{ font-size: 16px; font-style: italic; color: #593741; text-shadow: 0px 1px 1px rgba(255,255,255,0.8); } /* Header Style */ .codrops-top{ line-height: 24px; font-size: 11px; background: rgba(255, 255, 255, 0.6); text-transform: uppercase; z-index: 9999; position: relative; box-shadow: 1px 0px 2px rgba(0,0,0,0.2); } .codrops-top a{ padding: 0px 10px; letter-spacing: 1px; color: #333; text-shadow: 0px 1px 1px #fff; display: block; float: left; } .codrops-top a:hover{ background: #fff; } .codrops-top span.right{ float: right; } .codrops-top span.right a{ float: left; display: block; } p.codrops-demos{ text-align:center; display: block; padding: 14px; } p.codrops-demos a, p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover{ display: inline-block; border: 1px solid #b19099; padding: 4px 10px 3px; font-size: 13px; line-height: 18px; margin: 0px 3px; font-weight: 800; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #b19099; background: -moz-linear-gradient(top, #b19099 0%, #936975 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b19099), color-stop(100%,#936975)); background: -webkit-linear-gradient(top, #b19099 0%,#936975 100%); background: -o-linear-gradient(top, #b19099 0%,#936975 100%); background: -ms-linear-gradient(top, #b19099 0%,#936975 100%); background: linear-gradient(top, #b19099 0%,#936975 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b19099', endColorstr='#936975',GradientType=0 ); } p.codrops-demos a:hover{ background: #b19099; } p.codrops-demos a:active{ -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4); -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.4); box-shadow: 0px 1px 1px rgba(255,255,255,0.4); } p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover{ color: #443132; text-shadow: 0px 1px 1px rgba(255,255,255,0.3); } #testSlide3 { display: inline-block; border: 1px solid #b19099; padding: 4px 10px 3px; margin: 0px 3px; color: #fff; background: #111; } /* Media Queries */ .da-slider{ width: 100%; min-width: 520px; height: 500px; position: relative; margin: 0px auto; overflow: hidden; -webkit-transition: background-position 1s ease-out 1.5s; -moz-transition: background-position 1s ease-out 1.5s; -o-transition: background-position 1s ease-out 1.5s; -ms-transition: background-position 1s ease-out 1.5s; transition: background-position 1s ease-out 1.5s; } .da-slide{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; text-align: left; } .da-slide-current{ z-index: 100; } .da-slider-fb .da-slide{ left: 100%; } .da-slider-fb .da-slide.da-slide-current{ left: 0px; } .da-slide h2, .da-slide p, .da-slide .da-link, .da-slide .da-img{ position: absolute; opacity: 0; left: 110%; } .da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link{ left: 10%; opacity: 1; } .da-slider-fb .da-slide .da-img{ left: 60%; opacity: 1; } .da-slide h2{ color: #fff; font-size: 20px; width: 50%; top: 140px; /* white-space: nowrap; */ z-index: 10; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-weight: 400; font-family: 'Poppins' !important; } .da-slide p{ width: 45%; top: 265px; color: white; font-size: 18px; line-height: 26px; height: 80px; overflow: hidden; font-style: italic; font-family: 'Economica', Arial, sans-serif; font-weight: 400; font-style: italic; } .da-slide .da-img{ text-align: center; width: auto; top: 70px; height: 256px; line-height: 320px; left: 110%; /*60%*/ } .da-slide .da-link{ top: 360px; /*depends on p height*/ border-radius: 30px; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border: 8px solid rgba(255,255,255,0.8); padding: 2px 20px 0px; font-size: 18px; line-height: 30px; width: 80px; text-align: center; background: rgba(255,255,255,0.2); } .da-slide .da-link:hover{ background: rgba(255,255,255,0.3); } .da-dots{ width: 100%; position: absolute; text-align: center; left: 0px; bottom: 20px; z-index: 1000; -moz-user-select: none; -webkit-user-select: none; } .da-dots span{ display: inline-block; position: relative; width: 12px; height: 12px; border-radius: 50%; background: #ddd; margin: 3px; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); } .da-dots span.da-dots-current:after{ content: ''; width: 8px; height: 8px; position: absolute; top: 2px; left: 2px; border-radius: 50%; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); } .da-arrows{ -moz-user-select: none; -webkit-user-select: none; } .da-arrows span{ position: absolute; top: 50%; height: 30px; width: 30px; border-radius: 50%; background: white; cursor: pointer; z-index: 1040; opacity: 0; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); -webkit-transition: opacity 1s ease-in-out-out 0.2s; -moz-transition: opacity 1s ease-in-out-out 0.2s; -o-transition: opacity 1s ease-in-out-out 0.2s; -ms-transition: opacity 1s ease-in-out-out 0.2s; transition: opacity 1s ease-in-out-out 0.2s; } .da-slider:hover .da-arrows span{ opacity: 1; } .da-arrows span:after{ content: ''; position: absolute; width: 20px; height: 20px; top: 5px; left: 5px; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); font-family: fontawesome; text-align: center; } .da-arrows span:hover:after{ box-shadow: 1px 1px 4px rgba(0,0,0,0.3); } .da-arrows span:active:after{ box-shadow: 1px 1px 1px rgba(255,255,255,0.1); } .da-arrows span.da-arrows-next:after{ background-position: top right; } span.da-arrows-prev::after { content: "\f104"; font-weight: 600; } span.da-arrows-next::after { content: "\f105"; font-weight: 600; } .da-arrows span.da-arrows-prev{ left: 15px; } .da-arrows span.da-arrows-next{ right: 15px; } .da-slide-current h2, .da-slide-current p, .da-slide-current .da-link{ left: 10%; opacity: 1; } .da-slide-current .da-img{ left: 60%; opacity: 1; } /* Animation classes and animations */ /* Slide in from the right*/ .da-slide-fromright h2{ -webkit-animation: fromRightAnim1 1.8s ease-in-out 1.5s both; -moz-animation: fromRightAnim1 1.8s ease-in-out 1.5s both; -o-animation: fromRightAnim1 1.8s ease-in-out 1.5s both; -ms-animation: fromRightAnim1 1.8s ease-in-out 1.5s both; animation: fromRightAnim1 1.8s ease-in-out 1.5s both; } h2.logo-h2 { margin-top: 53px; font-size: 24px; line-height: 36px; font-weight: 600; } .da-slide-fromright p{ -webkit-animation: fromRightAnim2 1.8s ease-in-out 1.5s both; -moz-animation: fromRightAnim2 1.8s ease-in-out 1.5s both; -o-animation: fromRightAnim2 1.8s ease-in-out 1.5s both; -ms-animation: fromRightAnim2 1.8s ease-in-out 1.5s both; animation: fromRightAnim2 1.8s ease-in-out 1.5s both; } .da-slide-fromright .da-link{ -webkit-animation: fromRightAnim3 1s ease-in-out 1.2s both; -moz-animation: fromRightAnim3 1s ease-in-out 1.2s both; -o-animation: fromRightAnim3 1s ease-in-out 1.2s both; -ms-animation: fromRightAnim3 1s ease-in-out 1.2s both; animation: fromRightAnim3 1s ease-in-out 1.2s both; } .da-img img { width: 95%; } .da-slide-fromright .da-img{ -webkit-animation: fromRightAnim4 1.8s ease-in-out 1.5s both; -moz-animation: fromRightAnim4 1.8s ease-in-out 1.5s both; -o-animation: fromRightAnim4 1.8s ease-in-out 1.5s both; -ms-animation: fromRightAnim4 1.8s ease-in-out 1.5s both; animation: fromRightAnim4 1.8s ease-in-out 1.5s both; } @-webkit-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-moz-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-o-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-ms-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } /* Slide in from the left*/ .da-slide-fromleft h2{ -webkit-animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; -moz-animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; -o-animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; -ms-animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; } .da-slide-fromleft p{ -webkit-animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; -moz-animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; -o-animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; -ms-animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; } .da-slide-fromleft .da-link{ -webkit-animation: fromLeftAnim3 1s ease-in-out 1.2s both; -moz-animation: fromLeftAnim3 1s ease-in-out 1.2s both; -o-animation: fromLeftAnim3 1s ease-in-out 1.2s both; -ms-animation: fromLeftAnim3 1s ease-in-out 1.2s both; animation: fromLeftAnim3 1s ease-in-out 1.2s both; } .da-slide-fromleft .da-img{ -webkit-animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; -moz-animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; -o-animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; -ms-animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; } @-webkit-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-moz-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-o-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-ms-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } /* Slide out to the right */ .da-slide-toright h2{ -webkit-animation: toRightAnim1 1.8s ease-in-out 1.8s both; -moz-animation: toRightAnim1 1.8s ease-in-out 1.8s both; -o-animation: toRightAnim1 1.8s ease-in-out 1.8s both; -ms-animation: toRightAnim1 1.8s ease-in-out 1.8s both; animation: toRightAnim1 1.8s ease-in-out 1.8s both; } .da-slide-toright p{ -webkit-animation: toRightAnim2 1.8s ease-in-out 1.5s both; -moz-animation: toRightAnim2 1.8s ease-in-out 1.5s both; -o-animation: toRightAnim2 1.8s ease-in-out 1.5s both; -ms-animation: toRightAnim2 1.8s ease-in-out 1.5s both; animation: toRightAnim2 1.8s ease-in-out 1.5s both; } .da-slide-toright .da-link{ -webkit-animation: toRightAnim3 1s ease-in-out both; -moz-animation: toRightAnim3 1s ease-in-out both; -o-animation: toRightAnim3 1s ease-in-out both; -ms-animation: toRightAnim3 1s ease-in-out both; animation: toRightAnim3 1s ease-in-out both; } .da-slide-toright .da-img{ -webkit-animation: toRightAnim4 1.8s ease-in-out both; -moz-animation: toRightAnim4 1.8s ease-in-out both; -o-animation: toRightAnim4 1.8s ease-in-out both; -ms-animation: toRightAnim4 1.8s ease-in-out both; animation: toRightAnim4 1.8s ease-in-out both; } @-webkit-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } /* Slide out to the left*/ .da-slide-toleft h2{ -webkit-animation: toLeftAnim1 1.8s ease-in-out both; -moz-animation: toLeftAnim1 1.8s ease-in-out both; -o-animation: toLeftAnim1 1.8s ease-in-out both; -ms-animation: toLeftAnim1 1.8s ease-in-out both; animation: toLeftAnim1 1.8s ease-in-out both; } .da-slide-toleft p{ -webkit-animation: toLeftAnim2 1.8s ease-in-out 1.5s both; -moz-animation: toLeftAnim2 1.8s ease-in-out 1.5s both; -o-animation: toLeftAnim2 1.8s ease-in-out 1.5s both; -ms-animation: toLeftAnim2 1.8s ease-in-out 1.5s both; animation: toLeftAnim2 1.8s ease-in-out 1.5s both; } .da-slide-toleft .da-link{ -webkit-animation: toLeftAnim3 1.8s ease-in-out 1.8s both; -moz-animation: toLeftAnim3 1.8s ease-in-out 1.8s both; -o-animation: toLeftAnim3 1.8s ease-in-out 1.8s both; -ms-animation: toLeftAnim3 1.8s ease-in-out 1.8s both; animation: toLeftAnim3 1.8s ease-in-out 1.8s both; } .da-slide-toleft .da-img{ -webkit-animation: toLeftAnim4 1.8s ease-in-out 1.5s both; -moz-animation: toLeftAnim4 1.8s ease-in-out 1.5s both; -o-animation: toLeftAnim4 1.8s ease-in-out 1.5s both; -ms-animation: toLeftAnim4 1.8s ease-in-out 1.5s both; animation: toLeftAnim4 1.8s ease-in-out 1.5s both; } @-webkit-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @media screen and (max-width:991px) { .da-slider { width: 100%; min-width: 100%; } .da-slide h2 { font-size: 16px; width: 100%; top: 40px; text-align: center; white-space: initial; } .da-slide .logo-h2 { font-size: 20px; margin-top: 32px; line-height: 34px; } .da-slide-current h2, .da-slide-current p, .da-slide-current .da-link{ left: 0%; opacity: 1; } .da-slide-current .da-img{ left: 0%; opacity: 1; } .da-slide p { width: 100%; top: 110px; font-size: 14px; height: auto; text-align: center; } .da-slide .da-link { top: 175px; left: 0; right: 0; margin: 0 auto !important; } .da-slide .da-img { text-align: center; width: 300px; top: 300px; height: 256px; line-height: 320px; left: 0; right: 0; margin: 0 auto; } .da-slide { text-align: center; } @-webkit-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-webkit-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-webkit-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-webkit-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-moz-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-moz-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-moz-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-moz-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-o-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-o-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-o-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-o-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-ms-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-ms-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-ms-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-ms-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } /* Slide in from the left*/ .da-slide-fromleft h2{ -webkit-animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; -moz-animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; -o-animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; -ms-animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; animation: fromLeftAnim1 1.8s ease-in-out 1.8s both; } .da-slide-fromleft p{ -webkit-animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; -moz-animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; -o-animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; -ms-animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; animation: fromLeftAnim2 1.8s ease-in-out 1.8s both; } .da-slide-fromleft .da-link{ -webkit-animation: fromLeftAnim3 1s ease-in-out 1.2s both; -moz-animation: fromLeftAnim3 1s ease-in-out 1.2s both; -o-animation: fromLeftAnim3 1s ease-in-out 1.2s both; -ms-animation: fromLeftAnim3 1s ease-in-out 1.2s both; animation: fromLeftAnim3 1s ease-in-out 1.2s both; } .da-slide-fromleft .da-img{ -webkit-animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; -moz-animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; -o-animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; -ms-animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; animation: fromLeftAnim4 1.8s ease-in-out 1.8s both; } @-webkit-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-webkit-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-webkit-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-webkit-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-moz-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-moz-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-moz-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-moz-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-o-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-o-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-o-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-o-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-ms-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-ms-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-ms-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @-ms-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } @keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 0%; opacity: 1; } } /* Slide out to the right */ .da-slide-toright h2{ -webkit-animation: toRightAnim1 1.8s ease-in-out 1.8s both; -moz-animation: toRightAnim1 1.8s ease-in-out 1.8s both; -o-animation: toRightAnim1 1.8s ease-in-out 1.8s both; -ms-animation: toRightAnim1 1.8s ease-in-out 1.8s both; animation: toRightAnim1 1.8s ease-in-out 1.8s both; } .da-slide-toright p{ -webkit-animation: toRightAnim2 1.8s ease-in-out 1.5s both; -moz-animation: toRightAnim2 1.8s ease-in-out 1.5s both; -o-animation: toRightAnim2 1.8s ease-in-out 1.5s both; -ms-animation: toRightAnim2 1.8s ease-in-out 1.5s both; animation: toRightAnim2 1.8s ease-in-out 1.5s both; } .da-slide-toright .da-link{ -webkit-animation: toRightAnim3 1s ease-in-out both; -moz-animation: toRightAnim3 1s ease-in-out both; -o-animation: toRightAnim3 1s ease-in-out both; -ms-animation: toRightAnim3 1s ease-in-out both; animation: toRightAnim3 1s ease-in-out both; } .da-slide-toright .da-img{ -webkit-animation: toRightAnim4 1.8s ease-in-out both; -moz-animation: toRightAnim4 1.8s ease-in-out both; -o-animation: toRightAnim4 1.8s ease-in-out both; -ms-animation: toRightAnim4 1.8s ease-in-out both; animation: toRightAnim4 1.8s ease-in-out both; } @-webkit-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } /* Slide out to the left*/ .da-slide-toleft h2{ -webkit-animation: toLeftAnim1 1.8s ease-in-out both; -moz-animation: toLeftAnim1 1.8s ease-in-out both; -o-animation: toLeftAnim1 1.8s ease-in-out both; -ms-animation: toLeftAnim1 1.8s ease-in-out both; animation: toLeftAnim1 1.8s ease-in-out both; } .da-slide-toleft p{ -webkit-animation: toLeftAnim2 1.8s ease-in-out 1.5s both; -moz-animation: toLeftAnim2 1.8s ease-in-out 1.5s both; -o-animation: toLeftAnim2 1.8s ease-in-out 1.5s both; -ms-animation: toLeftAnim2 1.8s ease-in-out 1.5s both; animation: toLeftAnim2 1.8s ease-in-out 1.5s both; } .da-slide-toleft .da-link{ -webkit-animation: toLeftAnim3 1.8s ease-in-out 1.8s both; -moz-animation: toLeftAnim3 1.8s ease-in-out 1.8s both; -o-animation: toLeftAnim3 1.8s ease-in-out 1.8s both; -ms-animation: toLeftAnim3 1.8s ease-in-out 1.8s both; animation: toLeftAnim3 1.8s ease-in-out 1.8s both; } .da-slide-toleft .da-img{ -webkit-animation: toLeftAnim4 1.8s ease-in-out 1.5s both; -moz-animation: toLeftAnim4 1.8s ease-in-out 1.5s both; -o-animation: toLeftAnim4 1.8s ease-in-out 1.5s both; -ms-animation: toLeftAnim4 1.8s ease-in-out 1.5s both; animation: toLeftAnim4 1.8s ease-in-out 1.5s both; } @-webkit-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } .btn.common-btn-style.request-btn { height: auto; padding: 6px; top: 220px; } .common-btn-style span:last-child { height: 35px; width: 35px; } } @media (min-width:320px) and (max-width:359px){ .contact-btn.common-btn-style { font-size: 12px; } } @media (min-width:320px) and (max-width:540px){ .da-slide .da-img { text-align: center; width: 180px; } .da-slide .logo-h2 { font-size: 16px; line-height: 24px; } .btn.common-btn-style.request-btn { top: 205px; } } @media (min-width:550px) and (max-width:991px){ .da-img img { width: 60%; } } @media (min-width:992px) and (max-width:1023px){ h2.logo-h2 { font-size: 20px; line-height: 32px; } } @media (min-width:1024px) and (max-width:1200px){ h2.logo-h2 { font-size: 20px; line-height: 32px; } .da-slide p { font-size: 16px; } }