@font-face{
    font-family:'Futura Bk BT';src:url(../fonts/FuturaBT-Book.eot);
    src:url(../fonts/FuturaBT-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/FuturaBT-Book.woff2) format("woff2"),url(../fonts/FuturaBT-Book.woff) format("woff"),url(../fonts/FuturaBT-Book.ttf) format("truetype"),url(../fonts/FuturaBT-Book.svg#FuturaBT-Book) format("svg");
    font-weight:400;font-style:normal}
@font-face{
    font-family:'Proxima Nova Alt Rg';src:url(../fonts/ProximaNovaA-Regular.eot);
    src:url(../fonts/ProximaNovaA-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/ProximaNovaA-Regular.woff2) format("woff2"),url(../fonts/ProximaNovaA-Regular.woff) format("woff"),url(../fonts/ProximaNovaA-Regular.ttf) format("truetype"),url(../fonts/ProximaNovaA-Regular.svg#ProximaNovaA-Regular) format("svg");
    font-weight:400;font-style:normal}
@font-face{
    font-family:'Proxima Nova Alt Rg';src:url(../fonts/ProximaNovaA-Bold.eot);src:url(../fonts/ProximaNovaA-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/ProximaNovaA-Bold.woff2) format("woff2"),url(../fonts/ProximaNovaA-Bold.woff) format("woff"),url(../fonts/ProximaNovaA-Bold.ttf) format("truetype"),url(../fonts/ProximaNovaA-Bold.svg#ProximaNovaA-Bold) format("svg");
    font-weight:700;font-style:normal}
@font-face{
    font-family:'Proxima Nova Alt Bl';src:url(../fonts/ProximaNovaA-Black.eot);src:url(../fonts/ProximaNovaA-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/ProximaNovaA-Black.woff2) format("woff2"),url(../fonts/ProximaNovaA-Black.woff) format("woff"),url(../fonts/ProximaNovaA-Black.ttf) format("truetype"),url(../fonts/ProximaNovaA-Black.svg#ProximaNovaA-Black) format("svg");
    font-weight:900;font-style:normal}
@font-face{
    font-family:'Proxima Nova Alt Th';
    src:url(../fonts/ProximaNovaA-Extrabld.eot);
    src:url(../fonts/ProximaNovaA-Extrabld.eot?#iefix) format("embedded-opentype"),url(../fonts/ProximaNovaA-Extrabld.woff2) format("woff2"),url(../fonts/ProximaNovaA-Extrabld.woff) format("woff"),url(../fonts/ProximaNovaA-Extrabld.ttf) format("truetype"),url(../fonts/ProximaNovaA-Extrabld.svg#ProximaNovaA-Extrabld) format("svg");
    font-weight:800;font-style:normal}
@font-face{
    font-family:'Proxima Nova Alt Lt';src:url(../fonts/ProximaNovaA-Light.eot);
    src:url(../fonts/ProximaNovaA-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/ProximaNovaA-Light.woff2) format("woff2"),url(../fonts/ProximaNovaA-Light.woff) format("woff"),url(../fonts/ProximaNovaA-Light.ttf) format("truetype"),url(../fonts/ProximaNovaA-Light.svg#ProximaNovaA-Light) format("svg");
    font-weight:300;font-style:normal}
@font-face{
    font-family:'League Spartan';
    src:url(../fonts/LeagueSpartan-Bold.eot);
    src:url(../fonts/LeagueSpartan-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/LeagueSpartan-Bold.woff2) format("woff2"),url(../fonts/LeagueSpartan-Bold.woff) format("woff"),url(../fonts/LeagueSpartan-Bold.ttf) format("truetype"),url(../fonts/LeagueSpartan-Bold.svg#LeagueSpartan-Bold) format("svg");
    font-weight:700;font-style:normal}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('../fonts/ProximaNovaT-Thin.eot');
    src: url('../fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'),
        url('../fonts/ProximaNovaT-Thin.woff') format('woff'),
        url('../fonts/ProximaNovaT-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Semibold.eot');
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff'),
        url('../fonts/MyriadPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.eot');
    src: url('../fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Black.woff2') format('woff2'),
        url('../fonts/Poppins-Black.ttf') format('truetype'),
        url('../fonts/Poppins-Black.svg#Poppins-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.ttf') format('truetype'),
        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.eot');
    src: url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),
        url('../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

body{font-family: 'Poppins';font-size:18px;line-height:22px;color:gray;font-weight:400;overflow-x:hidden}
:focus,:hover{outline:0}
h1,h2,h3{font-family: 'Proxima Nova Alt Lt';font-size:48px;color:#343434;line-height:52px;margin-bottom:50px}
h4,h5,h6{font-family: 'Poppins';font-weight:700}
h6{font-size:16px}
p{margin-bottom:40px;font-family: 'Poppins';}
a{font-family: 'Poppins';/*-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;*/position:relative;text-decoration:none}
a:before,a:after{-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out}
img .img-fluid{margin:0 auto}
a:focus,a:hover,a:active,a.drawer-menu-item:hover{text-decoration:none}
ul,ol{margin:0;padding:0}
#newsletter-blk{width:400px;height:90px;line-height:90px;font-size:18px;background:#091929;position:fixed;right:-550px;bottom:190px;color:#fff;z-index:5;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;-webkit-transition:all 1.5s ease-in-out;text-align:center}
#newsletter-blk .rocket-img{position:absolute;left:-40px;top:-30px;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out}
#newsletter-blk .rocket-img img{-moz-transform:rotate(25deg);-ms-transform:rotate(25deg);-o-transform:rotate(25deg);-webkit-transform:rotate(25deg);transform:rotate(25deg);position:relative;z-index:2}
#newsletter-blk:hover{right:20px;cursor:pointer}
#newsletter-blk:hover .flame-blk{opacity:1}
#close{position:absolute;right:5px;top:7px;line-height:15px;cursor:pointer;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
header{position:relative}
header .header-banner-img{display:none;margin-top:116px}
header .header-banner-img img{width:100%}
.nav-top .social{position:relative;display:inline-block}
.nav-top .social ul{display:inline-block;position:relative;padding-right:7px}
.nav-top .social ul li{display:inline-block;margin-right:13px}
.nav-top .social ul li a i,#follows-sec ul li a i{-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out}
.nav-top .social ul li a:hover i,#follows-sec ul li a:hover i{-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);color:#2754BB}
.nav-top .social ul li a:hover .fa-twitter,#follows-sec ul li a:hover .fa-twitter{color:#2599ED}
.nav-top .social ul li a:hover .fa-google,#follows-sec ul li a:hover .fa-google{color:#E53835}
.nav-top .social ul li a:hover .fa-linkedin,#follows-sec ul li a:hover .fa-linkedin{color:#178FCB}
.nav-top .social ul li a:hover .fa-pinterest-p,#follows-sec ul li a:hover .fa-pinterest-p{color:#E92934}
.nav-top .social ul li a:hover .fa-dribbble,#follows-sec ul li a:hover .fa-dribbble{color:#fff}
.nav-top .social ul li a:hover .fa-instagram,#follows-sec ul li a:hover .fa-instagram{color:#BA2498}
.nav-top .social ul li a:hover .fa-whatsapp,#follows-sec ul li a:hover .fa-whatsapp{color:#01E675}
.nav-top .social ul li a i.fa.fa-whatsapp {font-size: 18px;}
.whatsappbox { display: none;}
#cookiescript_reject, #cookiescript_accept { padding: 6px 6px !important;}
#cookiescript_injected{width: 230px !important; font-size: 11px !important; line-height: 13px !important; padding: 8px 10px !important; bottom: 10px !important;
    left: 10px !important;}
.nav-top .social ul li a .fa{line-height:20px}
.drawer-navbar .drawer-menu-item.nav-btn.ticket-btn{background-color:transparent;border:solid 1px #fff}
header .container{max-width:1035px}
.banner-block{padding:22% 0 0;max-width:670px;width:100%;color:#fff}
.banner-block h2{margin:0 0 18px;font-family:'League Spartan';font-size:72px;line-height:90px;color:#fff}
.drawer-navbar .drawer-menu-item:hover,.drawer-navbar .drawer-menu-item:active,.drawer-navbar .drawer-menu-item:focus{color:#fff}
.drawer-navbar .drawer-menu-item:hover:before,.drawer-navbar .drawer-menu li.active .drawer-menu-item:before{top:100%;opacity:1}
.drawer-navbar .drawer-menu-item.nav-btn.ticket-btn:before{background:#fff}
.drawer-navbar .drawer-menu-item.nav-btn.ticket-btn:hover{color:#e56156}
.banner-block p{margin-bottom:80px}
.banner-block a,a.bnr-btn{width:190px;height:44px;display:inline-block;border:solid 1px #62a089;background:transparent;text-align:center;line-height:42px;color:#fff;margin-right:60px;font-size:19px;position:relative;z-index:1}
.banner-block a:before,a.red-ancr:before,a.bnr-btn:before{position:absolute;content:'';left:0;height:100%;top:0;background:#62a089;width:100%;z-index:-1}
.banner-block a:hover:before,.red-ancr:hover:before,a.a.bnr-btn:hover:before{height:0}
.banner-block a.blank-ancr,a.bnr-btn.blank-ancr{background:transparent;border-color:#fff}
.banner-block a.blank-ancr:before,a.bnr-btn.blank-ancr:before,.drawer-navbar .drawer-menu-item.nav-btn.ticket-btn:before{background:#fff;height:0}
.banner-block a.blank-ancr:hover:before,a.bnr-btn.blank-ancr:hover:before,.drawer-navbar .drawer-menu-item.nav-btn.ticket-btn:hover:before{height:100%}
.banner-block a.blank-ancr:hover,a.bnr-btn.blank-ancr:hover{color:#62a089}
.drawer-navbar .drawer-brand{width:275px;padding: 10px 12px;/*padding: 0 12px;*/}
#we-deliver-sucees{padding:110px 0 130px;position:relative;background:url(../images/home/cloud-right-img.png) right bottom no-repeat;text-align:center}
#we-deliver-sucees p{max-width:600px;margin:0 auto 45px}
.jet-img,.left-cloud{position:absolute;left:0;bottom:0;z-index:1}
.jet-img{z-index:-1}
a.green-ancr,a.green-ancr:active,a.green-ancr:focus,a.green-ancr:hover{font-family:'Proxima Nova Alt Rg';font-weight:700;font-size:14px;color:#63b69f;padding:8px 0}
a.green-ancr:before,a.green-ancr:after{position:absolute;bottom:0;height:1px;background:#63b69f;content:'';left:-1px;right:-1px;opacity:1;z-index:1}
a.green-ancr:after{top:50%;opacity:0}
a.green-ancr:hover:after{top:0;opacity:1}
#testimonial-blk{background:url(../images/home/testimonial-bg.jpg) no-repeat center center;background-size:120% 120%;padding:100px 0 170px;text-align:center}
#testimonial-blk h2{color:#fff}
#testimonial-blk h2 br{display:none}
h6{color:#D3D3D3;margin-bottom:30px}
h5{font-size:18px;color:#fff;font-weight:700;margin-bottom:0}
#testimonial-slider{max-width:1020px;margin:60px auto 0;position:relative;color:#fff;z-index:0}
#testimonial-slider .owl-carousel p{max-width:600px;margin:0 auto 40px}
#testimonial-slider .owl-carousel .owl-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%}
#testimonial-slider .owl-carousel .owl-nav .owl-prev,#testimonial-slider .owl-carousel .owl-nav .owl-next{width:35px;position:absolute;left:0;margin-top:-30px}
#testimonial-slider .owl-carousel .owl-nav img{width:100%}
#testimonial-slider .owl-carousel .owl-nav .owl-next{transform:rotate(180deg);right:0;left:auto}
#digital-marketing{padding:100px 0 220px;text-align:center;position:relative;overflow:hidden}
.digital-marketing-img{position:absolute;left:0;right:0;bottom:0;z-index:-1;margin:0 auto}
#digital-marketing p{max-width:530px;margin:0 auto 50px}
.red-ancr{padding:0 20px;line-height:44px;display:inline-block;color:#fff;border:solid 1px #e56156;position:relative;z-index:1;background:#fff}
a.red-ancr:before{background:#e56156}
a.red-ancr:hover,a.red-ancr:active{color:#e56156}
a.red-ancr:focus{color:#fff}
.packages-blk{text-align:left;padding:50px 95px;background:#e5e5e5;height:100%;max-width:460px;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.packages-blk:hover{-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
#digital-marketing .packages-blk p{margin-bottom:30px!important}
.packages-blk img{display:block}
.icon-img{margin:0 auto 55px}
.logo-img{margin:20px auto 45px}
.row.digital-marketing-packages{margin:80px auto 0;max-width:1050px}
.grey-bg{background:#071737}
.white-bg{background-color:#fff}
.red-text{color:#63b69f}
#marketing-gallery{margin:0}
.gallery-img{z-index:1;overflow:hidden;padding:0}
.gallery-img a:after{z-index:2;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(9,25,42,0.5);content:'';-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);-o-transform:scale(0.85);transform:scale(0.85)}
.gallery-img a:hover:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
#marketing-gallery img{width:100%}
.gallery-text{position:absolute;left:35px;bottom:35px;font-size:13px;line-height:20px;z-index:3;opacity:1;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;color:#aaa}
.gallery-text p{margin-bottom:0;text-transform:uppercase}
#marketing-gallery:hover .gallery-text{bottom:-200px;opacity:0}
#marketing-gallery:hover .gallery-img:hover .gallery-text{bottom:35px;opacity:1;color:#fff}
#seo-marketing{background-color:#e5e5e5;background-image:url(../images/home/digital-marketing-bg1.png),url(../images/home/digital-marketing-bg2.png);background-position:left top,right bottom;background-repeat:no-repeat,no-repeat;background-size:auto 95%,auto 65%;padding:130px 0 90px;overflow:hidden}
h3{font-size:30px;margin-bottom:28px!important;line-height:40px}
#seo-marketing .packages-blk.white-bg h3{color:#343434}
.green-ancr,.green-ancr:active,.green-ancr:focus,.green-ancr:hover{font-size:14px;margin:20px 0;display:inline-block;color:#638181;padding:0 0 5px;position:relative}
#printing-section{text-align:center;padding:80px 0 0;position:relative;z-index:2;overflow:hidden}
#printing-section:before{background:#27262b;position:absolute;content:'';height:37.35%;width:100%;bottom:0;left:0;z-index:-1}
#printing-section p{max-width:500px;margin:0 auto 40px}
#printing-section .green-ancr{margin:0 20px 20px}
#seo-marketing .green-ancr{margin:0 0 20px}

#intrested-blk{padding:110px 0 30px}
#client-slider{margin:40px auto 10px}
#client-slider .owl-carousel .owl-stage{display:flex}
#client-slider .owl-carousel .owl-item{padding:0 15px}
#client-slider .owl-carousel .owl-item .item{height:110px;display:table;width:100%}
#client-slider .owl-carousel .owl-item .item div{display:table-cell;vertical-align:middle}
#client-slider .owl-carousel .owl-item img{width:auto;margin:0 auto}
#intrested-blk .container{max-width:1230px;width:90%}
#intrested-blk a.red-ancr{width:330px;height:75px;line-height:75px;font-size:19px;color:#fff}
#intrested-blk a.red-ancr:hover{color:#e56156}
.drawer-hamburger-icon {
    background: #03192f;
    box-shadow: 0px 9px 0px rgb(255, 255, 255);
}
.drawer-open .drawer-hamburger-icon{
    box-shadow: none;
}
.drawer-hamburger {height: 60px;top: -12px;}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{background-color:#fff}
.drawer-hamburger-icon:after{top:0px}
.drawer-hamburger-icon:before{top:-9px}
.drawer-navbar .drawer-navbar-header{border:0}
.call-ancr i,#follows-sec ul li:last-child:after{display:none}
.flame-blk{width:60px;height:60px;position:absolute;transform-origin:center bottom;animation-name:flicker;animation-duration:3ms;animation-delay:200ms;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-direction:alternate;bottom:0;z-index:1;left:-5px;opacity:0;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out}
.flame{position:absolute;border-bottom-right-radius:50%;border-bottom-left-radius:50%;border-top-left-radius:50%;-moz-transform:rotate(-195deg) scale(1.5,1.5);-ms-transform:rotate(-195deg) scale(1.5,1.5);-o-transform:rotate(-195deg) scale(1.5,1.5);-webkit-transform:rotate(-195deg) scale(1.5,1.5);transform:rotate(-195deg) scale(1.5,1.5)}
.yellow{left:15px;width:10px;height:10px;background:#ffd700;box-shadow:0 0 9px 4px #ffd700;top:15px}
.orange{left:10px;width:20px;height:20px;background:orange;box-shadow:0 0 9px 4px orange;top:10px}
.red{left:5px;width:30px;height:30px;background:#ff4500;box-shadow:0 0 5px 4px #ff4500;top:5px}
.white{left:15px;bottom:-4px;width:10px;height:10px;background:#fff;box-shadow:0 0 9px 4px #fff;top:15px}
.circle{border-radius:50%;position:absolute}
.blue{width:10px;height:10px;left:25px;bottom:-25px;background:#6a5acd;box-shadow:0 0 15px 10px #6a5acd}
@keyframes flicker {
0%{transform:rotate(-1deg)}
20%{transform:rotate(1deg)}
40%{transform:rotate(-1deg)}
60%{transform:rotate(1deg) scaleY(1.04)}
80%{transform:rotate(-2deg) scaleY(0.92)}
100%{transform:rotate(1deg)}
}
@-moz-keyframes bounce {
0%,100%{-moz-transform:translateY(0) rotate(25deg);-ms-transform:translateY(0) rotate(25deg);-o-transform:translateY(0) rotate(25deg);-webkit-transform:translateY(0) rotate(25deg);transform:translateY(0) rotate(25deg)}
50%{-moz-transform:translateY(-30px) rotate(25deg);-ms-transform:translateY(-30px) rotate(25deg);-o-transform:translateY(-30px) rotate(25deg);-webkit-transform:translateY(-30px) rotate(25deg);transform:translateY(-30px) rotate(25deg);left:5px}
}
@-webkit-keyframes bounce {
0%,100%{-moz-transform:translateY(0) rotate(25deg);-ms-transform:translateY(0) rotate(25deg);-o-transform:translateY(0) rotate(25deg);-webkit-transform:translateY(0) rotate(25deg);transform:translateY(0) rotate(25deg)}
50%{-moz-transform:translateY(-30px) rotate(25deg);-ms-transform:translateY(-30px) rotate(25deg);-o-transform:translateY(-30px) rotate(25deg);-webkit-transform:translateY(-30px) rotate(25deg);transform:translateY(-30px) rotate(25deg);left:5px}
}
@keyframes bounce {
0%,100%{-moz-transform:translateY(0) rotate(25deg);-ms-transform:translateY(0) rotate(25deg);-o-transform:translateY(0) rotate(25deg);-webkit-transform:translateY(0) rotate(25deg);transform:translateY(0) rotate(25deg)}
50%{-moz-transform:translateY(-30px) rotate(25deg);-ms-transform:translateY(-30px) rotate(25deg);-o-transform:translateY(-30px) rotate(25deg);-webkit-transform:translateY(-30px) rotate(25deg);transform:translateY(-30px) rotate(25deg);left:5px}
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.fade.in{opacity:1}
.modal-backdrop.in{opacity:0}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog{max-width:100%;margin:0}
.modal-open .modal{max-width:1280px;margin:0 auto;background:#000;top:50px;bottom:auto;padding:80px!important;width:90%;max-height:90%}
.banner-img.cms-page{background-image:url(../images/cms/banner-img.jpg)}
.close{font-size:1.5rem;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 0 #fff;opacity:1;position:absolute;top:-60px;right:-60px;cursor:pointer;width:33px;height:35px}
.close:before,.close:after{position:absolute;left:15px;content:''!important;height:36px;width:2px;background-color:#fff}
.close:after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.close:before{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.modal-body{padding:0}
.modal-body p,.modal-body h4{color:#fff}
.modal-content{background-color:transparent;font-style:normal}
.contact-form{margin-top:25px}
#newsletter .contact-form{padding:0 12px}
.contact-form [class*="col-"]{padding:0 5px;border:0}
.contact-form input,.input-field,textarea,.input-field#qty{width:100%;padding:15px 25px;height:60px;font-family:'Proxima Nova Alt Rg';border:0;border-radius:0;line-height:30px}
.contact-form input[type="submit"],.contact-form input[type="button"],.back-btn,.sbmt-btn,#btnsubmit,#callbk_frm input[type="submit"]{background:#df5651;color:#fff;text-transform:uppercase;font-size:17px;text-align:center;padding:0;cursor:pointer;width:120px}
.input-field input[type='file']{padding:15px 25px}
.input-field{display:block;background:#fff;margin:15px 0 0!important;padding:0}
.contact-form input[type="checkbox"],.contact-form input[type="radio"]{width:18px;background:#000;position:absolute;right:25px;top:10px}
.contact-form label{line-height:30px;display:block;margin:0;padding:15px 25px;font-weight:400}
.modal-open .modal.maxWidth1k{max-width:1000px;top:15%}
.maxWidth1k .contact-form [class*="col-"],#print-quote .contact-form [class*="col-"]{padding:0 10px}
.modal#print-quote{top:10%;bottom:10%}
#print-quote .contact-form{margin:0}
.maxWidth1k .contact-form input{margin:10px 0}
.progress-bar{background:#fff;height:24px;margin-bottom:38px;overflow:hidden}
.progress-bar i{background:#5db8a0;width:20%;float:left;height:24px;-webkit-transition:width 1s cubic-bezier(0,.31,.25,1);-moz-transition:width 1s cubic-bezier(0,.31,.25,1);transition:width 1s cubic-bezier(0,.31,.25,1)}
.modal-body h4{font-family:'Proxima Nova Alt Lt';font-size:24px}
.contact-form textarea{padding:25px;max-width:100%;min-width:100%;max-height:110px;min-height:110px;margin:10px 0 20px;line-height:22px}
#print-quote .contact-form textarea{max-height:240px;min-height:240px}
#step5 p,#seo-step5 p,#web-step5 p{font-size:22px;line-height:28px}
#seo-step5 p a,#step5 p a,#web-step5 p a{color:#fff;font-weight:700;font-family:'Proxima Nova Alt Rg'}
#step5 p a:before,#seo-step5 p a:before,#web-step5 p a{color:#5db8a0}
input[type="checkbox"],input[type="radio"]{visibility:hidden}
label{cursor:pointer}
input[type="checkbox"] + label:before,input[type="checkbox"] + label.check-label:before,input[type="radio"] + label:before{border:1px solid #0e1925;content:"\00a0";display:inline-block;font:16px/1em sans-serif;height:16px;margin:0 .25em 0 0;padding:0;vertical-align:top;width:16px;position:absolute;right:25px;top:36px;background:#0e1925}
input[type="checkbox"]:checked + label:before,input[type="checkbox"]:checked + label.check-label:before,input[type="radio"]:checked + label:before{background:#df5651;color:#fff;content:"\2713";text-align:center;border-color:#df5651}
.input-field:hover label:before{background:#df5651;border-color:#df5651}
input[type="checkbox"]:checked + label:after,input[type="checkbox"]:checked + label.check-label:after,input[type="radio"]:checked + label:after{font-weight:700;color:#fff}
.contact-form input[type="button"].next-btn,.contact-form input[value="Next"],#free-seo-report input[type="submit"],.back-btn{width:113px;/*width:74px;*/height:42px;text-align:center;padding:0;margin-top:20px;border-radius:0;line-height:42px}
/*.contact-form input[type="button"].next-btn,.contact-form input[value="Next"],#free-seo-report input[type="submit"],.back-btn{width:74px;}*/
#step2,#step3,#step4,#step5,#seo-step2,#seo-step3,#seo-step4,#seo-step5,#web-step2,#web-step3,#web-step4,#web-step5{display:none}
#chat-ancr{position:fixed;right:-81px;top:36%;display:inline-block;background:#e56360;transform:rotate(-90deg);width:230px;height:70px;line-height:70px;color:#fff;font-family:'Proxima Nova Alt Rg';font-size:22px;padding-right:30px;text-align:right;z-index:10}
#chat-ancr:before{content:'';background:url(../images/online-chat-icon.jpg) no-repeat left top / 100% auto;transform:rotate(90deg);display:inline-block;position:absolute;left:15px;top:12px;width:50px;height:50px}
#chat-winddow{position:fixed;right:-250px;opacity:0;background:#000;padding:30px;top:28%;width:270px;font-family:'Proxima Nova Alt Lt';-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;z-index:3}
#chat-winddow h4{font-family:'Proxima Nova Alt Lt';font-size:20px;margin-bottom:15px}
#chat-winddow #close-chalt{position:absolute;right:15px;top:5px;font-size:15px;width:15px;height:15px;display:block}
#chat-winddow #close-chalt:before{width:100%;height:1px;background:#ccc;content:'';top:8px;position:absolute}
#chat-winddow input{width:100%;height:26px;border:0;margin-bottom:8px;font-size:13px;padding:0 10px;font-family:'Proxima Nova Alt Lt'}
#chat-winddow textarea{padding:5px 10px;font-size:13px;margin-bottom:2px;max-width:100%;min-width:100%;max-height:150px;min-height:150px}
#chat-winddow input[type="button"]{background:#e56360;color:#fff;text-transform:uppercase}
#intrested-blk .red-ancr{margin-bottom:50px}
.mrgn-bottom{margin-bottom:30px}
#intrested-blk a.call-ancr{margin:0 auto;font-size:28px;line-height:30px;color:#343434}
#intrested-blk p{margin-bottom:25px}
#intrested-blk a.call-ancr:before{color:#61c1a9;height:30px}
#follows-sec.inner-follows{background:#091929;padding:75px 0 0}
#follows-sec.inner-follows h2,#follows-sec.inner-follows ul li a{color:#636e73}
#follows-sec.inner-follows ul li:after{background:#636e73}
header #innner-banner .container{max-width:1400px;width:100%}
#innner-banner{/*padding:150px 0 0;*/padding:220px 0 70px;text-align:center;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center top}
#innner-banner h1{color:#fff;margin-bottom:30px}
#innner-banner p{margin-bottom:0!important}
nav.drawer-nav .sub-menu,nav.drawer-nav hr{display:none}
.mob-sub-menu{display:none}
.sub-menu {
    margin: 30px auto 0px;
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    transition: ease all 0.3s;
    background: #05101e;
    width: 100%;
    padding: 26px 0 35px;
    text-align: center;animation-name: fadeInDown;
    animation-duration: 0.5s;
    animation-fill-mode: both
}



@keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes fadeInUp {
    0% {
        opacity:0;
        transform:translate3d(0, 10%, 0)
    }
    to {
        opacity:1;
        transform:none
    }
}

@keyframes fadeInDown {
    0% {
        opacity:0;
        transform:translate3d(0, -10%, 0)
    }
    to {
        opacity:1;
        transform:none
    }
}



#home-brands .home-brands-slider b {
    color: #08192d;
    font-size: 31px !important;
}
.sub-menu li {
    display: inline-block;
    list-style: none;
    padding: 0 5px;
    float: none !important;
}
.sub-menu li a{color:#fff;padding:0 10px;display:block}
.sub-menu li.active a{font-weight:600}
.sub-menu li a:active,.sub-menu li a:focus,.sub-menu li a:hover{font-weight:600}
.sub-menu li a img{margin-bottom:20px}
#innner-banner hr{width:200px;margin:0 auto 40px;background:#fff}
#main-content{padding:30px 0 80px}
#main-content p{margin-bottom:30px}
.block-row{display:block}
.padding-top{padding-top:70px}
.icon-ul{text-align:center;margin:30px auto 0}
.icon-ul li{display:block;width:33%;float:left;color:#64af98}
.icon-ul li div{height:85px}
#main-content .green-ancr{color:#64af98}
#main-content .green-ancr:before,#main-content .green-ancr:after{background:#64af98}
.drawer-hamburger:focus,.drawer-hamburger:active,.drawer-hamburger:hover{outline:0}
.green-txt{color:#64af98;font-family:'Proxima Nova Alt Lt'}
.container-new{max-width:1200px;width:100%;padding:0 15px;margin:0 auto}
#intrested-blk.inner-intrested{padding-top:0}
.banner-img.ecommerce-page{background-image:url(../images/eCommerce/eCommerce-bg.jpg)}
#innner-banner a.bnr-btn{width:260px;font-family:'Proxima Nova Alt Lt';margin:0 20px}
#innner-banner a.bnr-btn:hover:before{height:0}
#innner-banner a.bnr-btn.blank-ancr:hover:before{height:calc(100% + 1px)}
.contact-form .back-btn{background:none;display:block;margin:10px 0;line-height:42px;color:#fff;text-align:left}
.contact-form .back-btn:before{content:'\f104';font-family:'FontAwesome';margin-right:8px}
.contact-form .clearfix{display:block;width:100%}
a.green-ancr:hover:after{opacity:0}
.bnr-txt{max-width:700px;margin:20px auto}
#innner-banner .bnr-txt p{margin-bottom:20px}
#gallery-title{margin:65px auto 100px;text-align:center}
#gallery-title h2{margin:0 20px;display:inline-block}
.inner-gal{padding:0 0 70px;margin:0}
.inner-gal .gallery-img img {width: 100%;height: 100%;}
.gallery-img a {display: block;width: 100%;height: 100%;}
#innner-banner.banner-img.web-design-page{background:none}
#innner-banner.web-design-page p{color:#2f3238}
#innner-banner.web-design-page p.green-txt,#innner-banner.database p.green-txt{color:#64af98}
#innner-banner.web-design-page h1{color:#343434}
#innner-banner.web-design-page hr{border-top-color:#3f4041}
#inner-gal .gallery-text{left:0;right:0;top:30%;bottom:auto;font-size:30px;line-height:35px;color:#fff;text-align:center;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);opacity:0}
#inner-gal a:hover .gallery-text{top:50%;opacity:1}
#inner-gal .gallery-img a:after{background:rgba(9,25,42,0.7)}
#inner-gal .gallery-text p{font-family:'Proxima Nova Alt Lt'}
#inner-gal .gallery-text p stong{font-family:'Proxima Nova Alt Rg'}
#main-content.hosting .row{display:flex}
#innner-banner.banner-img.hosting{background-image:url(../images/hosting-maintenance/hosting-bnr.jpg)}
#hosting-services{background:url(../images/hosting-maintenance/hosting-service-bnr.jpg) center top no-repeat;background-size:cover;padding:130px 0 190px;text-align:center;margin:60px auto 10px}
#hosting-services h3{ color:#64af98;}
#hosting-services .icon{margin-bottom:45px}
#innner-banner.database p{max-width:650px;margin:0 auto 30px!important;color:#fff}
#innner-banner.banner-img.database{background-image:url(../images/database/database-bnr.jpg);padding-bottom:100px}
#choosing-database{background:url(../images/database/choosing-database-bg.jpg) no-repeat center top / cover;padding:100px 0;margin:100px auto}
#choosing-database.container-new{padding:120px 0;text-align:center;color:#fff}
#choosing-database.container-new h2{color:#fff;position:relative}
#choosing-database.container-new h2:before{width:200px;background:#969da7;content:'';height:2px;position:absolute;top:-30px;left:0;right:0;margin:0 auto}
#choosing-database p{max-width:570px;margin:0 auto;font-size:20px;line-height:26px;font-family:'Proxima Nova Alt Lt'}
.margin-blk{margin:80px 0 50px}
.banner-img.web-content{background-image:url(../images/web-content/web-content.jpg)}
.play-icon{width:45px;margin:30px auto 0}
.banner-img.web-development{background-image:url(../images/web-development/web-development-bnr.jpg)}
.breadcrumb{background:none;padding-left:0}
.breadcrumb a{color:gray;font-family:'Proxima Nova Alt Rg'}
.web-development h2{margin-bottom:20px}
#support{background:url(../images/web-development/maintenance-bg.jpg) no-repeat center top / cover;padding:120px 0;text-align:center;color:#fff;margin-bottom:100px}
#support h2{color:#fff}
#support a{color:#fff;font-family:'Proxima Nova Alt Rg';display:inline-block;font-size:14px}
#support a:after{width:100%;position:absolute;bottom:-3px;content:'';height:1px;background:#fff;left:0}
#development-step{background-color:#e9e9e9;background-image:url(../images/web-development/development-bg1.png),url(../images/web-development/development-bg2.png),url(../images/web-development/development-bg3.png);background-position:right 20%,left 40%,right 90%;background-repeat:no-repeat,no-repeat,no-repeat;padding:120px 0 30px}
#development-step .col-lg-6{margin-bottom:90px}
.step-blk {
background: #2a2b30;
padding: 130px 90px;
color: #fff;
height: auto;
/**height: 100%;**/
}
.development-services-box .row > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.step-blk.white-blk{background:#fff;color:#2a2b30}
.step-blk.white-blk h2,.step-blk.white-blk .number{color:#2a2b30}
.step-blk.white-blk hr{border-color:#2a2b30}
.step-blk .number{font-size:100px;font-weight:700;color:#fff;line-height:100px}
.step-blk hr{border-color:#fff;width:195px;margin:0}
.step-blk h2{color:#fff;margin:30px 0}
#support p{max-width:640px;margin:0 auto 40px}
::-moz-selection{background:#52af8d;color:#fff}
::selection{background:#52af8d;color:#fff}
.sub-menu img{width:60px}
#innner-banner.banner-img.seo-copywriting{background-image:url(../images/copywriting/banner.jpg);padding-bottom:115px}
.icon-ul p{font-size:15px;line-height:18px}
.icon-ul.marketing-icon{margin-top:0}
.marketing-icon img{width:60px}
.icon-ul.marketing-icon li div{height:75px}
.banner-img.seo-banner{background-image:url(../images/seo/banner.jpg)}
.seo-graph{margin:120px 0 50px}
.img-seo{width:700px;margin:30px 0 0 -120px}
.green-ancr.inner-green{color:#78baa6}
a.green-ancr.inner-green:before,a.green-ancr.inner-green:after{background:#78baa6}
.seo-packge-img{max-width:410px}
#oraganic-ranking{padding:100px 0}
#seo-package{padding-top:100px}
#seo-services{background:url(../images/seo/services_overview.jpg);padding:120px 0 10px;color:#fff;position:relative}
#seo-services:before{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);content:'';top:0}
#seo-services img{width:100px;margin:0 auto 30px;display:block}
#seo-services .col-md-6{margin-bottom:110px}
#intrested-blk.seo-intrested{padding-bottom:100px}
#seo-services h3{text-align:center; color: #63b69f;}
#main-content.ppc-inner{padding:160px 0 70px}
.web-dev-img{width:700px;max-width:initial}
.ppc-bg-img{padding:100px 0 70px;margin-top:40px}
.google-adword-img{width:1000px;position:relative;z-index:-1;margin-top:-100px}
#development-step.ppc-sec{padding-top:120px}
.ppc-text-div{margin-bottom:100px;text-align:center}
.ppc-text-div h2{margin-bottom:15px}
.ppc-text-div h2:before{background:#808189;width:120px;height:1px;content:'';margin:0 auto 50px;display:block}
.ppc-text-div p{max-width:500px;margin:0 auto}
#intrested-blk.ppc-intrested{background:#e9e9e9;padding:0 0 100px}
.banner-img.video-banner{background-image:url(../images/video-production/banner.jpg)}
#development-step.ppc-sec{background-image:url(../images/ppc/left-bg-img.png),url(../images/ppc/right-bg-img.png);background-position:left 20%,right 80%;background-repeat:no-repeat,no-repeat}
.icon-ul.penalty-icon img{width:100px}
.icon-ul.penalty-icon li div{margin-bottom:30px}
h3.black-h3{color:#343434}
#penalty-icon-block{padding-bottom:80px}
#development-step.penalty-sec{background:#e9e9e9 url(../images/penalty-removal/right-bg.png) no-repeat right 70%;position:relative}
#development-step.penalty-sec .google-pan-img{position:absolute;left:-210px;top:-100px}
#development-step.penalty-sec .pen-img{position:absolute;left:50px;top:50%;transform:rotate(20deg)}
.banner-img.panelty-banner{background-image:url(../images/penalty-removal/banner.jpg)}
.banner-img.photography-banner{background-image:url(../images/photography-essex/banner.jpg)}
.photography-img{width:600px;margin:100px 0 0 -180px}
#gallery-img .row{margin:0}
#gallery-img .row .col-md-4{padding:0}
#gallery-img .row .col-md-4 img{width:100%}
.photography-intrested h2{line-height:60px}
.photography-intrested strong{font-family:'Proxima Nova Alt Rg';font-weight:700}
.Video-blk{position:relative;padding-top:122px}
.Video-blk:before,.Video-blk:after{position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.3);z-index:1;content:'';top:-5px}
.Video-blk:after{height:100%;background:#03192f;z-index:-1}
#video-block #sampleMovie{margin-top:10px}
.banner-block{position:absolute;top:0;left:15%;z-index:2}
#innner-banner.banner-img.social-banner{background-image:url(../images/social-media-marketing/banner.jpg);padding-bottom:120px}
#social-icons {position: relative;z-index: 99;}
#social-icons ul{position:absolute;top:-58px;left:0;right:0;margin:0 auto;text-align:center;z-index:4}
#social-icons ul a{display:block}
#social-icons ul img{width:116px}
#social-icons li{display:inline-block;margin:0 25px}
.iphone-social{margin:-40px 0 0;width:550px}
#twitter-blk img{width:400px;margin:-50px 0 0}
.email-marketing-img1{width:550px;margin:-80px -100px 0 0}
.service-ul{margin-top:30px;padding-left:30px}
.service-ul li{font-size:30px;color:#343434;line-height:50px;list-style:none;margin-bottom:25px;position:relative;padding-left:70px}
.service-ul li:before{width:38px;height:38px;background:url(../images/email-marketing/arrow.png) no-repeat center center/ 100% auto;content:'';position:absolute;left:0;top:5px}
.email-marketing-img2{width:650px;margin-left:-160px;margin-top:-60px;position:relative;z-index:-1}
.banner-img.email-marketing-banner{background-image:url(../images/email-marketing/banner.jpg);background-position:center bottom;position:relative}
.banner-img.email-marketing-banner:before{content:'';height:100%;width:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;right:0}
#small-header{font-size:18px;line-height:26px}
#print-inner{padding-bottom:60px}
#breadcrumbs-blk{margin:200px auto 60px}
.image-block img{margin-bottom:60px}
#small-header p{margin-bottom:25px}
.line-text{text-decoration:underline}
.img-bottom-text{font-size:20px;line-height:28px}
.print-h2{font-family:'Proxima Nova Alt Rg';font-weight:700;font-size:44px;margin-bottom:20px}
.black-ancr,a.black-ancr:hover,a.black-ancr:active,a.black-ancr:focus{font-size:20px;color:#000;font-family:'Proxima Nova Alt Rg';text-decoration:underline}
#small-header .innner-banner hr{margin:70px auto;border-top-color:#e1e1e1}
.pdf-ancr{font-family:'Proxima Nova Alt Rg';font-weight:700;text-decoration:underline;color:#000}
.pdf-ancr:after{content:'\f019';font-family:'FontAwesome';margin-left:5px;text-decoration:none}
.online-chat-ancr{width:200px;height:50px;line-height:50px;border:solid 1px #93b9a9;display:inline-block;padding:0 20px;color:#608B79;font-family:'Proxima Nova Alt Rg';font-size:19px;background:url(../images/print/chat-ancr-icon.jpg) no-repeat 90% center}
.online-chat-ancr:before{position:absolute;content:'';height:24px;top:13px;width:1px;display:block;left:69%;background:#ccc}
.print-bottom-txt h2{font-size:44px}
#printing-form select{padding:20px 25px;color:#343434;font-family:'Proxima Nova Alt Rg';position:relative;font-size:20px;border:solid 1px #e5e6e7;margin-bottom:30px;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance: none;background:#eeeff2 url(../images/printing-arrow.png) 97% 17px no-repeat;background-size:40px;}
#small-header .accordian-title p{margin-bottom:0}
.printing-accordian{margin:30px 0}
.printing-accordian .card-header{padding:0;border-bottom:0}
.printing-accordian .card-header a{display:block;margin-bottom:0;background:#eeeff2;font-weight:400}
.printing-accordian .card{border-radius:0;margin:30px 0}
.printing-accordian .card-header a:after{width:20px;height:20px;right:15px;top:15px;position:absolute}
.banner-img.logo-design-banner{background-image:url(../images/logo-design/banner.jpg)}
.graphics-para{max-width:600px;margin:20px auto;color:#fff}
.red-ancr1{padding:0 50px;line-height:72px;font-size:20px;text-transform:uppercase;display:inline-block;color:#fff;margin:65px auto 0;z-index:1;border:solid 1px #e56156;text-align:center}
.red-ancr1:before{position:absolute;width:100%;height:100%;top:0;left:0;background:#e56156;z-index:-1;content:''}
.red-ancr1:hover:before{height:0}
.red-ancr1:hover{color:#fff;border-color:#fff}
.red-ancr1:active,.red-ancr1:focus{color:#fff}
.graphics-menu img{height:60px;width:auto}
.red-ancr1.full-width{width:100%;margin-top:0}
.red-ancr1.full-width:focus{color:#fff;border-color:#e56156}
.red-ancr1.full-width:hover{color:#e56156;border-color:#e56156}
#graphics-sec{padding:60px 0 100px}
#graphics-sec img{width:100%;margin:15px 0}
.banner-img.leaflets-banner{background-image:url(../images/leaflets-and-flyers/banner.jpg);position:relative}
header .banner-img{background:url(../images/home/top-banner.jpg) no-repeat center bottom / cover}
.banner-img.vehicle-banner{background-image:url(../images/vehicle-signage/banner.jpg);background-position:top center}
.banner-img.brochures-banner{background-image:url(../images/brochures/banner.jpg)}
.banner-img.business-cards-banner{background-image:url(../images/business-cards/banner.jpg)}
.banner-img.stationary-banner{background-image:url(../images/stationary-sets/banner.jpg)}
.banner-img.posters-banner{background-image:url(../images/posters/banner.jpg)}
.google-partner-img{margin:50px 0 0}
.banner-img.business-cal-banner{background-image:url(../images/business-calendar-design/banner.jpg)}
.banner-img.appointment-banner{background-image:url(../images/appointment-card-design/banner.jpg)}
.banner-img.roller-banner{background-image:url(../images/roller-banner-design/banner.jpg)}
.banner-img.compliment-slip-banner{background-image:url(../images/compliment-slip-design/banner.jpg)}
.banner-img.folded-leaflet-banner{background-image:url(../images/folded-leaflet-design/banner.jpg)}
.banner-img.business-postcards-banner{background-image:url(../images/business-postcard-design/banner.jpg)}
.banner-img.shop-signage-banner{background-image:url(../images/shop-signage-design/banner.jpg)}
.banner-img.table-design-banner{background-image:url(../images/table-talker-design/banner.jpg)}
.banner-img.graphic-design-banner{background-image:url(../images/graphic-design/banner.jpg)}
.banner-img.reastaurant-banner{background-image:url(../images/restaurant-menu-design/banner.jpg)}
.banner-img.invitation-banner{background-image:url(../images/invitation-card-design/banner.jpg)}
.banner-img.letterhead-design-banner{background-image:url(../images/letterhead-design/banner.jpg)}
.banner-img.pocket-banner{background-image:url(../images/pocket-and-presentation-folder-design/banner.jpg)}
.banner-img.exibition-banner{background-image:url(../images/exhibition-stand-design/banner.jpg)}
.banner-img.magento-page{background-image:url(../images/magento-commerce/banner.jpg)}
.banner-img.wordpress-page{background-image:url(../images/wordpress-ecommerce/banner.jpg)}
.image-block img.restaurant-img,.image-block img.letterhead-img,.image-block img.pocket-img{width:600px;max-width:initial;margin:-20px 0 0 -170px}
.magento-ecommerce .container-new{max-width:1300px}
.image-block img.table-talker-img{margin-bottom:0}
.banner-img.about-banner{background:none}
.image-block{width:100%}
.image-block img.shop-img,.image-block img.invitation-img{position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.image-block img.invitation-img{left:-80px;width:600px;max-width:inherit}
.compliment-img{width:800px}
.appoinment-img{width:800px;max-width:initial;margin:0}
.image-block img.letterhead-img{margin:-30px 0 0;width:430px}
.banner-img.about-banner h2{color:#ccc}
#business-cards-sec{padding:120px 0}
.banner-img.leaflets-banner:before,.banner-img.business-cards-banner:before,.banner-img.posters-banner:before,.banner-img.stationary-banner:before,.banner-img.brochures-banner:before,.banner-img.compliment-slip-banner:before,.banner-img.invitation-banner:before,.banner-img.business-cal-banner:before,.banner-img.magento-page:before,.banner-img.wordpress-page:before,#ideas-block:before{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.7);content:'';height:100%}
.banner-img.compliment-slip-banner:before,.banner-img.invitation-banner:before,.banner-img.business-cal-banner:before{background:rgba(0,0,0,0.5)}
#penalty-icon-block .icon-ul img{width:70px;position:absolute;left:0;right:0;margin:0 auto;top:50%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#penalty-icon-block .icon-ul.penalty-icon li div{margin-bottom:15px;position:relative}
#business-cards-sec .col-md-5{display:table;width:100%}
#business-cards-sec .col-md-5 .image-block{display:table-cell;vertical-align:middle}
#graphics-design-sec{background:#e9e9e9;padding:70px 0 150px}
#graphics-design-sec .col-md-6{margin-bottom:50px;padding:0 24px}
.graphic-subblk{background:#fff;padding-top:90px;text-align:center;overflow:hidden;line-height:22px;position:relative;height:780px}
.graphic-subblk img{width:100%;position:absolute;bottom:0;left:0}
#small-header .graphic-subblk p{padding:0 70px;margin-bottom:0}
.graphic-subblk h2{margin-bottom:20px}
.graphic-subblk a,.graphic-subblk a:focus,.graphic-subblk a:hover{font-size:16px;color:#639a83;z-index:1}
.graphic-subblk a:before{z-index:1;background:#639a83}
.graphic-subblk.green-bg{background:#c4e2dc;float:right;margin-right:0}
#brands-img{position:relative;padding-bottom:15px}
#brands-img:before{position:absolute;content:'';background:#e9e9e9;width:100%;height:50%}
#brand-development{padding:90px 0;text-align:center}
#brand-development p{max-width:640px;margin:0 auto 20px}
#graphic-services{background:url(../images/graphic-design/josefa-ndiaz.jpg) no-repeat center center / cover;background-attachment:fixed;padding:110px 0;position:relative;text-align:center;color:#fff}
#graphic-services h2{color:#fff;margin-bottom:100px}
#graphic-services:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.5)}
.graphics-services p{margin-bottom:0!important}
.graphics-services .card-header a:before,#ideas-block ul li:before{content:'';width:19px;height:19px;border-radius:100%;display:inline-block;border:solid 1px #fff;position:absolute;left:0;top:17px}
.graphics-services .card-header a:after{content:'';width:5px;height:5px;background:#fff;border-radius:100%;position:absolute;left:7px;top:24px;opacity:0;-ms-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
.graphics-services .card-header a[aria-expanded="true"]:after{opacity:1}
.graphics-services .card-header{text-align:left;border-bottom:0;background:none;padding:0}
.graphics-services .card-header a{padding:15px 0 15px 50px;background:none;color:#fff;font-weight:700;font-size:20px;display:block}
.graphics-services .card{background:none;border:0;margin-bottom:10px}
.graphics-services .card-block{text-align:left;height:60px;padding:0 0 0 50px}
#graphic-services #intrested-blk{padding:150px 0 0}
#graphic-services #intrested-blk h2{margin-bottom:70px}
#graphic-services #intrested-blk a.red-ancr{background:none}
#graphic-services #intrested-blk a.red-ancr:hover{border-color:#fff;color:#fff}
#case-study-banner img{width:100%}
#case-study-images{padding:30px 0 150px}
.case-text{max-width:900px;margin:0 auto;padding:90px 0}
.case-text h1,.case-text h2{font-size:36px;margin-bottom:25px}
.case-text a.green-ancr,.case-text a.green-ancr:active,.case-text a.green-ancr:focus,.case-text a.green-ancr:hover{color:#63b69f;margin-top:5px;padding:0}
.case-text a:before{background:#63b69f}
.case-text a.red-ancr:before{background:#e56156}
.social-para{margin:5px 0 0;text-align:center}
.social-para a{padding:10px;display:inline-block}
.case-study-img{margin:0 auto;width:100%}
#case-study-images .container-fluid{padding:20px}
#case-study-images .container-fluid .row{margin:0 -20px}
#case-study-images .container-fluid [class*="col-"]{padding:20px}
#case-study-images .container-fluid [class*="col-"].padding-right{padding-right:0}
#case-study-images .container-fluid [class*="col-"].padding-left{padding-left:0}
#case-study-video{background:#2a2b30;padding:80px 0;color:#fff;margin-bottom:120px}
#case-study-video .video-text{position:absolute;top:50%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.case-text h5{color:gray;font-weight:400;margin-bottom:35px}
#intrested-blk.logo-intrested{padding:0 0 30px}
#innner-banner .red-ancr1{margin-bottom:40px}
#print-sec{padding:100px 0 50px}
.print-ul{margin-bottom:40px}
.print-ul li{width:50%;float:left;overflow:hidden;margin:10px 0}
.breadcrumb-item strong{color:#343434}
#small-header .place-order-blk p{margin-bottom:15px}
.place-order-blk .red-ancr{margin-top:50px;color:#fff}
.print-hr{border-color:#dcdcdc;margin:20px 0 70px}
#print-sec .col-lg-4.col-md-6{margin-bottom:40px}
.print-detail{background:#ecedf0;padding:10px;height:100%;position:relative}
.print-detail h3{font-size:28px;margin-bottom:20px!important;color:#343434}
.print-detail img{width:100%}
.print-detail a{width:100px;height:42px;text-align:center;font-family:'Proxima Nova Alt Rg';line-height:42px;background:none;position:absolute;bottom:20px}
.print-text{padding:20px 20px 45px}
.row.print-bottom-txt{margin:50px -15px 0}
#print-inner .right-text hr{margin:50px 0}
#graphic-services .container{width:1200px}
.graphics-services .card-block a{color:#fff;display:block}
#graphic-services h2{margin-bottom:50px}
.pets-xtra-mob{position:relative;z-index:1;width:70%;margin:0 auto -550px;left:14%;right:0}
.footer-logo{width:195px;margin-top: 20px;}
.about-banner p{color:#484f59}
.banner-img.testimonial-banner{background:url(../images/testimonials/banner.jpg) no-repeat center 30px / cover}
.testimonial-banner #intrested-blk{padding-top:150px}
.testimonial-banner #intrested-blk h2{margin-bottom:50px;color:#343434}
.testimonials #testimonial-slider{max-width:800px;color:#292b2c}
.testimonials #testimonial-slider .owl-carousel p{margin-bottom:30px!important;max-width:none}
.testimonials #testimonial-slider{text-align:left}
.testimonials #testimonial-slider h5{font-weight:700;font-style:italic;color:#484f59}
.testimonials #testimonial-slider .owl-carousel .owl-nav .owl-prev img,.testimonials #testimonial-slider .owl-carousel .owl-nav .owl-next img{display:none}
.testimonials #testimonial-slider .owl-carousel .owl-nav .owl-prev{margin-bottom:0;left:-60px}
.testimonials #testimonial-slider .owl-carousel .owl-nav .owl-next{margin-bottom:0;right:-60px}
.testimonials #testimonial-slider .owl-carousel .owl-nav .owl-prev:before,.testimonials #testimonial-slider .owl-carousel .owl-nav .owl-next:before{content:'\f104';font-family:'FontAwesome';font-size:40px;color:#626262;text-align:center;display:block}
.who-we-are .sub-menu{margin:20px auto 50px}
#we-deliver-sucees.who-we-are-sec{background:none;padding-top:0}
.blog-text{padding-left:40px}
.blog-text p.category{font-size:18px;font-weight:700;color:#292b2c;margin-bottom:25px!important;font-family:'Proxima Nova Alt Rg'}
.pagination a,.pagination li span{font-family:'Proxima Nova Alt Rg'}
.blog-text h5,.blog-text p.category,.blog-text h3{color:#292b2c;margin-bottom:25px!important}
.blog-blk{margin-bottom:100px}
.blog-text a.green-ancr,.blog-text a.green-ancr:active,.blog-text a.green-ancr:focus,.blog-text a.green-ancr:hover{margin-top:0}
#small-header .contact-page p{color:#292b2c;font-size:20px;margin:30px auto}
#intrested-blk.contact-page{padding:220px 0 30px}
.contact-hr{width:200px;border-top:solid 1px #a7abb1;margin-bottom:50px}
#contact-form{background:#27272a;padding:90px 0;border-bottom:solid 12px #1d222a;position:relative}
#contact-form .contact-phone{position:absolute;right:0;top:-100px;width:40%}
#contact-form .cotainer{max-width:1000px}
#ticket-form input[type="textbox"],#contact input[type="textbox"],select.select-field,#printfrm #help_dropdown,#printfrm #found_dropdown,select#qty{height:74px;background:#fff;border:0;width:100%;padding:0 25px;margin:35px 0 5px;font-family:'Proxima Nova Alt Rg';border-radius:0}
select.select-field,#printfrm #help_dropdown,#printfrm #found_dropdown,select#qty{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url(../images/contact-select-img.jpg) 97% 28px no-repeat;}
#printfrm #help_dropdown,#printfrm #found_dropdown,select.input-field#qty{height:60px;background-position:97% 22px;margin-top:0}
#contact textarea{max-height:270px;min-height:270px;padding:30px;margin:30px 0 5px}
#contact input[type="checkbox"],#printfrm .contact-lable input[type="checkbox"]{visibility:hidden}
#contact label.check-label,#printfrm .contact-lable label.check-label{cursor:pointer;padding:0}
#contact .contact-lable input[type="checkbox"] + label.check-label:before,#printfrm .contact-lable input[type="checkbox"] + label.check-label:before{content:"\00a0";display:inline-block!important;font:16px/1em sans-serif;height:20px;margin:0 .25em 0 0;padding:0;vertical-align:top;width:20px;position:absolute;left:0;top:2px;background:none;border:solid 1px #6B6B6B}
#contact .contact-lable input[type="checkbox"]:checked + label.check-label:before,#printfrm .contact-lable input[type="checkbox"]:checked + label.check-label:before{background:none;color:#878787;content:"\2713";text-align:center}
#contact .contact-lable input[type="checkbox"]:checked + label.check-label:after,#printfrm .contact-lable input[type="checkbox"]:checked + label.check-label:after{font-weight:700;color:#fff}
.textarea-blk{margin-bottom:25px}
label.error,.contact-form label.error, #reCaptchaerror{color:red;font-size:15px;margin-bottom:0;cursor:default!important;padding:0;line-height:20px;display:block;font-weight:400}
#enquiry_frm.contact-form textarea{margin-bottom: 0;}
.contact-form label.error{margin-top:3px}
.contact-form .input-field.error{margin:10px 0}
#contact .contact-lable input[type="checkbox"]:not(:checked),#contact .contact-lable input[type="checkbox"]:checked,#printfrm .contact-lable input[type="checkbox"]:not(:checked),#printfrm .contact-lable input[type="checkbox"]:checked{position:absolute;left:-9999px}
#contact .contact-lable input[type="checkbox"]:not(:checked) + label.check-label,#contact .contact-lable input[type="checkbox"]:checked + label.check-label,#printfrm .contact-lable input[type="checkbox"]:not(:checked) + label.check-label,#printfrm .contact-lable input[type="checkbox"]:checked + label.check-label{position:relative;padding-left:1.95em;cursor:pointer;line-height:22px}
#contact .submit-btn,.submit-btn,#enqsubmit{background:#e56156;height:50px;width:160px;text-align:center;border:0;color:#fff;float:right;font-family:'Proxima Nova Alt Lt';text-transform:uppercase}
#map-block{height:800px}
#map-block iframe{width:100%;height:100%;border:0}
.tjc-img .row.case-study-bottom-imgs{margin:60px 0 70px}
.tjc-img .row.case-study-bottom-imgs .col-md-4{padding:0}
.high-oak-img{max-width:800px;display:block;position:relative;z-index:1}
.high-oak-img1{margin-top:-35%}
.high-oaks #case-study-images,.edmunds #case-study-images{padding-bottom:20px}
#photography-sec{text-align:center}
#photography-sec h2{margin-bottom:20px}
.business-postcard-design #business-cards-sec{padding-bottom:50px}
.folded-leaflet-design #business-cards-sec .col-md-5 .image-block,.folded-leaflet-design #business-cards-sec .col-md-5{display:block}
.leaflet-img{width:550px;max-width:initial;top:50%;position:absolute;transform:translateY(-50%);left:-25%}
#case-study-banner{margin-top:65px}
.pets-xtra #case-study-images{padding-bottom:60px}
.case-study-img.tjc-img{width:86%;margin:0 auto 80px;display:block}
.fortress-aluminium #case-study-images{padding-bottom:60px}
.archway-mob{position:relative;z-index:1}
.archway-mockup{margin:-44% 0 -22%}
#van-img{text-align:center;background:#ed2c74;margin:-5% 0}
#van-img img{max-width:1400px;margin:0 auto}
.fifth-img{max-width:600px;margin:0 auto;display:block}
.vines-img{max-width:1200px;text-align:center;margin:0 auto}
.vines-home-improvements #case-study-images{padding-bottom:80px}
.mac-block img{width:100%}
.about-banner p.green-txt{color:#64af98;text-transform:uppercase}
.job-vacancies #innner-banner.about-banner h1{margin-bottom:15px;color:#343434}
#innner-banner.about-banner h1{margin-bottom:15px;color:#343434}
#job-sec h3{text-align:center;font-size:36px;color:#343434;margin-bottom:15px}
.job-list-block{max-width:910px;margin:60px auto;padding:40px 95px;border-top:solid 1px #c5c5c5;color:#292b2c}
.job-list-block a.green-ancr,.job-list-block a.green-ancr:active,.job-list-block a.green-ancr:focus,.job-list-block a.green-ancr:hover{margin:0}
.left-padding{padding-left:30px}
.left-padding a{color:#292b2c;font-weight:700}
#portfolio-blk{margin-bottom:100px}
#portfolio-blk .container{max-width:1260px;padding:0 7px;width:96%}
#portfolio-blk .container .row{margin:0 -7px}
#portfolio-blk .case-study-bottom-imgs .col-md-6{margin:50px auto 90px}
#portfolio-blk .container .row .col-md-4,#portfolio-blk .case-study-bottom-imgs .col-md-6{padding:0 7px}
#portfolio-blk h2{display:inline-block;position:relative}
#portfolio-blk h2:after{display:inline-block;width:100%;height:1px;background:#63b69f;content:'';position:absolute;left:0;bottom:-12px}
#case-study-responsive-blk a{width:220px;height:50px;line-height:50px;font-size:14px;font-family:'Proxima Nova Alt Rg';text-align:center}
#case-study-responsive-blk .case-study-img{width:650px;margin-top:-120px}
.lifestyle-shutters-and-blinds #case-study-images{padding-bottom:0}
.lifestyle-shutters-and-blinds .case-text{max-width:inherit}
.lifestyle-case-text{padding-top:30px}
.modal-open .modal#print-contact{top:16%}
.magento-ecomm-img{width:100%;margin:50px 0 0 50px}
#ideas-block{padding:120px 0;background:url(../images/wordpress-ecommerce/wordpress-ideas-bg.jpg) no-repeat center center / cover;position:relative;z-index:1;margin-bottom:70px}
#ideas-block:before{opacity:.75;z-index:-1}
#ideas-block .container-new{max-width:1400px}
#ideas-block h3{font-size:40px;line-height:50px;margin-bottom:100px!important}
#ideas-block ul p{font-size:24px;font-weight:500;color:#fff}
#ideas-block ul{padding:0 15px}
#ideas-block ul li{list-style:none;position:relative;padding:0 0 0 45px;margin-bottom:30px}
#ideas-block ul li:before{top:2px;left:0}
#ideas-block div.text-center{margin-top:60px}
#ideas-block div.text-center h2{color:#fff}
#ideas-block .red-ancr{background:none}
#ideas-block .red-ancr:hover{border-color:#fff;color:#fff}
.wordpress-ecommerce #intrested-blk{margin-top:100px}
.modal#video-popup{top:70px;max-width:810px}
.embed-responsive-4by3::before{padding-top:56.15%}
#response,.modal-content .response,.ticket-page h6.response{margin:0;padding:10px;border:solid 1px rgba(1,165,80,0.46);background:rgba(1,165,80,0.35);color:#fff;font-weight:400;display:none}
h6#response:before,.modal-content h6.response:before,.ticket-page h6.response:before{margin-right:10px;content:'\f00c';font-family:'FontAwesome'}
.ticket-page h6.response{color:#005623;background:rgba(1,165,80,0.14);margin-bottom:15px;text-align:left}
#newsletter_frm input.error{margin-bottom:10px}
[type=reset],[type=submit],button,html [type=button]{cursor:pointer}
.modal-open .modal#printcontact{top:15%;bottom:10%}
#newsletter #response{margin-bottom:20px}
.input-field#qty{padding:0 25px}
input#file{padding-top:15px;padding-top:15px;height:30px;padding-bottom:45px;line-height:26px}
#printcontact .row{margin:0 -5px}
#printcontact .modal-content .response{margin:10px 0 -20px}
div#free-call-back,div#newsletter{top:25%;bottom:auto}
#enqsubmit{margin-top:15px}
.contact-form label.error.chkbox-error{display:none}
#newsletter h6.response{margin:0 -11px 15px;width:87.66667%}
.pagination li.active,.page-numbers li{font-family:'Proxima Nova Alt Lt'}
.mob-sub-menu p{margin-bottom:0}
.modal-body{-webkit-overflow-scrolling:touch}
.graphics-services .card-block a span{color:#19ae97}
#related-print-sec{padding:0 0 80px}
#related-print-sec hr{margin:20px 0 60px}
.video-prod{margin-bottom:80px}
.video-prod .col-lg-6.text-center{padding-top:30px}
#ftr-job-btn{position:fixed;background:#e56156;display:block;font-family:'Futura Bk BT';font-size:16px;padding:0 30px;color:#fff;height:60px;line-height:60px;width:auto;border-radius:40px;border-bottom-left-radius:0;left:10px;bottom:10px;z-index:5}
#ftr-job-btn:after,.about-menu.graphics-menu li:last-child a:after{content:'6';right:-8px;position:absolute;box-sizing:content-box;top:20px;width:16px;height:16px;background-color:#46C86D;border-radius:16px;border:2px solid #fff;color:#fff;line-height:16px;text-align:center;font-size:12px;font-weight:700}
.about-menu.graphics-menu li:last-child a:after{right:12px;top:0;background-color:#e56156}
#ftr-job-btn span{display:none}
#ftr-job-btn i{font-style:normal}
.ticket-form{background:#18ad96!important;background:-moz-linear-gradient(top,#18ad96 0%,#2a7c6d 100%);background:-webkit-linear-gradient(top,#18ad96 0%,#2a7c6d 100%);background:linear-gradient(to bottom,#18ad96 0%,#2a7c6d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#18ad96',endColorstr='#2a7c6d',GradientType=0);color:#fff;border:0!important}
.tickets-para{max-width:720px}
#ticket-form .col-md-6 > h2{font-size:52px;font-weight:700;color:#fff;font-family:'Proxima Nova Alt Rg';font-weight:700;margin-bottom:68px}
#ticket-form .col-md-6 > p{font-size:30px;margin-bottom:15px!important;font-weight:400;font-family:'Proxima Nova Alt Lt'}
#ticket-form .col-md-6 > p strong{font-family:'Proxima Nova Alt Rg';font-weight:700}
#ticket-form .col-md-6 h6{font-size:30px;font-weight:300!important;color:#fff;margin-top:40px;font-family:'Proxima Nova Alt Lt'}
#ticket-form .col-md-12 p{max-width:450px;font-size:20px;margin-bottom:45px!important}
#ticket-form textarea{max-height:385px!important;min-height:385px!important;padding:25px!important;margin:30px 0 5px!important;margin-top:25px!important;margin-bottom:0}
#ticket-form textarea:focus{box-shadow:0 10px 15px rgba(0,0,0,0.10);font-weight:600;color:#000!important}
#ticket-form input[type="textbox"]{margin-top:25px!important;margin-bottom:0}
#ticket-form input:focus{color:#000!important;box-shadow:0 10px 15px rgba(0,0,0,0.10);opacity:1!important;visibility:visible;font-weight:600}
.fileinput-new{font-size:16px;color:#8de8d8}
#ticket-form input:focus:-moz-placeholder{color:red}
#ticket-form .form-group input[type="file"]{height:27px;font-size:15px;width:90px;border-radius:3px;border:0;-moz-appearance:none!important;background-color:#fff}
.btn.btn-default.btn-file{cursor:pointer}
.fileinput.fileinput-new{margin-bottom:15px}
.fileinput.fileinput-new input{position:absolute;left:0;right:0;margin:0 auto;background-color:transparent!important;filter:blur(170px);cursor:pointer}
.btn.btn-default.btn-file span{cursor:pointer;font-weight:500}
.btn-bs-file{position:relative}
.btn.btn-default.btn-file{background-color:#fff;color:#000;margin-right:10px;height:28px;width:90px;padding:0;line-height:28px;font-size:14px;position:relative;overflow:hidden;cursor:pointer}
#ticket-form .col-md-12.textarea-blk p{float:right;margin:5px auto 0!important;color:#8de8d8;font-size:18px}
#ticket-form select.select-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url(../images/contact-select-img-gray.jpg) 97% 28px no-repeat;margin-top:25px!important;margin-bottom:0;color:#7f878f}
#ticket-form button.submit-btn{float:left;background-color:transparent;width:232px;height:72px;border:3px solid #fff;position:relative;z-index:0;overflow:hidden;font-size:20px;font-weight:700;transition:all .5s;font-family:'Proxima Nova Alt Lt';letter-spacing:1.5px}
#ticket-form button.submit-btn:hover{color:#1e9c88;transition-delay:.2s}
#ticket-form button.submit-btn::before{content:'';position:absolute;top:-100%;left:0;background-color:#fff;width:100%;height:100%;z-index:-1;transition:all .5s}
#ticket-form button.submit-btn:hover::before{top:0}
.ticket-page{padding:200px 0 70px!important}
.ticket-form > img.contact-phone{display:none!important}
#ticket-form select.select-field option{color:#000!important}
.digital-marketing-packages a.green-ancr,a.green-ancr:active,a.green-ancr:focus,a.green-ancr:hover{margin-top:0}
#about{padding-bottom:70px}
#about hr{border-top-color:#63B59E;width:100px;margin:50px auto 10px}
#about video{margin-top:4%}
.about-bnr-img hr{display:none}
#instafeed{width:96%;margin:30px auto 70px;text-align:center}


/******  04-01-2019   *******/
.nav-top{width:100%;display:block;text-align:right;line-height:18px;background: #05101e;/*margin-bottom: 27px;*/padding: 5px 0;}
.tov-navigation{background:#08192d;padding:0px 0 0px 0;width:100%;z-index:10;top:0;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out}
.tov-navigation.top-nav-collapse{padding:0 0 0px; /* padding:20px 0 0px; top:-76px*/}
.tov-navigation.top-nav-collapse .drawer-menu li {
    padding-bottom: 15px;
}
.tov-navigation.top-nav-collapse .drawer-menu li ul {
    margin-top: 15px;
}
/*
.drawer-navbar .tov-navigation.top-nav-collapse .drawer-menu--right {
    float: right;
    margin-top: 24px;
}
*/
.tov-navigation.top-nav-collapse .drawer-brand {margin-top: 0;/* margin-top: 15px; margin-top: 0px;*/height: auto;}
.tov-navigation.top-nav-collapse .drawer-navbar-header{height: auto;}
.nav-top .social ul li a{display:block;width:20px;height:20px;color:#fff;font-size:12px;text-align:center}
.nav-top .social ul::after {content: '';width: 1px;height: 12px;background: #52ad99;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.contact-number {display: inline-block;margin-left: 15px;}
.call-us-text {font-family: 'Poppins';font-size: 11px;color: #ffd348;font-weight: bold;text-transform: uppercase;letter-spacing: 0.6px;}
.call-ancr{line-height:18px;margin-left:15px;font-family:'Poppins';font-size:18px;color:#fff;font-weight:bold;text-transform:uppercase;letter-spacing:0.6px;}
.call-ancr:hover{color:#ffd348}
.drawer-navbar .drawer-menu-item{position:relative;z-index:1;font-family:'Poppins';font-size:16px;color:#fff;font-weight:bold;text-transform:uppercase;letter-spacing: 0.6px;}
.drawer-navbar .drawer-menu-item::before {position: absolute;top: 50%;height: 1px;background: #ffd348;content: '';left: 50%;right: auto;opacity: 0;z-index: -1;margin: 0 auto;width: 11px;display: inline-block;transform: translateX(-50%);}
.drawer-navbar .drawer-menu-item.nav-btn:hover:before{height:0;top:0;opacity:1;}
.drawer-navbar .drawer-menu-item.nav-btn:before{width:100%;height:100%;left:0;top:0;background:#e56156;opacity:1;transform: translateX(0);}
.drawer-navbar .drawer-menu-item.nav-btn{width:148px;line-height:34px;color:#fff;text-align:center;margin-left:20px;border:solid 1px #e56156}
#home-slider {padding-top: 131px;/*padding-top: 151px;*/}
#home-slider .carousel-caption {top: 50%;transform: translateY(-30%);}
#home-slider .carousel-caption h5 {
    font-family: 'Poppins';
    font-size: 72px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 19px;
    line-height: 100px;
}
#home-slider .carousel-caption p {font-family: 'Poppins';font-size: 18px;color: #fff;font-weight: 600;margin-bottom: 8px;}
.slider-buttuns {margin-top: 33px;}
.seo-report-btn {width: auto;line-height: 34px;color: #fff;text-align: center;margin-left: 20px;border: solid 2px #52ad99;font-family: 'Poppins';position: relative;z-index: 1;font-size: 12px;padding: 12px 18px;text-decoration: none;font-weight: bold;letter-spacing: 0.6px;text-transform: uppercase;overflow: hidden;}
.seo-report-btn::before {width: 100%;height: 101%;left: 0;top: 0;background: #52ad99;opacity: 1;position: absolute;content: '';z-index: -1;}
.seo-report-btn:hover::before {height: 0;top: 0;opacity: 1;}
.seo-report-btn:hover {color: #fff;}
.view-project-btn {width: auto;line-height: 34px;color: #fff;text-align: center;margin-left: 20px;border: solid 2px #fff;font-family: 'Poppins';position: relative;z-index: 1;font-size: 12px;padding: 12px 18px;text-decoration: none;font-weight: bold;letter-spacing: 0.6px;text-transform: uppercase;}
.view-project-btn::before {width: 100%;height: 0%;left: 0;top: 0;background: #fff;opacity: 1;position: absolute;content: '';z-index: -1;}
.view-project-btn:hover::before {height: 100%;top: 0;opacity: 1;}
.view-project-btn:hover {color: #000;}
#home-slider .carousel-indicators li {
    max-width: 6px;
    height: 6px;
    margin-right: 8px;
    margin-left: 3px;
}
.carousel-item {
/*    height: 90vh;*/
}
.carousel-item.active {
    height: auto;
}
#home-slider .carousel-indicators {
    bottom: 32px;
}
#home-brands {
    background: #f7f7f7;
    padding: 50px 215px;
}
#home-brands .home-brands-slider {
    max-width: 1920px;
    margin: auto;
}
#home-brands h2 {
    font-size: 31px;
    font-weight: bold;
    color: #08192d;
    font-family: 'Poppins';
    margin: 0;
}
#home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
}
#home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-prev {
    width: 42px;
    height: 23px;
    background: url(../images/home/brand-arrow-l.png) no-repeat left top;
    float: left;
    margin-left: -170px;
}
#home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-prev img {
    display: none;
}
#home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-next {
    width: 42px;
    height: 23px;
    background: url(../images/home/brand-arrow-r.png) no-repeat left top;
    float: right;
    margin-right: -170px;
}
#home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-next img {
    display: none;
}
#client-slider-home .owl-carousel .owl-item {
    padding: 0 0px;
}
#client-slider-home .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
}
#client-slider-home .owl-stage {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#client-slider-home {
    margin-top: 24px;
}
.over-seven-year-top {
    text-align: center;
}
.over-seven-year-top h2 {
    color: #52ad99;
    font-weight: bold;
    line-height: 70px;
    font-family: 'Poppins';
    margin: 0 0 23px;
}
.over-seven-year-top h1 {
    font-weight: bold;
    font-family: 'Poppins';
}
.over-seven-year-top p {
    color: #08192d;
    font-weight: 600;
    line-height: 40px;
    font-family: 'Poppins';
    font-size: 21px;
    margin-bottom: 31px;
}

.over-seven-year-top a {
    width: auto;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 2px 6px 11px rgba(0,0,0,0.3);
}
#over-seven-year-section {
    padding: 100px 0 115px;
}
.over-seven-year-bottom {
    width: 100%;
}
.over-seven-year-bottom h3 {
    font-size: 31px;
    color: #08192d;
    font-weight: bold;
    font-family: 'poppins';
    text-align: center;
    width: 100%;
    margin: 85px 0 45px !important;
}
.over-seven-year-bottom h4 {
    font-size: 21px;
    color: #08192d;
    font-weight: bold;
    font-family: 'poppins';
}
.over-seven-year-bottom p {
    font-size: 14px;
    color: #426997;
    font-weight: bold;
    font-family: 'poppins';
    margin: 0;
}
.over-seven-year-bottom span {
    display: inline-block;
    margin-right: 30px;
}
.over-seven-content-right {
    display: inline-block;
}
.over-seven-all-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.container.max-widht1160 {
    width: 1200px;
}



#we-love {
    background: url(../images/home/testimonials-banner-bg.png) no-repeat left top / cover;
    padding: 210px 0 154px 0;
}
#we-love h2 {
    font-size: 61px;
    color: #fff;
    line-height: 70px;
    font-weight: bold;
    font-family: 'poppins';
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
#we-love h2::before {
    background: url(../images/home/heart-icon.png) no-repeat left top;
    content: "";
    width: 195px;
    height: 222px;
    display: block;
    position: absolute;
    z-index: -1;
    top: -106px;
    left: -120px;
}
#we-love h2 span {
    color: #52ad99;
}
#we-love .green-color-btn {
    width: auto;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-left: 0px;
    border: solid 2px #52ad99;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    font-size: 12px;
    padding: 10px 28px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 2px 6px 11px rgba(0,0,0,0.3);
}
#we-love .green-color-btn:hover {
    color: #fff;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}
#we-love .green-color-btn span {
    color: #fdda31;
}

.green-color-btn {border: solid 2px #52ad99;padding: 10px 40px;}
.green-color-btn::before {width: 100%;height: 100%;left: 0;top: 0;background: #52ad99;opacity: 1;position: absolute;content: '';z-index: -1;}
.green-color-btn:hover::before {height: 0;top: 0;opacity: 1;}
.green-color-btn:hover {color: #52ad99;box-shadow: 2px 6px 11px rgba(0,0,0,0.0);}

.white-btn {
    width: auto;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
    border: solid 2px #fff;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    font-size: 12px;
    padding: 10px 28px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.white-color-btn::before {width: 100%;height: 0%;left: 0;top: 0;background: #fff;opacity: 1;position: absolute;content: '';z-index: -1;}
.white-color-btn:hover::before {height: 100%;top: 0;opacity: 1;}
.white-color-btn:hover {color: #000;}




#we-love .owl-dots {
    width: 100%;
    height: 10px;
    text-align: center;
}
#we-love .owl-dot {
    width: 6px;
    height: 6px;
    float: none;
    margin: 0 10px 0 0;
    display: inline-block;
}
#we-love .owl-dot span {
    width: 100%;
    height: 6px;
    display: block;
    background: rgba(255,255,255,.5);
}
#we-love .owl-dot.active span {
    background: #fff;
}
#we-love .owl-nav .owl-prev img, #we-love .owl-nav .owl-next img {
    display: none;
}
#we-love .owl-nav .owl-prev {
    background: url(../images/home/testimonial-left-arrow.png) no-repeat center left;
    width: 20px;
    height: 11px;
    float: left;
}
#we-love .owl-nav .owl-next {
    background: url(../images/home/testimonial-right-arrow.png) no-repeat center left;
    width: 20px;
    height: 11px;
    float: right;
}
#we-love .owl-nav {
    padding: 0 20%;
    width: 100%;
    height: 11px;
    margin-bottom: -18px;
}
#we-love ul {
    text-align: center;
}
#we-love ul li {
    display: inline-block;
    margin-right: 5px;
}
#we-love ul li:last-child {
    margin-right: 0px;
}
#we-love .owl-item {
    text-align: center;
}
#we-love .owl-item p {
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 26px;
}
#we-love .owl-item h5 {
    color: #fdda31;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}
#we-love .owl-stage-outer {
    margin-bottom: 50px;
}


#download-our-e-book {
    background: url(../images/home/download-our-e-book-bg.jpg) no-repeat left center / cover;
    padding: 105px 0;
    text-align: center;
}
#download-our-e-book .green-color-btn span {
    color: #fdda31;
}
#download-our-e-book .green-color-btn {
    width: auto;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-left: 0px;
    border: solid 2px #52ad99;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    font-size: 12px;
    padding: 10px 28px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 2px 6px 11px rgba(0,0,0,0.3);
}
#download-our-e-book .green-color-btn:hover {
    color: #52ad99;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}
#download-our-e-book .green-color-btn:hover span {
    color: #52ad99;
}
#download-our-e-book h2 {
    font-size: 51px;
    color: #52ad99;
    font-weight: bold;
    font-family: 'Poppins';
    margin-bottom: 38px;
}
#download-our-e-book p {
    color: #08192d;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 36px;
}



#learn-more-about {
    padding: 345px 0 340px;
    background: url(../images/home/video-bg.png) no-repeat left center / cover;
}
#learn-more-about h2 {
    color: #fff;
    font-size: 61px;
    font-weight: bold;
    font-family: 'Poppins';
    line-height: 70px;
}
#learn-more-about h2 span {
    display: block;
    color: #52af8d;
}

#learn-more-about a {
    color: #fff;
    font-size: 31px;
    font-weight: bold;
    font-family: 'Poppins';
    line-height: 70px;
    /* background: url(../images/home/play-icon.png) no-repeat left center; */
    padding: 40px 0px 40px 162px;
    position: relative;
}
#learn-more-about a:hover {
    padding: 40px 0px 40px 142px;
}
#learn-more-about a i {
    font-size: 61px;
}

#home-gallery {
    padding: 16px 24px 16px 25px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

#home-gallery img {
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
}
.home-gallery-img1 {
    width: 373px;
    height: auto;
    margin: 0 14px 14px 0;
    float: left;
}
.home-gallery-img2 {
    width: 800px;
    height: auto;
    margin: 0 14px 14px 0;
    float: left;
}
.home-gallery-img3 {
    width: 267px;
    height: auto;
    margin: 0 14px 14px 0;
    float: left;
}
.home-gallery-img4 {
    width: 374px;
    height: auto;
    margin: 0 14px 14px 0;
    float: left;
}
.home-gallery-img5 {
    width: 921px;
    height: auto;
    margin: 0 14px 14px 0;
    float: left;
}
.home-gallery-img6 {
    width: 919px;
    height: auto;
    margin: 0 14px 14px 0;
    float: left;
}
.marg-r0 {
    margin-right: 0!important;
}


#after-home-gallery-section {
    text-align: center;
    padding: 43px 0 51px;
}
#after-home-gallery-section .container {
    width: 940px;
}
#after-home-gallery-section h2 {
    font-size: 51px;
    color: #52ad99;
    font-weight: bold;
    font-family: 'Poppins';
    margin-bottom: 34px;
}
#after-home-gallery-section p {
    color: #08192d;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 33px;
    line-height: 40px;
}
#before-latest-news-section {
    background: url(../images/home/seo-digital-marketing.png) no-repeat left top / 50% 100%, url(../images/home/website-design-development.png) no-repeat right top / 50% 100%;
    padding: 130px 0 125px;
}
#before-latest-news-section .container {
    width: 1400px;
}
#before-latest-news-section h2 {
    font-size: 51px;
    color: #fff;
    font-weight: bold;
    font-family: 'Poppins';
    margin-bottom: 22px;
    line-height: 70px;
}
#before-latest-news-section p {
    font-size: 21px;
    font-weight: bold;
    font-family: 'Poppins';
    margin-bottom: 30px;
    line-height: 40px;
    text-align: justify;
}
.before-latest-news-section-left {
    max-width: 475px;
}
.before-latest-news-section-right {
    max-width: 447px;
    float: right;
}
.before-latest-news-section-left p {
    color: #08192d;
}
.before-latest-news-section-right p {
    color: #52ad99;
}


.white-btn1 {
    width: auto;
    line-height: 34px;
    color: #08192d;
    text-align: center;
    margin-left: 0px;
    border: solid 2px #fff;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    font-size: 12px;
    padding: 10px 28px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 2px 6px 11px rgba(0,0,0,0.3);
}
.white-color-btn1::before {width: 100%;height: 100%;left: 0;top: 0;background: #fff;opacity: 1;position: absolute;content: '';z-index: -1;}
.white-color-btn1:hover::before {height: 0%;top: 0;opacity: 1;}
.white-color-btn1:hover {color: #fff;}


#latest-news-section {
    text-align: center;
    padding: 78px 0 51px;
}
#latest-news-section h2 {
    font-size: 51px;
    color: #52ad99;
    font-weight: bold;
    font-family: 'Poppins';
    margin-bottom: 34px;
}
#latest-news-section .container p {
    color: #08192d;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 33px;
    line-height: 40px;
}

#home-news-box {
    padding: 59px 210px 20px 210px;
}
.news-content {
    box-shadow: 0px 4px 12px rgba(77, 77, 77, 0.1);
    margin: 0 0 40px;
    background: #fafafa;
    padding: 0 0 40px;
}
.news-content p {
    color: #08192d;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    margin: 33px 0 26px;
}
.news-content p span {
    color: #c2c2c2;
    display: block;
}
.news-content .green-color-btn {
    width: auto;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-left: 0px;
    border: solid 2px #52ad99;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    font-size: 12px;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 2px 6px 11px rgba(0,0,0,0.3);
}
.news-content .green-color-btn:hover {
    color: #52ad99;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}
#follows-sec {
    background: #08192d;
    text-align: center;
    padding-bottom: 80px;
    padding-top: 80px;
}
#follows-sec h2 {
    color: #fff;
    font-size: 51px;
    font-weight: bold;
    font-family: 'Poppins';
}
#follows-sec ul li{width:13%;display:inline-block;position:relative}
#follows-sec ul li:after{content:'';width:1px;height:100%;background:#fff;position:absolute;right:0;top:0}
#follows-sec ul li a {
    width: 60px;
    height: 112px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px auto;
    line-height: 112px;
    font-size: 30px;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#love-what-you-do {
    padding: 130px 0 210px;
    background: url(../images/home/join-the-team-image-banner.png) no-repeat top center / cover;
}
#love-what-you-do h2 {
    font-size: 61px;
    color: #fff;
    line-height: 70px;
    font-weight: bold;
    font-family: 'poppins';
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
#love-what-you-do h2::before {
    background: url(../images/home/heart-2-icon.png) no-repeat left top;
    content: "";
    width: 195px;
    height: 222px;
    display: block;
    position: absolute;
    z-index: -1;
    top: -66px;
    left: -70px;
}
#love-what-you-do .green-color-btn {
    width: auto;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-left: 0px;
    border: solid 2px #52ad99;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    font-size: 12px;
    padding: 10px 28px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 2px 6px 11px rgba(0,0,0,0.3);
}



footer{background:#091929;padding:110px 0 95px 0}
footer h6 {
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Poppins';
    color: #fff;
}
footer h6:after{content:'';width:100%}
footer h6::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 0;
}
footer ul li {
    list-style: none;
    font-size: 12px;
    line-height: 22px;
    margin: 5px 0 10px;
    text-transform: uppercase;
}
footer ul li a {
    color: #fff;
    font-family: 'Poppins';
    font-weight: bold;
    letter-spacing: 0.6px;
}
footer a,footer .footer-contact a:hover{color:gray;font-family: 'Poppins';}
footer ul li a:active,footer ul li a:focus,footer a:hover{color:#fff}
footer a:before{content:'\f105';font-family:'FontAwesome';width:0;overflow:hidden;float:left}
footer a:hover:before{width:15px}
footer .footer-contact a:before,a.call-ancr:before,#step5 p a:before,#seo-step5 p a:before{content:attr(data-title);position:absolute;left:0;top:0;color:#fff;width:0;overflow:hidden;height:22px;font-family: 'Poppins';}
footer .footer-contact a:before{top:-1px}
a.call-ancr{display:inline-block}
a.call-ancr:before{font-family: 'Poppins';}
/*footer .footer-contact a:hover:before,a.call-ancr:hover:before,#step5 p a:hover:before,#seo-step5 p a:hover:before{width:100%}*/
footer p {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Poppins';
    font-weight: bold;
    letter-spacing: 0.6px;
}
footer p a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Poppins';
}
footer p span {
    color: #16af97;
    font-family: 'Poppins';
}

.vat-no {
    font-size: 10px;
    line-height: 12px;
    text-align: left;
    color: #fff;
    /*text-align: center;
    color: #426997;*/
    margin: 34px 0 0px 0;
}
footer p.vat-no a {
    font-size: 10px;
    line-height: 12px;
    color: #426997;
}
footer p.vat-no a:hover {
    color: #fff;
}
footer p.vat-no a:hover:before {
    display: none;
}
.vat-no span {
    color: #fff;
    margin: 0 10px;
}
a.call-ancr-mobile {
    display: none;
}


.header-bar {
    position: relative;
}
/*
.drop-down-nav {
    position: absolute;
    width: 100vw;   
    display: none;
    left: 0;
    right: 0;
    padding: 49px 0 0;
    transition: ease all 0.3s;  
}
.drop-down-nav-inside {
    background: #05101e;
    width: 100%;
    padding: 36px 0 45px;
    display: inline-block;
}
.drop-down-nav .container {
    max-width: 1480px;
    width: 100%;
}
.drop-down-nav ul {
    list-style: none;
}
*/
.drop-down-nav ul li {
    display: inline-block;
/*  width: 12.2%;*/
    width: 176px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    font-family: 'Poppins';
    line-height: 24px;
    transition: ease all 0.3s;
    padding: 10px 0px !important;
}
.drop-down-nav ul li img {
    display: block;
    margin: 15px auto 20px;
}
.drop-down-nav ul li a:hover {
    color: #fff!important;
}
.drop-down-nav ul li:hover span {
    color: #fff!important;
    transition: ease all 0.3s;
}
.drop-down-nav ul li a {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}
.drop-down-nav ul li .dropdown-read-more {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #52ad99;
    font-family: 'Poppins';
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 5px 0 10px;
    transition: ease all 0.3s;
}



.dropdown:hover .drop-down-nav{
    display: none;
    padding: 39px 0 0;  
    transition: ease all 0.3s;
}
.drop-down-nav ul li:hover, .drop-down-nav ul li.active {
    background: rgba(255, 255, 255, 0.1);
}
.up-icon {
    position: absolute;
    color: #52ad99;
    font-size: 30px;
    right: 30px;
    bottom: 30px;
    display: none;
}
.up-icon:hover {
    color: #fff;
}





/******  Case Study Page   ******/
#case-study-banner {
	margin-top: 151px;
	padding: 13% 0 45px;
	text-align: center;
	position: relative;
}
.archway-bg {
    background: url(../images/case-study/archway/archway-banner.png) no-repeat left center / cover; 
}
.balinea-bg {
    background: url(../images/case-study/balinea/balinea-banner.jpg) no-repeat left center / cover; 
}
.belsons-bg {
    background: url(../images/case-study/belson/belsons-banner.png) no-repeat left center / cover;  
}
.brookside-bg {
    background: url(../images/case-study/brookside/brookside-banner.png) no-repeat left center / cover; 
}
.edmunds-bg {
    background: url(../images/case-study/edmunds/edmunds-banner.jpg) no-repeat left center / cover; 
}
.fortress-bg {
    background: url(../images/case-study/fortress/fortress-banner.jpg) no-repeat left center / cover;   
}
.prostone-bg {
    background: url(../images/case-study/prostone/prostone-banner.png) no-repeat left center / cover;   
}
.tj-hammond-bg {
    background: url(../images/case-study/tj-hammond/tj-hammond-banner.png) no-repeat left center / cover;   
}
.wilson-it-and-security-bg {
    background: url(../images/case-study/wilson-it-and-security/wilson-it-and-security-banner.jpg) no-repeat left center / cover;   
}
.probuild-management-bg {
    background: url(../images/case-study/probuild-management/probuild-management-banner.jpg) no-repeat left center / cover;   
}
.midas-global-bg {
    background: url(../images/case-study/midas-global/midas-global-banner.jpg) no-repeat left center / cover;   
}
.surrey-inflatables-bg {
    background: url(../images/case-study/surrey-inflatables/surrey-inflatables-banner.png) no-repeat left center / cover;   
}
.tjc-transport-bg {
    background: url(../images/case-study/tjc-transport/tjc-banner.jpg) no-repeat left center / cover;   
}
.lifestyle-bg {
    background: url(../images/case-study/lifestyle/lifestyle-banner.jpg) no-repeat left center / cover; 
}
.hireco-bg {
    background: url(../images/case-study/hireco/hireco-banner.png) no-repeat left center / cover;   
}
.alans-cars-bg {
    background: url(../images/case-study/alans-cars/alans-cars-banner.jpg) no-repeat left center / cover;   
}
.braemar-bg {
    background: url(../images/case-study/braemar/braemar-banner.png) no-repeat left center / cover;   
}
.cme-bg {
    background: url(../images/case-study/cme/cme-banner.png) no-repeat left center / cover;   
}
.core-security-bg {
    background: url(../images/case-study/core-security/core-security-banner.png) no-repeat left center / cover;   
}
.gb-line-bg {
    background: url(../images/case-study/gb-line/gb-line-banner.png) no-repeat left center / cover;   
}
.purewater-bg {
    background: url(../images/case-study/purewater/purewater-banner.png) no-repeat left center / cover;   
}
.viewpoint-media-bg {
    background: url(../images/case-study/viewpoint-media/viewpoint-media-banner.png) no-repeat left center / cover;   
}
.a-b-a-couriers-bg {
    background: url(../images/case-study/a-b-a-couriers/a-b-a-couriers-banner.png) no-repeat left center / cover;   
}
.right-stone-drives-and-patios-bg {
    background: url(../images/case-study/right-stone-drives-and-patios/right-stone-drives-and-patios-banner.png) no-repeat left center / cover;   
}
.edc-plumbing-bg {
    background: url(../images/case-study/edc-plumbing/edc-plumbing-banner.jpg) no-repeat left center / cover;   
}
.the-silent-disco-company-bg {
    background: url(../images/case-study/the-silent-disco-company/silent-disco-banner.jpg) no-repeat left center / cover;   
}
#big-img-sction2 .img-fluid {
	width: 100%;
}
#case-study-banner .container {
    position: unset;
}
#case-study-banner h1 {
    font-size: 70px;
    color: #fff;
    font-family: 'Proxima Nova Lt';
    font-weight: 700;
    text-shadow: 4px 5px 4px rgba(0,0,0,0.2);
}
.case-study-visit-btn {
    width: auto;
    line-height: 60px;
    color: #fff;
    text-align: center;
    margin-left: 0px;
    border: solid 2px #fff;
    font-family: 'Proxima Nova Alt Rg';
    position: relative;
    z-index: 1;
    font-size: 17px;
    padding: 0px 28px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 264px;
}
.case-study-buy-btn {
    width: auto;
    line-height: 60px;
    color: #fff;
    text-align: center;
    margin-left: 30px;
    border: solid 2px #d5685c;
    font-family: 'Proxima Nova Alt Rg';
    position: relative;
    z-index: 1;
    font-size: 17px;
    padding: 0px 28px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 264px;
}
.pink-color-btn::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #d5685c;
    opacity: 1;
    position: absolute;
    content: '';
    z-index: -1;
}
.pink-color-btn:hover::before {
    height: 0;
    top: 0;
    opacity: 1;
}
.pink-color-btn:hover {
    color: #d5685c;
}
.case-study-page .case-study-banner-nav {
    position: absolute;
    width: 100%;
    bottom: 44px;
    left: 0;
    right: 0;
    color: #fff;
}
.case-btn {
	margin-bottom: 20%;
}
.case-study-page .case-study-banner-nav a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 20px;
}
.case-study-page .case-study-banner-nav a:hover {
    color: #63b69f;
}
.case-study-page .case-study-banner-nav a .fa-angle-left {
    margin-right: 10px;
    font-size: 24px;
    transition: ease all 0.3s;
}
.case-study-page .case-study-banner-nav a .fa-angle-right {
    margin-left: 10px;
    font-size: 24px;
    transition: ease all 0.3s;
}
#case-study-about-section {
    padding: 70px 0 70px;
    text-align: center;
}
#case-study-about-section h2 {
    font-size: 50px;
    font-family: 'Proxima Nova Rg';
    line-height: 60px;
    margin-bottom: 29px;
}
#case-study-about-section h3 {
    font-size: 20px;
    font-family: 'Proxima Nova Lt';
    line-height: 27px;
    letter-spacing: 1px;
    color: #64af98;
    text-transform: uppercase;
    max-width: 940px;
    margin: 0 auto;
}
#case-study-project-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 50px;
}
.case-study-project-left {
    max-width: 514px;
    margin-left: 170px;
    display: inline-block;
}
.case-study-project-left p {
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 40px;
    text-align: justify;
    font-family: 'Proxima Nova Rg';
    color: #343434;
    margin-bottom: 37px!important;
}
.bold-font {font-family: 'Proxima Nova Lt'!important;}
.case-study-project-right {
    width: calc(100% - 684px);
    margin-left: 0;
    display: inline-block;
    float: right;
}
.case-study-project-right img {
    width: 100%;
}
.pink-btn {
    width: auto;
    line-height: 60px;
    color: #fff;
    text-align: center;
    margin-left: 0px;
    border: solid 2px #d5685c;
    font-family: 'Proxima Nova Alt Rg';
    position: relative;
    z-index: 1;
    font-size: 17px;
    padding: 0px 28px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 264px;
}
#what-package h2 {
    text-align: center;
    font-size: 50px;
    font-family: 'Proxima Nova Rg';
    line-height: 60px;
}
#what-package p {
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 40px;
    text-align: justify;
    font-family: 'Proxima Nova Rg';
    color: #343434;
    padding: 0 15px;
}
.view-website-btn { 
    width: auto;
    line-height: 60px;
    color: #52ad99;
    text-align: center;
    margin-left: 0px;
    border: solid 2px #52ad99;
    font-family: 'Proxima Nova Rg';
    position: relative;
    z-index: 1;
    font-size: 17px;
    padding: 0px 38px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 264px;
}

.green-color-btn1::before {
    width: 100%;
    height: 0%;
    left: 0;
    top: 0;
    background: #52ad99;
    opacity: 1;
    position: absolute;
    content: '';
    z-index: -1;
}
.green-color-btn1:hover::before {
    height: 100%;
    top: 0;
    opacity: 1;
}
.green-color-btn1:hover {
    color: #fff;
}
.what-package-btn-box {
    text-align: center;
}
.what-package-btn-box .view-website-btn {
    margin: 20px auto 0;
}
#what-package {
    padding: 0 0 160px;
}
#big-img-sction .container {
    width: 1196px;
}
#big-img-sction {
    padding: 0 0 137px;
}
#big-img-sction img {
    width: 100%;
}
.marg-tb30 {
    margin-top: 30px;
    margin-bottom: 30px;
}


#key-features-section {
    background: url(../images/case-study/key-feature-bg.png) no-repeat center center / cover;
    padding: 90px 0 95px;
    text-align: center;
}
#key-features-section h2 {
    color: #fff;
    font-size: 50px;
    font-family: 'Proxima Nova Rg';
    line-height: 60px;
}
#key-features-section h3 {
    color: #fff;
    font-size: 30px;
    font-family: 'Proxima Nova Lt';
    line-height: 50px;
    margin: 30px 0 30px!important;
}
#key-features-section p {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 30px;
    text-align: justify;
    font-family: 'Myriad Pro';
    color: #fff;
}
#key-features-section .container {
    width: 930px;
}
.case-bottom-btn .green-color-btn1 {
    width: auto;
    line-height: 60px;
    color: #52ad99;
    text-align: center;
    margin-left: 0px;
    border: solid 2px #52ad99;
    font-family: 'Proxima Nova Rg';
    position: relative;
    z-index: 1;
    font-size: 17px;
    padding: 0px 38px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 264px;
}
.case-bottom-btn .green-color-btn1:hover {
    color: #fff;
}
#case-study-bottom-buttons {
    text-align: center;
    padding: 110px 0 105px;
}
.case-study-bottom-nav {
    width: 100%;
    color: #0d1928;
    margin: 53px 0 0;
}
.case-study-bottom-nav a {
    color: #0d1928;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 20px;
}
.case-study-bottom-nav a:hover {
    color: #52ad99;
}

.pad-top0 {
    padding-top: 0!important;
}
.marg-bottom10 {
    margin-bottom: 7px!important;
}



#big-img-sction2 {
	position: relative;
	z-index: -1;
}
.big-img-sction2-left {
    width: 902px;
}
.big-img-sction2-right {
    width: 1100px;
    position: absolute;
    top: -30%;
    right: 0;
    z-index: -1;
}
.big-img-sction2-right2 {
    width: 1100px;
    position: absolute;
    top: -10%;
    right: 0;
    z-index: -1;
}
.big-img-sction2-right2 img {
    width: 100%;
}
#case-study-bottom-big-img {
    padding: 100px 0 0;
}

#case-study-bottom-big-img img {
    width: 100%;    
}



#case-study-lifestyle-video {
    background: url(../images/case-study/lifestyle/lifestyle-video-banner-bg.png) no-repeat center center / cover;
    padding: 100px 0;
    color: #fff;
    margin-bottom: 0px;
}
#case-study-lifestyle-video .video-text{position:absolute;top:50%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}

#case-study-lifestyle-video .video-text h3 {
	font-size: 50px;
	font-family: 'Proxima Nova Rg';
	line-height: 60px;
	color: #fff;
}

.marg-left100 {
    margin-left: 69px;
}
#case-study-lifestyle-video .container {
    width: 1340px;
}
#case-study-lifestyle-video .video-text p {
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 40px;
    text-align: justify;
    font-family: 'Proxima Nova Rg';
    color: #fff;
}

.drawer-navbar {
    z-index: 20;
}




.play-btn {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    position: absolute;
    display: block;
    margin: 0;
    top: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0080+55,ffffff+57&0+55,1+57 */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,0,128,0) 55%, rgba(255,255,255,1) 57%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,0,128,0) 55%,rgba(255,255,255,1) 57%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(255,0,128,0) 55%,rgba(255,255,255,1) 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0080', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* triangle */
.play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 35px solid #fff;
    z-index: 100;
    -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn::before {
    content: "";
    position: absolute;
    width: 150%;
    height: 150%;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate1 2s;
    animation: pulsate1 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, .75);
    top: -25%;
    left: -25%;
    background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}


.hidenav {
    display: none!important;
}


#newsletter_frm .g-recaptcha {
    margin-top: 10px;
}
.seo-report-btn:focus {
    color: #fff;
}
/*
.blog #main-wrapper .blog-page .row blog-blk {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
*/
.blog #main-wrapper #blog .blog-page .container .row .row:before, .single #main-wrapper #blog .container .row:before, .archive #main-wrapper #blog .container .row:before  {
    display: table-column;
}
.blog footer .container .row:before, .single footer .container .row:before, .archive footer .container .row:before  {
    display: table-column;
}
.blog #main-wrapper #blog .blog-page .container .row .row:after, .single #main-wrapper #blog .container .row:after, .archive #main-wrapper #blog .container .row:after  {
    display: table-column;
}
.blog footer .container .row:after, .single footer .container .row:after, .archive footer .container .row:after  {
    display: table-column;
}
.news-content .blog_content {
    padding: 0 10px;
}

#latest-news-section .owl-stage {
    display: flex;
}
#latest-news-section .owl-item {
    min-height: 390px!important;
}
#latest-news-section .owl-item .item {
    height: 100%;
}
#latest-news-section .owl-item .item > div {
    height: 100%;
}
#latest-news-section .owl-item .item > div .news-content {
    height: 90%;
}
.case-btn .white-color-btn:focus {
    color: #fff;
}
#thank-you-page {
    text-align: center;
    padding: 300px 0 200px 0;
    background: #f7f7f7;
    border-bottom: solid 1px #ddd;
}
#thank-you-page h2 {
    font-size: 50px;
    font-family: "Proxima Nova Alt Bl";
    font-weight: 900;
    margin-bottom: 10px;
    color: #52ad99;
}
#thank-you-page p {
    max-width: 600px;
    margin: 20px auto 30px;
}
#thank-you-page a {
    width: auto;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    box-shadow: 2px 6px 11px rgba(0,0,0,0.3);
}
#thank-you-page a:hover {
    color: #52ad99!important;
    box-shadow: 2px 6px 11px rgba(0,0,0,0.0)!important;
}


/*-----------------css-for-seo-web-packages----------------*/

.packages-btn{max-width: 262px; padding: 12px 52px;}
#over-seven-year-section.intro-text{padding:100px 0 75px;}
.intro-text h1{color: #52ad99; font-weight: bold; line-height: 70px; font-family: 'Poppins'; margin: 0 0 23px; font-size: 52px;}
#seo-packages-option, #design-packages-option{max-width: 100%; margin: auto;}
.packages{padding-bottom:182px;}
.packages .container{width:1678px;}
.packages .col-md-3{padding:0 4px;}
.packages .packages-box{background:#52ad99; padding:74px 40px; max-width:100%; min-height: 598px;}
.packages .packages-box.special-packages{background:#08192d; padding-top:45px;}
.packages .packages-box h3{color:#fff; font-family: 'Poppins'; font-weight:bold; font-size:39px; line-height:42px; margin: 0 0 30px; text-align: center; display: block;}
.packages .packages-box h5{color:#ffd348; font-family:'Poppins'; font-weight:bold; font-size:12px; line-height:14px; margin:0 0 14px; letter-spacing:1px;}
.packages .packages-box.special-packages h5{display: block; text-align: center; text-transform: uppercase; }
.packages .packages-box ul{margin:0; padding:0; list-style-type:none;}
.packages .packages-box ul li{margin:0 0 20px; color:#fff; font-size:16px; padding:0 0 0 30px; background:url("../images/icon-bullet.png") left 6px no-repeat;}
.packages .packages-box.special-packages ul li{background:url("../images/icon-bullet-green.png") left 6px no-repeat;}

#seo-packages .owl-carousel .owl-nav.disabled{display:none;}

.extras-section{background:#08192d; padding:120px 0 90px; position: relative;}
.extras-section h2{display:block; text-align:left; color:#fff; font-size:51px; line-height:62px; font-weight:bold; font-family:'poppins'; position:relative; margin-bottom:60px;}
.optional-item{background:#52ad99; padding:40px 40px; min-height:386px; display:block; margin:0 auto 30px;}
.optional-item h4{display:block; color:#fff; font-weight:500; font-size:19px; line-height:19px; margin:10px 0 0; text-transform: uppercase; letter-spacing:1px;}
.optional-item h4:first-child{margin:0;}
.optional-item .img-box{min-height:228px; text-align:center; display:inline-grid; align-content:center; justify-content:center; width:100%;}
.optional-item .img-box img{margin:0 auto;}
.optional-item a.add-packages{color:#fff; font-weight:500; font-size:16px; line-height:27px; float:right;}

.page-textbox{padding:115px 0;}
.page-textbox h2{font-size:51px; line-height:60px; color:#52ad99; font-family:'Poppins'; font-weight:bold; margin-bottom:15px;}
.page-textbox h3{color:#52ad99; font-family:'Poppins'; font-weight:400; font-size:26px; line-height:32px; margin-bottom:45px;}
.page-textbox p{color:#08192d; font-size:21px; font-weight:600; margin-bottom:60px;}
.page-textbox p:last-child{margin-bottom:40px;}
.page-textbox .green-color-btn.call-us{width: 262px; display: block; margin: 0 auto; height: 43px; line-height: 16px;}


#small-header .page-textbox p{margin-bottom:50px; line-height:38px;}
.bg-white{ background: #ffffff !important;}
.page-textbox .green-color-btn{width:auto; line-height:34px; color:#fff; text-align:center; margin-left:0px; border:solid 2px #52ad99; font-family:'Poppins'; position:relative; z-index:1; font-size:12px; padding:10px 28px; text-decoration:none; font-weight:bold; letter-spacing:0.6px; text-transform:uppercase; box-shadow:2px 6px 11px rgba(0,0,0,0.3);}
.page-textbox .green-color-btn:hover{color:#52ad99; box-shadow: 0px 0px 0px rgba(0,0,0,0.3);}
.pluslink{ background:url("../images/icon-plus.png") center right no-repeat; padding:0 48px 0 0; display:inline-block;}
.pluslink.blueplus:hover{background:url("../images/icon-plus-blue.png") center right no-repeat; color:#014c8c;}
.pluslink.yellowplus:hover{background:url("../images/icon-plus-yellow.png") center right no-repeat; color:#ffd348;}
a.btn-buy{color:#08192d; line-height:38px; font-size:12px; letter-spacing:1px; font-weight:bold; text-transform:uppercase; text-align: center; box-shadow: 4.015px 5.734px 11.7px 1.3px rgba(0, 0, 0, 0.24); width:148px; height:43px; margin:0 auto; display: block; border:solid 2px #ffd348; background:transparent; position:relative; z-index:1;}
a.btn-buy:before{position:absolute; content:''; left:0; height:100%; top:0; background:rgb(255, 211, 72) /*#ffd348*/; width:100%; z-index:-1}
a.btn-buy:hover:before{height:0}
a.btn-buy.blueblack:hover{color:#fff;}
.down-arrow{position: absolute; width: 96px; height: 96px; text-align: center; background: #08192d url("../images/down-arrow.png") center center no-repeat; top: -50px; left: calc(50% - 48px); border-radius: 50%; border: 4px solid #52ad99;}


.google-partner-bg{
    background-image: url("../images/google-partner-banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.google-wrapper {padding: 65px 0px;}
.google-wrapper .img-wrap{max-width: 217px;margin-left: 100px;margin-right: 60px;flex: 0 0 auto;}
.google-wrapper .img-wrap img{width: 100%;}
.google-wrapper .text-wrap{}
.google-wrapper .text-wrap h6{color: #ffd348;margin: 0;font-size: 30px;margin-bottom: 17px;letter-spacing: 1px;}
.google-wrapper .text-wrap p{margin: 0;font-size: 21px;color: #fff;font-weight: 700;letter-spacing: 0.1px;}






/****  01-10-2019  ****/
.site-audit-section {
    background: #05101e url(../images/site-audit/vectore.png) no-repeat top left;
/*  padding: 258px 0 270px 0;*/
    padding: 10% 0;
    margin-top: 156px;
}
.site-audit-section h1, .site-audit-section h2 {
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    line-height: 80px;
    font-family: 'Poppins';
    margin-bottom: 40px;
}
.site-audit-section h3 {
    font-size: 40px;
    font-weight: 700;
    color: #52ad99;
    font-family: 'Poppins';
    margin: 0 0 69px !important;
}
.site-audit-section h3 span {
    color: #ffd348;
}
.site-audit-section input, .site-audit-section input[type="submit"] {
    height: 43px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    font-family: 'Poppins';
    
}
.site-audit-section input[type="submit"] {
    width: 100%;
    border: 2px solid #ffd348;
    background: transparent;
    color: #ffd348;
    text-transform: uppercase;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
    margin-left: 20px;
}
.site-audit-section .site-form input {
    width: 262px;   
}
.site-audit-section .site-form input[type="submit"] {
    width: 144px;
}
.site-audit-section .nearly-form input, .site-audit-section .nearly-form input[type="submit"] {
    width: 100%;    
}
.site-audit-section input {
    width: 100%;
    border: 0;
    background: #fff;
    padding: 0 10px;
    color: #08192d;
}
.nearly-form input[type="submit"] {
    margin: 0px 0 0;
    border: 2px solid #ffd348;
    background: #ffd348;
    color: #08192d;
}
.site-audit-section input:hover[type="submit"] {
    background: #18ae97;
    border: 2px solid #18ae97;
    color: #08192d;
}
.nearly-form .form-group {
    margin-bottom: 11px;
}
.nearly-form {
    max-width: 450px;
}
.nearly-form a {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.6px;
    margin-top: 17px;
    display: block;
}
.nearly-form a:hover {
    color: #ffd348;
}
.site-audit-section input::-webkit-input-placeholder { /* Edge */
    color: #08192d;
    opacity: 1;
    text-transform: uppercase;
}
.site-audit-section input:-ms-input-placeholder { /* Internet Explorer */
    color: #08192d;
    opacity: 1;
    text-transform: uppercase;
}
.site-audit-section input::-moz-placeholder {
    color: #08192d;
    opacity: 1;
    text-transform: uppercase;
}
.site-audit-section input::-ms-input-placeholder {
    color: #08192d;
    opacity: 1;
    text-transform: uppercase;
}
.site-audit-section input::placeholder {
    color: #08192d;
    opacity: 1;
    text-transform: uppercase;
}
.site-audit-video-box {
    background: #52ad99;
    padding: 9px 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 8px 0 0;
}
.site-audit-video-box img {
    max-width: 100%;
}
.site-audit-video-box a {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Poppins';
    padding: 0;
    position: absolute;
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.site-audit-video-box .play-btn {
    width: 71px;
    height: 71px;
    position: relative;
}
.site-audit-video-box .play-btn::after {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 23px solid #fff;
}

.take-a-look-section {
    padding: 130px 0 80px;
    text-align: center;
}
.take-a-look-section h2 {
    color: #52ad99;
    font-weight: bold;
    line-height: 70px;
    font-family: 'Poppins';
    margin: 0 0 23px;
    font-size: 51px;
}
.take-a-look-section p {
    color: #08192d;
    font-weight: 600;
    line-height: 40px;
    font-family: 'Poppins';
    font-size: 21px;
    margin-bottom: 31px;
}
.huge-organic-section {
    background: #f7f7f7;
    padding: 195px 0;
}
.position-relative {
    position: relative;
}

.huge-organic-section h2, .increase-in-organic-traffic-section h2, .seo-boost-section h2 {
    font-size: 51px;
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 23px;
}
.huge-organic-section p, .increase-in-organic-traffic-section p, .seo-boost-section p {
    font-size: 21px;
    font-weight: 500;
    line-height: 40px;
    color: #08192d;
}

.green-heading h1, .green-heading h2, .green-heading h3, .green-heading h4, .green-heading h5 {
    color: #52ad99;
    font-family: 'Poppins';
}
.green-color {
    color: #52ad99;
}
.dark-blue-color {
    color: #08192d;
}
.huge-organic-section .btn-group {
    margin-top: 6px;
}
.right-img-box {
    position: absolute;
    right: -300px;
    top: -50px;
    z-index: 1;
}
.left-img-box {
    position: absolute;
    left: -540px;
    top: -60px;
    z-index: 1;
}
.increase-in-organic-traffic-section {
    background: #52ad99;
    padding: 171px 0;
}
.increase-in-organic-traffic-section h2 {
    color: #fff;
}
.seo-boost-section {
    background: #05101e;
    padding: 218px 0 230px 0;
}
.seo-boost-section h2 {
    color: #52ad99;
}
.seo-boost-section p {
    color: #fff;
}
.seo-boost-section .right-img-box {
    top: -50px;
    right: -320px;
}
.things-you-should-section {
    padding: 100px 0 90px !important;
}
.things-you-should-section h3 {
    margin-top: 0 !important;
}
.things-you-should-section .over-seven-content-right p {
    margin: 0 !important;
}





.btn-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group > div {
    margin: 0 13px;
}
.btn-group > div:first-child {
    margin-left: 0;
}
.btn {
    width: auto;
    color: #fff;
    text-align: center;
    margin-left: 0px;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    font-size: 12px;
    padding: 12px 37px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    -webkit-box-shadow: 2px 6px 11px rgba(0,0,0,0.3);
            box-shadow: 2px 6px 11px rgba(0,0,0,0.3);
    border-radius: 0;
}
.btn::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    position: absolute;
    content: '';
    z-index: -1;
}
.btn:hover::before, .dark-blue-border-btn .btn::before, .yellow-border-btn .btn::before {
    height: 0;
    top: 0;
    opacity: 1;
}
.green-btn .btn::before {
    background: #52ad99;
}
.green-btn .btn {
    border: solid 2px #52ad99;
}
.green-btn .btn:hover {
    color: #52ad99;
}
.green-btn .btn::before {
    background: #52ad99;
}
.dark-blue-border-btn .btn {
    background: transparent;
    border: solid 2px #05101e;
    color: #05101e;
}
.dark-blue-border-btn .btn::before {
    background: #05101e;
}
.dark-blue-border-btn .btn:hover::before {
    height: 100%;
    opacity: 1;
}
.dark-blue-border-btn .btn:hover {
    color: #fff;
}

.white01-btn .btn::before {
    background: #fff;
}
.white01-btn .btn {
    border: solid 2px #fff;
    color: #05101e;
}
.white01-btn .btn:hover {
    color: #fff;
}


.yellow-border-btn .btn {
    background: transparent;
    border: solid 2px #ffd348;
    color: #ffd348;
}
.yellow-border-btn .btn::before {
    background: #ffd348;
}
.yellow-border-btn .btn:hover::before {
    height: 100%;
    opacity: 1;
}
.yellow-border-btn .btn:hover {
    color: #08192d;
}
.increase-in-organic-traffic-section .yellow-border-btn .btn {
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
            box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
    padding: 12px 25px;
}
/*** 10-10-2019  ***/
#strWebsite-error {
    margin-top: 15px;
}
.nearly-form .g-recaptcha {
    display: none;
}
.form-group.step2 {
    position: relative;
}
.form-group.step2 img {
    position: absolute;
    top: 0;
    width: 44px !important;
    right: 140px;
}
/*** 10-10-2019 End  ***/

.top-toolbar {
    padding: 4px 0px;
    display: none;
    justify-content: center;
    background-color: #05101e;
    color: #d1d1d1;
}
.top-toolbar .call-wrap{}
.top-toolbar .call-wrap span {
    font-size: 13px;
    font-weight: 400;
}
.top-toolbar .call-wrap .call-mobile {
    color: #d1d1d1;
    font-weight: 600;
    font-size: 15px;
}
.top-toolbar .call-wrap .call-mobile:hover {
    color: #ffd348;
}
.drawer-hamburger {
    position: absolute;
    width: 33px;
}
.drawer-toggle.drawer-hamburger::before {
    content: "Menu";
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}



.form {
	width: 100%;
	height: 50px;
	display: inline-block;
	background: #fff;
	padding: 5px;
}
.form input[type="file"] {
	z-index: 999;
	line-height: 0;
	font-size: 50px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity=0)";
	cursor: pointer;
	_cursor: hand;
	margin: 0;
	padding: 0;
	left: 0;
	width: 100%;
	height: 40px;
}
.add-photo-btn {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	background-color: #e1e1e1;
	color: #000;
	display: inline-block;
	width: 147px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	text-transform: uppercase;
	float: left;
	margin-right: 10px;
}
.form .file-btn {
	width: calc(100% - 197px);
	float: left;
	height: 40px;
	border: 0;
	cursor: default;
	font-size: 14px;
}
.form .file-btn:focus {
	box-shadow: 0 0px 0px rgba(0,0,0,0.0)!important;
	border: 0;
}
footer p, footer p strong, footer h6, footer ul li a, footer p a{font-weight: 600;letter-spacing: 1px;}
.vat-no-section p {margin-bottom: 0 !important; color: #426997;}
.vat-no-section p span{font-weight: 300;}
footer p strong {
    color: #51ac99;
}
.top_text {
    text-align: center;
    color: #fff;
    margin: 0 !important;
    font-size: 16px;
    padding: 10px 15px;
    background-color: #05101e;
    line-height: 22px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}   

/*---19-03-2020-----*/
#home-slider {
    padding-top: 174px;
}
/*---------------------media-css-------------------------*/
@media (min-width: 1920px) {
.inside-container {
    width: 1870px;
    margin: auto;
    display: inline-block;
}   
}
@media (min-width: 1701px) {
#big-img-sction2 { margin-top: -250px;}

}
@media (min-width: 1401px) {
.services-img{width:680px;margin:-20px 0 0 -120px}
.magento-ecomm-img{width:650px;margin:20px 0 0 30px}
}
@media (max-width: 1800px) {
#case-study-banner {
	padding: 10% 0 45px;
}	
.case-btn {
	margin-bottom: 10%;
}
}
@media (min-width: 992px) {
#hosting-services .col-md-4 p{max-width:300px;margin:0 auto}
.web-content-img1{width:750px;max-width:initial;position:relative;z-index:-1;margin-left:-100px;margin-top:50px}
.step-blk{max-width:550px}
#development-step .row .col-lg-6:nth-child(even) .step-blk{float:right}
#print-inner .right-text p{max-width:550px}
.print-bottom-txt p{max-width:400px}
}
@media (min-width: 1701px) and (max-width: 1918px) {
.home-gallery-img1 {
    width: 19.9%;
    margin: 0 0 1.0% 0;
}
.home-gallery-img2 {
    width: 42.8%;
    margin: 0 1.0% 1.0%;
}
.home-gallery-img3 {
    width: 14.3%;
    margin: 0 1.0% 1.0% 0;
}
.home-gallery-img4 {
    width: 20.0%;
    margin: 0 0px 1.0% 0;
}
.home-gallery-img5 {
    width: 49.4%;
    margin: 0 0px 14px 0;
}
.home-gallery-img6 {
    width: 49.6%;
    margin: 0 0 14px 1.0%;
}   
    
}
@media (max-width: 1700px) {
    
.big-img-sction2-left {
    width: 50%;
}
.big-img-sction2-left img {
    width: 100%;
}
.big-img-sction2-right2 {
    width: 60%;
    position: absolute;
    top: -10%;
}       
    
.big-img-sction2-right {
    width: 50%;
    position: absolute;
    top: -20%;
    padding: 15px 0px 50px 15px;
}
.big-img-sction2-right img {
    width: 100%;
}   

    
.home-gallery-img1 {
    width: 19%;
    margin: 0 0 2.5% 0;
}
.home-gallery-img2 {
    width: 40.80%;
    margin: 0 2.5% 2.5%;
}
.home-gallery-img3 {
    width: 13.60%;
    margin: 0 2.5% 2.5% 0;
}
.home-gallery-img4 {
    width: 19.1%;
    margin: 0 0px 2.5% 0;
}
.home-gallery-img5 {
    width: 48.8%;
    margin: 0 0px 14px 0;
}
.home-gallery-img6 {
    width: 48.6%;
    margin: 0 0 14px 2.5%;
}
    
#home-slider .carousel-caption {
    top: 30%;
}
    .packages .container{width:96%;}
    #seo-packages .owl-carousel .owl-nav.disabled{ display:block; top:inherit; bottom:-60px; transform:none; width:120px; left:calc(50% - 60px);}
    #seo-packages .owl-carousel .owl-nav.disabled .owl-next, #seo-packages .owl-carousel .owl-nav.disabled .owl-prev{margin: 0;}
    
    #design-packages-option .owl-carousel .owl-nav.disabled{ display:block; top:inherit; bottom:-60px; transform:none; width:120px; left:calc(50% - 60px);}
    #design-packages-option .owl-carousel .owl-nav.disabled .owl-next, #design-packages-option .owl-carousel .owl-nav.disabled .owl-prev{margin: 0;}
    .packages #design-packages-option  .packages-box h3{font-size: 36px;}
    #big-img-sction2 {
        position: relative;
        margin-top: -210px;
    }
}
@media (max-width: 1400px) {
.drawer-navbar .drawer-brand{width:220px;padding-top:0px}
.tov-navigation.top-nav-collapse .drawer-brand{ /*padding-top: 10px;*/}
.drawer-navbar .drawer-menu-item.nav-btn{margin-left:15px}
.drawer-container{margin:0 15px}
.drawer-navbar .drawer-menu--right{margin-top:17px}
.tov-navigation{padding-bottom:15px}
#we-deliver-sucees{background-size:30% auto}
.digital-marketing-img{left:-100px;bottom:30px;width:120%}
.tov-navigation.top-nav-collapse{padding-bottom: 13px; /*top: -79px;*/}
.services-img{width:100%}
.container,.container-new{width:96% !important;}
.banner-block{padding-top:17%}
.jet-img,.left-cloud{width:25%}
.iphone-social,.web-dev-img,.photography-img1{width:100%}
.email-marketing-img2{width:500px}
.email-marketing-img1{width:100%;margin:-80px 0 0}
#development-step.ppc-sec{background-size:30% auto}
#development-step.penalty-sec .google-pan-img{width:600px;left:-150px}
#development-step.penalty-sec{background-size:40% auto}
.photography-img{width:100%;margin:30px 0 0}
.img-seo{width:600px;margin:30px 0 0 -50px}
#main-content.ppc-inner{padding:100px 0 70px}
.tov-navigation.top-nav-collapse .drawer-brand{margin-top:15px;/*margin-top:4px*/}
.leaflet-img{width:96%;left:0}
.image-block img.pocket-img{width:600px;margin:-20px 0 0 -40px}
.image-block img.invitation-img{left:0;width:580px}
.magento-ecommerce #main-content{overflow:hidden}
.magento-ecommerce #main-content .services-img{margin-top:60px}
#inner-gal .gallery-text{-moz-transform:translateY(-50%) scale(0.8);-webkit-transform:translateY(-50%) scale(0.8);-ms-transform:translateY(-50%) scale(0.8);-o-transform:translateY(-50%) scale(0.8);transform:translateY(-50%) scale(0.8)} 
#home-slider{padding-top: 138px;}
#home-slider .carousel-caption h5{font-size: 42px; line-height: 50px;}  
#learn-more-about{padding: 205px 0 205px;}  
#before-latest-news-section{background: url(../images/home/seo-digital-marketing.png) no-repeat left top / 50% 100%, url(../images/home/website-design-development.png) no-repeat right top / 50% 100%;}    
.before-latest-news-section-left {
    float: left;
    margin-left: 50px;
}   
.before-latest-news-section-right {
    float: right;
    margin-right: 50px;
}   
#home-news-box {
    padding: 59px 210px 20px 210px;
}   
    
    
#case-study-lifestyle-video .video-text {
    padding: 0 15px;
}   
.marg-left100{margin-left: 0;}
    
    
    .intro-text h1, .extras-section h2{font-size:46px; line-height:60px;}
    .packages #design-packages-option  .packages-box h3{font-size: 32px;}
}

@media (max-width: 1200px) {
.drawer-navbar .drawer-menu-item{padding:0 8px}
.drawer-navbar .drawer-menu-item.nav-btn{margin-left:0}
.drawer-navbar .drawer-brand{width:200px;padding:0}
.drawer-navbar .drawer-menu-item.nav-btn.ticket-btn{margin-left:10px}
#testimonial-blk h2 br{display:block}
#printing-section:before{height:36%}
#testimonial-blk{background-size:cover}
.sub-menu li{padding:0}
.sub-menu li a{padding:0 5px}
.padding-top{padding-top:60px}
.container,.container-new{max-width:96%;width:96%}
#main-content.development-inner{padding-bottom:50px}
#development-step{padding:100px 0 70px}
#development-step .col-lg-6{margin-bottom:30px}
#development-step{background-size:40%}
.step-blk{padding:90px 70px}
#choosing-database{margin:50px auto}
.row.padding-top.margin-blk{margin:0}
#hosting-services{padding:120px 0}
.banner-block p{margin-bottom:60px}
.banner-block{padding-top:20%;transform:scale(0.8);left:6%}
.img-seo{width:100%}
.photography #main-content h2 br{display:none}
.case-text{padding:80px 0}
#case-study-images{padding:0 0 100px}
#small-header #breadcrumbs-blk{margin:150px auto 30px}
.pets-xtra-mob{margin:0 auto -450px}
.testimonial-banner #intrested-blk{padding-top:100px}
.testimonial-banner h1{margin-top:100px}
.banner-img.testimonial-banner{padding:30px}
#intrested-blk.contact-page{padding:120px 0 30px}
.blog #innner-banner{padding:130px 0 30px}
.blog-blk{margin-bottom:80px}
.image-block img.restaurant-img,.image-block img.letterhead-img,.image-block img.pocket-img{width:500px;max-width:initial;margin:0 0 0 -80px}       

.home-gallery-img1 {
    width: 19%;
    margin: 0 0 2.5% 0;
}
.home-gallery-img2 {
    width: 40.80%;
    margin: 0 2.5% 2.5%;
}
.home-gallery-img3 {
    width: 13.60%;
    margin: 0 2.5% 2.5% 0;
}
.home-gallery-img4 {
    width: 19.1%;
    margin: 0 0px 2.5% 0;
}
.home-gallery-img5 {
    width: 48.8%;
    margin: 0 0px 14px 0;
}
.home-gallery-img6 {
    width: 48.6%;
    margin: 0 0 14px 2.5%;
}
    
    
.carousel-item {
    height: auto;
}   
    

#home-slider .carousel-caption {
    top: 25%;
    transform: translateY(0%);
}
#home-slider .carousel-item img {
    width: 100% !important;
    height: 100%;
}   
    
#home-news-box{padding: 59px 100px 20px 100px;} 
#home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-next{margin-right: -50px;}  
#home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-prev{margin-left: -50px;}
    
    
    .intro-text, .extras-section{padding:60px 0 30px !important;}
    .intro-text h1, .extras-section h2{font-size:42px; line-height:54px;}
    
    .packages .packages-box{padding:45px 25px;}
    .packages .packages-box h3{font-size:32px;}
    .packages .packages-box.special-packages{padding-top:17px;}
    .packages #design-packages-option  .packages-box h3{font-size: 28px;}
    
    #big-img-sction2 {
        margin-top: -180px;
    }
}

/*
@media (min-width: 1100px) and (max-width: 1500px) {
.drawer-navbar .drawer-menu li.dropdown ul li {
    width: 126px;
}   
.drop-down-nav ul li a {
    font-size: 14px;
}   
}
*/
@media (min-width: 1100px) and (max-width: 1500px) {
.drawer-navbar .drawer-menu li.dropdown ul li {
    width: 140px;
}   
.drop-down-nav ul li a {
    font-size: 14px;
}
}
@media (min-width: 1100px) {
.drawer-navbar .drawer-menu, .drawer-navbar .drawer-menu--right { transform: none !important; position: static;}
div.top-nav-collapse nav.drawer-nav.drawer-menu--right { /*margin-top: 42px;*/}	
    
/*
.drawer-navbar .drawer-menu li:hover .sub-menu {
    display: block;
}
*/

.drawer-navbar .drawer-menu li:hover .sub-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transition-delay: 0s, 0s, .3s;
    -ms-transition-delay: 0s, 0s, .3s;
    -o-transition-delay: 0s, 0s, .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    animation-name: fadeInDown;
    animation-duration: 0.5s;
    animation-fill-mode: both
}   
.drawer-navbar .drawer-menu li {
    position: static;
    padding-bottom: 38px;
}
        
    
}

@media (max-width: 1499px) {
    #home-slider {
        padding-top: 196px;
    }
}

@media (max-width: 1099px) {
.drawer-nav {width: 260px }
.drawer--left .drawer-nav { left: -260px ;}
.call-ancr span{display:none}
.call-ancr i{display:inline-block;font-size:25px;color:#fff}
.nav-top .social ul{display:none}
.nav-top{width:30px;display:inline-block;text-align:center;float:right}
.tov-navigation{padding:0}
.tov-navigation.top-nav-collapse .drawer-brand{margin-top:0px; padding-top:0}
.drawer-navbar-header{/*width:220px;*/margin:0 auto}
.call-ancr{width:30px;margin-top:-4px;height:30px;display:block}
.drawer-navbar .drawer-brand{line-height:50px;}
.drawer-navbar .drawer-brand{line-height:50px;margin-top: 0px;}
.drawer-navbar .drawer-menu--right{margin-top:98px;background:#02192f;height:100%;overflow-y:auto;padding-top:0}
.drawer-navbar .drawer-menu{text-align:left}
.banner-block h2{font-size:50px;line-height:65px}
#we-deliver-sucees{padding:80px 0 130px}
#testimonial-blk{padding-bottom:100px}
.packages-blk{padding:50px}
#seo-marketing{padding:40px 0 100px}
#digital-marketing{padding-bottom:100px}
.digital-marketing-img{bottom:0}
#intrested-blk{padding-top:70px}
#client-slider{margin-top:80px}
#newsletter-blk{width:100%;position:static;margin-bottom:50px;right:0!important;left:0!important}
#newsletter-blk img{width:65px}
#printing-section:before{height:34.5%}
footer{padding:40px 0 20px}
.drawer-navbar .drawer-menu li a{border-bottom:solid 1px rgba(255,255,255,0.1)}
.drawer-navbar .drawer-menu-item.nav-btn{background:none;text-align:left;border:0;padding:10px 15px;margin:0;width:100%;line-height:22px;border-bottom:solid 1px rgba(255,255,255,0.1)}
.drawer-navbar .drawer-menu-item.nav-btn.ticket-btn{border:0;margin:0;border-bottom:solid 1px rgba(255,255,255,0.1)}
.drawer-navbar .drawer-menu li a{padding:10px 15px}
.tov-navigation.top-nav-collapse{padding:0;top:0}
.drawer-navbar .drawer-menu-item.nav-btn:before,.drawer-navbar .drawer-menu-item:before{display:none}
.drawer--left.drawer-open .drawer-hamburger:hover,.drawer--left.drawer-open .drawer-hamburger:focus{outline:0}
.drawer-navbar .drawer-menu-item.nav-btn.ticket-btn:hover{color:#fff}
.drawer-navbar .drawer-menu-item:active,.drawer-navbar .drawer-menu-item:focus,.drawer-navbar .drawer-menu-item:hover{background:rgba(255,255,255,0.1)}
nav.drawer-nav .mob-sub-menu li{display:block;margin:0;text-align: left;width: 100%;padding: 0px 0px !important;}
nav.drawer-nav .mob-sub-menu li a{padding-left:30px; font-size: 12px; display: block; color: #fff; font-weight: 500;}
nav.drawer-nav .mob-sub-menu li a:before{content:'';width:7px;height:1px;background:#fff;position:absolute;left:15px;top:20px}
nav.drawer-nav .mob-sub-menu,#small-header nav.drawer-nav .mob-sub-menu p{margin:0;padding:0 0 0 10px}
#innner-banner .mob-sub-menu,#innner-banner hr,nav.drawer-nav .mob-sub-menu img{display:none}
#innner-banner{padding-top:180px;}
.menu-display{display:block!important;margin:0!important}
#intrested-blk a.call-ancr{width:auto}
#hosting-services h3{font-size:30px;margin-bottom:20px!important}
.web-content h2 br{display:none}
#printing-section{padding-top:0;overflow:visible}
#newsletter-blk .rocket-img{left:40px}
#innner-banner .sub-menu{display:none}
.Video-blk{padding-top:0;margin-top:52px}
.Video-blk:before{height:100%}
.seo-graph{margin:50px 0 0;width:100%}
.seo #oraganic-ranking h2 br{display:none}
#main-content.ppc-inner,.penalty-removal #main-content{padding:70px 0}
.ppc-bg-img{margin-top:0;padding:100px 0;background:url(../images/ppc/ppc_2.jpg) no-repeat 40% top}
.iphone-social,.web-dev-img,.photography-img1,.email-marketing-img1{width:100%;position:relative;z-index:-1}
.email-marketing-img1{margin-top:0}
.service-ul{padding-left:0}
.seo #intrested-blk.seo-intrested{padding:0 0 50px}
#innner-banner p{max-width:85%;margin:0 auto}
#oraganic-ranking{padding:30px 0}
#seo-services .col-md-6{margin-bottom:50px}
#seo-package{padding:20px 0 80px}
.seo-packge-img{max-width:410px;margin:50px 0 0}
.padding-top.ppc-bg-img{background:none;padding:0}
#small-header .tov-navigation{padding:0}
.drawer-navbar-header {
    height: 52px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#small-header .nav-top{display:block}
#graphics-design-sec{padding:70px 0 50px}
#graphic-services{padding:90px 0 50px}
#graphic-services #intrested-blk{padding-top:100px}
.graphics-services .card-header{padding:0}
.graphics-services .card-header a{padding-left:40px;padding-bottom:10px;font-size:18px}
.graphics-services .card-block{padding:0 0 0 40px;font-size:16px;line-height:22px;height:66px}
#map-block{height:600px}
.image-block img.invitation-img{width:100%}
.image-block img.restaurant-img,.image-block img.letterhead-img,.image-block img.pocket-img{width:450px}
#case-study-banner{margin-top:52px}
.east-anglia #case-study-images{padding-bottom:50px}
.archway-mockup{margin:-44% 0 -18%}
#case-study-responsive-blk .case-study-img{width:100%}
#ideas-block h3 br{display:none}
#small-header #breadcrumbs-blk{margin:150px auto 30px}
#instafeed{margin:20px auto 50px}
    
    
    
a.call-ancr-mobile {
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    display: none;
}
.nav-top {
    margin-bottom: 0;
    padding: 0px 0;
    display: none;
}   
    .drawer-navbar .clearfix {
        display: none;
    }
    ul.drawer-menu {
        display: block!important;
    }
    .drawer-container {
        max-width: 100%;
    }
    .tov-navigation.top-nav-collapse .drawer-navbar-header {
    height: 52px;
}
    #home-slider {
        padding-top: 90px;
    }
    #home-slider .carousel-caption h5 {
        font-size: 40px;
    margin-bottom: 19px;
    line-height: 50px;
    }
    #home-slider .carousel-caption p {
        font-size: 20px;
    }
#home-slider .carousel-item img {
    width: 100%!important;
    height: 600px;
}
#home-slider .carousel-caption {
    top: 48%;
    transform: translateY(-30%);
}
.view-project-btn {
    margin-left: 20px;
    padding: 4px 18px;
    margin-top: 0;
    display: inline-block;
}
.seo-report-btn {
    margin-left: 0;
}   
    #home-brands {
    padding: 40px 106px;
}
    #home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-prev {
    margin-left: -60px;
}
    #home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-next {
    margin-right: -60px;
}
    #home-brands h2 {
    font-size: 24px;
}
    #over-seven-year-section {
    padding: 40px 0 20px;
}
.over-seven-year-top h2 {
    line-height: 40px;
    font-size: 30px;
}
.over-seven-year-top p {
    line-height: 30px;
    font-size: 18px;
}   
.over-seven-year-bottom h3 {
    font-size: 24px;
    margin: 45px 0 35px !important;
}   
.over-seven-year-bottom h4 {
    font-size: 16px;
}   
.container, .container-new {
    max-width: 100%;
    width: 100%;
}   
.container.max-widht1160 {
    width: 100%;
    padding: 0 15px;
}
.over-seven-year-bottom {
    width: 100%;
    margin: 0;
}   
.over-seven-year-bottom span {
       margin-right: 10px;
    width: auto;
    margin-bottom: 0px;
}
.over-seven-all-content {
    margin-bottom: 30px;
}   
.over-seven-all-content {
    margin-bottom: 30px;
    text-align: left;
}
.over-seven-content-right {
    display: inline-block;
    width: 70%;
}   
#we-love {
    padding: 145px 0 50px 0;
}   
#we-love h2 {
    font-size: 31px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 50px;
}   
#we-love .container {
    padding: 0 15px;
}   
#we-love h2::before {
    left: -20px;
}   
#we-love .green-color-btn {
    margin-left: 0px;
    padding: 4px 28px;
    float: left;
}
.white-btn {
    margin-left: 20px;
    padding: 4px 28px;
    float: left;
    margin-top: 0;
}
#we-love .owl-item p {
    line-height: 20px;
    font-size: 16px;
    margin: 30px 0 26px;
}   
#download-our-e-book h2 {
    font-size: 28px;
    margin-bottom: 17px;
}   
#download-our-e-book {
    padding: 40px 0;
}   
#learn-more-about {
    padding: 40px 0 40px;
}
#learn-more-about h2 {
    font-size: 31px;
    line-height: 35px;
    margin-bottom: 20px;
}   
#learn-more-about a {
    font-size: 21px;
/*    background: url(../images/home/play-icon.png) no-repeat left center / 20%;*/
    background: none;
    padding: 40px 0px 40px 72px;
}   

.play-btn {
    top: 50%;
    width: 56px;
    height: 56px;
    transform: translate(0, -50%);
}   
.play-btn::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
}   
#learn-more-about a:hover {
    padding: 40px 0px 40px 92px;
}   
#learn-more-about .container {
    padding: 0 15px;
    max-width: 570px;
}
#home-gallery img {
    width: 100%;
    height: auto;
}
#after-home-gallery-section {
    padding: 10px 0 1px;
}
#after-home-gallery-section h2 {
    font-size: 31px;
    font-family: 'Poppins';
    margin-bottom: 24px;
}   
#after-home-gallery-section p {
    font-size: 18px;
    margin-bottom: 33px;
    line-height: 26px;
}   
#before-latest-news-section {
    background: url(../images/home/seo-digital-marketing.png) no-repeat left top / 50% 100%, url(../images/home/website-design-development.png) no-repeat right bottom / 50% 100%;
    padding: 30px 0 30px;
}
#before-latest-news-section .container {
    padding: 0 15px;
    }
#before-latest-news-section h2 {
    font-size: 31px;
    margin-bottom: 22px;
    line-height: 40px;
}
#before-latest-news-section p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 26px;
}   
.before-latest-news-section-left {
    padding: 0 0 20px;
}   
#latest-news-section h2 {
    font-size: 31px;
    margin-bottom: 24px;
}   
#latest-news-section .container p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 26px;
}   
#home-news-box {
    padding: 0 85px;
}
#latest-news-section {
    padding: 43px 0 10px;
}   
#follows-sec h2 {
    font-size: 31px;
}   
#love-what-you-do {
    padding: 90px 15px 50px;
}
#love-what-you-do h2 {
    font-size: 31px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 30px;
}   
#love-what-you-do h2::before {
    left: 10px;
}   
#follows-sec ul li a {
    font-size: 16px;
    height: 82px;
    line-height: 82px;
}   
#follows-sec {
    padding-bottom: 40px;
    padding-top: 40px;
}
    

.contact-number {
    display: none;
}   
#case-study-banner {
    padding: 100px 0 45px;
}   
#case-study-banner h1 {
    font-size: 40px;
}   
.case-btn {
    margin-bottom: 70px;
}
.case-study-visit-btn {
    line-height: 40px;
    margin-bottom: 15px;
}   
.case-study-buy-btn {
    line-height: 40px;
    margin-left: 20px;
}   
.case-study-page .case-study-banner-nav a {
    letter-spacing: 0px;
    margin: 0 10px;
    font-size: 16px;
}   
#case-study-about-section {
    padding: 40px 0 40px;
}   
#case-study-about-section h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
}   
#case-study-about-section h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0 !important;
    max-width: 620px;
}   
#case-study-about-section .container {
    padding: 0 15px;
}
#case-study-project-section {
    padding: 0 15px 50px;
    display: block;
}   
.case-study-project-left {
    max-width: 100%;
    margin-left: 0;
}   
.case-study-project-left p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 17px !important;
}   
.case-study-project-right {
    width: 100%;
    float: none;
    margin-top: 30px;
}   
.case-study-project-right img {
    width: 100%;
}   
.pink-btn {
    line-height: 40px;
}   
#what-package h2 {
    font-size: 26px;
    line-height: 32px;
}   
#what-package p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 17px;
}   
.view-website-btn {
    line-height: 40px;
    margin-top: 10px!important;
}   
#what-package {
    padding: 0 0 50px;
}   
#big-img-sction .container {
    width: 100%;
}   
#big-img-sction .container img {
    width: 100%;
}   
#big-img-sction {
    padding: 0 0 50px;
}   
#key-features-section {
    padding: 40px 0 20px;
}   
#key-features-section h2 {
    font-size: 30px;
    line-height: 40px;
}   
#key-features-section h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 10px 0 15px !important;
}   
#key-features-section .container {
    padding: 0 15px;
}   
#case-study-bottom-buttons {
    padding: 40px 0 40px;
}   
.case-bottom-btn .green-color-btn1 {
    line-height: 40px;
    margin-bottom: 15px;
}   
.case-study-bottom-nav {
    margin: 26px 0 0;
}   
.case-study-bottom-nav a {
    margin: 0 10px;
    font-size: 16px;
    letter-spacing: 0;
}
    
    
    
