#features,#features .feature-buttons-holder{
    position:relative
}
.color1-bg{
    background-color:#00b2c1;
    font-weight:700
}
#features{
    margin-top:20px;
    min-height:407px;
    font-family:'Open Sans',sans-serif
}
#features .feature-button{
    width:130px;
    height:130px;
    border-radius:100%;
    text-align:center;
    border:5px solid transparent;
    padding-top:24px;
    position:absolute;
    cursor:pointer;
    transform:scale(1);
    transition:all .7s ease 0s
}
.services .services-1,.services-2 .services-3{
    text-align:center;
    background-color:#00d0e2;
    font-weight:700;
    padding:70px 15px 15px;
    font-family:Dosis-Light;
    font-size:17px;
    color:#1F1C1F
}
.services,.services-2,.services-4,.services-6{
    border-radius:100%!important;
    z-index:990;
    position:absolute!important
}
.services{
    width:130px!important;
    xrs height:130px!important
}
.services .services-1{
    width:225px;
    margin:70px 0 0 -44px;
    display:none;
    height:auto
}
.services:hover>.services-1{
    display:block
}
.services-2{
    width:130px!important;
    height:130px!important;
    left:20%
}
.services-2 .services-3{
    width:225px;
    margin:204px -18px 0;
    display:none;
    height:auto
}
.services-2:hover>.services-3{
    display:block
}
.services-4{
    width:130px!important;
    height:130px!important;
    right:20%
}
.services-4 .services-5,.services-6 .services-7{
    width:225px;
    background-color:#00d0e2;
    font-weight:700;
    padding:70px 15px 15px;
    font-family:Dosis-Light;
    font-size:17px;
    color:#1F1C1F;
    text-align:center
}
.services-4 .services-5{
    margin:204px -75px 0;
    display:none;
    height:auto
}
.services-4:hover>.services-5{
    display:block
}
.services-6{
    width:130px!important;
    height:130px!important;
    right:1%
}
.services-6 .services-7{
    margin:70px 0 0 -44px;
    display:none;
    height:auto
}
#features .feature-button .feature-icon,.f-details .feature-icon{
    margin-bottom:5px
}
#features .box3d .box3d-left,#features .box3d .box3d-right,#features .box3d .box3d-top{
    background-color:rgba(255,255,255,1)!important
}
.services-6:hover>.services-7{
    display:block
}
#features .feature-button:hover{
    opacity:1;
    border:5px solid rgba(0,0,0,.5)
}
.space51{
    width:100%;
    height:15px
}
#features .feature-button .feature-title{
    color:#fff;
    font-size:15px;
    text-transform:uppercase;
    margin-bottom:5px
}
#features .feature-button .feature-line{
    width:1px;
    border-left:2px dashed;
    height:350px;
    position:absolute;
    left:50%;
    top:100%
}
#features .feature-button .feature-line-hide{
    height:0
}
#features .feature-button .feature-star{
    font-size:28px;
    position:absolute;
    left:50%;
    margin-left:-12px;
    top:128%;
    -webkit-transform:scale(1);
    transform:scale(1)
}
#features .feature-button .feature-star-hide{
    -webkit-transform:scale(0);
    transform:scale(0)
}
#features .feature1{
    left:0
}
#features .feature2{
    left:21%;
    margin-top:140px
}
#features .feature3{
    right:21%;
    margin-top:140px
}
#features .feature4{
    right:0
}
#features .inside-box-left,#features .inside-box-right{
    transform:scale(1)
}
#features .box3d{
    position:absolute;
    left:53%;
    margin-top:250px;
    margin-left:-70px;
    -webkit-perspective:600px;
    -webkit-perspective-origin:10% 10%;
    perspective:600px;
    perspective-origin:10% 10%;
    cursor:pointer
}
#features .box3d:hover{
    opacity:.9
}
#features .box3d .box3d-part{
    width:100px;
    height:100px;
    position:absolute
}
@-moz-document url-prefix(){
    #features .box3d .box3d-part{
        border:1px solid #ebeded
    }
}
#features .box3d .box3d-top{
    -webkit-transform:rotateX(90deg) rotateZ(45deg) translateY(-80px) translateX(-80px);
    transform:rotateX(90deg) rotateZ(45deg) translateY(-50px) translateX(-50px)
}
#features .box3d .box3d-left{
    -webkit-transform:rotateY(-45deg) translateX(-80px) translateY(80px);
    transform:rotateY(-45deg) translateX(-55px) translateY(55px)
}
#features .box3d .box3d-right{
    -webkit-transform:rotateY(45deg) translateX(80px) translateY(80px);
    transform:rotateY(45deg) translateX(53px) translateY(55px)
}
#features .box3d .box3d-open{
    -webkit-transform:rotateX(110deg) rotateY(-22deg) rotateZ(50deg) translateY(0) translateX(10px) translateZ(47px) scaleX(.8)!important;
    transform:rotateX(110deg) rotateY(-21deg) rotateZ(50deg) translateY(0) translateX(2px) translateZ(31px) scaleX(.8)!important;
    opacity:1
}
.f-details{
    text-align:center;
    padding-top:60px;
    padding-bottom:60px;
    overflow:hidden;
    height:370px
}
.hide-f-details{
    padding-top:0;
    padding-bottom:0;
    height:0
}
.f-details .feature-title{
    color:#fff;
    font-size:16px;
    text-transform:uppercase
}
.f-details .feature-text{
    color:#fff;
    font-size:25px;
    margin-top:45px
}
.main{
    height:auto;
    width:100%
}
@media (max-width:767px){
    #features{
        display:none
    }
}
 #graid1,.banner-points li{
    background-repeat:no-repeat
}
#graid1,#graid1 .up-section,.header{
    width:100%
}
.header,.menu,.top{
    height:auto
}
.fulltable,img{
    max-width:100%
}
.button1,.my-slider .leftpart .button{
    -moz-transition:background-color 2s ease-out;
    -o-transition:background-color 2s ease-out
}
#graid1,#graid2{
    background-attachment:fixed
}
#graid3 .button1,.blog a,.blog a:hover,.button1,.call a,.carrer a,.carrer a:hover{
    text-decoration:none
}
#sidebar-wrapper,body,html{
    overflow-x:hidden
}
.field1,.field2,select{
    -webkit-appearance:none;
    -moz-appearance:none
}
body{
    background:#fff
}
*{
    margin:0;
    padding:0
}
@font-face{
    font-family:Raleway-Light;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Raleway-Light.ttf) format("truetype")
}
@font-face{
    font-family:Raleway-Bold;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Raleway-Bold.ttf) format("truetype")
}
@font-face{
    font-family:Dosis-Bold;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Dosis-Bold.ttf) format("truetype")
}
@font-face{
    font-family:Dosis-Medium;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Dosis-Medium.ttf) format("truetype")
}
@font-face{
    font-family:Dosis-Light;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Dosis-Light.ttf) format("truetype")
}
@font-face{
    font-family:Dosis-SemiBold;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Dosis-SemiBold.ttf) format("truetype")
}
@font-face{
    font-family:Dosis-ExtraLight;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Dosis-Light.ttf) format("truetype")
}
@font-face{
    font-family:OpenSans-ExtraBold;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/OpenSans-ExtraBold.ttf) format("truetype")
}
@font-face{
    font-family:"open-sans.light";
    font-style:normal;
    font-weight:400;
    src:url(../fonts/open-sans.light.ttf) format("truetype")
}
@font-face{
    font-family:Roboto-Light;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Roboto-Light.ttf) format("truetype")
}
@font-face{
    font-family:OpenSans-Regular;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/OpenSans-Regular.ttf) format("truetype")
}
#graid1{
    background-image:url(../images/banner.jpg);
    background-position:center top;
    background-size:100% 100%
}
#graid2 .up-section1{
    width:100%;
    height:auto
}
.header{
    padding:10px
}
.stiky1 .off-canvas{
    top:-89px
}
.logo{
    width:64%;
    float:left;
    margin-left:12px
}
.call,.top{
    float:right;
    width:100%
}
.top{
    padding:2px 0 0;
    margin-top:0
}
.call{
    font-family:Dosis-SemiBold;
    font-size:20px;
    text-align:right;
    color:#fff;
    padding-right:15px
}
.call a{
    color:#fff!important
}
.phone{
    text-align:left;
    margin:-4px 5px 0 0
}
.blog,.carrer{
    float:right;
    margin-top:2px;
    color:#B5B1B1;
    font-family:Raleway-Light;
    font-size:16px;
    text-align:right;
    text-transform:uppercase
}
.blog{
    padding:0 15px 0 20px;
    height:18px;
    border-right:1px solid #D4D4D4
}
.blog a{
    color:#B5B1B1!important
}
.blog a:hover{
    color:#00b2c1!important
}
.carrer a{
    color:#B5B1B1!important
}
.carrer a:hover{
    color:#00b2c1!important
}
.menu{
    width:100%;
    float:left;
    padding:46px 0 0;
    text-align:right
}
.my-slider,.my-slider1{
    width:100%;
    height:auto;
    padding:0 10px
}
.my-slider{
    border-bottom:1px dashed #A1A1A1
}
.ecommerce_text1 img{
    margin:2px
}
.button1{
    padding:10px;
    color:#fff;
    font:400 16px "Myriad Pro",sans-serif;
    background-color:#DA4C24;
    border:1px solid #FFF;
    margin:auto!important;
    border-radius:4px;
    width:170px;
    text-align:center;
    letter-spacing:0;
    transition:background-color 2s ease-out
}
.my-slider .leftpart,.my-slider .leftpart .icon1{
    width:100%;
    float:left;
    height:auto
}
.my-slider .leftpart{
    padding:30px;
    background-color:rgba(15,18,49,.76);
    font-family:Raleway-Light;
    font-size:30px;
    font-weight:400;
    color:#228e97;
    min-height:470px
}
.my-slider .leftpart span{
    font-family:Raleway-Bold;
    text-transform:uppercase;
    letter-spacing:1px
}
#graid3 .button1,#graid4 .button2,.heading1,.heading2{
    letter-spacing:2px;
    text-transform:uppercase
}
.my-slider .leftpart .button{
    padding:8px 10px;
    color:#383333;
    float:right;
    font:400 16px "Myriad Pro",sans-serif;
    border:1px solid #383333;
    text-transform:uppercase;
    margin:15px 35px 30px 40px;
    border-radius:4px;
    transition:background-color 2s ease-out
}
.my-slider .rightpart,.rightpart span{
    font-family:Karla,sans-serif;
    color:#fff
}
#graid3 .button1,.my-slider .leftpart .button:hover{
    -moz-transition:background-color 2s ease-out;
    -o-transition:background-color 2s ease-out
}
.my-slider .leftpart .button:hover{
    color:#fff;
    background-color:#fc9d0d;
    border:1px solid #fc9d0d;
    -webkit-transition:background-color 2s ease-out;
    transition:background-color 2s ease-out
}
.my-slider .leftpart .partner1{
    width:40%;
    float:left
}
.my-slider .leftpart .partner1 img{
    width:100%;
    -webkit-filter:grayscale(100%);
    filter:gray;
    -webkit-transition:all .6s ease
}
.my-slider .leftpart .partner1 img:hover{
    -webkit-filter:grayscale(0);
    cursor:pointer;
    filter:none
}
.my-slider .leftpart .partner2{
    width:40%;
    float:right;
    margin-right:35px
}
.my-slider .leftpart .partner2 img{
    width:100%;
    -webkit-filter:grayscale(100%);
    filter:gray;
    -webkit-transition:all .6s ease
}
.my-slider .leftpart .partner2 img:hover{
    -webkit-filter:grayscale(0);
    cursor:pointer;
    filter:none
}
#graid5 .box4 img,.way2-1 img{
    -webkit-filter:grayscale(100%)
}
.my-slider .rightpart{
    width:100%;
    padding:67px 0 0;
    height:auto;
    float:left;
    font-size:16px;
    min-height:418px
}
.banner-points{
    width:100%;
    height:auto;
    float:left;
    margin:0;
    padding:0;
    list-style:none
}
.banner-points li{
    width:93%;
    height:auto;
    float:left;
    margin-bottom:5px;
    padding:7px 7px 7px 7%;
    background-image:url(../images/li-bg.png);
    background-position:10px center;
    list-style:none;
    background-color:rgba(0,0,0,.16);
    font-size:15px;
    text-align:left
}
.seperator,.solutions{
    background-position:center center;
    margin-bottom:20px;
    background-repeat:no-repeat
}
.rightpart span{
    font-size:50px;
    font-weight:600
}
.ecommerce_heading-my,.solutions-text{
    text-align:left;
    font-family:Roboto-Light
}
.my-slider .rightpart img{
    width:88%
}
.discover,.seperator,.solutions,.solutions-text{
    width:100%;
    float:left
}
@keyframes nudge{
    0%,100%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(100px,0)
    }
}
.seperator{
    height:20px;
    margin-top:20px
}
.discover{
    height:auto;
    animation:nudge 2s linear infinite;
    z-index:2;
    position:relative
}
.solutions{
    background-color:#17212D;
    height:auto
}
.solutions-text{
    color:#fff;
    height:auto;
    padding:2.5%
}
.solutions-text .ecommerce_heading-my{
    margin-top:0
}
.solutions-image{
    width:95%;
    height:auto;
    float:left;
    padding:2.5%
}
.ecommerce_heading-my{
    width:100%;
    height:auto;
    font-size:30px;
    background-image:url(../images/about-strip.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    line-height:50px;
    margin-top:50px
}
#graid2{
    width:100%;
    background-image:url(../images/bg-product.jpg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
#graid2 .top-section{
    width:100%;
    padding:30px 0;
    background:rgba(0,0,0,.8)
}
.heading1{
    width:100%;
    height:auto;
    text-align:center;
    font-family:Dosis-Light;
    color:#fff;
    font-size:32px
}
#graid3{
    background-color:#fff;
    padding:20px 0
}
#graid3 .button1{
    padding:12px 20px;
    color:#383333;
    font:400 16px "Myriad Pro",sans-serif;
    border:1px solid #383333;
    margin:auto!important;
    border-radius:4px;
    width:240px;
    text-align:center;
    transition:background-color 2s ease-out
}
.heading2,.heading3{
    font-size:32px;
    text-align:center
}
#graid4-1,#graid4-2{
    width:100%;
    float:left;
    height:auto
}
#graid3 .button1:hover,#graid4 .button2{
    -moz-transition:background-color 2s ease-out;
    -o-transition:background-color 2s ease-out
}
#graid3 .button1:hover{
    color:#fff;
    text-decoration:none!important;
    background-color:#fc9d0d;
    border:1px solid #fc9d0d;
    transition:background-color 2s ease-out
}
a:-webkit-any-link{
    color:-webkit-link;
    text-decoration:none;
    cursor:auto
}
#graid4{
    height:auto;
    padding:20px 0
}
#graid4-1{
    background:-webkit-linear-gradient(-90deg,rgba(36,136,160,1),rgba(70,188,182,1));
    background:-o-linear-gradient(-90deg,rgba(36,136,160,1),rgba(70,188,182,1));
    background:-moz-linear-gradient(-90deg,rgba(36,136,160,1),rgba(70,188,182,1));
    background:linear-gradient(-90deg,rgba(36,136,160,1),rgba(70,188,182,1))
}
#graid4-3{
    width:60%;
    height:auto;
    float:left
}
#graid4-4{
    width:40%;
    height:auto;
    float:right;
    background-image:url(../images/bg_sub.jpg);
    background-size:100%;
    background-position:right top;
    background-repeat:no-repeat;
    margin-top:-25px;
    padding-bottom:30px
}
#graid5,#graid5-1,#graid6,#graid6-1,.header1,.tab25,.team1{
    float:left
}
#graid4 .left-part1{
    width:100%;
    float:left
}
#graid4 .left-part2{
    width:100%;
    padding:10px
}
#graid4 .testimonial{
    width:100%;
    height:auto;
    padding:10px 60px 0 180px
}
.heading2{
    width:100%;
    height:auto;
    font-family:Dosis-Light;
    color:#fff
}
#graid4 .right-part1{
    width:100%;
    height:auto
}
#graid4 .right-part2{
    height:auto;
    padding:55px 180px 150px 26px;
    margin-bottom:85px;
    width:525px
}
#graid4 .box1,.heading3{
    width:100%;
    color:#fff;
    height:auto
}
.heading3{
    font-family:OpenSans-ExtraBold
}
#graid4 .box1{
    padding:12px 20px;
    background-color:rgba(168,168,168,.5);
    border:1px solid #806E6E;
    border-radius:3px;
    margin:40px 0
}
#graid4 .button2{
    padding:12px 20px;
    color:#fff;
    font:400 16px Dosis-Light,sans-serif;
    border:1px solid #fc9d0d;
    text-decoration:none;
    margin:auto;
    width:175px;
    text-align:center;
    transition:background-color 2s ease-out
}
#graid5 .heading4,.initialism,.service_name,.team_name{
    letter-spacing:1px
}
#graid4 .button2:hover{
    color:#fff;
    text-decoration:none!important;
    cursor:pointer;
    background-color:#fc9d0d;
    border:1px solid #fc9d0d;
    -moz-transition:background-color 2s ease-out;
    -o-transition:background-color 2s ease-out;
    transition:background-color 2s ease-out
}
#cssmenu1 ul li a,#graid5 p a,#graid5 ul li a,#graid5 ul li a:hover,.back_strip a,.back_strip a:hover,.sidebar-nav li a{
    text-decoration:none
}
#graid5{
    background-color:#232323;
    width:100%
}
#graid5-1{
    height:auto;
    width:100%;
    padding:35px 0 0
}
#graid5 .heading4{
    width:100%;
    border-bottom:1px solid #c4c4c4;
    height:auto;
    font-family:Dosis-Medium;
    text-transform:uppercase;
    color:#fff;
    font-size:20px;
    margin-bottom:10px
}
#graid5 .box2,#graid5 .box4{
    width:90%
}
#graid5 p,#graid5 ul li{
    font-size:16px;
    color:#fff;
    font-family:Dosis-Medium
}
#menu,#menu3{
    margin:0 auto
}
#graid5 p{
    line-height:28px;
    margin-bottom:20px
}
#graid5 p a{
    color:#fff!important
}
#graid5 ul{
    list-style-type:square;
    padding-left:17px
}
#graid5 ul li{
    line-height:20px;
    margin-bottom:10px
}
#graid5 ul li a{
    color:#fff
}
#graid5 ul li a:hover{
    color:#FC9D0D
}
#graid5 .box3{
    width:90%;
    min-height:120px
}
#graid5 .box4 img{
    filter:gray;
    -webkit-transition:all .6s ease
}
#graid5 .box4 img:hover{
    filter:grayscale(0)
}
#graid5 .box4 span{
    color:#898989;
    text-transform:uppercase
}
#graid6{
    background-color:#656565;
    width:100%
}
.fixed,.fixed3{
    position:fixed;
    top:-5px;
    left:0;
    background-color:#fff;
    z-index:7000;
    width:100%
}
#graid6-1{
    height:auto;
    width:100%;
    padding:10px 0 1px
}
#graid6-1 p{
    font-family:Dosis-Medium;
    font-size:15px;
    color:#fff;
    line-height:20px
}
.tab25{
    width:100%;
    height:auto;
    display:none
}
.fixed{
    box-shadow:0 0 15px #7B7272;
    -webkit-box-shadow:0 0 15px #7B7272;
    -moz-box-shadow:0 0 15px #7B7272;
    padding-top:10px;
    padding-bottom:10px
}
.fixed .menu{
    padding:12px 0 0
}
.fixed .header1{
    padding:0
}
.fixed3{
    box-shadow:0 0 15px #7B7272;
    -webkit-box-shadow:0 0 15px #7B7272;
    -moz-box-shadow:0 0 15px #7B7272;
    padding-top:10px;
    padding-bottom:10px
}
.header1{
    padding:10px 0;
    width:100%;
    height:auto
}
.my-about{
    width::100%;
    height:auto;
    padding:0;
    background:linear-gradient(rgba(243,243,243,.7),rgba(247,247,247,.7));
    background:-webkit-linear-gradient(rgba(243,243,243,.7),rgba(247,247,247,.7));
    background:-o-linear-gradient(rgba(243,243,243,.7),rgba(247,247,247,.7));
    background:-moz-linear-gradient(rgba(243,243,243,.7),rgba(247,247,247,.7))
}
.about1,.about_heading1,.back_strip{
    width:100%;
    height:auto
}
.about1,.about_heading1,.about_heading3,.my-about2{
    background-repeat:no-repeat
}
.back_strip{
    background-color:#033250;
    padding:11px 0;
    margin:0;
    font:700 15px Dosis-Light,sans-serif;
    color:#fff
}
.about_heading1,.about_heading2,.about_heading3,.about_text,.team_name,.team_text{
    font-family:Roboto-Light
}
.back_strip a{
    color:#00578f
}
.back_strip a:hover{
    color:#fff
}
.about1{
    background-image:url(../images/bg-about1.png);
    padding:23px 0 10px;
    background-position:right;
    background-size:73% 100%
}
.about_heading1{
    color:#033250;
    font-size:48px;
    background-image:url(../images/about-strip.png);
    background-position:bottom left;
    line-height:70px
}
.about_text{
    width:38%;
    height:auto;
    line-height:28px;
    padding-top:15px;
    font-size:15px;
    color:#041927
}
.my-about2{
    width:100%;
    height:auto;
    background-color:#def1fb;
    background-image:url(../images/about-bg1.png);
    background-position:bottom;
    padding:40px 0
}
.about_heading2{
    width:70%;
    height:auto;
    text-align:center;
    line-height:38px;
    padding:10px 0 30px;
    margin:auto;
    font-size:30px;
    color:#033250
}
.about_heading3,.team1{
    width:100%;
    height:auto
}
.about_heading3{
    color:#def1fb;
    font-size:35px;
    background-image:url(../images/about-strip.png);
    background-position:bottom left;
    padding:20px 0 8px
}
.about_heading3 span{
    font-size:18px;
    color:#def1fb;
    padding-left:10px
}
.team2,.team3{
    width:100%;
    float:right;
    background-repeat:no-repeat;
    height:auto
}
.team2{
    background-image:url(../images/about_bg.png);
    background-size:60% 100%;
    background-position:top right
}
.team3{
    background-image:url(../images/teambg.png);
    background-position:right;
    background-size:50% auto
}
#team_footer-3,#team_footer-4{
    width:100%;
    background-position:right top
}
.team_name{
    height:auto;
    float:left;
    line-height:34px;
    padding:40px 25px 30px;
    text-align:center;
    color:#000;
    font-size:25px
}
.team_name span{
    font-weight:700;
    font-size:15px;
    text-transform:uppercase
}
.teambg1{
    height:auto;
    margin:0;
    padding:0;
    background-image:url(../images/about_bg.png);
    background-repeat:no-repeat;
    background-size:30% 100%
}
.team_pic{
    float:left;
    padding:0
}
.team_pic img{
    width:100%
}
.team_text{
    height:auto;
    float:left;
    padding:0 0 5px 20px;
    text-align:left;
    color:#fff;
    font-size:15px
}
.team_text .span2{
    font-weight:700;
    font-size:19px;
    width:100%;
    line-height:15px;
    height:auto;
    margin-bottom:20px
}
.img51,.img52{
    margin:15px 10px 20px 0
}
.team_text .span3{
    font-weight:700;
    font-size:45px;
    width:100%;
    height:auto;
    padding:50px 0
}
#team_footer{
    width:100%;
    height:auto;
    float:left;
    padding:0
}
#team_footer-1{
    width:100%;
    float:left;
    height:auto;
    background:-webkit-linear-gradient(-90deg,rgba(36,136,160,1),rgba(70,188,182,1));
    background:-o-linear-gradient(-90deg,rgba(36,136,160,1),rgba(70,188,182,1));
    background:-moz-linear-gradient(-90deg,rgba(36,136,160,1),rgba(70,188,182,1));
    background:linear-gradient(-90deg,rgba(36,136,160,1),rgba(70,188,182,1))
}
#team_footer-3,#team_footer-4,.footer_heading{
    background-repeat:no-repeat;
    height:auto
}
#team_footer-2{
    width:100%;
    height:auto;
    float:left;
    background-image:url(../images/pattren1.png)
}
#team_footer-3{
    float:left;
    background-image:url(../images/footer-bg-left.png);
    padding:30px 0 20px;
    background-size:52%;
    background-position-y:21px
}
#team_footer-4{
    float:right;
    background-image:url(../images/teamfooter.png);
    background-size:35% 100%
}
.team_footer_left{
    width:60%;
    float:right;
    text-align:right
}
.footer_heading,.team_footer_right{
    width:100%;
    font-size:35px;
    font-family:Roboto-Light;
    color:#fff
}
.team_footer_right{
    text-align:center;
    padding:75px 50px
}
.footer_heading{
    float:left;
    background-image:url(../images/about-strip.png);
    background-position:bottom left;
    background-size:11%
}
#cssmenu1 ul li a,#cssmenu1 ul ul li a{
    font-family:Raleway-Light
}
.img51{
    width:22%;
    float:left
}
.img52{
    width:12%;
    float:left
}
.text-new{
    width:100%;
    font-weight:400!important;
    font-size:16px!important
}
.my-margin{
    margin:5px 0 20px
}
.service_main{
    width:100%;
    height:auto;
    float:left;
    background:-webkit-linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1));
    background:-o-linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1));
    background:-moz-linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1));
    background:linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1))
}
.service_main-1{
    width:100%;
    height:auto;
    float:left;
    background-image:url(../images/pattren1.png)
}
.service_menu{
    width:100%;
    height:auto;
    float:left;
    background-color:rgba(0,133,161,.5)
}
#cssmenu1{
    position:relative;
    height:auto;
    width:auto;
    text-align:right;
    padding:5px 0
}
#cssmenu1 ul{
    list-style:none;
    padding:0;
    margin:0;
    line-height:1
}
#cssmenu1>ul{
    position:relative;
    display:block;
    width:100%;
    z-index:500
}
#cssmenu1:after,#cssmenu1>ul:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
#cssmenu1.align-right>ul>li{
    float:right
}
#cssmenu1.align-center ul{
    text-align:center
}
#cssmenu1.align-center ul ul{
    text-align:left
}
#cssmenu1>ul>li{
    display:inline-block;
    position:relative;
    margin:0;
    padding:0
}
#cssmenu1>ul>#menu-button{
    display:none
}
#cssmenu1 ul li a{
    display:block
}
#cssmenu1>ul>li>a{
    font-size:14px;
    padding:8px 14px;
    border-radius:40px;
    border:1px solid #fff;
    margin-left:5px;
    color:#fff;
    text-transform:uppercase;
    -webkit-transition:color .25s ease-out;
    -moz-transition:color .25s ease-out;
    -ms-transition:color .25s ease-out;
    -o-transition:color .25s ease-out;
    transition:color .25s ease-out
}
#cssmenu1>ul>li.has-sub>a{
    padding-right:32px
}
#cssmenu1>ul>li:hover>a{
    color:#033250;
    border:1px solid #033250
}
#indicatorContainer{
    position:absolute;
    height:12px;
    width:100%;
    bottom:0;
    overflow:hidden;
    z-index:-1
}
#cIndicator,#cssmenu1>ul>li>ul::after,#pIndicator{
    height:0;
    position:absolute
}
#pIndicator{
    width:100%;
    border:12px solid transparent;
    border-top-color:#2b2f3a;
    z-index:-2;
    -webkit-transition:left .25s ease;
    -moz-transition:left .25s ease;
    -ms-transition:left .25s ease;
    -o-transition:left .25s ease;
    transition:left .25s ease
}
#cIndicator{
    width:100%;
    border:12px solid transparent;
    border-top-color:#2b2f3a;
    top:-12px;
    right:100%;
    z-index:-2
}
#cssmenu1 ul ul{
    position:absolute;
    left:-9999px;
    background-color:#fff;
    padding:10px;
    border-radius:10px;
    top:70px;
    opacity:0;
    -webkit-transition:opacity .3s ease,top .25s ease;
    -moz-transition:opacity .3s ease,top .25s ease;
    -ms-transition:opacity .3s ease,top .25s ease;
    -o-transition:opacity .3s ease,top .25s ease;
    transition:opacity .3s ease,top .25s ease;
    z-index:1000
}
#cssmenu1>ul>li:hover>ul{
    left:7px;
    top:32px;
    opacity:1
}
#cssmenu1.align-right>ul>li:hover>ul{
    left:auto;
    right:0;
    opacity:1
}
#cssmenu1 ul ul li:hover>ul{
    left:170px;
    top:0;
    opacity:1
}
#cssmenu1.align-right ul ul li:hover>ul{
    left:auto;
    right:170px;
    top:0;
    opacity:1;
    padding-right:5px
}
#cssmenu1 ul ul li a{
    width:180px;
    border-bottom:1px solid #ededed;
    padding:10px 20px;
    font-size:13px;
    color:#0085a1;
    font-weight:700;
    text-align:left;
    background:#fff;
    -webkit-transition:all .35s ease;
    -moz-transition:all .35s ease;
    -ms-transition:all .35s ease;
    -o-transition:all .35s ease;
    transition:all .35s ease
}
#cssmenu1.align-right ul ul li a{
    text-align:right
}
#cssmenu1 ul ul li:hover>a{
    background:#f2f2f2;
    color:#8c9195
}
#cssmenu1 ul ul li.last>a,#cssmenu1 ul ul li:last-child>a{
    border-bottom:0
}
#cssmenu1 li.has-sub::after{
    display:block;
    content:"";
    position:absolute;
    width:0;
    height:0
}
#cssmenu1>ul>li.has-sub::after{
    right:10px;
    top:20px;
    border:5px solid transparent;
    border-top-color:#7a8189
}
#cssmenu1>ul>li:hover::after{
    border-top-color:#fff
}
#cssmenu1>ul>li>ul::after{
    content:'';
    border:6px solid transparent;
    width:0;
    border-bottom-color:transparent;
    top:-12px;
    left:30px
}
#cssmenu1.align-right>ul>li>ul::after{
    left:auto;
    right:30px
}
#cssmenu1 ul ul li.has-sub::after{
    border:4px solid transparent;
    border-left-color:#9ea2a5;
    right:10px;
    top:12px;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transition:-webkit-transform .2s ease,right .2s ease
}
#cssmenu1.align-right ul ul li.has-sub::after{
    border-left-color:transparent;
    border-right-color:#9ea2a5;
    right:auto;
    left:10px
}
#cssmenu1 ul ul li.has-sub:hover::after{
    border-left-color:#fff;
    right:-5px;
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
#cssmenu1.align-right ul ul li.has-sub:hover::after{
    border-right-color:#fff;
    border-left-color:transparent;
    left:-5px;
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.service_box{
    width:57%;
    height:auto;
    float:left;
    background-image:url(../images/footer-bg-left.png);
    background-repeat:no-repeat;
    background-size:45%;
    background-position-y:20px!important;
    background-position:top right
}
.service_name{
    font-family:Dosis-Light;
    text-transform:uppercase;
    margin:4px 0 0 160px;
    font-size:110px;
    color:rgba(255,255,255,.1)
}
.service_name span{
    font-family:Dosis-bold;
    font-weight:400;
    font-size:50px;
    color:rgba(0,133,161,1);
    line-height:0;
    margin:-21px 0 0 63px;
    float:left;
    position:relative
}
.service_page{
    width:100%;
    height:auto;
    float:left;
    background-color:#fff;
    padding:40px 0 0
}
.service001{
    width:100%;
    height:auto;
    margin:0 0 40px;
    padding:0;
    float:left
}
.service_text h3,.service_text1 h3{
    margin-bottom:15px;
    font-family:Raleway-Light
}
.product_img{
    width:100%;
    height:auto;
    float:left
}
.product_img img{
    width:100%
}
.service_text{
    width:95%;
    float:right;
    height:auto;
    padding-top:10px
}
.service_text h3{
    color:#0085a1;
    font-size:30px
}
.service_text p{
    font-family:Raleway-Light;
    font-size:14px;
    color:#b4b4b4;
    line-height:21px
}
.service_text1{
    width:100%;
    margin-left:15px;
    float:left;
    height:auto;
    padding-top:10px
}
.product_img1,.product_img2{
    float:right;
    text-align:right;
    height:auto
}
.service_text1 h3{
    color:#0085a1;
    font-size:30px
}
.service_text1 p{
    font-family:Raleway-Light;
    font-size:14px;
    color:#b4b4b4;
    line-height:21px
}
.product_img1{
    width:100%
}
.product_img1 img{
    width:90%
}
.product_img2{
    width:100%
}
.product_img2 img{
    width:77%
}
.logo_mobile{
    width:100%;
    height:auto;
    margin-bottom:20px;
    float:left
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    background-color:transparent
}
#wrapper{
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    padding-left:0;
    -webkit-transition:all .5s ease;
    font-family:Raleway-Light;
    transition:all .5s ease;
    display:none
}
.contact_heading1,.contact_heading2{
    font-family:Roboto-Light
}
#wrapper.toggled{
    padding-left:220px
}
#wrapper.toggled #sidebar-wrapper{
    width:220px
}
#wrapper.toggled #page-content-wrapper{
    margin-right:-220px;
    position:absolute;
    z-index:50000
}
#sidebar-wrapper{
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    background:#1a1a1a;
    height:100%;
    left:220px;
    margin-left:-220px;
    overflow-y:auto;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    width:0;
    z-index:1000
}
#sidebar-wrapper::-webkit-scrollbar{
    display:none
}
#page-content-wrapper{
    padding-top:70px;
    width:100%
}
.sidebar-nav{
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    width:220px
}
.sidebar-nav li{
    display:inline-block;
    line-height:20px;
    position:relative;
    width:100%
}
.sidebar-nav li:before{
    -moz-transition:width .2s ease-in;
    -ms-transition:width .2s ease-in;
    background-color:#1c1c1c;
    content:'';
    height:100%;
    left:0;
    position:absolute;
    top:0;
    -webkit-transition:width .2s ease-in;
    transition:width .2s ease-in;
    width:3px;
    z-index:-1
}
.sidebar-nav li:nth-child(10):before,.sidebar-nav li:nth-child(2):before,.sidebar-nav li:nth-child(3):before,.sidebar-nav li:nth-child(4):before,.sidebar-nav li:nth-child(5):before,.sidebar-nav li:nth-child(6):before,.sidebar-nav li:nth-child(7):before,.sidebar-nav li:nth-child(8):before,.sidebar-nav li:nth-child(9):before{
    background-color:#4ab5b5
}
.sidebar-nav li:hover:before{
    -webkit-transition:width .2s ease-in;
    transition:width .2s ease-in;
    width:100%
}
.sidebar-nav li a{
    color:#ddd;
    display:block;
    padding:10px 15px 10px 30px
}
.sidebar-nav li.open:hover before{
    -webkit-transition:width .2s ease-in;
    transition:width .2s ease-in;
    width:100%
}
.sidebar-nav .dropdown-menu{
    background-color:#222;
    border-radius:0;
    border:none;
    box-shadow:none;
    margin:0;
    padding:0;
    position:relative;
    width:100%
}
.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus,.sidebar-nav li.open a:hover{
    background-color:#4ab5b5;
    color:#fff;
    text-decoration:none
}
.sidebar-nav>.sidebar-brand{
    font-size:20px;
    height:auto;
    line-height:44px;
    background-color:#1A1A1A;
    width:100%
}
.hamburger.is-closed:before,.hamburger.is-open:before{
    color:#fff;
    font-size:14px;
    line-height:32px;
    content:'';
    text-align:center
}
.hamburger{
    background:0 0;
    border:none;
    display:block;
    height:32px;
    margin-left:15px;
    position:fixed;
    top:20px;
    width:32px;
    z-index:999
}
.contact_1,.contact_heading1,.map{
    background-repeat:no-repeat
}
.hamburger:active,.hamburger:focus,.hamburger:hover{
    outline:0
}
.hamburger.is-closed:before{
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition:all .35s ease-in-out;
    display:block;
    opacity:0;
    width:100px
}
.hamburger.is-closed:hover before{
    -webkit-transform:translate3d(-100px,0,0);
    -webkit-transition:all .35s ease-in-out;
    display:block;
    opacity:1
}
.hamburger.is-closed:hover .hamb-top{
    -webkit-transition:all .35s ease-in-out;
    top:0
}
.hamburger.is-closed:hover .hamb-bottom{
    -webkit-transition:all .35s ease-in-out;
    bottom:0
}
.hamburger.is-closed .hamb-top{
    -webkit-transition:all .35s ease-in-out;
    background-color:rgba(255,255,255,.7);
    top:5px
}
.hamburger.is-closed .hamb-middle{
    background-color:rgba(255,255,255,.7);
    margin-top:-2px;
    top:50%
}
.hamburger.is-closed .hamb-bottom{
    -webkit-transition:all .35s ease-in-out;
    background-color:rgba(255,255,255,.7);
    bottom:5px
}
.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-top{
    -webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);
    margin-top:-2px;
    top:50%
}
.hamburger.is-closed .hamb-bottom,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-top,.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-top{
    height:4px;
    left:0;
    position:absolute;
    width:100%
}
.hamburger.is-open .hamb-top{
    -webkit-transform:rotate(45deg);
    background-color:#fff
}
.hamburger.is-open .hamb-middle{
    background-color:#fff;
    display:none
}
.hamburger.is-open .hamb-bottom{
    -webkit-transform:rotate(-45deg);
    background-color:#fff
}
.hamburger.is-open:before{
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition:all .35s ease-in-out;
    display:block;
    opacity:0;
    width:100px
}
.hamburger.is-open:hover before{
    -webkit-transform:translate3d(-100px,0,0);
    -webkit-transition:all .35s ease-in-out;
    display:block;
    opacity:1
}
.overlay{
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.4)
}
.contact_1{
    width:100%;
    height:314px;
    background-image:url(../images/contact_bg.png);
    padding:23px 0 10px;
    background-position:bottom center;
    background-size:80%;
    background-position-y:20px
}
.india,.uk1{
    height:auto;
    float:left
}
.uk1{
    width:100%;
    margin:1% 0 0 46%
}
.uk1 img{
    width:3%
}
.india{
    width:100%;
    margin:-2% 0 0 60%
}
.india img{
    width:2%
}
.contact_box,.contact_heading1,.contact_left{
    width:100%;
    height:auto
}
.contact_box{
    float:left;
    background-color:#fff;
    border-top:1px solid #dfdcd6;
    padding:50px 0
}
.contact_heading1{
    color:#033250;
    font-size:40px;
    background-image:url(../images/about-strip.png);
    background-position:bottom left;
    line-height:55px
}
.contact_left{
    float:left
}
.map{
    width:90%;
    height:auto;
    float:left;
    margin-top:20px;
    background-image:url(../images/map.jpg);
    background-size:100% 100%
}
.contact_box2{
    width:94%;
    float:left;
    padding:2% 3%;
    margin:20px;
    background-color:rgba(255,255,255,.8)
}
.contact_heading2{
    width:100%;
    float:left;
    height:auto;
    color:#e25c16;
    font-size:25px;
    line-height:25px;
    margin-bottom:8px
}
.contact_text,.contact_text span{
    float:left;
    font-family:"Myriad Pro";
    height:auto
}
.contact_text{
    width:50%;
    margin-bottom:20px;
    color:#94918A;
    font-size:15px
}
.contact_text span{
    width:100%;
    line-height:25px;
    color:#000;
    text-transform:uppercase;
    font-size:15px
}
.contact_field31,.contact_field32{
    width:100%;
    padding:12px;
    float:left;
    background-color:#fdfdfd;
    font-size:15px;
    color:#94918A;
    background-image:url(../images/blue.png);
    background-repeat:no-repeat;
    background-position:top right;
    font-family:'Playfair Display',serif;
    outline:0
}
.contact_right{
    width:100%;
    height:auto;
    float:left
}
.contact_query{
    width:100%;
    height:auto;
    float:left;
    margin-top:20px
}
.contact_field31{
    height:auto;
    border:1px solid #888787;
    margin-bottom:12px;
    border-radius:4px
}
.contact_field32{
    height:100px;
    border:1px solid #888787;
    margin-bottom:10px;
    border-radius:4px
}
.button_reset,.quation{
    font-size:18px;
    font-family:"Myriad Pro";
    float:left
}
.quation{
    width:40%;
    height:auto;
    color:#000;
    line-height:48px
}
.answer{
    width:60%;
    height:auto;
    float:left
}
.button_reset{
    color:#fff;
    background:#e25c16;
    line-height:25px;
    padding:2px 20px;
    border:2px solid #cc4d0b;
    margin:5px 10px 0 0;
    border-radius:30px;
    text-align:center
}
.button_reset:hover{
    background-color:#fff;
    color:#e25c16
}
::-webkit-input-placeholder{
    color:#CAC8C5
}
:-moz-placeholder{
    color:#dfdcd6;
    opacity:1
}
input.submit{
    width:100%;
    background-color:#DA4C24;
    border:1px solid #fff;
    padding:7px;
    line-height:24px;
    border-radius:4px;
    margin-bottom:5px
}
.contact-us-3{
    padding:2.5%;
    background-color:rgba(234,234,234,.53);
    border:1px dashed #C3C3C3;
    box-shadow:1px 10px 20px #A1A1A1
}
.or-part{
    width:100%;
    float:left;
    text-align:center;
    font-family:'Playfair Display',serif;
    font-size:20px;
    color:#fff
}
.portfolio_heading,.portfolio_text{
    font-family:Roboto-Light
}
::-moz-placeholder{
    color:#dfdcd6;
    opacity:1
}
:-ms-input-placeholder{
    color:#dfdcd6
}
.hint,[data-hint]{
    position:relative;
    padding:45px 0
}
.hint:after,.hint:before,[data-hint]:after,[data-hint]:before{
    position:absolute;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    visibility:hidden;
    opacity:0;
    z-index:1000000;
    pointer-events:none;
    -webkit-transition:.3s ease;
    -moz-transition:.3s ease;
    transition:.3s ease;
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    transition-delay:0s
}
.hint:focus:after,.hint:focus:before,.hint:hover:after,.hint:hover:before,[data-hint]:focus:after,[data-hint]:focus:before,[data-hint]:hover:after,[data-hint]:hover:before{
    visibility:visible;
    opacity:1
}
.hint:hover:after,.hint:hover:before,[data-hint]:hover:after,[data-hint]:hover:before{
    -webkit-transition-delay:.1s;
    -moz-transition-delay:.1s;
    transition-delay:.1s
}
.hint:before,[data-hint]:before{
    content:'';
    position:absolute;
    background:0 0;
    border:6px solid transparent;
    z-index:1000001
}
.dev_right1 span,.view,.view img{
    position:relative
}
.hint:after,[data-hint]:after{
    content:attr(data-hint);
    background:#383838;
    color:#fff;
    padding:10px;
    font-size:14px;
    line-height:12px;
    white-space:nowrap
}
.hint--top:before{
    border-top-color:#383838;
    margin-bottom:-12px
}
.hint--top:after{
    margin-left:-18px
}
.hint--top:after,.hint--top:before{
    bottom:100%;
    left:21%
}
.hint--top:focus:after,.hint--top:focus:before,.hint--top:hover:after,.hint--top:hover:before{
    -webkit-transform:translateY(-8px);
    -moz-transform:translateY(-8px);
    transform:translateY(-8px)
}
.hint--left:before{
    border-left-color:#383838;
    margin-right:-12px;
    margin-bottom:-6px
}
.hint--left:after{
    margin-bottom:-14px
}
.hint--left:after,.hint--left:before{
    right:100%;
    bottom:75%
}
.hint--left:focus:after,.hint--left:focus:before,.hint--left:hover:after,.hint--left:hover:before{
    -webkit-transform:translateX(-8px);
    -moz-transform:translateX(-8px);
    transform:translateX(-8px)
}
.portfolio01{
    width:100%;
    height:auto;
    float:left;
    padding:2% 4%;
    background-color:#fff
}
.portfolio02{
    width:850px;
    height:auto;
    float:left
}
.portfolio_left{
    width:60%;
    height:auto;
    float:left
}
.portfolio_right{
    width:40%;
    height:auto;
    float:left
}
.portfolio_heading{
    color:#333;
    font-size:30px;
    line-height:0;
    margin-bottom:20px
}
.portfolio_text{
    line-height:21px;
    font-size:14px;
    color:#041927;
    margin-bottom:15px
}
.portfolio_text span{
    text-transform:uppercase;
    font-weight:700;
    line-height:35px
}
.weblink{
    font-size:14px;
    text-decoration:none!important;
    font-family:"Myriad Pro";
    color:#fff!important;
    background:#e25c16;
    line-height:25px;
    padding:6px 12px;
    border:2px solid #cc4d0b;
    text-transform:uppercase;
    margin:5px 0 0;
    border-radius:5px;
    text-align:center
}
.ecommerce_heading,.ecommerce_text1{
    font-family:Roboto-Light
}
.weblink:hover{
    text-decoration:none;
    color:#e25c16!important;
    background:#fff!important
}
.ecommerce_heading,.ecommerce_heading4{
    background-image:url(../images/about-strip.png);
    background-repeat:no-repeat;
    height:auto;
    text-align:center
}
.cancel_top{
    margin:-31px -25px 0 0;
    float:right;
    width:30px;
    cursor:pointer
}
.well{
    box-shadow:0 0 10px rgba(0,0,0,.8);
    display:none;
    margin:1em
}
pre.prettyprint{
    padding:9px 14px
}
.fulltable{
    overflow:auto
}
.container{
    padding-left:0;
    padding-right:0
}
.lineheight{
    line-height:3em
}
.pagetop{
    background-color:#000;
    background-attachment:fixed;
    color:#fff
}
.page-header{
    border-bottom:none
}
.initialism{
    font-weight:700;
    font-size:12px
}
.filter_box{
    display:none!important
}
strong{
    color:#ED5410
}
.ecommerce{
    width:100%;
    height:auto;
    float:left;
    padding:20px 10px 0
}
.ecommerce img{
    width:100%
}
.ecommerce_text2{
    width:100%;
    height:auto;
    float:left;
    padding:10px 0
}
.ecommerce_text{
    width:100%;
    height:auto;
    float:left;
    padding:0;
    background-color:#f2f2f2
}
.ecommerce_heading{
    width:100%;
    color:#033250;
    font-size:30px;
    background-position:bottom;
    line-height:50px
}
.ecommerce_text1{
    width:100%;
    height:auto;
    line-height:28px;
    text-align:center;
    padding:20px 4%;
    font-size:15px;
    color:#041927
}
.ecommerce_heading4{
    width:100%;
    color:#033250;
    font-size:20px;
    background-position:bottom center;
    line-height:50px;
    font-family:'Playfair Display',serif;
    margin-bottom:40px
}
.e_chart_heading,.e_heading{
    background-position:bottom left;
    text-transform:uppercase;
    background-repeat:no-repeat
}
.client-text,.my-subhead{
    font-family:calibri;
    width:100%
}
.my-subhead{
    height:auto;
    line-height:18px;
    margin-top:5px;
    margin-bottom:15px;
    font-size:16px;
    color:#C1C1C1;
    text-transform:uppercase;
    letter-spacing:2px
}
.client-text,.e_heading{
    font-size:18px;
    height:auto
}
.and_right1,.dev_right1,.smo_right,.webd_right1{
    letter-spacing:1px
}
.client-text{
    line-height:28px
}
.e_chart_heading,.e_chart_textp,.e_heading,.e_service_right p,.e_weblink,.responsiveTabsContainer ul[role=tabList] li{
    font-family:Roboto-Light
}
.ecommerce_service{
    width:100%;
    height:auto;
    float:left;
    background-color:#f8f8f8;
    padding:0 0 30px
}
.e_service_left{
    width:100%;
    height:auto;
    float:left
}
.e_service_right{
    width:85%;
    height:auto;
    float:right
}
.e_heading{
    width:100%;
    color:#000;
    background-image:url(../images/strip.png);
    line-height:40px;
    margin-bottom:20px
}
.e_service_right p{
    width:100%;
    height:auto;
    line-height:22px;
    font-size:15px;
    color:#041927
}
.responsiveTabsContainer{
    width:100%;
    margin-top:-55px
}
.responsiveTabsContainer h2{
    font-size:16px
}
.responsiveTabsContainer h2.tab{
    margin:0;
    background-color:#DBDBDB;
    cursor:pointer;
    padding:10px
}
.responsiveTabsContainer ul[role=tabList]{
    -webkit-flex-direction:row;
    display:flex;
    flex-direction:row;
    margin-bottom:-1px;
    margin-top:0;
    padding:0
}
.responsiveTabsContainer ul[role=tabList] li{
    -webkit-flex:1 1 auto;
    flex:1 1 auto;
    list-style:none;
    font-size:18px;
    background-color:rgba(248,248,248,.34);
    font-weight:700;
    border:1px solid #F3EFEF;
    color:#999;
    padding:15px;
    text-align:center;
    cursor:pointer;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
#tab0::before{
    background-image:url(../images/02.png);
    height:50px;
    width:50px;
    float:left
}
.responsiveTabsContainer ul[role=tabList] li[aria-selected=true]{
    color:#ED5410;
    background-color:#f8f8f8;
    text-align:center;
    font-family:Roboto-Light;
    padding:15px
}
.responsiveTabsContainer .panels .tab,.responsiveTabsContainer .panels div[aria-hidden=true],.responsiveTabsContainer .panels label{
    display:none
}
.responsiveTabsContainer .panels .panel{
    background-color:#f8f8f8;
    padding:30px 10px
}
.e_chart,.e_portfilo{
    height:auto;
    padding:50px 0
}
@media all and (max-width:640px){
    .responsiveTabsContainer{
        width:100%
    }
    .responsiveTabsContainer ul[role=tabList]{
        -webkit-flex-direction:column;
        flex-direction:column;
        display:none
    }
    .responsiveTabsContainer .panels .tab{
        display:block
    }
}
.e_chart{
    width:100%;
    float:left
}
.e_chart_text{
    width:100%;
    height:auto;
    float:left
}
.e_chart_heading{
    width:100%;
    height:auto;
    color:#000;
    font-size:18px;
    background-image:url(../images/strip.png);
    line-height:40px;
    margin-bottom:20px
}
.e_chart_textp{
    width:96%;
    height:auto;
    line-height:24px;
    font-size:15px;
    color:#041927
}
.e_chart_img{
    width:100%;
    height:auto;
    float:left
}
.e_chart_img img{
    width:90%;
    float:right
}
.e_portfilo{
    width:100%;
    float:left;
    background-color:#f8f8f8
}
.e_portfilo1{
    width:100%;
    height:291px;
    float:left;
    padding:0;
    background-image:url(../images/portfolio.png);
    background-repeat:no-repeat;
    background-size:100%
}
.e_portfilo_1{
    width:90%;
    height:auto;
    float:left;
    margin:30px 0 0
}
.e_weblink{
    background-color:#fff;
    border:1px solid #cbcdcf;
    padding:5px 20px;
    text-align:center;
    text-transform:uppercase;
    color:#cbcdcf!important;
    font-size:18px;
    text-decoration:none;
    margin:3% 26% 0;
    float:left
}
.seo_box2,.seo_box3{
    border-bottom:2px solid #266871
}
.seo_box2,.seo_box4{
    border-right:2px solid #266871
}
.seo_right h4,.seo_right p{
    font-family:Raleway-Light
}
.e_weblink:hover{
    background-color:#cbcdcf;
    color:#fff!important;
    text-decoration:none
}
.view{
    float:left;
    height:176px;
    width:93%;
    margin:13px 8px 0 13px;
    z-index:0;
    overflow:hidden;
    transition:all .3s ease 0s
}
.view img{
    transition:all 1s ease 0s;
    margin-top:0;
    top:0
}
.view:hover>img.demo1{
    margin-top:-408px;
    transition:all 8s ease 0s
}
.e_design,.e_dev{
    margin:30px 0
}
.seo_banner{
    width:100%;
    float:left;
    background-color:#f2efdc;
    background-image:url(../images/seo-banner.png);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:top center;
    height:350px;
    background-position-y:-15px
}
.seo_box,.seo_box1,.seo_left,.seo_page,.seo_right,.seo_serivce,.seo_serivce1,.seo_serivce2{
    width:100%;
    height:auto;
    float:left
}
.seo_banner1{
    width:100%
}
.seo_page{
    background-color:#fff;
    padding:40px 0;
    background-image:url(../images/seo-text-bg.png)
}
.seo_right{
    padding:50px 40px
}
.seo_right h4{
    color:#0085a1;
    font-size:30px;
    margin-bottom:15px;
    line-height:10px
}
.seo_right p{
    font-size:14px;
    color:#b4b4b4;
    line-height:21px
}
.seo_heading,.seo_heading1{
    font-size:28px;
    margin-bottom:15px
}
.seo_box1 p,.seo_heading,.seo_heading1{
    font-family:Raleway-Light;
    color:#fff
}
.seo_serivce{
    background:-webkit-linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1));
    background:-o-linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1));
    background:-moz-linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1));
    background:linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1))
}
.seo_serivce2{
    background-color:rgba(0,133,161,.5);
    padding:30px
}
.seo_box{
    padding:0 50px
}
.seo_box1{
    padding:30px 0 30px 20px
}
.seo_box1 p{
    font-size:14px;
    line-height:21px
}
.seo_box1_img{
    width:20%;
    height:auto;
    float:left;
    margin:0 15px 0 0
}
.seo_box2,.seo_box3,.seo_box4,.seo_box5{
    width:50%;
    color:#fff;
    font-size:18px;
    line-height:40px;
    height:auto;
    float:left;
    font-family:Raleway-Light;
    text-align:center
}
.block{
    display:block;
    float:left;
    opacity:.7
}
.seoactive{
    opacity:1;
    background-color:rgba(10,53,58,.42)
}
.seo_img1{
    margin:20px 0 0
}
.block-load{
    display:none;
    float:left
}
.seo_portfolio{
    width:100%;
    height:auto;
    float:left;
    padding:10px 15px;
    box-shadow:0 0 4px #c1c1c1;
    margin-top:20px
}
.seo_link1{
    font-family:Raleway-Light;
    text-transform:none;
    color:#1896A6;
    font-size:22px;
    margin-bottom:15px
}
.seo_link1 span{
    color:#FC7B05
}
.seo_key,.seo_rank{
    float:left;
    border-bottom:1px solid #DBDBDB;
    padding:0 0 5px;
    font-family:Roboto-Light;
    font-size:18px;
    color:#000;
    height:auto
}
.seo_key{
    width:70%
}
.seo_rank{
    width:15%;
    text-align:center
}
.seo_key1,.seo_rank1{
    padding:5px 0;
    font-family:Roboto-Light;
    font-size:16px;
    color:#383333;
    float:left
}
.seokey0{
    width:100%;
    height:auto;
    float:left
}
.seo_key1{
    width:70%;
    height:auto
}
.seo_rank1{
    width:15%;
    height:auto;
    text-align:center
}
.dev_left,.dev_main,.dev_main-1,.dev_main-2{
    width:100%;
    height:auto
}
.seo_portfolio:hover{
    background-color:rgba(255,255,255,.8)
}
.dev_main{
    float:left;
    background:-webkit-linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1));
    background:-o-linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1));
    background:-moz-linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1));
    background:linear-gradient(-90deg,rgba(39,140,164,1),rgba(51,183,175,1))
}
.dev_main-2,.dev_right{
    background-repeat:no-repeat;
    float:left
}
.dev_main-1{
    float:left;
    background-image:url(../images/pattren1.png)
}
.dev_main-2{
    background-image:url(../images/devbg.png);
    padding:50px 0 15px;
    background-position:top center;
    background-size:70%;
    background-position-y:-10px
}
.dev_left{
    float:left
}
.dev_left img{
    width:68%
}
.dev_right{
    width:100%;
    min-height:190px;
    background-image:url(../images/footer-bg-left.png);
    background-size:30%;
    background-position-y:20px!important;
    background-position:right bottom;
    padding:27px 0 30px 149px
}
.dev_right1{
    font-family:Dosis-Light;
    text-transform:uppercase;
    margin:4px 0 0;
    font-size:45px;
    color:rgba(0,133,161,.5);
    font-weight:700
}
.dev_right1 span{
    font-family:Dosis-bold;
    font-weight:400;
    font-size:50px;
    color:rgba(0,133,161,1);
    line-height:0;
    margin:8px 0 0 53px;
    float:left
}
.dev_right2 h4,.dev_right2 p{
    font-family:Raleway-Light
}
.and_right1,.smo_right,.webd_right1{
    font-weight:700;
    text-transform:uppercase
}
.img02{
    width:80%;
    float:right
}
.dev_right2{
    width:100%;
    height:auto;
    float:left;
    padding:50px 40px 0
}
.dev_right2 h4{
    color:#0085a1;
    font-size:30px;
    margin-bottom:27px;
    line-height:10px
}
.dev_right2 p{
    font-size:14px;
    color:#b4b4b4;
    line-height:21px
}
.read01,.read02{
    width:auto;
    height:auto;
    padding:11px 20px;
    background-color:#252525;
    font-size:14px;
    font-family:sans-serif;
    margin-top:15px;
    text-decoration:none;
    border-radius:4px
}
.read01,.read01:hover,.read02,.read02:hover{
    color:#fff!important
}
.read01{
    float:right
}
.read02{
    float:left
}
.and_right1,.smo_right,.tabNav{
    font-family:Dosis-bold
}
.hvr-sweep-to-right{
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale;
    position:relative;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.hvr-sweep-to-right:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#F96A05;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    border-radius:4px;
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{
    color:#fff
}
.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.img10{
    width:50%!important
}
.smo_service,.smo_service1{
    width:100%;
    height:auto;
    float:left
}
.smo_right{
    line-height:72px;
    margin:4px 0 0;
    font-size:130px;
    color:rgba(0,133,161,.5)
}
.smo_right span{
    color:rgba(0,133,161,1)
}
.smo_service{
    padding:45px 0 30px;
    background-color:#eae9e9;
    background-image:url(../images/smobg.png);
    background-size:100%;
    background-position-y:12px;
    background-repeat:no-repeat
}
.smo_service1{
    margin-top:-20px
}
.mResAccordion .mResTabNav{
    display:none
}
.tabNav:after,.tabNav:before{
    content:" ";
    display:table
}
.tabNav:after{
    clear:both
}
.tabNav{
    list-style:none;
    padding:0;
    position:absolute;
    margin:0 0 0 30%
}
.tabNav li{
    float:left;
    padding:0
}
.mResTabAccordA{
    display:inline-block;
    text-decoration:none;
    text-transform:uppercase;
    padding:8px 20px;
    color:#363636!important;
    background-color:#EAE9E9;
    border:2px solid #363636;
    margin-left:2px
}
.mResTabAccordA.active,.mResTabAccordA:hover,.tabNav li.active>.mResTabAccordA{
    background-color:#363636;
    color:#fff!important;
    text-decoration:none
}
.tabContainer .tabContent{
    padding:45px 20px 20px;
    font-family:Raleway;
    text-align:center;
    color:#939393;
    font-size:14px;
    opacity:0;
    -webkit-transition:all .5s ease-in;
    -moz-transition:all .5s ease-in;
    -ms-transition:all .5s ease-in;
    -o-transition:all .5s ease-in;
    transition:all .5s ease-in
}
.tabContainer .tabContent.mTabActive{
    opacity:1;
    display:block
}
.mResTabbing .mResAccordAnchor{
    display:none
}
.mResAccordAnchor{
    display:block;
    margin-bottom:1px;
    position:relative
}
.mResAccordAnchor>span{
    display:block
}
.mResAccordAnchor>span:after{
    display:block;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:30px;
    padding:5px;
    text-align:center;
    font-size:20px;
    content:'+'
}
.mResAccordAnchor.active>span:after{
    content:'--'
}
.mTabAnimated .tabContainer{
    position:relative
}
.mTabAnimated .hideAfterAnim,.mTabSimple .tabContent{
    display:none
}
.defaultState{
    position:absolute;
    left:0;
    top:0
}
.animBlock{
    -webkit-transition:all .6s ease-in;
    -moz-transition:all .6s ease-in;
    -ms-transition:all .6s ease-in;
    -o-transition:all .6s ease-in;
    transition:all .6s ease-in
}
.mTabAnimated .hideAfterAnim{
    -moz-transform:translateX(0) translateY(0);
    -webkit-transform:translateX(0) translateY(0);
    -o-transform:translateX(0) translateY(0);
    -ms-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
}
.mTabAnimated .defaultState{
    -moz-transform:translateY(100px);
    -webkit-transform:translateY(100px);
    -o-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(100px)
}
.mTabAnimated .mTabActive{
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -o-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.smotop{
    width:100%;
    height:2px;
    background-color:#363636;
    float:left
}
.smoportfolio{
    width:100%;
    height:auto;
    float:left;
    padding:10px 0 0
}
.sl-overlay{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#fff;
    opacity:.7;
    display:none;
    z-index:7001
}
.sl-wrapper{
    z-index:1000
}
.sl-wrapper button{
    border:0;
    background:0 0;
    font-size:24px;
    padding:0;
    cursor:pointer
}
.sl-wrapper button:hover{
    opacity:.7
}
.sl-wrapper .sl-close{
    display:none;
    position:fixed;
    right:30px;
    top:30px;
    z-index:7002
}
.sl-wrapper .sl-counter{
    display:none;
    position:fixed;
    top:30px;
    left:30px;
    z-index:1015
}
.sl-wrapper .sl-navigation{
    width:100%;
    display:none
}
.sl-wrapper .sl-navigation button{
    position:fixed;
    top:50%;
    margin-top:-10px;
    height:30px;
    width:30px;
    line-height:30px;
    text-algin:center;
    display:block;
    z-index:7003
}
.sl-wrapper .sl-navigation button.sl-next{
    right:40px
}
.sl-wrapper .sl-navigation button.sl-prev{
    left:40px
}
.sl-wrapper .sl-image{
    position:fixed;
    -ms-touch-action:none;
    touch-action:none;
    z-index:10000
}
.sl-wrapper .sl-image img{
    margin:0;
    padding:0;
    display:block
}
.sl-wrapper .sl-image .sl-caption{
    display:none;
    padding:10px;
    color:#fff;
    background:#000;
    opacity:.8;
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.and_right,.webd_main{
    background-repeat:no-repeat
}
.sl-wrapper .sl-image .sl-download{
    display:none;
    position:absolute;
    bottom:5px;
    right:5px;
    color:#fff;
    z-index:1005
}
.sl-spinner{
    display:none;
    border:5px solid #333;
    border-radius:40px;
    height:40px;
    left:50%;
    margin:-20px 0 0 -20px;
    opacity:0;
    position:fixed;
    top:50%;
    width:40px;
    z-index:1007;
    -webkit-animation:pulsate 1s ease-out infinite;
    -moz-animation:pulsate 1s ease-out infinite;
    -ms-animation:pulsate 1s ease-out infinite;
    -o-animation:pulsate 1s ease-out infinite;
    animation:pulsate 1s ease-out infinite
}
@-webkit-keyframes pulsate{
    0%{
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
@keyframes pulsate{
    0%{
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
@-moz-keyframes pulsate{
    0%{
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
@-o-keyframes pulsate{
    0%{
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
@-ms-keyframes pulsate{
    0%,100%{
        opacity:0
    }
    0%{
        transform:scale(.1)
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2)
    }
}
.container5{
    max-width:1170px;
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
.container5 .gallery a img{
    float:left;
    width:20%;
    height:auto;
    border:2px solid #fff;
    -webkit-transition:-webkit-transform .15s ease;
    -moz-transition:-moz-transform .15s ease;
    -o-transition:-o-transform .15s ease;
    -ms-transition:-ms-transform .15s ease;
    transition:transform .15s ease;
    position:relative
}
.container5 .gallery a:hover img{
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
    z-index:5
}
.container5 .gallery a.big img{
    width:40%
}
.align-center{
    text-align:center
}
.and_left{
    width:100%;
    height:auto;
    float:left
}
.and_left img{
    width:55%
}
.and_right,.webd_left,.webd_main{
    width:100%;
    float:left
}
.and_right{
    min-height:190px;
    background-image:url(../images/footer-bg-left.png);
    background-size:30%;
    background-position-y:20px!important;
    background-position:right bottom;
    padding:27px 0 30px
}
.and_right1{
    line-height:72px;
    margin:48px 0 0;
    font-size:75px;
    color:rgba(0,133,161,1)
}
.webd_main{
    height:auto;
    background-image:url(../images/devbg.png);
    padding:10px 0 15px;
    background-position:top center;
    background-size:70%;
    background-position-y:-10px
}
.webd01_right,.webd_right{
    min-height:190px;
    background-image:url(../images/footer-bg-left.png);
    background-size:30%;
    background-position-y:20px!important;
    background-position:right bottom;
    background-repeat:no-repeat
}
.webd_left{
    height:auto
}
.webd_left img{
    width:83%
}
.webd_right{
    width:100%;
    float:left;
    padding:50px 0 30px 149px
}
.webd_right1{
    font-family:Dosis-Light;
    margin:4px 0 0;
    font-size:45px;
    color:rgba(0,133,161,.5);
    line-height:92px
}
.webd_right1 span{
    font-family:Dosis-bold;
    font-weight:400;
    font-size:50px;
    color:rgba(0,133,161,1);
    line-height:0;
    margin:8px 0 0;
    float:left;
    position:relative
}
.webd_right11 p,.webd_right12 p{
    font-family:Raleway-Light;
    line-height:21px
}
.webd_left1{
    width:100%;
    height:auto;
    float:left
}
.webd_left1 img{
    width:100%;
    margin:50px 0 0
}
.webd_right11{
    width:100%;
    height:auto;
    float:left;
    padding:50px 40px 0 0
}
.webd_right11 h4{
    font-family:Raleway-Light;
    color:#0085a1;
    font-size:30px;
    margin-bottom:15px
}
.webd_right11 p{
    font-size:14px;
    color:#b4b4b4
}
.webd_left2{
    width:100%;
    height:auto;
    float:left
}
.webd_left2 img{
    width:100%;
    margin:20px 0
}
.webd_right12{
    width:100%;
    height:auto;
    float:left;
    padding:0 0 50px 40px
}
.webd_right12 h4{
    font-family:Raleway-Light;
    color:#0085a1;
    font-size:30px;
    margin-bottom:15px
}
.webd_right12 p{
    font-size:14px;
    color:#b4b4b4
}
.webd_left3{
    width:100%;
    height:auto;
    float:right
}
.webd_left3 img{
    width:75%;
    margin:40px 0 0;
    float:right
}
.webd01_right{
    width:100%;
    float:left;
    padding:50px 0 30px 149px
}
.webd1_left{
    width:100%;
    height:auto;
    float:left
}
.webd1_left img{
    width:77%;
    margin:10px 0
}
.webd1_left1{
    width:100%;
    height:auto;
    float:left
}
.webd1_left1 img{
    width:90%;
    float:right;
    margin:30px 0 0
}
.webd2_left2{
    width:100%;
    height:auto;
    float:left
}
.webd2_left2 img{
    width:100%;
    margin:20px 0
}
.webd3_left3{
    width:100%;
    height:auto;
    float:right
}
.webd3_left3 img{
    width:100%;
    margin:60px 0 0;
    float:right
}
.planer,.planer_box1,.planer_text{
    float:left;
    height:auto
}
.planer{
    width:100%;
    padding:23px 0 0;
    text-align:center
}
.planer img{
    width:70%
}
.planer_text{
    width:100%;
    padding:0 100px;
    text-align:center
}
.planer_heading{
    width:100%;
    height:auto;
    color:#033250;
    font-size:40px;
    background-image:url(../images/about-strip.png);
    background-repeat:no-repeat;
    background-position:bottom;
    line-height:55px;
    font-family:Roboto-Light;
    margin-bottom:30px
}
.planer_text p{
    font-family:Raleway-Light;
    margin-bottom:50px;
    font-size:17px;
    padding:0 170px;
    color:#b4b4b4;
    line-height:25px
}
.planer_box1{
    width:100%;
    text-align:left
}
.planer_box1 h3{
    font-family:Roboto-Light;
    color:#000;
    font-size:19px;
    text-transform:uppercase;
    margin-bottom:20px
}
.custom-select,.field1,.field2{
    background-color:#f5f5f5;
    padding:10px;
    color:#94918A
}
.custom-select,.field1,.field2,.submit,input[type=checkbox]+label,input[type=radio]+label{
    font-family:"Myriad Pro";
    font-size:15px
}
.field1{
    -webkit-border-radius:5px;
    border-radius:5px;
    width:100%;
    outline:0;
    border:none
}
.field2{
    -webkit-border-radius:5px;
    min-height:170px;
    border-radius:5px;
    width:60%;
    outline:0;
    border:none;
    margin:0 20%
}
.space4{
    margin-bottom:20px!important;
    width:100%;
    height:auto
}
.custom-select{
    cursor:pointer;
    display:block;
    border:0;
    width:100%;
    border-radius:5px;
    position:relative;
    text-align:left;
    letter-spacing:0;
    text-transform:none
}
.box30,.heading5,.submit{
    text-transform:uppercase
}
select{
    appearance:none;
    text-indent:1px;
    text-overflow:'';
    background:url(../images/arrow-drop1.png) right center no-repeat
}
.call_action1,.career_banner,.get_heading1,.jot_heading{
    background-repeat:no-repeat
}
select::-ms-expand{
    display:none
}
.submit{
    border:0;
    border-radius:1px;
    line-height:26px;
    color:#fff;
    background-color:#E25D29;
    letter-spacing:1px;
    outline:0;
    padding:5px 15px 0
}
.submit:hover{
    background-color:#000;
    color:#fff
}
.top_menu,input[type=checkbox],input[type=radio]{
    display:none
}
input[type=checkbox]+label,input[type=radio]+label{
    display:inline-block;
    padding:10px;
    border-radius:5px;
    margin-bottom:0;
    font-weight:100;
    width:100%;
    text-transform:uppercase;
    line-height:20px;
    color:#94918A;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-color:#f5f5f5
}
input[type=checkbox]:checked+label,input[type=radio]:checked+label{
    background-image:none;
    outline:0;
    color:#fff;
    background-color:#E25D29;
    -webkit-transition:background-color .4s linear;
    -o-transition:background-color .4s linear;
    -moz-transition:background-color .4s linear;
    transition:background-color .4s linear
}
.career_banner{
    width:100%;
    height:auto;
    float:left;
    background-image:url(../images/careerbg.png);
    background-size:100% 80%
}
.arrow_down,.career_title{
    width:auto;
    height:auto;
    float:left
}
.career_title{
    padding:15px 0 0 50px;
    font-family:SketchRockwell-Bold;
    font-size:65px;
    color:#420502
}
.arrow_down{
    padding:77px 0 0
}
.job_box{
    width:100%;
    height:auto;
    float:left;
    background-color:#fff;
    padding:10px 0 30px;
    background-image:url(../images/seo-text-bg.png)
}
.box21,.job_left{
    width:100%;
    height:auto;
    float:left
}
.box22,.box23{
    width:33%;
    font-size:17px;
    color:#5b5b5b;
    height:auto;
    float:left;
    padding:5px 0;
    font-family:OpenSans-Regular;
    text-align:center
}
.box22{
    background-color:#efefef;
    margin-bottom:5px
}
.box23{
    background-color:#e0e0e0
}
.box24{
    width:100%;
    height:auto;
    float:left
}
.box25{
    width:33%;
    height:auto;
    float:left;
    font-size:16px;
    color:#000;
    text-align:center;
    padding:5px 0;
    font-family:OpenSans-Regular
}
.job_right,.jot_heading{
    width:100%;
    height:auto;
    float:left
}
.job_right{
    margin-top:-80px
}
.jot_heading{
    padding:0 0 0 60px;
    background-image:url(../images/key.png);
    background-position:left;
    font-family:Dosis;
    font-size:55px;
    color:#000;
    margin-bottom:5px
}
.box26,.box27{
    height:35px
}
.box26{
    width:40%;
    float:left;
    font-size:17px;
    color:#5b5b5b;
    font-family:OpenSans-Regular;
    margin-bottom:8px;
    padding:5px 0
}
.box27,.box28{
    width:60%;
    float:right;
    background-color:#f1f1f1;
    color:#000;
    margin-bottom:8px;
    padding:5px 10px;
    font-family:OpenSans-Regular;
    border:0
}
.box28{
    height:80px
}
.box29,.get_heading1,.get_right,.getafree,.grow,.grow_heading,.way{
    width:100%;
    height:auto
}
.box29{
    float:left
}
.box30{
    font-family:OpenSans-Regular;
    background-color:#000;
    color:#fff;
    padding:6px 18px;
    font-size:14px;
    border:0;
    float:right
}
.grow p,.grow_heading{
    font-family:OpenSans-Regular;
    color:#000
}
.get1,.get_right,.getafree,.grow,.way{
    float:left
}


.my-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333;
    opacity: 1; /* Firefox */
}

.my-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333;
}

.my-form input::-ms-input-placeholder { /* Microsoft Edge */
    color: #333;
}

.my-form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333;
    opacity: 1; /* Firefox */
}

.my-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333;
}

.my-form textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #333;
}

.my-form .captcha{    font-size: 20px;
    font-weight: bold;
    color: #444;
    padding-top: 5px;
    text-align: center;}
	.my-form input.contact_field31.one_third{    font-weight: bold;
		color: #fdfdfd;
		background-color: #00aeef;}






.box30:hover{
    background-color:#FA6E04
}
.grow{
    padding:20px 0 50px
}
.grow_heading{
    float:left;
    font-size:30px;
    margin-bottom:20px
}
.grow p{
    font-size:17px;
    margin-bottom:10px
}
.way{
    margin-bottom:-40px
}
.way img{
    width:100%
}
.getafree{
    text-align:center
}
.getafree img{
    text-align:center;
    padding:20px 0 0
}
.get_heading1{
    color:#fff;
    font-size:20px;
    background-position:bottom left;
    line-height:30px;
    font-family:'Playfair Display',serif;
    padding-bottom:25px;
    text-align:center;
    font-weight:200
}
.get_right{
    padding:20px 0
}
.get1,.get2{
    width:49%;
    padding:10px;
    height:auto;
    background-color:#f5f5f5;
    font-size:15px;
    font-family:"Myriad Pro";
    border:1px solid #e3e3e3;
    color:#94918A
}
.get1{
    margin-bottom:10px
}
.get2{
    float:right;
    margin-bottom:11px
}
.call_action,.call_action1,.email01,.email02,.get_submit{
    float:left;
    height:auto
}
.get_submit{
    width:100%;
    text-align:center
}
.call_action{
    width:100%;
    background-image:url(../images/subscribe-bg.jpg);
    padding:0
}
.call_action1{
    width:100%;
    background-image:url(../images/subscribe-arrow.png);
    background-position:left;
    background-size:34% 100%;
    padding:5px 0
}
@media(max-width:1300px){
    .call_action1{
        background-size:34% 100%
    }
}
.email01{
    width:100%;
    margin-top:23px
}
.email02{
    width:21%;
    text-align:right
}
.btn-area,.client-box2,.heading5,.way1,.way3,.way5{
    text-align:center
}
.email03{
    width:70%;
    height:auto;
    float:right;
    font-family:calibri;
    color:#fff;
    font-size:17px
}
.email04,.email05,.way1,.way2,.way2-1{
    float:left
}
.email03 a{
    text-decoration:none;
    color:#fff!important
}
.email04,.email04 span{
    font-family:calibri;
    color:#fff
}
.email03 span{
    font-weight:700;
    font-size:32px;
    font-family:calibri
}
.email05{
    width:100%;
    height:auto
}
.email04{
    width:79%;
    height:auto;
    font-size:16px
}
.heading5,.way1,.way2,.way2-1{
    width:100%;
    height:auto
}
.email04 span{
    font-weight:700;
    font-size:43px;
    font-style:italic
}
.way1{
    line-height:28px;
    font-size:22px;
    color:#041927;
    font-family:Roboto-Light
}
.heading5{
    font-family:Dosis-Light;
    color:#fff;
    font-size:32px;
    letter-spacing:2px
}
.way2{
    padding:30px 20px
}
.way2-1{
    padding:20px 0
}
.way3,.way4{
    padding:30px 20px
}
.way2-1 img{
    filter:gray;
    -webkit-transition:all .6s ease;
    width:25%;
    margin-bottom:10px
}
.way3,.way4,.way5,.word{
    width:100%;
    height:auto;
    float:left
}
.way2-1:hover>img{
    -webkit-filter:grayscale(0);
    filter:none;
    cursor:pointer
}
.way5{
    padding:12px 20%;
    font-family:Roboto-Light;
    color:#000;
    font-size:18px
}
.word img{
    width:53%
}
.ecommerce_text img{
    width:20%
}
.industry,.mage,.mage img{
    width:100%
}
.industry{
    height:auto;
    float:left;
    margin-top:10px;
    border-bottom:1px #f1f1f1 solid;
    padding-bottom:15px
}
.mage{
    height:auto;
    float:left
}
.video01{
    width:500px;
    height:auto;
    float:left;
    border:1px solid rgba(0,0,0,.15);
    padding:2.5%;
    background-color:#fff;
    border-radius:2px;
    box-shadow:0 1px 3px rgba(0,0,0,.1)
}
#dvLoading{
    background:url(../images/loader.gif) center center no-repeat #fff;
    height:100%;
    width:100%;
    position:fixed;
    z-index:1000;
    left:0;
    top:0;
    margin:0
}
.client-box,.client-box1,.client-box2,.contact-us-2{
    height:auto;
    float:left
}
.client-box{
    width:100%;
    background:#f8f8f8;
    padding:20px 0
}
.client-box1{
    width:100%
}
.client-box2{
    width:13%;
    background:#fff;
    border:1px solid #ddd;
    margin:7px;
    padding:5px
}
.client-box2 img{
    max-width:100%
}
@media (max-width:991px){
    .logo{
        text-align:center;
        width:100%
    }
    .menu{
        padding:10px 0 0
    }
    #fdw nav ul li{
        margin-left:10px
    }
    .header{
        padding:10px 10px 2px
    }
    .my-slider .leftpart .icon1 img{
        width:14%
    }
    .my-slider{
        padding:4px 10px 0
    }
    .my-slider .leftpart{
        font-size:20px
    }
    .my-slider .leftpart .button{
        margin:15px 8px 20px
    }
    .my-slider .leftpart .partner1{
        width:45%
    }
    .my-slider .leftpart .partner2{
        margin-right:8px;
        width:45%
    }
    #graid5 .box2{
        width:100%
    }
    #graid5 .box2 img{
        width:90%
    }
    #graid5 .box3,#graid5 .box4{
        width:100%
    }
    .tab25{
        display:none
    }
}
@media (max-width:950px){
    #graid4-4{
        background-size:121% auto
    }
    .tab25{
        display:none
    }
    .ecommerce_heading,.ecommerce_heading-my{
        font-size:22px
    }
}
@media (max-width:500px){
    .call{
        width:100%!important
    }
    .my-slider .leftpart .icon1 img{
        width:10%;
        margin-bottom:10px
    }
    .my-slider .leftpart{
        font-size:25px
    }
    .my-slider .leftpart .button{
        margin:15px 8px 20px 0;
        float:left
    }
    .my-slider .leftpart .partner1{
        width:28%;
        margin:15px 5px
    }
    .my-slider .leftpart .partner2{
        margin:15px 5px;
        width:28%;
        float:left
    }
    #graid4-3,#graid4-4,#graid5 .box2{
        width:100%
    }
    .my-slider .rightpart{
        padding:8px 0 0;
        height:auto;
        float:left
    }
    #graid4-4{
        margin-top:0
    }
    #graid5 .box2 img{
        width:40%;
        float:left;
        margin:5px 15px
    }
    .logo img{
        width:40%
    }
    .logo{
        text-align:center
    }
    #graid5 .box4{
        width:70%
    }
    #graid5 .box2{
        min-height:auto;
        margin-bottom:20px
    }
    .tab25{
        width:100%;
        height:auto;
        float:left;
        display:block
    }
}
@media (max-width:400px){
    .blog,.carrer{
        width:50%;
        text-align:center;
        margin:0 0 10px
    }
    .call{
        text-align:center
    }
    .blog{
        border-right:0
    }
    .my-slider .leftpart .partner1{
        width:37%;
        margin:15px 5px
    }
    .my-slider .leftpart .partner2{
        margin:0;
        width:100%;
        float:left
    }
    .my-slider .leftpart .partner2 img{
        width:39%
    }
    .my-slider .rightpart{
        padding:0
    }
    #graid5 .box2{
        min-height:auto;
        margin-bottom:20px
    }
    .tab25{
        width:100%;
        height:auto;
        float:left;
        display:block
    }
}
@media(max-width:500px){
    .call_action1 .col-md-4{
        width:100%!important
    }
    .call_action1{
        background-image:none
    }
    .email04{
        line-height:25px
    }
}
.contact-us-2{
    width:100%;
    background-color:#f4f4f4;
    padding:20px 0
}
input.my-field1,textarea.my-field1{
    width:100%;
    background:#fff;
    font-family:'Playfair Display',serif;
    color:#000;
    outline:0
}
input.my-field1{
    padding:7px;
    border-radius:4px;
    border:0;
    margin-bottom:10px
}
textarea.my-field1{
    padding:7px;
    border-radius:4px;
    border:0
}
input.button-footer{
    background-color:#DA4C24;
    border:1px solid #FFF;
    padding:7px;
    line-height:24px;
    border-radius:4px;
    margin-bottom:5px;
    margin-top:15px;
    outline:0;
    color:#FFF
}
@media(max-width:991px){
    .banner-points li{
        font-size:13px
    }
}
@media(max-width:767px){
    .discover{
        display:none
    }
    .rightpart span{
        font-size:32px
    }
    .my-slider .rightpart{
        min-height:inherit
    }
}
span.certificates{
    display:inline-block;
    margin-right:20px
}
@media(max-width:500px){
    span.certificates{
        display:inline-block;
        width:100%;
        margin-bottom:10px;
        margin-right:0
    }
    .get_heading1{
        font-size:17px!important;
        line-height:21px!important
    }
    .pull-left{
        float:left;
        max-width:48%;
        min-height:45px
    }
    .pull-right{
        float:right;
        max-width:48%
    }
    .top{
        padding:2px 0 0!important
    }
    .banner-points li{
        padding-left:12%
    }
    .row{
        margin-right:0;
        margin-left:0
    }
    .ecommerce_heading-my{
        font-size:18px;
        line-height:29px
    }
    .ecommerce_heading{
        font-size:18px
    }
}
@media(max-width:360px){
    .top{
        padding:2px 0 0!important
    }
}
@media (max-width:320px){
    .ecommerce_heading{
        font-size:18px!important
    }
}
span.phone-no{
    display:inline-table;
    vertical-align:bottom
}
.display2{
    display:none
}
.display1{
    display:block
}
@ media(max-width:767px){
    .row.display2{
        display:block
    }
    .display1{
        display:none
    }
    .ecommerce_text img{
        width:40%
    }
}
 #content,#testimonials{
    width:100%;
    display:block
}
#w{
    display:block;
    width:565px;
    margin:20px auto;
    padding-top:0;
    padding-bottom:5px;
    background-image:url(../images/pattren2.png);
    background-size:100% 75%;
    background-position:center bottom;
    background-repeat:no-repeat;
    border-radius:10px
}
#content{
    padding:0 20px;
    position:relative
}
#testimonials h2{
    display:block;
    text-align:center;
    font-weight:700;
    margin-bottom:3px
}
#testimonials .carousel-wrap{
    display:block;
    width:75%;
    margin:0 auto;
    overflow:hidden
}
#testimonials .carousel-nav{
    display:block;
    width:93%;
    margin:50% auto;
    position:absolute
}
#testimonials .carousel-nav img{
    cursor:pointer
}
#testimonials .carousel-nav img:active{
    position:relative;
    top:1px
}
#testimonials .carousel-nav .nextbtn{
    float:right
}
#testimonials .carousel-wrap ul{
    display:block;
    list-style:none;
    position:relative
}
#testimonials .carousel-wrap ul li{
    display:block;
    float:left;
    position:relative;
    width:400px;
    margin-right:15px
}
.picture-1{
    width:100%;
    height:195px;
    overflow:hidden;
    text-align:center
}
.picture-1 img{
    border:10px solid rgba(255,255,255,.2);
    border-radius:50%
}
#testimonials .carousel-wrap .context{
    font-family:OpenSans-ExtraBold;
    color:#fff;
    font-size:28px;
    text-align:center;
    line-height:35px;
    margin-bottom:10px
}
#testimonials .carousel-wrap .designation{
    font-size:19px
}
#testimonials .carousel-wrap .credits{
    font-family:"open-sans.light";
    color:#fff;
    font-size:16px;
    text-align:center;
    line-height:28px
}
#clients{
    display:block;
    margin-bottom:15px
}
#clients .clients-wrap{
    display:block;
    width:700px;
    margin:0 auto;
    overflow:hidden
}
#clients .clients-wrap ul{
    display:block;
    list-style:none;
    position:relative
}
#clients .clients-wrap ul li{
    display:block;
    float:left;
    position:relative;
    width:140px;
    height:55px;
    line-height:55px;
    text-align:center
}
#clients .clients-wrap ul li img{
    vertical-align:middle;
    max-width:100%;
    max-height:100%;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    transition:all .3s linear;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter:alpha(opacity=65);
    opacity:.65
}
#clients .clients-wrap ul li img:hover{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    opacity:1
}
.clearfix:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.clearfix{
    display:inline-block
}
html[xmlns] .clearfix{
    display:block
}
* html .clearfix{
    height:1%
}

