@font-face {
    font-family:"JaneAusten";
    src:url("../fonts/JaneAust.eot?") format("eot"),url("../fonts/JaneAust.woff") format("woff"),url("../fonts/JaneAust.ttf") format("truetype"),url("../fonts/JaneAust.svg#JaneAusten") format("svg");font-weight:normal;font-style:normal;font-display: swap;
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype'),
        url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff'),
        url('../fonts/Gotham-Light.ttf') format('truetype'),
        url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham-Black';
    src: url('../fonts/Gotham-Black.eot');
    src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Black.woff2') format('woff2'),
        url('../fonts/Gotham-Black.woff') format('woff'),
        url('../fonts/Gotham-Black.ttf') format('truetype'),
        url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('../fonts/RobotoSlab-Regular.eot');
    src: url('../fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoSlab-Regular.woff2') format('woff2'),
        url('../fonts/RobotoSlab-Regular.woff') format('woff'),
        url('../fonts/RobotoSlab-Regular.ttf') format('truetype'),
        url('../fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




* { margin: 0; padding: 0;box-sizing:border-box}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }

table { border-collapse: collapse; border-spacing: 0 }
a { color: #000; text-decoration: none; outline: none; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
/*Reset CSS end*/
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="date"]:focus,select:focus,textarea:focus{outline:none}

::-webkit-input-placeholder {opacity: 1; color:#9c9c9c;font-size:18px;letter-spacing: 1px;font-weight: 400;font-family: 'Montserrat', sans-serif;text-transform: uppercase;}
:-moz-placeholder { /* Firefox 18- */opacity: 1; color:#9c9c9c;font-size:18px;letter-spacing: 1px;font-weight: 400;font-family: 'Montserrat', sans-serif;text-transform: uppercase;}
::-moz-placeholder {  /* Firefox 19+ */opacity: 1; color:#9c9c9c;font-size:18px;letter-spacing: 1px;font-weight: 400;font-family: 'Montserrat', sans-serif;text-transform: uppercase;}
select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
:-ms-input-placeholder {opacity: 1;color:#565459;font-size:21px;letter-spacing: 1px}

input:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder{color:transparent;}
textarea:focus::-webkit-input-placeholder{color:transparent;}
textarea:focus:-moz-placeholder{color:transparent;}
textarea:focus::-moz-placeholder{color:transparent;}
textarea:focus:-ms-input-placeholder{color:transparent;}
/* global classes */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-break: keep-all; word-break: keep-all; -webkit-word-break: keep-all; -moz-word-break: keep-all; word-wrap: break-word; }
input[type="button"],input[type="submit"]{border:none;cursor:pointer;outline:none;}

body{margin: 0px;padding: 0;font-family: 'Montserrat', sans-serif;font-weight: 500;background: #fff;overflow-x:hidden;color: #000;position: relative}
.fl {float: left}
.fr {float: right}
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.clear{clear: both;}
.container {width:100%;margin: 0 auto;max-width: 1250px;}
.sprite{background: url(../images/sprite.png) no-repeat 0 0}
.blackoverlay{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);display: none}
.ibvm{display:inline-block;vertical-align:middle}
.ibvt{display:inline-block;vertical-align:top}
.ibvb{display:inline-block;vertical-align:bottom}
.dflex{display: flex}
.clear{clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.lnheight {line-height: 0}
.sectionblk {position: relative}
.sectioncircleblk {position: absolute}
.sectioncircleblk img {width: 100%}
.uppercase {text-transform: uppercase}
.flex-between {display: flex;justify-content: space-between; align-items: flex-start;flex-wrap: wrap;}
.flex-start {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.flex-between-center {display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
figure img {width: 100%}
.flex {display: flex;flex-wrap: wrap;}
.flex-end {display: flex;justify-content: space-between;align-items: flex-end;}
.img-fluid {width: 100%}
.common-padding {padding: 50px 0}
.white_txt {color: #fff !important}

.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.fa-long-arrow-right:before {content: "\f178"}



/*Pre Loader css start*/
#preloader{position:fixed;top:0;left:0;height:100%;width:100%;z-index:99999999999;overflow:hidden;background-color:#212121;-webkit-transition:all 1.5s ease-out;-o-transition:all 1.5s ease-out;transition:all 1.5s ease-out}
#preloader.loaded{top:-200%}
#preloader.loaded .preloader-btn{bottom:200%}
.preloader-btn{position:fixed;bottom:0;right:0;padding:30px;-webkit-transition:all 1.5s ease-out;-o-transition:all 1.5s ease-out;transition:all 1.5s ease-out;color:#00baff}
.loader_text{letter-spacing:.5em;display:inline-block;position:absolute;top:40%;left:0;right:0;margin:auto;width:100%;text-align:center;font-style:italic}
.loader_text span{font-size:50px;line-height:90px;display:block;margin:0 auto;background:url('../images/loader_strip.jpg') repeat-y;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:text_anim 20s linear infinite;-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden}
@-webkit-keyframes text_anim {
    0% {background-position: 0% 50%;}
    100% {background-position: 100% 50%;}
}
.spinner{width:40px;height:40px;position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.double-bounce2 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
@-webkit-keyframes sk-bounce {
  0%, 100% {transform: scale(0);-webkit-transform: scale(0); }
  50% {transform: scale(1);-webkit-transform: scale(1); } 
}
@keyframes sk-bounce {
  0%, 100% {transform: scale(0);-webkit-transform: scale(0);}
  50% {transform: scale(1);-webkit-transform: scale(1); } 
}
/*Pre Loader css end*/

.d_designloader {font-size: 30px;line-height: 30px;color: #fff;text-align: center;font-family:"JaneAusten";position: absolute;left: 0;right: 0;margin: auto;top: 50%;}
.logotxt {color: #383838;  width: 225px; font-family:"JaneAusten";}
.headerblk {display: flex;justify-content: space-between;align-items: center;font-family: 'Montserrat', sans-serif;font-weight: 500;}
.headerblk.posrel .headerwrapper {position: relative;top: auto;margin: 30px auto}

/*top section new*/
section.sectionblk_wrapper {position: relative;}
/*.firstsec_blk {width: 950px;margin: 50px auto 100px;}*/

.agency_textblk {display: inline-block;padding-right: 20px;margin-bottom: 20px;height: 100px}
.agency_text {font-size: 42px;line-height: 50px;color: #000;width: 100%;height: 50px;position: relative;margin: 0 0 20px 0;font-weight: 300}
.agency_text span {position: relative;font-weight: 700}
.agency_text span.dmserif_font {font-family: 'Roboto Slab', serif;}
.agency_text.third_text {width: 70%;}

.first_section .aboutinfo_descblk{margin: 0}
.first_section .abtitem{margin: 0 0 20px;width: 33.33%}
.first_section .abtnum_info{font-weight: 600;font-size: 20px;line-height: 30px;font-family: 'Montserrat', sans-serif;color: #000}
.first_section .abt_number span{font-weight: 700}
.first_section .aboutnum_infoblk{display: flex;align-items: flex-start;margin-top: 20px}
.agency_textblk .first_text .block {width: 0%; height: inherit; background: #93f3ff; position: absolute; animation: mainBlock 3s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards; display: flex; }
.first_section .aboutnum_infoblk svg { width:90%; height:60px;}
.agency_textblk .first_text .animte_txt {position: relative; font-weight: 300; font-size: 42px;}
svg text {
    font-family: 'RobotoSlab-Regular';
     font-weight: 500; 
    /* letter-spacing: 6px; */
    /* text-transform: uppercase; */
    font-size: 45px;
    stroke: #3933f0;
    stroke-width: 1.3;
    animation: textAnimate 5s infinite alternate;
}
  
  @keyframes textAnimate {
    0% {
      stroke-dasharray: 0 50%;
      stroke-dashoffset:  20%;
      fill:rgba(57,51,240,0.2)
  
    }
    
    100% {
      stroke-dasharray: 50% 0;
      stroke-dashoffstet: -20%;
      fill: rgba(57,51,240,0.2)
    }
    
  }
.experiance_txt {font-size: 15px;line-height: 25px;text-transform: uppercase;letter-spacing: 1px;margin: 0 0 40px 0;width: 480px}
.effect1 .letter {display: inline-block;line-height: 1em;}
.agency_textblk .second_text .block {
    width: 0%;
    height: inherit;
    /* background: #ffff; */
    position: absolute;
    animation: secBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    animation-delay: 2s;
    display: flex;
}
.agency_textblk .second_text .animte_txt {
    animation: secFadeIn 2s forwards;              
    -webkit-animation: secFadeIn 2s forwards;
    -o-animation: secFadeIn 2s forwards;
    animation-delay: 3.3s;
    opacity: 0;
}

.agency_textblk .third_text .block {
    width: 0%;
    height: inherit;
    background: #fbff93;
    position: absolute;
    animation: secBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    animation-delay: 4s;
    display: flex;
}
.agency_textblk .third_text .animte_txt {
    animation: mainFadeIn 3s forwards;              
    -webkit-animation: mainFadeIn 3s forwards;
    -o-animation: mainFadeIn 3s forwards;
    animation-delay: 5.3s;
    opacity: 0;
}
.animte_txt span:before{
    position:absolute;content:"";width:100%;height:20px;background:red;top:10px;bottom:0;left:0;margin:auto;z-index:-1
}
.agency_textblk .first_text .animte_txt span:before {background: #93f3ff}
.agency_textblk .second_text .animte_txt span:before {background: #98ffc1}
.agency_textblk .third_text .animte_txt span:before {background: #fbff93}

@keyframes mainBlock{0%{width:0%;left:0}50%{width:100%;left:0}100%{width:0;left:100%}}
@keyframes mainFadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes secBlock{0%{width:0%;left:0}50%{width:100%;left:0}100%{width:0;left:100%}}
@keyframes secFadeIn{0%{opacity:0}100%{opacity:1}}

.explorebtn_blk {margin: 130px auto 0;width: 300px;}
.explorebtn_blk a {font-family: 'Roboto Slab', serif;text-transform: uppercase;letter-spacing: 2px;font-size: 16px;line-height: 16px;color: #000;position: relative;padding: 70px 0;width: 300px;display: inline-block}
.explorebtn_blk a span.explore_circle {width: 160px;height: 160px;background: transparent;border: 1px solid #5b5b5b;display: block;border-radius: 100%;position: absolute;top: 0;left: 120px;z-index: -2;opacity: 0.5}
/*top section new*/

/*Footer CSS Start*/

.footerwrapper {width: 100%;background: #111111;color: #b7b7b7;position: relative;}
.footerwrapper:before {position: absolute;content: "";background: url('../images/footer_arrow.png') no-repeat 0 0;width: 100px;height: 78px;top: -28px;left: 0;right: 0;margin: auto;background-size: cover}
.footerblk {display: flex;justify-content: space-between;margin: 0 0 30px 0;padding: 0 0 30px 0;border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer_item h3 {font-size: 18px;line-height: 20px;color: #b7b7b7;text-transform: uppercase;letter-spacing: 1px;margin: 0 0 15px 0}
.footer_list {width: 100%}
.footer_list li {text-transform: uppercase;margin: 0 0 10px 0;position: relative}
.footer_list li a {position:relative;display:table-cell;width: 50%;font-size: 14px;font-weight:600;line-height:17px;color:#b7b7b7;overflow:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;letter-spacing: 1px;}
.footer_list li a:hover{padding-left:22px;color:#00baff}
.footer_list li a::after,.footer_list li a::before{content:"";position:absolute;display:inline-block;height:2px;width:100%;top:6px;background:#00baff;z-index:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.footer_list li a::before{right:100%;margin-right:100%;-webkit-transition:right .2s ease-in-out;transition:right .2s ease-in-out}
.footer_list li a:hover::before{right:0;margin-right:0;-webkit-transition:right .2s ease-in-out,margin-right .2s ease-in-out;transition:right .2s ease-in-out,margin-right .2s ease-in-out}
.footer_list li a::after{right:-100%;margin-right:0;-webkit-transition:right .2s ease-in-out;transition:right .2s ease-in-out}
.footer_list li a:hover::after{right:0;margin-right:-100%}
.footer_list li a span{position:relative;display:inline-block;z-index:9;background:#212121}
.footer_list li a span::before{content:"";position:absolute;display:inline-block;left:-8px;right:-8px;top:0;bottom:0;z-index:-1}
.footer_list li a span::before{background:#111111}
.footer_bigtxt {font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 30px;line-height: 35px;color: #fff}
.footer_item {width: 20%;}
.footer_item.chaosblk {width: 30%;}
.bottom_footerblk {display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center}
.innertxt_blk {font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 100px;line-height: 100px;color: #fff;padding: 90px 0 90px 100px;text-shadow: 2px 2px #ff0000;position: relative;z-index: 1}
.copyrightblk {font-size: 14px;text-transform: uppercase;line-height: 20px;}

.socialiconblk li {display: inline-block;vertical-align: top;margin: 0 0 0 10px;position: relative}
.socialiconblk li a {position:relative;display:inline-block;font-size:16px;line-height: 20px;padding:10px;color:#000;background:#b7b7b7;overflow:hidden;z-index:0;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;letter-spacing:2px;text-transform:uppercase;border-radius: 100%;width: 40px;height: 40px;}
.socialiconblk li a:hover span{color:#fff}
.socialiconblk li a span{display:block;position:relative;z-index:9}
.socialiconblk li a::after,.socialiconblk li a::before {content:"";position:absolute;display:block;top:0;bottom:0;width:100%;background:#ffd83d;z-index:1}
.socialiconblk li a::before{right:100%;margin-right:100%;-webkit-transition:right .2s ease-in-out;transition:right .2s ease-in-out}
.socialiconblk li a::after{right:-100%;margin-right:0;-webkit-transition:right .2s ease-in-out;transition:right .2s ease-in-out}
.socialiconblk li a:hover::before{right:0;margin-right:0;-webkit-transition:right .2s ease-in-out,margin-right .2s ease-in-out;transition:right .2s ease-in-out,margin-right .2s ease-in-out}
.socialiconblk li a:hover::after{right:0;margin-right:-100%}
.socialiconblk li a.facebook_icon::after,.socialiconblk li a.facebook_icon::before {background: #3b5998}
.socialiconblk li a.linkedin_icon::after,.socialiconblk li a.linkedin_icon::before {background: #0e76a8}
.socialiconblk li a.pinterest_icon::after,.socialiconblk li a.pinterest_icon::before {background: #E60023}
.socialiconblk li a.youtube_icon::after,.socialiconblk li a.youtube_icon::before {background: #FF0000}
.socialiconblk li a.twitter_icon::after,.socialiconblk li a.twitter_icon::before {background: #1DA1F2}
.socialiconblk li a.instagram_icon::after,.socialiconblk li a.instagram_icon::before {
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

/*Footer CSS End*/

.fullwidth-button-center {
    margin: 20px auto;
    text-align: center;
}
.landingpage .footer_list a {
    color: #fff;
}
.landingpage .footer_list {
    display: flex;
}
/*
.button {
    margin: 20px 0 0 0;
}
*/

.button a, .button .submitbut {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 15px;
    padding: 15px 25px;
    color: #fff;
    background: #b52c2c;
    overflow: hidden;
    z-index: 0;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
    border-radius: 30px;
}
.button a::after,
.button a::before,
.button .submitbut::after,
.button .submitbut::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #00baff;
    z-index: 1
}

.button a::before, .button .submitbut::before {
    right: 100%;
    margin-right: 100%;
    -webkit-transition: right .2s ease-in-out;
    transition: right .2s ease-in-out
}

.button a::after, .button .submitbut::after {
    right: -100%;
    margin-right: 0;
    -webkit-transition: right .2s ease-in-out;
    transition: right .2s ease-in-out
}

.button a:hover, .button .submitbut:hover {
    color: #000
}

.button a:hover::before, .button .submitbut:hover::before {
    right: 0;
    margin-right: 0;
    -webkit-transition: right .2s ease-in-out, margin-right .2s ease-in-out;
    transition: right .2s ease-in-out, margin-right .2s ease-in-out
}

.button a:hover::after, .button .submitbut:hover::after {
    right: 0;
    margin-right: -100%
}

.button a span, .button .submitbut span {
    display: block;
    position: relative;
    z-index: 9
}

.button a span .fa {
    margin: 0 0 0 10px
}

.button a:hover .fa {
    margin: 0 0 0 20px;
    transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.25s all ease-in-out;
}


.headerwrapper {padding: 20px 0;width: 96%;max-width: 1300px;z-index: 99;margin: 0 auto;position: relative}
.header_rightblk {display: flex;justify-content: flex-start;align-items: center;}
.letschat {margin: 0 30px 0 0}
.letschat a {
    display: block;
    border: 1px solid;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px
}
.letschat a span {display: inline-block;vertical-align: middle;}
.letschat a:hover {
    background: #00baff;
    color: #fff;
    border-color: #fff
}
.letschat.start_txt.phone-ico an:hover{
    background: #00baff;
    color: #fff;
    border-color: #fff
}
.letschat.start_txt.whatsapp-icon a:hover{
    background: #13990a;
    color: #fff;
    border-color: #fff
}
.menu_btn {width: 30px;text-align: right;cursor: pointer}
.menu_btn span {display: inline-block;width: 30px;height: 3px;background: #000;margin: 0 0 5px 0}
.menu_btn span:nth-child(2) {width: 15px;}
.banner_item {display: flex !important;justify-content: space-between;flex-direction: row-reverse;align-items: center;}
.banner_picblk {width: 50%;}
.banner_picblk img {width: 100%}
.banner_infoblk {width: 50%;}
.bannertxt {font-size: 50px;text-transform: uppercase;line-height: 55px;color: #000;font-family: 'Montserrat', sans-serif;font-weight:700;margin: 0 0 0 40px}
.bannertxt span {color: #00baff}
.bannerwrapper .progress {width: 300px;right: auto;left: 40px;bottom: 0px;background-image: linear-gradient(to right, #00baff, #00baff)}
.header_blk .headerwrapper {position: relative;top: auto;padding: 20px 0 20px 0;}
.menulist li {display: inline-block;vertical-align: top;margin: 0 0 0 20px;padding: 0 0 0 20px;border-left: 1px solid #000;font-size: 16px;line-height: 16px}
.menulist li:first-child {margin: 0;padding: 0;border-left: 0}
.header_blk .headerwrapper .header_rightblk  {display: block}
.header_blk .headerwrapper .header_rightblk .top_header {display: flex;justify-content: flex-end;align-items: center}
.header_blk .headerwrapper .header_rightblk .bottom_header {margin: 15px 0 0 0;}
.header_blk .headerwrapper .header_rightblk .bottom_header .menulist li {font-size: 16px;line-height: 16px}

.home_parallaxblk {width: 100%;position: relative;z-index: 9;/*background: url('../images/home_parallax.png') no-repeat top center;background-size: cover;height: 650px*/}
.home_parallaxblk video {
    width: 100%;
    /* clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%); */
}
.homeparalaxtxt.bluetxt{display: block}
.homeparalaxtxt {position: absolute;bottom: 220px;}
.bluetxt {font-size: 50px;line-height: 55px;color: #000;font-family: 'Montserrat', sans-serif;font-weight:700;margin: 0 0 40px;letter-spacing: -1.5px;display: flex;align-items: center}
.bluetxt span {color: #00baff}
.whitetxt {color: #fff !important}
.whitetxt span {color: #00baff}
.pt100{padding-top:100px;}
.webtxtwrap {width: 100%;height: auto;position: relative;margin: -230px 0 0 0;}
.webtxtblk {font-size: 50px;line-height: 80px;color: #d9d9d9;font-family: 'Montserrat', sans-serif;font-weight:300;text-transform: uppercase;text-align: justify;font-weight: lighter;position: relative}
.movingtextblk {max-width: 100%;overflow: hidden;position: relative;min-height: 4em;}
.textmove_left {white-space: nowrap;position: absolute;text-transform: uppercase;-webkit-animation: mymove 8s linear infinite;white-space: nowrap;animation: mymove 8s linear infinite alternate;}
.textmove_right {white-space: nowrap;position: absolute;top:2em;text-transform: uppercase;-webkit-animation: urmove 8s linear infinite;white-space: nowrap;animation: urmove 8s linear infinite alternate;}

@-webkit-keyframes mymove {from {left: 0;}to {left: -140px;}}
@keyframes mymove {from {left: 0;}to {left: -140px;}}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes urmove {from {right: 0;}to {right: -140px;}}
@keyframes urmove {from {right: 0;}to {right: -140px;}}

.bubble2 {
    width: 16%;
    z-index: 9;
    position: absolute;
    height: 150px;
    top: 70px;
    right: 415px;
    transform: rotate(45deg);
}
.st0{fill:none;stroke:#00baff;stroke-width:3;stroke-miterlimit:10;}
.path2 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dashh 2s linear forwards 1;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.path3 {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dashhh 3s linear forwards 1;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}
@keyframes dash {
  from {
    stroke-dashoffset: 3000;
  }
  to {
    stroke-dashoffset: 0;
  }
}


@keyframes dashh {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dashhh {
  from {
    stroke-dashoffset: 500;
  }
  to {
    stroke-dashoffset: 0;
  }
}


.weworktxt {font-family:"JaneAusten";font-size: 50px;line-height: 50px;color: #000;text-align: right;position: absolute;bottom: 5%;right: 10%;}
.b2bc_industryblk {
    position: absolute;
    top: 300px;
    left: 90px;
}
.b2ctxt span.ampherson {
    font-size: 500px;
    vertical-align: middle;
    margin: 0 -60px 0 -30px;
    line-height: 380px;
    text-shadow: 6px -6px #009ed9;
    top: 40px;
    position: relative;
    color: #00baff !important;
    font-family: 'Roboto Slab', serif
}
.b2ctxt.bluetxt span {color: #000}
.b2bc_industryblk .button {
    position: absolute;
    right: 0;
    bottom: 60px;
}
.whatwedo_blk {display: flex;justify-content: space-between;flex-wrap: wrap}
.whatwedo_item {padding: 0 50px 50px 50px;width: 33%}
.whatwedo_item.width50 {width: 50%;}
.wenumblk {font-size: 80px;line-height: 62px;color: #b22222;font-family: 'Montserrat', sans-serif;font-weight:700;margin: -3px 0 40px 0;}
.we_ttl {font-size: 34px;line-height: 34px;color: #000;font-family: 'Montserrat', sans-serif;font-weight:600;margin: 0 0 20px 0;}
.we_desc {font-size: 19px;line-height: 28px;color: #000;font-family: 'Montserrat', sans-serif;}
.we_desc.keyword_list{margin-top: 20px}
.whatwedo_item .button a {padding: 12px 15px;color: #000;background: #fff}
.whatwedo_item.blackbg {background: #1f1f1f}
.whatwedo_item.bluebg {background: #b22222;}
.whatwedo_item.whitebg {background: #fff}
.whatwedo_item .keyword_list li{font-size: 15px;line-height: 1.5}
.whatwedo_item .keyword_list li:before{height: 2px;border-radius: 0}
.whatwedo_item.whitebg .keyword_list li:before{background: #1f1f1f}

.whatwedo_item.blackbg .we_ttl {color: #fff}
.whatwedo_item.blackbg .we_desc {color: #fff}
.whatwedo_item.bluebg .wenumblk {color: #fff}
.whatwedo_item.bluebg .we_ttl {color: #fff}
.whatwedo_item.bluebg .we_desc {color: #fff}
.whatwedo_item.whitebg .button a {color: #fff;background: #000}
.whatwedo_item.whitebg .wenumblk {color: #000}

.sectionttl {font-size: 45px;line-height: 50px;color: #000;font-family: 'Montserrat', sans-serif;font-weight: 700;position: relative;margin: 0 0 60px 0;letter-spacing: -1.5px}
.sectionttl:after {position: absolute;content: "";width: 90px;height: 3px;background: #b22222;bottom: -20px;left: 0}
.sectionttl.text-center:after {left: 0;right: 0;margin: auto}

.desgintxt {color: #1f1f1f;font-family: 'JaneAusten';font-size: 26px;line-height: 36px;}
.desgintxt span {display: block;text-align: right;font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 18px;line-height: 18px;margin: 10px 0 0 0;}
.stuffitem {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 10px 10px 10px;
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
    font-weight: 600;
}
.stuffitem:last-child {margin: 0}
.latest_stuffblk {
    width: 150px;
    position: relative;
    float: right;
    background: #b22222;
    color: #fff;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    border-radius: 50%;
}

.worktxtblk{display:flex;justify-content:space-between;align-items:center;}
.work_txt{width:50%}
.latest_stuffwrapper {position: relative;margin: 70px 70px 0 0}

.ourwork_wrapper, .testimonial_wrapper {padding: 80px 0}
.stuff_arrow {width: 100px;line-height: 0;float: left;margin: 80px 30px 0 0;height: 0px;overflow: hidden;transition: 0.3s all ease-in-out;-webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;}
.stuff_arrow.animated {height: 112px}

.workpic_blk {line-height: 0;padding: 30px}
.workpic_blk img {width: 100%}
.client_name {color: #1f1f1f;font-size: 20px;line-height: 24px;font-family: 'Montserrat', sans-serif;font-weight:700;display: inline-block;vertical-align: top;position: relative;padding: 10px 0 10px 20px;margin: 0 0 0 10px}
.client_name:before {position: absolute;content: "";width: 1px;height: 100%;background: rgba(0,0,0,0.2);top: 0;left: 0}
.work_item.bluebg .workpic_blk {background: #b22222;}
.work_item.blackbg .workpic_blk {background: #1f1f1f}
.work_item.graybg .workpic_blk {background: #bebebe}
.work-logo {line-height: 0;display: inline-block;vertical-align: top;margin-right: 20px; width: 100px;}
.workinfo_blk {margin: 20px 10px;display: flex;align-items: center;}
.workitem_blk {display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 50px 0 0 0}
.work_item {width: 31.8%;margin: 0 30px 40px 0}
.work_item.firstbig_pic {width: 58.8%;}
.work_item.secondbig_pic {width: 38.7%;margin: 0 0 40px 0;}
.work_item.nomargin {margin: 0 0 40px 0}
.clientdesc_blk {display: flex;justify-content: flex-start;flex-direction: row-reverse;width: 65%}

.clientitem_blk {display: flex;justify-content: flex-start;flex-wrap: wrap;}
.client_txtblk {display:flex;justify-content:space-between;align-items:center;margin: 0 0 50px 0}
.client_item {line-height: 0;border: 4px solid rgba(193,193,193,0.2);width: 18.6%;margin: 0 20px 20px 0;}
.client_item img {width: 100%}
.client_item:nth-child(5n+5) {margin: 0 0 20px 0}
.client_desc {font-size: 17px;line-height: 24px;color: #000;font-family: 'Montserrat', sans-serif;width: 85%;padding: 50px 0 0 0;position: relative}
.client_desc:before {position: absolute;content: "“";color: #b22222;font-size: 60px;line-height: 60px;font-family: 'Montserrat', sans-serif;top: 0;left: 0}
.client_nameblk {font-family: 'RobotoSlab-Regular';margin: 10px 0 0 0}
.clientname {font-size: 20px;color: #000;}
.client_office {font-size: 16px;color: #000;}

.innerpicblk {overflow: hidden;width: 100%}
.testimonial_blk {position: relative}
.testislider {margin: 0 0 40px 0;}
.progress {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: 5px;
    overflow: hidden;
    background-color: #e5e9ec;
    background-image: linear-gradient(to right, #012443, #012443);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    position: absolute;
    bottom: -60px;
    margin: auto;
    left: 0;
    right: 0;
    /*border-radius: 30px*/
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.map_wrapper {width: 100%;height: 100vh;padding: 50px 0 0 0}
.map_wrapper iframe {width: 100%;height: 100%}

.common_padding {padding: 50px 0}
.common_topspace {padding: 20px 0 0 0}
.sectionttlblk {padding: 50px 0;margin: 0 0 50px 0;background: #f9f9f9;position: relative;z-index: 9}
.innersection_ttl {color: #000;font-size: 50px;line-height: 50px;font-family: 'Montserrat', sans-serif;font-weight:700;}
.agencytxt.bluetxt {margin: 0;font-size: 40px;line-height: 45px;}
.contact_infoblk .left_blk {position: relative}
.contact_infoblk .right_blk {padding: 0 30px 0 0}
.contact_infoblk .right_blk .weworktxt {font-size: 30px;line-height: 40px;position: relative;bottom: auto;right: auto;}
.contact_infoblk {display: flex;justify-content: space-between;align-items: center}
.contact_arrow {width: 140px;position: absolute;top: 40px;right: -190px;height: 0px;overflow: hidden;transition: 0.3s all ease-in-out;-webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;}
.contact_arrow.animated {height: 152px;}


.officeinfo_item .sec_smalltxt {margin: 0 0 10px 0;font-size: 20px;line-height: 20px;text-transform: uppercase;}
.office_otherinfoblk {margin: 20px 0 0 0;}
.office_otherinfoblk .officeinfo_item .office_infodesc a {padding: 0 0 5px 0;position: relative}
.office_otherinfoblk .officeinfo_item .office_infodesc a:after {position: absolute;content: "";width: 0%;height: 2px;background: #fec303;bottom: 0;left: 0;transition: 0.5s all ease-in-out;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;-ms-transition: 0.5s all ease-in-out;-o-transition: 0.5s all ease-in-out;}
.office_otherinfoblk .officeinfo_item .office_infodesc a:hover:after {width: 100%;}
.office_infodesc {font-family: 'Montserrat', sans-serif;font-size: 15px;line-height: 25px;color: #000;font-weight: 400;}
.officeinfo_item {margin: 0 0 30px 0;}
.enqfrmblk {margin: 40px 0 0 0;}
.enuirefrmblk {width: 50%;}
.office_infoblk {padding: 0;float: left; }
.enquirenowblk {display: block;clear: both;overflow: hidden;margin: 80px 0 0 0}
.enuirefrmblk {padding: 30px 30px 30px 30px;background: #1f1f1f;float: right;}
.enq_field {width: 100%}
.enqfield {font-family: 'Montserrat', sans-serif;font-size: 18px;line-height: 18px;color: #9c9c9c;background: none;border: 1px solid #565656;width: 100%;padding: 13px 15px;}
.landingpage .enqfield{height: 40px;padding: 10px 15px;font-size: 15px}
.landingpage .enqfrm_item{width: 49%}
.landingpage .enqfrmblk{display: flex;justify-content: space-between;flex-wrap: wrap}
/*input[type=text]:focus {
  border-bottom: 1px solid #ffd200;
}
input[type=text]:focus .enq_label {color: red}*/
.enqfrm_item {margin: 0 0 30px 0;width: 100%;position: relative}
.enqfrm_item:last-child {margin: 0;}
.getdirection_txt {font-size: 30px;line-height: 30px;color: #000;font-family: 'CircularStd-Bold';}
.getdirection_txt .dirarrow {margin: 0 0 0 10px;transition: 0.5s all ease-in-out;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;-ms-transition: 0.5s all ease-in-out;-o-transition: 0.5s all ease-in-out;display: inline-block;vertical-align: top;width: 25px}
.getdirection_txt:hover .dirarrow {margin: 0 0 0 30px}
.getdirection_txt .letschat.start_txt a {color: #000;font-size: 25px;line-height: 33px;padding: 15px 20px 15px 20px;}
.enuirefrmblk .sec_smalltxt {font-family: 'Montserrat', sans-serif;font-weight: 500;text-transform: uppercase;color: #fff;font-size: 30px;line-height: 30px;margin: 0 0 20px 0}
.enuirefrmblk .sec_bigtxt {font-family: 'Montserrat', sans-serif;font-weight:300;font-size: 21px;line-height: 27px;color: #fff}
.contact_infoblkwrap {width: 90%;margin: 0 auto;}

.abtarrow {width: 120px;margin: 0 auto 20px;height: 0px;overflow: hidden;transition: 0.3s all ease-in-out;-webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;}
.abtarrow.animated {height: 130px}

.abtarrowinfo_blk .weworktxt {position: relative;bottom: auto;right: auto;font-size: 30px;line-height: 30px;}
.abtarrowinfo_blk {
    width: 500px;
    position: relative;
    bottom: 0;
    left: 510px;
}
.abtitem {
    margin: 0 0 40px 0;
}
.abt_number {
    font-size: 35px;
    line-height: 40px;
    margin: 0 0 10px 0;font-family: 'Montserrat', sans-serif;font-weight:700;
}
.abtnum_info {
    color: #00baff;
    font-size: 40px;line-height: 40px;font-family:"JaneAusten";
}
.aboutinfo_descblk {
    margin: 60px 0 0 0;
    display: flex;
    justify-content: space-between;
}
.aboutinfo_descblk .left_blk {width: 50%}
.aboutinfo_descblk .right_blk {width: 50%}
.aboutinfo_blk {width: 90%;margin: 0 auto}

.sectiondesc p {font-family: 'Montserrat', sans-serif;color: #000;font-size: 17px;line-height: 26px;margin: 0 0 20px 0}
.sectiondesc.whitetxt p {color: #fff}
.sectiondesc p span {font-family: 'Montserrat', sans-serif;font-weight:700;}
.sectiondesc p:last-child {margin: 0}
.sectiondesc p span.bigtxt {font-size: 40px;line-height: 40px;font-family: 'Montserrat', sans-serif;}

.ourteam_wrapper {width: 100%;background: #1f1f1f;}
.ourteam_wrapper .stuffitem {background: #fff;color: #000}
.ourteam_wrapper .latest_stuffblk {width: 0;overflow: hidden;transition: 0.3s all ease-in-out;-webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;}
.ourteam_wrapper .latest_stuffblk.animated {width: 180px;}
.ourteam_parallax {width: 100%;overflow: hidden}
.legacyinfoblk {
    padding: 20px 20px 20px 20px;
    background: #1f1f1f;
    color: #fff;font-family: 'Montserrat', sans-serif;
}
.legacy_year {
    color: #00baff;
    font-size: 25px;line-height: 25px;margin: 0 0 10px 0;
}
.legacydesc {color: #fff;font-size: 18px;line-height: 23px;}
.legacy_quote {border: 1px solid #00baff;font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 18px;line-height: 20px;text-align: center;background: #fff;padding: 10px;position: relative}
.legacy_infoblk {margin: 0 0 90px 0;display: flex;justify-content: space-between;align-items: center}
.legacy_infoblk .sectionttl {width: 500px}
.legacy_infoblk .weworktxt {
    font-size: 30px;
    line-height: 40px;
    position: relative;
    bottom: auto;
    right: auto;width: 480px;
}
.legacy_arrow {width: 100px;position: absolute;top: 10px;left: -80px;height: 0}
.legacy_arrow.animated {height: 112px}
.legacy_sliderblk {padding: 100px 0;width: 94%;margin: 0 auto;max-width: 1300px}
.legacyblk {position: relative;padding: 210px 10px}
.legacyslider .slick-prev {left: -30px;background: url('../images/arrow_left.png') no-repeat 0 0;width: 22px;height: 34px;}
.legacyslider .slick-next {right: -30px;background: url('../images/arrow_right.png') no-repeat 0 0;width: 22px;height: 34px;}
.legacyinfoblk {position: absolute;width: 270px}
.legacyblk.top_legacy .legacyinfoblk {top: 0}
.legacyblk.top_legacy .legacyinfoblk:after {position: absolute;content: "";width: 0px;height: 0px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #1f1f1f;bottom: -20px;left: 0;right: 0;margin: auto;}
.legacyblk.bottom_legacy .legacyinfoblk {bottom: 0}
.legacyblk.bottom_legacy .legacyinfoblk:after {position: absolute;content: "";width: 0px;height: 0px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #1f1f1f;top: -20px;left: 0;right: 0;margin: auto;}
.legacy_item {padding: 0 20px}
.legacyblk:before{position:absolute;content:"";width:100%;height:2px;background:#00baff;top:0;bottom:0;right:-50%;margin:auto}
.seo_introblk {display: flex;justify-content: space-between;align-items: center;}
.seogogle_info {font-family: 'Montserrat', sans-serif;font-weight: 500;color: #000;font-size: 40px;line-height: 40px;width: 600px} 
.seogogle_info .bigtxt {color: #00baff;font-size: 70px;line-height: 50px;position: relative;display: inline-block}
.small_txt.first_txt {margin: 0 0 0 60px;}
.small_txt.third_txt {margin: 0 0 0 145px;}
.bigtxt.fourth_txt {margin: 0 0 0 60px;}
.seogogle_info .bigtxt.second_txt:before {position: absolute;content: "";width: 1px;height: 110px;background: #a4a4a4;top: -105px;right: 130px;}
.seogogle_info .bigtxt.second_txt:after {position: absolute;content: "";width: 20px;height: 20px;background: #fff;border: 2px solid #a4a4a4;border-radius: 100%;top: -105px;right: 120px;}
.seogogle_info .bigtxt.fourth_txt:before {position: absolute;content: "";width: 1px;height: 110px;background: #a4a4a4;bottom: -120px;right: 130px;}
.seogogle_info .bigtxt.fourth_txt:after {position: absolute;content: "";width: 20px;height: 20px;background: #fff;border: 2px solid #a4a4a4;border-radius: 100%;bottom: -125px;right: 120px;}
.google_imgblk {width: 40%;transform: rotateY(45deg);animation: rotateAnimation 7s linear infinite;}
@keyframes rotateAnimation {from {transform: rotateY(0deg);}to {transform: rotateY(360deg);}}
.nomargin {margin: 0 !important}
.goal_txtblk .sectionttl {font-size: 20px;line-height: 25px;margin: 20px 0 60px 0}
.goal_txtblk {width: 850px;margin: 60px auto 70px;}
.success_storyblk {width: 100%;background: #1f1f1f;padding: 70px 0 0 0}
.weworktxt.posrelative {position: relative;bottom: auto;right: auto;text-align: left;color: rgba(255,255,255,0.1);margin: 70px 0 0 0;font-size: 110px;letter-spacing: 7px;line-height: 80px;}
/*.weworktxt.posrelative.wow.animated {width: auto;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-ms-transition: 0.5s all ease;-o-transition: 0.5s all ease;}*/

.story_wrapper {display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 60px 0 0 0}
.story_item {width: 23.8%;color: #FFF;font-family: 'Montserrat', sans-serif;font-size: 13px;line-height: 18px;margin: 0 19px 50px 0;padding: 0 19px 50px 0;position: relative}
.story_item:nth-child(4n+4) {margin: 0 0 50px 0;padding: 0 0 50px 0}
.story_item:before {position: absolute;content: "";width: 1px;height: 93%;background: rgba(255,255,255,0.1);top: 0;right: 0}
.story_item:after {position: absolute;content: "";width: 93%;height: 1px;background: rgba(255,255,255,0.1);bottom: 0;left: 0}
.story_item:nth-child(4n+4):before {display: none}
.story_item.nobtmborder:after {display: none}
.story_item.norightborder:before {display: none}
.keyword_list {margin: 0 0 30px 0;}

.story_name {margin: 0 0 20px 0;}
.story_logo {line-height: 0;margin: 0 0 20px 0;}
.keyword_txt {margin: 0 0 20px 0}
.keyword_list li {position: relative;font-size: 13px;line-height: 15px;margin: 0 0 10px 0;padding: 0 0 0 20px;letter-spacing: 0.5px}
.keyword_list li:before {position: absolute;content: "";width: 5px;height: 5px;border-radius: 100%;top: 10px;left: 0;background: #fff}
.story_link a {color: #fff;padding: 7px 10px 10px 0;display: inline-block;position: relative}
.story_link a:before {position: absolute;content: "";width: 00%;height: 1px;background: #fff;top: 0;left: 0;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-ms-transition: 0.5s all ease;-o-transition: 0.5s all ease;}
.story_link a:hover:before {width: 100%}
.story_link a:after {position: absolute;content: "";width: 0%;height: 1px;background: #fff;bottom: 0;right: 0;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-ms-transition: 0.5s all ease;-o-transition: 0.5s all ease;}
.story_link a:hover:after {width: 100%}
.seobg_blk {width: 100%;background: url('../images/seo/successs_story.png') no-repeat 0 0;background-size: cover;height: 100vh;background-attachment: fixed}
.seoreasonblk_item {background: #1f1f1f;padding: 60px 50px 80px 50px;margin: 0 0 130px 0;width: 700px;position: relative}
.seoreasonblk {position: relative;margin: 0}
.seoreasonblk:after {position: absolute;content: "";width: 150px;height: 3px;background: #00baff;bottom: -40px;left: 0;}
.seo_reasonitem {display: flex;justify-content: space-between;align-items: flex-end;}
.reason_arrow {position: absolute;top: 240px;width: 100px;right: 30px;height: 0px;overflow: hidden;transition: 0.3s all ease-in-out;-webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;}
.reason_arrow.animated {height: 125px}
.reason_pic {line-height: 0;width: 70px;margin: 0 20px 0 0}
.reason_pic img {width: 100%;}
.reason_item {background: #f2f2f2;padding: 30px;display: flex;width: 48%;margin: 0 0 40px 0;justify-content: space-between;}
.seoreason_blk {display: flex;justify-content: space-between;flex-wrap: wrap;width: 80%;margin: 40px auto 0;}
.reason_ttl {font-size: 24px;line-height: 24px;color: #000;font-family: 'Montserrat', sans-serif;font-weight:700;margin: 0 0 10px 0;}
.reason_desc {font-family: 'Montserrat', sans-serif;color: #000;font-size: 15px;line-height: 25px}
.reasoninfo {width: calc(100% - 100px);}
.seo_reasonswrapper {margin: -180px 0 0 0;padding: 0 0 80px 0;}
.seomystery_blkwrapper {background: #1f1f1f;width: 100%;padding: 70px 0}
.seomystery_ttl {font-size: 35px;line-height: 45px;margin: 0 0 30px 0;padding: 0 0 30px 0;position: relative} 
.sectionttl.seomystery_ttl:after {bottom: 0}
.seoactivity_item {width: 270px;text-align: center;background: #1f1f1f;font-family: 'Montserrat', sans-serif;font-weight:700;font-size: 20px;line-height: 20px;position: relative;color: #fff;border: 1px solid #747474}
.seoactivity_item span {display: block;padding: 110px 0;text-align: center;}
.seoactivity_blk {margin: 0 auto;font-size: 0;display: flex;align-items: center;width: 1100px;}
.seoactivity_item:nth-child(2n+2) {margin: 250px 0 0 0px}
.seoactivity_item.onpage_seoblk {left: -40px;}
.seoactivity_item.content_seoblk {left: -80px}
.seoactivity_item.offpage_seoblk {left: -120px;}
.paidsearch_pic {width: 40%;}
.paidseo_infoblk .sectionttl {font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 45px}
.paidsearch_wrapper {display: flex;justify-content: space-between;align-items: center;}
.paidseo_infoblk {width: 54%;padding: 0 40px 0 0;}
.design_arrow {width: 130px;margin: 30px auto 40px;height: 0;overflow: hidden}
.design_arrow.animated {height: 166px}
.howwedo_blk {text-align: center}
.how_wedoblk {display: flex;justify-content: space-between;flex-wrap: wrap;width: 90%;margin: 70px auto 50px;}
.howedo_txt {font-size: 30px;line-height: 30px;color: #000;font-family: 'Montserrat', sans-serif;font-weight:700;text-align: center;margin: 0 0 30px 0}
.howedo_pic {line-height: 0;width: 180px}
.howedo_item {position: relative;width: 21%;margin: 0 0 50px 0}
.howedotxt {font-size: 20px !important;line-height: 20px !important;color: #000;text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-weight:700;position: absolute;top: -20px;left: -30px;}
.howedo_pic img {width: 100%}
.howedotxt img {width: 100%}
.howedo_item.designitem .howedotxt {width: 70px;}
.howedo_item.ui_engineeringitem .howedotxt {width: 160px;top: -23px;left: -21px;transform: rotate(-7deg);-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);-o-transform: rotate(-7deg);}
.howedo_item.seo_friendlyitem .howedotxt {width: 140px;top: -23px;left: -17px;transform: rotate(-4deg);-webkit-transform: rotate(-4deg);-moz-transform: rotate(-4deg);-ms-transform: rotate(-4deg);-o-transform: rotate(-4deg);}
.howedo_item.content_writingitem .howedotxt {width: 180px;top: -29px;left: -7px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
.howedo_item.e-commerceitem .howedotxt {width: 140px;top: -23px;left: -21px;transform: rotate(-3deg);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);}
.howedo_item.cmsitem .howedotxt {width: 35px;top: 8px;left: -17px;transform: rotate(-3deg);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);}
.howedo_item.html5item .howedotxt {width: 60px;top: -9px;left: -21px;transform: rotate(-3deg);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);}
.howedo_item.responsiveitem .howedotxt {width: 120px;top: -20px;left: -19px;transform: rotate(-5deg);-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-o-transform: rotate(-5deg);}
.curved_txt {font-family:"JaneAusten";font-size: 30px;line-height: 30px;color: #000;margin: 0 0 20px 0}
.sectionttl.moreabt_txt {font-size: 35px;line-height: 40px;text-align: left;margin: 0 0 40px 0;padding: 0 0 20px 0;position: relative}
.sectionttl.moreabt_txt:after {display: none}
.moreabt_design {text-align: left;padding: 0 40px 0 25%;}
.business_blk {display: flex;justify-content: space-between;align-items: center;}
.business_picblk {width: 40%;}
.business_txtblk {width: 60%;padding: 0 5%;}
.medium_text {font-family: 'Montserrat', sans-serif;font-weight:700;font-size: 27px;line-height: 35px}
.width100 {width: 100% !important}
.button.blackbg a {color: #fff;background: #000;}
.button.blackbg a {color: #fff;background: #000;}
.button.blackbg a::after,
.button.blackbg a::before{content:"";position:absolute;display:block;top:0;bottom:0;width:100%;background:#00baff;z-index:1}
.ourwork_wrapper.webdesignwork_blk .button a {width: 190px;margin: 0 auto;display: block;text-align: center}

.custmozie_designwrapper.blackbg {width: 100%;background:#1f1f1f;position: relative}
.custmozie_designwrapper.blackbg:before {position: absolute;content: "";width: 400px;height: 0px;background: url('../images/web_design/customize_design.png') no-repeat 0 0;background-size: cover;top: 0;right: 0;transition: 0.5s all ease-in-out;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;-ms-transition: 0.5s all ease-in-out;-o-transition: 0.5s all ease-in-out;}
.custmozie_designwrapper.blackbg.animated:before {height: 400px}
.custmozie_designblk .sectionttl:after {display: none}
.reason_item.custmozie_item {padding: 0;background: transparent;}
.reason_item.custmozie_item .reason_ttl {color: #fff;font-size: 20px;}
.reason_item.custmozie_item .reason_desc {color: #fff}
.custmozieitem_blk {display: flex;justify-content: space-between;flex-wrap: wrap;width: 80%;}
.asset_ttl {font-size: 40px;line-height: 50px;font-family: 'Montserrat', sans-serif;font-weight:700;margin: 30px 0 0 0;letter-spacing: -2px}
.asset_ttl span {font-family: 'Montserrat', sans-serif;display: block}
.online_assetwrapper {padding: 150px 0;position: relative;}
.online_assetblk {width: 850px;float: right;}
.dtext {width: 620px;position: absolute;top: 40px;left: 60px;}
.online_assetblk .sectiondesc p {font-weight: bold}


.smobannerblk {width: 100%;position: relative;display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;}
.smobannerblk:before {position: absolute;content: "";background: url('../images/smo_smm/vector_1.png') no-repeat 0 0;width: 279px;height: 229px;top: 0;left: 0;background-size: cover}
.smobannerblk:after {position: absolute;content: "";background: url('../images/smo_smm/vector_2.png') no-repeat 0 0;width: 100%;height: 269px;bottom: 0;left: 0;z-index: -1;background-size: cover}
.smopicblk {width: 50%;}
.smoinfoblk {width: 49%;padding: 0 70px;}
.smoinfoblk.seogogle_info .small_txt.second_txt {position: relative;display: inline-block;}
.smoinfoblk .small_txt.second_txt:before {position: absolute;content: "";width: 1px;height: 110px;background: #a4a4a4;top: -115px;right: 30px;}
.smoinfoblk .small_txt.second_txt:after {position: absolute;content: "";width: 20px;height: 20px;background: #fff;border: 2px solid #a4a4a4;border-radius: 100%;top: -125px;right: 20px;}
.smoinfoblk .bigtxt.fourth_txt {margin: 0}
.smoinfoblk .small_txt.second_txt {padding: 0 0 0 60px}
.smoinfoblk.seogogle_info .bigtxt.fourth_txt:before {position: absolute;content: "";width: 1px;height: 110px;background: #a4a4a4;bottom: -120px;right: 205px;}
.smoinfoblk.seogogle_info .bigtxt.fourth_txt:after {position: absolute;content: "";width: 20px;height: 20px;background: #fff;border: 2px solid #a4a4a4;border-radius: 100%;bottom: -125px;right: 195px;}
.success_storyblk.smostoryblk_wrapper {padding: 70px 0;}
.smostoryblk .sectionttl:after {display: none}
.smostoryblk .sectionttl {margin: 0 0 30px 0;}
.ttldesc_infoblk {width: 80%;padding: 0 0 0 210px;position: relative;margin: 0 0 110px 0}
.ttldesc_infoblk:after {position: absolute;content: "";width: 150px;height: 3px;background: #00baff;bottom: -40px;left: 210px;}
.clientstory_blk {}
.clientstory_item {background: #fff;border-radius: 15px;position: relative;padding: 20px 20px 40px 20px;border-bottom: 12px solid #00baff;width: 30%;margin: 0 45px 50px 0;display: inline-block;vertical-align: top;}
.clientstory_item:nth-child(3n+3) {margin: 0 0 50px 0}
.clientstory_item:nth-child(3n+2) {margin: 70px 55px 0 0;}
.client_logo {line-height: 0;margin: 0 0 20px 0;}
.clientname {font-size: 20px;line-height: 20px;text-transform: uppercase;color: #000;font-family: 'Montserrat', sans-serif;font-weight:700;margin: 0 0 30px 0}
.clientdesc {font-size: 16px;line-height: 26px;color: #000;font-family: 'Montserrat', sans-serif;margin: 0 0 50px 0} 
.social_txt {font-size: 20px;line-height: 20px;text-transform: uppercase;color: #a0a0a0;font-family: 'Montserrat', sans-serif;font-weight: 500;margin: 0 0 20px 0}
.socialhandle_itemblk .socialiconblk li {margin: 0 8px 0 0}
.socialhandle_itemblk .socialiconblk li a {color: #fff;font-size: 18px;line-height: 22px;padding: 9px 9px 9px 8px}
.socialhandle_itemblk .socialiconblk li a.instagram_icon {
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.socialhandle_itemblk .socialiconblk li a.facebook_icon {background: #3b5998}
.socialhandle_itemblk .socialiconblk li a.pinterest_icon {background: #E60023}
.socialhandle_itemblk .socialiconblk li a.youtube_icon {background: #FF0000}
.socialhandle_itemblk .socialiconblk li a.linkedin_icon {background: #0e76a8}
.socialhandle_itemblk .socialiconblk li a.twitter_icon {background: #1DA1F2}
.socialhandle_itemblk .socialiconblk li a.gplus_icon {background: #dc4e41}
.sclmediabusiness_wrapper {background: #000;width: 100%}
.socialmedia_item {display: flex;justify-content: space-between;align-items: center;margin: 0 0 30px 0}
.socialmedia_item:last-child {margin: 0}
.socialmedia_item:nth-child(2n+2) {flex-direction: row-reverse}
.sclmedia_picblk {width: 50%}
.sclmedia_txtblk {width: 37%;font-family: 'Montserrat', sans-serif;font-weight:700;}
.sclnumblk {font-size: 100px;line-height: 100px;color: rgba(255,255,255,0.25)}
.sclmediatxt {font-size: 40px;line-height: 40px;color: #00baff}
.sclmediatxt span {color: #fff;display: block} 
.smosmmblk .online_assetblk .sectiondesc p strong {font-style: italic;font-family: 'Montserrat', sans-serif;font-weight:700}

ul.tabs{margin:20px auto 40px;text-align:center}
.tabs li{display:inline-block;padding:0 30px;margin:0 10px;cursor:pointer;transition:all .5s;font-family:'Montserrat', sans-serif;font-weight:700;border-right:1px solid #323232;font-size:25px}
.tabs li.current{color:#1b67a2}.tab-content{z-index:9;visibility:hidden;height:0}
.tab-content.current{z-index:99;visibility:visible;height:auto}
.tabs li:last-child{border-right:0}
.faq-container .smk_accordion .accordion_in .acc_head{color:#000;font-family:'Montserrat', sans-serif;font-weight:700;font-size:20px;border-top:1px solid rgba(0,0,0,0.1);cursor:pointer;position: relative}
.faq-container .smk_accordion .accordion_in .acc_head:before {position: absolute;content: "+";font-family: 'Montserrat', sans-serif;font-weight:700;font-size: 25px;line-height: 25px;color: #000;top: 11px;right: 20px;}
.faq-container .smk_accordion .accordion_in.acc_active .acc_head:before {position: absolute;content: "-";font-family: 'Montserrat', sans-serif;font-weight:700;font-size: 25px;line-height: 25px;color: #000;top: 11px;right: 20px;}
.faq-container .smk_accordion .accordion_in .acc_content p{font-size: 15px;font-family:'Montserrat', sans-serif;color: #000;line-height: 25px;margin: 0 0 20px 0;}
.faq-container .smk_accordion .accordion_in .acc_content p:last-child {margin: 0}
.faq-container .smk_accordion .accordion_in{border-top:none}
.faq-container .smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand:after{color:#1b67a2;font-family:'Montserrat', sans-serif;font-weight:700}
.faq-container .smk_accordion .accordion_in .acc_head .acc_icon_expand:after{color:#1b67a2;font-family:'Montserrat', sans-serif;font-weight:700}
.faq-container{overflow:hidden}
.faq-container .smk_accordion .accordion_in.acc_active .acc_head{color:#000;}
.faq-container .smk_accordion.acc_with_icon .accordion_in .acc_head,.smk_accordion.acc_with_icon .accordion_in .acc_content{padding:15px 0 15px 10px}
.acc-wrapp{display:flex}.acc-left{width:53%;margin-right:60px}
.acc-right{width:52%}
.faq-container {margin: 30px 0 0 0}
.online_assetwrapper.smosmmblk .dtext {top: 160px}

.ormbannerblk {width: 100%;position: relative;display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;}
.ormbannertxt.seogogle_info {padding: 0 0 0 70px;}
.ormbannertxt.seogogle_info .small_txt.second_txt {position: relative;display: inline-block;}
.ormbannertxt .small_txt.second_txt:before {position: absolute;content: "";width: 1px;height: 110px;background: #a4a4a4;top: -80px;right: -24px;}
.ormbannertxt .small_txt.second_txt:after {position: absolute;content: "";width: 20px;height: 20px;background: #fff;border: 2px solid #a4a4a4;border-radius: 100%;top: -93px;right: -35px;}
.ormbannertxt .small_txt.second_txt {padding: 0 0 0 100px}
.ormbannertxt.seogogle_info .bigtxt.fourth_txt:before {position: absolute;content: "";width: 1px;height: 90px;background: #a4a4a4;bottom: -150px;right: 195px;}
.ormbannertxt.seogogle_info .bigtxt.fourth_txt:after {position: absolute;content: "";width: 20px;height: 20px;background: #fff;border: 2px solid #a4a4a4;border-radius: 100%;bottom: -155px;right: 185px;}
.ormbannertxt.seogogle_info  .small_txt.third_txt {padding: 5px 0 0 203px;margin: 00;}
.orminfo_blk {width: 80%;margin: 0 auto;font-size: 17px;font-family: 'Montserrat', sans-serif;font-weight:700;line-height: 30px;}
.orminfo_blk span.firstletter {color: #00baff;font-size: 40px;}
.positiveinfo_wrapper {width: 100%;background: URL('../images/orm/google_pic.jpg') no-repeat 0 0;height: auto;background-size: cover;margin: 210px 0 0 0;padding: 0 0 100px 0}
.google_txt {position: relative;top: -131px;width: 0px;margin: 0 auto;transition: 0.3s all ease-in-out;-webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;overflow: hidden;left: 0;right: 0;}
.google_txt.animated {width: 900px;}
.suppress_txt {color: #00baff;font-size: 50px;line-height: 60px;text-align: center;font-family: 'Montserrat', sans-serif;font-weight:700;}
.indication_pic {line-height: 0}
.indication_blk {display: flex;justify-content: space-between;margin: 80px auto 0;width: 90%;}
.indication_txt {font-family: 'Montserrat', sans-serif;font-weight:700;font-size: 25px;color: #fff;margin: 0 0 20px 0;text-align: center;}
.indication_item {width: 46%;}
.indication_item.negativeblk .indication_txt span {color: #ff3333}
.indication_item.positiveblk .indication_txt span {color: #00baff}
.mediapicblk {width: 55%;float: right;margin: 100px 0 0 0}
.mediatxtblk_wrapper {position: absolute;top: 0;left: 10px;}
.mediatxt_blk {font-family: 'Montserrat', sans-serif;font-weight:700;font-size: 55px;line-height: 60px;color: #fff;background: #00baff;padding: 50px 80px;letter-spacing: -1.5px;display: inline-block;margin: 0 0 100px 0}
.mediaplatform_blk {width: 90%;margin: 0 auto;position: relative}
.mediatxt_list li {font-size: 25px;line-height: 30px;color: #000;font-family: 'Montserrat', sans-serif;font-weight:700;margin: 0 0 40px 0}
.mediatxt_list li .media_bullet {color: rgba(0,0,0,0.2);margin: 0 10px 0 0}
.sclitem {width: 60px;position: absolute}
.sclitem.youtube_icon {top: 0;right: 110px;} 
.sclitem.facebook_icon {top: 140px;left: 590px;}
.sclitem.pinterest_icon {top: 230px;right: 30px;}
.sclitem.whatsup_icon {top: 300px;left: 70px;}
.sclitem.instagram_icon {top: 520px;left: 482px;}
.sclitem.icon {bottom: 40px;left: 30px;}
.sclitem.twitter_icon {bottom: 50px;left: 290px;}
.sclitem.linkedin_icon {bottom: -30px;right: 170px;}
.reputationmgt_wrapper {background: #0a0a0a;width: 100%;padding: 60px 0 100px 0}
.sectionttl.sec_smalltxt {font-size: 30px;line-height: 35px;letter-spacing: -1.5px}
.whatisrepute_blk {width: 850px;margin: 50px auto 0}
.whatisrepute_blk .bluetxt {margin: 0}
.reputation_txt {padding: 60px 100px;background: #00baff;color: #fff;font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 18px;line-height: 25px;margin: 120px 0 0 0;position: relative}
.reputation_txt:before {position: absolute;content: "“";font-size: 200px;line-height: 200px;font-family: 'Montserrat', sans-serif;font-weight:700;color: #fff;top: -66px;left: 50px;}
.reputation_txt:after {position: absolute;content: "“";font-size: 200px;line-height: 200px;font-family: 'Montserrat', sans-serif;font-weight:700;color: #fff;bottom: -66px;right: 50px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}

.brandmgt_blk .sectionttl {font-size: 40px}
.brandmgt_wrapper {padding: 100px 0}
.mgt_ttl {color: #0a0a0a;font-size: 23px;line-height: 26px; font-family: 'Montserrat', sans-serif;font-weight:700;margin: 20px 0 20px 0;height: 52px}
.mgt_desc p {color: #0a0a0a;font-size: 16px;line-height: 24px; font-family: 'Montserrat', sans-serif; margin: 0 0 20px 0;}
.mgt_desc p:last-child {margin: 0}
.readbtn {color: #00baff;font-size: 16px;line-height: 24px;font-family: 'Montserrat', sans-serif;text-decoration: underline;cursor: pointer}
.management_infoblk {display: flex;justify-content: space-between;margin: 50px 0 0 0}
.mgtblk_item {width: 30%;}
.mgtinfoblk {
    position: fixed;
    top: 18%;
    z-index: 99999;
    left: 0;
    right: 0;
    width: 70%;
    background: #fff;
    margin: auto;
    padding: 20px;
    border-radius: 10px;
}
.closebtn {
    background: #4d4d4d;
    height: 36px;
    right: 2%;
    position: absolute;
    top: 20px;
    width: 36px;
    background: #000 url(../images/close.png) no-repeat 0 0;
    cursor: pointer;
}
.overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);top:0;z-index:9999;display:none;}
.overlay.show{display:block;}
.mgtinfoblk .mgtblk_item {width: 100%;text-align: center}
.mgtinfoblk .mgt_ttl br {display: none}
.mgtinfoblk .mgt_ttl {height: auto}
.mgtinfoblk .mgt_desc p {height: auto;font-size: 14px;line-height: 20px;margin: 0 0 10px 0}
.targetDiv {display: none}
.elixir{width: 50px;}
.dflex{display: flex; align-items: center;}
.dflex-left{width: 50%; overflow: hidden;}
.dflex-right{width: 50%;padding: 50px 80px;}

.casestudy_wrapper {padding: 100px 0;position: relative}
.textcenter {text-align: center}
.case_ttl {font-family: 'Montserrat', sans-serif;font-weight:900;font-size: 160px;line-height: 160px;color: #000;text-transform: uppercase;}
.case_ttl span {color: transparent;text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.25), 0 0 0 #00baff;}
.case_slider .slick-prev:before {position: absolute;content: "";background: url('../images/prev_btn.png') no-repeat 0 0;width: 27px;height: 66px;background-size: cover;}
.case_slider .slick-next:before {position: absolute;content: "";background: url('../images/next_btn.png') no-repeat 0 0;width: 27px;height: 66px;background-size: cover;}
.case_slider .slick-prev {background: transparent;left: auto;right: 260px;top: auto;bottom: 20px;}
.case_slider .slick-next {background: transparent;right: 180px;top: auto;bottom: 20px;}
.case_slidepic {width: 50%}
.case_slidepic img {width: 100%}
.case_slideinfo {width: 40%}
.case_name {font-family: 'Montserrat', sans-serif;font-weight:700;color: #000;font-size: 35px;line-height: 35px;letter-spacing: -1px;margin: 0 0 20px 0;}
.case_desc {font-family: 'Montserrat', sans-serif;font-weight: 500;color: #000;font-size: 18px;line-height: 25px;}
.caseslide_item {display: flex !important;justify-content: space-between;align-items: center;padding: 0 20px}

.menu_wrapper {width: 100%;background: #1f1f1f;border-top: 10px solid #00baff;padding: 50px;position: fixed;top: -200%;left: 0;right: 0;margin: auto;height: 100vh;z-index: 9999;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-ms-transition: 0.3s all ease;-o-transition: 0.3s all ease;}
.menu_wrapper.opennav {top: 0}
.menulogo a {color: #fff;font-size: 30px;font-family: "JaneAusten";display: block}
.menulist_item h3 {font-family: 'Montserrat', sans-serif;font-weight: 500;text-transform: uppercase;font-size: 40px;line-height: 50px;color: #00baff;margin: 0 0 15px 0}
.menu_list li {text-transform: uppercase;margin: 0 0 15px 0;position: relative;font-family: 'Montserrat', sans-serif;font-weight: 500;}
.menu_list li:last-child {margin: 0}
.menu_list li a {position:relative;width: 50%;font-size: 40px;line-height:50px;color:#fff;}
.menu_list li a:hover {color: #00baff;padding: 0 0 0 40px;}
.menulist_blk {display: flex;justify-content: flex-start;margin: 70px 0 0 0;position: relative;z-index: 9;}
.menulist_item {width: 50%;}
.menu_dtxt {font-family: "JaneAusten";font-size: 400px;line-height: 200px;-webkit-text-stroke: 1px #fff;-webkit-text-fill-color: #1f1f1f;color: transparent;position: absolute;bottom: -60px;right: 100px;opacity: 0.3;visibility: hidden}
.menu_list li a:after {position: absolute;content: "";width: 0%;height: 2px;background: #00baff;left: 0;top: 20px;transition: 0.3s all ease-in-out;-webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;}
.menu_list li a:hover:after {width: 30px;}
.topmenu_strip {display: flex;justify-content: space-between;align-items: center}
.close_btn {cursor: pointer}



.animated {-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}

@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}

@-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  50% {opacity: 1;}}
@keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}


@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(40px);transform: translateY(40px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}



.slidenav {
    width: 300px;
    background-color: #000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    position: fixed;
    top: 25%;
    right: -300px;
    z-index: 9999;
    padding: 20px
}

.slidenav.slideIn {
  right: 0;
  margin-left: -300px; /*.animate width*/
}
.slidenav.slideOut {
    right: -300px;
    margin-left: 0;
}
.close, .helpclosebtn {
    position: absolute;
    right: 10px;
    color: #fff;
    top: 9px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 18px;
    cursor: pointer
}
.helpclosebtn{color: #000}
.slide-btn {
        position: fixed;
    height: 0;
    right: -64px;
    z-index: 999;
    transform: rotate(270deg);
    background: #fff;
    padding: 18px;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
    line-height: 0;
    color: #fff;
    animation: blinkingText 2s infinite;
    top: 35%;
    cursor: pointer
}
@keyframes blinkingText {
    0% {
        background-color: #00baff
    }
    50% {
        background-color: #b22222
    }

    100% {
        background-color: #000
    }
}
.landingpage .slidenav .enqfrmblk, .popupwrapper form .enqfrmblk{margin: 0;display: block}
.landingpage .slidenav .enqfrm_item, .popupwrapper form .enqfrm_item{width: 100%;text-align: center}
.landingpage .client_name, .popupwrapper .client_name{margin-left: 0;padding-left: 0;position: static}
.popupwrapper {
    background: rgba(0,0,0,.5);
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
    -webkit-transition: all .5s ease;
    transition: all .7s ease;
}
.popupwrapper form{
        width: 326px;
    background: #fff;
    height: 410px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 5px;
    padding: 15px
}
.kanakia-imgblk {
    position: relative;
    line-height: 0
}

.kanakiaimgtxt {
    padding: 20px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    width: 100%;
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
 .muted-button {
    position: fixed;
    width: 50px;
    height: 50px;
    background: white;
    z-index: 10;
    bottom: 20px;
    left: 10px;
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 2;
    padding-top: 5px;
    cursor: pointer;
}
#MuteButton::before {
    content:  '🔈';
}

#MuteButton.muted::before {
    
    content:  '🔇';
}

/* volume off : hover */
#volume-switcher:checked + 
#switcher-container:hover {
  opacity: 0.8;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: opacity 0.3s ease-out 0s;}

/* volume off : button */
#volume-switcher:checked + #switcher-container:after {
  content: "";
  background: url(https://res.cloudinary.com/quentindigital/image/upload/v1598656567/icons/sound-on_vztd3h.svg) center center;
  background-size: 100%;
}

.mgticon{width:65px;}
/* ==========================================================================
   Scroll reveal animations
   ========================================================================== */

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  * {
    scroll-behavior: auto !important;
  }
}

.bgred{background: #b22222;}
.whitetext{color: #fff !important;}
.whitetext.sectionttl:after{background: #fff;}
.bouncetxt {
  color: #fff;
  background: linear-gradient(to right, #00baff 10%, #0df7e9 50%, #ffd83d 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}


@media screen and (min-width:1400px) {
.menu_dtxt{bottom: 20px}
    .firstsec_blk{margin: 50px auto 50px}
}

@media screen and (max-width:1300px) {
    .work_item {width: 31.5%}
    .work_item.firstbig_pic {width: 58.5%}
    .bannerwrapper .progress {bottom: -90px;}
    .headerwrapper {width: 96%;max-width: 100%}
    .container{max-width: 96%}
}

@media screen and (max-width:1200px) {
    .clientstory_item {width: 29%}
    .social_txt {font-size: 19px;}
    .socialhandle_itemblk .socialiconblk li {margin: 0 18px 10px 0}
    .weworktxt.posrelative {font-size: 80px;text-align: center}
    .clientstory_blk {margin: 30px 0 0 0}
    .case_ttl {font-size: 150px;}
    .case_sliderwrapper {margin: 50px 0 0 0}
    .story_item {width: 23%}
    .bannerwrapper .progress {bottom: 120px;}
    .agency_text{font-size: 35px;line-height: 44px;}
    .aboutinfo_descblk .left_blk{width: 55%}
    .aboutinfo_descblk .right_blk{width: 45%}
    .client_item{width: 18%}
}


@media screen and (max-width:1100px) {
    .smopicblk {width: 50%}
    .seogogle_info .bigtxt {font-size: 50px;line-height: 50PX}
    .seogogle_info {font-size: 30PX;line-height: 30PX;}
    .smoinfoblk .small_txt.second_txt {padding: 0 0 0 30px}
    .smoinfoblk .small_txt.second_txt:before {right: 22px;}
    .smoinfoblk .small_txt.second_txt:after {right: 12px}
    .smoinfoblk.seogogle_info .bigtxt.fourth_txt:before {bottom: -110px;right: 146px;}
    .smoinfoblk.seogogle_info .bigtxt.fourth_txt:after {bottom: -118px;right: 136px}
    .abtarrowinfo_blk {left: auto}
    .bluetxt {margin: 0;font-size: 40px;line-height: 50px;}
    .footer_bigtxt {font-size: 27px;}
    .mgt_desc p {height: auto}
    .ormbannertxt.seogogle_info .bigtxt.fourth_txt:before {right: 120px;bottom: -140px}
    .ormbannertxt.seogogle_info .bigtxt.fourth_txt:after {bottom: -152px;right: 110px;}
    .ttldesc_infoblk {width: 90%;padding: 0 0 0 140px}
    .ttldesc_infoblk:after {left: 140px}
    .case_ttl {font-size: 120px;}
    .story_item {width: 31%}
    .story_item:nth-child(3n+3):before {display: none}
    .story_item:nth-child(4n+4) {margin: 0 19px 50px 0;padding: 0 19px 50px 0;}
    .story_item:nth-child(4n+4):before {display: block}
    .story_item:nth-child(5n+5):after {display: block}
    .story_item:nth-child(6n+6):after {display: block}
    .seoactivity_blk {width: 100%}
    .seomystery_blk .sectionttl br {display: none}
    .seomystery_blk .sectionttl {margin: 0 0 40px 0}
    .paidseo_infoblk .sectionttl {font-size: 40px}
    .custmozieitem_blk {margin: 70px 0 0 0}
    .work_item.firstbig_pic {width: 57.5%}
    .work_item {width: 31.3%}
    .bannertxt {font-size: 35px;line-height: 45px;}
	.b2bc_industryblk .button {right: 0}
    .we_ttl{font-size: 24px}
    .dflex-right{padding: 20px;}

}

@media screen and (max-width:1000px) {
    .footer_bigtxt  {font-size: 25px;line-height: 33px}
    .button a {font-size: 14px;line-height: 14px;padding: 13px}
    .innersection_ttl {font-size: 40px;line-height: 40px;}
    .seogogle_info .bigtxt {font-size: 35px;line-height: 35px}
    .seogogle_info {font-size: 20PX;line-height: 20PX;font-family: 'Montserrat', sans-serif;}
    .smoinfoblk .small_txt.second_txt {padding: 0 0 0 30px}
    .smoinfoblk .small_txt.second_txt:before {right: 13px;}
    .smoinfoblk .small_txt.second_txt:after {right: 5px}
    .smoinfoblk.seogogle_info .bigtxt.fourth_txt:before {bottom: -110px;right: 98px;}
    .smoinfoblk.seogogle_info .bigtxt.fourth_txt:after {bottom: -118px;right: 88px}
    .footer_bigtxt {font-size: 20px;line-height: 25px;}
    .footer_bigtxt br {display: none}
    .footer_item h3 {font-size: 16px;line-height: 16px;margin: 0 0 20px 0}
    .footer_list li a {font-size: 11px;line-height: 11px}
    .footer_list li {margin: 0 0 20px 0}
    .footerblk {flex-wrap: wrap}
    .footer_item.chaosblk {width: 100%;display: flex;justify-content: flex-start;align-items: center;margin: 0 0 40px 0;}
    .footer_item.chaosblk .button {margin: 0 0 0 30px}
    .footer_item {width: 28%}
    .copyrightblk {width: 300px}
    .sectiondesc p {font-size: 15px;line-height: 27px;}
    .abtnum_info {font-size: 30px;line-height: 30px;}
    .abt_number {font-size: 25px;line-height: 30px;}
    .bluetxt, .agencytxt.bluetxt, .sectionttl {margin: 0;font-size: 30px;line-height: 40px;}
    .agency_text{font-size: 25px;line-height: 35px;height: 40px}
    .first_section .abtnum_info{font-size: 20px}
    .aboutnum_infoblk {display: flex;justify-content: space-between;margin: 0 0 40px 0}
    .abtitem {width: 30%;text-align: center}
    .abtnum_info {font-size: 23px;line-height: 25px}
    .aboutinfo_blk {width: 100%;margin: 0 0 40px 0}
    .desgintxt {font-size: 25px;line-height: 35px}
    .legacydesc {font-size: 12px;}
    .footerwrapper.common-padding {padding: 90px 0 50px 0}
    .sectionttlblk {padding: 30px 0;margin: 0 0 30px 0}
    .contact_infoblkwrap {width: 100%}
    .office_infoblk {float: none}
    .enuirefrmblk {float: none}
    .office_infodesc br {display: none}
    .office_otherinfoblk {display: flex;justify-content: space-between;flex-wrap: wrap}
    .officeinfo_item:nth-child(2) {width: 45%}
    .enuirefrmblk {width: 100%;margin: 20px 0 0 0}
    .contact_infoblk {display: block}
    .agencytxt br {display: none}
    .contact_infoblk .left_blk {margin: 0 0 40px 0}
    .weworktxt br {display: none}
    .contact_infoblk .right_blk {padding: 0}
    .contact_arrow {position: relative;top: 0;right: -390px}
    .ormbannertxt.seogogle_info .small_txt.second_txt {display: block}
    .ormbannertxt.seogogle_info .small_txt.third_txt {padding: 5px 0 0 150px}
    .ormbannertxt.seogogle_info .bigtxt.fourth_txt:before {right: 70px;bottom: -130px;}
    .ormbannertxt.seogogle_info .bigtxt.fourth_txt:after {bottom: -146px;right: 59px;}
    .ormbannertxt .small_txt.second_txt:before {right: auto;left: 184px}
    .ormbannertxt .small_txt.second_txt:after {right: auto;left: 176px;top: -103px}
    .google_txt.animated {width: 90%}
    .google_txt.animated img {width: 100%}
    .google_txt {top: -58PX}
    .suppress_txt {font-size: 30px;text-align: center;line-height: 40px}
    .indication_blk {width: 100%}
    .indication_txt {font-size: 20px}
    .indication_txt span {display: block}
    .positiveinfo_wrapper {margin: 100px 0 0 0}
    .mediatxt_blk {font-size: 35px;line-height: 50px;padding: 30px 100px;margin: 0 0 50px 0}
    .mediaplatform_blk {width: 100%}
    .mediaplatform_wrapper.common-padding {padding: 100px 0}
    .whatisrepute_blk {width: 100%}
    .reputation_txt:before {left: 20px;font-size: 170px;line-height: 180px;}
    .reputation_txt:after {right: 20px;font-size: 170px;line-height: 180px;}
    .brandmgt_blk .sectionttl br {display: none} 
    .management_infoblk {display: block}
    .mgtblk_item {width: 45%;display: inline-block;vertical-align: top;margin: 0 30px 40px 0}
    .clientstory_blk {display: flex;justify-content: space-between;flex-wrap: wrap}
    .clientstory_item {width: 47%;display: block;margin: 0 0 50px 0}
    .clientstory_item:nth-child(3n+2) {margin: 0 0 50px 0}
    .ttldesc_infoblk {width: 100%;padding: 0}
    .ttldesc_infoblk:after {left: 0}
    .weworktxt.posrelative {font-size: 55px}
    .socialhandle_itemblk .socialiconblk li {margin: 0 4px 0 0}
    .case_ttl {font-size: 80px;line-height: 80px}
    .sclmediatxt {font-size: 30px;line-height: 40px}
    .sclmedia_txtblk {width: 45%;font-family: 'Montserrat', sans-serif;font-weight:900;}
    .online_assetblk {float: none;width: 100%}
    .dtext {width: 80%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0.4}
    .online_assetwrapper.smosmmblk .dtext {top: 0}
    .online_assetblk .sectionttl {margin: 0 0 50px 0;}
    .online_assetwrapper {padding: 50px 0}
    .story_item {width: 30%}
    .seobg_blk {height: 80vh;background-size: cover;background: url('../images/seo/successs_story.png') no-repeat center;background-attachment: fixed}
    .seoreason_blk {width: 100%}
    .reason_pic {width: 60px}
    .reasoninfo {width: calc(100% - 80px)}
    .reason_ttl {font-size: 20px}
    .paidseo_infoblk .sectionttl {font-size: 30px;line-height: 40px}
    .goal_txtblk {width: 100%}
    .google_imgblk {width: 50%}
    .seogogle_info {width: 50%}
    .seo_introblk .seogogle_info .bigtxt.second_txt:before {top: -115px;right: 30px;}
    .seo_introblk .seogogle_info .bigtxt.second_txt:after {top: -115px;right: 20px;}
    .seo_introblk .seogogle_info .bigtxt.fourth_txt:before {right: 60px}
    .seo_introblk .seogogle_info .bigtxt.fourth_txt:after {right: 50px}   
    .howedo_item {width: 30%;margin: 0 25px 80px 0}
    .howedo_item:nth-child(3n+3) {margin: 0 0 80px 0}
    .how_wedoblk {justify-content: flex-start}
    .custmozieitem_blk {width: 90%}
    .custmozie_designwrapper.blackbg:before {width: 300px}
    .custmozie_designwrapper.blackbg.animated:before {height: 300px}
    .work_item {margin: 0 22px 40px 0}
    .client_name {font-size: 16px;display: block;padding: 0}
    .work-logo {width: 100px}
    .work-logo img {width: 100%}
    .client_name:before {display: none}
    .client_name br {display: none}
    .workpic_blk {padding: 20px}
    .work_txt .sectionttl {margin: 0 0 40px 0}
    .medium_text {font-size: 18px;line-height: 25px}
    .bannerwrapper .progress {display: none}
    .bannerwrapper .slick-dots {bottom: 40px;width: 150px;}
    .bannerwrapper .slick-dots li button {background: #00baff;width: 10px;height: 10px;border-radius: 100%}
    .bannerwrapper .slick-dots li.slick-active button {background: #000}
    .bluearoow_blk {width: 91px}
    .bluearoow_blk.animated {height: 495px;}
    .b2ctxt span {margin: 0}
    .b2bc_industryblk .button {right: 60px;bottom: 80px;}
    .webtxtblk {font-size: 32px;line-height: 81px;}
    .b2bc_industryblk {top: 240px}
    .homeparalaxtxt {left: 5%}
    
    .b2ctxt.bluetxt span{font-size: 24px}
    .b2ctxt span.ampherson {font-size: 250px;line-height: 350px;top: 3px;margin:0 15px}
    .b2bc_industryblk .button {bottom: 30px;}
    .whatwedo_blk {margin: 60px 0 0 0}
    .we_ttl {font-size: 30px;}
    .whatwedo_item.width50 {width: 50%;padding: 30px}
    .whatwedo_item {padding: 0 30px 30px}
    .testimonial_blk .progress {width: 90%;left: 0px;right: 0;margin: auto}
    .testislider {margin: 50px 0 50px 0}
    .client_txtblk {display: block}
    .clientdesc_blk {width: 100%;margin: 60px 0 0 0}
    .clientdesc_blk .desgintxt {width: 60%;margin: 0 30px 0 0}
    .clientitem_blk {display: block;text-align: center}
    .client_item {display: inline-block;vertical-align: top;width: 21%}
    .stuff_arrow {height: 90px}
	.menulist_item h3, .menu_list li a {font-size:30px;line-height:40px;}
	.menu_dtxt {bottom:auto;top:30%}
/*	.bubble2 {width: 348px;z-index: 99999;position: absolute;height: auto;top: 181px;right: 140px;}*/
    .bubble2{right: 330px;top: 100px}
	.weworktxt {font-size:40px;line-height:40px;right:8%}
    .dflex{flex-wrap: wrap;}
    .dflex-left{width: 100%;}
    .dflex-right{width: 100%;}
    .office_infoblk{margin-top: 50px;}
    .b2bc_industryblk .button {
    bottom: 90px;
    right: 0;
}
    .b2bc_industryblk .button a{padding: 10px}
    .we_ttl{font-size: 24px}
    .desgintxt span{font-size: 15px}
    .client_item:nth-child(4n + 4){margin: 0 0 20px}
    .client_item:nth-child(5n + 5){margin: 0 20px 20px 0}
    .kanakiaimgtxt{font-size: 16px}
}

@media screen and (max-width:800px) {
    .clientstory_blk {padding: 0 0}
    .clientstory_blk .slick-dots {bottom: 0}
    .clientstory_blk .slick-dots li button {width: 10px;height: 10px;background: #fff;border-radius: 100%}
    .clientstory_blk .slick-dots li.slick-active button {background: #00baff}
    .sclnumblk {font-size: 60px;line-height: 70px}
    .sclmediatxt {font-size: 25px;line-height: 40px}
    .story_item {width: 46%;margin: 0 30px 30px 0;padding: 0 30px 30px 0}
    .story_item:nth-child(2n+2) {margin: 0;padding: 0}
    .story_item::before, .story_item:nth-child(4n+4):before {display: none}
    .story_item:after, .story_item:nth-child(5n+5):after, .story_item:nth-child(6n+6):after {display: none}
    .weworktxt {bottom: -30px;right: 84px;}
    .webtxtblk {line-height: 60px;}
    .client_item {width: 30%}
    .client_arrow {width: 70px;}
    .client_arrow img {width: 100%}
    .clientdesc_blk .desgintxt {width: 70%;margin: 0 0 0 10px}
    .client_txtblk {margin: 0 0 30px 0}
	.bubble2 {top:165px;}
    .first_section .abtitem{flex-wrap: wrap}
    .first_section .abtnum_info{width: 100%}
    .experiance_txt, .first_section .aboutnum_infoblk{margin-bottom: 20px}
    
    .logotxt {font-size: 24px;}
    .header_blk .headerwrapper .header_rightblk .bottom_header .menulist li {font-size: 12px;line-height: 16px;}
/*    .letschat a {font-size: 12px;line-height: 16px;}*/
    .menulist li {font-size: 12px;line-height: 16px;margin: 0 0 0 15px;padding: 0 0 0 15px}
    .header_blk .headerwrapper .header_rightblk .bottom_header {margin: 10px 0 0 0}
    .aboutinfo_descblk  {display: block}
    .aboutinfo_descblk .left_blk{width: 100%}
    .aboutinfo_descblk .right_blk {width: 100%;}
    .experiance_txt{width: 100%}
    .whatwedo_item, .whatwedo_item.width50 {width: 100%;padding: 0 30px 30px}
    .wenumblk{margin: -3px 0 20px 0;font-size: 60px;line-height: 48px}
    .whatwedo_item:nth-child(3){background: #1f1f1f}
    .whatwedo_item:nth-child(4){background: #00baff}
    .whatwedo_item:nth-child(4) .keyword_list li, .whatwedo_item:nth-child(4) .we_ttl, .whatwedo_item:nth-child(4) .we_desc, .whatwedo_item:nth-child(4) .wenumblk{color: #fff}
    .whatwedo_item:nth-child(4) .keyword_list li:before{background: #fff}
    .we_ttl{margin: 0 0 10px}
    .we_desc.keyword_list{margin-top: 10px}
    .client_item:nth-child(3n + 3){margin: 0 0 20px}
    .client_item:nth-child(4n + 4){margin: 0 20px 20px 0}
    .client_item:nth-child(5n + 5){margin: 0 20px 20px 0}
    .kanakiaimgtxt{font-size: 13px;padding: 10px}
    .kanakiaimgtxt br{display: none}
}

@media screen and (max-width:750px) {
    .agency_textblk .first_text .animte_txt{font-size:25px;}
    .aboutnum_infoblk {display: block}
    .abtitem {width: 100%;text-align: left;display: flex;align-items: center}
    .abt_number {margin: 0 30px 10px 0}
    .abtnum_info {font-size: 30px;line-height: 30px}
    .worktxtblk {display: block}
    .work_txt {width: 100%}
    .latest_stuffwrapper {width: 310px;margin: 50px auto 0}
    .desgintxt br {display: none}
    .legacyslider .slick-prev {left: -20px}
    .legacyslider .slick-next {right: -20px}
    .legacyblk {padding: 180px 10px}
    .legacy_sliderblk{padding: 60px 0}
    .footerblk {display: block;border-bottom: 1px dotted rgba(255,255,255,0.2)}
    .footer_item {width: 40%;display: inline-block;vertical-align: top;}
    .footer_list li {display: block;vertical-align: top;width: 100%;}
    .footer_list li a {font-size: 13px;line-height: 13px;}
    .footer_item:last-child {width: 100%;padding: 20px 0 0 0;margin: 20px 0 0 0;border-top: 1px dotted rgba(255,255,255,0.2);}
    .footerwrapper:before {width: 80px;height: 62px;top: -22px}
    .footerwrapper.common-padding {padding: 70px 0 50px 0}
    .footer_item:last-child .footer_list li:last-child {margin: 0}
    .container {width: 90%}
    .bottom_footerblk {display: block}
    .copyrightblk {text-align: center;margin: 20px auto 0;font-size: 12px;width: 250px}
    .socialiconblk li a {width: 35px;height: 35px;padding: 7px}
    .socialiconblk li a span i {font-size: 16px;line-height: 12px}
    .socialhandle_itemblk .socialiconblk li a {padding: 5px 9px 9px 8px}
    .footer_item.chaosblk .button {margin: 0 0 0 10px}
    .sectionttlblk {padding: 30px 0;margin: 0 0 30px 0}
    .abtarrow {width: 80px;}
    .abtarrow.animated {height: 90px;}
    .abtarrowinfo_blk .weworktxt {font-size: 24px;line-height: 30px;}
    .bluetxt, .agencytxt.bluetxt, .sectionttl, .brandmgt_blk .sectionttl  {font-size: 25px;line-height: 35px}
    .stuffitem {font-size: 18px;line-height: 20px;}
    .ourteam_wrapper .latest_stuffblk.animated {width: 160px;}
    .latest_stuffwrapper {width: 200px;}
    .stuff_arrow {width: 70px;margin: 40px 0px 0 0}
    .stuff_arrow.animated {height: 82px;}
    .aboutinfo_descblk {margin: 30px 0 0 0}
    .header_blk .headerwrapper .header_rightblk {display: none}
    .contact_arrow {position: relative;top: 20px;right: auto;margin: 0 auto;width: 100px;}
    .contact_arrow.animated {height: 112px;}
    .enuirefrmblk {padding: 20px;}
    .enuirefrmblk .sec_smalltxt {font-size: 24px;}
    .enqfrm_item {margin: 0 0 20px 0}
    .enqfield {font-size: 13px;font-family: 'Montserrat', sans-serif;}
    ::-webkit-input-placeholder {opacity: 1; color:#fff;font-size:12px;letter-spacing: 1px;font-weight: 400;font-family: 'Montserrat', sans-serif;}
    :-moz-placeholder { /* Firefox 18- */opacity: 1; color:#fff;font-size:12px;letter-spacing: 1px;font-weight: 400;font-family: 'Montserrat', sans-serif;}
    ::-moz-placeholder {  /* Firefox 19+ */opacity: 1; color:#fff;font-size:12px;letter-spacing: 1px;font-weight: 400;font-family: 'Montserrat', sans-serif;}
    .officeinfo_item .sec_smalltxt {font-size: 14px;margin: 0 0 10px 0}
    .office_infodesc {font-size: 13px;line-height: 20px}
    .officeinfo_item {margin: 0 0 15px 0;padding: 0 0 15px 0;border-bottom: 1px dotted rgba(0,0,0,0.5);}
    .office_otherinfoblk {margin: 10px 0 0 0}
    .officeinfo_item:last-child {margin: 0;padding: 0;border-bottom: 0}
    .ormbannerblk {display: block;}
    .smopicblk {width: 90%;margin: 0 auto}
    .ormbannertxt .small_txt.second_txt:before, .ormbannertxt .small_txt.second_txt:after {display: none}
    .ormbannertxt.seogogle_info .bigtxt.fourth_txt:before, .ormbannertxt.seogogle_info .bigtxt.fourth_txt:after {display: none}
    .seogogle_info {width: 100%}
    .ormbannertxt.seogogle_info {padding: 0;text-align: center}
    .mediatxtblk_wrapper {position: relative;left: auto;}
    .mediapicblk {width: 100%;float: none;margin: 0 auto;}
    .mediaplatform_wrapper.common-padding {padding: 50px 0}
    .mediatxt_blk {width: 100%;text-align: center}
    .mediatxt_blk br {display: none}
    .sclitem.youtube_icon {right: 240px}
    .sclitem.facebook_icon {left: 230px}
    .mgtblk_item {display: block;width: 100%;text-align: center;margin: 0 0 30px 0;padding: 0 0 30px 0;border-bottom: 1px dotted rgba(0,0,0,0.5)}
    .mgtblk_item:last-child {margin: 0;padding: 0;border-bottom: 0}
    .mgt_ttl {height: auto}
    .mgt_desc {margin: 0 0 30px 0}
    .mgt_ttl br {display: none}
    .sclitem {width: 40px}
    .caseslide_item {display: block!important;}
    .case_slidepic {width: 80%;margin: 0 auto 40px}
    .case_slideinfo {width: 100%;text-align: center}
    .case_slider .slick-prev {left: 0;right: auto;top: 50%;bottom: auto;}
    .case_slider .slick-next {right: 0;top: 50%;bottom: auto;}
    .casestudy_wrapper {padding: 60px 0}
    .weworktxt.posrelative {font-size: 40px;line-height: 40px;margin: 0}
    .storywrapper_blk .weworktxt.posrelative {margin: 50px 0 0 0}
    .smobannerblk {display: block}
    .smobannerblk .smoinfoblk.seogogle_info {width: 310px;margin: 0 auto;padding: 0 0 70px 0;}
    .smobannerblk:after {height: 180px}
    .smobannerblk:before {top: -120px}
    .smoinfoblk .small_txt.second_txt:before, .smoinfoblk .small_txt.second_txt:after {display: none}
    .smoinfoblk.seogogle_info .bigtxt.fourth_txt:before, .smoinfoblk.seogogle_info .bigtxt.fourth_txt:after {display: none} 
    .faq-container .smk_accordion .accordion_in .acc_head {font-size: 15px;font-family: 'Montserrat', sans-serif;font-weight:900;}
    .faq-container .smk_accordion.acc_with_icon .accordion_in .acc_head, .smk_accordion.acc_with_icon .accordion_in .acc_content {padding: 15px 30px 15px 10px}
    .map_wrapper {height: 500px}
    .seoreason_blk {display: block}
    .reason_item {width: 100%}
    .reason_item:last-child {margin: 0}
    .seoreasonblk_item {padding: 40px 50px 80px 50px}
    .seomystery_blk .sectionttl {font-size: 25px;}
    .seoactivity_item span {padding: 50px 0}
    .seoactivity_item:nth-child(2n+2) {margin: 170px 0 0 0px}
    .seoactivity_item {font-size: 15px;line-height: 15px}
    .seoactivity_blk {margin: 0 0 0 60px;}
    .paidsearch_wrapper {display: block}
    .paidsearch_pic {width: 300px;margin: 0 auto 40px}
    .paidseo_infoblk {width: 100%;padding: 0 30px}
    .paidseo_infoblk .sectionttl br {display: none}
    .seo_introblk {display: block;clear: both;}
    .google_imgblk {margin: 0 auto;width: 350px}
    .seogogle_info {width: 280px;margin: 0 auto;}
    .seo_introblk .seogogle_info .bigtxt.fourth_txt:before, .seo_introblk .seogogle_info .bigtxt.second_txt:before {display: none;}
    .seo_introblk .seogogle_info .bigtxt.fourth_txt:after, .seo_introblk .seogogle_info .bigtxt.second_txt:after {display: none;}
    .howedo_item {width: 43%;margin: 0 0 80px 0}
    .howedo_pic {width: 100%}
    .how_wedoblk {justify-content: space-between;margin: 100px auto 50px}
    .howedo_item.ui_engineeringitem .howedotxt {transform: rotate(-13deg);-webkit-transform: rotate(-13deg);-moz-transform: rotate(-13deg);-ms-transform: rotate(-13deg);-o-transform: rotate(-13deg);}
    .howedo_item.seo_friendlyitem .howedotxt {    transform: rotate(-9deg);-webkit-transform: rotate(-9deg);-moz-transform: rotate(-9deg);-ms-transform: rotate(-9deg);-o-transform: rotate(-9deg);}
    .howedo_item.content_writingitem .howedotxt {width: 190px;top: -19px;left: -28px;transform: rotate(-25deg);-webkit-transform: rotate(-25deg);-moz-transform: rotate(-25deg);-ms-transform: rotate(-25deg);-o-transform: rotate(-25deg);}
    .howedotxt {top: 0px;left: -20px}
    .moreabt_design {padding: 0}
    .business_blk {display: block}
    .business_picblk {width: 100%}
    .business_txtblk {width: 100%;margin: 50px 0 0 0}
    .howedo_txt {font-size: 20px}
    .design_arrow {width: 90px;}
    .design_arrow.animated {height: 126px}
    .sectionttl.moreabt_txt {font-size: 25px}
    .custmozie_designwrapper.blackbg:before {width: 250px}
    .custmozie_designwrapper.blackbg.animated:before {height: 250px}
    .reason_ttl br {display: none}
    .asset_ttl {font-size: 30px;}
    .work_item {margin: 0 18px 40px 0} 
    .client_name {margin: 0;font-size: 14px;line-height: 18px;}
    .workpic_blk {padding: 15px}
    .ourwork_wrapper, .testimonial_wrapper {padding: 50px 0}
    .bannertxt {font-size: 25px;line-height: 35px;}
    .webtxtblk {line-height: 60px;font-size: 28px;}
    .we_ttl {font-size: 25px;line-height: 25px;}
    .we_desc {font-size: 14px;line-height: 23px;}
    .desgintxt {font-size: 20px;line-height: 1.5;}
    .menu_btn {width: 20px}
    .b2bc_industryblk {left: 50px}
	.menulist_item h3, .menu_list li a {font-size:23px;line-height:30px;}
	.menu_list li a::after {top:9px}
	.b2bc_industryblk {top:200px}
	.b2bc_industryblk .button {bottom: 100px;}
    .agency_textblk{height: 75px}
    .first_section .abtnum_info{font-size: 16px}
    .experiance_txt, .first_section .aboutnum_infoblk{margin: 10px 0}
    section.sectionblk_wrapper{padding-top: 10px}
    .bubble2{top: 210px;width: 10%}
    .st0{stroke-width: 10px}
    .weworktxt{font-size: 30px}
    .whatwedo_item .keyword_list li{font-size: 14px}
    .desgintxt{width: 96%}
    .latest_stuffblk{width: 120px;height: 120px}
    .client_item {width: 29%;margin: 0 10px 10px 0}
    .client_item:nth-child(3n + 3){margin: 0 0 10px}
    .client_item:nth-child(4n + 4){margin: 0 10px 10px 0}
    .client_item:nth-child(5n + 5){margin: 0 10px 10px 0}
    .landingpage .footer_list{justify-content: center}
    .socialiconblk{text-align: center;margin: 10px 0 0}
    .footer_item:last-child{text-align: center}
    .footer_item .letschat.start_txt.whatsapp-icon{margin-right: 0}
}

@media screen and (max-width:600px) {
    .logotxt{width: 140px;}
    .mgticon {width: 55px;}
    .mgt_ttl {font-size: 18px; line-height: 20px; margin: 15px 0 20px 0;}
    .footer_item.chaosblk {display: block;margin: 0 0 30px 0}
    .footer_item.chaosblk .button {margin: 20px 0 0 0}
    .button a {font-size: 12px;line-height: 12px}
    .mgt_desc p{font-size: 14px;}
    .footer_item h3 {font-size: 14px;line-height: 14px;}
    .footer_list li a {font-size: 11px;line-height: 11px}
    .footer_list li {margin: 0 0 15px 0}
    .footer_item {width: 45%}
    .footerwrapper.common-padding {padding: 50px 0 30px 0}
    .socialiconblk li {margin: 0 3px}
    .weworktxt {text-align: center}
    .abtarrowinfo_blk {width: auto}
/*    .desgintxt {font-size: 18px;line-height: 25px;}*/
    .desgintxt span {font-size: 14px;}
    .sectionttlblk {padding: 20px 0;margin: 0 0 20px 0}
    .contact_infoblk .right_blk .weworktxt {font-size: 18px;line-height: 27px;}
    .mgticon {width: 70px;margin: 0 auto}
    .mgticon img {width: 100%}
    .suppress_txt {font-size: 20px;line-height: 30px}
    .mediatxt_blk {padding: 30px 20px;font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 25px;line-height: 35px}
    .mediatxt_list li {font-size: 18px;line-height: 18px;font-family: 'Montserrat', sans-serif;font-weight:900;margin: 0 0 20px 0}
    .reputation_txt {padding: 40px 40px}
    .reputation_txt:before {left: 20px;font-size: 130px;line-height: 130px;top: -46px;}
    .reputation_txt:after {right: 20px;font-size: 130px;line-height: 130px;bottom: -46px;}
    .orminfo_blk {width: 90%;font-size:14px;line-height: 25px;padding: 50px 0 0 0}
    .google_txt {top: -40px}
    .sclitem.twitter_icon {left: auto;right: 0}
    .brandmgt_wrapper {padding: 50px 0}
    .smopicblk {width: 80%}
    .case_ttl {font-size: 55px;line-height: 55px;}
    .case_desc {font-family: 'Montserrat', sans-serif;font-weight:900;color: #000;font-size: 18px;line-height: 25px;}
    .smobannerblk:before {width: 200px;height: 200px;top: -110px}
    .smobannerblk:after {height: 110px}
    .ttldesc_infoblk {margin: 0 0 80px 0}
    .clientname {font-size: 17px;line-height: 20px;}
    .clientdesc {font-size: 14px;line-height: 20px}
    .social_txt {font-size: 14px;}
    .client_logo {width: 100px}
    .client_logo img {width: 100px}
    .socialmedia_item {display: block}
    .sclmedia_txtblk {width: 100%;text-align: center}
    .sclmedia_picblk {width: 80%;margin:20px auto 40px}
    .story_wrapper {display: block}
    .story_item {width: 100%;padding: 0 0 20px 0;margin: 0 0 20px 0;border-bottom: 1px solid rgba(255,255,255,0.32)}
    .story_item:nth-child(2n+2) {padding: 0 0 20px 0;margin: 0 0 20px 0;}
    .keyword_list {margin: 0 0 10px 0} 
    .success_storyblk {padding: 50px 0}
    .story_item:last-child {margin: 0;padding: 0;border-bottom: 0} 
    .seobg_blk {background-size: cover;height: 60vh;}
    .seoreasonblk_item {padding: 30px 30px 60px 30px;margin: 60px 0 0 0}
    .seo_reasonitem .desgintxt {margin: 80px 0 0 0}
    .seoreasonblk:after {width: 80px;bottom: -30px}
    .seoreasonblk br {display: none}
    .reason_arrow {top: 120px}
    .seoactivity_blk {flex-wrap: wrap;margin: 0;justify-content: space-between}
    .seoactivity_item:nth-child(2n+2) {margin: 20px 0}
    .seoactivity_item.onpage_seoblk, .seoactivity_item.content_seoblk, .seoactivity_item.offpage_seoblk {left: 0}
    .seoactivity_item {margin: 20px 0;width: 45%}
    .paidsearch_pic {width: 280px}
    .sectionttl.moreabt_txt {font-size: 18px;line-height: 30px;}
    .curved_txt {font-size: 20px;}
    .reason_item.custmozie_item .reason_ttl {font-size: 15px;}
    .asset_ttl {font-size: 25px;line-height: 35px;}
    .medium_text {font-size: 18px;line-height: 20px}
    .medium_text br {display: none}
    .work-logo {width: 80px;}
    .work_item {width: 30.6%;margin: 0 18px 20px 0}
    .medium_text {font-size: 14px;line-height: 20px;}
    .workitem_blk {margin: 20px 0 0 0}
    .designtxt br {display: none}
    .work-logo {width: 80px}
    .reason_ttl {font-size: 15px;}
    .bannertxt {font-size: 15px;line-height: 24px;margin: 0 0 0 33px}
    .bannerwrapper .slick-dots {bottom: 30px;}
    .logotxt {font-size: 20px;}
    .letschat a {font-size: 14px;line-height: 11px;width: 40px;height: 40px}
    .letschat {margin: 0 10px 0 0}
    .homeparalaxtxt {position: relative}
    .weworktxt {left: 0;right: 0;margin: auto;bottom: 0}
    .bluearoow_blk {width: 91px;}
    .bluearoow_blk.animated {height: 475px;}
    .client_desc {font-size: 13px;padding: 40px 0 0 0;width: 100%}
    .clientname {margin: 0 0 10px 0}
    .client_nameblk {margin: 20px 0 0 0}
    .whatwedo_item {padding: 20px}
    .whatwedo_blk {display: block}
    .whatwedo_item.width50, .whatwedo_item {width: 100%;padding: 0 20px 20px;}
    .whatwedo_item:nth-child(3n+3) {background: #1f1f1f !important}
    .whatwedo_item:nth-child(4n+4) {background: #00baff !important}
    .wenumblk {font-size: 60px;line-height: 42px;margin: -3px 0 20px 0}
    .we_ttl {font-size: 20px;line-height: 20px}
    .whatwedo_item .button a {padding: 10px 20px}
	.menu_wrapper {padding:30px;}
	.menulist_item h3, .menu_list li a {font-size:20px;line-height:30px;}
	.menu_dtxt {font-size:300px;}
	.menulogo a {font-size:22px;}
	.menulist_blk {margin:50px 0 0 0}
    .letschat a{width: 35px;height: 35px}
    header .button.parallax_element{display: none}
    .muted-button{width: 35px;height: 35px;font-size: 25px}
    .home_parallaxblk video{clip-path: inherit}
    .weworktxt{position: static;margin-top: 20px}
    .bubble2{right: 250px}
    .b2bc_industryblk{left: 15px}
    .desgintxt span{font-size: 13px;margin: 0}
    .clientdesc_blk .desgintxt{width: 100%}
    .client_arrow{display: none}
    .landingpage .enqfrm_item{width: 100%}
}

@media screen and (max-width:480px) {
    .sectionttl, .brandmgt_blk .sectionttl, .sectionttl.sec_smalltxt {font-size: 25px;line-height: 30px;margin: 0 0 40px 0;font-family: 'Montserrat', sans-serif;font-weight:700;}
    .paidseo_infoblk .sectionttl {font-size: 25px;line-height: 30px;}
    .sectionttl:after {width: 70px;}
    .sectiondesc p {font-size: 13px;line-height: 22px;}
    .sectiondesc p span.bigtxt {font-size: 30px;line-height: 30px;}
    .sectiondesc p span {font-family: 'Montserrat', sans-serif;font-weight:900;}
    .innersection_ttl {font-size: 25px;line-height: 30px}
    .bluetxt, .agencytxt.bluetxt {font-size: 19px;line-height: 30px;}
    .sectionttlblk {padding: 10px 0;margin: 0 0 20px 0}
    .abtarrowinfo_blk .weworktxt {font-size: 16px;line-height: 16px;}
    .abtarrow {width: 50px;margin: 0 auto 10px}
    .abtarrow.animated {height: 60px;}
    .abtitem {display: block;margin: 0 0 20px 0}
    .abtnum_info {font-size: 20px;line-height: 20px}
    .abt_number {margin: 0 0 10px 0;font-size: 20px;line-height: 20px;}
    .aboutnum_infoblk {margin: 0 0 20px 0}
    .common_padding {padding: 30px 0}
    .stuffitem {font-size: 16px;line-height: 18px}
    .ourteam_wrapper .latest_stuffblk.animated {width: 140px;}
    .latest_stuffwrapper {width: 200px;margin: 30px auto 0}
    .legacyblk {padding: 160px 0 20px 0}
    .legacyslider {width: 85%;margin: 0 auto}
    .legacyslider .slick-next {right: -20px;top: auto;bottom: 1px;}
    .legacyslider .slick-prev {left: -20px;top: auto;bottom: 1px;}
    .legacy_quote {width: 80%;margin: 0 auto;font-family: 'Montserrat', sans-serif;font-weight:900;font-size: 13px;line-height: 16px;}
    .legacyinfoblk {width: 210px;left: 0;right: 0;margin: auto;text-align: center;padding: 15px}
    .footer_bigtxt {font-size: 15px;padding: 0px;}
    .button a {letter-spacing: 0}
    .footerwrapper:before {width: 60px;height: 46px;top: -16px;}
    .legacy_year {font-size: 21px;line-height: 21px;}
    .legacydesc {font-size: 12px;line-height: 17px}
    .legacyblk.bottom_legacy .legacyinfoblk {bottom: auto;top: 0}
    .legacyblk.bottom_legacy .legacyinfoblk:after {border-left: 20px solid transparent;border-right: 20px solid transparent;
    border-top: 20px solid #1f1f1f;top: auto;bottom: -20px;border-bottom: 0}
    .contact_arrow {width: 70px;}
    .contact_arrow.animated {height: 82px;}
    .officeinfo_item:nth-child(2) {width: 100%}
    .office_otherinfoblk {display: block}
    .enuirefrmblk .sec_smalltxt {font-size: 20px}
    .enuirefrmblk .sec_bigtxt {font-size: 13px}
    .suppress_txt {font-size: 15px;line-height: 24px;letter-spacing: -1px;}
    .indication_blk {display: block;margin: 40px auto 0}
    .indication_item {width: 100%;margin: 0 0 30px 0}
    .indication_txt {font-size: 15px;}
    .indication_txt span {display: inline-block}
    .positiveinfo_wrapper {padding: 0 0 30px 0}
    .mediatxt_list li {font-size: 13px;}
    .mediatxt_blk {letter-spacing: 0;font-size: 18px;}
    .reputation_txt {font-size: 15px;padding: 30px;line-height: 21px;margin: 80px 0 0 0}
    .reputation_txt:before {left: 20px;font-size: 80px;line-height: 80px;top: -27px;}
    .reputation_txt:after {right: 20px;font-size: 80px;line-height: 80px;bottom: -28px;}
    .case_slidepic {width: 90%}
    .case_slider .slick-prev {top: 40%;left: -20px}
    .case_slider .slick-next {top: 40%;right: 0px}
    .case_name {font-size: 25px}
    .case_desc {font-size: 15px;}
    .case_slider .slick-next:before, .case_slider .slick-prev:before {width: 17px;height: 40px;}
    .case_ttl {font-size: 40px;}
    .casestudy_wrapper {padding: 40px 0}
    .case_sliderwrapper {margin: 30px 0 0 0}
    .smobannerblk .smoinfoblk.seogogle_info {width: 80%}
    .socialiconblk li a span i {font-size: 13px;line-height: 13px;}
    .socialhandle_itemblk .socialiconblk li a {padding: 4px 9px}
    .sclmedia_picblk {width: 100%}
    .sclmediatxt {font-size: 20px;line-height: 30px}
    .sclnumblk {font-size: 50px;line-height: 50px}
    .socialmedia_item:last-child .sclmedia_picblk {margin: 20px auto}
    .faq-container .smk_accordion .accordion_in .acc_content p {font-size: 13px;line-height: 23px}
    .seo_reasonitem {display: block}
    .seoreasonblk_item {width: 100%}
    .reason_pic {width: 40px}
    .reasoninfo {width: calc(100% - 60px)}
    .reason_item {padding: 20px;margin: 0 0 20px 0}
    .reason_ttl {font-family: 'Montserrat', sans-serif;font-weight:900;}
    .reason_desc {font-size: 14px;line-height: 23px}
    .seoactivity_item {font-size: 12px}
    .seoactivity_item span {padding: 30px 0}
    .seoactivity_blk {margin: 20px 0 0 0}
    .howedo_item.ui_engineeringitem .howedotxt {width: 100px;top: -16px;left: -16px;}
    .howedo_item.designitem .howedotxt {width: 40px;    transform: rotate(-13deg);-webkit-transform: rotate(-13deg);-moz-transform: rotate(-13deg);-ms-transform: rotate(-13deg);-o-transform: rotate(-13deg);}
    .howedo_item.seo_friendlyitem .howedotxt {transform: rotate(-9deg);-webkit-transform: rotate(-9deg);-moz-transform: rotate(-9deg);-ms-transform: rotate(-9deg);-o-transform: rotate(-9deg);width: 90px;top: -16px;}
    .howedo_item.content_writingitem .howedotxt {width: 110px}
    .howedo_item.content_writingitem .howedotxt {width: 110px;top: -15px;left: -27px;transform: rotate(-24deg);-webkit-transform: rotate(-24deg);-moz-transform: rotate(-24deg);-ms-transform: rotate(-24deg);-o-transform: rotate(-24deg);}
    .howedo_item.e-commerceitem .howedotxt {width: 90px;top: -16px;left: -20px;transform: rotate(-9deg);-webkit-transform: rotate(-9deg);-moz-transform: rotate(-9deg);-ms-transform: rotate(-9deg);-o-transform: rotate(-9deg);}
    .howedo_item.cmsitem .howedotxt {width: 25px;top: -15px;left: 3px;transform: rotate(17deg);-webkit-transform: rotate(17deg);-moz-transform: rotate(17deg);-ms-transform: rotate(17deg);-o-transform: rotate(17deg);}
    .howedo_item.html5item .howedotxt {width: 40px;top: -7px;left: -17px;transform: rotate(-9deg);-webkit-transform: rotate(-9deg);-moz-transform: rotate(-9deg);-ms-transform: rotate(-9deg);-o-transform: rotate(-9deg);}
    .howedo_item.responsiveitem .howedotxt {width: 80px;top: -15px;left: -19px;}
    .custmozie_designwrapper.blackbg:before {width: 150px}
    .custmozie_designwrapper.blackbg.animated:before {height: 150px}
    .custmozieitem_blk {width: 100%;margin: 40px 0 0 0}
    .reason_item {margin: 0 0 30px 0}
    .workpic_blk {padding: 6px}
    .client_name {font-size: 10px;line-height: 15px}
    .work_item {margin: 0 18px 10px 0;width: 29.4%}
    .work_item.firstbig_pic, .work_item.secondbig_pic, .work_item {width: 100%;margin: 0 0 20px}
    .bannertxt {font-size: 14px;line-height: 20px;margin: 10px 0 0 13px}
    .headerwrapper {top: 10px;}
    .bannerwrapper .slick-dots {bottom: 10px;}
    .bannerwrapper .slick-dots li button {width: 7px;height: 7px;}
    .bannerwrapper .slick-dots li button:before {width: 7px;height: 7px;}
    
    .homeparalaxtxt .bluetxt {font-size: 19px;line-height: 20px}
    .homeparalaxtxt {bottom: auto;top: -160px;}
    .webtxtblk {line-height: 40px;font-size: 12px;}
    .b2bc_industryblk {top: 80px}
    .bluearoow_blk {display: none}
    .menulist_item h3, .menu_list li a {font-size:11px;line-height:15px;}
	.menu_dtxt {font-size:200px;line-height:200px;}
	.menu_wrapper {padding:40px 10px 10px 10px;}
	.menu_list li a:hover::after {width:20px}
	.menu_list li a:hover {padding:0 0 0 30px}
	.menu_list li a::after {top:5px;}
    .menu_dtxt {top:20%;width:70%;left:0;right:0;margin:auto;}
	.whatwedo_wrapper {padding:110px 0 0 0}
/*	.weworktxt {font-size:20px;line-height:30px;}*/
/*	.bubble2 {width: 168px;top: 140px;right: 64px;}*/
	.b2ctxt span.ampherson {font-size:130px;line-height:310px;text-shadow:2px -3px #009ed9}
    .aboutinfo_descblk .left_blk{padding-right: 20px}
    .experiance_txt{width: 250px}
    .agency_text{font-size: 20px}
    .slide-btn{font-size: 13px;padding: 12px;right: -50px}
    .muted-button{left: 10px}
    .webtxtwrap{margin: -130px 0 0}
    .bubble2{top: 80px;right: 180px}
    .whatwedo_item .keyword_list li{font-size: 13px}
    .we_ttl{font-size: 16px}
    .client_item{width: 42% !important;margin: 0 10px 10px !important}
    form .client_name, .slidenav .client_name  { font-size: 22px; line-height: 15px; margin-bottom: 25px;}
}

@media screen and (max-width:360px) {
	.bubble2 {width: 60px;right: 110px;top: 80px;}
    .agency_text{font-size: 18px}
    .b2ctxt.bluetxt span{font-size: 18px}
    .b2bc_industryblk .button a{padding: 10px 15px;font-size: 10px}
    .b2ctxt span.ampherson{font-size: 130px;line-height: 310px;margin: 0 10px}
    .b2bc_industryblk{left: 15px}
    .client_item {width: 29%;margin: 0 10px 10px 0}
}