#case-study-lifestyle-video .video-text {
    top: 50%;
    padding: 0 15px;
}
#case-study-lifestyle-video {
    padding: 50px 0;
}   
.marg-left100 {
    margin-left: 0;
}   
#case-study-lifestyle-video .video-text h3 {
    font-size: 30px;
    line-height: 34px;
}   
#case-study-lifestyle-video .video-text p {
    font-size: 16px;
    line-height: 24px;
}   
    
    .intro-text, .extras-section{padding:40px 0 20px !important;}
    .packages #design-packages-option  .packages-box h3{font-size: 30px;}
    #big-img-sction2 {
        margin-top: -20px;
    }
    .google-wrapper .img-wrap {
        margin-left: 80px;
        margin-right: 40px;
    }
    .google-wrapper .text-wrap h6 {
        font-size: 26px;
        margin-bottom: 14px;
    }
    .google-wrapper .text-wrap p {
        font-size: 18px;
    }
    .header-bar {
        padding: 4px 0 8px;
    }
    .drawer-hamburger {padding: 0;}
    .top-toolbar{ display: flex;}
    #small-header .nav-top {
        display: none;
    }
	
	.whatsappbox {
	display: block;
    position: fixed;
    right: 5px;
    bottom: 0;
    z-index: 999;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
	}
	.whatsappbox i.fa.fa-whatsapp {
    font-size: 45px !important;
    color: #01E675 !important;
	}
	.whatsappbox a i{-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out}
	.whatsappbox a:hover i, .whatsappbox a:hover{ -o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);color:#2754BB}
	.whatsappbox a:before { display: none;}
