/*
** Theme Name: Walk on Digital
** Theme Version: 1.0
*/

body{ width:100%; font-family: 'F37LinecaRegular'; font-size:17px; color:#2f2f2f; line-height:23px; padding:0; margin:0; background:#111; overflow-x:hidden; }
body { -ms-overflow-style:none; scrollbar-width:none; }
body::-webkit-scrollbar{ display: none; }
a, input[type="button"], .btn{ outline:none; transition:all 300ms ease-in-out; }
a:focus, a:hover{ outline:none; text-decoration:none; }
ul{ padding:0; margin:0; list-style:none; }
p{ font-family: 'F37LinecaRegular'; font-size:17px; color:#2f2f2f; line-height:23px; padding:0 0 30px 0; margin:0; }

.common-btn{ display:inline-block; font-family: 'F37LinecaRegular'; font-size:14px; color:#000; line-height:16px; letter-spacing:.1em; text-transform:uppercase; border:1px solid #01007f; border-radius:6px; padding:14px 60px 14px 20px; margin:0; background:url(images/btn-line-bg.png) no-repeat right 18px center; position:relative; transition:all 600ms ease-in-out; cursor:pointer; }
.common-btn:before{ content:""; width:12px; height:6px; position:absolute; left:20px; top:-6px; background:url(images/square-box-icon2.png) no-repeat right center #fff; background-size:6px 6px; transition:all 600ms ease-in-out; }
.common-btn:after{ content:""; width:12px; height:6px; position:absolute; right:20px; bottom:-6px; background:url(images/square-box-icon2.png) no-repeat right center #fff; background-size:6px 6px; transition:all 600ms ease-in-out; }
.common-btn:hover{ color:#01007f; background-position:right 13px center; }
.common-btn:hover:before{ left:calc(100% - 20px); }
.common-btn:hover:after{ right:calc(100% - 20px); }

@media screen and (min-width: 1310px){
    .container{ max-width:1310px; }
}

/*============ Fontface Start =============*/
@font-face {
    font-family: 'F37LinecaRegular';
    src: url('fonts/F37LinecaRegular.eot');
    src: url('fonts/F37LinecaRegular.eot') format('embedded-opentype'),
         url('fonts/F37LinecaRegular.woff2') format('woff2'),
         url('fonts/F37LinecaRegular.woff') format('woff'),
         url('fonts/F37LinecaRegular.ttf') format('truetype'),
         url('fonts/F37LinecaRegular.svg#F37LinecaRegular') format('svg');
}

@font-face {
    font-family: 'F37LinecaBold';
    src: url('fonts/F37LinecaBold.eot');
    src: url('fonts/F37LinecaBold.eot') format('embedded-opentype'),
         url('fonts/F37LinecaBold.woff2') format('woff2'),
         url('fonts/F37LinecaBold.woff') format('woff'),
         url('fonts/F37LinecaBold.ttf') format('truetype'),
         url('fonts/F37LinecaBold.svg#F37LinecaBold') format('svg');
}

/*=========== Header Start =============*/
.navbar-default{ padding:15px 0; margin:0; border:none; border-radius:0; background:#fff; border-bottom:1px solid #f2f2f2; /*box-shadow:0px 5px 15px 0px rgba(0,0,0,.08);*/ transition:all 600ms ease-in-out; z-index:99999; }
.navbar-default .logo-block{ float:left; width:108px; padding:9px 0 0 0; margin:0; transition:all 600ms ease-in-out; }
.navbar-default .logo-block img{ width:auto; max-width:100%; height:auto; transition:all 600ms ease-in-out; }

.navbar-default .rt-block{ padding:0; margin:0; transition:all 600ms ease-in-out; }
.navbar-default .rt-block .ph-block{ float:left; padding:16px 20px 0 0; margin:0; }
.navbar-default .rt-block .ph-block h5{ font-size:17px; color:#2f2f2f; line-height:19px; padding:0; margin:0; }
.navbar-default .rt-block .ph-block h5 span{ display:inline-block; padding:0 65px 0 0; margin:0 15px 0 0; background:url(images/header-ph-line.png) no-repeat right center; }
.navbar-default .rt-block .ph-block h5 a{ color:#2f2f2f; }
.navbar-default .rt-block .ph-block h5 a:hover{ color:#01007f; }
.navbar-default .rt-block .social-block{ float:left; padding:10px 15px 6px; margin:5px 0 0 0; border:1px solid rgba(0,0,0,.27); border-radius:20px; }
.navbar-default .rt-block .social-block ul{ padding:0; margin:0; line-height:0; }
.navbar-default .rt-block .social-block ul li{ display:inline-block; font-size:20px; color:#999999; line-height:22px; padding:0 14px; margin:0; }
.navbar-default .rt-block .social-block ul li a{ color:#999999; }
.navbar-default .rt-block .social-block ul li a:hover{ color:#01007f; }
.navbar-default .rt-block .menu-block{ float:right; padding:0 0 0 10px; margin:0; }
.navbar-default .rt-block .menu-block .menu-icon{ display:block; width:50px; height:50px; text-align:center; border-radius:50%; line-height:0; padding:16px 10px; margin:0; background:#01007f; cursor:pointer; transition:all 300ms ease-in-out; }
.navbar-default .rt-block .menu-block .menu-icon img{ width:auto; max-width:100%; height:auto; }
.navbar-default .rt-block .menu-block .menu-icon:hover{ background:#0402c8; }

.close-menu-button{ position: absolute;
    top: 50%;
    right: 36.75vw;
    -webkit-transform: translate3d(50%,-50%,0) scale(0);
    transform: translate3d(50%,-50%,0) scale(0);
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color:#01007f;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 16px 44px rgb(0 0 0 / 30%);
    transition: .4s background-color,.2s -webkit-transform;
    transition: .4s background-color,.2s transform;
    transition: .4s background-color,.2s transform,.2s -webkit-transform;
    transition-delay: 0s;
    z-index: 2;
    pointer-events: none;
    visibility: hidden; 
}
.close-menu-button svg{ width:15px; fill:#fff; transition:.4s all; }
.close-menu-button:hover{ background-color:#f6f6f6; }
.close-menu-button:hover svg{ fill:#01007f; }
.menu-open .close-menu-button{ -webkit-transform: translate3d(50%,-50%,0) scale(1);
    transform: translate3d(50%,-50%,0) scale(1);
    transition: .4s background-color,.8s -webkit-transform .1s;
    transition: .4s background-color,.8s transform .1s;
    transition: .4s background-color,.8s transform .1s,.8s -webkit-transform .1s;
    pointer-events: all;
    visibility: visible; 
}

#body-wrap {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: .4s all;
    z-index: 1;
    background: #fff;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.menu-open #body-wrap {
    -webkit-transform: scale(.62) translate3d(-32vw,0,0);
    transform: scale(.62) translate3d(-32vw,0,0);
    filter: none;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    -webkit-font-smoothing: subpixel-antialiased;
}

#popout-menu {
    position: fixed;
    height: 100%;
    width: 36.75vw;
    right: 0;
    top: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    padding: 2vh 5%;
    overflow-y: scroll;
}
#popout-menu { -ms-overflow-style:none; scrollbar-width:none; }
#popout-menu::-webkit-scrollbar{ display:none; }
#popout-menu .inner{ width:80%; }

#popout-menu .menu-logo{ padding:0 0 40px 0; margin:0; }
#popout-menu .menu-logo img{ width:100px; max-width:100%; height:auto; }

#popout-menu .menu-link{ padding:0; margin:0; }
#popout-menu .menu-link ul.mobile-menu{ width:100%; padding:0; margin:0; }
#popout-menu .menu-link ul.mobile-menu li{ position:relative; text-align:left; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.07); position:relative; }
#popout-menu .menu-link ul.mobile-menu li:last-child{ border-bottom:none; }
#popout-menu .menu-link ul.mobile-menu li a{ display:block; padding:8px 0; }
#popout-menu .menu-link ul.mobile-menu li span{ display:block; font-size:14px; color:#fff; width:50px; text-align:right; position:absolute; right:0; top:10px; cursor:pointer; }
#popout-menu .menu-link ul.mobile-menu li span:before{ display:block; content:"\f067"; font-family:'FontAwesome'; float:right; }
#popout-menu .menu-link ul.mobile-menu li span.menu-open:before{ content:"\f068"; }
#popout-menu .menu-link ul.mobile-menu li ul li span:before{ content:"\f078"; }
#popout-menu .menu-link ul.mobile-menu li ul li span.menu-open:before{ content:"\f077"; }

#popout-menu .menu-link ul.mobile-menu li a {
    display: block;
    font-size:20px;
    color:#fff;
    line-height:24px;
    letter-spacing:.5px;
    text-decoration:none;
    padding:0;
    transition:all 300ms ease-in-out;
}
#popout-menu .menu-link ul.mobile-menu li a:hover{ color:#9795ff; }
#popout-menu .menu-link ul.mobile-menu li.active a{ color:#9795ff; }
#popout-menu .menu-link ul.mobile-menu ul li a{ font-size:17px; color:#fff !important; padding:0 0 0 20px; position:relative; }
#popout-menu .menu-link ul.mobile-menu ul li a:before{ content:""; width:10px; height:1px; position:absolute; left:0; top:12px; background:#9795ff; }
#popout-menu .menu-link ul.mobile-menu ul li a:hover{ color:#9795ff !important; }
#popout-menu .menu-link ul.mobile-menu ul li.active a{ color:#9795ff !important; }
#popout-menu .menu-link ul.mobile-menu ul ul li a, #popout-menu .menu-link ul.mobile-menu ul li.active ul li a{ font-size:14px; color:#fff !important; }
#popout-menu .menu-link ul.mobile-menu ul ul li a:hover, #popout-menu .menu-link ul.mobile-menu ul li.active ul li a:hover{ color:#9795ff !important; }
#popout-menu .menu-link ul.mobile-menu ul ul li.active a, #popout-menu .menu-link ul.mobile-menu ul li.active ul li.active a{ color:#9795ff !important; }
#popout-menu .menu-link ul li span{ font-size:20px; top:10px; }
#popout-menu .menu-link .sub-menu{ display:none; margin:13px 0px 0 15px; }
#popout-menu .menu-link ul.mobile-menu ul li{ border-top:1px solid rgba(255,255,255,.1); border-bottom:none; }

#popout-menu .contact-details{ padding:20px 0 20px 0; margin:0; }
#popout-menu .contact-details .block{ padding:0 0 15px 0; margin:0; }
#popout-menu .contact-details a{ font-size:20px; color:#fff; line-height:24px; letter-spacing:.5px; text-decoration:none; padding:0; transition:all 300ms ease-in-out; }
#popout-menu .contact-details a .fa{ width:25px; margin:0 10px 0 0; }
#popout-menu .contact-details a:hover{ color:#9795ff; }

#popout-menu .social-block{ padding:0; margin:0; }
#popout-menu .social-block ul{ padding:0; margin:0; }
#popout-menu .social-block ul li{ display:block; float:left; font-size:18px; color:#fff; line-height:20px; padding:0 15px 10px 0; margin:0; }
#popout-menu .social-block ul li:last-child{ padding-right:0; }
#popout-menu .social-block ul li a{ color:#fff; }
#popout-menu .social-block ul li a:hover{ color:#9795ff; }


@media screen and (min-width: 992px){
    .navbar-default.navbar-fixed{ background:#fff; box-shadow:0px 5px 15px 0px rgba(0,0,0,.1); }
}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index:99999;
    top: 0;
    left: 0;
    background:#000;
    transition: 0.5s;
    z-index:99999;
    padding:0 15px;
    overflow-y:scroll;
}

.overlay-content {
    position:relative;
    top:60px;
    width:100%;
    text-align:center;
    margin-top:12px;
    overflow:hidden;
    /*display:flex;
    min-height:calc(100vh - 72px);
    align-items:center;*/
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #36b5ff;
    display: block;
    transition: 0.3s;
}

.overlay ul li{ position:relative; text-align:left; padding:0 15px; }
.overlay ul li a{ display:block; padding:8px 0; }
.overlay ul li span{ display:block; font-size:25px; color:#fff; width:50px; text-align:right; position:absolute; right:0; top:15px; cursor:pointer; }
.overlay ul li span:before{ display:block; content:"\f067"; font-family:'FontAwesome'; float:right; }
.overlay ul li span.menu-open:before{ content:"\f068"; }
.overlay ul li ul li span:before{ content:"\f078"; }
.overlay ul li ul li span.menu-open:before{ content:"\f077"; }

.overlay .sub-menu{ display:none; }

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 17px;
    right: 10px;
    font-size: 60px;
    line-height:30px;
}

.overlay ul.mobile-menu{ width:100%; padding:0 0 30px; }
.overlay ul.mobile-menu li{ padding:8px 0; border-bottom:1px solid rgba(255,255,255,.07); position:relative; }
.overlay ul.mobile-menu li:last-child{ border-bottom:none; }

.overlay ul.mobile-menu li a {
    display: block;
    font-family: 'GraphikMedium';
    font-size:15px;
    color:#fff;
    line-height:21px;
    letter-spacing:.5px;
    text-decoration:none;
    padding:0 8px;
    transition:all 300ms ease-in-out;
}
.overlay ul.mobile-menu li a:hover{ color:#e93a37; }
.overlay ul.mobile-menu li.active a{ color:#e93a37; }
.overlay ul.mobile-menu ul li a{ font-size:15px; color:#fff !important; }
.overlay ul.mobile-menu ul li a:hover{ color:#e2bc2d !important; }
.overlay ul.mobile-menu ul li.active a{ color:#e2bc2d !important; }
.overlay ul.mobile-menu ul ul li a{ font-size:14px; color:#fff; }
.overlay ul.mobile-menu ul ul li a:hover{ color:#008996; }

.overlay ul li span{ font-size:20px; top:10px; }
.overlay .sub-menu{ margin:13px 20px 0 20px; }
.overlay ul.mobile-menu ul li{ border-top:1px solid rgba(255,255,255,.1); border-bottom:none; }

/*=========== Home Slider Start =============*/
.home-slider{ padding:110px 0 50px 0; margin:0; }
.home-slider .text-block{ padding:130px 0 0 0; margin:0; }
.home-slider .text-block h1{ font-size:59px; color:#000; line-height:61px; letter-spacing:-.04em; padding:0 0 55px 0; margin:0 0 15px 0; position:relative; }
.home-slider .text-block h1 strong{ display:block; font-weight:normal; }
.home-slider .text-block h1:after{ content:""; width:1px; height:45px; position:absolute; left:20px; bottom:0; background:rgba(0,0,0,.2); }
.home-slider .img-block{ padding:0; margin:0; text-align:right; }
.home-slider .img-block img{ width:auto; max-width:100%; height:auto; }

/*=========== Development Portfolio Start =============*/
.development-portfolio-sec{ padding:50px 0 90px 0; margin:0; text-align:center; }
.development-portfolio-sec h2{ font-size:59px; color:#000; line-height:61px; letter-spacing:-.04em; padding:0 0 50px 0; margin:0; }
.development-portfolio-sec h2 strong{ display:block; font-weight:normal; }
.development-portfolio-sec .repeater-block{ padding:0; margin:0; }
.development-portfolio-sec .repeater-block .img-block{ padding:0; margin:0 0 30px 0; }
.development-portfolio-sec .repeater-block .img-block img{ width:100%; height:auto; border-radius:6px; }
.development-portfolio-sec .link-block{ padding:20px 0 0 0; margin:0; }

/*=========== Global Brands Start =============*/
.global-brands-sec{ padding:0 0 60px 0; margin:0; }
.global-brands-sec .lt-block{ padding:0 0 30px 0; margin:0; }
.global-brands-sec .lt-block h2{ font-size:50px; color:#000; line-height:54px; letter-spacing:-.06em; padding:0 0 35px 0; margin:0; }
.global-brands-sec .lt-block h2 strong{ display:block; font-weight:normal; }
.global-brands-sec .block{ padding:0 0 30px 0; margin:0; }
.global-brands-sec .block .img-box{ padding:0; margin:0 0 -1px 0; line-height:0; position:relative; z-index:9; }
.global-brands-sec .block .img-box img{ width:auto; max-width:100%; height:auto; }
.global-brands-sec .block .text-box{ padding:25px 0 10px 0; margin:0; border:1px solid #c5c5c5; min-height:360px; }
.global-brands-sec .block .text-box h3{ font-size:32px; color:#2f2f2f; line-height:34px; padding:0 30px 23px; margin:0 0 22px 0; border-bottom:1px solid #d5d5d5; position:relative; }
.global-brands-sec .block .text-box h3:before{ content:""; width:11px; height:5px; position:absolute; left:25px; bottom:-1px; background:url(images/square-box-icon.png) no-repeat right top #fff; }
.global-brands-sec .block .text-box h3:after{ content:""; width:11px; height:5px; position:absolute; right:25px; bottom:-4px; background:url(images/square-box-icon.png) no-repeat right top #fff; }
.global-brands-sec .block .text-box ul{ padding:0 30px; margin:0; }
.global-brands-sec .block .text-box ul li{ display:block; font-size:18px; color:#2f2f2f; line-height:20px; letter-spacing:-.02em; padding:0 0 20px 50px; margin:0; position:relative; }
.global-brands-sec .block .text-box ul li:before{ content:""; width:5px; height:5px; position:absolute; left:0; top:7px; background:url(images/square-box-icon2.png) no-repeat center; }
.global-brands-sec .block .text-box ul li:after{ content:""; width:23px; height:1px; position:absolute; left:12px; top:9px; background:rgba(0,0,0,.4); }
.global-brands-sec .block .text-box ul li a{ color:#2f2f2f; }
.global-brands-sec .block .text-box ul li a:hover{ color:#01007f; }


/*=========== Your Idea Start =============*/
.your-idea-sec{ padding:0 0 140px 0; margin:0; }
.your-idea-sec h2{ font-size:59px; color:#000; line-height:61px; letter-spacing:-.04em; text-align:center; padding:0 0 100px 0; margin:0; }
.your-idea-sec h2 strong{ display:block; font-weight:normal; }
.your-idea-sec .repeater-block{ padding:0 0 10px 0; margin:0; border-top:1px solid #e3e3e3; }
.your-idea-sec .repeater-block .block{ padding:50px 0 30px 0; margin:0; position:relative; }
.your-idea-sec .repeater-block .block:before{ content:""; width:1px; height:30px; position:absolute; left:3px; top:-15px; background:#2d2c95; }
.your-idea-sec .repeater-block .block h6{ font-size:17px; color:rgba(47,47,47,.4); line-height:19px; padding:0; margin:0; position:absolute; left:0; top:-40px; }
.your-idea-sec .repeater-block .block .img-box{ padding:0 0 30px 0; margin:0; }
.your-idea-sec .repeater-block .block .img-box img{ width:auto; max-width:100%; height:auto; }
.your-idea-sec .repeater-block .block h3{ font-size:28px; color:#2f2f2f; line-height:30px; letter-spacing:-.02em; padding:0 0 20px 0; margin:0; }
.your-idea-sec .repeater-block .block p{ letter-spacing:-.01em; padding:0 10% 0 0; }

/*=========== About Walk Start =============*/
.about-walk-sec{ padding:0 0 70px 0; margin:0; }
.about-walk-sec .text-block{ padding:0 5% 0 0; margin:0; }
.about-walk-sec .text-block h2{ font-size:59px; color:#000; line-height:61px; letter-spacing:-.04em; padding:0 0 35px 0; margin:0; }
.about-walk-sec .text-block h2 strong{ display:block; font-weight:normal; }
.about-walk-sec .text-block .common-btn{ margin-top:15px; }
.about-walk-sec .img-block{ padding:0; margin:0; text-align:right; }
.about-walk-sec .img-block img{ width:auto; max-width:100%; height:auto; }

/*=========== Tell us Start =============*/
.tell-us-sec{ padding:50px 0 80px 0; margin:0; }
.tell-us-sec .top-content{ padding:0 0 35px 0; margin:0; text-align:center; }
.tell-us-sec .top-content h2{ font-size:50px; color:#000; line-height:52px; letter-spacing:-.04em; padding:0 0 35px 0; margin:0; }
.tell-us-sec .top-content h2 strong{ display:block; font-weight:normal; }
.tell-us-sec .top-content p{ padding:0 28% 30px; }
.tell-us-sec .form-block{ padding:0; margin:0; }
.tell-us-sec .form-block p{ padding:0; }
.tell-us-sec .form-block .block{ padding:0 0 50px 0; margin:0; }
.tell-us-sec .form-block .form-control{ width:100%; height:40px; font-size:17px; color:#2f2f2f; line-height:19px; padding:6px 0; margin:0; border:none; border-bottom:1px solid rgba(0,0,0,.2); border-radius:0; box-shadow:none; }
.tell-us-sec .form-block .form-control.upload-text{ padding-right:60px; }
.tell-us-sec .form-block textarea.form-control{ resize:none; }
.tell-us-sec .form-block .form-control::-webkit-input-placeholder{ color:#2f2f2f; opacity:1; }
.tell-us-sec .form-block .form-control:-moz-placeholder{ color:#2f2f2f; opacity:1; }
.tell-us-sec .form-block .form-control::-moz-placeholder{ color:#2f2f2f; opacity:1; }
.tell-us-sec .form-block .form-control:-ms-input-placeholder{ color:#2f2f2f; opacity:1; }
.tell-us-sec .form-block .form-control::-ms-input-placeholder{ color:#2f2f2f; opacity:1; }
.tell-us-sec .form-block .form-control::placeholder{ color:#2f2f2f; opacity:1; }
.tell-us-sec .form-block .block.upload{ position:relative; }
.tell-us-sec .form-block .block.upload .upload-file{ display:block; height:40px; font-size:17px; color:#2f2f2f; line-height:26px; padding:6px 0; margin:0; border-bottom:1px solid rgba(0,0,0,.2); background:url(images/upload-icon.png) no-repeat right center; }
.tell-us-sec .form-block .block.upload .wpcf7-form-control-wrap{ position:inherit; }
.tell-us-sec .form-block .block.upload .upload-file-input{ width:100%; height:40px; position:absolute; left:0; top:0; opacity:0; }

.tell-us-sec .form-block .upload-block{ position:relative; }
.tell-us-sec .form-block .upload-block .upload{ width:50px; position:absolute; right:0; top:0; }
.tell-us-sec .form-block .upload-block .upload .wpcf7-form-control-wrap{ position:inherit; }
.tell-us-sec .form-block .upload-block .upload .upload-file-input{ width:100%; height:40px; position:absolute; left:0; top:0; opacity:0; cursor:pointer; }
.tell-us-sec .form-block .upload-block .upload .upload-file{ display:block; height:40px; font-size:0px; color:#2f2f2f; line-height:0px; padding:6px 0; margin:0; background:url(images/upload-icon.png) no-repeat right center; }

.tell-us-sec .form-block .block2 .d-inline-block{ position:relative; }
.tell-us-sec .form-block .block2 .d-inline-block:before{ content:""; width:11px; height:5px; position:absolute; left:20px; top:-4px; background:url(images/btn-top-box-icon.png) no-repeat center; transition:all 600ms ease-in-out; z-index:9; }
.tell-us-sec .form-block .block2 .d-inline-block:after{ content:""; width:11px; height:5px; position:absolute; right:20px; bottom:-4px; background:url(images/btn-bottom-box-icon.png) no-repeat center; transition:all 600ms ease-in-out; z-index:9; }
.tell-us-sec .form-block .block2 .d-inline-block:hover:before{ left:calc(100% - 20px); }
.tell-us-sec .form-block .block2 .d-inline-block:hover:after{ right:calc(100% - 20px); }
.tell-us-sec .form-block .block2 .wpcf7-spinner{ display:none; }
.tell-us-sec .form-block .submit-btn{ cursor:pointer; }
.tell-us-sec .form-block .wpcf7-response-output{ display:none !important; }


/*=========== Footer Start =============*/
#footer{ padding:55px 0 35px 0; margin:0; background:#01007f; }
#footer .footer-top-block{ padding:0 0 120px 0; margin:0; }
#footer .footer-top-block .footer-logo-block{ padding:15px 0 0 0; margin:0; }
#footer .footer-top-block .footer-logo-block img{ width:auto; max-width:100%; height:auto; }
#footer .footer-top-block .newsletter-block{ padding:0; margin:0; }
#footer .footer-top-block .newsletter-block .es-form-field-container{ display:flex; justify-content:space-between; padding:0; }
#footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row{ display:block; margin:0; }
#footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:empty{ display:none; }
#footer .footer-top-block .newsletter-block .es-form-field-container .es-field-label{ display:none; }
#footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(2){ width:calc(100% - 220px); }
#footer .footer-top-block .newsletter-block .es-form-field-container .es-email{ width:100%; height:50px; font-size:19px; color:#fff; line-height:21px; letter-spacing:-.04em; padding:6px 0; margin:0; border:none; border-bottom:1px solid rgba(255,255,255,.2); border-radius:0; background:transparent; box-shadow:none; outline:none; }
#footer .footer-top-block .newsletter-block .es-form-field-container .es-email::-webkit-input-placeholder{ color:#fff; opacity:1; }
#footer .footer-top-block .newsletter-block .es-form-field-container .es-email:-moz-placeholder{ color:#fff; opacity:1; }
#footer .footer-top-block .newsletter-block .es-form-field-container .es-email::-moz-placeholder{ color:#fff; opacity:1; }
#footer .footer-top-block .newsletter-block .es-form-field-container .es-email:-ms-input-placeholder{ color:#fff; opacity:1; }
#footer .footer-top-block .newsletter-block .es-form-field-container .es-email::-ms-input-placeholder{ color:#fff; opacity:1; }
#footer .footer-top-block .newsletter-block .es-form-field-container .es-email::placeholder{ color:#fff; opacity:1; }
#footer .footer-top-block .newsletter-block .es-form-field-container input[type=submit]{ display:inline-block; font-family: 'F37LinecaRegular'; font-size:14px; color:#fff; line-height:16px; letter-spacing:.1em; text-transform:uppercase; border:1px solid #fff; border-radius:6px; padding:14px 60px 14px 20px; margin:0; background:url(images/footer-submit-btn-line-bg.png) no-repeat right 20px center; cursor:pointer; transition:all 600ms ease-in-out; }
#footer .footer-top-block .newsletter-block .es-form-field-container input[type=submit]:hover{ color:#fff; background-position:right 15px center; }
#footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(3) .gjs-cell{ position:relative; }
#footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(3) .gjs-cell:before{ content:""; width:11px; height:5px; position:absolute; left:20px; top:-4px; background:url(images/square-box-icon3.png) no-repeat right center #01007f; transition:all 600ms ease-in-out; z-index:9; }
#footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(3) .gjs-cell:after{ content:""; width:11px; height:5px; position:absolute; right:20px; bottom:-4px; background:url(images/square-box-icon3.png) no-repeat right center #01007f; transition:all 600ms ease-in-out; z-index:9; }
#footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(3) .gjs-cell:hover:before{ left:calc(100% - 20px); }
#footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(3) .gjs-cell:hover:after{ right:calc(100% - 20px); }

#footer .footer-md-block{ padding:0 0 35px 0; margin:0; border-bottom:1px solid rgba(255,255,255,.14); }
#footer .footer-md-block h3{ font-size:22px; color:#fff; line-height:24px; letter-spacing:-.04em; padding:0 0 30px 0; margin:0; }
#footer .footer-md-block .block{ padding:0 0 30px 0; }
#footer .footer-md-block .block ul{ padding:0; margin:0; }
#footer .footer-md-block .block ul li{ display:block; font-size:17px; color:#fff; line-height:19px; letter-spacing:-.04em; padding:0 0 15px 0; margin:0; }
#footer .footer-md-block .block ul li a{ display:block; color:#fff; padding:0; margin:0; position:relative; }
#footer .footer-md-block .block ul li a:before{ content:""; width:0; height:1px; position:absolute; left:0; top:9px; background:#fff; transition:all 300ms ease-in-out; }
#footer .footer-md-block .block ul li a:hover{ color:#fff; padding:0 0 0 15px; }
#footer .footer-md-block .block ul li a:hover:before{ width:7px; }
#footer .footer-md-block .social-block{ padding:0; margin:0; }
#footer .footer-md-block .social-block ul{ padding:0; margin:0; }
#footer .footer-md-block .social-block ul li{ display:block; float:left; font-size:18px; color:#fff; line-height:20px; padding:0 15px 10px 0; margin:0; }
#footer .footer-md-block .social-block ul li:last-child{ padding-right:0; }
#footer .footer-md-block .social-block ul li a{ color:#fff; }
#footer .footer-md-block .social-block ul li a:hover{ opacity:.8; }

#footer .footer-md-block .connect-block{ padding:0 0 20px 0; margin:0; }
#footer .footer-md-block .connect-block .link-block{ padding:0 0 15px 0; margin:0; }
#footer .footer-md-block .connect-block a{ font-size:17px; color:#fff; line-height:19px; letter-spacing:.5px; text-decoration:none; padding:0; transition:all 300ms ease-in-out; }
#footer .footer-md-block .connect-block a .fa{ width:25px; margin:0 10px 0 0; }
#footer .footer-md-block .connect-block a:hover{ color:#9795ff; }

#footer .footer-bottom-block{ padding:35px 0 0 0; margin:0; }
#footer .footer-bottom-block p{ font-size:16px; color:#fff; line-height:18px; letter-spacing:-.04em; padding:0; margin:0; }
#footer .footer-bottom-block p a{ color:#fff; }
#footer .footer-bottom-block p a:hover{ opacity:.8; }
#footer .footer-bottom-block p span{ display:inline-block; padding:0 5px; }
#footer .footer-bottom-block .copyright-box{ padding:0; margin:0; }
#footer .footer-bottom-block .link-box{ padding:0; margin:0; text-align:right; }

/*=========== Inner Banner Start =============*/
.inner-banner{ padding:25px 0 20px; margin:75px 0 0 0; background:url(images/inner-banner-bg.jpg) no-repeat center; background-size:cover; }
.inner-banner .img-block{ padding:0 50px 0 0; margin:0; text-align:right; }
.inner-banner .img-block img{ width:auto; max-width:100%; }
.inner-banner .text-block{ padding:0; margin:0; }
.inner-banner .text-block h1{ font-size:45px; color:#000; line-height:47px; letter-spacing:-.06em; padding:0 0 20px 0; margin:0; }
.inner-banner .text-block h1 strong{ display:block; font-weight:normal; }
.inner-banner .text-block p:last-child{ padding:0; }
.inner-banner .text-block .common-btn:nth-child(2){ margin-left:15px; }
.inner-banner .text-block .common-btn:before{ background-color:#f2f2fa; }
.inner-banner .text-block .common-btn:after{ background-color:#f2f2fa; }
.inner-banner .col-lg-6{ display:flex; align-items:center; }

/*=========== What We Do Start =============*/
.what-we-do-top-sec{ padding:70px 0 0 0; margin:0; }
.what-we-do-top-sec .repeat-block{ padding:20px 0 80px 0; margin:0; }
.what-we-do-top-sec .repeat-block .img-block{ padding:0; margin:0; }
.what-we-do-top-sec .repeat-block .img-block img{ width:auto; max-width:100%; height:auto; }
.what-we-do-top-sec .repeat-block .text-block{ padding:0 0 0 5%; margin:0; }
.what-we-do-top-sec .repeat-block .text-block h3{ font-size:51px; color:#000; line-height:53px; letter-spacing:-.04em; padding:0 0 50px 0; margin:0 0 15px 0; position:relative; }
.what-we-do-top-sec .repeat-block .text-block h3 strong{ display:block; font-weight:normal; }
.what-we-do-top-sec .repeat-block .text-block h3:after{ content:""; width:1px; height:45px; position:absolute; left:15px; bottom:0; background:rgba(0,0,0,.2); }
.what-we-do-top-sec .repeat-block .text-block p:last-child{ padding-bottom:0; }
.what-we-do-top-sec .repeat-block:nth-child(even) .row{ flex-direction:row-reverse; }
.what-we-do-top-sec .repeat-block:nth-child(even) .text-block{ padding:0 5% 0 0; }

.what-we-do-digital-marketing-sec{ padding:0 0 0 0; margin:0; }
.what-we-do-digital-marketing-sec .top-content{ padding:30px 30px; margin:0 0 110px 0; border:1px solid #d6d6d6; text-align:center; position:relative; }
.what-we-do-digital-marketing-sec .top-content:before{ content:""; width:30px; height:5px; position:absolute; left:85px; top:-4px; background:url(images/square-box-icon.png) no-repeat right center #fff; }
.what-we-do-digital-marketing-sec .top-content:after{ content:""; width:30px; height:5px; position:absolute; right:85px; bottom:-4px; background:url(images/square-box-icon.png) no-repeat left center #fff; }
.what-we-do-digital-marketing-sec .top-content .line{ width:1px; height:55px; position:absolute; left:0; right:0; top:100%; margin:0 auto; background:#d6d6d6; }
.what-we-do-digital-marketing-sec .top-content h2{ font-size:45px; color:#000; line-height:47px; letter-spacing:-.04em; padding:0 0 20px 0; margin:0; }
.what-we-do-digital-marketing-sec .top-content h2 strong{ display:block; font-weight:normal; }
.what-we-do-digital-marketing-sec .top-content h4{ font-size:35px; color:#000; line-height:37px; letter-spacing:-.04em; padding:0 0 20px 0; margin:0; }
.what-we-do-digital-marketing-sec .top-content p + h4{ padding-top:30px; }
.what-we-do-digital-marketing-sec .top-content p{ padding:0 0 20px 0; }
.what-we-do-digital-marketing-sec .top-content p:nth-last-child(2){ padding:0; }
.what-we-do-digital-marketing-sec .repeat-sec{ padding:0; margin:0; }
.what-we-do-digital-marketing-sec .repeat-sec .block{ padding:0 0 70px 0; margin:0; }
.what-we-do-digital-marketing-sec .repeat-sec .block .img-block{ padding:0; margin:0; }
.what-we-do-digital-marketing-sec .repeat-sec .block .img-block img{ width:auto; max-width:100%; height:auto; }
.what-we-do-digital-marketing-sec .repeat-sec .block .text-block{ padding:20px 0 0 5%; margin:0; }
.what-we-do-digital-marketing-sec .repeat-sec .block .text-block h3{ font-size:35px; color:#000; line-height:37px; letter-spacing:-.04em; padding:0 0 40px 0; margin:0 0 15px 0; position:relative; }
.what-we-do-digital-marketing-sec .repeat-sec .block .text-block h3 strong{ display:block; font-weight:normal; }
.what-we-do-digital-marketing-sec .repeat-sec .block .text-block h3:after{ content:""; width:1px; height:30px; position:absolute; left:15px; bottom:0; background:rgba(0,0,0,.2); }
.what-we-do-digital-marketing-sec .repeat-sec .block .text-block p:last-child{ padding-bottom:0; }
.what-we-do-digital-marketing-sec .repeat-sec .block .text-block ul{ padding:0; margin:0; }
.what-we-do-digital-marketing-sec .repeat-sec .block .text-block ul li{ display:block; font-size:18px; color:#2f2f2f; line-height:24px; letter-spacing:-.02em; padding:0 0 20px 40px; margin:0; position:relative; }
.what-we-do-digital-marketing-sec .repeat-sec .block .text-block ul li:before{ content:""; width:5px; height:5px; position:absolute; left:0; top:7px; background:url(images/square-box-icon2.png) no-repeat center; }
.what-we-do-digital-marketing-sec .repeat-sec .block .text-block ul li:after{ content:""; width:15px; height:1px; position:absolute; left:12px; top:9px; background:rgba(0,0,0,.4); }
.what-we-do-digital-marketing-sec .repeat-sec .block:nth-child(odd) .row{ flex-direction:row-reverse; }
.what-we-do-digital-marketing-sec .repeat-sec .block:nth-child(odd) .text-block{ padding:20px 5% 0 0; }

.page-development-services .what-we-do-digital-marketing-sec{ padding:80px 0 0 0; }

.page-web-development-services .repeat-block{ padding:20px 0 60px 0; }
.web-development-services-business-succeed-sec{ padding:0 0 50px 0; margin:0; }
.web-development-services-business-succeed-sec .main-block{ padding:40px 30px 50px; margin:0; background:#01007f; text-align:center; }
.web-development-services-business-succeed-sec .main-block .icon-box{ padding:0 0 45px 0; margin:0 0 10px 0; position:relative; }
.web-development-services-business-succeed-sec .main-block .icon-box:after{ content:""; width:1px; height:30px; position:absolute; left:0; right:10px; bottom:0; margin:0 auto; background:rgba(255,255,255,.2); }
.web-development-services-business-succeed-sec .main-block h2{ font-size:47px; color:#fff; line-height:49px; letter-spacing:-.02em; padding:0 0 35px 0; margin:0; }
.web-development-services-business-succeed-sec .main-block h2 strong{ display:block; font-weight:normal; }
.web-development-services-business-succeed-sec .main-block .common-btn{ color:#fff; border-color:#fff; background-image:url(images/btn-line-bg2.png); }
.web-development-services-business-succeed-sec .main-block .common-btn:before{ background:url(images/square-box-icon3.png) no-repeat right center #01007f; }
.web-development-services-business-succeed-sec .main-block .common-btn:after{ background:url(images/square-box-icon3.png) no-repeat right center #01007f; }

/*=========== About Us Start =============*/
.about-us-sec{ padding:85px 0 40px 0; margin:0; }
.about-us-sec .about-us-top-sec{ padding:0 0 60px 0; margin:0; }
.about-us-sec .about-us-top-sec .lt-block{ padding:0 5% 0 0; margin:0; }
.about-us-sec .about-us-top-sec .lt-block h2{ font-size:38px; color:#000; line-height:40px; letter-spacing:-.04em; padding:0 0 50px 0; margin:0 0 25px 0; position:relative; }
.about-us-sec .about-us-top-sec .lt-block h2:after{ content:""; width:1px; height:35px; position:absolute; left:15px; bottom:0; background:#cfcfcf; }

.about-us-sec .about-us-top-sec .rt-block{ padding:0; margin:0; }
.about-us-sec .about-us-top-sec .rt-block .block{ padding:25px 20px 40px; margin:0 0 20px 0; border:1px solid #ccc; border-bottom:2px solid #01007f; }
.about-us-sec .about-us-top-sec .rt-block .block .icon-box{ padding:0 0 20px 0; margin:0; }
.about-us-sec .about-us-top-sec .rt-block .block .icon-box img{ width:auto; max-width:100%; }
.about-us-sec .about-us-top-sec .rt-block .block p{ padding:0; }
.about-us-sec .about-us-top-sec .rt-block .col-lg-6:nth-child(2) .block{ margin:20px 0 0 0; }

.about-us-sec .about-us-bottom-sec{ padding:40px 45px 20px; margin:0; background:#01007f; border-radius:6px; text-align:center; }
.about-us-sec .about-us-bottom-sec h2{ font-size:38px; color:#fff; line-height:40px; letter-spacing:-.04em; padding:0 0 55px 0; margin:0 0 25px 0; position:relative; }
.about-us-sec .about-us-bottom-sec h2:after{ content:""; width:1px; height:40px; position:absolute; left:0; right:0; bottom:0; margin:0 auto; background:rgba(255,255,255,.4); }
.about-us-sec .about-us-bottom-sec p{ color:#fff; }

/*=========== Contact Us Start =============*/
.contact-us-sec{ padding:50px 0 90px 0; margin:0; }
.contact-us-sec h3{ font-family: 'F37LinecaBold'; font-size:30px; color:#000; line-height:32px; padding:0 0 8px 0; margin:0; }
.contact-us-sec p{ padding:0 0 20px 0; }
.contact-us-sec .row{ flex-direction:row-reverse; }
.contact-us-sec .lt-block{ padding:0 5% 0 0; margin:0; }
.contact-us-sec .lt-block .map-block{ padding:0; margin:0 0 30px 0; line-height:0; }
.contact-us-sec .lt-block .map-block iframe{ width:100%; height:350px; padding:0; margin:0; }
.contact-us-sec .lt-block .bottom-block{ padding:0; margin:0; }
.contact-us-sec .lt-block .bottom-block .row{ flex-direction:inherit; }
.contact-us-sec .lt-block .bottom-block .block{ padding:0 0 0 15px; margin:0; border-left:1px solid #01007f; }
.contact-us-sec .lt-block .bottom-block .block h4{ font-family: 'F37LinecaBold'; font-size:17px; color:#000; line-height:19px; padding:0 0 8px 0; margin:0 0 7px 0; }
.contact-us-sec .lt-block .bottom-block .block a.link{ font-size:16px; color:#535353; line-height:18px; padding:0; margin:0; }
.contact-us-sec .lt-block .bottom-block .block a.link:hover{ color:#01007f; }
.contact-us-sec .lt-block .bottom-block .block ul.social-box{ padding:3px 0 0 0; margin:0; }
.contact-us-sec .lt-block .bottom-block .block ul.social-box li{ display:block; float:left; font-size:18px; color:#fff; line-height:20px; padding:0 15px 0 0; margin:0; }
.contact-us-sec .lt-block .bottom-block .block ul.social-box li:last-child{ padding-right:0; }
.contact-us-sec .lt-block .bottom-block .block ul.social-box li a{ color:#c0c0c0; }
.contact-us-sec .lt-block .bottom-block .block ul.social-box li a:hover{ color:#01007f; }

.contact-us-sec .rt-block{ padding:0 0 0 5%; margin:0; }
.contact-us-sec .rt-block .form-block{ padding:0; margin:0; }
.contact-us-sec .rt-block .form-block p{ padding:0; }
.contact-us-sec .rt-block .form-block .block{ padding:0 0 30px 0; margin:0; }
.contact-us-sec .rt-block .form-block .form-control{ width:100%; height:40px; font-size:15px; color:#2f2f2f; line-height:17px; padding:6px 0; margin:0; border:none; border-bottom:1px solid rgba(0,0,0,.2); border-radius:0; box-shadow:none; }
.contact-us-sec .rt-block .form-block textarea.form-control{ resize:none; }
.contact-us-sec .rt-block .form-block .form-control::-webkit-input-placeholder{ color:#2f2f2f; opacity:1; }
.contact-us-sec .rt-block .form-block .form-control:-moz-placeholder{ color:#2f2f2f; opacity:1; }
.contact-us-sec .rt-block .form-block .form-control::-moz-placeholder{ color:#2f2f2f; opacity:1; }
.contact-us-sec .rt-block .form-block .form-control:-ms-input-placeholder{ color:#2f2f2f; opacity:1; }
.contact-us-sec .rt-block .form-block .form-control::-ms-input-placeholder{ color:#2f2f2f; opacity:1; }
.contact-us-sec .rt-block .form-block .form-control::placeholder{ color:#2f2f2f; opacity:1; }
.contact-us-sec .rt-block .form-block .block2{ padding:10px 0 0 0; }
.contact-us-sec .rt-block .form-block .block2 .d-inline-block{ position:relative; }
.contact-us-sec .rt-block .form-block .block2 .d-inline-block:before{ content:""; width:11px; height:5px; position:absolute; left:20px; top:-4px; background:url(images/btn-top-box-icon.png) no-repeat center; transition:all 600ms ease-in-out; z-index:9; }
.contact-us-sec .rt-block .form-block .block2 .d-inline-block:after{ content:""; width:11px; height:5px; position:absolute; right:20px; bottom:-4px; background:url(images/btn-bottom-box-icon.png) no-repeat center; transition:all 600ms ease-in-out; z-index:9; }
.contact-us-sec .rt-block .form-block .block2 .d-inline-block:hover:before{ left:calc(100% - 20px); }
.contact-us-sec .rt-block .form-block .block2 .d-inline-block:hover:after{ right:calc(100% - 20px); }
.contact-us-sec .rt-block .form-block .block2 .wpcf7-spinner{ display:none; }
.contact-us-sec .rt-block .form-block .submit-btn{ cursor:pointer; }

/*=========== Blog Post Design Start =============*/
.blog-post-design-top-sec{ padding:80px 0 50px 0; margin:0; text-align:center; }
.blog-post-design-top-sec h2{ font-size:45px; color:#000; line-height:47px; letter-spacing:-.04em; padding:0 0 20px 0; margin:0; }
.blog-post-design-top-sec h2 strong{ display:block; font-weight:normal; }
.blog-post-design-top-sec h3{ font-size:40px; color:#000; line-height:42px; letter-spacing:-.04em; padding:0 0 20px; margin:0; }
.blog-post-design-top-sec p + h3{ padding-top:20px; }
.blog-post-design-top-sec h4{ font-size:30px; color:#000; line-height:32px; letter-spacing:-.04em; padding:0; margin:0; }

.page-development-services .blog-post-design-top-sec{ display:none; }

/*=========== Blogs Start =============*/
.blogs-sec{ padding:60px 0 40px 0; margin:0; }
.blogs-sec .top-block{ padding:35px 0 90px 0; margin:0; }
.blogs-sec .top-block .block{ padding:0; margin:0; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
.blogs-sec .top-block .block .row{ flex-direction:row-reverse; }
.blogs-sec .top-block .block .text-block{ padding:40px 15% 30px 0; margin:0; position:relative; }
.blogs-sec .top-block .block .text-block h5{ font-size:17px; color:#2f2f2f; line-height:19px; padding:10px 20px; margin:0; background:#eeeef6; position:absolute; left:0; top:-40px; }
.blogs-sec .top-block .block .text-block h6{ font-size:17px; color:#2f2f2f; line-height:19px; padding:1px 0 1px 30px; margin:0 0 25px 0; background:url(images/time-icon.png) no-repeat left center; }
.blogs-sec .top-block .block .text-block h3{ font-size:30px; color:#2f2f2f; line-height:34px; padding:0 30% 40px 0; margin:0 0 10px 0; position:relative; }
.blogs-sec .top-block .block .text-block h3:after{ content:""; width:1px; height:30px; position:absolute; left:15px; bottom:0; background:#d6d6d6; }
.blogs-sec .top-block .block .img-block{ padding:0; margin:0; position:relative; }
.blogs-sec .top-block .block .img-block:before{ content:""; width:10px; height:3px; position:absolute; right:100%; top:-1px; background:#fff; }
.blogs-sec .top-block .block .img-block:after{ content:""; width:10px; height:3px; position:absolute; right:100%; bottom:-1px; background:#fff; }
.blogs-sec .top-block .block .img-block img{ width:100%; height:auto; }

.blogs-sec .bottom-block{ padding:0; margin:0; border-bottom:1px solid #e6e6e6; }
.blogs-sec .bottom-block .block{ padding:0 0 90px 0; margin:0; }
.blogs-sec .bottom-block .block h5{ display:inline-block; font-size:17px; color:#2f2f2f; line-height:19px; padding:10px 20px; margin:0; background:#eeeef6; }
.blogs-sec .bottom-block .block .img-block{ padding:0; margin:0 0 25px 0; }
.blogs-sec .bottom-block .block .img-block img{ width:100%; height:auto; }
.blogs-sec .bottom-block .block h6{ font-size:17px; color:#2f2f2f; line-height:19px; padding:1px 0 1px 30px; margin:0 0 20px 0; background:url(images/time-icon.png) no-repeat left center; }
.blogs-sec .bottom-block .block h3{ font-size:25px; color:#2f2f2f; line-height:29px; padding:0 30% 40px 0; margin:0 0 10px 0; position:relative; }
.blogs-sec .bottom-block .block h3:after{ content:""; width:1px; height:30px; position:absolute; left:15px; bottom:0; background:#d6d6d6; }
.blogs-sec .bottom-block .col-lg-4:first-child{ display:none; }

/*=========== Single Blog Start =============*/
.single-blog-sec{ padding:80px 0 60px 0; margin:0 0 30px 0; border-bottom:1px solid #e6e6e6; }
.single-blog-sec .lt-block{ padding:0 20px 0 0; margin:0; }
.single-blog-sec .lt-block h1{ font-family: 'F37LinecaBold'; font-size:40px; color:#1a1a1a; line-height:42px; letter-spacing:-.02em; padding:0 0 40px; margin:0 0 15px 0; position:relative; }
.single-blog-sec .lt-block h1:after{ content:""; width:1px; height:30px; position:absolute; left:10px; bottom:0; background:#d6d6d6; }
.single-blog-sec .lt-block h6.date{ font-size:17px; color:#2f2f2f; line-height:19px; padding:1px 0 1px 30px; margin:0 0 25px 0; background:url(images/time-icon.png) no-repeat left center; }
.single-blog-sec .lt-block .post-img-block{ width:100%; padding:5px; margin:0 0 30px; box-shadow:0px 5px 25px 0px rgba(0,0,128,.2); border-radius:0px; background:#fff; }
.single-blog-sec .lt-block .post-img-block img{ width:100%; height:auto; border-radius:0px; }
.single-blog-sec .lt-block p{ padding:0 0 20px; }

.sidebar-section{ width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; top:0; }
.sidebar-section .make-me-sticky{ position:sticky; top:120px; padding:0 15px; margin:0 0 0 5%; }
.sidebar-section h2{ font-family: 'F37LinecaBold'; font-size:25px; color:#141414; line-height:27px; padding:0 0 25px 0; margin:0 0 15px 0; position:relative; }
.sidebar-section h2:after{ content:""; width:1px; height:20px; position:absolute; left:5px; bottom:0; background:#d6d6d6; }
.sidebar-section .block{ display:flex; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #f2f2f2; justify-content:space-between; }
.sidebar-section .block:last-child{ padding:0; margin:0; border-bottom:none; }
.sidebar-section .block .img-box{ width:100px; height:60px; padding:0; margin:0; }
.sidebar-section .block .img-box img{ width:100%; height:100%; object-fit:cover; }
.sidebar-section .block .text-box{ width:75%; padding:0 0 0 15px; margin:0; }
.sidebar-section .block .text-box h3{ font-family: 'F37LinecaBold'; font-size:17px; color:#141414; line-height:19px; letter-spacing:-.02em; padding:10px 0 0 0; margin:0; }
.sidebar-section .block .text-box h3 a{ color:#141414; }
.sidebar-section .block .text-box h3 a:hover{ color:#cf9b36; }
.sidebar-section .block .text-box p{ padding:0; }

/*=========== Portfolio Start =============*/
.portfolio-sec{ padding:60px 0 60px 0; margin:0; border-bottom:1px solid #f2f2f2; }
.portfolio-sec h2{ font-size:50px; color:#000; line-height:52px; letter-spacing:-.04em; text-align:center; padding:0 0 40px 0; margin:0; }
.portfolio-sec h2 strong{ color:#01007f; font-weight:normal; }
.portfolio-sec .repeat-block{ padding:0; margin:0; }
.portfolio-sec .repeat-block .block{ padding:20px 0 25px 20px; margin:0 0 30px 0; background:#f2f2f7; border-radius:10px; }
.portfolio-sec .repeat-block .block .img-block{ padding:0; margin:0 0 25px 0; }
.portfolio-sec .repeat-block .block .img-block img{ width:100%; height:auto; border-radius:4px 0 0 4px; }
.portfolio-sec .repeat-block .block .text-block{ display:flex; width:100%; justify-content:space-between; align-items:center; padding:0 20px 0 0; margin:0; }
.portfolio-sec .repeat-block .block .text-block h3{ max-width:380px; font-family: 'F37LinecaBold'; font-size:18px; color:#1a1a1a; line-height:20px; letter-spacing:.02em; text-transform:uppercase; padding:0 15px 0 0; margin:0; }
.portfolio-sec .repeat-block .col-lg-6{ display:none; }
.portfolio-sec .repeat-block .bottom-link{ padding:0; margin:0; }
.portfolio-sec .repeat-block .bottom-link .common-btn{ margin:20px 0 0 0; }

.portfolio-sec .repeat-block .block .text-block .common-btn::before{background:url(images/square-box-icon2.png) no-repeat right center #F2F2F7;}
.portfolio-sec .repeat-block .block .text-block .common-btn::after{background:url(images/square-box-icon2.png) no-repeat right center #F2F2F7;}

/*=========== Popup Start =============*/
#request-popup .modal-header{ padding:20px 30px; }
#request-popup .modal-header .close{ font-size:35px; color:#01007f; line-height:25px; opacity:.8; outline:none; }
#request-popup .modal-header .close:hover{ opacity:1; }
#request-popup .modal-body{ padding:40px 30px 50px; }
#request-popup h2{ font-family: 'F37LinecaBold'; font-size:30px; color:#000; line-height:32px; letter-spacing:.02em; text-transform:uppercase; padding:0; margin:0; }
#request-popup .form-block{ padding:0; margin:0; }
#request-popup .form-block p{ padding:0; }
#request-popup .form-block .block{ padding:0 0 50px 0; margin:0; }
#request-popup .form-block .form-control{ width:100%; height:40px; font-size:17px; color:#2f2f2f; line-height:19px; padding:6px 0; margin:0; border:none; border-bottom:1px solid rgba(0,0,0,.2); border-radius:0; box-shadow:none; }
#request-popup .form-block textarea.form-control{ resize:none; }
#request-popup .form-block .form-control::-webkit-input-placeholder{ color:#2f2f2f; opacity:1; }
#request-popup .form-block .form-control:-moz-placeholder{ color:#2f2f2f; opacity:1; }
#request-popup .form-block .form-control::-moz-placeholder{ color:#2f2f2f; opacity:1; }
#request-popup .form-block .form-control:-ms-input-placeholder{ color:#2f2f2f; opacity:1; }
#request-popup .form-block .form-control::-ms-input-placeholder{ color:#2f2f2f; opacity:1; }
#request-popup .form-block .form-control::placeholder{ color:#2f2f2f; opacity:1; }
#request-popup .form-block .block.upload{ position:relative; }
#request-popup .form-block .block.upload .upload-file{ display:block; height:40px; font-size:17px; color:#2f2f2f; line-height:26px; padding:6px 0; margin:0; border-bottom:1px solid rgba(0,0,0,.2); background:url(images/upload-icon.png) no-repeat right center; }
#request-popup .form-block .block.upload .wpcf7-form-control-wrap{ position:inherit; }
#request-popup .form-block .block.upload .upload-file-input{ width:100%; height:40px; position:absolute; left:0; top:0; opacity:0; }
#request-popup .form-block .block2 .d-inline-block{ position:relative; }
#request-popup .form-block .block2 .d-inline-block:before{ content:""; width:11px; height:5px; position:absolute; left:20px; top:-4px; background:url(images/btn-top-box-icon.png) no-repeat center; transition:all 600ms ease-in-out; z-index:9; }
#request-popup .form-block .block2 .d-inline-block:after{ content:""; width:11px; height:5px; position:absolute; right:20px; bottom:-4px; background:url(images/btn-bottom-box-icon.png) no-repeat center; transition:all 600ms ease-in-out; z-index:9; }
#request-popup .form-block .block2 .d-inline-block:hover:before{ left:calc(100% - 20px); }
#request-popup .form-block .block2 .d-inline-block:hover:after{ right:calc(100% - 20px); }
#request-popup .form-block .block2 .wpcf7-spinner{ display:none; }
#request-popup .form-block .submit-btn{ cursor:pointer; }


.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
.modal-backdrop.show{ opacity:.7; }



/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
    body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
    body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 1309px){
    .global-brands-sec .lt-block h2{ font-size:40px; line-height:42px; }
    .contact-us-sec .lt-block{ padding:0 15px 0 0; }
}

@media screen and (max-width: 1199px){
    .home-slider .text-block{ padding:50px 0 0 0; }
    .home-slider .text-block h1{ font-size:50px; line-height:52px; }
    .development-portfolio-sec h2{ font-size:50px; line-height:52px; }
    .global-brands-sec .lt-block h2{ font-size:35px; line-height:37px; }
    .global-brands-sec .block .text-box{ padding:15px 0 10px 0; min-height:360px; }
    .global-brands-sec .block .text-box h3{ font-size:25px; line-height:27px; padding:0 15px 15px; }
    .global-brands-sec .block .text-box ul{ padding:0 15px; }
    .global-brands-sec .block .text-box ul li{ font-size:16px; line-height:18px; padding:0 0 20px 40px; }
    .global-brands-sec .block .text-box ul li:after{ width:15px; }
    .your-idea-sec h2{ font-size:50px; line-height:52px; }
    .your-idea-sec .repeater-block .block h3{ font-size:25px; line-height:27px; padding:0 0 15px 0; }
    .your-idea-sec .repeater-block .block p{ padding:0 5% 0 0; }
    .about-walk-sec .text-block h2{ font-size:50px; line-height:52px; }
    .tell-us-sec .top-content h2{ font-size:50px; line-height:52px; }
    #footer .footer-top-block{ padding:0 0 70px 0; }
    #footer .footer-md-block{ padding:0 0 10px 0; }
    #footer .footer-md-block h3{ font-size:20px; line-height:22px; padding:0 0 20px 0; }
    #footer .footer-md-block .block ul li{ font-size:15px; }
    #footer .footer-md-block .connect-block a{ font-size:15px; letter-spacing:-.04em; }
    #footer .footer-md-block .connect-block a .fa{ width:17px; margin:0 5px 0 0; }
    #footer .footer-md-block .social-block ul li{ font-size:16px; line-height:18px; padding:0 13px 10px 0; }

    .inner-banner .text-block h1{ font-size:45px; line-height:47px; }
    .what-we-do-top-sec .repeat-block .text-block h3{ font-size:40px; line-height:42px; }
    .what-we-do-digital-marketing-sec .top-content h2{ font-size:45px; line-height:47px; }
    .blog-post-design-top-sec h2{ font-size:45px; line-height:47px; }
    .portfolio-sec h2{ font-size:45px; line-height:47px; }
    .portfolio-sec .repeat-block .block .text-block .common-btn{ min-width:175px; font-size:13px; letter-spacing:.04em; padding:14px 50px 14px 15px; }
    .blogs-sec .top-block{ padding:35px 0 50px 0; }
    .blogs-sec .top-block .block .text-block{ padding:30px 0 30px 0; }
    .blogs-sec .top-block .block .text-block h3{ padding:0 0 40px 0; }
    .blogs-sec .bottom-block .block{ padding:0 0 50px 0; }
    .blogs-sec .bottom-block .block h3{ font-size:25px; line-height:29px; padding:0 0 40px 0; }

    .single-blog-sec .lt-block h1{ font-size:35px; line-height:37px; }
    .contact-us-sec .lt-block{ padding:0; }
    
}

@media screen and (max-width: 991px){
    .navbar-default{ box-shadow:0px 5px 15px 0px rgba(0,0,0,.1); }
    .navbar-default .logo-block{ width:80px; padding:8px 0 0 0; }
    .navbar-default .rt-block .ph-block{ display:none; }
    .navbar-default .rt-block .social-block{ display:none; }
    .navbar-default .rt-block .menu-block .menu-icon{ width:40px; height:40px; padding:14px 10px; }
    #popout-menu{ padding:20px 30px 20px 7%; align-items:inherit; }
    #popout-menu .inner{ width:100%; }
    #popout-menu .menu-link ul.mobile-menu li span{ width:30px; font-size:12px; }
    #popout-menu .menu-link ul.mobile-menu li a{ font-size:18px; line-height:22px; padding:0 30px 0 0; }
    #popout-menu .menu-link ul.mobile-menu ul li a{ font-size:16px; }
    #popout-menu .menu-link ul.mobile-menu ul ul li a, #popout-menu .menu-link ul.mobile-menu ul li.active ul li a{ font-size:14px; padding:0 0 0 20px; }
    #popout-menu .contact-details a{ font-size:18px; line-height:22px; }
    #popout-menu .contact-details a .fa{ width:20px; }
    .home-slider .img-block{ width:400px; max-width:100%; text-align:center; margin:0 auto; }
    .home-slider .text-block{ text-align:center; padding:40px 0 0 0; }
    .home-slider .text-block h1{ font-size:40px; line-height:42px; padding:0 0 40px 0; }
    .home-slider .text-block h1:after{ height:25px; left:0; right:0; margin:0 auto; }
    .development-portfolio-sec{ padding:20px 0 70px 0; }
    .development-portfolio-sec h2{ font-size:40px; line-height:42px; padding:0 0 30px 0; }
    .global-brands-sec{ padding:0 0 30px 0; }
    .global-brands-sec .block .text-box{ min-height:280px; }
    .your-idea-sec{ padding:0 0 80px 0; }
    .your-idea-sec h2{ font-size:40px; line-height:42px; padding:0 0 40px 0; }
    .your-idea-sec .repeater-block{ border-top:none; }
    .your-idea-sec .repeater-block .block{ padding:0 0 40px 0; text-align:center; }
    .your-idea-sec .repeater-block .block:before{ display:none; }
    .your-idea-sec .repeater-block .block h6{ display:none; }
    .your-idea-sec .repeater-block .block .img-box{ padding:0 0 20px 0; }
    .about-walk-sec{ padding:0 0 40px 0; text-align:center; }
    .about-walk-sec .img-block{ width:300px; max-width:100%; margin:0 auto; text-align:center; }
    .about-walk-sec .text-block{ padding:40px 0 0 0; }
    .about-walk-sec .text-block h2{ font-size:40px; line-height:42px; padding:0 0 25px 0; }
    .tell-us-sec{ padding:30px 0 50px 0; }
    .tell-us-sec .top-content h2{ font-size:40px; line-height:42px; padding:0 0 20px 0; }
    .tell-us-sec .top-content p{ padding:0 20% 30px; }
    #footer .footer-md-block h3{ font-size:22px; line-height:24px; }
    #footer .footer-top-block .footer-logo-block{ text-align:center; padding:0 0 40px 0; }
    #footer .footer-top-block .newsletter-block .es-form-field-container{ display:block; }
    #footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(2){ width:100%; }
    #footer .footer-top-block .newsletter-block .es-form-field-container .es-email{ text-align:center; }
    #footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(3){ text-align:center; }
    #footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(3) .gjs-cell{ width:330px; max-width:100%; margin:20px auto 0; }


    .inner-banner{ padding:40px 0 40px; margin:65px 0 0 0; }
    .inner-banner .img-block{ width:150px !important; max-width:100% !important; padding:0 0 20px 0; margin:0 auto; }
    .inner-banner .text-block h1{ font-size:35px; line-height:37px; }
    .inner-banner .text-block .common-btn{ letter-spacing:.04em; }
    .inner-banner .text-block .common-btn:nth-child(2){ margin-left:10px; }
    .about-us-sec{ padding:50px 0 40px 0; }
    .about-us-sec .about-us-top-sec{ padding:0 0 30px 0; text-align:center; }
    .about-us-sec .about-us-top-sec .lt-block{ padding:0 0 20px 0; }
    .about-us-sec .about-us-top-sec .lt-block h2{ font-size:35px; line-height:37px; padding:0 0 30px 0; margin:0 0 20px 0; }
    .about-us-sec .about-us-top-sec .lt-block h2:after{ height:20px; left:0; right:0; margin:0 auto; }
    .about-us-sec .about-us-top-sec .rt-block .block{ padding:25px 15px 30px; }
    .about-us-sec .about-us-bottom-sec{ padding:30px 25px 10px; }
    .about-us-sec .about-us-bottom-sec h2{ font-size:35px; line-height:37px; padding:0 0 30px 0; margin:0 0 20px 0; }
    .about-us-sec .about-us-bottom-sec h2:after{ height:20px; left:0; right:0; margin:0 auto; }

    .what-we-do-top-sec{ padding:50px 0 0 0; }
    .what-we-do-top-sec .repeat-block{ padding:20px 0 50px 0; }
    .what-we-do-top-sec .repeat-block .text-block h3{ font-size:30px; line-height:32px; padding:0 0 30px 0; }
    .what-we-do-top-sec .repeat-block .text-block h3:after{ height:20px; left:10px; }
    .what-we-do-digital-marketing-sec .top-content{ margin:0 0 70px 0; }
    .what-we-do-digital-marketing-sec .top-content h2{ font-size:35px; line-height:37px; }
    .what-we-do-digital-marketing-sec .top-content h4{ font-size:30px; line-height:32px; }
    .what-we-do-digital-marketing-sec .top-content .line{ height:30px; }
    .what-we-do-digital-marketing-sec .repeat-sec .block{ padding:0 0 50px 0; }
    .what-we-do-digital-marketing-sec .repeat-sec .block .text-block{ padding:0px 0 0 5%; }
    .what-we-do-digital-marketing-sec .repeat-sec .block:nth-child(odd) .text-block{ padding:0 5% 0 0; }
    .what-we-do-digital-marketing-sec .repeat-sec .block .text-block h3{ font-size:30px; line-height:32px; padding:0 0 30px 0; }
    .what-we-do-digital-marketing-sec .repeat-sec .block .text-block h3:after{ height:20px; left:10px; }

    .blog-post-design-top-sec{ padding:50px 0 20px 0; }
    .blog-post-design-top-sec h2{ font-size:35px; line-height:37px; }
    .page-development-services .what-we-do-digital-marketing-sec{ padding:50px 0 0 0; }
    .portfolio-sec{ padding:50px 0; }
    .portfolio-sec h2{ font-size:35px; line-height:37px; padding:0 0 30px 0; }
    .portfolio-sec .repeat-block .block .text-block{ display:block; text-align:center; }
    .portfolio-sec .repeat-block .block .text-block h3{ padding:0 0 20px 0; }

    .blogs-sec{ padding:40px 0 40px; }
    .blogs-sec .top-block .block .text-block h6{ margin:0 0 20px 0; }
    .blogs-sec .top-block .block .text-block h3{ font-size:25px; line-height:29px; padding:0 0 30px 0; }
    .blogs-sec .top-block .block .text-block h3:after{ height:20px; }
    .blogs-sec .bottom-block .block h3{ padding:0 0 30px 0; }
    .blogs-sec .bottom-block .block h3:after{ height:20px; }

    .single-blog-sec{ padding:50px 0 50px; }
    .single-blog-sec .lt-block{ padding:0 0 20px 0; }
    .single-blog-sec .lt-block h1{ font-size:30px; line-height:32px; padding:0 0 30px; margin:0 0 20px 0; }
    .single-blog-sec .lt-block h1:after{ height:20px; }
    .sidebar-section{ position:relative; border-top:1px solid #e6e6e6; padding:30px 0 0 0; }
    .sidebar-section .make-me-sticky{ position:inherit; top:inherit; padding:0; margin:0; }
    .sidebar-section .block .text-box{ width:calc(100% - 100px); }
    .contact-us-sec{ padding:40px 0 40px 0; }
    .contact-us-sec h3{ font-size:27px; line-height:29px; }
    .contact-us-sec .rt-block{ padding:0 0 50px 0; }
    .contact-us-sec .rt-block .form-block .block{ padding:0 0 20px 0; }

}

@media screen and (max-width: 767px){
    .close-menu-button{ width:40px; height:40px; right:49.75vw; }
    .close-menu-button svg{ width:12px; }
    .menu-open #body-wrap{ -webkit-transform:scale(.70) translate3d(-50vw,0,0); transform: scale(.70) translate3d(-50vw,0,0); }
    #popout-menu{ width:48vw; }
    #popout-menu .menu-logo{ padding:0 0 30px 0; }
    #popout-menu .menu-link ul.mobile-menu li{ padding:8px 0; }
    #popout-menu .social-block{ padding:0 0 20px 0; }
    .home-slider .text-block h1{ font-size:30px; line-height:32px; }
    .development-portfolio-sec h2{ font-size:30px; line-height:32px; }
    .global-brands-sec .lt-block h2{ font-size:30px; line-height:32px; }
    .global-brands-sec .block .text-box{ min-height:300px; }
    .global-brands-sec .block .text-box h3{ font-size:22px; line-height:24px; }
    .your-idea-sec h2{ font-size:30px; line-height:32px; }
    .your-idea-sec .repeater-block .block h3{ font-size:22px; line-height:24px; }
    .about-walk-sec .text-block h2{ font-size:30px; line-height:32px; }
    .tell-us-sec .top-content h2{ font-size:30px; line-height:32px; }
    .tell-us-sec .top-content p{ padding:0; }
    .tell-us-sec .form-block .block{ padding:0 0 20px 0; }
    #footer{ padding:35px 0 30px 0; }
    #footer .footer-top-block{ padding:0 0 50px 0; }
    #footer .footer-top-block .footer-logo-block{ padding:0 0 30px 0; text-align:center; }
    #footer .footer-bottom-block{ padding:25px 0 0 0; text-align:center; }
    #footer .footer-bottom-block .link-box{ padding:0 0 15px 0; text-align:center; }

    .inner-banner{ background:url(images/inner-banner-bg-mobile.jpg) no-repeat center; background-size:cover; text-align:center; }
    .inner-banner .text-block h1{ font-size:30px; line-height:32px; padding:0 0 15px 0; }
    .about-us-sec{ padding:50px 0 30px 0; }
    .about-us-sec .about-us-top-sec .lt-block h2{ font-size:30px; line-height:32px; }
    .about-us-sec .about-us-bottom-sec h2{ font-size:30px; line-height:32px; }

    .what-we-do-top-sec{ padding:40px 0 0 0; text-align:center; }
    .what-we-do-top-sec .repeat-block .img-block img{ width:350px; }
    .what-we-do-top-sec .repeat-block .text-block{ padding:30px 0 0 0 !important; }
    .what-we-do-top-sec .repeat-block .text-block{ font-size:25px; line-height:27px; }
    .what-we-do-top-sec .repeat-block .text-block h3{ font-size:25px; line-height:27px; }
    .what-we-do-top-sec .repeat-block .text-block h3:after{ left:0; right:0; margin:0 auto; }
    .what-we-do-digital-marketing-sec{ text-align:center; }
    .what-we-do-digital-marketing-sec .top-content{ padding:30px 20px; }
    .what-we-do-digital-marketing-sec .top-content h2{ font-size:30px; line-height:32px; }
    .what-we-do-digital-marketing-sec .top-content h2 strong{ display:inline; }
    .what-we-do-digital-marketing-sec .top-content h4{ font-size:25px; line-height:27px; }
    .what-we-do-digital-marketing-sec .repeat-sec .block .img-block img{ width:350px; }
    .what-we-do-digital-marketing-sec .repeat-sec .block .text-block{ padding:30px 0 0 0 !important; }
    .what-we-do-digital-marketing-sec .repeat-sec .block .text-block h3{ font-size:25px; line-height:27px; }
    .what-we-do-digital-marketing-sec .repeat-sec .block .text-block h3:after{ left:0; right:0; margin:0 auto; }

    .blog-post-design-top-sec h2{ font-size:30px; line-height:32px; }
    .blog-post-design-top-sec h2 strong{ display:inline; }
    .portfolio-sec h2{ font-size:30px; line-height:32px; }
    .portfolio-sec .repeat-block .block{ padding:15px 15px 25px 15px; }
    .portfolio-sec .repeat-block .block .img-block img{ border-radius:4px; }
    .portfolio-sec .repeat-block .block .text-block{ padding:0; }
    .blogs-sec .top-block{ padding:0 0 50px 0; }
    .blogs-sec .top-block .block{ border-top:none; }
    .blogs-sec .top-block .block .text-block h5{ top:-39px; }
    .blogs-sec .top-block .block .text-block h3{ font-size:22px; line-height:26px; }
    .blogs-sec .bottom-block .block h3{ font-size:22px; line-height:26px; }
    .blogs-sec .bottom-block .block h5{ position:relative; }
    .blogs-sec .bottom-block .block .img-block{ margin:-37px 0 20px 0; }
    .blogs-sec .bottom-block .block h6{ margin:0 0 15px 0; }
    .blogs-sec .bottom-block .block h3{ font-size:22px; line-height:26px; }

    .page-id-188 .inner-banner{ padding-bottom:20px; }
    .single-blog-sec{ padding:40px 0 40px; margin:0 0 10px 0; }
    .single-blog-sec .lt-block h1{ font-size:27px; line-height:29px; }
    .sidebar-section h2{ font-size:22px; line-height:24px; }
    .contact-us-sec{ padding:40px 0 30px 0; }
    .contact-us-sec .lt-block .map-block iframe{ height:200px; }
    .contact-us-sec .lt-block .bottom-block .block{ margin:0 0 20px 0; }

}

@media screen and (max-width: 575px){
    .close-menu-button{ right:69.75vw; }
    .menu-open #body-wrap{ -webkit-transform:scale(.80) translate3d(-75vw,0,0); transform: scale(.80) translate3d(-75vw,0,0); }
    #popout-menu{ width:65vw; }
    .home-slider .text-block h1{ font-size:27px; line-height:29px; }
    .development-portfolio-sec h2{ font-size:27px; line-height:29px; }
    .global-brands-sec .lt-block{ padding:0 0 40px 0; text-align:center; }
    .global-brands-sec .lt-block h2{ font-size:27px; line-height:29px; }
    .global-brands-sec .block .text-box{ min-height:inherit; }
    .your-idea-sec h2{ font-size:27px; line-height:29px; }
    .your-idea-sec .repeater-block .block p{ padding:0; }
    .about-walk-sec .text-block h2{ font-size:27px; line-height:29px; }
    .tell-us-sec .top-content h2{ font-size:27px; line-height:29px; }
    #footer .footer-top-block .newsletter-block .es-form-field-container{ display:block; }
    #footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(2){ width:100%; }
/*    #footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(3){ display:inline-block; margin-top:20px; }*/
    #footer .footer-md-block{ padding:0 0 30px 0; }

    .inner-banner{ padding:40px 0 20px; }
    .inner-banner .text-block h1{ font-size:27px; line-height:29px; }
    .about-us-sec .about-us-top-sec .lt-block h2{ font-size:27px; line-height:29px; }
    .about-us-sec .about-us-bottom-sec h2{ font-size:27px; line-height:29px; }
    .about-us-sec .about-us-top-sec .rt-block .col-lg-6:nth-child(2) .block:first-child{ margin:0; }

    .inner-banner .text-block .common-btn{ margin:0 5px 20px !important; }
    .what-we-do-top-sec .repeat-block .text-block h3{ font-size:22px; line-height:24px; }
    .what-we-do-digital-marketing-sec .top-content h2{ font-size:27px; line-height:29px; }
    .what-we-do-digital-marketing-sec .top-content h4{ font-size:22px; line-height:24px; }
    .what-we-do-digital-marketing-sec .repeat-sec .block .text-block h3{ font-size:22px; line-height:24px; }
    .blog-post-design-top-sec h2{ font-size:27px; line-height:29px; }
    .portfolio-sec h2{ font-size:27px; line-height:29px; }
    .blogs-sec .top-block{ padding:0 0 40px 0; }
    .blogs-sec .top-block .block{ padding:0 0 10px 0; }
    .blogs-sec .top-block .block .text-block{ text-align:center; }
    .blogs-sec .top-block .block .text-block h6{ display:inline-block; }
    .blogs-sec .top-block .block .text-block h3{ font-size:20px; line-height:24px; }
    .blogs-sec .top-block .block .text-block h3:after{ left:0; right:0; margin:0 auto; }
    .blogs-sec .bottom-block .block .text-block{ text-align:center; }
    .blogs-sec .bottom-block .block h6{ display:inline-block; }
    .blogs-sec .bottom-block .block h3{ font-size:20px; line-height:24px; }
    .blogs-sec .bottom-block .block h3:after{ left:0; right:0; margin:0 auto; }

    .single-blog-sec .lt-block h1{ font-size:24px; line-height:26px; }
    .contact-us-sec h3{ font-size:23px; line-height:25px; }
}

@media screen and (max-width: 400px){
    #popout-menu{ padding:20px 20px 20px 7%; }
    #popout-menu .contact-details a{ font-size:16px; line-height:18px; }
    #popout-menu .contact-details a .fa{ margin:0 5px 0 0; }
    #popout-menu .menu-link ul.mobile-menu li a{ font-size:17px; line-height:21px; }
    #popout-menu .menu-link ul.mobile-menu ul li a{ font-size:15px; }
    #popout-menu .menu-link ul.mobile-menu ul ul li a, #popout-menu .menu-link ul.mobile-menu ul li.active ul li a{ font-size:13px; }
    .tell-us-sec .top-content h2 strong{ display:inline; }
    #footer .footer-md-block .col-6{ flex:0 0 100%; max-width:100%; }
    #footer .footer-md-block .col-6:first-child .block ul li{ display:inline-block; width:49%; vertical-align:top; }
    .sidebar-section .block .text-box h3{ padding:5px 0 0 0; }
    .contact-us-sec .lt-block .bottom-block .col-6{ flex:0 0 100%; max-width:100%; }
    #footer .footer-top-block .newsletter-block .es-form-field-container input[type=submit]{ font-size:12px; padding:14px 40px 14px 15px; background-position:right 10px center; }
    #footer .footer-top-block .newsletter-block .es-form-field-container .gjs-row:nth-child(3) .gjs-cell{ width:270px; }
    #footer .footer-top-block .newsletter-block .es-form-field-container input[type=submit]:hover{ background-position:right 5px center; }
}