.fotwhatsfixed{position: fixed;bottom: 21px;right: 13px;}
.fotwhatsfixed .whts01{    max-height: 40px;}
/*.fotwhatsfixed .whtsup{animation: zoominoutsinglefeatured 1s infinite ;}*/
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

/*.fotwhatsfixed .whtsup{-webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;}*/

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}

.fotwhatsfixed .whtsup{
  box-shadow: 0px 0px 0px 1px rgb(81, 202, 95);
  animation: glow 1.5s linear infinite alternate;
  width: 60px;
  height: 60px;
  padding-top: 7px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(81, 202, 95, 0);
  }
@keyframes glow{
  to {
    box-shadow: 0px 0px 8px 5px rgb(81, 202, 95);
  }
}


.whts01 {
       max-height: 24px;
    margin-top: 2px;
    margin-left: 4px;
}
.whts02 {
    max-height: 24px;
    display: none;
    margin-top: -6px;
    margin-right: 7px;
}
.whtsup{ float:right; margin-left: 12px;}
.whtsup a{ display:block;}


@media (max-width:1250px){
    #w{
        float:right
    }
    .uk1{
        margin:0 0 0 46%
    }
    .webd2_left2 img{
        margin:0
    }
}
@media (max-width:1199px){
    .my-slider .leftpart{
        padding:10px;
        font-size:27px
    }
    #graid4 .testimonial{
        padding:10px 30px 0 180px
    }
    .heading2{
        width:85%
    }
    .about1{
        padding:0;
        background-size:75% 100%
    }
    .team_name{
        padding:40px 15px 0
    }
    .service_name{
        margin:4px 0 0 100px
    }
    .contact_1{
        height:265px
    }
    .contact_heading1{
        font-size:32px
    }
    .e_portfilo1{
        height:240px
    }
    .view{
        height:141px;
        width:100%
    }
    .view img{
        width:91%
    }
    .e_weblink{
        margin:3% 20% 0
    }
    .dev_right{
        padding:27px 0 30px 75px
    }
    .webd_right{
        padding:50px 0 30px 50px
    }
    .webd01_right{
        padding:29px 0 30px 107px
    }
    .field2{
        min-height:140px
    }
    .career_banner{
        background-size:100% 80%
    }
    .arrow_down img{
        width:80%
    }
    .career_title{
        padding:15px 0 0 10px
    }
    .jot_heading{
        font-size:50px
    }
    .job_right{
        margin-top:-70px
    }
    .get_heading1{
        line-height:39px;
        font-size:20px
    }
    .getafree img{
        width:90%
    }
    .client-box2{
        margin:7px 6px
    }
}
@media (max-width:1100px){
    #w{
        float:right;
        width:500px
    }
    #testimonials .carousel-wrap{
        width:85%
    }
    .tab25{
        display:none
    }
}
@media (max-width:1000px){
    .heading2{
        width:75%
    }
    .tab25{
        display:none
    }
}
@media (max-width:991px){
    .about1,.team3{
        background-image:none
    }
    .my-slider .leftpart{
        font-size:20px
    }
    .tab25{
        display:none
    }
    .about_text{
        width:100%
    }
    .about_heading2{
        padding:0 0 30px;
        width:100%;
        font-size:27px
    }
    .team_name{
        padding:30px 10px 0;
        width:30%;
        float:left
    }
    .teambg1{
        width:70%;
        float:left;
        padding:0 0 10px
    }
    .team_pic{
        width:30%;
        float:left
    }
    .team_text{
        width:70%;
        float:left
    }
    .about_heading1{
        font-size:40px;
        line-height:53px;
        padding-top:10px
    }
    .my-about2{
        padding:20px 0
    }
    .team_text .span3{
        padding:30px 0
    }
    .footer_heading{
        font-size:28px
    }
    .team_footer_right{
        padding:60px 33px;
        font-size:28px
    }
    .service_name{
        margin:4px 0 0 40px;
        font-size:95px
    }
    .service_name span{
        font-size:40px
    }
    .contact_1{
        height:210px
    }
    .contact_heading1{
        font-size:24px
    }
    .contact_box2{
        margin:13px
    }
    .quation{
        width:45%
    }
    .answer{
        width:55%
    }
    .ecommerce_text1{
        padding:20px 0
    }
    .e_chart_img{
        margin:55px 0
    }
    .e_portfilo1{
        height:190px
    }
    .view{
        height:103px;
        margin:13px 8px 0 10px
    }
    .e_weblink{
        margin:3% 15% 0;
        font-size:15px
    }
    .dev_right1,.dev_right1 span,.webd_right1,.webd_right1 span{
        font-size:40px
    }
    .dev_right{
        padding:27px 0 30px;
        min-height:150px
    }
    .dev_right2{
        padding:50px 0 0 40px
    }
    .tabNav{
        margin:0 0 0 17%
    }
    .webd_left img{
        width:87%
    }
    .webd_right{
        padding:20px 0 0
    }
    .webd_right1{
        line-height:70px;
        margin:27px 0 0 23px
    }
    .webd_right11{
        padding:10px 40px 0 0
    }
    .webd_left1 img,.webd_left3 img{
        margin:30px 0 0
    }
    .webd01_right{
        padding:1px 0 30px 50px
    }
    .planer_text{
        padding:0
    }
    .career_banner{
        background-size:100% 75%
    }
    .career_title{
        padding:15px 0 0
    }
    .jot_heading{
        font-size:32px;
        background-size:15%;
        padding:0 0 0 45px
    }
    .box26{
        font-size:13px
    }
    .box25{
        font-size:15px
    }
    .get_heading1{
        font-size:16px;
        line-height:36px
    }
    .email03{
        width:100%
    }
    .email04 span{
        font-size:36px
    }
    .client-box2{
        margin:7px 5px
    }
}
@media (max-width:950px){
    .heading2{
        width:50%
    }
    .tab25{
        display:none
    }
    .service_text h3,.service_text1 h3{
        margin-top:0
    }
}
@media (max-width:900px){
    #w{
        width:440px
    }
    #testimonials .carousel-wrap{
        width:100%
    }
    .tab25{
        display:none
    }
}
@media (max-width:850px){
    #graid4 .testimonial{
        padding:10px 30px 0 142px
    }
    #graid4 .right-part2{
        width:500px
    }
    .tab25{
        display:none
    }
}
@media (max-width:800px){
    #graid4 .testimonial{
        padding:10px 30px 0 142px
    }
    #w{
        width:400px
    }
    #testimonials .carousel-wrap ul li{
        width:366px
    }
    #graid4-4{
        background-size:151% auto
    }
    #graid4 .right-part2{
        width:470px
    }
    .tab25{
        display:none
    }
    .arrow_down img{
        width:50%
    }
}
@media (max-width:768px){
    #testimonials .carousel-nav{
        display:block;
        width:90%;
        margin:50% auto;
        position:absolute;
        z-index:9999
    }
    .tab25,.text-new{
        display:none
    }
    .about_heading2{
        padding:0 0 20px;
        width:78%;
        font-size:21px;
        line-height:30px
    }
    .dev_right2{
        padding:20px 0 0 30px
    }
    .call_action1 .col-md-4{
        width:33%
    }
    .email04 span{
        font-size:25px
    }
    .email03 span{
        font-size:22px
    }
    .email04{
        width:95%;
        line-height:125px;
        padding-left:5%
    }
    .my-margin{
        margin:0
    }
    .my-slider .rightpart{
        text-align:center
    }
    .client-box1{
        padding:0 10px
    }
    .client-box2{
        margin:7px 4px
    }
    .seo_box{
        padding:0
    }
}
@media (max-width:767px){
    .seo_box2,.seo_box3{
        border-bottom:0 solid #266871
    }
    .seo_box2,.seo_box4{
        border-right:0 solid #266871
    }
    .seo_key,.seo_key1,.seo_rank,.seo_rank1{
        font-size:15px
    }
    .call,.portfolio_right,.seo_left,.seo_right{
        text-align:center
    }
    #wrapper{
        display:block
    }
    #cssmenu1,.fixed .menu,.menu{
        display:none
    }
    #cssmenu1{
        visibility:hidden
    }
    .hamburger{
        position:static
    }
    #page-content-wrapper{
        padding:5px 0
    }
    .sidebar-nav li a{
        padding:10px 5px 10px 15px
    }
    #wrapper.toggled #sidebar-wrapper{
        width:240px
    }
    #stiky3,.fixed3 .menu3,.top_menu{
        display:block
    }
    .service_main{
        margin-bottom:10px
    }
    .top_menu1{
        display:none
    }
    #graid5-1{
        padding:35px 10px 0
    }
    .about_heading3{
        margin:0 30px
    }
    .about_heading3 span{
        padding-left:0
    }
    .team_text{
        padding:0 10px 5px
    }
    .seo_banner{
        background-position-y:0;
        height:120px;
        margin-top:-10px
    }
    .call{
        width:100%!important
    }
    .seo_right{
        padding:30px 20px 0
    }
    .seo_box3{
        line-height:40px
    }
    .seo_box{
        padding:0 20px
    }
    .seo_key{
        width:60%
    }
    .seo_rank{
        width:20%
    }
    .seo_key1{
        width:60%
    }
    .seo_rank1{
        width:20%
    }
    .portfolio02{
        width:290px
    }
    .portfolio_left{
        width:100%;
        margin-bottom:10px
    }
    .portfolio_right{
        width:100%
    }
    .portfolio_text span{
        line-height:24px
    }
    .whts02{display: inline-block; margin-top: 5px;  margin-right: -3px;  max-height: 35px;}
    .whts01{ display:none;}
}
@media (max-width:500px){
    .dev_left,.dev_right,.dev_right1,.dev_right2,.e_chart,.e_chart_img,.e_service_left img,.e_service_right,.product_img,.responsiveTabsContainer h2.tab,.service001,.team_pic,.team_text{
        text-align:center
    }
    #graid4 .right-part2{
        width:400px;
        padding:30px;
        margin:auto
    }
    .tab25{
        width:100%;
        height:auto;
        float:left;
        display:block;
        padding:0 5%
    }
    .arrow_down,.box21{
        display:none
    }
    .back_strip{
        padding:11px 30px
    }
    .about1{
        padding:0 30px
    }
    .team_name{
        padding:30px 15px 7px;
        float:left;
        width:100%;
        background:#fff
    }
    .dev_main-2,.dev_right,.webd_right{
        background-image:none
    }
    .teambg1{
        width:100%;
        padding:0 15px 10px;
        background-size:100% 100%
    }
    .team_pic{
        width:100%
    }
    .team_pic img{
        width:46%;
        margin-bottom:20px
    }
    .team_text{
        width:100%
    }
    .team_text .span2{
        margin-bottom:12px
    }
    .team_text .span3{
        padding:0
    }
    #team_footer-4{
        float:left;
        background-position:right bottom;
        background-size:100% 43%
    }
    .e_chart_heading,.e_heading{
        background-position:bottom
    }
    .img51{
        width:30%
    }
    .img52{
        width:19%;
        margin:15px 10px 0 0
    }
    #team_footer-3{
        padding:30px 0
    }
    .team_footer_right{
        font-size:31px
    }
    .service_box{
        width:100%
    }
    .product_img{
        width:60%;
        margin:auto;
        float:none
    }
    .product_img1,.product_img2{
        width:80%;
        float:inherit
    }
    .dev_right1 span,.e_chart_img img,.img02,.read01,.read02,.webd1_left1 img,.webd3_left3 img,.webd_left3 img{
        float:none
    }
    .service_text1{
        margin-left:0;
        padding:10px
    }
    .contact_1{
        height:150px
    }
    .map{
        width:100%
    }
    .contact_heading2{
        line-height:22px;
        font-size:22px
    }
    .contact_text{
        width:48%;
        margin-right:2%
    }
    .contact_field31{
        padding:8px
    }
    .e_portfilo,.ecommerce_text{
        padding:30px 0
    }
    .e_chart,.ecommerce,.ecommerce_text1{
        width:90%;
        margin:0 20px
    }
    .e_chart_img{
        margin:15px 0 0
    }
    .e_portfilo_1{
        margin:30px 20px 0
    }
    .e_portfilo1{
        height:390px
    }
    .view{
        height:238px;
        margin:13px 5px 0 20px
    }
    .e_weblink{
        margin:3% 10% 0 29%;
        font-size:20px
    }
    .responsiveTabsContainer{
        margin-top:0;
        padding:0 20px
    }
    .responsiveTabsContainer .panels .panel{
        background-color:#F8F8F8
    }
    .responsiveTabsContainer h2.tab{
        background-color:#F8F8F8;
        color:#7d7c7c;
        font-size:18px;
        font-family:Roboto-Light;
        font-weight:700;
        border-bottom:1px dotted #7d7c7c
    }
    .e_service_left{
        text-align:center
    }
    .e_service_left img{
        width:60%
    }
    .e_service_right{
        margin-bottom:20px;
        width:100%
    }
    .e_design,.e_dev{
        margin:0 0 10px
    }
    .e_chart{
        width:90%
    }
    .dev_main-2{
        padding:20px 0
    }
    .dev_left img{
        width:80%
    }
    .dev_right{
        padding:10px 30px;
        min-height:100px
    }
    .dev_right1 span{
        margin:0;
        line-height:30px
    }
    .img03{
        width:60%!important;
        margin-left:0
    }
    .dev_right2{
        padding:20px
    }
    .img02{
        width:60%;
        margin-top:30px
    }
    .container5 .gallery a.big img{
        width:39.7%
    }
    .mResTabAccordA{
        margin-right:12px
    }
    .webd_left img{
        width:90%
    }
    .box24,.box25,.field2,.get1,.get2,.space5{
        width:100%
    }
    .webd_right{
        padding:0;
        min-height:110px
    }
    .webd_right11,.webd_right12{
        padding:0 20px;
        text-align:center
    }
    .webd_right1{
        text-align:center;
        margin:0
    }
    .webd_right1 span{
        line-height:20px;
        float:none
    }
    .webd_left1,.webd_left2{
        text-align:center
    }
    .webd_left3{
        text-align:center
    }
    .webd1_left{
        text-align:center
    }
    .webd01_right{
        min-height:50px;
        background:0 0;
        padding:1px 0 30px
    }
    .career_banner,.get_heading1{
        background-image:none
    }
    .webd1_left1{
        text-align:center
    }
    .webd2_left2,.webd3_left3{
        text-align:center
    }
    .planer_text{
        padding:0 20px
    }
    .planer_text p{
        padding:0
    }
    .career_banner,.job_left{
        padding:0 20px
    }
    .field1{
        margin-bottom:10px
    }
    .space5{
        margin-bottom:10px!important;
        height:auto
    }
    .field2{
        margin:0
    }
    .space4{
        margin-bottom:10px!important
    }
    .box24{
        padding:10px;
        border:1px solid #CCC;
        margin-bottom:10px
    }
    .box25{
        font-size:16px
    }
    .job_right{
        margin:0;
        padding:20px
    }
    .jot_heading{
        background-size:8% auto;
        margin-bottom:10px
    }
    .grow{
        padding:20px 40px 50px
    }
    .call_action,.contact_box{
        padding:20px
    }
    .box26{
        font-size:14px
    }
    .get_heading1{
        font-size:22px;
        line-height:27px
    }
    .dev_right2 h4{
        margin-bottom:15px;
        line-height:35px
    }
    .email02{
        display:block;
        text-align:left
    }
    .email03{
        width:70%
    }
    .client-box1{
        padding:0 30px
    }
    .client-box2{
        width:31%
    }
    .email04{
        line-height:80px
    }
    .my-slider .leftpart{
        min-height:100px
    }
}
@media (max-width:400px){
    #graid4 .testimonial{
        padding:10px;
        text-align:left
    }
    .heading2{
        width:100%
    }
    #w{
        width:350px
    }
    #testimonials .carousel-wrap ul li{
        width:300px
    }
    .tab25{
        width:100%;
        height:auto;
        float:left;
        display:block;
        padding:0 5%
    }
    .about_heading1{
        font-size:30px
    }
    .fixed .menu{
        margin-bottom:-22px
    }
    .about_heading3{
        font-size:28px
    }
    .team_pic img{
        width:50%
    }
    .team_text .span3{
        font-size:35px
    }
    .img51{
        width:40%
    }
    .img52{
        width:22%;
        margin:15px 9px 0 0
    }
    .team_footer_right{
        padding:45px 33px
    }
    #team_footer-4{
        background-size:100% 40%
    }
    .product_img{
        width:70%;
        margin:auto;
        text-align:center;
        float:none
    }
    .product_img1,.product_img2{
        float:inherit;
        text-align:center
    }
    .product_img1{
        width:95%
    }
    .product_img2{
        width:90%
    }
    .service_text{
        width:100%
    }
    .contact_1{
        height:125px
    }
    .contact_text{
        width:100%;
        margin-right:0;
        margin-bottom:15px
    }
    .e_service_left img{
        width:75%
    }
    .view{
        height:190px;
        margin:13px 5px 0 16px
    }
    .e_portfilo1{
        height:305px
    }
    .e_weblink{
        margin:3% 10% 0 25%
    }
    .container5 .gallery a.big img{
        width:39.5%
    }
    .img03{
        width:75%!important
    }
}
@media (max-width:360px){
    #w{
        width:320px
    }
    #testimonials .carousel-wrap ul li{
        width:275px
    }
    #graid4 .right-part2{
        width:320px;
        padding:10px
    }
    .tab25{
        width:100%;
        height:auto;
        float:left;
        display:block;
        padding:0 5%
    }
    .header1{
        padding:0
    }
    .about_heading1{
        font-size:28px
    }
    .team_pic img{
        width:55%
    }
    .footer_heading{
        font-size:23px
    }
    .img51{
        width:44%
    }
    .img52{
        width:22%;
        margin:15px 7px 0 0
    }
    .contact_1{
        height:110px
    }
    .view{
        height:170px
    }
    .e_portfilo1{
        height:275px
    }
    .e_weblink{
        margin:3% 10% 0 26%;
        font-size:18px
    }
    .img02{
        width:70%;
        float:none;
        margin-top:30px
    }
    .img03{
        margin-left:0;
        width:80%!important
    }
    .webd1_left img{
        width:90%
    }
    .jot_heading{
        background-size:10% auto
    }
    .top{
        padding:2px 45px 0
    }
    .client-box2{
        width:47%
    }
    .get_heading1{
        text-align:center
    }
    .my-margin{
        margin:0 0 10px
    }
    #graid6-1 p{
        padding:0 10px
    }
    #graid5 .box3{
        margin-bottom:17px
    }
    #graid5 .box4{
        width:100%
    }
}
@media (max-width:346px){
    .container5 .gallery a.big img{
        width:39.4%
    }
}
@media (max-width:340px){
    .view{
        height:158px;
        margin:13px 5px 0 12px
    }
    .e_portfilo1{
        height:255px
    }
    .e_weblink{
        margin:3% 10% 0 22%;
        font-size:18px
    }
    .ecommerce_heading{
        font-size:26px
    }
}
@media (max-width:320px){
    .view{
        height:150px;
        margin:13px 5px 0 12px
    }
    .e_portfilo1{
        height:255px
    }
    .e_weblink{
        margin:3% 10% 0 22%;
        font-size:18px
    }
    .ecommerce_heading{
        font-size:26px
    }
}undefined}undefined}undefined