#home-slider {
    padding-top: 161px;
}
}
@media (max-width: 991px) {
.icon-img{margin:0 auto 40px}
h1,h2{font-size:40px;line-height:46px}
#printing-section:before{height:31.5%}
footer{font-size:16px}
footer p{margin-bottom:20px}
footer ul li{font-size:16px;margin:5px 0 7px}
footer strong{display:block}
.icon-ul{margin:40px 0 0}
.padding-top{padding-top:40px}
#main-content .img-fluid{margin:0 auto}
#intrested-blk{padding-top:40px}
#main-content .float-right,#main-content .float-left{float:none!important}
#main-content h2{margin-bottom:20px}
#gallery-title{margin:65px auto}
#inner-gal .gallery-text{-moz-transform:translateY(-50%) scale(0.8);-webkit-transform:translateY(-50%) scale(0.8);-ms-transform:translateY(-50%) scale(0.8);-o-transform:translateY(-50%) scale(0.8);transform:translateY(-50%) scale(0.8)}
#development-step .col-lg-6{margin:30px 0}
#development-step{padding:50px 0}
#support{margin-bottom:70px}
#choosing-database.container-new{margin:0 auto 20px}
#hosting-services .icon{margin:45px 0}
#hosting-services{padding:70px 0}
#hosting-services p{max-width:500px;margin:0 auto}
.banner-block{padding-top:14%;transform:scale(0.7);left:0}
.jet-img,.left-cloud{width:29%}
#we-deliver-sucees{background-size:40% auto}
.google-adword-img{width:100%}
#development-step.ppc-sec{padding-top:80px}
.ppc-text-div{margin-bottom:50px}
#intrested-blk.ppc-intrested,#main-content.social-marketing{padding-bottom:30px}
#social-icons ul img{width:90px}
#social-icons li{margin:0 18px}
#social-icons ul{top:-45px}
.iphone-social{margin:0;width:100%}
#twitter-blk img{margin:0 0 50px}
.email-marketing-img2{width:100%;margin-left:-100px;margin-top:0}
.penalty-removal #main-content{padding:0}
#penalty-icon-block{padding-bottom:100px}
.seo-copywriting #intrested-blk.seo-intrested{padding-top:0}
#intrested-blk.seo-intrested{padding-bottom:60px}
#case-study-video .video-text{position:relative;top:auto;-ms-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);margin-top:50px}
#case-study-video{padding:80px 0 50px;margin-bottom:70px}
.place-order-blk .col-md-5{padding-left:0}
.place-order-blk .red-ancr{padding:0 10px;text-align:center}
.graphic-subblk{padding-top:50px;height:700px}
header #innner-banner .container{width:90%}
#small-header .graphic-subblk p{padding:0 30px}
#brand-development{padding:40px}
.graphics-services .col-lg-4.col-md-12 .card{width:50%;float:left;clear:left}
.graphics-services .col-lg-4.col-md-12 .card:nth-child(even){padding-left:15px;clear:right}
.graphic-subblk h2{font-size:35px}
.print-bottom-txt h2{font-size:30px;line-height:36px;margin-bottom:25px}
.red-ancr1.full-width{text-align:center;padding:0}
.pets-xtra-mob{margin:0 auto -320px}
#map-block{height:500px}
#intrested-blk.contact-page{padding:100px 0 30px}
#small-header .contact-page p{max-width:600px}
#contact-form{padding-bottom:50px}
.blog #innner-banner{padding:60px 0 30px}
.graphics-services .card-block{height:45px}
.appoinment-img{width:100%}
#business-cards-sec{padding:60px 0}
#innner-banner .red-ancr1{padding:0 30px}
.image-block img,.image-block img.shop-img,.image-block img.invitation-img,.image-block img.restaurant-img,.image-block img.letterhead-img,.image-block img.pocket-img{position:static;-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);margin:0 auto 60px;display:block}
.image-block img.invitation-img,.image-block img.restaurant-img,.image-block img.pocket-img{width:100%}
.image-block img.letterhead-img{height:400px;width:auto}
.roller-banner-design .image-block img{height:500px}
#business-cards-sec .right-text h1 br{display:none}
.social-para{text-align:left}
#case-study-images .case-text.top-text{padding-bottom:0}
.high-oak-img{width:85%}
#case-study-responsive-blk .case-study-img{margin-top:20px}
#portfolio-blk .case-study-bottom-imgs .col-md-6{margin:0 auto 50px}
.lifestyle-shutters-and-blinds #case-study-video{margin-bottom:0}
.magento-ecomm-img{margin:15px auto 0}
.magento-ecommerce #main-content .services-img{margin:0 auto}
#ideas-block{margin-bottom:50px;padding:90px 0}
.wordpress-ecommerce .col-lg-6.float-left.text-center img{margin-top:40px}
#contact label.check-label br,#printfrm .contact-lable label.check-label br{display:none}
#related-print-sec{display:none}
.job-list-block{padding:40px 20px;margin:40px auto}
.left-padding{padding-left:0}
#innner-banner.banner-img.about-bnr-img{padding-bottom:20px}
#about video{margin-top:30px}
    
    
    
