.header{ width:100%; float:left; margin:0; padding:0; border-bottom:1px solid #f0f0f0; z-index:999; background:#fff; box-sizing:border-box; height:78px;font-family: Calibri; position:fixed;}
.inner-con{ width:1200px; margin:0 auto; max-width:100%;}
.logo{ width:250px; float:left; margin-top:12px;}
.menu{ width:837px; float:right;position:relative; height:78px;}
.menu ul{ list-style:none; margin:0; padding:0; text-align:center; float:left;}
.menu ul li{ display:inline-block; font-size:14px; text-transform:uppercase; }
.menu ul li a{ transition: all 0.5s ease 0s;  padding:0 18px; line-height:77px; background:url(/images/libg.png) no-repeat 99% center; letter-spacing:0.5px; display:inline-block;}
.menu ul li:hover > a {color:#ed3239;}
.menu ul li:last-child a{background-image:none;}
.menu ul li > div{    width: 100%;position: absolute;top: 77px;min-height: 295px;background: #ffffff;z-index: 9999;float: left;left: 0px;border: 1px solid #fff;border-top: 4px solid #ed3239;/*border-radius: 4px;*/display: none;box-shadow: 0px 1px 4px rgba(0,0,0,.5);}
.menu ul li > div {min-height: 185px;}
.submenu__left {width:40%;float: left;}
.submenu__left ul {width: 100%;float: left;list-style: none;padding: 0px;border-right: 1px solid #cccccc;}
.submenu__left ul li{ display:block;}
.submenu__left ul li a {width: 100%;float: left;border-bottom: 1px solid #cccccc;line-height: 36px;padding-left: 8%;color: #464646;position: relative;box-sizing: border-box;background-image: none;text-align: left;}
.submenu__left ul li a.active-link:after {color: #ed3239;right: 10px;}
.submenu__left ul li a::after {content: "❯";position: absolute;right: 20px;top: 0px;float: right;color: rgb(169, 169, 169);font-size: 12px;transition: all 0.5s ease 0s;}
.active-link {color: #ed3239!important;}
.submenu__right {width: 58%;margin-left: 2%;min-height: 200px;float: left;}
.menu ul li:hover > div { display:block;}
.submenu__right ol { width:100%; height:100%; margin:0; padding:0;}
.submenu__right ol  li {width:100%; height:100%;display: none;}
.activesvg{ display:block!important;}
.submenu__right svg {width: 70%;height: 61%;}
.submenu__right1 svg {width: 53%;height: 61%;margin-top:40px;}
.submenu__right {width: 57%;}
.submenu__right {min-height: 190px;}
.submenu__right1 svg {width: 40%;margin-top: 15px;}
.activesvg svg .str8, .activesvg svg .str7, .activesvg svg .str6, .activesvg svg .str5, .activesvg svg .str4, .activesvg svg .str3, .activesvg svg .str2,.activesvg svg .str1,.activesvg svg .str0, .activesvg svg .fil0,  .activesvg svg .fil1, .activesvg svg .fil2, .activesvg svg .fil3, .activesvg svg .fil4, .activesvg svg .fil5, .activesvg svg .str8, .activesvg svg .str7, .activesvg svg .str6, .activesvg svg .str5, .activesvg svg  .str4, .activesvg svg .str3,.activesvg svg .str2,.activesvg svg .str1,.activesvg svg .str0, .activesvg svg .fil1, .activesvg svg .fil2, .activesvg svg .fil3, .activesvg svg .fil4,.activesvg svg .fil0, .activesvg svg .fil5{	 stroke: #000;    stroke-dasharray: 200%;    stroke-dashoffset: 200%;	animation-timing-function: ease; animation-fill-mode: forwards;animation-iteration: 1;animation-name: DrawLine;animation-duration: 2s;animation-delay: 0s;fill:rgba(255, 255, 255, 1);stroke-linejoin:round;}
.submenu__right1 svg  .str0 {stroke:black;stroke-width:6.51694;fill:none;fill-rule:nonzero; }
.submenu__right1 svg  .fil0 {fill:none;fill-rule:nonzero; stroke:black;stroke-width:6.66535}
.submenu__right1 svg  .fil1 {fill:none;fill-rule:nonzero; stroke:black;stroke-width:6.66535}
.submenu__right1 svg    .str2 {stroke:black;stroke-width:6.66535;fill:none;fill-rule:nonzero;}
.submenu__right1 svg  .str1 {stroke:#373435;stroke-width:6.94488;fill:none;fill-rule:nonzero;}
.submenu {width:auto; position:absolute; text-align:left!important; background:#fff;  border: 1px solid #f0f0f0; border-top:none; top:77px;     visibility: hidden;opacity: 0;-webkit-transition: 0.3s ease-in;-khtml-transition: 0s ease-in;transition: 0.3s ease-in;-moz-transition: 0.3s ease-in;transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);-webkit-transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);-moz-transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);transform-origin: top;-webkit-transform-origin: top}
.submenu li{ display:inline-block; font-size:14px; text-transform:uppercase; position:relative; white-space:nowrap;width: 100%;line-height: 30px;border-bottom: 1px solid #f0f0f0 ; padding-bottom:0px!important;}
.submenu li a { text-align:left; background-image:none!important; line-height:30px!important; display:block!important;}
.menu ul li:hover .submenu {    visibility: visible;opacity: 1;-webkit-opacity: 1;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);}
.min-h-1065 {min-height:1065px; }
.social-icon{ width:102px; float:left; margin:0; text-align:right; box-sizing:border-box; margin-top:26px;}
.social-icon a{display:inline-block;width:21px;height:21px;background-image:url(/images/social-icon.png);background-repeat:no-repeat;margin:0 4px;}
.facebook{ background-position:-0px 2px;}
.twitter{ background-position:-38px 1px;}
.linkedin{ background-position:-76px 1px;}
/*Header End*/
.logo-main { width:100%; position:fixed; z-index:2; top:193px; display:none;}
.top-icon{ width:100%; top:0; left:0; margin:0; padding:5px 0;  z-index:3; position:absolute;}
.top-icon .social-icon { float:right;}
.fil0 {fill:none}
.fil1 {fill:#FEFEFE}
.fil2 {fill:black}
.fil3 {fill:white}
.fil4 {fill:white}
.fil5 {fill:black;fill-rule:nonzero}
.wdes .str4 {stroke:black;stroke-width:33.3346}
.wdes .str5 {stroke:black;stroke-width:33.3346}
.wdes .str0 {stroke:black;stroke-width:33.3346}
.wdes .str1 {stroke:black;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.wdes .str2 {stroke:#2B2A29;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.wdes .str3 {stroke:black;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.wdev .str1 {stroke:black;stroke-width:33.3346}
.wdev .str0 {stroke:black;stroke-width:33.3307;stroke-linecap:round;stroke-linejoin:round}
.wdev .str2 {stroke:black;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.wdev .str4 {stroke:black;stroke-width:66.6654;stroke-linecap:round;stroke-linejoin:round}
.wdev .str3 {stroke:black;stroke-width:53.3307;stroke-linecap:round;stroke-linejoin:round}
.mapp .str3 {stroke:#2B2A29;stroke-width:33.3307}
.mapp .str0 {stroke:black;stroke-width:33.3307}
.mapp .str4 {stroke:black;stroke-width:16.6654}
.mapp .str2 {stroke:#2B2A29;stroke-width:33.3307;stroke-linecap:round;stroke-linejoin:round}
.mapp .str5 {stroke:black;stroke-width:33.3307;stroke-linecap:round;stroke-linejoin:round}
.mapp .str1 {stroke:#2B2A29;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.mapp .str7 {stroke:black;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.mapp .str6 {stroke:#2B2A29;stroke-width:53.3307;stroke-linecap:round;stroke-linejoin:round}
.mapp .str8 {stroke:black;stroke-width:53.3307;stroke-linecap:round;stroke-linejoin:round}
.seo .str5 {stroke:#2B2A29;stroke-width:33.3307}
.seo .str2 {stroke:#252422;stroke-width:83.3307}
.seo .str7 {stroke:#2B2A29;stroke-width:39.9961}
.seo .str6 {stroke:#2B2A29;stroke-width:33.3307;stroke-linecap:round;stroke-linejoin:round}
.seo .str0 {stroke:#2B2A29;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.seo .str3 {stroke:#252422;stroke-width:266.665;stroke-linecap:round;stroke-linejoin:round}
.seo .str1 {stroke:#252422;stroke-width:39.9961;stroke-linecap:round;stroke-linejoin:round}
.seo .str4 {stroke:#252422;stroke-width:53.3307;stroke-linecap:round;stroke-linejoin:round}
.dmar .str3 {stroke:#2B2A29;stroke-width:33.3307}
.dmar .str0 {stroke:black;stroke-width:33.3307;stroke-linecap:round;stroke-linejoin:round}
.dmar .str1 {stroke:black;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.dmar .str2 {stroke:black;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.dmar .str4 {stroke:black;stroke-width:66.6654;stroke-linecap:round;stroke-linejoin:round}
.dmar .str6 {stroke:black;stroke-width:99.9961;stroke-linecap:round;stroke-linejoin:round}
.dmar .str5 {stroke:black;stroke-width:133.331;stroke-linecap:round;stroke-linejoin:round}
.ppc .str0 {stroke:#252422;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.ecomrc .str1 {stroke:#252423;stroke-width:33.3307}
.ecomrc .str4 {stroke:black;stroke-width:33.3307}
.ecomrc .str3 {stroke:black;stroke-width:33.3307;stroke-linecap:round;stroke-linejoin:round}
.ecomrc .str0 {stroke:black;stroke-width:33.3346;stroke-linecap:round;stroke-linejoin:round}
.ecomrc .str2 {stroke:#FEFEFE;stroke-width:16.6654;stroke-linecap:round;stroke-linejoin:round}
.hosting .str0 {stroke:black;stroke-width:33.3307;stroke-linecap:round;stroke-linejoin:round}
.hosting .str2 {stroke:black;stroke-width:66.6654;stroke-linecap:round;stroke-linejoin:round}
.hosting .str1 {stroke:black;stroke-width:53.3307;stroke-linecap:round;stroke-linejoin:round}
.services__inside ul li a:hover {color: #ee494e;}
.services__inside ul li a:hover svg .str8, .services__inside ul li a:hover svg .str7, .services__inside ul li a:hover svg .str6, .services__inside ul li a:hover svg .str5, .services__inside ul li a:hover svg .str4, .services__inside ul li a:hover svg .str3,.services__inside ul li a:hover svg .str2,.services__inside ul li a:hover svg .str1,.services__inside ul li a:hover svg .str0, .services__inside ul li a:hover svg .fil0,  .services__inside ul li a:hover svg .fil1, .services__inside ul li a:hover svg .fil2, .services__inside ul li a:hover svg .fil3, .services__inside ul li a:hover svg .fil4, .services__inside ul li a:hover svg .fil5, .services-box:hover .services-inner .services-img-box svg .str8, .services-box:hover .services-inner .services-img-box svg .str7, .services-box:hover .services-inner .services-img-box svg .str6, .services-box:hover .services-inner .services-img-box svg .str5, .services-box:hover .services-inner .services-img-box svg  .str4, .services-box:hover .services-inner .services-img-box svg .str3,.services-box:hover .services-inner .services-img-box svg .str2,.services-box:hover .services-inner .services-img-box svg .str1,.services-box:hover .services-inner .services-img-box svg .str0, .services-box:hover .services-inner .services-img-box svg .fil1, .services-box:hover .services-inner .services-img-box svg .fil2, .services-box:hover .services-inner .services-img-box svg .fil3, .services-box:hover .services-inner .services-img-box svg .fil4,.services-box:hover .services-inner .services-img-box svg .fil0, .services-box:hover .services-inner .services-img-box svg .fil5{	 stroke: #ee494e;    stroke-dasharray: 200%;    stroke-dashoffset: 200%;	animation-timing-function: ease; animation-fill-mode: forwards;animation-iteration: 1;animation-name: DrawLine;animation-duration: 2s;animation-delay: 0s;fill:#fff;stroke-linejoin:round;}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {  
 .services__inside ul li a:hover svg .str8, .services__inside ul li a:hover svg .str7, .services__inside ul li a:hover svg .str6, .services__inside ul li a:hover svg .str5, .services__inside ul li a:hover svg .str4, .services__inside ul li a:hover svg .str3,.services__inside ul li a:hover svg .str2,.services__inside ul li a:hover svg .str1,.services__inside ul li a:hover svg .str0, .services__inside ul li a:hover svg .fil0,  .services__inside ul li a:hover svg .fil1, .services__inside ul li a:hover svg .fil2, .services__inside ul li a:hover svg .fil3, .services__inside ul li a:hover svg .fil4, .services__inside ul li a:hover svg .fil5,
 .services-box:hover .services-inner .services-img-box svg .str8, .services-box:hover .services-inner .services-img-box svg .str7, .services-box:hover .services-inner .services-img-box svg .str6, .services-box:hover .services-inner .services-img-box svg .str5, .services-box:hover .services-inner .services-img-box svg  .str4, .services-box:hover .services-inner .services-img-box svg .str3,.services-box:hover .services-inner .services-img-box svg .str2,.services-box:hover .services-inner .services-img-box svg .str1,.services-box:hover .services-inner .services-img-box svg .str0, .services-box:hover .services-inner .services-img-box svg .fil1, .services-box:hover .services-inner .services-img-box svg .fil2, .services-box:hover .services-inner .services-img-box svg .fil3, .services-box:hover .services-inner .services-img-box svg .fil4,.services-box:hover .services-inner .services-img-box svg .fil0, .services-box:hover .services-inner .services-img-box svg .fil5{ stroke-dashoffset: 0;}
}
@keyframes DrawLine {
  to { stroke-dashOffset:0%; }
}
@keyframes FadeStroke {
  to { stroke-opacity: 0;}
}
@keyframes FillIn {
  from { fill-opacity: 0;}
  to { fill-opacity: 1; }
}


@media only screen and (max-width : 767px) {
    .logo{     display: none;}
    .logo-main { width:100%; float:left; text-align:center; top:0; position:relative;box-sizing:border-box; padding-left:15px;  padding-top:15px; padding-bottom:15px;z-index: 5;background: #fff; display:block;}
.logo-main img { max-width:100%;}
.logo { margin-top:0;}
.logo-main .inner-con{ max-width:240px; float:left;}
.logo-main .inner-con svg,  .logo-main .inner-con svg image { max-width:100%; height:inherit;}
    .menu { width:100%; float:left; margin-top:0;}
.menu ul li > div { position:relative; top:0; min-height:auto;}
.submenu__left { width:100%;}
.submenu__right { display:none;}

.menu-icon {width: 35px;float: right;margin-right:15px;font-size: 35px;margin-top: 11px;display: inline-block;color:#3b3b3d;}
.header{left: -100%;position: fixed;height: 0;background: #ffffff;top: 88px!important;z-index:5;width:80%; padding-top:0;}
.fadebg{width: 100%;height: 100%;position: fixed;background: rgba(0, 0, 0, 0.6);z-index: 4;margin: 0px;right: -100%;top:0;}
.menu ul li { width:100%; text-align:left; border-bottom:1px solid #c8cacc;}
.menu ul li a { background-image:none; line-height:40px;}
.fixed { width:100%; float:left; left:0;  top:0!important; position:relative; height:auto; padding:0;}
.fixed .logo { display:block; width:100%; float:left; background:#fff; padding:15px 0;  z-index:5; padding-left:15px; box-sizing:border-box; }
.fixed .logo a { display:inline-block; width:80%; max-width:240px;}
.fixed .menu {left: -100%;position: fixed;height: 0;background: #ffffff;top: 78px!important;z-index: 5;width: 80%;margin-top:0;}

}

@media only screen and (min-width : 768px) and (max-width : 1024px) {

    .logo-main { width: 100%; float: left; top: 0; position: relative; padding: 15px 0; background: #fff; z-index: 5; display:block;}
    .menu-icon { width: 35px; float: right; margin-right: 8px; font-size: 35px; margin-top: 11px; display: inline-block; color: #3b3b3d; }
    .header { left: -100%; position: fixed; height: 0; background: #ffffff; top: 89px!important; z-index: 5; width: 80%; }
    .logo-main .inner-con { max-width: 60%; float: left; }
    .margin-t-60 { margin-top: 30px; }
    .menu ul li { width: 100%; text-align: left; border-bottom: 1px solid #c8cacc; }
        .menu ul li a { background-image: none; line-height: 40px; }
    .menu { width: 100%; }
    .fadebg { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 4; margin: 0px; right: -100%; top: 0; }
  
}