a.call-ancr-mobile {
    right: 10px;
}
.nav-top {
    margin-bottom: 0;
    padding: 0px 0;
    display: none;
}   
    .drawer-navbar .clearfix {
        display: none;
    }
    ul.drawer-menu {
        display: block!important;
    }
    .drawer-container {
        max-width: 100%;
    }
    .tov-navigation.top-nav-collapse .drawer-navbar-header {
    height: 52px;
}
    #home-slider {
        padding-top: 160px;
    }
    #home-slider .carousel-caption h5 {
        font-size: 20px;
        margin-bottom: 19px;
        line-height: 30px;
    }
    #home-slider .carousel-caption p {
        font-size: 16px;
    }
#home-slider .carousel-item img {
    width: 100% !important;
    height: 100%;
}
#home-slider .carousel-caption {
    top: 10%;
    transform: translateY(0%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.view-project-btn {
    margin-left: 20px;
    padding: 4px 18px;
    margin-top: 0;
    display: inline-block;
}
.seo-report-btn {
    margin-left: 0;
}   
    #home-brands {
    padding: 40px 16px;
}
    #home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-prev {
    margin-left: 0;
}
    #home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-next {
    margin-right: 0;
}
    #home-brands h2 {
    font-size: 24px;
}
    #over-seven-year-section {
    padding: 40px 0 20px;
}
.over-seven-year-top h2 {
    line-height: 40px;
    font-size: 30px;
}
.over-seven-year-top p {
    line-height: 30px;
    font-size: 18px;
}   
.over-seven-year-bottom h3 {
    font-size: 24px;
    margin: 45px 0 35px !important;
}   
.over-seven-year-bottom h4 {
    font-size: 16px;
}   
.container, .container-new {
    max-width: 100%;
    width: 100%;
}   
.container.max-widht1160 {
    width: 100%;
    padding: 0 15px;
}
.over-seven-year-bottom {
    width: 100%;
    margin: 0;
}   
.over-seven-year-bottom span {
    margin-right: 0;
    width: 100%;
    margin-bottom: 30px;
}
.over-seven-all-content {
    margin-bottom: 30px;
}   
.over-seven-all-content {
    margin-bottom: 30px;
    text-align: center;
}
    
#we-love {
    padding: 145px 0 50px 0;
}   
#we-love h2 {
    font-size: 31px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 50px;
}   
#we-love .container {
    padding: 0 15px;
}   
#we-love h2::before {
    left: -20px;
}   
#we-love .green-color-btn {
    margin-left: 0px;
    padding: 4px 28px;
    float: left;
}
.white-btn {
    margin-left: 0px;
    padding: 4px 28px;
    float: left;
    margin-top: 20px;
    clear: both;
}
#we-love .owl-item p {
    line-height: 20px;
    font-size: 16px;
    margin: 30px 0 26px;
}   
#download-our-e-book h2 {
    font-size: 28px;
    margin-bottom: 17px;
}   
#download-our-e-book {
    padding: 40px 0;
}   
#learn-more-about {
    padding: 40px 0 40px;
}
#learn-more-about h2 {
    font-size: 31px;
    line-height: 35px;
    margin-bottom: 20px;
}   
#learn-more-about a {
    font-size: 21px;
/*    background: url(../images/home/play-icon.png) no-repeat left center / 20%;*/
    background: none;
    padding: 40px 0px 40px 72px;
}   

.play-btn {
    top: 50%;
    width: 56px;
    height: 56px;
    transform: translate(0, -50%);
}   
.play-btn::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
}   
#learn-more-about a:hover {
    padding: 40px 0px 40px 92px;
}       
#learn-more-about .container {
        padding: 0 15px;
    }
#home-gallery img {
    width: 100%;
    height: auto;
}
#after-home-gallery-section {
    padding: 10px 0 1px;
}
#after-home-gallery-section h2 {
    font-size: 31px;
    font-family: 'Poppins';
    margin-bottom: 24px;
}   
#after-home-gallery-section p {
    font-size: 18px;
    margin-bottom: 33px;
    line-height: 26px;
}   
#before-latest-news-section {
    background: url(../images/home/seo-digital-marketing.png) no-repeat left top / 50% 100%, url(../images/home/website-design-development.png) no-repeat right bottom / 50% 100%;
    padding: 30px 0 30px;
}
#before-latest-news-section .container {
    padding: 0 15px;
    }
#before-latest-news-section h2 {
    font-size: 31px;
    margin-bottom: 22px;
    line-height: 40px;
}
#before-latest-news-section p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 26px;
}   
.before-latest-news-section-left {
    padding: 0 0 20px;
}   
#latest-news-section h2 {
    font-size: 31px;
    margin-bottom: 24px;
}   
#latest-news-section .container p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 26px;
}   
#home-news-box {
    padding: 0 15px;
}
#latest-news-section {
    padding: 43px 0 10px;
}   
#follows-sec h2 {
    font-size: 31px;
}   
#love-what-you-do {
    padding: 90px 15px 50px;
}
#love-what-you-do h2 {
    font-size: 31px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 30px;
}   
#love-what-you-do h2::before {
    left: 10px;
}   
#follows-sec ul li a {
    font-size: 16px;
    height: 82px;
    line-height: 82px;
}   
#follows-sec {
    padding-bottom: 40px;
    padding-top: 40px;
}
    
    
    
.contact-number {
    display: none;
}   
#case-study-banner {
    padding: 100px 0 45px;
}   
#case-study-banner h1 {
    font-size: 40px;
}   
.case-btn {
    margin-bottom: 70px;
}
.case-study-visit-btn {
    line-height: 40px;
    margin-bottom: 15px;
}   
.case-study-buy-btn {
    line-height: 40px;
    margin-left: 20px;
}   
.case-study-page .case-study-banner-nav a {
    letter-spacing: 0px;
    margin: 0 10px;
    font-size: 16px;
}   
#case-study-about-section {
    padding: 40px 0 40px;
}   
#case-study-about-section h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
}   
#case-study-about-section h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0 !important;
}   
#case-study-about-section .container {
    padding: 0 15px;
}
#case-study-project-section {
    padding: 0 15px 30px;
    display: block;
}   
.case-study-project-left {
    max-width: 100%;
    margin-left: 0;
}   
.case-study-project-left p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 17px !important;
}   
.case-study-project-right {
    width: 100%;
    float: none;
    margin-top: 30px;
}   
.case-study-project-right img {
    width: 100%;
}   
.pink-btn {
    line-height: 40px;
}   
#what-package h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 30px;
}   
#what-package p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 17px;
}   
.view-website-btn {
    line-height: 40px;
    margin-top: 10px!important;
}   
#what-package {
    padding: 0 0 50px;
}   
#big-img-sction .container {
    width: 100%;
}   
#big-img-sction .container img {
    width: 100%;
}   
#big-img-sction {
    padding: 0 0 50px;
}   
#key-features-section {
    padding: 40px 0 20px;
}   
#key-features-section h2 {
    font-size: 30px;
    line-height: 40px;
}   
#key-features-section h3 {
    font-size: 26px;
    line-height: 40px;
    margin: 10px 0 15px !important;
}   
#key-features-section p {
    line-height: 24px;
}   
#key-features-section .container {
    padding: 0 15px;
}   
#case-study-bottom-buttons {
    padding: 40px 0 40px;
}   
.case-bottom-btn .green-color-btn1 {
    line-height: 40px;
    margin-bottom: 15px;
}   
.case-study-bottom-nav {
    margin: 26px 0 0;
}   
.case-study-bottom-nav a {
    margin: 0 10px;
    font-size: 16px;
    letter-spacing: 0;
}   
    

.over-seven-content-right {
    display: inline-block;
    width: 100%;
}   

    
#case-study-lifestyle-video .video-text {
    position: relative;
    top: 60%;
    padding: 0 15px;
}
.marg-left100 {
    margin-left: 0;
}
#case-study-lifestyle-video .container {
    width: 100%;
    padding: 0 15px;
}   
#case-study-lifestyle-video {
    padding: 50px 0;
}   
#case-study-lifestyle-video .video-text h3 {
    font-size: 30px;
    line-height: 40px;
}
#case-study-lifestyle-video .video-text p {
    font-size: 16px;
    line-height: 24px;
}   
    
footer ul li a {
    font-weight: 400;
    letter-spacing: 0.6px;
    font-size: 13px;
}   
#case-study-bottom-big-img {
    padding: 50px 0 0;
}   

    
    
    
.home-gallery-img1 {
    width: 19%;
    margin: 0 14px 14px 0;
}
.home-gallery-img2 {
    width: 41%;
    margin: 0 14px 14px 0;
}
.home-gallery-img3 {
    width: 14%;
    margin: 0 14px 14px 0;
}
.home-gallery-img4 {
    width: 20%;
    margin: 0 0px 14px 0;
}
.home-gallery-img5 {
    width: 49%;
    margin: 0 14px 14px 0;
}
.home-gallery-img6 {
    width: 49%;
    margin: 0 0px 14px 0;
}   
div#home-news-slider .owl-carousel .owl-nav.disabled {
    top: -28px;
    width: 120px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
div#home-news-slider {
    margin-top: 70px;
}
    
    
/** 02-10-2019 M-991px   **/
.site-audit-section {
    padding: 50px 0 50px 0;
    margin-top: 51px;
}
.site-audit-section h1, .site-audit-section h2 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 10px;
}
.site-audit-section h3 {
    font-size: 22px;
    margin: 0 0 29px !important;
}
.site-audit-section .site-form input {
    width: 242px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
}
.site-audit-section input[type="submit"] {
    margin-left: 0px;
}
.site-audit-section .site-form input[type="submit"] {
    width: 134px;
    margin-left: 10px;
}
#strWebsite-error {
    margin-top: 0;
}   
.site-audit-video-box a {
    width: 230px;
}
.site-audit-video-box .play-btn {
    width: 51px;
    height: 51px;
    top: 0;
    -webkit-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
            transform: translate(0, 0%);
}
.take-a-look-section {
    padding: 40px 0 40px;
}
.take-a-look-section h2 {
    line-height: 30px;
    margin: 0 0 23px;
    font-size: 24px;
}
.take-a-look-section p {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 31px;
}
.right-img-box {
    right: 0;
    top: 50px;
    z-index: 1;
    padding: 0px 20px 20px;
    max-width: 340px;
    position: absolute;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.right-img-box img {
    width: 100%;
}
.huge-organic-section h2, .increase-in-organic-traffic-section h2, .seo-boost-section h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 13px;
}
.huge-organic-section p, .increase-in-organic-traffic-section p, .seo-boost-section p {
    font-size: 16px;
    line-height: 24px;
}
.left-img-box {
    left: 0;
    top: 30px;
    padding: 20px 20px 0px 0px;
    position: absolute;
    max-width: 340px;
}
.left-img-box img {
    width: 100%;
}
.seo-boost-section .container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.seo-boost-section .right-img-box {
    top: 73px;
    right: 0;
    position: absolute;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.site-audit-section .container, .take-a-look-section .container, .huge-organic-section .container, .increase-in-organic-traffic-section .container, .seo-boost-section .container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 760px;
}
.site-audit-video-box {
    margin-top: 8px;
}
.site-audit-video-box img {
    width: 100%;
}
.take-a-look-section h2 br, .huge-organic-section h2 br {
    display: none;
}
.btn-group > div:first-child {
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 15px;
}
.btn-group > div {
    margin: 0 0;
}
.huge-organic-section .btn-group {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.btn-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.huge-organic-section {
    padding: 50px 0 70px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.huge-organic-section .container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.increase-in-organic-traffic-section {
    padding: 50px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.seo-boost-section {
    padding: 50px 0 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.increase-in-organic-traffic-section h2 {
    margin-top: 0px;
}
.things-you-should-section {
    padding: 0px 0 10px !important;
}   
.huge-organic-section, .seo-boost-section, .things-you-should-section, .increase-in-organic-traffic-section {
    overflow: hidden;;
}   
}
@media (max-height: 920px) {
.modal-open .modal.maxWidth1k,.modal-open .modal{top:50px;bottom:auto;max-height:100%}
.modal-open{overflow:scroll}
}
@media (max-width: 767px) {
header .header-banner-img{display:block;margin-top:52px}
header .Video-blk{display:none}
#testimonial-slider .owl-carousel .owl-nav .owl-next{right:-52px}
#testimonial-slider .owl-carousel .owl-nav .owl-prev{left:-52px}
.packages-blk{max-width:100%;padding:50px 90px}
.container,.container-new{width:90%;padding:0}
#digital-marketing .container,.digital-marketing-packages .col-md-6{width:100%;padding:0}
.packages-blk.grey-bg.pull-right{float:none}
#digital-marketing{padding-bottom:0}
#digital-marketing .container{max-width:100%}
#seo-marketing{padding:0}
#seo-marketing .row.digital-marketing-packages{margin:0}
#newsletter-blk{position:relative;width:100%;bottom:auto;margin-bottom:80px}
#newsletter-blk img{display:block!important}
#printing-section img,.gallery-text{display:none}
.form-design-img,#printing-section:before{display:none}
#follows-sec{padding:30px 0 40px 0}
#printing-section{padding:0 0 80px}
.banner-block{margin:0 auto;width:88%}
footer .container{width:90%}
footer strong{display:inline-block}
footer{padding:30px 0}
#client-slider{margin-top:50px}
#printing-section .container{padding:0 40px}
#testimonial-slider{width:84%}
.banner-block p br{display:none}
#follows-sec ul li{width:auto}
.contact-form input,.input-field{margin:6px 0}
#innner-banner h2{margin-bottom:30px}
#innner-banner a.bnr-btn{width:250px;margin:0 10px}
#inner-gal .gallery-text{display:block}
footer .inner-footer{text-align:center}
.step-blk{padding:50px}
.step-blk .number{font-size:60px}
.step-blk h2{margin:20px 0}
#support{padding:80px 0}
#choosing-database.container-new{padding:120px 50px}
.banner-block p{margin-bottom:40px}
.banner-block{padding-top:14%;transform:scale(0.6);left:-7%}
header #innner-banner .container{width:90%}
.seo .icon-ul.marketing-icon{margin-top:40px}
.place-order-blk .col-md-5{padding-left:15px}
.place-order-blk .red-ancr{margin-top:0}
.print-ul{margin-bottom:25px;border-bottom:solid 1px #dcdcdc;padding-bottom:20px}
.print-hr{margin:30px 0}
.graphics-services .col-lg-4.col-md-12 .card{width:100%;float:none}
.graphics-services .col-lg-4.col-md-12 .card:nth-child(even){padding-left:0}
#graphic-services #intrested-blk{padding-top:70px}
.graphic-subblk img{position:relative;margin-top:50px}
.graphic-subblk{height:auto;margin-bottom:40px}
#graphics-design-sec .col-md-6{margin-bottom:0;padding:0 24px}
.image-block img{margin-bottom:40px}
.print-h2{border-top:solid 1px #dfdfdf;padding-top:30px}
#print-inner .right-text hr{margin:30px 0}
.online-chat-ancr{margin-bottom:20px}
.row.print-bottom-txt{margin:30px -15px 0}
.pets-xtra-mob{margin:0 auto -280px}
#contact-form .contact-phone{top:-37px;width:50%}
#contact input[type="textbox"],#contact select{margin-bottom:25px}
#contact .submit-btn{float:left;margin-top:15px}
.blog #innner-banner{padding-top:0}
.blog-text{padding-left:15px;margin-top:40px}
.blog-blk{margin-bottom:50px}
.graphics-services .card-block{height:auto}
.graphics-services{margin:0 25px}
#case-study-images .container-fluid [class*="col-"].padding-left,#case-study-images .container-fluid [class*="col-"].padding-right{padding:20px 0!important}
.case-text{padding:40px 0}
.case-text [class*="col-"]{padding:0}
.case-text h2{margin-bottom:20px}
#case-study-images{padding:0 0 50px}
.case-text .row [class*="col-"]{padding:0 15px}
.case-study-img.tjc-img{margin-bottom:40px}
.case-text h5{margin:20px 0 15px}
.vehicle-signage #graphics-sec{padding-bottom:50px}
.archway-mockup{margin:-40% 0 0}
.vines-home-improvements #case-study-images{padding-bottom:30px}
#portfolio-blk{margin-bottom:50px}
#portfolio-blk .container,#portfolio-blk .container .row .col-md-4,#portfolio-blk .case-study-bottom-imgs .col-md-6{padding:0 15px}
#portfolio-blk .container .row{margin:0 -15px}
#portfolio-blk .case-study-bottom-imgs .col-md-6,#portfolio-blk h2,#portfolio-blk .container .row .col-md-4{margin-bottom:30px}
#newsletter h6.response{width:104%}
.modal-open .modal.maxWidth1k,.modal-open .modal,.modal#print-quote,div#free-call-back,div#newsletter{top:5px;bottom:0!important;max-height:100%;height:100%}
.close{top:-30px;right:-30px;z-index:1;-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7)}
.progress-bar{height:12px;margin-bottom:20px}
.modal-body h4{font-size:20px}
#small-header .modal-body p{font-size:15px;line-height:20px;margin-bottom:15px}
.contact-form label{font-size:14px;line-height:25px;padding:0 5px}
input[type="checkbox"] + label:before,input[type="checkbox"] + label.check-label:before,input[type="radio"] + label:before{height:13px;width:13px;top:27px}
input[type="checkbox"]:checked + label:before,input[type="checkbox"]:checked + label.check-label:before,input[type="radio"]:checked + label:before{font-size:12px}
.contact-form input,.input-field,textarea,.input-field#qty{height:45px;padding:10px;font-size:14px;line-height:25px}
.input-field{margin:10px 0 0!important}
.contact-form input[type="button"].next-btn,.contact-form input[value="Next"],#free-seo-report input[type="submit"],.back-btn{width:64px;height:38px;text-align:center;padding:0;margin-top:10px;font-size:14px;line-height:38px}
.maxWidth1k .contact-form input{margin:10px 0 0;font-size:14px}
.contact-form input[type="submit"],.contact-form input[type="button"],.back-btn,.sbmt-btn,#btnsubmit,#callbk_frm input[type="submit"]{width:90px!important;margin-bottom:0;font-size:14px}
.contact-form textarea{padding:10px}
#printfrm #help_dropdown,#printfrm #found_dropdown,select.input-field#qty,#contact select{height:45px;background-position:96% 18px;background-size:18px;padding:0 10px}
#print-quote .contact-form textarea{max-height:240px;min-height:140px;margin-top:10px;font-size:14px}
.textarea-blk,.col-md-6.contact-lable{margin-bottom:10px}
#ticket-form input[type="textbox"],#ticket-form textarea,#contact input[type="textbox"],#contact select{height:50px;padding:0 10px;margin-bottom:0;margin-top:10px;font-size:14px}
#contact textarea{max-height:140px;min-height:140px;padding:10px;margin-bottom:0;margin-top:10px;font-size:14px}
.col-md-6.contact-lable{font-size:14px;margin-bottom:0}
#contact .submit-btn{height:45px;width:90px;font-size:15px;margin-top:10px}
#contact input[type="textbox"],#contact select{height:45px}
#ftr-job-btn i{display:none}
#ftr-job-btn span{display:block}
#ftr-job-btn{border-radius:60px;border-bottom-left-radius:0;padding:0 20px} 
    
    
    
a.call-ancr-mobile {
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.nav-top {
    margin-bottom: 0;
    padding: 0px 0;
    display: none;
}   
    .drawer-navbar .clearfix {
        display: none;
    }
    ul.drawer-menu {
        display: block!important;
    }
    .drawer-container {
        max-width: 100%;
    }
    .tov-navigation.top-nav-collapse .drawer-navbar-header {
    height: 52px;
}
    #home-slider {
        padding-top: 89px;
    }
    #home-slider .carousel-caption h5 {
        font-size: 20px;
        margin-bottom: 19px;
        line-height: 30px;
    }
    #home-slider .carousel-caption p {
        font-size: 16px;
        font-weight: 400;
    }
#home-slider .carousel-item img {
/*
    width: 220%!important;
    height: 480px;
*/
    width: 100% !important;
    height: 100%;
}   
#home-slider .carousel-caption {
    top: 0%;
    transform: translateY(0%);
}
.view-project-btn {
    margin-left: 20px;
    padding: 0px 18px;
    margin-top: 0;
    display: inline-block;
    font-weight: 400;
    line-height: 31px;
}
.seo-report-btn {
    margin-left: 0;
    padding: 7px 5px;
    font-weight: 400;
}   
    #home-brands {
    padding: 40px 16px;
}
    #home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-prev {
    margin-left: 0;
}
    #home-brands .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled .owl-next {
    margin-right: 0;
}
    #home-brands h2 {
    font-size: 24px;
}
    #over-seven-year-section {
    padding: 40px 15px 20px;
}
.over-seven-year-top h2 {
    line-height: 30px;
    font-size: 24px;
}
.over-seven-year-top p {
    line-height: 24px;
    font-size: 16px;
}   
.over-seven-year-bottom h3 {
    font-size: 24px;
    margin: 45px 0 35px !important;
}   
.over-seven-year-bottom h4 {
    font-size: 16px;
}   
.container, .container-new {
    max-width: 100%;
    width: 100%;
}   
.container.max-widht1160 {
    width: 100%;
    padding: 0 15px;
}
.over-seven-year-bottom {
    width: 100%;
    margin: 0;
}   
.over-seven-year-bottom span {
    margin-right: 0px;
}   
.over-seven-all-content {
    margin-bottom: 30px;
}   
.over-seven-content-right {
    width: 100%;
}
    
#we-love {
    padding: 145px 0 50px 0;
}   
#we-love h2 {
    font-size: 31px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 50px;
}   
#we-love .container {
    padding: 0 15px;
}   
#we-love h2::before {
    left: -20px;
}   
#we-love .green-color-btn {
    margin-left: 0px;
    padding: 4px 28px;
    float: left;
}
.white-btn {
    margin-left: 0;
    padding: 4px 28px;
    float: left;
    margin-top: 20px;
    clear: both;
}
#we-love .owl-item p {
    line-height: 24px;
    font-size: 16px;
    margin: 30px 0 26px;
}   
#download-our-e-book h2 {
    font-size: 28px;
    margin-bottom: 17px;
}   
#download-our-e-book {
    padding: 40px 0;
}   
#learn-more-about {
    padding: 40px 0 40px;
}
#learn-more-about h2 {
    font-size: 31px;
    line-height: 35px;
}   
#learn-more-about a {
    font-size: 21px;
/*    background: url(../images/home/play-icon.png) no-repeat left center / 20%;*/
    background: none;
    padding: 40px 0px 40px 72px;
}   
.play-btn {
    top: 50%;
    width: 56px;
    height: 56px;
    transform: translate(0, -50%);
}   
.play-btn::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
}   
#learn-more-about a:hover {
    padding: 40px 0px 40px 92px;
}   
#learn-more-about .container {
        padding: 0 15px;
    }
.home-gallery-img1 {
    width: 100%;
    margin: 0 0px 14px 0;
}
.home-gallery-img2 {
    width: 100%;
    margin: 0 0px 14px 0;
}   
.home-gallery-img3 {
    width: 100%;
    margin: 0 0px 14px 0;
}   
.home-gallery-img4 {
    width: 100%;
    margin: 0 0px 14px 0;
}   
.home-gallery-img5 {
    width: 100%;
    margin: 0 0px 14px 0;
}   
.home-gallery-img6 {
    width: 100%;
    margin: 0 0px 14px 0;
}   
#home-gallery img {
    width: 100%;
    height: auto;
}
    
#after-home-gallery-section {
    padding: 10px 15px 1px;
}
#after-home-gallery-section h2 {
    font-size: 28px;
    font-family: 'Poppins';
    margin-bottom: 24px;
}   
#after-home-gallery-section p {
    font-size: 16px;
    margin-bottom: 33px;
    line-height: 24px;
}
#before-latest-news-section {
    background: url(../images/home/seo-digital-marketing.png) no-repeat left top / 100% 50%, url(../images/home/website-design-development.png) no-repeat right bottom / 100% 57%;
    padding: 30px 0 30px;
}
#before-latest-news-section .container {
    padding: 0 15px;
    }
#before-latest-news-section h2 {
    font-size: 28px;
    margin-bottom: 22px;
    line-height: 40px;
}
#before-latest-news-section p {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 24px;
}
.before-latest-news-section-left {
    padding: 0 0 110px;
    margin-left: 0px;
    max-width: 100%;
}   
.before-latest-news-section-right {
    float: left;
    margin-right: 0;
    max-width: 100%;
}
.latest-news-section-inside .container {
    padding: 0 15px;
}   
#latest-news-section h2 {
    font-size: 28px;
    margin-bottom: 24px;
}   
#latest-news-section .container p {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 24px;
}
#home-news-box {
    padding: 0 15px;
}
#latest-news-section {
    padding: 43px 0 10px;
}   
#follows-sec h2 {
    font-size: 28px;
    margin-bottom: 30px;
}   
#love-what-you-do {
    padding: 90px 15px 50px;
}
#love-what-you-do h2 {
    font-size: 31px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 30px;
}   
#love-what-you-do h2::before {
    left: 10px;
}   
#follows-sec ul li a {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
}
.contact-number {
    display: none;
}   
    
    
    
    
#case-study-banner {
    padding: 100px 0 45px;
}   
#case-study-banner h1 {
    font-size: 28px;
    margin-bottom: 30px;
    line-height: 34px;
    padding: 0 15px;
}   
.case-btn {
    margin-bottom: 70px;
}
.case-study-visit-btn {
    line-height: 30px;
    margin-bottom: 0px;
    font-size: 12px;
    padding: 0px 10px;
    font-weight: 500;
    min-width: auto;
}
.case-study-buy-btn {
    line-height: 30px;
    margin-left: 10px;
    font-size: 12px;
    padding: 0px 10px;
    font-weight: 500;
    min-width: auto;
}   
.case-study-page .case-study-banner-nav a {
    letter-spacing: 0px;
    margin: 0 10px;
    font-size: 14px;
}
.case-study-page .case-study-banner-nav a .fa-angle-left {
    margin-right: 7px;
    font-size: 16px;
}
.case-study-page .case-study-banner-nav a .fa-angle-right {
    margin-left: 7px;
    font-size: 16px;
}   
#case-study-about-section {
    padding: 40px 0 40px;
}   
#case-study-about-section h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
}   
#case-study-about-section h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0 !important;
}   
#case-study-about-section .container {
    padding: 0 15px;
}
#case-study-project-section {
    padding: 0 15px 30px;
    display: block;
}   
.case-study-project-left {
    max-width: 100%;
    margin-left: 0;
}   
.case-study-project-left p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 17px !important;
}   
.case-study-project-right {
    width: 100%;
    float: none;
    margin-top: 30px;
}   
.case-study-project-right img {
    width: 100%;
}   
.pink-btn {
    line-height: 30px;
    font-size: 13px;
    padding: 0px 10px;
    font-weight: 500;
    min-width: 134px;
}   
#what-package h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
}   
#what-package p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 17px;
}   
.view-website-btn {
    margin-top: 10px!important;
    line-height: 34px;
    font-size: 15px;
    padding: 0px 18px;
    font-weight: 500;
    min-width: 174px;
}
#what-package {
    padding: 0 15px 50px;
}   
#big-img-sction .container {
    width: 100%;
    padding: 0 15px;
}
#big-img-sction .container img {
    width: 100%;
}   
#big-img-sction {
    padding: 0 0 50px;
}   
#key-features-section {
    padding: 40px 0 20px;
}   
#key-features-section h2 {
    font-size: 30px;
    line-height: 40px;
}   
#key-features-section h3 {
    font-size: 26px;
    line-height: 40px;
    margin: 10px 0 15px !important;
}   
#key-features-section .container {
    padding: 0 15px;
}   
#case-study-bottom-buttons {
    padding: 40px 0 40px;
}   
.case-bottom-btn .green-color-btn1 {
    margin-bottom: 0;
    line-height: 30px;
    margin-left: 10px;
    font-size: 12px;
    padding: 0px 10px;
    font-weight: 500;
    min-width: auto;
}
.case-study-bottom-nav {
    margin: 26px 0 0;
}   
.case-study-bottom-nav a {
    margin: 0 10px;
    font-size: 16px;
    letter-spacing: 0;
}   
#key-features-section p {
    max-width: 400px;
    margin: auto auto 30px;
    line-height: 24px;
}   
.marg-tb30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.marg-t0 {
    margin-top: 0!important;
}
.marg-t30 {
    margin-top: 30px!important;
}   
#case-study-lifestyle-video .video-text {
    position: relative;
    top: 60%;
    padding: 0 15px;
}   
.marg-left100 {
    margin-left: 0;
}
#case-study-lifestyle-video .video-text h3 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 15px!important;
}   
#case-study-lifestyle-video .video-text p {
    font-size: 16px;
    line-height: 24px;
}   
#case-study-lifestyle-video {
    padding: 40px 0;
}   


.big-img-sction2-left {
    width: 49%;
    display: inline-block;
}
.big-img-sction2-right2 {
    width: 50%;
    position: static;
    top: 0;
    display: inline-block;
    float: right;
}   
.big-img-sction2-left img {
    width: 100%;
}       
    
.big-img-sction2-right {
    width: 50%;
    position: absolute;
    top: -30%;
    padding: 15px 0px 50px 15px;
}
.big-img-sction2-right img {
    width: 100%;
}   
    
#case-study-bottom-big-img {
    padding: 50px 0 0;
}   
    
.footer-logo {
    margin-top: 0;
}
#thank-you-page .container {
    padding: 0 15px;
}
#thank-you-page p {
    font-size: 16px;
}   
#thank-you-page {
    padding: 200px 0 150px 0;
}   
#thank-you-page h2 {
    font-size: 36px;
}   
    .packages #design-packages-option  .packages-box h3{font-size: 28px;}
.google-wrapper .img-wrap {max-width: 180px;margin-left: 50px;}
#home-slider {   padding-top: 161px;}
}

@media (max-width: 640px) {
.banner-block h2{font-size:45px;line-height:60px}
.banner-block a{margin-right:10px}
#printing-section .green-ancr{margin:0 15px}
h1,h2{font-size:37px;line-height:44px}
#chat-ancr{-moz-transform:scale(0.605) rotate(-90deg);-o-transform:scale(0.60) rotate(-90deg);-ms-transform:scale(0.60) rotate(-90deg);-webkit-transform:scale(0.60) rotate(-90deg);transform:scale(0.60) rotate(-90deg);right:-94px}
#chat-winddow{padding:20px;width:250px}
.modal-open .modal{padding:30px!important}
#gallery-title h2{font-size:28px}
#gallery-title{margin:45px auto}
#innner-banner a.bnr-btn{width:220px}
.banner-block{padding-top:7%}
#marketing-services .padding-top{padding-top:0}
.photography-img{margin:0}
.video-production #main-content{padding:30px 0 20px}
#social-icons li{margin:0 10px}
.photography-intrested h2{line-height:40px}
.print-h2{line-height:48px;font-size:37px}
.pets-xtra-mob{margin:0 auto -240px}
.tjc-img .row.case-study-bottom-imgs{margin-bottom:30px}
.close{top:-30px;right:-30px;z-index:1;-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7)}
.progress-bar{height:12px;margin-bottom:20px}
.modal-body h4{font-size:20px}
#small-header .modal-body p{font-size:15px;line-height:20px;margin-bottom:15px}
.contact-form{margin-top:15px}
.contact-form label{font-size:14px;line-height:45px;padding:0 5px}
input[type="checkbox"] + label:before,input[type="checkbox"] + label.check-label:before,input[type="radio"] + label:before{height:13px;width:13px;top:27px}
input[type="checkbox"]:checked + label:before,input[type="checkbox"]:checked + label.check-label:before,input[type="radio"]:checked + label:before{font-size:12px}
.contact-form input,.input-field,textarea,.input-field#qty{height:45px;padding:0 10px;font-size:14px}
.input-field{margin:10px 0 0!important}
.contact-form input[type="button"].next-btn,.contact-form input[value="Next"],#free-seo-report input[type="submit"],.back-btn{width:64px;height:38px;text-align:center;padding:0;margin-top:10px;font-size:14px}
.maxWidth1k .contact-form input{margin:10px 0 0;font-size:14px}
.contact-form input[type="submit"],.contact-form input[type="button"],.back-btn,.sbmt-btn,#btnsubmit,#callbk_frm input[type="submit"]{width:90px!important;margin-bottom:0;font-size:14px}
.contact-form textarea{padding:10px}
#printfrm #help_dropdown,#printfrm #found_dropdown,select.input-field#qty,#contact select{height:45px;background-position:96% 18px;background-size:18px;padding:0 10px}
#print-quote .contact-form textarea{max-height:240px;min-height:140px;margin-top:10px;font-size:14px}
.textarea-blk,.col-md-6.contact-lable{margin-bottom:10px}
#contact input[type="textbox"],#contact select{height:50px;padding:0 10px;margin-bottom:0;margin-top:10px;font-size:14px}
#contact textarea{max-height:140px;min-height:140px;padding:10px;margin-bottom:0;margin-top:10px;font-size:14px}
.col-md-6.contact-lable{font-size:14px;margin-bottom:0}
#contact .submit-btn{height:45px;width:90px;font-size:15px;margin-top:10px}
#contact input[type="textbox"],#contact select{height:45px}
    
    #optional-extras .container{width: 90% !important;}
    .google-wrapper {padding: 50px 0px;}
    .google-wrapper .container {flex-direction: column;justify-content: center !important;text-align: center;}
    .google-wrapper .img-wrap {max-width: 180px;margin: 0 0 30px 0;}
    .google-wrapper .text-wrap p {font-size: 16px;line-height: 26px;}
    #home-slider .carousel-item img {
        width: 150% !important;
        height: 100%;
        margin-left: -40%;
        right: 2px;
    }
}

@media (max-width: 560px) {
.banner-block h2{font-size:35px;line-height:45px;margin:0 0 15px}
.banner-block a{width:170px}
#digital-marketing h2{margin:0 40px}
#digital-marketing p{margin:30px 40px}
#digital-marketing .packages-blk p{margin:30px 0}
h1,h2{font-size:32px;margin-bottom:30px}
.inner-gal{padding-bottom:40px}
#intrested-blk .red-ancr{margin-bottom:40px}
#innner-banner a.bnr-btn{margin:10px auto;display:block}
#hosting-services p{max-width:inherit;padding:0 30px}
#hosting-services{padding:30px 0 60px}
.banner-block p{margin-bottom:30px}
#we-deliver-sucees{padding:50px 0 130px}
.pets-xtra-mob{margin:0 auto -200px}
#intrested-blk.contact-page{padding:80px 0 30px}
.contact-hr{margin-bottom:30px}
#innner-banner .red-ancr1,.red-ancr1.full-width{margin:40px 0 0;line-height:50px;padding:0 18px;font-size:15px}
.red-ancr1.full-width{margin-top:0}
.breadcrumb{font-size:16px}
#small-header #breadcrumbs-blk{margin:70px auto 10px}
.roller-banner-design .image-block img,.image-block img.table-talker-img,.image-block img.letterhead-img{height:300px}
#case-study-images .container-fluid [class*="col-"].padding-left,#case-study-images .container-fluid [class*="col-"].padding-right{padding:15px 0!important}
#ideas-block{margin-bottom:0;padding:70px 0}
.wordpress-ecommerce .col-lg-6.float-left.text-center img{margin-top:20px}
.wordpress-ecommerce #intrested-blk{margin-top:50px}
#ideas-block h3{font-size:28px;line-height:36px;margin-bottom:50px!important}
#ideas-block ul p{font-size:20px;line-height:24px}
#ideas-block ul li:before{top:4px}
#ideas-block ul li{margin-bottom:15px}
#inner-gal .gallery-text{-moz-transform:translateY(-50%) scale(0.6);-webkit-transform:translateY(-50%) scale(0.6);-ms-transform:translateY(-50%) scale(0.6);-o-transform:translateY(-50%) scale(0.6);transform:translateY(-50%) scale(0.6)}
#small-header .contact-page p{margin:20px auto 0}
div#free-call-back,div#newsletter{top:10px}
body.modal-open{position:fixed;width:100%}
.google-wrapper .text-wrap h6 {font-size: 22px;}
.slider-buttuns a{margin: 0 0 15px 0; display: block; }
.slider-buttuns a:last-child{margin: 0;}
}
@media (max-width: 480px) {
.drawer-navbar .drawer-brand,.tov-navigation.top-nav-collapse .drawer-brand{width:160px;line-height:43px;margin-top:0px}
.banner-block h2{font-size:22px;line-height:30px}
.nav-top{line-height:0px}
.banner-block{padding-top:0;bottom:15px;top:auto;padding-bottom:20px;width:auto;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);left:30px}
.banner-block p{margin-bottom:30px;display:none}
.banner-block a{margin:0 10px 15px 0}
h1,h2{font-size:25px;line-height:30px;margin-bottom:20px}
#we-deliver-sucees{padding:40px 0;background:none}
#testimonial-blk{padding:50px 0}
#testimonial-slider{width:70%;font-size:14px;line-height:18px}
#digital-marketing{padding-top:40px}
.row.digital-marketing-packages{margin-top:40px}
.packages-blk{padding:40px 30px}
#newsletter-blk img{display:none!important}
#newsletter-blk{margin-bottom:40px}
#printing-section .container{padding:0}
#follows-sec ul li a{width:36px;height:36px;line-height:36px}
#intrested-blk a.red-ancr{width:auto}
#chat-ancr{width:166px;height:50px;line-height:50px;padding-right:20px;font-size:18px}
#chat-ancr:before{width:30px;height:30px;left:8px;top:11px}
#intrested-blk a.call-ancr{font-size:18px;line-height:20px}
#intrested-blk p{margin-bottom:5px}
h2.mrgn-bottom{margin-bottom:15px}
#intrested-blk a.red-ancr{margin-bottom:30px}
#intrested-blk a.red-ancr{padding:0 30px}
/*#innner-banner {padding-top: 150px;}*/
#innner-banner h2{margin-bottom:20px}
body{font-size:15px;line-height:20px}
#gallery-title h2{display:block;margin:10px 0}
#intrested-blk a.red-ancr{height:60px;line-height:60px}
#development-step{padding:15px 0}
#development-step .col-lg-6{margin:15px 0}
.step-blk{padding:30px}
.step-blk .number{font-size:50px;line-height:50px;margin:0 0 10px}
#follows-sec.inner-follows{padding:50px 0 0}
.play-icon{width:30px}
.padding-top{padding-top:20px}
#main-content{padding-bottom:30px}
#choosing-database.container-new{padding:80px 30px}
#choosing-database p{font-size:16px;line-height:22px}
.banner-block a{width:140px;font-size:16px;line-height:36px;height:38px;margin:0 10px 0 0}
.jet-img,.left-cloud{display:none}
.banner-block a.blank-ancr{margin-right:0}
.seo-packge-img{width:100%}
.seo-graph{margin-top:20px}
.img-seo{margin:30px 0 0}
#seo-services{padding:50px 0 10px}
#seo-services img{width:70px;margin:0 auto 25px}
#seo-services h3{text-align:center;font-size:28px;margin-bottom:15px!important}
#seo-services .row{display:block}
#seo-package .green-ancr.inner-green{margin:0}
#seo-package{padding-bottom:50px}
#main-content.ppc-inner,.penalty-removal #main-content{padding:40px 0}
.ppc .green-ancr.inner-green{margin:0 0 30px}
#development-step.ppc-sec{padding-top:50px}
#social-icons ul img{width:40px}
#social-icons li{margin:0 10px}
#social-icons ul{top:-20px}
.social-media-marketing #innner-banner.banner-img.social-banner{padding-bottom:60px}
#twitter-blk img{width:100%;margin-bottom:0}
.service-ul li:before{width:25px;height:25px;top:2px}
.service-ul li{padding-left:35px;font-size:20px;line-height:26px}
#innner-banner.banner-img.database{padding-bottom:50px}
.penalty-removal #main-content{padding:20px 0}
.icon-ul.penalty-icon{margin-top:10px}
.icon-ul.penalty-icon img{width:60px}
.icon-ul.penalty-icon li div{margin-bottom:0;text-align:center}
#development-step.penalty-sec .google-pan-img{width:100%;left:-100px;top:-50px}
#penalty-icon-block{padding-bottom:50px}
#innner-banner.banner-img.seo-copywriting,#innner-banner.banner-img.video-banner,#innner-banner.banner-img.photography-banner{padding:90px 0 50px}
#chat-ancr{right:-68px}
.call-ancr{margin-top:2px}
footer{padding-bottom:10px}
footer .row{display:block}
footer .col-8,footer .col-4{width:100%;max-width:100%}
.print-ul li{width:100%;margin:5px 0}
#print-sec{padding:30px 0 0}
.graphic-subblk{padding:25px 25px 0}
.graphic-subblk h2{font-size:25px}
#small-header .graphic-subblk p{padding:0}
.graphic-subblk img{margin-top:25px;width:calc(100% + 50px);margin-left:-25px}
#graphic-services{padding:50px 0}
#graphic-services h2{margin-bottom:20px}
#graphic-services #intrested-blk{padding:40px 25px 0}
#graphic-services #intrested-blk h2{margin-bottom:30px}
#graphics-design-sec{padding:30px 0 0}
#brand-development{padding:40px 20px}
.pets-xtra-mob{margin:0 auto -120px;width:86%;left:7%}
.case-text.pets-txt{padding:30px 0}
.case-text h1,.case-text h2{font-size:28px}
.case-text h5{margin-bottom:10px}
.pets-xtra #case-study-images{padding:0 0 10px}
#contact-form{padding:30px 0}
#contact select{background-size:20px;background-position:96% 21px}
#contact-form .contact-phone{display:none}
#contact input[type="textbox"],#contact select{height:50px;padding:0 10px;margin-bottom:0}
#contact textarea{max-height:200px;min-height:200px;padding:10px;margin-bottom:20px}
.contact-lable label br{display:none}
#map-block{height:400px}
#graphics-sec{padding:10px 0 40px}
.blog-text h3{font-size:25px;line-height:30px}
.blog-blk{margin-bottom:30px}
#innner-banner .red-ancr1 span{display:none}
#business-cards-sec{padding:40px 0}
.case-text h1 br,.case-text h2 br{display:none}
.vehicle-signage #graphics-sec{padding-bottom:30px}
#newsletter-blk .rocket-img{display:none}
    
    
        

.view-project-btn {
    margin-left: 20px;
    padding: 0px 5px;
    margin-top: 10px;
    display: inline-block;
    font-weight: 400;
    line-height: 31px;
}   
.white-btn {
    margin-left: 0;
    padding: 4px 28px;
    float: left;
    margin-top: 20px;
    clear: both;
}   
    
    
    
    

.case-study-buy-btn {
    line-height: 30px;
    margin-left: 10px;
    font-size: 12px;
    padding: 0px 10px;
    font-weight: 500;
    min-width: auto;
}
#key-features-section p {
    max-width: 100%;
    margin: auto auto 20px;
}   
    
    
.big-img-sction2-left {
    width: 100%;
}
.big-img-sction2-right2 {
    width: 100%;
    position: relative;
    top: 30px;
    float: none;
}
    
    
.big-img-sction2-right {
    width: 100%;
    position: relative;
    top: 0;
    padding: 15px 0px 50px 15px;
    float: none;
}   
    
    
#home-slider .carousel-caption {
    top: 0%;
    transform: translateY(0%);
}
#home-slider .carousel-caption h5 {
    font-size: 16px;
    margin-bottom: 9px;
    line-height: 20px;
}
#home-slider .carousel-caption p {
    font-size: 14px;
    line-height: 17px;
}
.slider-buttuns {
    margin-top: 5px;
}   
    .optional-item{margin:0 auto 15px;}
    
/***  02-10-2019  ***/
.site-audit-section .site-form input {
    width: 100%;
    margin-bottom: 28px;
}
.site-audit-section .site-form input[type="submit"] {
    margin-left: 0px;
}
.site-form {
    position: relative;
}
#strWebsite-error {
    margin-top: 0;
    position: absolute;
    top: 45px;
}
.form-group.step2 img {
    right: 140px;
}
}
@media (max-width: 768px) and (orientation: landscape) {
#chat-ancr{width:166px;height:50px;line-height:50px;padding-right:20px;font-size:18px;-moz-transform:scale(0.80) rotate(-90deg);-o-transform:scale(0.80) rotate(-90deg);-ms-transform:scale(0.80) rotate(-90deg);-webkit-transform:scale(0.80) rotate(-90deg);transform:scale(0.80) rotate(-90deg);right:-63px}
#chat-ancr:before{left:8px;top:10px;width:35px;height:35px}
#contact input[type="textbox"],#contact select,#contact textarea{margin:15px 0 0;font-size:15px!important}
.textarea-blk{margin-bottom:16px}
}
@media (max-width: 375px) {
.modal-open{overflow:auto}
.case-study-buy-btn {
    margin-left: 0;
    margin-top: 10px;
}   
.case-bottom-btn .green-color-btn1 {
    margin-left: 0px;
    margin-right: 10px;
}   
.case-study-visit-btn {
    margin: 0 5px;
}   
footer p {
    font-size: 11px;
    letter-spacing: 0;
}   
.embed-responsive {
    height: 162px;
    position: inherit;
}
#case-study-lifestyle-video .video-text {
    position: unset;
    top: 0%;
    padding: 20px 15px 0 15px;
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.embed-responsive-4by3::before {
    display: none;
}   
    
    
}
@media (max-width: 360px) {
.banner-block{-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8); -webkit-transform:scale(0.8);transform:scale(0.8);width:100%;left:0}
}
@media (max-width: 991px) {
#ticket-form .col-md-6 > h2{font-size:42px;margin-bottom:20px}
#ticket-form .col-md-6 > p{font-size:22px}
.ticket-form{padding:50px 0!important}
#ticket-form .col-md-12 p{font-size:17px;margin-bottom:25px!important}
#ticket-form button.submit-btn{width:195px;height:60px;font-size:16px}
    
    .extras-section h2{margin-bottom:25px; margin-top:20px;}
}

@media (max-width: 767px) {
#ticket-form input[type="textbox"]{margin-top:10px!important;margin-bottom:0}
#ticket-form textarea{padding:10px!important}
#ticket-form select.select-field{background-size:20px 15px}
#ticket-form .col-md-6 h6{margin-top:30px}
#ticket-form .col-md-12 p{margin-bottom:22px!important}
.textarea-blk,.col-md-6.contact-lable{margin-bottom:20px}
#ticket-form textarea{margin:10px 0 5px!important}
#ticket-form .col-md-6 > h2{font-size:32px;margin-bottom:5px}
#ticket-form .col-md-6 > p{font-size:22px;margin-bottom:20px!important}
#ticket-form select.select-field{margin-top:10px;font-size:15px;padding-left:5px;height:50px}
#ticket-form button.submit-btn{width:170px;height:50px;font-size:16px;margin-top:25px}
#ticket-form select.select-field{margin-top:10px!important}
#ticket-form .col-md-6 h6{margin:30px auto 15px}
#ticket-form select.select-field,#printfrm #help_dropdown,#printfrm #found_dropdown,select#qty{background-position:96% 18px}    
    
    .intro-text, .page-textbox{padding: 40px 15px 20px !important;}
    .intro-text h1, .extras-section h2, .page-textbox h2{font-size:34px; line-height:46px;}
    .packages .container{padding: 0 15px;}
    .page-textbox h3{font-size: 24px;}
    .down-arrow{width:66px; height:66px; top:-33px; left:calc(50% - 33px); border:2px solid #52ad99;}
    
    #optional-extras .container{width: 92% !important;} 
    
/** 02-10-2019 767px  **/
.site-audit-section {
    padding: 50px 0 50px 0;
    margin-top: 51px;
}
.site-audit-section h1, .site-audit-section h2 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 10px;
}
.site-audit-section h3 {
    font-size: 22px;
    margin: 0 0 29px !important;
}
.site-audit-section .site-form input {
    width: 262px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
}
.site-audit-section input[type="submit"] {
    margin-left: 0px;
}
.site-audit-section .site-form input[type="submit"] {
    width: 134px;
    margin-left: 10px;
}
.site-audit-video-box a {
    width: 230px;
}
.site-audit-video-box .play-btn {
    width: 51px;
    height: 51px;
    top: 0;
    -webkit-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
            transform: translate(0, 0%);
}
.take-a-look-section {
    padding: 40px 0 40px;
}
.take-a-look-section h2 {
    line-height: 30px;
    margin: 0 0 23px;
    font-size: 24px;
}
.take-a-look-section p {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 31px;
}
.right-img-box {
    right: 0;
    top: -30px;
    z-index: 1;
    padding: 0px 20px 20px;
    max-width: 600px;
    left: 0;
    margin: auto;
    position: relative;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.right-img-box img {
    width: 100%;
}
.huge-organic-section h2, .increase-in-organic-traffic-section h2, .seo-boost-section h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 13px;
}
.huge-organic-section p, .increase-in-organic-traffic-section p, .seo-boost-section p {
    font-size: 16px;
    line-height: 24px;
}
.left-img-box {
    left: 0;
    top: -60px;
    padding: 20px 20px 0px 0px;
    position: relative;
    max-width: 600px;
}
.left-img-box img {
    width: 100%;
}
.seo-boost-section .container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.seo-boost-section .right-img-box {
    top: -30px;
    right: 0;
    position: relative;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.site-audit-section .container, .take-a-look-section .container, .huge-organic-section .container, .increase-in-organic-traffic-section .container, .seo-boost-section .container {
    padding-left: 15px;
    padding-right: 15px;
}
.site-audit-video-box {
    margin-top: 30px;
}
.site-audit-video-box img {
    width: 100%;
}
.take-a-look-section h2 br, .huge-organic-section h2 br {
    display: none;
}
.btn-group > div:first-child {
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 15px;
}
.btn-group > div {
    margin: 0 0;
}
.huge-organic-section .btn-group {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.btn-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.huge-organic-section {
    padding: 0px 0 70px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.huge-organic-section .container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.increase-in-organic-traffic-section {
    padding: 10px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.seo-boost-section {
    padding: 0px 0 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.increase-in-organic-traffic-section h2 {
    margin-top: -40px;
}
.things-you-should-section {
    padding: 0px 0 10px !important;
}

.huge-organic-section, .seo-boost-section, .things-you-should-section, .increase-in-organic-traffic-section {
    overflow: visible;
}
    
}


@media (max-width: 762px) {
  #home-slider {
        padding-top: 180px;
    }
}
@media (max-width: 680px) {
    .seo-packages .slider-buttuns{margin-top:15px;}
    .website-design-packages .slider-buttuns{margin-top:15px;}
    .intro-text h1 br{display:none;}

}


@media (max-width: 552px) {
    #home-slider {
        padding-top: 200px;
    }
}
@media (max-width: 540px) {
#ticket-form .col-md-6 > h2{font-size:26px;margin-bottom:5px}
#ticket-form .col-md-6 > p{font-size:18px;margin-bottom:10px!important}
#ticket-form .col-md-12.textarea-blk p{margin:5px auto 0!important;font-size:16px}
.textarea-blk,.col-md-6.contact-lable{margin-bottom:30px}
#ticket-form .col-md-6 h6{font-size:26px}
#ticket-form .col-md-12 p{font-size:16px}
#ticket-form button.submit-btn{width:140px;height:50px;font-size:13px}
    
    .packages .packages-box h3{font-size: 28px;}
    .intro-text h1, .extras-section h2, .page-textbox h2{font-size:28px; line-height:40px;}
    .page-textbox h3{font-size: 21px;}
    
}
.form_last_text{padding:5px 0 0;margin:10px 0}
.form_last_text a{color:#5db8a0}
#newsletter input{margin-bottom:25px}
#free-call-back #callbk_frm #submit{margin:15px 0 0!important}
#website-quote .row,#start-a-proj .row,#seo-step4 .row,#SEORepot .row,#free-seo-report .row{margin:0 -10px}
#print-quote #print_btn{margin:10px 0 30px}
#free-call-back .row{margin:0 -5px}
#contact-form .form_last_text{padding:0;margin:10px 0 20px}
#contact-form #ticket-form .form_last_text a{color:#03192f}
#ticket-form .col-md-12 p.form_last_text{max-width:100%;margin:15px 0 20px!important}



@media (min-width:2400px) { 
.right-img-box {
    top: -50px;
    right: 0;
    padding: 40px 0px 40px 70px;
    max-width: 1200px;
}
.right-img-box img {
    width: 100%;    
}
.seo-boost-section .right-img-box {
    top: -50px;
    right: 0;
    padding: 40px 0px 40px 70px;
    max-width: 1200px;
}
.left-img-box {
    position: absolute;
    left: -130px;
    top: -60px;
    z-index: 1;
    padding: 40px 0px 40px 70px;
    max-width: 1200px;
}
.left-img-box img {
    width: 100%;
}   
}

@media (min-width:1441px) and (max-width: 1850px) {   
/** 02-10-2019 M-991px   **/
.right-img-box {
    right: -100px;
    top: 25px;
    z-index: 1;
    padding: 0px 20px 20px;
    max-width: 860px;
    position: absolute;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.right-img-box img {
    width: 100%;
}
.left-img-box {
    left: -300px;
    top: -40px;
    padding: 20px 20px 0px 0px;
    position: absolute;
    max-width: 1100px;
}
.left-img-box img {
    width: 100%;
}
.seo-boost-section .right-img-box {
    top: 26px;
    right: -100px;
    position: absolute;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

}

@media (min-width:1100px) and (max-width: 1440px) {   
/** 02-10-2019 M-991px   **/
.site-audit-section {
    padding: 170px 0 50px 0;
    margin-top: 55px;
}
.site-audit-section h1, .site-audit-section h2 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 10px;
}
.site-audit-section h3 {
    font-size: 22px;
    margin: 0 0 29px !important;
}
.site-audit-section .site-form input {
    width: 262px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
}
.site-audit-section input[type="submit"] {
    margin-left: 0px;
}
.site-audit-section .site-form input[type="submit"] {
    width: 134px;
}
#strWebsite-error {
    margin-top: 0;
}   
.site-audit-video-box a {
    width: 230px;
}
.site-audit-video-box .play-btn {
    width: 51px;
    height: 51px;
    top: 0;
    -webkit-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
            transform: translate(0, 0%);
}
.take-a-look-section {
    padding: 40px 0 40px;
}
.take-a-look-section h2 {
    line-height: 30px;
    margin: 0 0 23px;
    font-size: 24px;
}
.take-a-look-section p {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 31px;
}
.right-img-box {
    right: 0;
    top: 25px;
    z-index: 1;
    padding: 0px 20px 20px;
    max-width: 500px;
    position: absolute;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.right-img-box img {
    width: 100%;
}
.huge-organic-section h2, .increase-in-organic-traffic-section h2, .seo-boost-section h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 13px;
}
.huge-organic-section p, .increase-in-organic-traffic-section p, .seo-boost-section p {
    font-size: 16px;
    line-height: 24px;
}
.left-img-box {
    left: 0;
    top: 30px;
    padding: 20px 20px 0px 0px;
    position: absolute;
    max-width: 510px;
}
.left-img-box img {
    width: 100%;
}
.seo-boost-section .container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.seo-boost-section .right-img-box {
    top: 26px;
    right: 0;
    position: absolute;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.site-audit-section .container, .take-a-look-section .container, .huge-organic-section .container, .increase-in-organic-traffic-section .container, .seo-boost-section .container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 860px;
}
.site-audit-video-box {
    margin-top: 8px;
}
.site-audit-video-box img {
    width: 100%;
}
.take-a-look-section h2 br, .huge-organic-section h2 br {
    display: none;
}
.btn-group > div:first-child {
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 15px;
}
.btn-group > div {
    margin: 0 0;
}
.huge-organic-section .btn-group {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.btn-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.huge-organic-section {
    padding: 50px 0 70px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.huge-organic-section .container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.increase-in-organic-traffic-section {
    padding: 50px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.seo-boost-section {
    padding: 70px 0 70px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.increase-in-organic-traffic-section h2 {
    margin-top: 0px;
}
.things-you-should-section {
    padding: 50px 0 50px !important;
}   
.huge-organic-section, .seo-boost-section, .things-you-should-section, .increase-in-organic-traffic-section {
    overflow: hidden;;
}
.over-seven-all-content {
    flex-wrap: inherit;
}
}

@media (min-width:992px) and (max-width: 1099px) {
#case-study-project-section {
    padding: 0 15px 50px;
    display: flex;
}
.case-study-project-left {
    max-width: 50%;
    margin-left: 0;
}
.case-study-project-right {
    width: 50%;
    float: none;
    margin-top: 30px;
}
}
@media (max-width: 991px) {
    .contact-form label{font-size:14px}

}
@media (max-width: 991px) {
#contact-form #ticket-form .submit-btn{margin-top:0}
}
@media screen and (max-width: 575px) {
    #rc-imageselect,.g-recaptcha{transform:scale(0.75);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0}
    
    
#home-slider .carousel-caption {
    top: 0%;
    transform: translateY(0%);
}
#home-slider .carousel-caption h5 {
    font-size: 16px;
    margin-bottom: 9px;
    line-height: 20px;
}
#home-slider .carousel-caption p {
    font-size: 14px;
    line-height: 17px;
}
.slider-buttuns {
    margin-top: 5px;
}
.view-project-btn {
    margin-top: 10px;
}   
    
.top_text {
    font-size: 14px;
    line-height: 20px;
   }
   #home-slider {
    padding-top: 175px;
}
}


@media (max-width: 487px) {
    
   #home-slider {
        padding-top: 190px;
    }
}
@media (max-width: 420px) {
    #home-slider .carousel-caption h5 {
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 18px;
    }
    #home-slider .carousel-caption p {
        font-size: 13px;
        line-height: 15px;
    }
    .seo-report-btn {
        margin-left: 0;
        padding: 5px 5px;
        font-weight: 400;
        line-height: 26px;
        font-size: 11px;
    }
    .carousel-caption {
        padding-top: 10px;
    }
    .view-project-btn {
        margin-top: 6px;
        /*line-height: 22px;*/
        font-size: 10px;
    }
    #home-slider .carousel-indicators {
        display: none;
    }
    #home-slider .carousel-caption {
        padding: 0;
    }
}

@media (max-width: 380px) {
    
   #home-slider {
        padding-top: 210px;
    }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
    #carouselExampleIndicators {
        /*height: 50vh;*/
        height: 270px;
    }
    .carousel-inner {
        height: 100%;
    }
    .carousel-item {
        height: 100%;
    }
    #home-slider .carousel-item img {
        width: auto !important;
        /*width: 100% !important;*/
        height: 100%;
        margin-left: 0px;
        right: 0px;
        margin-right: 0;
        max-width: none;
    }
    .carousel-item.active {
        height: 100%;
    }
    #home-slider .carousel-item img {
        /*position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0%);
        width: 100% !important;*/
         /*width: auto !important; */
        /* width: 550px !important; */
        transition: all 0.3s;
        /*width: 100% !important;*/
    }

    #home-slider .carousel-item.active img{
        /*width: auto !important;*/
    }
}

/*---------css-added-21-12-2018---------------------*/
/*.top-xmas{padding:10px 0; background:#dfdfdf; z-index:999; position:relative; width:100%; display:none; height:74px;}
.index .top-xmas{display:block;}
.top-xmas p{color:#1a1a1a; font-size:14px; text-align:center; margin:0 0 5px;}
.index .tov-navigation{top:74px;}
.index .tov-navigation.top-nav-collapse{top:-52px;}
.index .drawer-navbar .drawer-menu--right{margin-top:140px;}

@media (max-width: 1099px) {
    .top-xmas{height:90px; width:100%; overflow:hidden;}
    .index .drawer-hamburger{top:90px;}
    .index .tov-navigation{top:90px;}
    .index .tov-navigation.top-nav-collapse{top:0px;}
    .index.drawer--left .top-nav-collapse .drawer-hamburger{top:0px;}
    
    .index .drawer-navbar .drawer-menu--right{margin-top:140px;}
    .index .drawer-navbar .tov-navigation.top-nav-collapse .drawer-menu--right{margin-top:52px;}
}

@media (max-width: 767px) {
}
@media screen and (max-width: 575px) {
    .top-xmas{height:114px;}
    .top-xmas p{font-size:13px;}
    .index .drawer-hamburger{top:114px;}
    .index .tov-navigation{top:114px;}
    .index .drawer-navbar .drawer-menu--right{margin-top:165px;}
}

@media screen and (max-width: 448px) {
    .top-xmas p{font-size:12px;}
}

@media screen and (max-width:414px) {
    .top-xmas{height:130px;}
    .top-xmas p{font-size:12px;}
    .index .drawer-hamburger{top:130px;}
    .index .tov-navigation{top:130px;}
    .index .drawer-navbar .drawer-menu--right{margin-top:178px;}    
}*/

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}