@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight_italic';
    src: url('../fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('../fonts/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family:"Roboto Bold Italic";
  src:url("../fonts/Roboto-BoldItalic.eot?") format("eot"),url("../fonts/Roboto-BoldItalic.woff") format("woff"),url("../fonts/Roboto-BoldItalic.ttf") format("truetype"),url("../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic") format("svg");
  font-weight:normal;
  font-style:normal;
}

._hj-f5b2a1eb-9b07_feedback_minimized_label{display: none;}
.social-icon ul.social-list li a, .navT .icon:before, .navT .icon:after, .portfolio .owl-next, .portfolio .owl-prev, .we-work-on .tech-list ul li, .footer p a{
  -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;
}

h1.title{ font-size: 40px; font-family: 'robotobold'; margin: -10px; padding: 0;}
h2.title{ font-size: 34px; font-family: 'robotobold'; margin: 0; padding: 0;}
h3.title{ font-size: 24px; margin: 0; padding: 0;}
h4.title{ font-size: 20px; margin: 0; padding: 0;}
p.title{ font-size: 20px; margin: 0; padding: 0; font-family: 'robotomedium';}
h5.title{ font-size: 16px; margin: 0; padding: 0; font-family: 'robotobold'; }


.top-div{z-index: 999!important; position: relative;}

html, body {padding: 0; margin:0; overflow-x: hidden; font-family: 'robotoregular';}
body{padding-top: 113px;}
a:hover, a:focus{ text-decoration: none; outline:none;}

.sprite, .services .first-services .feat-img1, .services .first-services:hover .feat-img1, .services .first-services .feat-img2, .services .first-services:hover .feat-img2, .services .first-services .feat-img3, .services .first-services:hover .feat-img3, .services .first-services .feat-img4, .services .first-services:hover .feat-img4, .services .first-services .feat-img5, .services .first-services:hover .feat-img5, .services .first-services .feat-img6, .services .first-services:hover .feat-img6, 
.work_process ul.process_list li .number-box .icon-circle .search, .work_process ul.process_list li .number-box .icon-circle .design, .work_process ul.process_list li .number-box .icon-circle .develop, .work_process ul.process_list li .number-box .icon-circle .deploy, .work_process ul.process_list li .number-box .icon-circle .delight, .contact-icon ul.contact_list li.phone span, .contact-icon ul.contact_list li.whatsapp span, .contact-icon ul.contact_list li.skype span, .contact-icon ul.contact_list li.mail span, .portfolio .owl-next, .portfolio .owl-prev{ background-image: url(../img/sprite.png)!important; }

h3{font-size: 35px; }
.heading_bg{font-size: 120px; font-family: 'robotobold';}
h4{font-size: 30px;  font-family: 'robotobold';}
p{color: #262626; font-size: 16px;}
.container{padding: 0;} 
.btn-default{background: #282828; color: #fff; border-radius: 100px; border:none;  outline: none;
  -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;}
.btn-default:focus,.btn-default:active{outline: none!important;}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*Home Page*/
.banner{position: relative;}
.banner .laptop-img{z-index:1; position: absolute;left: 50%; top: 45%; margin-left: -410px; background: url('../img/laptop.png') center center no-repeat; min-height:476px; width:820px; }

.banner .laptop-img .img-responsive{display:inline-block;}

/****************/

.laptop_slider{position: relative; z-index: 99; margin-top: 36px; margin-left: 81px;}
.laptop_slider .sliderContainer{
    width: 735px;
    height: 304px;
    background:transparent;
}

.laptop_slider .sliderDiv{
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    width:820px;
    right: 0; bottom: 0;
    height: inherit;
    overflow: hidden;
}

/****************/



/*.header*/
.header{position: fixed; left:0; right:0; top:0; z-index: 9999999; background: #fff;}
.header .top-sec{padding: 8px 0; background: #6b5ab6;}
.header .top-sec ul.social-list{list-style: none; margin:0; padding:0; text-align: left;}
.header .top-sec ul.social-list li{display: inline-block;}
.header .top-sec ul.social-list li a{color:#fff; font-size: 18px; padding: 10px;}
.header .top-sec ul.social-list li a:hover{color: #54ebb6;}
.header .top-sec ul.mail{margin: 0; padding-right: 28px; list-style: none; text-align: right;}
.header .top-sec ul.mail li{display: inline-block; padding: 0 14px;}
.header .navbar .navbar-header .navbar-brand{margin: 0 0 0 2px;}
.header .navbar-nav > li > a{font-size: 18px; color: #333; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.header ul.mail li a{font-size: 16px; display: inline-block; color: #fff; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.header ul.mail li a span{margin-right: 6px;}


.header .navbar-brand{height: 62px!important; padding: 4px 0!important;}
.header ul.navbar-nav{padding-top: 4px;}
.header .navbar{margin: 0; padding: 4px 0;}

.header .nav > li{margin: 4px 12px;}
.header .nav > li > a {padding: 10px 12px;}
.header .nav > li > a:hover, .nav > li > a:focus{background: none;}

.header .navbar-nav li a.dropdown-toggle{font-size: 18px; color: #333; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.header .navbar-nav li ul.dropdown-menu li a:hover{color: #fff;}
.header .navbar-nav li ul.dropdown-menu li a{font-size: 16px; padding: 8px 14px;}
.header .navbar-nav li ul.dropdown-menu li:hover{background: #6b5ab6;}
.header .navbar-nav li ul.dropdown-menu{left: 10px; border-radius: 0; padding: 0; border:none;}
.header .navbar-nav li ul.dropdown-menu li a:before{border: none;}
.header .navbar-nav li ul.dropdown-menu li a:after{border: none;}
.nav .open a.dropdown-toggle{background-color: transparent;}
.header .navbar-nav li a.dropdown-toggle:focus:before, .header .navbar-nav li a.dropdown-toggle:focus:after{opacity: 1; -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);}
.header .navbar-nav li:hover .dropdown-menu{display: block;}

.header .navbar-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.header .navbar-nav a:before,
.header .navbar-nav a:after {
  height: 14px;
  width: 14px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
.header .navbar-nav a:before {
  left: 0;
  top: 0;
  border-left: 3px solid #6a5db7;
  border-top: 3px solid #6a5db7;
  -webkit-transform: translate(100%, 50%);
  transform: translate(100%, 50%);
}
.header .navbar-nav a:after {
  right: 0;
  bottom: 0;
  border-right: 3px solid #6a5db7;
  border-bottom: 3px solid #6a5db7;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.header .navbar-nav a:hover,
.header .navbar-nav .current a {
  color: #ffffff;
}
.header .navbar-nav li:hover a:before,
.header .navbar-nav .current a:before,
.header .navbar-nav li:hover a:after,
.header .navbar-nav .current a:after {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}

.header .navbar-nav .quote .btn-primary{padding: 10px 12px; font-size: 16px;
    font-family: 'robotobold';
    background: #7d4eb5;
    background: -moz-linear-gradient(top, #7d4eb5 0%, #7557b7 35%, #626dbb 100%);
    background: -webkit-linear-gradient(top, #7d4eb5 0%,#7557b7 35%,#626dbb 100%);
    background: linear-gradient(to bottom, #7d4eb5 0%,#7557b7 35%,#626dbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d4eb5', endColorstr='#626dbb',GradientType=0 );
    /*padding: 12px 26px;*/
    margin-right: 16px;
    border: 2px solid #715bb7;
    box-shadow: none;
    /*float: left;*/
    transition: all .2s ease;
}
.header .navbar-nav .quote .btn-primary:hover{border: 2px solid #7e4db5;
    background: transparent;
    color: #6a5db7;}

    .header .navbar-nav .quote .btn-primary:before{display: none;}
    .header .navbar-nav .quote .btn-primary:after{display: none;}



.header .top-sec ul.mail li a:hover{color: #54ebb6;}
.header ul.navbar-nav li a:hover{color: #6a5db7; background: none;}

.fixtab .header .navbar{padding: 8px 0;}
.fixtab .header .top-sec{display: none;}

.reviews{background: #f8f8f8; padding: 50px 0 0;}
.reviews .stars .img-box{float: left;}
.reviews .stars .right-content{padding:0 0 0 82px;}
.reviews .stars .right-content h4{margin:0;}

 




.top-banner{min-height: 700px;  background: url('../img/banner-bg.jpg') top center no-repeat; text-align: center;  position: relative; overflow: hidden;}
.top-banner .green-circle {position: absolute; left: 0; top: 18%; border-radius: 50%; width: 260px; height: 260px; animation:rot 2s linear infinite; }
.top-banner .green-circle2 {position: absolute; left: 89%; top: 30%; border-radius: 50%;width: 260px; height: 260px; animation:rot 3s linear infinite; }
@keyframes rot {
   0%
  {
    transform:rotate(0deg)
  }
   25%
  {
    transform:rotate(90deg)
  }
  50%
  {
    transform:rotate(180deg)
  }
   75%
  {
    transform:rotate(270deg)
  }
  100% {
    transform:rotate(360deg)
  }
}


.pink-cirlce-small.pulsating-circle{border-color: #c08bfb;left: 73%;}
.pink-cirlce-small.pulsating-circle:before{background-color: #c08bfb;}
.small-green.pulsating-circle{border:3px solid #5ae8ba; width: 17px; height: 17px;left: 18%; top: 85%;}
.small-green2.pulsating-circle{border:8px solid #5ae8ba; width: 44px; height: 44px;left:84%; top: 91%;}
.pink-cirlce2.pulsating-circle{ width: 86px ; height: 86px; border: 4px solid #e27dff; left:31.5%; top: 84%;}
.pink-cirlce2.pulsating-circle:before{background-color: #e27dff; width: 200%; height: 200%; margin-left: -50%; margin-top: -50%;}

.pulsating-circle {position: absolute; left: 27%; top: 33%; border:5px solid #5ae8ba;border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 26px; height: 26px; z-index: 99999;}

.pulsating-circle:before {content: ''; position: relative; display: block; width: 400%; height: 400%; box-sizing: border-box; margin-left: -150%; margin-top: -150%; border-radius: 50%; background-color: #5ae8ba; -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}

.pulsating-circle:after {content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%;height: 100%; background-color: transparent; border-radius: 50%; -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;}




@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.top-banner .border-circle{width: 69.2%; border:1px solid #fff; min-height: 1308px; border-radius: 50%; left:15.4%; opacity: 0.3; position: absolute; top: 11%;}
.top-banner .border-circle .inner-circle{margin:10%; border:1px solid #fff; border-radius: 50%; min-height:1045px;}
.top-banner .border-circle .inner-circle .small-circle{margin:13%; border:1px solid #fff; border-radius: 50%; min-height:807px; position: relative;}

.top-banner .banner_heading h1{font-size: 40px; color: #fff; padding:80px 0 0; margin:0; font-family: 'robotobold';}
.top-banner .banner_heading p{font-size: 18px; color: #fff;  padding:0 20%; margin:22px 0 ; line-height: 28px; }
.top-banner .banner_heading .btn-default{font-size: 16px;  padding: 12px 38px; border: 1px solid #fff; background: transparent;}
.top-banner .banner_heading .btn-default:hover,.top-banner .banner_heading .btn-default:focus{background: #fff; color: #282828;}




/*services*/
.services{background:#f8f8f8; padding: 30px 0; position: relative;}
.services .first-services{ text-align: center; position: relative; z-index: 999; background-color: #fff; margin-bottom: 56px;  min-height: 375px; margin: 30px 15px;}
.services .first-services a{display: block; text-decoration: none; padding: 46px 42px;  min-height: 375px; z-index: 999}
.services .first-services:hover:before{position: absolute; content: ''; width:100%; height: 56px;  bottom:0; left: 0; z-index: -99;}  
.services .first-services:before{position: absolute; content: ''; width:100%; height:0; background:url('../img/service_shedow.png') top center no-repeat; left: 0; 
  top: 100%; background-size: 100%; z-index: -99; -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
.services .first-services:after{position: absolute; content: ''; z-index: -1; top: 0; left: 0; height: 0; width: 100%; background: url(../img/strip.jpg) center center repeat-x; cursor: pointer; -webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;}
.services .first-services:hover:after{position: absolute; content: ''; height: 100%; }

.services .first-services p.title{ color:#262626; font-size: 20px; margin:30px 0 10px 0; padding: 0; font-family: 'robotomedium';  -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;}
.services .first-services:hover p.title,.services .first-services:hover p{color: #fff;}
.services .first-services p{font-size: 16px; line-height: 26px; color:#262626; margin:10px 0; padding: 0; -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;}
.services .second-row{margin-top: 80px;}

.services .first-services,.services .first-services a{
    -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;}
.services .first-services:hover{
  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;}

.services .first-services .feat-img1{background-position: -72px -90px; width: 64px; height: 64px; display: inline-block;}
.services .first-services:hover .feat-img1{background-position: -72px -162px; width: 64px; height: 64px; display: inline-block;}
.services .first-services .feat-img2{background-position: -144px -97px; width: 64px; height: 48px; display: inline-block; margin-top: 16px;}
.services .first-services:hover .feat-img2{background-position: -144px -162px; width: 64px; height: 48px; display: inline-block;  margin-top: 16px;}
.services .first-services .feat-img3{background-position: -229px -89px; width: 40px; height:64px; display: inline-block; }
.services .first-services:hover .feat-img3{background-position: -229px -167px; width: 40px; height: 64px; display: inline-block;}
.services .first-services .feat-img4{background-position: -288px -89px; width: 64px; height: 64px; display: inline-block;}
.services .first-services:hover .feat-img4{background-position: -288px -171px; width: 64px; height: 64px; display: inline-block;}
.services .first-services .feat-img5{background-position: -359px -92px; width: 64px; height: 64px; display: inline-block;}
.services .first-services:hover .feat-img5{background-position: -359px -167px; width: 64px; height: 64px; display: inline-block;}
.services .first-services .feat-img6{background-position: -433px -89px; width: 64px; height: 64px; display: inline-block;}
.services .first-services:hover .feat-img6{background-position: -433px -174px; width: 64px; height: 64px; display: inline-block;}

.services .circle {position: absolute; height: 0; width: 0; top: 53%; right:16%;}
.services .circle:after {content: ""; position: absolute; left: -5px; width: 20px; height: 20px; background: transparent; z-index: 1; border-radius: 50%;}
.services .circle:before { content: ""; position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 2px solid #fff;border-radius: 50%;}

.services .circle-1 {-webkit-animation: rotation 18s infinite linear; animation: rotation 18s infinite linear;}
.services .circle-1:after {top: -310px; width: 20px; height: 20px; border:3px solid #fff; background: #7e4eb5; z-index: 1;}
.services .circle-1:before {height: 606px; width: 606px;}
.services  .gray-circle1{-webkit-animation: rev-rotation 18s infinite linear; animation: rev-rotation 18s infinite linear;}
.services  .gray-circle1:after {top: -310px; width: 20px; height: 20px; border:3px solid #fff; background: #d8d8d8; z-index: 1;}
.services  .gray-circle1:before {height: 606px; width: 606px; border:2px dashed transparent;}

.services .circle-2 {-webkit-animation: rotation 14s infinite linear; animation: rotation 14s infinite linear;}
.services .circle-2:after {top: -248px; width: 20px; height: 20px; border:3px solid #fff; background: #6b63b9; z-index: 99;}
.services .circle-2:before {height: 480px; width: 480px; border:2px dashed #6b63b9;}
.services  .gray-circle2{-webkit-animation: rev-rotation 14s infinite linear; animation: rev-rotation 14s infinite linear;}
.services  .gray-circle2:after {top: -248px; width: 20px; height: 20px; border:3px solid #fff; background: #d8d8d8; z-index: 1;}
.services  .gray-circle2:before {height: 480px; width: 480px; border:2px dashed transparent;}

.services .circle-3 { -webkit-animation: rotation 12s infinite linear; animation: rotation 12s infinite linear;}
.services .circle-3:after {top: -180px; width: 20px; height: 20px; border:3px solid #fff; background: #7e4eb5; z-index: 1;}
.services .circle-3:before {height: 343px; width: 343px;}
.services  .gray-circle3{-webkit-animation: rev-rotation 12s infinite linear; animation: rev-rotation 12s infinite linear;}
.services  .gray-circle3:after {top: -180px; width: 20px; height: 20px; border:3px solid #fff; background: #d8d8d8; z-index: 1;}
.services  .gray-circle3:before {height: 343px; width: 343px; border:2px dashed transparent;}

.services .circle-4 {-webkit-animation: rotation 14s infinite linear; animation: rotation 14s infinite linear;}
.services .circle-4:after { top: -110px; width: 20px; height: 20px; border:3px solid #fff; background: #6b63b9; z-index: 1;}
.services .circle-4:before {height:200px; width: 200px; border:1px dashed #6b63b9;  }
.services  .gray-circle4{-webkit-animation: rev-rotation 14s infinite linear; animation: rev-rotation 14s infinite linear;}
.services  .gray-circle4:after {top: -110px; width: 20px; height: 20px; border:3px solid #fff; background: #d8d8d8; z-index: 1;}
.services  .gray-circle4:before {height: 200px; width: 200px; border:2px dashed transparent;}


@-webkit-keyframes rotation {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rev-rotation {
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rev-rotation {
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}


/*about us*/
.aboutus {background: #f8f8f8; padding: 45px 0; position:relative;}
.aboutus .heading_bg{position: absolute;  font-size: 100px; left: 0; color: #262626; opacity: 0.05; margin-top:-65px; text-transform: uppercase;  font-family: 'robotoregular';}
.aboutus .about_details h3{ color:#262626; position: relative; margin: 0; padding: 0; font-family: 'robotobold';}
.aboutus .about_details p{font-size: 16px; color:#262626; line-height: 26px; color: #262626; padding:0 0 0; margin:25px 0; font-weight: 300; width:85%; font-family: 'robotoregular';}

.aboutus .about_details .btn-default{font-size: 16px; color: #fff; padding: 12px 40px; position: relative;
  -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}

.aboutus .about_details .btn-default:after{position: absolute; content:''; width: 1px; height: 100%; left: 0; }
/*.aboutus .about_details .btn-default:hover,.aboutus .about_details .btn-default:focus,.aboutus .about_details .btn-default:active{background: url('../img/border.png') center center no-repeat; }*/

.aboutus .about_details .btn-default:hover,.aboutus .about_details .btn-default:focus,.aboutus .about_details .btn-default:active{color: #fff; 
background: rgb(127,77,181);
background: -moz-linear-gradient(left, rgba(127,77,181,1) 0%, rgba(95,113,188,1) 100%);
background: -webkit-linear-gradient(left, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); 
background: linear-gradient(to right, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4db5', endColorstr='#5f71bc',GradientType=1 ); }

.aboutus .about_details{margin-bottom:20px;}
.aboutus .about_progress{margin-top:35px;}
.aboutus .about_progress span{font-size: 16px; padding-left: 5px;}
.aboutus .about_progress .tooltip{  position:relative; float:right; top: -37px!important; z-index: -1;}
.aboutus .about_progress .tooltip > .tooltip-inner {background-color: transparent; padding:5px 15px; color:#000;  font-size:16px; }
.aboutus .about_progress .popOver + .tooltip > .tooltip-arrow {  border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid transparent;}
.aboutus .progress{border-radius:0; height: 17px; overflow:visible; border-radius: 25px; background: #fff; margin-top: 8px; margin-bottom: 32px; -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.07); box-shadow: 0 1px 5px 1px rgba(0,0,0,0.07);}
.aboutus .progress-bar{
 background: rgb(95,113,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(95,113,188,1) 1%, rgba(127,77,181,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(95,113,188,1) 1%,rgba(127,77,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(95,113,188,1) 1%,rgba(127,77,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); /* IE6-9 */
   border-radius: 25px;
  -webkit-transition: width 1.5s ease-in-out;
  transition: width 1.5s ease-in-out;
}


.quick-contact{position: fixed; right: -42px; top: 48%; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 16px; color: #fff;
  background: #ffa959; padding: 5px 10px; z-index: 999;
  -moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}
/*Contact*/
.contact-icon{padding: 0px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f71bc+0,7f4db5+100 */
background: rgb(95,113,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(95,113,188,1) 0%, rgba(127,77,181,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); /* IE6-9 */}

.contact-icon ul.contact_list{ margin:0 auto; padding: 0; list-style: none; text-align: center; display: inline-block;}
.contact-icon ul.contact_list li{ margin:22px 0 22px 90px; padding:0; display: inline-block; cursor:pointer; float: left;
-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease; }

.contact-icon ul.contact_list li:first-child{margin-left:0;}
.contact-icon ul.contact_list li a{display: inline-block; text-decoration: none; font-size: 20px; color: #fff;  font-family: 'robotoregular'; vertical-align: top; line-height: 50px;}
.contact-icon ul.contact_list li.phone span{ float: left; background-position: 0px -89px; width: 50px; height: 50px; display: inline-block; margin-right: 10px; }
.contact-icon ul.contact_list li.whatsapp span{ float: left; background-position: 0px -257px; width: 50px; height: 50px; display: inline-block; margin-right:10px;}
.contact-icon ul.contact_list li.skype span{ float: left; background-position: 0px -201px; width: 50px; height: 50px; display: inline-block; margin-right: 10px; }
.contact-icon ul.contact_list li.mail span{ float: left; background-position: 0px -145px; width: 51px; height: 50px; display: inline-block; margin-right: 10px;}
.contact-icon ul.contact_list li:hover{ margin-top: 15px; }

.contact-page .with-errors ul li{min-height: inherit; background: transparent; float: none; width: auto; padding-top: 5px; padding-bottom: 0;}
.contact-page .with-errors ul li:last-child{background: transparent;}


/*work process*/
.work_process{padding: 85px 0 40px; position: relative;}
.svg-img{position: absolute; left: 0; top: 202px; background: transparent; width: 100%; height: 40px; overflow: hidden;}

.planePath {stroke: #dfdfdf; stroke-width: 5px; stroke-dasharray: 15px; stroke-linecap: round; fill: none;}
.work_process .heading{text-align: right;}
.work_process .heading_bg{position: absolute;  font-size: 100px; right: 0; color: #262626; opacity: 0.05; margin-top: -65px; text-transform: uppercase; font-family: 'robotoregular'; }
.work_process .heading h2{ color:#262626; position: relative; margin: 0; padding: 0; font-family: 'robotobold';}


/*application-design*/
.application-design{min-height: 692px; position: relative; padding-top: 100px;}
.application-design .app_left{ padding:0px; margin:0px;}
.application-design .app_left .mobile1{margin-right: 50px;  position: relative; float: left; margin-top: 90px;}
.application-design .app_left .mobile1.mobile2{ margin-top:190px; float: left; margin-right: 50px;}
.application-design .app_left .mobile1.mobile3{ margin-right: 0;  margin-top: 0px; float: left;}
.application-design .mobile1:after{position: absolute; content: ''; width:100%;  height: 50px; left: 0; bottom:-15%; background: url(../img/mobileshedow.png) top center no-repeat; background-size: 100%; }
.application-design .mobile1 .img-responsive{display: inline-block; }
.application-design .application-details{margin-top:0px; text-align: right; }
.application-design .application-details h2{color: #262626; margin: 0; padding: 0; }
.application-design .application-details p{padding:0; margin:20px 0; font-size: 16px; line-height: 26px; color: #262626; }
.application-design .application-details .btn-default{font-size: 16px; color: #fff; padding: 12px 40px; -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.application-design .application-details .btn-default:hover,.application-design .application-details .btn-default:focus{color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f4db5+0,5f71bc+100 */
background: rgb(127,77,181); /* Old browsers */
background: -moz-linear-gradient(left, rgba(127,77,181,1) 0%, rgba(95,113,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4db5', endColorstr='#5f71bc',GradientType=1 ); /* IE6-9 */}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; top: -10%; margin: auto; z-index: -1; background-color: #fff;}
.waveWrapperInner { position: absolute; width: 100%; overflow: hidden; height: 60%; bottom: -1px; background-image: linear-gradient(to top, #fff 20%, #fff 80%);}
.bgTop { z-index: 15; opacity: 0.5;}
.bgMiddle { z-index: 10; opacity: 0.75;}
.bgBottom { z-index: 5;}
.wave { position: absolute; left: 0; width: 200%; height: 100%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom;}
.waveTop { background-size: 50% 350px;}
.waveAnimation .waveTop { animation: move-wave 8s; -webkit-animation: move-wave 8s; -webkit-animation-delay: 1s; animation-delay: 1s;}
.waveMiddle { background-size: 50% 400px;}
.waveAnimation .waveMiddle { animation: move_wave 10s linear infinite;}
.waveBottom { background-size: 50% 500px;}
.waveAnimation .waveBottom { animation: move_wave 15s linear infinite;}


/*Portfolio*/
.portfolio{padding: 85px 0; position: relative; max-height: 662px; background-color: #fff;}
.portfolio:after{position: absolute; content: ''; height: 1px; width: 100%; background:#e3e3e3; top:73%;}
.portfolio .heading_bg{position: absolute;  font-size: 100px; left: 0; color: #262626; opacity: 0.05; margin-top: -65px; text-transform: uppercase; font-family: 'robotoregular';}
.portfolio h2{ color:#262626; position: relative; margin: 0; padding: 0; font-family: 'robotobold';}
.portfolio p{font-size: 16px; line-height:26px; padding: 0; margin:25px 0 50px 0; font-weight: 300; font-family: 'robotoregular';}

.portfolio .btn-default{font-size: 16px; color: #fff; padding: 12px 40px; -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.portfolio .btn-default:hover,.portfolio .btn-default:focus{color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f4db5+0,5f71bc+100 */
background: rgb(127,77,181); /* Old browsers */
background: -moz-linear-gradient(left, rgba(127,77,181,1) 0%, rgba(95,113,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4db5', endColorstr='#5f71bc',GradientType=1 ); /* IE6-9 */}

.portfolio .owl-carousel{padding-top:12%; position: relative;}
.portfolio .owl-theme .owl-dots{display: none;}
.portfolio .owl-nav{line-height: 0; position: absolute; left:-68%; bottom: 22%;}
.portfolio .owl-next{ display: inline-block; margin-left: 20px!important; font-size: 0!important; background-color: transparent!important; width: 29px; height:22px; background-position: -141px -50px!important; opacity: .6}
.portfolio .owl-prev{ display: inline-block; font-size: 0!important; background-color: transparent!important; width: 29px; height:22px; background-position: -110px -50px!important; opacity: .6}
.portfolio .owl-next:hover, .portfolio .owl-prev:hover{ opacity: 1; }

.portfolio .btn-primary{padding: 25px 80px; border-radius: 0; background: #f8f8f8; color: #262626; border:none; text-transform: uppercase; position: relative; width: 100%;}
.portfolio .btn{
  -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;}
.portfolio .btn-primary,.portfolio .btn-primary:hover{
  -webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;}
.portfolio .btn-primary:hover{color: #fff;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f4db5+0,5f71bc+100 */
background: rgb(127,77,181); /* Old browsers */
background: -moz-linear-gradient(left, rgba(127,77,181,1) 0%, rgba(95,113,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4db5', endColorstr='#5f71bc',GradientType=1 ); /* IE6-9 */}


.portfolio .owl-item.active .item {position: relative; min-height: 360px; margin-right: 50px; overflow: visible;}
.portfolio .owl-item.active .item .img-responsive{display: inline-block;} 
.portfolio .owl-item.active .item:before{position: absolute; content:''; width: 100%; height: 48px; background: url(../img/shedowblue.png) center center no-repeat; display: inline-block; left: 0; bottom: -12%; background-size: 100%;}


/*testimonials*/
.testimonials{padding: 110px 0 45px 0;  position: relative; background-color: #f8f8f8; z-index: 9;}
.testimonials:before{position: absolute; content: ''; width:382px; height: 343px; background: url(../img/quote.png) center center no-repeat; left:7%; top: 2%;}
.testimonials .heading{text-align: right;}
.testimonials .heading_bg{position: absolute;  font-size: 120px; right: 0; color: #262626; opacity: 0.05; margin-top: -85px; text-transform: uppercase; font-family: 'robotoregular';}
.testimonials .heading h2{ color:#262626; position: relative; margin: 0; padding: 0; font-family: 'robotobold'; margin-top: -3px;}
.testimonials .clients{background: #fff; border-radius: 100px; min-height: 190px;padding: 22px 0 18px 25px; vertical-align: top; margin-bottom:45px; margin-top: 0; z-index:999; border:1px solid transparent; position: relative; z-index: 9;
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out}
.testimonials .clients:hover{border:1px solid #725bb8;}
.testimonials .clients.top-margin{margin-top: 100px;}
.testimonials .clients .review.right-img{margin-left:50px;}
.testimonials .clients .clients-img{width: 149px; height: 149px; border-radius: 50%; overflow: hidden; position: relative; display: inline-block;}
.testimonials .clients .review{width: 70%; display: inline-block; margin-left: 4%; vertical-align: top;}
.testimonials .clients .review h4{ font-size: 20px; font-weight: 500; padding: 0; margin:14px 0 10px 0;}
.testimonials .clients .review p{font-size: 16px; line-height: 26px; padding: 0; margin: 0;}

.testimonials .zigzag{position: absolute; top: 50%; right: -40px; opacity: 0.4;}
.loader-container { position: relative; height: 250px; width: 100%; margin:0px auto; opacity: 0.1;}
.loader-container > div { position: relative; display: inline-block; background: #03A9F4; height: 70%; width: 70px; margin:0 25px; border-radius:100px; -webkit-animation: load 8s ease-in-out infinite; animation: load 8s ease-in-out infinite;}
.loader-container .rectangle-2 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.loader-container .rectangle-3 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.loader-container .rectangle-4 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.loader-container .rectangle-5 { -webkit-animation-delay: 1s; animation-delay:1s;}


@-moz-keyframes load {
	0%,
	100% {
		transform: scaleY(0.5);
		background: #5f71bc;
	}
	16.67% {
		transform: scaleY(1.5);
		background: #7f4db5;
	}
	33.33% {
		transform: scaleY(0.5);
		background: #d5d4eb;
	}
	50% {
		transform: scaleY(1.5);
		background: #5f71bc;
	}
	66.67% {
		transform: scaleY(0.5);
		background: #d5d4eb;
	}
	83.34% {
		transform: scaleY(1.5);
		background: #7f4db5;
	}
} 
@-webkit-keyframes load {
	0%,
	100% {
		transform: scaleY(0.5);
		background: #5f71bc;
	}
	16.67% {
		transform: scaleY(1.5);
		background: #7f4db5;
	}
	33.33% {
		transform: scaleY(0.5);
		background: #d5d4eb;
	}
	50% {
		transform: scaleY(1.5);
		background: #5f71bc;
	}
	66.67% {
		transform: scaleY(0.5);
		background: #d5d4eb;
	}
	83.34% {
		transform: scaleY(1.5);
		background: #7f4db5;
	}
} 
@keyframes load {
	0%,
	100% {
		transform: scaleY(0.5);
		background: #5f71bc;
	}
	16.67% {
		transform: scaleY(1.5);
		background: #7f4db5;
	}
	33.33% {
		transform: scaleY(0.5);
		background: #d5d4eb;
	}
	50% {
		transform: scaleY(1.5);
		background: #5f71bc;
	}
	66.67% {
		transform: scaleY(0.5);
		background: #d5d4eb;
	}
	83.34% {
		transform: scaleY(1.5);
		background: #7f4db5;
	}
} 



/*Newsletter*/
.newsletter{padding: 100px 0; background: #fff; position: relative; z-index: 1;}
.center-col{text-align: center; margin: 0 auto; float: none;}
.newsletter h3{font-size: 40px; color:#262626; margin: 0; padding: 0; font-family: 'robotobold'; margin-bottom: 15px;}
.newsletter p{font-size: 18px; color:#262626;  padding: 0 20px; line-height: 26px; margin: 0 0 30px 0; font-family: 'robotoregular';}

.send-letter{position: relative; padding: 20px 5px 20px 7px; border-radius: 100px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f4db5+0,5f71bc+100 */
background: rgb(127,77,181); /* Old browsers */
background: -moz-linear-gradient(left, rgba(127,77,181,1) 0%, rgba(95,113,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4db5', endColorstr='#5f71bc',GradientType=1 ); /* IE6-9 */ }

 .send-letter:after{position: absolute; content: ''; left: -5%; bottom: -60%; background:url(../img/news-seddow.png) center center no-repeat; width: 968px; height: 136px; z-index: -1;}

 .send-letter .form-control{width:650px; border-radius: 100px; height:70px; padding-left: 50px; -webkit-box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2);
box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2); color: #262626;}
 .send-letter .btn-default{padding: 18px 50px; float: right; font-family: 'robotomedium'; font-size: 25px; -webkit-box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2);
box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2); outline: none;
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;}


 .send-letter .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
 .send-letter .form-control::-moz-placeholder { /* Firefox 19+ */color: #000;}
 .send-letter .form-control:-ms-input-placeholder { /* IE 10+ */color: #000;}
 .send-letter .form-control:-moz-placeholder { /* Firefox 18- */color: #000;}

/*Contact*/





/*Service page*/
.service_banner{min-height: 200px; position: relative;}
.service_banner .pink-cirlce2.pulsating-circle{border: 2px solid #db7cfb; width: 43px; height: 43px; top: 41%; left:45%;}
.service_banner .small-green.pulsating-circle{left: 34%; width: 8px; height: 8px; border-width: 1px; top: 90%;}
.service_banner .small-green2.pulsating-circle{width: 13px; height: 13px; border-width: 2px; left: 38%; top: 50%;}
.service_banner .pink-cirlce-small.pulsating-circle{left: 60%; top: 38%; width: 18px; height: 18px; border-width: 3px;}
.service_banner  .pulsating-circle{width: 22px; height: 22px; border-width: 4px; top: 94%; left: 67%;}
/*.service_banner .service_heading{padding-top: 11%;}*/
.service_banner .service_heading h1{font-size: 40px; padding: 0; margin: 0; color: #fff; margin-top: 150px;  font-family: 'robotobold';}
.service_banner .banner_heading p{margin: 14px 0;}
/*.service_banner .banner_heading a{ color:#fff; }*/

.breadcrumb > li {display: inline-block; font-size: 16px; color: #fff; }
.breadcrumb > li a{ color: #ccc; }
.breadcrumb > li a:hover{ color: #fff; }


.service-social{position: fixed !important; left: 0; right: 0; top: 0%; height: 86px; z-index: 4; margin-top: 0; background: rgba(255, 255, 255, 1); margin: 15px 7%; padding:18px 30px 0 30px; z-index: 99999;}
.service_banner .border-circle{min-height: 652px; width: 652px; margin: 0 auto; position: absolute; left: 50%; margin-left: -326px; border-radius: 50%; top: 23%;}
.service_banner .border-circle .inner-circle{min-height: 522px; width: 522px;}

.full_services{background: #f8f8f8; position: relative; padding: 50px 0;}
.full_services p{font-size: 16px; line-height: 28px; text-align: center; padding: 0; margin: 0;}
.full_services ul.define_services{margin:60px auto; padding:15% 0 120px  0; list-style: none; text-align: center; position: relative;}
.full_services ul.define_services:before{position: absolute; width: 2px; height: 100%; content: ''; top: 0; left: 50%; border-left:2px dashed #fff; z-index: 1; margin-left: -1px;}
.full_services ul.define_services:after{position: absolute; width: 16px; height: 100%; content: ''; top: 0; border-radius:10px; left: 50%; margin-left: -8px;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f4db5+0,5f71bc+100 */
background: rgb(127,77,181); /* Old browsers */
background: -moz-linear-gradient(left, rgba(127,77,181,1) 0%, rgba(95,113,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4db5', endColorstr='#5f71bc',GradientType=1 ); /* IE6-9 */
}

.full_services ul.define_services li{margin:0; min-height: 400px; width: 450px; text-align: center; transition: all .3s ease-in-out; z-index: 9;}
.full_services ul.define_services li .inner_pad{padding: 30px; background: #fff; min-height: 400px; position: relative; z-index: 1;  }
.full_services ul.define_services li:nth-child(1){margin-top: 0!important;}
.full_services ul.define_services li:nth-child(even){float: right; margin-top: -37%; position: relative;}
.full_services ul.define_services li:nth-child(even):before{position: absolute; content:''; height: 77px; border-right:2px dashed #6a64ba; border-top:2px dashed #6a64ba; width: 79%; top: -26%; left: -29%;}
.full_services ul.define_services li:nth-child(odd){margin-top: 15%;  position: relative;}
.full_services ul.define_services li:nth-child(odd):before{position: absolute; content:''; height: 77px; border-left:2px dashed #6a64ba; border-top:2px dashed #6a64ba; width: 79%; top: -26%; left: 50%; }
.full_services ul.define_services li h2{font-size: 25px;  font-family: 'robotobold'; color: #262626; margin:22px 0; padding: 0;}
.full_services ul.define_services li p{color: #262626; padding: 0 20px; line-height: 26px; margin: 30px 0;}

.full_services ul.define_services li:hover .inner_pad{background: rgb(95,113,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(95,113,188,1) 0%, rgba(127,77,181,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); /* IE6-9 */ }
.full_services ul.define_services li:hover h2,.full_services ul.define_services li:hover p{color: #fff;}
.full_services ul.define_services li:hover .icon-circle{background: #fff;}
.full_services ul.define_services li .btn-default{font-size: 16px; padding: 15px 40px; line-height: 16px;}
.full_services ul.define_services li:hover .icon-circle{-webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
        transition: all .3s ease;}
.full_services ul.define_services li .btn-default,.full_services ul.define_services li{ -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
        transition: all .3s ease;}
.full_services ul.define_services li .icon-circle{height: 62px; width: 62px; border-radius: 50%; margin: 0 auto; margin-top: -15%;}

.full_services ul.define_services li .icon-circle.icon-circle1{background:rgba(107,100,185,1) url(../img/services-hover1.png) center center no-repeat; background-size: 45%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle1{background:#FFF url(../img/desktop.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle2{background:rgba(107,100,185,1) url(../img/services-hover2.png) center center no-repeat; background-size: 50%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle2{background:#FFF url(../img/lessthan.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle3{background:rgba(107,100,185,1) url(../img/services-hover3.png) center center no-repeat; background-size: 25%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle3{background:#FFF url(../img/mobile-hover.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle4{background:rgba(107,100,185,1) url(../img/services-hover4.png) center center no-repeat; background-size: 48%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle4{background:#FFF url(../img/social1.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle5{background:rgba(107,100,185,1) url(../img/services-hover5.png) center center no-repeat; background-size: 48%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle5{background:#FFF url(../img/services-graph.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle6{background:rgba(107,100,185,1) url(../img/services-hover6.png) center center no-repeat; background-size: 45%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle6{background:#FFF url(../img/hosting.png) center center no-repeat;}


.full_services ul.define_services li .icon-circle.icon-circle7{background:rgba(107,100,185,1) url(../img/services-hover7.png) center center no-repeat; background-size: 45%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle7{background:#FFF url(../img/payment_gateway.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle8{background:rgba(107,100,185,1) url(../img/services-hover8.png) center center no-repeat; background-size: 45%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle8{background:#FFF url(../img/codeigniter_solution.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle9{background:rgba(107,100,185,1) url(../img/laravel-icon.png) center center no-repeat; background-size: 45%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle9{background:#FFF url(../img/laravel-gradient.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle10{background:rgba(107,100,185,1) url(../img/services-hover10.png) center center no-repeat; background-size: 48%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle10{background:#FFF url(../img/wordpress_theme_intigration.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle11{background:rgba(107,100,185,1) url(../img/services-hover11.png) center center no-repeat; background-size: 48%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle11{background:#FFF url(../img/domain-registration.png) center center no-repeat;}

.full_services ul.define_services li .icon-circle.icon-circle12{background:rgba(107,100,185,1) url(../img/angular-icon.png) center center no-repeat; background-size: 48%;}
.full_services ul.define_services li:hover .icon-circle.icon-circle12{background:#FFF url(../img/angular2.png) center center no-repeat;}

.full_services .zigzag{position: absolute; left: 44%; top: 10%; opacity: 0.35;}
.full_services .zigzag1{position: absolute; left: 0; bottom: 0; opacity: 0.35;}

/************************/


/*Contact us*/
.contact-page{position: relative; overflow-y: hidden;}
.back-content{position: absolute; top: 0; left: 0; right: 0; bottom: 0;  background:#f8f8f8 url("../img/world-map.png") top 47% center no-repeat; z-index: -1; height: 100%; text-align: right; overflow: hidden;} 

.back-content .marquee .moving-content{font-size: 400px; color: #f1f1f1; opacity: 1;  font-family: 'robotobold';  line-height: 300px; }
.back-content .marquee {position: absolute; height:80%; left: 40%; animation: marquee 45s linear infinite; width: 100%;}

@keyframes marquee {
  0% {
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
  }
}

.contact-page h2 {font-size: 40px; font-family:'robotomedium'; text-align: center; margin:65px 0 45px 0; padding: 0; }
.contact-page .form-control{background: #fff; border:none; border-radius: 100px; min-height: 60px; -webkit-box-shadow: 0 5px 10px 1px rgba(0,0,0,0.04);
box-shadow: 0 5px 10px 1px rgba(0,0,0,0.04); padding-left: 40px;}
.contact-page .form-group{margin: 30px 0;}
.contact-page .btn-center{text-align: center;}
.contact-page #text-box{width: 100%;}
.contact-page .btn-default{ padding: 12px 62px; font-size: 25px;}
.contact-page .btn-default:hover,.contact-page .btn-default:focus{color: #fff; background: rgb(95,113,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(95,113,188,1) 0%, rgba(127,77,181,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); /* IE6-9 */}
.contact-page .form-control  ::-webkit-input-placeholder {color: #a1a1a1;}
.contact-page .form-control::-moz-placeholder{color: #a1a1a1;}

.contact-page .get-in-touch{margin:130px 130px 0;}
.contact-page .get-in-touch .border-box{border:1px solid #fff; padding: 40px; background: transparent;}
.contact-page ul{margin: 0 auto; padding: 0; list-style: none;}
.contact-page  ul li{margin: 0; padding:20px; float: left; width: 49.8%; background: #7f4fb5; vertical-align: top; min-height: 287px;}
.contact-page  ul li:last-child{background: #262626;}
.contact-page .get-in-touch .contact-info{margin:0; padding: 0; color: #fff; font-size: 18px; font-family: 'robotolight'; vertical-align: middle; position: relative;}
.contact-page .get-in-touch .contact-info span{display: inline-block; width: 92px; margin-bottom: 20px;}
.contact-page .get-in-touch .contact-info:last-child span{margin-bottom: 0;}
.contact-page .get-in-touch .contact-info a{margin:0 0 0 20px; padding: 0; color: #fff; font-size: 18px; font-family: 'robotomedium'; text-decoration: none; }
.contact-page .get-in-touch h3{color: #fff; margin: 0; padding: 0;}
.contact-page .get-in-touch p{color: #fff; font-size: 18px; font-family: 'robotolight'; margin: 22px 0; line-height: 28px;}
.contact-page .map{background: url(../img/map1.jpg) top center no-repeat; min-height: 590px; background-size: cover; margin-top: -160px;}
/*********************/


/*Portfolio*/
.portfolio-page{ background: #f8f8f8; padding: 76px 0; }
.portfolio-page p{ font-size: 16px; line-height: 28px; text-align: center; padding: 0; margin: -10px; }
.portfolio-page ul.portfolio-details{ margin:100px 0 0; padding: 0; list-style: none; }
.portfolio-page ul.portfolio-details li{ margin: 0; padding: 0; float: left; width: 33%; position: relative; overflow: hidden;}
.portfolio-page ul.portfolio-details li .img-responsive{display: inline-block; }
.portfolio-page ul.portfolio-details li a{ display: block; text-decoration: none; }
.portfolio-page ul.portfolio-details li a h2{ font-size: 30px; font-family: 'robotobold';  position: absolute; top: 0; left: 0; z-index: 2; color: #fff; margin:40px 0 0 45px; padding: 0; text-shadow: 0 2px 5px #A8A8A8; text-transform: uppercase;}
.portfolio-page ul.portfolio-details li:hover .port-content{ opacity: 1; left: 0%; }
.portfolio-page ul.portfolio-details li:hover h2{text-shadow: none;}
.portfolio-page ul.portfolio-details li h2 span{ font-family: 'robotolight'; font-size: 18px; text-transform: uppercase; display: block; text-shadow: 0 2px 5px #A8A8A8;}
.portfolio-page ul.portfolio-details li .port-content{opacity:0; position: absolute; padding:48px; text-align: left; left: -100%; top: 0; bottom: 0; right: 0; width: 100%; height: 100%;  z-index: 1; background: rgba(95,113,188,0.5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(95,113,188,.8) 0%, rgba(127,77,181,.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(95,113,188,.8) 0%,rgba(127,77,181,.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(95,113,188,.8) 0%,rgba(127,77,181,.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); /* IE6-9 */}
.portfolio-page ul.portfolio-details li .port-content{-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;}
.portfolio-page ul.portfolio-details li .port-content p{text-align: left; color: #fff; font-size: 16px; margin-top: 48%; margin-bottom: 15px; }
.portfolio-page ul.portfolio-details li .port-content a{color: #fff; font-size: 20px; position: relative; text-align: left; padding:0px; display: inline-block; padding-right: 10px;}
.portfolio-page ul.portfolio-details li .port-content a:last-child:after{position: absolute; content: ''; background: url(../img/arrow.png) center center no-repeat; width: 25px; height: 16px; left: 100%; top: 8px;}

/**********************/

/*About us*/
.aboutus-page{background: #f8f8f8; padding: 57px 0; position:relative;}
.aboutus-page p{font-size: 16px; line-height: 28px; text-align: center; padding: 0; margin: 0;}
.aboutus-page .zigzag{position: absolute; top: 35%; right: -10%; opacity:0.4;}
.aboutus-page .zigzag1{position: absolute; top: 70%; left: -10%; opacity:0.4;}
.aboutus-page .progress-info{margin: 55px 0;}
.aboutus-page .progress-info span{font-size: 16px; padding-left: 5px;}
.aboutus-page .progress-info .tooltip{  position:relative; float:right; top: -37px!important; z-index: 1;}
.aboutus-page .progress-info .tooltip > .tooltip-inner {background-color: transparent; padding:5px 15px; color:#000;  font-size:16px; }
.aboutus-page .progress-info .popOver + .tooltip > .tooltip-arrow {  border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid transparent;}
.aboutus-page .progress{border-radius:0; height: 17px; overflow:visible; border-radius: 25px; background: #fff; margin-top: 8px; margin-bottom: 32px; -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.07); box-shadow: 0 1px 5px 1px rgba(0,0,0,0.07);}
.aboutus-page .progress-bar{
 background: rgb(95,113,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(95,113,188,1) 1%, rgba(127,77,181,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(95,113,188,1) 1%,rgba(127,77,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(95,113,188,1) 1%,rgba(127,77,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); /* IE6-9 */
   border-radius: 25px; -webkit-transition: width 1.5s ease-in-out; transition: width 1.5s ease-in-out;}

.standerds h2{text-align: center; font-family: 'robotobold'; color: #262626; margin:17px 0 35px; font-size:40px;}
.standerds .row:hover .standerds-number .number {color: #6d61b9;}
.standerds .row{position: relative; z-index: 1;}

.standerds .standerds-content{margin:40px 0 60px;}
.standerds .standerds-content h3{font-size: 25px;  font-family: 'robotobold'; margin: 5px 0; padding: 0;}
.standerds .standerds-content p{text-align: left; font-size: 16px; line-height: 28px;}
.standerds .standerds-number .number{color: #fff; font-size: 150px; line-height: 100px; text-align: right; text-shadow: 1px 1px 5px #f0f0f0;
-webkit-transition: all .45s ease-in-out;
   -moz-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
     -o-transition: all .45s ease-in-out;
        transition: all .45s ease-in-out}
.standerds .standerds-number{position: relative; margin: 40px 0;}
.standerds .standerds-number:after{position: absolute; width: 63%; content: ''; height: 1px; background: #000; left: 11%; top: 56%;}
.standerds .standerds-number:before{position: absolute; width: 16px; height: 16px; background: #000; content: ''; border-radius: 50%; left: 10%;top: 50%; margin-top: -2px;}
.standard-box2 .standerds-number .number{text-align: left;}
.standard-box2 .standerds-number:after{position: absolute; width: 63%; content: ''; height: 1px; background: #000; left:28%; top: 56%;}
.standard-box2 .standerds-number:before{position: absolute; width: 16px; height: 16px; background: #000;  content: ''; border-radius: 50%; left: 87%;top: 50%; margin-top: -2px;}

ul.design-grp{margin:25px 0 0; padding: 0; list-style: none;}
ul.design-grp li{margin: 0; padding:57px 80px; width: 49.8%; float: left; background: #7f4fb5; text-align: center; min-height: 365px;}
ul.design-grp li h2{font-size: 40px; color: #fff; margin:0 0 20px 0; padding: 0; font-family: 'robotoregular';}
ul.design-grp li p{font-size: 16px; line-height: 26px; color: #fff;}
ul.design-grp li h2 span{font-family: 'robotobold';}
ul.design-grp li:nth-child(2){background: #6070bc;}
.thinkers{margin: 70px 0;}
.thinkers h2{font-size: 40px; font-family: 'robotolight'; padding:0 50px; margin: 0; border-right:1px solid #262626;}
.thinkers p{font-size: 16px; color: #262626; padding:0 0 0 20px; text-align: left; margin:12px 0 0}
/*********************/

/*Web Development*/
.development_banner{min-height: 760px; overflow: hidden;
background: rgb(95,113,188);
background: -moz-linear-gradient(top, rgba(95,113,188,1) 0%, rgba(127,77,181,1) 100%);
background: -webkit-linear-gradient(top, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%);
background: linear-gradient(to bottom, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 );}
.development_banner .banner_heading{text-align: center; margin-top: 20%}
.development_banner .banner_heading h1{font-size: 80px; color: #fff; padding: 0; margin:0 0 100px; font-family: 'robotobold'; position: relative;}
.development_banner .banner_heading h1:after{position: absolute; width: 45%; height: 1px; background: #fff; bottom: -47%; content: ''; left: 28%;}
.development_banner .banner_heading p{font-size: 20px; color: #fff; padding:0 13%; margin:0px 0 60px; line-height: 30px; }
.development_banner .banner_heading .btn-default { font-size: 16px; padding: 12px 35px; border: 1px solid #fff; background: transparent; color:#fff;}
.development_banner .banner_heading .btn-default:hover,.development_banner .banner_heading .btn-default:focus{background: #fff; color: #262626;}
.development_banner{position: relative;}
.development_banner .border-circle1{width: 115%; border:1px solid #fff; min-height: 1905px; border-radius: 50%; left:-52%; opacity: 0.3; position: absolute; top:-10%; background: rgba(255,255,255,0.2); padding: 12%;}
.development_banner .border-circle1 .inner-circle1{border:1px solid #fff; border-radius: 50%; min-height: 1600px; padding: 12%; background: rgba(255,255,255,0.2);}
.development_banner .border-circle1 .inner-circle1 .small-circle1{border:1px solid #fff; border-radius: 50%; min-height:1200px; background: rgba(255,255,255,0.2);}
.development_banner .border-circle2{width: 68%; border:1px solid #fff; min-height: 1305px; border-radius: 50%; left:78%; opacity: 0.3; position: absolute; top:-120%; background: rgba(255,255,255,0.2); padding: 6%;}
.development_banner .border-circle2 .inner-circle2{border:1px solid #fff; border-radius: 50%; min-height: 1045px; padding: 11%; background: rgba(255,255,255,0.2);}
.development_banner .border-circle2 .inner-circle2 .small-circle2{border:1px solid #fff; border-radius: 50%; min-height:807px; background: rgba(255,255,255,0.2);}
.development_banner .pulsating-circle{position: absolute; top: 85%; left: 24%;}
.development_banner .pink-cirlce-small.pulsating-circle {top: 3%; left: 67%;}
.development_banner .pink-cirlce-small1.pink-cirlce-small.pulsating-circle {top: 90%; left: 54%;}
.development_banner .small-green.pulsating-circle {top: 16%; left: 15%;}
.development_banner .small-green2.pulsating-circle {top: 85%; left: 0%;}
.development_banner .pink-cirlce2.pulsating-circle {top: 85%; left: 87%;}
.development_banner .pink-cirlce3.pink-cirlce2.pulsating-circle {top: 16%; left: 2%;}
.development_banner .small-green3.small-green.pulsating-circle {top: 52%; left: 96%;}
.development_banner .small-green4.small-green2.pulsating-circle {top: 1%; left: 80%;}

.technologies{padding: 50px 0 70px;}
.technologies p.title{font-size: 25px; color: #262626; margin:0 0 30px 0; padding:0 9%; text-align: center; line-height: 35px; font-family: 'robotoregular';}
.technologies p{font-size: 16px; color: #262626; margin: 0; padding:0 10%; text-align: center; line-height: 26px;}
.technologies .platforms_we_work{margin-top: 100px;}
.technologies .platforms_we_work .heading_bg{text-align: center; opacity: 0.05; font-family: 'robotoregular'; position: absolute; left: 20%; top: -70px; margin: 0; padding: 0;}
.technologies .platforms_we_work h2{text-align: center; font-family: 'robotobold';  position: relative; margin:5px 0 0; padding: 0;}
.technologies .platforms_we_work h3{margin:100px 0 0 0; padding:0 0 10px; font-size: 25px; font-family: 'robotoregular'; position: relative; text-align: left;}
.technologies .platforms_we_work h3:after{position: absolute; content: ''; width:100%; height:4px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; left:0; bottom: 0;}
.technologies .platforms_we_work ul.development{margin:25px 0 0; padding: 0; list-style: none;}
.technologies .platforms_we_work ul.development li{margin:0 0 25px 0; padding:0 0 0 35px; position: relative; font-size: 16px; color: #262626;  width: 100%; text-align: left; z-index: 1;}
.technologies .platforms_we_work ul.development li:before{position:absolute; content:''; width: 19px; height: 22px; background: url('../img/check.png') center center  no-repeat; left: 0; }
.services.technologies .circle{left:96%; top: 70%;}
.technologies{position: relative;}
.marquee .moving-content{font-size: 320px; color: #fff; text-transform: uppercase; font-family: 'robotobold'; opacity: 0.1; line-height: 390px;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.marquee {position: absolute; height:80%; left:-31%;animation: marquee 20s linear infinite;}
@keyframes marquee {
  0% {
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
  }
}
.work_with-img{text-align: center; background: #f8f8f8;}
.work_with-img .img-responsive{display: inline-block;}
.application-develope .application-details{text-align: left; margin-top: 120px;}
.application-develope .application-details h2{line-height: 45px; font-size: 40px;}
.application-develope .application-details p{margin: 50px 0;}
.application-develope .application-details .btn-primary{background: rgb(95,113,188);
background: -moz-linear-gradient(top, rgba(95,113,188,1) 0%, rgba(127,77,181,1) 100%);
background: -webkit-linear-gradient(top, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%);
background: linear-gradient(to bottom, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); 
border:none; border-radius: 100px; padding:12px 20px 15px; font-size: 14px; text-align: left; min-width: 180px;
  -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;}
.application-develope .application-details .btn-primary:last-child{margin-left: 15px;}
.application-develope .application-details .btn-primary:hover{background: #282828;
  -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease; }
.application-develope .application-details .btn-primary i{font-size: 34px; float: left; margin: 4px 10px 0 0;}
.application-develope .application-details .btn-primary strong{display: block; font-size: 20px; line-height: 18px; font-family: 'robotoregular';}
.application-develope .app_left{text-align: center;}
.application-develope .app_left .img-responsive{display: inline-block;}
.application-develope .app_left .mobile1{margin: 0; float: none;}
.application-develope .app_left .mobile1:after{background-size:50%;}

.application-develope {position: relative;}
.application-develope .waveWrapper{position: absolute; background-color: #f8f8f8;}
.application-develope .waveWrapperInner{background-image: linear-gradient(to top, #f8f8f8 20%, #f8f8f8 80%);}
/**********************/



/*Web Design*/
.design_banner ul.design_software{margin:0 auto; padding: 0; list-style: none;}
.design_banner ul.design_software li{padding: 0; margin:0 20px; display: inline-block; -webkit-box-shadow: 0 12px 40px 0.1px rgba(0,0,0,0.3);
box-shadow: 0 12px 40px 0.1px rgba(0,0,0,0.3);}
.design_banner .banner_heading .btn-default{margin-top: 60px;}
.design_banner .marquee{left: -24%;}
.why_choose_us .choose_us{padding-top:82px;}
.why_choose_us .choose_us h2{margin:0 0 45px 0; padding: 0; position: relative; font-family: 'robotobold';}
.why_choose_us .choose_us .heading_bg{margin: 0; padding: 0; position: absolute; opacity: 0.05; left:25%; font-family: 'robotoregular'; top: -16%;}

.why_choose_us .choose_us p{text-align: left; margin:0 0 20px 0; padding:0 50px 0 0;}
.why_choose_us .choose_us ul.you_will_get{margin: 0; padding: 0; list-style: none;}
.why_choose_us .choose_us ul.you_will_get li{padding:0 0 40px 30px; margin: 0; border-left:1px solid #c3c3c3; position: relative; font-size: 16px; color: #262626; width: 92%; text-align: left;}

.why_choose_us .choose_us ul.you_will_get li:last-child{border:none;}
.why_choose_us .choose_us ul.you_will_get li:after{position: absolute; top: 0; content: ''; width: 20px; height: 20px; border-radius: 50%; border:3px solid #fff; background: #7e4eb4; left: -1.7%;     -webkit-box-shadow: 0 5px 10px 2px rgba(0,0,0,0.2);
    box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);}

.exceptional_website{background: rgb(95,113,188);
background: -moz-linear-gradient(top, rgba(95,113,188,1) 0%, rgba(127,77,181,1) 100%);
background: -webkit-linear-gradient(top, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%);
background: linear-gradient(to bottom, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); text-align: center; padding: 50px 0;}
.exceptional_website h2{margin: 0; padding: 0; color: #fff; font-family: 'robotobold';}
.exceptional_website p{margin:40px 0; padding:0 6%; color: #fff; font-family: 'robotoregular'; font-size: 16px; line-height: 26px;}
.exceptional_website  .btn-default { font-size: 16px; padding: 12px 35px; border: 1px solid #fff; background: transparent; color:#fff;}
.exceptional_website .btn-default:hover,.exceptional_website .btn-default:focus{background: #fff; color: #262626;}

.website_templete{background: #fff;}
.website_templete .we_design{background:#ececec; padding: 75px 0; position: relative;}
.website_templete .we_design:after{position: absolute; background:#ececec; content: ''; width: 100%; height: 100%; left:-100%; top: 0;}
.website_templete .we_design .heading_bg{font-size: 60px; font-family: 'robotolight'; margin:0; padding: 0;}
.website_templete .we_design .dashed_border{width: 190px; min-height:14px; background: url(../img/dotted_border.png) left center repeat-x; margin: 40px 0;}
.website_templete .we_design h2 strong{font-family:'robotobold'; font-weight: normal;}
.website_templete .we_design ul.design_service{margin: 0; padding: 0; list-style: none;}
.website_templete .we_design ul.design_service li{margin: 0; padding:0 0 25px 40px; position: relative; }
.website_templete .we_design ul.design_service li:after{position: absolute; content: ''; width: 21px; height: 9px; background:url('../img/tab-arrow.png') bottom center no-repeat; left: 0; top: 13%;}
.website_templete .we_design ul.design_service li:hover:after{background:url('../img/tab-arrow.png') bottom -10px center no-repeat;}
.website_templete .we_design ul.design_service li a{text-decoration: none; color: #6c6c6c; font-size: 16px; font-family: 'robotoregular';}
.website_templete .we_design ul.design_service li:hover a,.website_templete .we_design ul.design_service li#active a{color: #646bbb; font-family: 'robotobold';}
.website_templete .we_design ul.design_service li .img-responsive{display: none;}

.website_templete .service_tab{padding: 100px 0 100px 25px;}
.website_templete .service_tab  h3{color: #262626; font-family: 'robotolight'; font-size: 30px;}
.website_templete .service_tab  h3 strong{font-family:'robotobold'; font-weight: normal; }
.website_templete .service_tab  p{font-size: 16px; line-height: 26px; color: #262626; margin: 35px 0; width: 92%;}

.website_templete .service_tab article{font-size: 20px; line-height: 30px; font-family: 'robotomedium'; position: relative; padding: 0 10%;
 margin: 50px 0 50px;}
.website_templete .service_tab article:after{position: absolute; content: '“'; width: 30px; height: 30px; left:0; top: 26%; font-size: 150px; color: #dbdbdb;}
.website_templete .service_tab article:before{position: absolute; content: '“'; width: 30px; height: 30px; left:90%; top:55%; font-size: 150px; color: #dbdbdb; -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
        transform: rotate(180deg);}

.website_templete .service_tab  .btn-default{font-size: 16px; padding: 12px 30px;}
.website_templete .service_tab  .btn-default:hover,.website_templete .service_tab  .btn-default:focus,.website_templete .service_tab  .btn-default:active{color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f4db5+0,5f71bc+100 */
background: rgb(127,77,181); /* Old browsers */
background: -moz-linear-gradient(left, rgba(127,77,181,1) 0%, rgba(95,113,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4db5', endColorstr='#5f71bc',GradientType=1 ); /* IE6-9 */}


.research_discovery{background-color: #f8f8f8;}
.research_discovery h4{margin: 0; padding: 0; color: #262626;}
.research_discovery p{margin:30px 0 0; padding: 0; font-size: 16px; line-height: 26px; color: #262626;}
.research_discovery .design_process{margin-top: 100px;}
.research_discovery .design_process .computer_img{text-align: center;}
.research_discovery .design_process .computer_img .img-responsive{display:inline-block;}
.research_discovery ul.design-grp{margin:60px 0 60px;}
.research_discovery ul.design-grp li { margin: 0; padding: 52px 80px; width: 49.8%; float: left; background: #262626;text-align: left; min-height: 414px;}
.research_discovery ul.design-grp li:nth-child(2){background: #7e4fb5!important;}
.research_discovery ul.design-grp li h4{color: #fff;}
/**********************/

/*Mobile Application*/
.web_application h2{ text-align: center; font-family: 'robotobold'; margin: 0; padding: 0}
.web_application p{margin: 40px 0 65px;}
.web_application .applications{text-align: center;}
.web_application .applications h3{font-size: 25px; color: #8152b7;  font-family: 'robotolight'; margin:0 0 60px; padding: 0; position: relative; display: inline-block;}
.web_application .applications h3:before{position: absolute; content: ''; width: 60%; height: 10px; left: 50%; margin-left: -30%;  bottom: -28px;  boder:1px solid #dbdbdb; border-style: double; border-left: 0;border-right: 0; border-top: 0; border-color: #dbdbdb;}
.web_application .applications .app_development{padding: 15px 0;}
.web_application .applications .app_development h4{font-size: 20px; margin: 40px 0 20px 0; padding: 0;  font-family: 'robotobold';}
.web_application .applications .app_development p{margin:0 0 40px 0;}
.web_application .applications .btn-default{padding: 12px 47px; font-size: 16px;}

.mobile_projects{background: url('../img/mobile_banner.jpg') top center no-repeat; padding: 145px 0; text-align: center;}

.mobile_projects h2{color: #fff; margin: 0; padding: 0; font-family: 'robotobold';}
.mobile_projects p{color: #fff; margin: 40px 0; padding: 0 15%;}
.mobile_projects .btn-default{padding: 12px 37px; font-size: 16px;}


.why_choose{padding: 100px 0; background: #f8f8f8; position: relative; overflow:hidden;}
.why_choose .why_choose_content{ position: relative; z-index: 9;}
.why_choose .circle{position: absolute; left: 3%; top: 2%;}

.why_choose h2{font-family: 'robotobold'; margin: 0; padding: 0; }
.why_choose h4{font-size: 20px; margin: 60px 0 0; font-family: 'robotobold';}
.why_choose p{width: 70%; margin: 20px 0 0;}
/*********************/


/*E Commerce*/
.ecommerce-design .mobile_projects{background: url('../img/mobile_banner1.jpg') top center no-repeat; padding: 145px 0; text-align: center;}

.why_choose.commerce-choose{position: relative;  padding: 120px 0 100px; }
.why_choose.commerce-choose ul{margin:20px 0 0 0; padding:0; list-style: none;}
.why_choose.commerce-choose ul li{font-size: 20px; font-family: 'robotolight'; color: #262626; margin: 5px 0;}
.why_choose.commerce-choose ul li{font-size: 20px; font-family: 'robotolight'; color: #262626; margin: 5px 0;}

.why_choose.commerce-choose .ecommerceMarketingArrows { position: absolute; bottom: -180px; right: 0; z-index: 10; width: 100%; height: 100%}
.why_choose.commerce-choose .ecommerceMarketingArrows .ecommerceMarketingArrow1 { position: absolute; top: 40px; right: 388px; width: 55px; }
.why_choose.commerce-choose .ecommerceMarketingArrows .ecommerceMarketingArrow2 { position: absolute; top: -80px; right: 200px; width: 100px}
.why_choose.commerce-choose .ecommerceMarketingArrows .ecommerceMarketingArrow3 { position: absolute; top: 47px; right: 60px; width: 60px}
.why_choose.commerce-choose .ecommerceMarketingArrows .ecommerceMarketingArrow4 { position: absolute; top: -150px; right: 320px; width: 75px}
.why_choose.commerce-choose .ecommerceMarketingArrows .ecommerceMarketingArrow5 { position: absolute; top: -50px; right: 124px; width: 60px}
.why_choose.commerce-choose .ecommerceServiceScreenshots { position: absolute; right: 0; top: 0; min-height:520px; z-index: 10; width: 100%; height: 100%;}
.why_choose.commerce-choose .ecommerceServiceScreenshots img { margin-right: 20px; transition: all 1s ease; transform: rotate(0)}
.why_choose.commerce-choose .marketingPush { position: absolute; bottom: 0; right: 150px; transform-origin: 100% 100%; z-index: 200}
.why_choose.commerce-choose .marketingPush1 { z-index: 10 }
.why_choose.commerce-choose .marketingPush2 { z-index: 20 }
.why_choose.commerce-choose .marketingPush3 { z-index: 50; bottom: -60px}
.why_choose.commerce-choose .marketingPush4 { z-index: 20; margin-bottom: -155px }
.why_choose.commerce-choose .marketingPush5 { z-index: 10; margin-bottom: -170px }
.why_choose.commerce-choose .marketingPush1.animate { transform: rotate(-40deg) }
.why_choose.commerce-choose .marketingPush2.animate { transform: rotate(-20deg) }
.why_choose.commerce-choose .marketingPush4.animate { transform: rotate(20deg) }
.why_choose.commerce-choose .marketingPush5.animate { transform: rotate(40deg) }
 .why_choose.commerce-choose p{width: 100%;} 
 .ecommerce-design{background: #f8f8f8;}
.web_application .local-seo-service { background: #fff; border-radius: 5px; padding: 20px; margin: 20px 0;}
.web_application .local-seo-service .image_set{margin-bottom: 18px;}
.web_application .local-seo-service p {padding: 0; margin: 0;}
.web_application .local-seo-service {position: relative; min-height: 174px;
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out; }
.web_application .local-seo-service:before{position: absolute; content: '';  
width:100%;  background:url('../img/service_shedow.png') bottom center no-repeat; bottom:-33%; left: 0; height: 56px; background-size: 100%; -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
        transition: all .5s ease; opacity: 0.3;}

.web_application .local-seo-service:hover:before {opacity: 1;}


/*Seo Digital Service*/
.services.seo_digital{padding: 50px 0 30px; }
.services.seo_digital .col-md-4 img{ display: inline-block;}
.seo_digital .digital_marketing{text-align: left;}
.seo_digital .digital_marketing h2{text-align:left; margin: 0; padding: 0;  line-height: 58px; font-family: 'robotobold'; }
.seo_digital .digital_marketing p{text-align:left; margin:38px 0; padding: 0; width: 90%; color: #262626; line-height: 26px; font-size: 16px;}
.seo_digital .digital_marketing ul{margin: 0; padding: 0;}
.seo_digital .digital_marketing ul li{display:inline-block; margin: 0; padding: 0; vertical-align: top;}
.seo_digital .digital_marketing ul li:first-child{width: 14%;}
.seo_digital .digital_marketing ul li:last-child{width: 85%;}
.seo_digital .digital_marketing ul li h3{font-size: 60px; color: #fff; margin: 0; line-height: 46px; text-shadow: 1px 2px 5px rgba(0,0,0,0.2)}
.seo_digital .digital_marketing ul li h4{display: inline-block; font-size: 18px; color: #262626; font-family: 'robotomedium'; margin: 0;}
.seo_digital .digital_marketing ul li p{margin:20px 0 50px 0; padding: 0;}

.we_provide{padding: 35px 0; position: relative;}
.we_provide:before{position: absolute; content: '' ; background-color: #fff; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}

.we_provide h3{text-align: center; margin: 0; font-family: 'robotobold'; }
.we_provide h4{text-align: center; margin:15px 0 50px; font-family:'robotolight'; font-size: 20px; color: #262626;}

.we_provide .first-services{text-align: left; border:1px solid #ebebeb; margin-bottom: 40px; padding:30px; position: relative; background: transparent; min-height: 210px;}
.we_provide .first-services h4{text-align: left; font-family: 'robotomedium'; margin: 0; padding: 0;} 
.we_provide .first-services p{font-family:'robotoregular'; margin:10px 0 0; width: 96%; }
.we_provide .first-services h4,.we_provide .first-services:before,.we_provide .first-services:after, .we_provide .first-services:hover p{
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out}
.we_provide .first-services:hover h4,.we_provide .first-services:hover p{color: #fff;}
.we_provide .first-services:hover:after{position: absolute; content: ''; width:100%; height: 56px;  top:100%; left: 0; right: 0;}  

.we_provide .first-services:after{position: absolute; content: ''; width:100%; height:0px; background:url('../img/service_shedow.png') center top no-repeat; bottom:0%; left: 0; background-size: 90%; z-index: 1; opacity: 0.5;}

.we_provide .first-services:before{position: absolute; content: '';  top: 0; left: 0; height: 0; width: 100%; background: url(../img/strip1.jpg) center center repeat-x; cursor: pointer;  z-index: -1; }
.we_provide .first-services:hover:before{position: absolute; content: ''; height: 100%;  }

.we_provide .first-services.first-services1{background: url('../img/provide1.png') right 8% center no-repeat;}
.we_provide .first-services:hover{background: none!important;}
.we_provide .first-services.first-services2{background: url('../img/provide2.png') right 8% center no-repeat;}
.we_provide .first-services.first-services3{background: url('../img/provide3.png') right 8% center no-repeat;}
.we_provide .first-services.first-services4{background: url('../img/provide4.png') right 8% center no-repeat;}
.we_provide .first-services.first-services5{background: url('../img/provide5.png') right 8% center no-repeat;}
.we_provide .first-services.first-services6{background: url('../img/provide6.png') right 8% center no-repeat;}
.we_provide .first-services.first-services7{background: url('../img/provide7.png') right 8% center no-repeat;}
.we_provide .first-services.first-services8{background: url('../img/provide8.png') right 8% center no-repeat;}
.we_provide .first-services.first-services9{background: url('../img/provide9.png') right 8% center no-repeat;}

.seo_process{padding: 100px 0 0; background: url('../img/our_seo.jpg') top center no-repeat; background-size: cover;}
.seo_process h2{margin:-55px 0 45px 0; padding: 0; text-align: center; font-family: 'robotobold'; color: #fff; }
.seo_process ul{margin: 0; padding: 0; list-style: none;}
.seo_process ul li{margin: 0; padding:0; float: left; width: 33.3%; min-height: 347px; border-top: 1px solid #b7bcdf; border-left: 1px solid #b7bcdf; text-align: center;}
.seo_process ul li a{text-decoration: none;}
.seo_process ul li h3{font-size: 25px; font-family:"Roboto Bold Italic"; margin:42px 0 0; color: #fff; line-height: 40px;}
.seo_process ul li p{color: #fff; font-size: 16px; line-height: 26px; margin:7px 0 0; }
.seo_process ul li .btn-default{padding: 12px 37px; border:1px solid #fff; background: transparent; font-size: 16px;}
.seo_process ul li .btn-default:hover{color: #fff;}

.seo_process ul li .square-container2 h3{font-size: 20px; font-family:"Roboto Bold Italic"; margin:0 0 0; color: #fff; line-height: 30px;}

.square-flip{ position:relative; float:left;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;

-webkit-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-ms-transform: perspective(1000px);
transform: perspective(1000px);

-webkit-transform-style: preserve-3d; 
-moz-transform-style: preserve-3d; 
-ms-transform-style: preserve-3d; 
transform-style: preserve-3d; 
}

.square-flip{ width:100%; height:345px; }
.square,.square2{ width:100%; height:100%; }
.square{overflow: hidden; position:absolute; top:0;
background-size: cover;
background-position:center center;

-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);

-webkit-backface-visibility: hidden; 
backface-visibility: hidden;
}
.square-flip .square{
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
transform-style: preserve-3d;
z-index:1;
}
.square-flip:hover .square{
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
transform-style: preserve-3d;
}
.square2{
background-size: cover;
background-position:center center;

-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
overflow: hidden;
position:absolute;
top:0;
-webkit-backface-visibility: hidden; 
backface-visibility: hidden;
}
.square-flip .square2{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
transform-style: preserve-3d;
z-index:1;
}
.square-flip:hover .square2{
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
transform-style: preserve-3d;
}

/*Square content*/
.square-container{
padding:40px;
text-align:center;
position:relative;
top:50%;

-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);


-webkit-transform: translateY(-50%) translateX(0px)  scale(1);
-ms-transform: translateY(-50%) translateX(0px)  scale(1);
transform: translateY(-50%) translateX(0px)  scale(1);
transform-style: preserve-3d;
z-index:2;
}
.square-flip:hover .square-container{

-webkit-transform: translateY(-50%) translateX(-650px)  scale(.88);
-ms-transform: translateY(-50%) translateX(-650px)  scale(.88);
transform: translateY(-50%) translateX(-650px)  scale(.88);
transform-style: preserve-3d;

}

.square-container2{
padding:30px 40px;
text-align:center;
position:relative;
top:50%;

-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);


-webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
-ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);

transform-style: preserve-3d;
z-index:2;
}

.square-flip:hover .square-container2{

-webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
-ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
transform-style: preserve-3d;
}



.square-container2 .flip-overlay{background: rgba(248,248,248,0.5);} 

/*Elements*/
.flip-overlay{
display:block;
background: rgb(127,77,181); /* Old browsers */
background: -moz-linear-gradient(left, rgba(127,77,181,1) 0%, rgba(95,113,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4db5', endColorstr='#5f71bc',GradientType=1 ); /* IE6-9 */
width:100%;
height:100%;
position:absolute;
top:0;
opacity: 0.5;
}
  
.mt20{margin-top: 20px;}

    .privacy-page p{padding: 30px 0;}
    .payment-content p{padding: 0;}
    .payment-content{padding: 30px 0 40px;}
/***********************/


/*socail Media Marketing*/
.social_marketing{padding: 50px 0 100px; text-align: center; background: #f8f8f8; }
.social_marketing h3{color: #262626; margin:0 0 10px 0;  font-family: 'robotobold'; line-height: 50px;}

.media_marketing{background-color: #fff; position: relative; padding: 70px 70px 30px; margin-top: 96px;  border:1px solid #dadada; box-shadow: 0 5px 25px 0 rgba(0,0,0,0.16)
}
.media_marketing:hover .icon_circle img{transform: rotateY(180deg);}
.media_marketing .icon_circle img{-webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
     -o-transition: all .7s ease;
        transition: all .7s ease}

.social_marketing .media_marketing .icon_circle{text-align: center; background: #fff; border-radius: 50%; width: 100px; height: 100px; padding-top: 30px; border:1px solid #dadada; position: absolute; left: 50% ; top: 0; margin-top: -50px; margin-left: -50px;}
.social_marketing .media_marketing h5{font-size:25px; font-family: 'robotobold' ; margin:0 0 20px 0;}

.benefits_and_mpacts{background:url('../img/social_bg.jpg') top center no-repeat; min-height: 578px; position: relative; }
.benefits_and_mpacts .border-circle{right: -12%; left:inherit!important; transform: rotate(180deg); top:50%;}
.benefits_and_mpacts  ul.benefits_list{margin: 0; padding:80px 0 80px 15px; list-style: none; }
.benefits_and_mpacts  ul.benefits_list li{margin:0 0 70px 0; padding:0 0 0 0; width: 49%; display: inline-block; vertical-align: top;}
.benefits_and_mpacts  ul.benefits_list li:last-child{margin-bottom: 0;}
.benefits_and_mpacts  ul.benefits_list li:nth-child(7){margin-bottom: 0;}
.benefits_and_mpacts  ul.benefits_list li p{display: inline-block; width: 79%; margin: 0; padding:0 0 0 15px; color: #fff; line-height: 25px;}
.benefits_and_mpacts  ul.benefits_list li .img-responsive{display: inline-block;}
.benefits_and_mpacts  ul.benefits_list li .icon_box{width: 20%; float: left;}
.benefits_and_mpacts .benefits {padding: 135px 0 80px;}
.benefits_and_mpacts .benefits h2{color: #fff; margin: 0; font-family: 'robotobold';}
.benefits_and_mpacts .benefits h3{color: #fff; margin:12px 0 30px; font-family:'robotolight';}
.benefits_and_mpacts .benefits p{color: #fff; width: 90%; line-height: 26px;}

.our_range{padding: 100px 0; text-align: center;  background: #f8f8f8;}
.our_range h2{margin:0 0 50px 0; padding: 0; font-family: 'robotobold';}
.our_range ul{margin:0 auto; padding: 0; list-style: none;} 
.our_range ul li{margin:0 20px;  display: inline-block; border-radius: 50%; width: 120px; text-align: center;}  
.our_range ul li.socail_facebook{background: #3b5998; -webkit-box-shadow: 0 10px 25px 0 rgba(59,89,152,.5);box-shadow: 0 10px 25px 0 rgba(59,89,152,.5); } 

.our_range ul li  a {padding: 12px 0; display: block;}

.our_range ul li a ,.our_range ul li.socail_facebook,.our_range ul li.socail_twitter,.our_range ul li.socail_google,.our_range ul li.socail_linkedin,.our_range ul li.socail_youtube,.our_range ul li.socail_pinterest,.our_range ul li.socail_instagram{
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;}

.our_range ul li.socail_twitter{background: #55acee; -webkit-box-shadow: 0 10px 25px 0 rgba(85,172,238,.5); box-shadow: 0 10px 25px 0 rgba(85,172,238,.5);}   
.our_range ul li.socail_google{background: #dc4e41; -webkit-box-shadow: 0 10px 25px 0 rgba(220,78,72,.5); box-shadow: 0 10px 25px 0 rgba(220,78,72,.5);}  
.our_range ul li.socail_linkedin{background: #007ab9; -webkit-box-shadow: 0 10px 25px 0 rgba(0,122,185,.5); box-shadow: 0 10px 25px 0 rgba(0,122,185,.5);}  
.our_range ul li.socail_youtube{background: #c4302b; -webkit-box-shadow: 0 10px 25px 0 rgba(203,32,39,.5); box-shadow: 0 10px 25px 0 rgba(203,32,39,.5);}  
.our_range ul li.socail_pinterest{background: #bd081c; -webkit-box-shadow: 0 10px 25px 0 rgba(203,32,39,.5); box-shadow: 0 10px 25px 0 rgba(203,32,39,.5);}  
.our_range ul li.socail_instagram{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7024c4+0,c3286a+50,df973e+100 */
background: rgb(112,36,196); /* Old browsers */
background: -moz-linear-gradient(top, rgba(112,36,196,1) 0%, rgba(195,40,106,1) 50%, rgba(223,151,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(112,36,196,1) 0%,rgba(195,40,106,1) 50%,rgba(223,151,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(112,36,196,1) 0%,rgba(195,40,106,1) 50%,rgba(223,151,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7024c4', endColorstr='#df973e',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 10px 25px 0 rgba(221,138,66,.5);
box-shadow: 0 10px 25px 0 rgba(221,138,66,.5); }  

.our_range ul li:hover{background: #fff;}  

.our_range ul li.socail_facebook:hover a{color: #3b5998;}  
.our_range ul li.socail_twitter:hover a{color: #55acee;}  
.our_range ul li.socail_google:hover a{color: #dc4e41;}  
.our_range ul li.socail_linkedin:hover a{color: #007ab9;}  
.our_range ul li.socail_youtube:hover a{color: #c4302b;}  
.our_range ul li.socail_pinterest:hover a{color: #bd081c;}  
.our_range ul li.socail_instagram:hover a{ color: #cc385e;}  

.our_range ul li a{font-size: 66px; color: #fff; } 

/************************/

/*Web Hosting*/
.your-domain {padding: 35px 0; position: relative; background-color: #fff;}
.your-domain .zigzag1{position:absolute; right: -10%; top: 15%; z-index: -1;}
.your-domain h2{ padding: 0; font-size: 40px; font-family:'robotobold'; margin: 0; line-height: 35px; color: #262626;margin-bottom: 15px;}
.your-domain p{font-size: 20px; color: #262626; font-family: 'robotolight'; margin: 0; padding: 0;}

.your-domain ul{margin: 0; padding: 0; list-style: none;}
.your-domain ul li{margin:0 15px; padding: 0; float: left; text-align: left;}
.your-domain .send-letter{margin-top: 42px;}
.your-domain ul li .form-control{width: 100%;}
.your-domain ul li .btn-default{float: none;}

.your-domain ul li:first-child{width: 13%}
.your-domain ul li:first-child .webword{ padding: 22px 32px; font-size: 20px; background: #282828; color: #fff; border-radius: 100px; border: none; box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2);}
.your-domain ul li:nth-child(2){width: 58%}
.your-domain ul li:last-child{width: 15%; }

.domain-service{position: relative; background-color: #f8f8f8; padding: 40px 0 120px 0; overflow: hidden;}
.domain-service h2{text-align: center; margin: 0; padding: 0; font-family: 'robotobold'; color: #262626; margin-bottom: 15px;}
.domain-service p{font-size: 20px; color: #262626; font-family: 'robotolight'; margin: 0 0 60px 0; padding: 0; text-align: center;}
.domain-service .domain{text-align: center; margin-bottom: -75px;}
.domain-service .domain .img-responsive{display: inline-block;}
.domain-service .domain h3{font-size: 18px; font-family: 'robotobold'; margin:25px 0 15px 0; padding: 0; color: #262626; }
.domain-service .domain p{font-size: 16px; font-family: 'robotoregular'; margin: 0; padding:0 10%; line-height: 26px;}
.domain-service .circle{position: absolute; left: 0; z-index: 1; }

.hosting-platforms{padding: 40px 0 60px; position: relative; background-color: #fff;}
.hosting-platforms .zigzag{position: absolute; z-index: 1; right: -20%; top: 15%;}
.hosting-platforms .zigzag1{position: absolute; z-index: 1; left: -20%; bottom: 10%;}
.hosting-platforms h2{text-align: center; font-family: 'robotobold'; margin: 0; padding: 0; color: #262626; margin-bottom: 15px;}
.hosting-platforms p{text-align: center; font-size: 20px; font-family: 'robotolight'; margin:0 0 60px 0; line-height: 30px; }

.hosting-platforms .hosting-plans{padding:35px 0; text-align: center; position: relative; z-index: 9;
background: rgb(95,113,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(95,113,188,1) 0%, rgba(127,77,181,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(95,113,188,1) 0%,rgba(127,77,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); /* IE6-9 */}

.hosting-platforms .hosting-plans h4{text-align: center; font-size: 25px; color: #fff; font-family: 'robotomedium'; margin: 0;}
.hosting-platforms .hosting-plans p{text-align: center; font-size: 16px; color: #fff; font-family: 'robotoregular'; margin: 0;}
.hosting-platforms .hosting-plans .pricr-bar{padding:30px 0; border-top:1px solid #8587c8; border-bottom: 1px solid #8587c8; margin: 30px 0 0;}

.hosting-platforms .hosting-plans .pricr-bar p{vertical-align: top; }
.hosting-platforms .hosting-plans .pricr-bar strong{font-size: 80px; font-family: 'robotothin'; vertical-align:text-top; line-height: 55px; text-shadow: 0 1px 2px #383838;}
.hosting-platforms .hosting-plans ul{margin:37px 0; padding: 0; list-style: none;}
.hosting-platforms .hosting-plans ul li{margin:0 0 15px; padding: 0; font-size: 16px; color: #fff; font-family: 'robotoregular';}
.hosting-platforms .hosting-plans .btn-default {font-size: 16px; padding: 12px 35px; border: 1px solid #fff; background: transparent; color: #fff;}
.hosting-platforms .hosting-plans .btn-default:hover {background: #fff; color: #262626;}
 
.get-dream{/*background: url(../img/get-your.jpg) top center no-repeat;*//* min-height: 236px;*/ background: #5ae8ba; position: relative; padding: 40px 0; /*background-size: cover;*/}

 .get-dream h2{color: #fff; margin:6px 0 0; padding: 0; font-family: 'robotobold'; line-height: 32px;}
 .get-dream p{color: #fff; margin:5px 0 0; padding: 0; font-family: 'robotolight'; font-size: 20px; line-height: 30px;}
 .get-dream .btn-default {font-size: 25px; padding: 12px 35px; border: 1px solid #fff; background: transparent; color: #fff; font-family: 'robotomedium'; margin-top: 6px;}
 .get-dream .btn-default:hover {background: #fff; color: #262626;}

.portfolio_detail_slider { margin:0px auto;  }

.portfolio_detail_slider .port-laptop_slider{min-height: 650px; position: relative;  background:url("../img/portfolio_slide.png") top center no-repeat;  background-size: 100%; margin:0 40px; text-align: center;  z-index: 99;}

.portfolio_detail_slider .port-laptop_slider .sliderContainer{width: 71.5%; margin: 0 auto; display: inline-block;  
    background:transparent;}

.portfolio_detail_slider .port-laptop_slider .sliderDiv{width: 71.5%; background-size: 100%!important; height: 453px; margin: 14px auto;  z-index: 99999; position: absolute;}

.portfolio_detail_slider a.carousel-control{ background: none; }
.portfolio_detail_slider .carousel-inner .item{ margin: 0 auto; max-width: 500px;}

.portfolio_detail_slider .carousel-indicators { width:auto; bottom: -50px; margin-left: -18px; }
.portfolio_detail_slider .carousel-indicators li{ border-color: #804eb6; width:15px; height:15px;  }
.portfolio_detail_slider .carousel-indicators .active{ background-color: #804eb6; width:15px; height:15px; margin: 1px; }

.technologies{ margin:0 auto; text-align:center; }
.technologies ul{ list-style:none; padding:0px; margin:0px }
.technologies ul li{display:inline-block; padding:0px; margin:0 20px; width:80px; vertical-align: middle;}

.full_portfolio{background: #f8f8f8; position: relative; padding: 100px 0;}
.full_portfolio p{ text-align: left;}

.project_description .item_logo{ border-right:solid 1px #ccc; min-height: 180px; padding-right: 60px; }
.project_description .item_detail { padding:10px 60px; text-align: left; }
.project_description .item_detail .heading{ font-size: 25px; font-family: 'robotolight'; color:#262626; margin-bottom:10px; }
.project_description .item_detail p{margin-bottom:20px; }
.project_description .item_detail a{ padding:12px 30px; margin-top: 20px 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282828+0,282828+100 */
background: #282828; /* Old browsers */
background: -moz-linear-gradient(left, #282828 0%, #282828 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #282828 0%,#282828 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #282828 0%,#282828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#282828',GradientType=1 ); /* IE6-9 */
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
}
.project_description .item_detail a:hover,.project_description .item_detail a:focus,.project_description .item_detail a:active{color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f4db5+0,5f71bc+100 */
background: rgb(127,77,181); /* Old browsers */
background: -moz-linear-gradient(left, rgba(127,77,181,1) 0%, rgba(95,113,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(127,77,181,1) 0%,rgba(95,113,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4db5', endColorstr='#5f71bc',GradientType=1 ); /* IE6-9 */}

/************************/

.domain_benefits { background:#f3f3f3; padding: 35px 0 20px; }
.domain_benefits h2 { color:#262626; position: relative; margin: 0; padding: 0; font-family: 'robotobold'; text-align: center; }
.domain_benefits .benefits_list { }
.domain_benefits .benefits_list ul { list-style:none;  margin:0; }
.domain_benefits .benefits_list ul li {padding:20px 0 20px 34px; position: relative;}
.domain_benefits .benefits_list ul li:before { position: absolute; top: 24px; left: 0; content: '\f00c'; font-family: 'FontAwesome'; color: #6b63b9; font-size: 20px;}
.domain_benefits .benefits_list ul li span { font-size:22px;  font-family: 'robotomedium';  }
.domain_benefits .benefits_list ul li p { margin-top: 5px; margin-bottom: 0px;}

.solutions { background:#fff; padding:44px; }

.we-work-on { padding:85px 0; background-color: #fff; }
.we-work-on .heading_bg{ position: absolute; font-size: 100px; left: 0; color: #262626; opacity: 0.05; margin-top: -65px; text-transform: uppercase; font-family: 'robotoregular'; }
.we-work-on .heading h2{ color:#262626; position: relative; margin: 0; padding: 0; font-family: 'robotobold'; }
.we-work-on .tech-list { margin-top:50px; }
.we-work-on .tech-list ul{ list-style:none; padding:0px; margin:0px; text-align: center; }
.we-work-on .tech-list ul li{ display:inline-block; padding:20px 10px; min-height: 94px; vertical-align: top;}
.we-work-on .tech-list ul li:hover{padding-top: 10px;}
.we-work-on .tech-list ul li span{ display:block; padding:8px; font-size: 14px;}

.text-center p{ text-align: center; }
.text-right p{ text-align: right; }

.aboutus .about_details h2.home-about { font-size: 36px; color: #262626; position: relative; margin: 0; padding: 0; font-family: 'robotobold';}
.wave.waveTop{background-image: url('../img/wave-top.png')}
.wave.waveMiddle{background-image: url('../img/wave-mid.png')}
.wave.waveBottom{background-image: url('../img/wave-bot.png')}

#slide{background: url('../img/slider.png') left center no-repeat;}
#slide1{background: url('../img/slider7.png') left center no-repeat;}
#slide2{background: url('../img/slider2.png') left center no-repeat;}
#slide3{background: url('../img/slider3.png') left center no-repeat;}
#slide4{background: url('../img/slider4.png') left center no-repeat;}
#slide5{background: url('../img/slider5.png') left center no-repeat;}
#slide6{background: url('../img/slider6.png') left center no-repeat;}

.career-page{
    background:#f8f8f8;
}
.career-page h2{
    font-size: 40px;
    font-family: 'robotomedium';
    text-align: center;
    margin: 65px 0 45px 0;
}

.career-page .btn-primary{
    background-color: rgba(107,100,185,1);
    color: #fff;
    width:100%;
    padding: 16px 15px;
    border:none;
    text-align:left;
    font-size:20px;
    position:relative;
    border-radius: 0px;
}
.career-page .btn-primary:before{
    position: absolute;
    content:"\f0d7";
    font-size:20px;
    color:#fff;
    top:17px;
    right:30px;
    font-family: 'FontAwesome';
    -webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}

.career-page .btn-primary[aria-expanded="true"]:before{
    content:"\f0de";
}
.career-page .well{margin-bottom:0; background: #fff;
       border-radius: 0px;}
.career-page .well ul{padding-left:35px;}
.career-page .well ul li{font-size:16px; margin-bottom:16px; list-style-type:disc;}
.career-page ul{padding:0; margin:0; list-style:none;}
.career-page ul li{
    margin-bottom:24px; 
}

.career-page .btn-primary:focus, .career-page .btn-primary:active, .career-page .btn-primary:hover{background-color: rgba(107,100,185,1); box-shadow:none; outline:none!important;}

.career-page .btn-default{font-size: 16px;
    padding: 15px 40px;
    line-height: 16px;}
    
.submit-details{overflow:visible; margin-bottom:30px;}
.submit-details input[type="file"]{padding-top:19px}

/*lifeatownrox*/
.gallery {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 33%; -moz-column-width: 33%; column-width: 33%; padding-top: 28px;}
.ownrox-album{background:#fff;}
.error_message{color: #a94442; padding: 10px 20px; font-size:14px;}
.ownrox-album .col-lg-4 .image-box img{border:5px solid #fff; border-radius:15px;}





/*Responsive*/
@media(max-width: 1680px){
	.portfolio .owl-nav{bottom: 14.6%;}
  .portfolio .btn-primary{padding: 25px 10px;}
  .portfolio .owl-item.active .item{min-height: 318px;}
  .top-banner  .pink-cirlce2.pulsating-circle{z-index: -1;}
  .testimonials{padding: 50px 0 45px 0;}
  .testimonials::before{top: 1%;}
  .portfolio-page ul.portfolio-details li .port-content p{margin-top: 40%;}
}

@media(max-width: 1660px){
  /*homepage*/
  #menu.open{padding-top: 15%;}
  .social-icon ul.menu-social li a{font-size: 45px;}
  
  .portfolio .owl-item.active .item{margin-right: 25px;}
  .portfolio .btn-primary{padding: 25px 72px;}
  .portfolio .owl-item.active .item:before{bottom: -7%;}
  .portfolio .owl-carousel{padding-top: 14%;}
  .portfolio:after{top: 70.8%;}
  .portfolio .owl-nav{bottom: 17.8%;}
  .pink-cirlce2.pulsating-circle {width: 55px; height: 55px; left: 29.5%;}
  /********************/

  .top-banner .border-circle {width: 80%; left: 10%;}
  .mapicon{left: 50%;}
  .marquee{left:-35%;}
  
  /*About Us Page*/
  .service_banner .border-circle{width: 652px!important; left:50%!important;}

  .portfolio-page ul.portfolio-details li .port-content p {margin-top: 35%;}
  

  .design_banner .marquee {left: -28%;}

  .domain-service .circle{left: -4%;}
}

@media(max-width: 1600px){
  /*homepage*/
  .portfolio .owl-item.active .item { margin-right: 16px;}
  .portfolio .owl-item.active .item:before{bottom: -5%;}
  /*******************/
  /*SMM*/
  .benefits_and_mpacts .border-circle{right: -20%;}

}


@media(max-width: 1440px){
  /*Homepage*/

  .pink-cirlce2.pulsating-circle{left: 25.2%;}
 
  .portfolio .owl-carousel{padding-top: 23%;}
  .portfolio .owl-item.active .item:before{bottom: 2%;}
  .portfolio:after {top: 75%;}
  .portfolio .owl-carousel {padding-top: 25%;}
  .portfolio .owl-nav {left: -68%; bottom: 20.8%;}
  .portfolio .btn-primary {padding: 25px 56px;}

  /*******************/

  .portfolio-page ul.portfolio-details li .port-content p {margin-top: 22%;}
  
  .development_banner .border-circle1{left: -65%;}
  .development_banner .border-circle2 {width: 100%; left: 68%; top: -124%; padding: 9%;}
  .development_banner .border-circle2 .inner-circle2 {padding: 12%;}
  .contact .contact-form .btn-default{height: 40px;}
  .contact .contact-form .form-control{height: 40px;}



  }


@media(max-width: 1366px){
  /*homepage*/
  /*.top-banner .banner_heading h1{padding: 52px 0 0 ;}*/
  .top-banner .border-circle .inner-circle .small-circle{min-height: 600px;}
  .top-banner .border-circle .inner-circle{min-height: 700px;}
  .top-banner .border-circle{min-height: auto;}
  /*.top-banner .banner_heading h1{padding-top: 68px;}*/
  .top-banner .green-circle{left: -2%;}            
  
  .top-banner .green-circle svg,.top-banner .green-circle2 svg{ -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8);}
  /*.top-banner{min-height: 570px;}*/
  .banner .laptop-img{/*left: 23.5%; */top: 50%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}
  .banner .laptop-img img{width: 80%;}
  .fixtab .social-icon { padding: 10px 30px 0 30px;}

  .portfolio .owl-carousel {padding-top: 27%;}
  .portfolio .owl-nav{bottom: 21.2%;}
  .portfolio .owl-item.active .item:before {bottom: 7%;}
  /***************/

  .top-banner.service_banner .border-circle .inner-circle{min-height: 522px;}
  /*.top-banner.service_banner{min-height: 432px;}*/
  .service-social{height: 70px; padding: 10px 30px 0 30px;}
  .service_banner .pink-cirlce-small.pulsating-circle{left: 64%;}
  .service_banner .small-green2.pulsating-circle{left: 33%;}
  .service_banner .small-green.pulsating-circle{left: 28%;}
  .service_banner .pulsating-circle{left: 74%;}
  .aboutus-page .zigzag{right: -24%;}
  .aboutus-page .zigzag1 {top: 64%; left: -20%;}
  .marquee .moving-content{font-size: 266px;}
  .services.technologies .circle{left: 103%;}

  /*Web Hosting*/
  .domain-service .circle{left: -12%;}
  /****************/

  
  /*SMM*/
  .benefits_and_mpacts.contact .border-circle{right: -23%; left: inherit;}
  /*****************/
  

}

@media(max-width: 1280px){
  /*Homepage*/
  /*.banner .laptop-img{left: 21%;}*/
  .services{padding:  0 0;}
  .fixtab .services{padding: 30px 0 ;}
  .portfolio .owl-carousel {padding-top: 18%;}
  .portfolio .owl-item.active .item:before {bottom: -8.8%;}
  .portfolio:after {top: 79%;}
  .portfolio .owl-nav.disabled{display: block!important;}
  .portfolio .owl-nav{bottom: 14.5%;}
  /******************/

  .portfolio-page ul.portfolio-details li .port-content p {margin-top: 21%;}
  .testimonials .zigzag{right: -26%;}

  /*20-8-2018*/
  .work_process{padding: 60px 0 40px; }
  .aboutus{padding: 60px 0 40px;}
  .testimonials{padding: 60px 0 40px;}
  .we-work-on{padding: 60px 0 40px;}

}

@media(max-width: 1199px){

  /*Homepage*/
  .navT.active .icon{left: 100%; margin-left: -35px;}
  .banner .laptop-img img {width: 72%;}
  .banner .laptop-img{/*left: 13%;*/ top:44%; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6);}
  .top-banner{min-height:580px;}
  .top-banner .border-circle .inner-circle{min-height: 600px;}
  .top-banner .border-circle .inner-circle .small-circle{min-height: 500px;}
  .top-banner .green-circle {left: -6%;}
  .top-banner .green-circle svg,.top-banner .green-circle2 svg{-webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6);}
  .pulsating-circle{top: 41%;}
  /*.top-banner {min-height: 566px;}*/
  /*.contact-icon ul.contact_list li.phone,.contact-icon ul.contact_list li.whatsapp,.contact-icon ul.contact_list li.skype,.contact-icon ul.contact_list li.mail{background-size: 40px    ;}*/
  .services, .mobile_projects{ padding: 50px 0; }
  .services .first-services a{padding: 23px 40px;}
  .services .first-services:hover:before{bottom: -14%;}
  /*.contact-icon ul.contact_list li{margin-left: 26px;}*/
  .we_provide .first-services{min-height: 250px;}
  .services .first-services a{min-height: 376px;}
  .contact-icon ul.contact_list li{margin: 22px 14px 22px 34px;}
  .contact-icon{padding: 16px 0;}
  .aboutus, .work_process, .testimonials, .we-work-on{ padding: 50px 0; }
  .aboutus .about_progress {margin-top: 22%;}

  .application-design, .portfolio{ min-height: inherit; padding: 50px 0; }
  
  .portfolio .owl-carousel {padding-top: 25%;}
  .portfolio .owl-nav.disabled{display: block!important;}
  .portfolio .owl-item.active .item:before {bottom: -2.8%;}
  .portfolio .owl-nav {bottom: 4.5%;}
  .portfolio:after{background: transparent; }

  .work_process ul.process_list li .process-details p{width: 100%;}

  .testimonials h2{margin-top: -35px;}
  .testimonials .heading_bg{font-size: 98px; margin-top: -35px;}
  .testimonials .zigzag {right: -47%; top: 29%;}
  .testimonials .clients .review.right-img {margin-left: 33px; }
  .testimonials .clients .review h6{margin: 12px 0 10px}
  .testimonials .clients .review{width: 66%;}
  /******************/
  .service_banner .service_heading h3{margin-top: 12%;}  
  .standerds .standerds-content p{margin: 0;}
  
  .aboutus-page p{margin: 0 2%;}
  .aboutus-page .zigzag {right: -47%;}
  .aboutus-page .zigzag1{left: -20%;}
  ul.design-grp li{padding:46px 60px;}

  .contact-page .get-in-touch .border-box{padding: 19px;}
  .contact-page .get-in-touch .contact-info span{width: 78px;}
  .contact-page ul li{min-height: 264px;}

  .portfolio-page ul.portfolio-details li a h2{ margin-left: 20px; font-size: 20px; }
  .portfolio-page ul.portfolio-details li .port-content a{ font-size: 16px; }
  
  .portfolio-page ul.portfolio-details li h5{margin: 20px 0 0 20px; font-size: 27px;}
  .portfolio-page ul.portfolio-details li .port-content{padding: 20px ;}
  .portfolio-page ul.portfolio-details li .port-content p{ display: none;}
  .portfolio-page ul.portfolio-details li .port-content a{ top: 30%; }
  .portfolio-page ul.portfolio-details li .port-content a:last-child:after{ top: 5px; }

  .full_services ul.define_services li:nth-child(odd):before{width: 57%;}
  .full_services ul.define_services li:nth-child(even):before{width: 59%; left: -9%;}

  .marquee .moving-content {font-size: 204px;}
  .mapicon{bottom: -44%;}
  .why_choose_us .choose_us ul.you_will_get li:after{left: -2%;}
  .exceptional_website p{padding: 0 4%;}
  .website_templete .service_tab {padding: 58px 0 58px 25px;}
  .research_discovery ul.design-grp li{padding: 90px 52px; min-height: 537px;}
   .send-letter{padding: 16px 5px;}
   .send-letter .form-control{width: 496px; height: 56px;}
   .send-letter .btn-default{padding: 12px 50px;}
   .send-letter:after{ background: url(../img/news-seddow.png) left bottom no-repeat; width: 100%; background-size: 100%; left: 0; bottom: -46%;}

  .development_banner{min-height: 643px;}
  .development_banner .banner_heading h1{font-size: 60px;}
  .development_banner .border-circle1{min-height: 1200px;}
  .development_banner .border-circle1 .inner-circle1{min-height: 900px;}
  .development_banner .border-circle1 .inner-circle1 .small-circle1{min-height: 700px;}
  
  .development_banner .border-circle2 {width: 100%; left: 68%; top: -138%; padding: 12%;}

  .services.technologies .circle {left: 109%;}

  /*Mobile Application*/
  .why_choose .circle{display: none;}
  .why_choose p{width: 100%;}
  /*********************/

  /*Web Hosting*/
  .your-domain ul li:first-child .btn-default{padding: 15px 32px;}
  .your-domain ul li:first-child .webword{padding: 14px 32px; display: inline-block;}
  .your-domain .send-letter .btn-default{padding: 14px 40px;}
  .your-domain ul li:last-child{margin-left: 0;}
  .domain-service .circle{display: none;}
  .hosting-platforms .zigzag{right: -57%; opacity: 0.3;}
  .hosting-platforms .zigzag1{left:-46%; opacity: 0.3;}
  /**********************/

  /*SEO*/
  .seo_digital .digital_marketing ul li:first-child{width: 13%;}
  .seo_process ul li{width: 50%;}
  /**********************/

  /*SMM*/
  .media_marketing{padding: 70px 53px 30px;}
  .benefits_and_mpacts .benefits {padding: 90px 0 70px;}
  .benefits_and_mpacts ul.benefits_list{padding: 78px 0 80px 0;}
  .benefits_and_mpacts ul.benefits_list li p{width: 82%;}
  .benefits_and_mpacts ul.benefits_list li .icon_box{width: 18%;}
  .benefits_and_mpacts ul.benefits_list li{margin: 0 0 65px 0;}
  .our_range ul li{width: 70px;}
  .our_range ul li a{font-size: 32px;}
  /*********************/

  /*E Commerce*/
  .web_application .local-seo-service:before{bottom: -46px;}
  .ecommerce-design .mobile_projects{}
  /*********************/

  /*Portfolio*/
  .portfolio_detail_slider .port-laptop_slider{min-height: 584px; margin: 0;}
  .portfolio_detail_slider .port-laptop_slider .sliderDiv{margin: 10px auto; height: 100%;}
  /*.portfolio_detail_slider .port-laptop_slider .sliderContainer{width: 695px;}*/
  /********************/
  .solutions{ padding: 30px 0; }
  .contact{ background-position: 200px center; }
  .benefits_and_mpacts{ background: url('../img/social_bg.jpg') top center no-repeat; }
  .we_provide .first-services:before{ background-size: cover; }
  .hosting-platforms .hosting-plans .pricr-bar strong{ font-size: 60px; }
  .reviews{padding: 30px 0 0;}
  .reviews .stars {padding: 6px 0;}
  .service_banner{min-height: 340px;}

}

@media(max-width: 990px){
  /*Homepage*/
  .container{padding: 0 15px;}
  .services .first-services:after{background-size: cover;}

  .top-banner .banner_heading p{ padding: 0 20px; }
  /*.services .first-services a{padding: 15px 10px;}*/
  .services .first-services a,.services .first-services{min-height: 355px;}

  /*.services,.aboutus,.work_process,.portfolio{padding: 70px 0;}*/
  .application-design.application-develope{margin-top: 0;}
  .pink-cirlce2.pulsating-circle {width: 42px; height: 42px; left: 28.5%;}
  .aboutus .about_progress {margin: 50px 0;}
  .aboutus-page .progress-info .tooltip > .tooltip-inner{padding-right: 30px;}
  
  /*.aboutus h2,.work_process h2,.portfolio h2{font-size: 106px;}*/
  .aboutus .heading_bg,.work_process .heading_bg,.portfolio .heading_bg{font-size: 100px;}
  
    .work_process .heading h3,.portfolio h3,.testimonials .heading h3{font-size: 36px;}
  .application-design .application-details h4{font-size: 27px;}
  
  .portfolio .owl-item.active .item:before {bottom: 11%;}
    .portfolio .btn-primary{padding: 16px 30px;}
  .portfolio p{width: 85%;}
  
  .waveWrapper{display: none;}

  .application-design{background: #d5d4eb; min-height: 460px; padding: 70px 0;}
  .application-design .application-details{margin-top: 0;}
  .application-design .app_left{text-align: center;}
  .application-design .app_left .mobile1{margin:0 auto; margin-top: 0; float: none; display:inline-block;}
  .application-design .app_left .mobile2,.application-design .app_left .mobile3{display: none;}

  .work_process ul.process_list:before,.work_process ul.process_list:after{display: none;}
  .work_process ul.process_list li{padding: 40px 0 40px!important;}
  .work_process ul.process_list li:last-child{padding-bottom: 0!important;}
  .svg-img {top: 106px;}
  .work_process ul.process_list li .process-details p{width: 100%;}
  .work_process ul.process_list li .process-details{padding-left: 37px;}
  
  .contact-icon ul.contact_list{text-align: left;}
  /*.contact-icon ul.contact_list li a{font-size: 16px;}*/
  .contact-icon ul.contact_list li{ margin-left: 10px!important; width: 48%;}
  .contact-icon ul.contact_list li:hover{ margin-top: 10px!important;}
  .contact-icon ul.contact_list li{margin-top: 10px; margin-bottom: 10px;}

  .testimonials{padding-bottom: 0;}
  .testimonials:before {width: 280px; height: 270px;top: -4%; background-size: 88%;}
  .testimonials .zigzag{opacity: 0.3;}
  .testimonials .clients{margin-bottom: 55px;}
  .testimonials .clients .review.right-img {margin-left: 70px;}

  /*******************/

  .service_banner .service_heading h3{margin-top: 19%; font-size: 36px;}   
  .service_banner .pulsating-circle {left: 83%;}
  .service_banner .pink-cirlce-small.pulsating-circle {left: 70%;}
  .service_banner .small-green2.pulsating-circle {left: 27%;}
  .service_banner .small-green.pulsating-circle {left: 19%;}

  .aboutus-page{padding: 70px 0;}
  .aboutus-page .progress-info {margin: 70px 0;}
  .standard-box2 .standerds-number::after{width: 46%; left: 45%;}
  .standerds .standerds-number::after{width: 46%;}
  ul.design-grp li {padding: 35px 40px; min-height: inherit; width: 100%;}
  ul.design-grp li h3{font-size: 36px;}
  .thinkers h2{padding: 15px; font-size: 36px;}

  .standerds h3{margin-top: 24px; font-size: 36px;}

  /*.contact-page h3{margin:70px 0 40px; font-size: 36px;}*/
  .contact-page .get-in-touch{margin: 70px 0;}
  .contact-page .btn-default{ font-size: 18px; }

  
  .back-content .marquee{display: none;}
  .back-content{background-size: 100%;}
  
  .portfolio-page{padding: 70px 0;}
  .portfolio-page ul.portfolio-details{margin-top: 70px;}
  .portfolio-page ul.portfolio-details li{width: 50%;}
  .portfolio-page ul.portfolio-details li .port-content p{ margin-top: 44%;}

  .stay-in-touch{padding-bottom: 0px;}
  .stay-in-touch .get-in-touch .border-box{padding: 28px;}
  .stay-in-touch .get-in-touch .btn-default{padding: 12px 28px;}
  .stay-in-touch .get-in-touch .touch-circle{left: -18%;}

  .work_with-img{padding-bottom: 30px;}

  .full_services .zigzag{right: -46%; left: unset;}
  .full_services .zigzag1{left: -43%;}
  .full_services{padding: 70px 0 70px;}
  .full_services ul.define_services{margin: 70px 1; }
  .full_services ul.define_services li{width: 345px;}
  .full_services ul.define_services li p{padding: 0;}
  .full_services ul.define_services li:nth-child(odd):before{top: -16%;}
  .full_services ul.define_services li:nth-child(even):before{top: -16%;}

  .design_banner .marquee {left: -29%;}
  .development_banner .border-circle1 {left: -64%;}
  .development_banner .border-circle2{left: 66%;}
  .development_banner .border-circle1 .inner-circle1{padding: 14%;}
  .development_banner .banner_heading h1 {font-size: 50px;}

  .technologies p{padding: 0;}
  
  /*.website_templete .we_design h2{font-size: 50px;}*/
  .website_templete .we_design{ padding: 30px 5px; }
  .website_templete .service_tab{ padding-top: 30px; }
  .research_discovery h4,.website_templete .service_tab h4{font-size: 20px;}
  .research_discovery ul.design-grp li{padding: 30px;  min-height: 488px;}
  .research_discovery ul.design-grp,.research_discovery .design_process{margin-top: 70px; margin-bottom: 0;}


  .exceptional_website h3,.newsletter h3,.why_choose_us .choose_us h3{font-size: 36px;}
  .exceptional_website p{padding: 0;}
  
  /*.why_choose_us .choose_us h2 {left: 21%; top: -9%; font-size: 106px;}*/
  .why_choose_us .choose_us .heading_bg{ display: none; }
  .why_choose_us .choose_us{ padding-top: 50px; }
  .why_choose_us .choose_us ul.you_will_get li:after {left: -3%;}
  .website_templete .service_tab p{width: 100%;}
  .website_templete .service_tab #tab1 article{padding: 0; margin: 36px 0;}
  .website_templete .service_tab #tab1 article:before{left: 96%; top: 66%; font-size: 118px;} 
  .website_templete .service_tab #tab1 article:after{font-size: 118px; left: -12%; top: 10%;}

  .newsletter{padding: 70px 0;}
  /*.technologies{padding: 0;}*/
  .technologies ul li{ margin: 0 10px; }
  .newsletter p{padding: 0;}
   .send-letter .btn-default {padding: 12px 33px;}
   .send-letter .form-control{width: 420px;}

  .contact .contact-form #exampleInputcaptcha{height: 48px; }
  .marquee {left: -38%;}
  .application-develope{background: #d5d4eb; margin-top: 50px;}
  .development_banner .banner_heading p{padding:0 6%; margin: 0 0 42px;}
  .application-develope .application-details h4{font-size: 36px;}
  /*.technologies .platforms_we_work h2{font-size: 106px;}*/
  .technologies .platforms_we_work h5{margin-top: 70px;}
  .application-develope{padding: 40px 0;}
  .technologies .platforms_we_work, .technologies .platforms_we_work h3{margin-top: 40px;}

  /*Mobile Application*/
  .development_banner .pulsating-circle{display: none;}
  .development_banner {min-height: 575px;}
  .web_application.services{padding: 70px 0;}
  .web_application .applications .app_development h5{font-size: 17px;}
  .web_application h3{font-size: 36px;}

  .applications .app_development.window_img img{width: 85px;}
  .mobile_projects p{padding: 0;}
  .mobile_projects{padding: 70px 0;}
  .why_choose.services{padding-top: 70px;}
  .why_choose.services .img-responsive{margin: 0 auto;}
  .why_choose h5{margin: 30px 0 0;}
  .mobile_projects h3{font-size: 36px;}
  .why_choose h3{font-size: 36px;}
  /********************/

  /*Web Hosting*/
  .your-domain{padding: 70px 0;}
  .hosting-platforms{padding: 70px 0;}
  .hosting-platforms .hosting-plans{margin: 15px 0;}
  .hosting-platforms h3,.get-dream h3,.your-domain h3,.domain-service h3{font-size: 36px;}
  .domain-service .domain{min-height: 200px;}
  .hosting-platforms p{margin: 30px 0;}
  /********************/

  /*SEO*/
  .seo_digital .digital_marketing ul li:last-child{padding-left: 15px;}
  .seo_digital .digital_marketing h3{font-size: 36px; line-height: 40px;}
  .services.seo_digital{padding: 70px 0 20px;}
  .we_provide .first-services:hover:after{bottom: -32%;}
  .we_provide{padding: 70px 0;}
  .we_provide .first-services.first-services9{margin-bottom: 0;}
  .seo_process{padding: 70px 0 0;}
  .seo_process h3{margin-bottom: 70px; font-size: 36px;}
  .seo_process ul li{width: 100%;}
  .we_provide h3{font-size: 36px;}
  /********************/

  /*SMM*/
  .social_marketing{padding: 70px 0;}
  .media_marketing{min-height: 274px;}
  .social_marketing h3{ line-height: inherit;}
  .media_marketing {padding: 70px 30px 30px; }
  .benefits_and_mpacts{background:#262626;}
  .benefits_and_mpacts .benefits{padding: 90px 15px 70px;}
  .benefits_and_mpacts .col-sm-12{padding: 0;}

  .benefits_and_mpacts ul.benefits_list{
    margin: 0 -15px;
    padding: 78px 30px 80px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f71bc+0,5f71bc+41,7f4db5+100 */
  background: rgb(95,113,188); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(95,113,188,1) 0%, rgba(95,113,188,1) 41%, rgba(127,77,181,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(95,113,188,1) 0%,rgba(95,113,188,1) 41%,rgba(127,77,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(95,113,188,1) 0%,rgba(95,113,188,1) 41%,rgba(127,77,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f71bc', endColorstr='#7f4db5',GradientType=0 ); IE6-9}
  .our_range ul li{margin: 0 8px;}
  /*.benefits_and_mpacts .benefits h3{font-size: 24px;}*/
  .our_range{padding: 70px 0;}
  .our_range h3{font-size: 36px;}

  /********************/

  /*E Commerce*/
  .web_application .local-seo-service{padding: 13px;}
  .web_application .local-seo-service:before{bottom: -35px;}
  
  .why_choose.commerce-choose .col-md-6:nth-child(2){min-height: 350px;  }
  .why_choose.commerce-choose .ecommerceServiceScreenshots{min-height: inherit; bottom: -25%; top: auto;}
  .why_choose.commerce-choose .marketingPush{left: 34%; right: auto;}
  .why_choose.commerce-choose .ecommerceMarketingArrows{display: none;}

  /********************/

  /*Portolio*/
  /*.portfolio_detail_slider .port-laptop_slider .sliderContainer{width: 514px;}*/
  .portfolio_detail_slider .port-laptop_slider .sliderDiv{margin: 4px auto; height: 100%;}
  .portfolio_detail_slider .port-laptop_slider{min-height: 300px;  width: 500px; display: inline-block; margin: 0 auto;}
  .technologies ul li{width: 50px;}

  .project_description {text-align: center;}
  .project_description .item_logo{display: inline-block; border-right: 0; min-height: inherit; padding: 0; border-bottom: 1px solid #ccc; padding-bottom: 20px;}

  .full_portfolio{padding: 50px 0;}
  .portfolio_detail_slider{margin: 0; text-align: center;}
  .project_description .item_detail{text-align: center;}
  .project_description p{text-align: center; margin-bottom: 20px;}
  /********************/
  .privacy-page{ padding: 30px 0 30px; }
  .contact-page h2{ margin: 40px 0; font-size: 30px; }
  .full_services ul.define_services li:nth-child(odd):before{ width: 56%; }
  .full_services ul.define_services li:nth-child(even):before{ width: 56%; left: -6%; }
  .why_choose h4{ margin-top: 30px; }
  .we_provide .first-services{ min-height: 230px; margin-bottom: 20px; }
  .services.seo_digital h2{ text-align: center; line-height: inherit; }
  .services.seo_digital h2 + p{ text-align: center; }
  .seo_process{ padding-top: 40px; }
  .seo_process h2{ margin-bottom: 40px; padding-top: 40px;  }
  .application-develope .application-details h2 { line-height: inherit; font-size: 30px;}
  .application-develope .application-details p{ margin: 20px 0; }
  .contact{ background-position: 50px center; }
  .top-banner .banner_heading h1 {font-size: 26px; }
  .blank-div{ height: 220px; }
  




  /*Homepage*/
  /*.top-banner{min-height: 500px;}*/
  /*.banner .laptop-img{top: 65%;}*/
  .top-banner .border-circle{opacity: 0.2;}
  .top-banner .border-circle .inner-circle{min-height: 500px;}
  .top-banner .border-circle .inner-circle .small-circle{min-height: 400px;}

  .top-banner .green-circle {left: -13%;}
  .top-banner .green-circle svg{
    -webkit-transform: scale(.5);
       -moz-transform: scale(.5);
        -ms-transform: scale(.5);
         -o-transform: scale(.5);
            transform: scale(.5);}
  .top-banner .green-circle2{left: 82%;}
  .top-banner .green-circle2 svg{-webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
       -o-transform: scale(0.5);
          transform: scale(0.5);}
  .small-green2.pulsating-circle{border-width: 4px; width: 25px; height: 25px;}
  .pulsating-circle{border-width: 3px; height: 21px; width: 21px;}


  .portfolio .owl-carousel { padding-top: 30%;}
  .portfolio .owl-item.active .item{min-height: 306px;}
  /*.testimonials h2{font-size: 80px;}*/
  .testimonials .heading_bg{font-size: 80px;}
  /*.work_process h2{font-size: 100px;}*/
  /*.contact-icon ul.contact_list li{margin-left:33px;}*/

  /******************/

  .portfolio-page ul.portfolio-details li .port-content p {margin-top: 20%;}
  .development_banner .border-circle1,.development_banner .border-circle2{display: none;}
  .marquee .moving-content {font-size: 165px;}
  .website_templete .we_design:after{left: -99%;}

  .technologies .platforms_we_work .heading_bg{left: 8%; display: none;}
  .services.technologies .circle{display: none;}
  /*.application-develope .application-details .btn-primary i{ margin-right: 0;}*/
  .portfolio:after{ display: none; }
  .portfolio .owl-nav{ bottom: 0; left: 0; }
 
 /*21-9-18*/
 .privacy-page .pt-40{padding: 0; }
 .options_listing ul{padding: 10px 0 0;}
/*23-4-19*/
.header .navbar .navbar-brand{width: 100%; max-width:85%; margin:6px 0 0 10px !important; }
.header .nav > li{padding: 4px 0px;}
.services{padding:10px 0 30px !important; }



}


@media(max-width: 767px){
  .navbar-toggle{margin-top: 14px;}
  .navbar-toggle .icon-bar{background: #000;}
  .navbar-toggle .icon-bar{height: 3px;}
  .header .nav > li{padding: 4px 12px;}
  .reviews .stars{padding: 10px 0;}
  .sm-center{ text-align: center!important; }

  /*Homepage*/
  .top-banner.service_banner{ min-height: 200px; }
  .social-icon ul.menu-social li a{font-size: 32px; line-height: 36px;}
  .social-icon ul.menu-social li{margin: 10px 0;}
  #menu.open{padding-top: 10%;}
  
  .top-banner .green-circle,.pulsating-circle{display:none;}
  .top-banner .banner_heading p{padding: 0 10%;}
  .fixtab .social-icon { top: 0; margin: 0; padding:11px}
  .social-icon{padding: 11px;}

  .aboutus, .work_process, .testimonials, .we-work-on, .application-design{ padding: 30px 0; }
  /*.portfolio{ padding: 30px 60px; }*/
  .aboutus .about_details p{ margin: 15px 0; }
  .thinkers h2{border-right: none;}
    
  .services .first-services{min-height: inherit;}
  .services .first-services a{min-height: inherit; padding: 20px;}
  .services .second-row{margin-top: 0;}
  .services{padding-top: 0;}
  .technologies, .newsletter{ padding: 30px 0; }
  .services .first-services:before{display:none;}
  .web_application.services{ padding: 30px 0; }
  .why_choose.services{ padding: 30px 0; }
  
  .aboutus .about_details p{width: 100%;}
  .aboutus .about_progress, .work_process ul.process_list{margin: 30px 0;}
  .work_process ul.process_list li{ padding: 20px 0!important; }
  /*.aboutus h2, .work_process h2, .portfolio h2{font-size: 90px; }*/
  .aboutus .heading_bg, .work_process .heading_bg, .portfolio .heading_bg{font-size: 90px; }
  


  .blank-div-index{ height: 0; }
  .services .circle, .testimonials:before{ display: none; }
  
  /*.work_process h2{font-size: 84px;}*/
  .work_process ul.process_list li .number-box{font-size: 106px;}
  .work_process ul.process_list li .number-box .icon-circle{width: 60px; height: 60px; padding: 16px 0; top: -6%;}
  .work_process ul.process_list li .number-box .icon-circle img{width: 18px;}
  
  .application-design .application-details {margin-top: 40px; text-align: left;}
  
  .portfolio .owl-carousel{padding-top: 9%;}
  .portfolio .owl-item.active .item{margin-right: 0;}
  .portfolio h3{padding-left: 15px;}
  .portfolio p{ width: 100%; margin: 20px 0;}
  .portfolio .btn-default{}
  /*.portfolio{padding-bottom: 100px;}*/
  .portfolio .btn-primary{padding: 25px 30px}
  
  /*.portfolio-page ul.portfolio-details li .port-content{opacity: 1; left: 0; background:rgba(0,0,0,0.3);}*/
  .portfolio-page ul.portfolio-details li .port-content p{display: none;}
  /*.portfolio-page ul.portfolio-details li .port-content a{margin-top: 55%;}*/

  .testimonials .zigzag{display: none;}
  .testimonials .clients .review.right-img{margin-left: 54px;}
  /*.portfolio{max-height: inherit; }*/
  .portfolio .container-fluid {padding: 0 15px;}
  
  .portfolio .owl-nav.disabled{display: block!important; bottom: -7%; left: 50%; margin-left: -40px;}

  /*.testimonials h2{margin-top: -25px; font-size: 77px;}*/
  
  .testimonials .heading_bg{margin-top: -25px; font-size: 70px;}

  .testimonials .clients.top-margin{ margin: 20px 0; }
  .testimonials .clients{ margin-bottom: 20px; }
  
  .portfolio .owl-item.active .item:before{display: none!important;}

  .blank-div1{display: none;}

  /******************/
  

  .footer { padding: 5px 0px 10px; }
  .footer p, .footer p a, .text-right p{ margin: 0; padding: 0; text-align: center; }


  .container {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
  .top-banner .banner_heading p{font-size: 16px;}
  .border-circle,.social-icon ul.social-list,.service_banner .pulsating-circle,.aboutus-page .zigzag,.aboutus-page .zigzag1,.development_banner .pink-cirlce3.pink-cirlce2.pulsating-circle,.development_banner .small-green.pulsating-circle,.development_banner .pink-cirlce2.pulsating-circle,.development_banner .pink-cirlce-small1.pink-cirlce-small.pulsating-circle,.development_banner .pulsating-circle,  .services.technologies .circle{display: none;}
  
  .aboutus-page p{margin: 0;}
  .aboutus-page .progress-info{margin:30px 0 0 0; }
  .aboutus-page .progress-info.progress-info1{margin-top: 0;}
  .aboutus-page .progress-info span,.aboutus-page .progress-info .tooltip > .tooltip-inner,.footer p,.standerds .standerds-content p,.development_banner .banner_heading .btn-default,.exceptional_website .btn-default{font-size: 14px; line-height: 26px;}
  .newsletter p{font-size: 14px; margin: 15px 0; line-height: 21px;}
  .website_templete .service_tab #tab1 .btn-default{font-size: 14px;}

  .service_banner{min-height: 300px;}
  .service_banner .service_heading h3{margin-top:9%; font-size: 30px;}
  .service-social{top: 0; margin: 0;}
  .service-social .logo{margin: 7px 0;}
  
  .thinkers{margin: 20px 0; text-align: center;}
  .thinkers h3 {padding: 0; text-align: center; border:none;}
  .thinkers p {padding: 0; margin:10px 0 0; text-align: center;}
  .standerds .standerds-number .number{ font-size: 100px; }
  .standerds .standerds-content {margin: 40px 0 0px; padding: 0;}
  .standerds h3{font-size:30px;}
  
  .standard-box2 .standerds-number::after{left: 42%;}
  .standerds .standerds-number h2{font-size: 100px;}
  ul.design-grp li h3,.thinkers h3{font-size: 30px; }
 
  
  .contact-page .form-control{min-height: 50px;}
  .contact-page .form-group {margin-bottom: 20px;}
  .contact-page h3{font-size: 30px; line-height: 32px;}

  .contact-page ul li{width: 100%; min-height: auto;}
  .contact-page .btn-default {font-size: 18px;}
  .contact-page .get-in-touch h4{font-size: 21px;}
  
  .contact {background: url(../img/map.jpg) no-repeat -229px  bottom; min-height: 1000px;}
  .contact .contact-form #exampleInputcaptcha{padding-left: 5%; height: 68px;}
  .contact .contact-form .btn-default{margin-top: 20px;}
  .contact .contact-form{width: 100%;}
  .stay-in-touch .get-in-touch h4,.stay-in-touch .get-in-touch p{text-align:left;}
  /*.portfolio-page ul.portfolio-details li .port-content p {margin-top: 29%;}*/
  .stay-in-touch .get-in-touch .center-btn{margin-top:13px; text-align: left;}
  .stay-in-touch .get-in-touch .touch-circle{display: none;}
  
   .send-letter .btn-default {padding: 13px 44px; font-size: 20px;}
   .send-letter .form-control{width:512px;}

   .full_services{ padding: 30px 0; }

  .full_services ul.define_services li:nth-child(even):before,.full_services ul.define_services li:nth-child(odd):before,.full_services ul.define_services:after,.full_services ul.define_services:before,.full_services .zigzag,.full_services .zigzag1{display: none;}
  .full_services ul.define_services li .icon-circle{margin-top: 0;}
  .full_services ul.define_services li{float: left; vertical-align:top; width: 100%;  }
  

  .full_services ul.define_services{ padding: 0; margin: 40px 0 0; }
  .full_services ul.define_services li{ min-height: inherit; }
  .full_services ul.define_services li .inner_pad{ min-height: inherit; }


  .development_banner .banner_heading h1 {font-size: 32px; margin-bottom: 70px;}
  .development_banner {min-height: 510px;}
  .marquee .moving-content {font-size: 150px;}
  .design_banner ul.design_software li img{width: 68px;}
  /*.technologies p.title{ padding: 0; margin-top: 0px; font-size: 20px; line-height: inherit;}*/
  
  .why_choose_us .choose_us h2{top: -11%;}
  .why_choose_us .choose_us p{padding: 0;}
  .why_choose_us .choose_us h3{margin-bottom: 50px;}
  .why_choose_us .choose_us {padding-top: 30px;}
  .why_choose_us .choose_us .top_pd h2{top: 0;}
  .why_choose_us .choose_us ul.you_will_get{margin: 0 0 0 8px;}
  .why_choose_us .choose_us ul.you_will_get li:after {left: -1.5%;}
  .why_choose_us .choose_us ul.you_will_get li{padding-left: 27px;}
  .why_choose_us .choose_us ul.you_will_get li:last-child{padding-bottom: 0;}
  .top_pd{padding-top:50px;}
  
  .exceptional_website{padding: 30px 0;}
  .exceptional_website p{margin:25px 0;}

  .website_templete{background: #ececec;}
  .website_templete .we_design{padding:20px 0;}
  .website_templete .we_design:after{display: none;}
  .website_templete .we_design ul.design_service{background: #fff;}
  .website_templete .we_design ul.design_service li{display: inline-block; padding:20px  33.9px;}
  .website_templete .we_design ul.design_service li a{font-size: 0;display: inline-block;}
  .website_templete .we_design ul.design_service li#active{border-bottom: 2px solid #6f5eb8 ;}
  .website_templete .we_design ul.design_service li .img-responsive{display: inline-block;}
  .website_templete .we_design ul.design_service li:after{display: none;}
  .website_templete .service_tab {padding: 0px 20px 58px 20px;}
  .research_discovery ul.design-grp, .research_discovery .design_process{ margin-top: 30px; }
  .research_discovery p{ margin-top: 10px; }
  .website_templete .service_tab #tab1 article{padding: 0 6%; font-size: 18px; line-height: 26px;}
  .website_templete .service_tab #tab1 article:after{left: -3%;}
  .website_templete .service_tab #tab1 article:before{left: 90%;}

  .research_discovery h4{margin-top: 30px;}
  .research_discovery ul.design-grp li{width: 100%; padding: 40px; min-height:inherit;}
  .research_discovery ul.design-grp li h4{margin-top: 0;}

  .technologies .platforms_we_work h3{text-align: left;}
  /*.technologies .platforms_we_work h2{left: 14%;}*/
  .technologies .platforms_we_work h3{ font-size: 20px; }
  .application-design .mobile1:after{height:  26px; bottom: -17px;}
  .application-design .app_left .mobile1{ padding-bottom: 10px; }
  .application-develope .application-details{margin-top: 50px; }
  .application-develope .application-details p{margin: 25px 0;}
  .development_banner .banner_heading p{font-size: 16px;}
  .application-develope .application-details h4{font-size: 30px; line-height: 34px;}
  /*.technologies .platforms_we_work h2 {font-size: 90px;}*/

  /*Mobile Application*/
  .web_application h3{font-size: 30px;}
  .web_application p{margin:15px 0;}
  .applications .app_development.window_img img{width: auto;}
  .web_application .applications .app_development p{padding:0 15%; margin-bottom: 20px;}
  .mobile_projects h3{font-size: 30px;}
  .why_choose h3{font-size: 30px;}
  .why_choose p{margin-top: 10px;}
  .web_application .applications h4{font-size: 21px;}
  .blank-div{height:0;}
  /***************************/

  /*Web Hosting*/
  .hosting-platforms h3, .get-dream h3, .your-domain h3, .domain-service h3{font-size: 30px;}
  .your-domain{padding: 40px 0;}
  .domain-service.services{padding: 40px 0;}
  .domain-service .domain{min-height: auto; margin-bottom: 30px;}
  .hosting-platforms{padding: 40px 0;}
  .hosting-platforms .zigzag{display: none;}
  .hosting-platforms .zigzag1{display: none;}
  .get-dream{padding: 40px 0;}
  .get-dream .btn-default{font-size: 18px;}
  .get-dream .btn-default{margin-top: 20px;}
  .domain-service p{font-size: 16px; margin-bottom: 30px;}
  .hosting-platforms p{font-size: 16px;}
  .your-domain p{font-size: 16px;}
  .get-dream p{font-size: 16px; line-height: 26px;}
  .hosting-platforms .hosting-plans .pricr-bar strong{font-size: 60px; line-height: 48px;}
  /****************************/
  
  /*SEO*/
  .services.seo_digital .img-responsive{margin:0 auto;}
  .we_provide .first-services{margin-bottom: 30px;}
  .seo_digital .digital_marketing h3{margin:30px 0 0; font-size: 30px; }
  .seo_digital .digital_marketing p{width: 100%; margin: 25px 0;}
  .seo_digital .digital_marketing ul li p{margin: 0 0 30px 0;}
  .seo_digital .digital_marketing ul li:first-child{text-align: center;}
  .we_provide h3{font-size: 30px;}
  .seo_process h3{font-size: 30px;}
  .seo_process ul li h5{font-size: 21px;}
  .we_provide h5{font-size: 16px;}
  .square, .square2{height: 100%;}
  .seo_digital .digital_marketing h3 br{display: none;}
  /****************************/

  /*SMM*/
  .social_marketing h3{font-size: 30px;}
  .social_marketing .media_marketing h5{font-size: 21px;}
  .media_marketing{min-height: inherit;}

  .benefits_and_mpacts.contact{background: none; background-color: #262626; min-height: inherit;}
  /*.benefits_and_mpacts .benefits h3{font-size: 30px;}*/
  
  .benefits_and_mpacts .benefits{padding: 30px 15px;}
  .benefits_and_mpacts .benefits h4{font-size: 24px;}
  .benefits_and_mpacts ul.benefits_list{padding: 30px;}
  .our_range h3{font-size: 30px; margin:0 0 15px 0;}
  .benefits_and_mpacts .benefits p{width: 100%;}
  .benefits_and_mpacts ul.benefits_list li{ margin: 0 0 30px 0; }

  /*****************************/

  /*E Coomerce*/
  .web_application .local-seo-service{padding: 20px;}
  .web_application .local-seo-service:before{bottom:-53px; }
  /*****************************/

  /*Portfolio*/
  .portfolio_detail_slider .port-laptop_slider .sliderDiv{margin: -2px auto;}
  .project_description .item_detail{padding:15px;}


  /*****************************/
  .work_process ul.process_list li .process-details h3{ font-size: 20px; }
  .testimonials .clients .review h4{ font-size: 16px; }
  .portfolio{ padding: 30px 0 40px; max-height: inherit; }
  ul.design-grp li h2{ font-size: 24px; }
  .work_process ul.process_list li .number-box .icon-circle{ position: inherit; left: 0; top: 0; }
  .work_process ul.process_list li .number-box{ width: 60px; }
  .work_process ul.process_list li .process-details{ padding-left: 20px; }
  .work_process .heading, .testimonials .heading{ text-align: left; }
  .application-design .application-details p{ margin: 15px 0; }
  .work_process ul.process_list{ margin: 10px 0; }

  .aboutus-page{ padding: 30px 0; }
  .standerds .standerds-number{ margin: 20px 0; display: none; }
  .standerds .standerds-content{ margin-top: 20px; }
  .stay-in-touch .get-in-touch h3, .standerds .standerds-content h3, .web_application .applications h3, .website_templete .service_tab h3{ font-size: 20px; }
  .stay-in-touch .get-in-touch .btn-default{ font-size: 16px; }
  .standerds h2{ margin: 40px 0 0; }
  .contact-page .get-in-touch p{ margin: 10px 0; }
  .domain_benefits{ padding: 50px 0 0; }
  .domain_benefits .benefits_list ul li span{ font-size: 18px; }
  .we_provide .first-services{ min-height: inherit; padding: 15px; margin-bottom: 20px;}
  .social_marketing{ padding: 30px; }
  .our_range ul li{ width: 60px; height: 60px; line-height: 60px; }
  .our_range ul li a{ padding: 0; }
  .our_range h2{ margin-bottom: 30px; }
  .website_templete .we_design .dashed_border{ margin: 20px 0; }
  .application-develope .application-details h2{ font-size: 24px; }
  .options_listing ul{ padding: 0; }
  .contact-page .map{ background-position: -400px 0; }
  .service_banner .service_heading h1{ margin-top: 106px; }
  /*.top-banner .banner_heading h1{ padding-top: 30px; }*/
  .website_templete .service_tab p{ margin: 15px 0; }

  h2.title{ font-size: 24px; }
  h3.title{font-size: 20px;}
  h4.title, p.title{font-size: 16px;}

  /*21-9-18*/
/*  .social-icon{height:85px;}*/
  .web_application .applications h3{margin-bottom: 30px;}
  .web_application .applications .app_development h4{margin: 15px 0;}
  .privacy-page h2.sub-title{font-size: 24px; margin-top:15px;}
  .options_listing ul li{padding: 7px 0 7px 30px;}

/*23-4-19*/
.header .top-sec ul.social-list{text-align: center;}
.header .top-sec ul.mail{text-align: center; padding: 10px 0 0;}
.top-banner{min-height: 550px;}
 .banner .laptop-img{-webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); top:36%; }
 .header .nav > li > a{display: inline-block;}
 .header ul.navbar-nav{padding-top: 20px;}
 .reviews .stars .right-content h4{font-size: 20px;}


}

@media(max-width: 667px){
  /*Homepage*/
  .testimonials .clients .review.right-img{margin-left: 32px;}
  /*.banner .laptop-img{left: -7%;}*/
  /********************/

  .portfolio-page ul.portfolio-details li:first-child .port-content p {margin-top: 20%;}
  .portfolio-page ul.portfolio-details li .port-content p {margin-top:18%;}

  .aboutus .heading_bg, .work_process .heading_bg, .portfolio .heading_bg{font-size: 82px; }
  .marquee .moving-content {font-size: 136px;}
  .website_templete .we_design ul.design_service li{padding: 20px 29px;}
  .send-letter .form-control{width: 100%;}
  /*Web Hosting*/
  .your-domain ul li:first-child .webword {padding: 14px 24px;}
  .your-domain .send-letter .btn-default {padding: 13px 32px;}
  /************************/

  /*E Coomerce*/
  .web_application .local-seo-service:before{bottom: -47px;}
  .why_choose.commerce-choose .ecommerceServiceScreenshots{bottom: -30%;
    -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
        }
        .why_choose.commerce-choose .marketingPush{left:31%;}
  /************************/

  
}

@media(max-width: 640px){
  /*.banner .laptop-img{left: -9%;}*/

  .testimonials .heading_bg{font-size: 60px;}
  .website_templete .we_design ul.design_service li{padding: 20px 27px;}
 .aboutus-page .progress-info .tooltip > .tooltip-inner{padding-right: 30px;}
}

@media(max-width: 568px){
  /*HomePage*/

  .social-icon ul.menu-social li a{font-size: 24px; line-height: 27px;}
  .top-banner .banner_heading p{padding: 0; line-height: 26px; margin: 18px 0;}
  .social-icon ul.menu-social li{margin: 7px 0;}

  /*.banner .laptop-img {left: -16%;}*/

  /*.services .first-services{margin-top: 0; margin-bottom: 30px;}*/
  .services {padding:0 0 10px;}
  
  /*.aboutus, .work_process{padding: 40px 0;}*/
  /*.aboutus h2,.portfolio h2{font-size: 80px; margin-top: -26px;}*/
  .aboutus .heading_bg, .work_process .heading_bg, .portfolio .heading_bg{font-size: 70px; margin-top: -40px;}
  /*.aboutus .about_details p{margin: 30px 0;}*/
  .aboutus .progress{margin-bottom: 20px;}
  .aboutus-page .progress-info{width: 95%;}
  .aboutus .about_progress {margin-top: 6%;}


  /*.contact-icon ul.contact_list{margin: 0 0 0 12%;}
  .contact-icon ul.contact_list li{margin-left: 0; width: 49%;}*/
  
  .testimonials .clients{border-radius: 0; padding: 25px; text-align: center;}
  .testimonials .clients .review{width: 100%; margin-left: 0;}
  /*.testimonials .clients.top-margin{margin-top: 40px;}*/
  /*.testimonials h2{font-size: 58px;}*/
  .testimonials .heading_bg{font-size: 58px;}
  .testimonials .clients .review.right-img{margin-left: 0; margin-top:150px;}
  .testimonials .clients .review.right-img + div{position: absolute; top: 0; left: 50%; margin-left: -74px; margin-top: 25px;}
    
  /*.work_process h2{font-size: 70px; margin-top: -26px;}*/
  .work_process ul.process_list{margin:  0;}
  /*.work_process ul.process_list li .number-box{margin-top: 20px;}*/
  /*.work_process ul.process_list li{padding: 40px 0 0!important;}*/
  
  /*.application-design .application-details{margin-top: 40px;}*/
  /*.application-design .application-details p{margin: 25px 0;}*/
  /*.application-design .mobile1:after {height: 8%; bottom: -8%;}*/
  .application-design{padding: 40px 0;}

  /*.portfolio{padding: 40px 0 100px;}*/
  /*.portfolio p{margin: 40px 0;}*/
  
  /*********************/

  .service_banner .service_heading h3{ margin-top: 8%;}
  
  .top-banner .service_heading p{ margin-top: 0; margin-bottom: 0; }
  
  .aboutus-page .progress-info .tooltip > .tooltip-inner{padding: 8px 15px 0 15px;}
  .top-banner.service_banner {min-height: 195px;}
  .aboutus-page{padding: 40px 0;}
  .aboutus-page .progress-info{margin-top: 40px;}
  .aboutus-page .progress{margin-bottom: 10px;}
  .standerds h3{margin-bottom: 0;}
  
  .thinkers{margin-top: 30px;}
  
  .standerds .standerds-number{margin: 0;}
  ul.design-grp li{padding:35px 15px; }

  .footer{padding: 15px 0;}
  .footer-contact{padding:10px 0;}
  
  .aboutus-page .progress-info .tooltip > .tooltip-inner{padding-top: 2px;}

  .contact-page h3{ margin: 30px 0;}
  .contact-page .get-in-touch .border-box {padding: 15px 5%;}
  .contact-page .btn-default {padding: 8px 46px; }
  
  .contact-page .get-in-touch{margin: 40px 0;}
  
  .portfolio-page{padding: 40px 0;}
  .portfolio-page ul.portfolio-details{margin-top: 40px;}
  .portfolio-page ul.portfolio-details li {width: 100%;}
  .portfolio-page ul.portfolio-details li h5 {margin: 40px 0 0 45px; font-size: 27px;}
  .portfolio-page ul.portfolio-details li .port-content p ,.portfolio-page ul.portfolio-details li:first-child .port-content p {margin-top: 50%;}
  
  
  .stay-in-touch .get-in-touch h4{font-size: 27px;}
  .stay-in-touch .get-in-touch .btn-default{font-size: 18px;}
  
  .full_services{padding: 40px 0 0;}
  .full_services ul.define_services li{width: 100%; min-height: inherit;}
  .full_services ul.define_services li .inner_pad{min-height: 318px;}
  .full_services ul.define_services li:last-child{margin-bottom: 40px;}
  .marquee .moving-content {font-size: 112px;}
  .development_banner {min-height: 454px;}
  .technologies, .newsletter,.website_templete .we_design,.technologies, .newsletter{padding: 40px 0;}
  .website_templete .we_design ul.design_service li {padding: 20px 21.9px;}
  .research_discovery ul.design-grp, .research_discovery .design_process{margin-top: 40px;}
   .send-letter .form-control{height: 50px;}
   .send-letter .btn-default {padding: 12px 32px;}
   .send-letter {padding: 11px 0px;}

  .exceptional_website h3, .newsletter h3, .why_choose_us .choose_us h3 {font-size: 30px;}
  .research_discovery h4, .website_templete .service_tab h4{font-size: 20px;}

  .development_banner .banner_heading .btn-default,.exceptional_website .btn-default{padding: 9px 30px;}
  .development_banner .banner_heading p{padding: 0 3%;}
  .technologies .platforms_we_work h5,.technologies .platforms_we_work{margin-top: 40px;}
  .application-develope{padding: 40px 0;}

  /*Mobile Application*/
  .web_application.services{padding: 40px 0;}
  .mobile_projects{padding: 40px 0;}
  .mobile_projects p{margin: 20px 0;}
  .why_choose.services{padding: 30px 0;}
  .web_application .applications .app_development h5{margin: 30px 0 20px;}
  .web_application .applications .app_development p{margin-bottom: 10px; padding: 0;}
  .why_choose.services img{width: 250px;}
  /*********************/

  /*Web Hosting*/
  .your-domain .send-letter .form-control{padding-left: 20px;}
  .your-domain ul li:first-child{margin-right: 30px;}
  .your-domain ul li:nth-child(2){width: 50%;}
  .your-domain .send-letter .form-control{height: 53px;}
  .your-domain ul li:first-child .webword{padding: 13px 24px;}
  .hosting-platforms p{margin: 15px 0;}
  .services.seo_digital{padding: 40px 0 20px;}
  .we_provide{padding: 40px 0;}
  .seo_process{padding: 40px 0 0;}
  .seo_process h3{margin-bottom: 40px;}
  /*********************/

  /*SMM*/
  .social_marketing{padding: 40px 0;}
  .media_marketing{margin-top: 70px; padding: 70px 30px 30px;}
  .benefits_and_mpacts ul.benefits_list{padding: 40px 30px 40px;}
  .benefits_and_mpacts .benefits{padding: 40px 15px 40px;}
  .benefits_and_mpacts .benefits h4{margin: 10px 0 15px; }
  .our_range{padding: 40px 0;}
  .our_range ul li a{font-size: 24px;}
  .our_range ul li{ margin: 0 5px;}
  /*********************/

  /*E Coomerce*/
  .web_application .local-seo-service:before{bottom: -40px;}
  .why_choose.commerce-choose ul li{font-size: 18px;}
  .why_choose.commerce-choose .ecommerceServiceScreenshots{
    -webkit-transform: scale(0.56);
     -moz-transform: scale(0.56);
      -ms-transform: scale(0.56);
       -o-transform: scale(0.56);
          transform: scale(0.56);}
  .why_choose.commerce-choose .marketingPush{left: 22%;}

  .service_banner .service_heading{padding-top: 0;}

  /*********************/

  /*Portfolio*/
  .technologies ul li{margin: 0 12px; width: 40px;}
  /**********************/

  .contact-page .map{ background-position: -639px 0; }
  .portfolio-page ul.portfolio-details li a h2 br{display: none;}

  /*21-9-18*/
  .why_choose_us .choose_us ul.you_will_get li:after{left: -1.9%;}
  .why_choose_us .choose_us h2{margin-bottom: 30px;}
  .top_pd{padding-top: 30px;}
  .why_choose_us .choose_us ul.you_will_get li{padding: 0 0 18px 30px;}
  .fixtab .services{padding:40px 0 ;}
}


@media(max-width: 480px){
  /*Homepage*/
  .banner .laptop-img{-webkit-transform: scale(0.4);
     -moz-transform: scale(0.4);
      -ms-transform: scale(0.4);
       -o-transform: scale(0.4);
          transform: scale(0.4); }
  
  .portfolio{padding: 40px 0 40px;}
  .portfolio .btn-primary {padding: 24px 30px;}
  
  .portfolio .owl-item.active .item{margin: 0 20px;}
  .portfolio .owl-nav{bottom:0%; left: 50%; margin-left: -35px;}

  .aboutus .heading_bg, .work_process .heading_bg, .portfolio .heading_bg{font-size: 60px;}

  /******************/

  .service_banner .service_heading h3{margin-top: 11%;}
  .standerds .standerds-content{margin-top: 15px;}
    
  .contact-page .form-control {min-height: 42px;}
  .contact-page .get-in-touch .border-box {padding: 15px 9%;}
  /*.contact-page .get-in-touch .contact-info a {margin-left: 65px;}*/
  
  .portfolio-page ul.portfolio-details li .port-content p, .portfolio-page ul.portfolio-details li:first-child .port-content p {margin-top: 38%;}
  

  .send-letter .form-control {width: 94%;}
  .website_templete .service_tab #tab1 article:after {left: -9%}
  .website_templete .we_design ul.design_service li {padding: 15px 15.6px;}
  .why_choose_us .choose_us ul.you_will_get li:after {left: -2.5%;}
  .research_discovery ul.design-grp li {padding: 30px;}

  .development_banner .banner_heading{margin-top: 26%;}
  .design_banner ul.design_software li img {width: 58px;}

  .marquee .moving-content {font-size: 97px;}
  .development_banner {min-height: 440px;}
  .why_choose_us .choose_us .top_pd h2{top:3%;}
  .technologies p.title{margin-bottom: 10px;}
  .why_choose_us .choose_us{padding-top: 30px;}
  .why_choose_us .choose_us h2{margin-bottom: 30px;}
  
  .development_banner .banner_heading p {padding: 0 ; margin: 0 0 22px; line-height:25px;}
   
  /*Web Hosting*/
  .your-domain ul li:first-child .webword, .your-domain .send-letter .btn-default{font-size: 16px; padding: 12px 24px;}
  .your-domain ul li:first-child{margin-right: 22px;}
  .your-domain .send-letter .form-control {height: 46px;}
  .your-domain .send-letter .btn-default{font-size: 16px;}
  .your-domain ul li:nth-child(2){margin-right: 6px;}
  /**************************/
  
  
  /*SMM*/
  .social_marketing .media_marketing h5{margin-bottom: 12px;}
  .social_marketing .media_marketing .icon_circle{width: 80px;height: 80px; padding-top: 25px; margin-left: -40px;}
  .social_marketing .media_marketing .icon_circle img{width: 35px;}
  .media_marketing {margin-top: 70px; padding: 40px 29px 30px; min-height: }
  .media_marketing p{margin: 0;}
  .benefits_and_mpacts ul.benefits_list li{width: 100%; margin: 0 0 40px 0;}
  .benefits_and_mpacts ul.benefits_list li:nth-child(7){margin-bottom: 40px;}
  .benefits_and_mpacts ul.benefits_list li p{width:100%; text-align: center;}
  .benefits_and_mpacts ul.benefits_list li p br{display: none;}
  .benefits_and_mpacts ul.benefits_list li .icon_box{width: 100%; text-align: center; margin-bottom: 10px;}
  .our_range ul li{width:40px; height: 40px; line-height: 40px;}
  .our_range ul li a{font-size: 18px;}

  /**************************/

  /*E-Commerce*/
  .ecommerce-design .col-xs-6{width: 100%;}
  .web_application .local-seo-service{min-height: 150px;}
  .web_application .local-seo-service:before{bottom: -57px;}
  .why_choose.commerce-choose .ecommerceServiceScreenshots{-webkit-transform: scale(0.48);
     -moz-transform: scale(0.48);
      -ms-transform: scale(0.48);
       -o-transform: scale(0.48);
          transform: scale(0.48);}
          .why_choose.commerce-choose .col-md-6:nth-child(2){min-height: 280px;}
          .why_choose.commerce-choose .marketingPush{left: 15%;}
  /**************************/

  .technologies .platforms_we_work .heading_bg{left: 0;}

  /*Portfolio Details*/
  .portfolio_detail_slider .port-laptop_slider{width: 375px;}
  .portfolio_detail_slider .port-laptop_slider .sliderDiv{margin: -5px auto;}
  .portfolio_detail_slider .port-laptop_slider{min-height: 200px;}
  .contact-icon ul.contact_list li{ width: 100%; margin: 10px 0; }





  
}
@media(max-width: 420px){
  /*Homepage*/
  .work_process ul.process_list li .number-box {font-size: 88px;}
  .work_process ul.process_list li:nth-child(4) .number-box .icon-circle, .work_process ul.process_list li:nth-child(5) .number-box .icon-circle {padding: 14px 0;}
  .testimonials:before {width: 190px; height: 190px; top: -2.8%; background-size: 88%;}
  .full_services ul.define_services li .inner_pad{ padding: 30px 15px; }

  .testimonials .heading_bg{display: none;}
  .portfolio .heading_bg{display: none;}
  .work_process .heading_bg{display: none;}
  .work_process .heading h3{text-align: center;}
  .aboutus .heading_bg{display: none;}
  .testimonials .heading h3{text-align: center;}
  /*******************/

  .service_banner .service_heading h3{margin-top:15%;}
  .contact-page .get-in-touch .border-box {padding: 15px 2%;}
  .portfolio-page ul.portfolio-details li .port-content p, .portfolio-page ul.portfolio-details li:first-child .port-content p {margin-top: 24%;}
  
  .stay-in-touch .get-in-touch .border-box {padding: 20px 10px;}
  .stay-in-touch .get-in-touch{padding: 16px;}

  /*.full_services ul.define_services li .icon-circle {margin-top: -18%;}*/
  .marquee,.design_banner .marquee{display: none;}
  .development_banner {min-height: 445px;}

  .website_templete .we_design ul.design_service li{padding: 13px 13.4px;}
  .website_templete .we_design ul.design_service li img{width: 25px;}
  /*.application-develope .application-details .btn-primary{padding: 15px 18px;}*/
  .application-develope .application-details .btn-primary strong{font-size: 18px;}


  /*Web Hosting*/
  .hosting-platforms .col-xs-6{width: 100%;}
  .your-domain .send-letter{padding: 12px; border-radius: 0;}
  .your-domain ul li:last-child{width: 100%;}
  .your-domain ul li:first-child .webword{padding: 13px 44.4%;}
  .your-domain .send-letter .btn-default {padding: 13px 45.5%;}
  .send-letter ul li:first-child{width: 100%; margin: 0;}
  .your-domain ul li{width: 100%; margin: 5px 0!important;}
  .your-domain ul li:nth-child(2){width: 100%; margin: 0;}
  /**************************/

  /*SEO*/
  .square-flip{height: 384px;}
  /**************************/

  /*E-Coomerce*/
  .why_choose.commerce-choose .ecommerceServiceScreenshots{
    bottom: -35%;
    -webkit-transform: scale(0.43);
     -moz-transform: scale(0.43);
      -ms-transform: scale(0.43);
       -o-transform: scale(0.43);
          transform: scale(0.43);}
        .why_choose.commerce-choose .col-md-6:nth-child(2){min-height: 240px;}
  
  .service-social .logo{width: 180px; margin-top: 12px;}
  .social-icon .logo{width: 180px; margin-top: 12px;}

  /*portfolio*/
  .technologies ul li{width: 32px; margin: 0 8px;}
  /*********************/

  .contact-page .map{ background-position: -701px 0; }
  .top-banner .banner_heading h1{font-size: 24px;}
  .application-develope .application-details .btn-primary{ width: 170px; display: block; margin: 0 auto 10px!important; }

/*18-8-18*/

  .top-banner{min-height: 480px;}
  .top-banner .banner_heading h1{padding: 60px 0 0;}
  .banner_heading.service_heading h1{padding-top: 0;}




  /*21-9-18*/
  .why_choose_us .choose_us ul.you_will_get li:after{left: -3%;}
  .why_choose_us .choose_us h2{margin-bottom: 30px;}
  .top_pd{padding-top:30px;}
  .contact-page h2{margin: 30px 0 20px;}
  .privacy-page{padding: 15px 0;}
  .header .navbar .navbar-brand{max-width: 50%; height: inherit !important;}
   .navbar-toggle{margin-top:8px; } 
   .reviews .stars{width: 100%; max-width: 243px; margin: 0 auto}
   .header ul.navbar-nav{padding-top: 0;}

}
@media(max-width: 375px){
  /*Homepage*/
  
  
  .aboutus .about_details h3, .work_process .heading h3, .portfolio h3, .testimonials .heading h3{font-size: 27px;}
  .work_process ul.process_list li .process-details h4{font-size: 21px;}
  .application-design .application-details h4{font-size: 24px;}
  .banner .laptop-img{
    -webkit-transform: scale(0.35);
     -moz-transform: scale(0.35);
      -ms-transform: scale(0.35);
       -o-transform: scale(0.35);
          transform: scale(0.35);}

  /*.portfolio .owl-nav {bottom: 0%; left: 38%;}*/

  /*********************/

  .fixtab .social-icon {height: 70px; padding:11px;}
  .service_banner .service_heading h3{margin-top: 19%; font-size: 24px;}
  .standerds h3,ul.design-grp li h3,.thinkers h3{font-size: 24px;}
  .standerds .standerds-content h4{font-size: 20px;}
  .standerds .standerds-number h2{font-size: 85px;}

  .contact-page h3{font-size: 24px; line-height: 27px;}
  .contact-page .btn-default{font-size: 16px;}
  .contact-page .get-in-touch .contact-info{font-size: 16px;}
  .contact-page .get-in-touch .contact-info a {font-size: 18px; margin-left: 38px;}
  .contact-page .get-in-touch .border-box {padding: 15px 3%;}
  .contact-page .form-group {margin-bottom: 15px;}

  .portfolio-page ul.portfolio-details li h5 {margin: 20px 0 0 20px; font-size: 24px;}
  .portfolio-page ul.portfolio-details li .port-content {padding: 20px;}
  .portfolio-page ul.portfolio-details li .port-content p, .portfolio-page ul.portfolio-details li:first-child .port-content p {margin-top: 30%;}
  .portfolio-page ul.portfolio-details li .port-content a{font-size: 17px;}
  .stay-in-touch .get-in-touch h4{font-size: 24px; line-height: 25px;}
  .stay-in-touch .get-in-touch .btn-default {font-size: 16px;}

  .full_services ul.define_services li h5{font-size:20px; margin: 22px 0 0;}
  .full_services ul.define_services li p{margin: 11px 0;}
  /*.full_services ul.define_services li .icon-circle {margin-top: -21%;}*/

  .development_banner .banner_heading h1{font-size: 27px;}
  .development_banner .banner_heading {margin-top: 31%;}
  .design_banner ul.design_software li img{width: 50px;}
  .exceptional_website h3, .newsletter h3, .why_choose_us .choose_us h3{font-size: 24px;}
  .technologies p.title{font-size: 18px; line-height: 24px;}
  
  .research_discovery p{margin: 15px 0 0;}

  .website_templete .we_design ul.design_service li img {width: 23px}
  .website_templete .we_design ul.design_service li{padding: 11px 11.5px;}
  
  .website_templete .service_tab {padding: 0px 20px 40px 20px;}
  .website_templete .service_tab #tab1 article{font-size: 18px;}

   .send-letter .form-control{padding-left: 22px; height: 40px; width: 91%;}
  .contact .col-xs-6{width: 100%;}
  .contact .col-xs-push-3{left: 0;}
  .mapicon {bottom: -49%;}
  .send-letter .btn-default{font-size: 16px;}
  .website_templete .we_design .dashed_border{margin: 25px 0;}

  .development_banner .banner_heading p{font-size: 14px;}
  .application-develope .application-details h4{font-size: 24px;}
  /*.application-develope .application-details .btn-primary i{font-size: 30px; }
  .application-develope .application-details .btn-primary {padding: 10px 16px;}
  .application-develope .application-details .btn-primary {f font-size: 12px;}
  .application-develope .application-details .btn-primary strong{ font-size: 14px; }
  .application-develope .application-details .btn-primary:last-child{ margin-left: 5px; }*/
  .technologies .platforms_we_work ul.development li{font-size: 14px; margin: 0 0 17px 0;}

  /*Mobile Application*/
  .web_application h3,.mobile_projects h3{font-size: 24px;}
  /*********************/

  /*Web Hosting*/
  .hosting-platforms h3, .get-dream h3, .your-domain h3, .domain-service h3{font-size: 24px;}
  .domain-service .domain p{padding: 0;}
  .we_provide h3,.seo_digital .digital_marketing h3{font-size: 24px; line-height: 30px;}
  .we_provide .first-services{padding: 20px;}
  /*********************/

  /*SEO*/
  .square-container2{padding: 30px 20px;}
  /*********************/

  .social_marketing .media_marketing h5{font-size: 18px;}
  .our_range h3{font-size: 24px;}
  .our_range ul li{margin: 0 2px;}
  /*.our_range ul li a{font-size: 14px;}*/
  /*********************/

  /*Ecommerce*/
  .web_application .local-seo-service:before{bottom: -53px;}
  .why_choose.commerce-choose .ecommerceServiceScreenshots{-webkit-transform: scale(0.35);
     -moz-transform: scale(0.35);
      -ms-transform: scale(0.35);
       -o-transform: scale(0.35);
          transform: scale(0.35); bottom: -44%;}

          .why_choose.commerce-choose .col-md-6:nth-child(2){min-height: 200px;}

  /*Portfolio*/
  .portfolio_detail_slider .port-laptop_slider{width: 350px;}
  /**********************/

  .contact-page .map{ background-position: -720px 0; }

  /*21-9-18*/
  .why_choose_us .choose_us ul.you_will_get li:after{left: -3%;}

  /*23-4-19*/
  .header .top-sec ul.social-list li a{padding: 5px 10px;}
  .header .top-sec ul.mail li{ padding: 0 3px; }
  .header .top-sec ul.mail li a{font-size: 14px;}


}

@media(max-width: 360px){
  .service_banner .service_heading h3{margin-top: 20%;}
  .footer p{margin: 0px;}
  
  .contact-page .get-in-touch .contact-info span {width: 72px;}
  
  .portfolio-page ul.portfolio-details li .port-content p, .portfolio-page ul.portfolio-details li:first-child .port-content p {margin-top: 22%;}
  .stay-in-touch .get-in-touch .btn-default {padding: 8px 20px;}
  .stay-in-touch .get-in-touch {padding: 12px;}

  .why_choose_us .choose_us ul.you_will_get li:after {left: -3.5%;}
  .website_templete .we_design ul.design_service li {padding: 10px 10.5px;}
  .website_templete .service_tab #tab1 article:after{left: -11%;}
  .research_discovery ul.design-grp li {padding: 25px;}

  /*.application-develope .application-details .btn-primary {padding: 11px 14px;}*/

  /*Mobile Application*/
  .web_application h3,.mobile_projects h3{font-size: 24px;}

    /*Porfolio details*/
  .portfolio_detail_slider .port-laptop_slider{width: 330px;}





}

@media(max-width: 320px){
  /*Homepage*/
  .banner .laptop-img{-webkit-transform: scale(0.32);
     -moz-transform: scale(0.32);
      -ms-transform: scale(0.32);
       -o-transform: scale(0.32);
          transform: scale(0.32); }
  .top-banner{min-height: 472px;}
  
  .testimonials h2{font-size: 24px; margin-top: -15px;}
  .social-icon{padding: 12px 5px;}
  .top-banner .banner_heading p{margin:0 0 18px 0;}
  /*******************/
  .service-social{padding: 11px;}
  .service_banner .service_heading h3 {margin-top: 24%;}
  .aboutus-page .progress-info{margin: 70px 4% 0 4%;}
  .we-work-on .tech-list ul li{ width: 48%; text-align: center; }
  .work_process ul.process_list li .process-details{ width: 78%; }
  
  .contact-page .get-in-touch .border-box{padding: 15px;}
  .contact-page .get-in-touch .contact-info a{margin-left: 0; }
  .contact-page .get-in-touch .contact-info span{width: 68px;}
  .contact-page ul li{padding: 15px;}
  
  .portfolio-page ul.portfolio-details li .port-content p, .portfolio-page ul.portfolio-details li:first-child .port-content p {margin-top: 18%;}
  /*.full_services ul.define_services li:nth-child(even), .full_services ul.define_services li:nth-child(odd) {margin: 0px 0 45px 0;}*/
  .development_banner .banner_heading h1 {font-size: 25px; margin-bottom: 50px;}
  .design_banner .banner_heading .btn-default{margin-top: 40px;}
  .development_banner .banner_heading {margin-top: 38%;}
  .website_templete .we_design ul.design_service li img{width: 21px;}
  .website_templete .we_design ul.design_service li {padding: 8px 8.7px;}
  .website_templete .service_tab {padding: 0px 10px 40px 10px;}
  .website_templete .service_tab #tab1 article:before {left: 93%; top: 77%;}
  .send-letter .btn-default {padding: 10px 22px;}
  .send-letter .form-control{padding: 5px;}
  /*.application-develope .application-details .btn-primary:last-child{margin-left: 5px;}
  .application-develope .application-details .btn-primary strong{font-size: 16px;}
  .application-develope .application-details .btn-primary {padding: 9px;}
  .application-develope .application-details .btn-primary i{font-size: 27px;}*/
   .send-letter .form-control{width: 94%;}
  .newsletter .send-letter:after{bottom: -33%;}


  /*Web Hosting*/
  .your-domain .send-letter .btn-default,.your-domain ul li:first-child .webword {padding: 13px 43%;}


  .seo_process ul li p{font-size: 14px; line-height: 24px;}

  /*SMM*/
  .our_range ul li{width: 30px; height: 30px; line-height: 30px; }
  .our_range ul li a{ font-size: 16px;}
  .benefits_and_mpacts ul.benefits_list li{margin: 0 0 30px 0;}
  /***********************/


  /*E-Coomerce*/
  .commerce-choose h3{font-size: 27px;}
  .why_choose.commerce-choose .col-md-6:nth-child(2){min-height: 180px;}
  .web_application .local-seo-service:before{bottom: -44px;}
  .why_choose.commerce-choose .ecommerceServiceScreenshots{-webkit-transform: scale(0.33);
     -moz-transform: scale(0.33);
      -ms-transform: scale(0.33);
       -o-transform: scale(0.33);
          transform: scale(0.33);}
  .why_choose.commerce-choose .marketingPush{left: 0;}
  .why_choose.commerce-choose ul li{font-size: 16px; margin: 0;}


  .portfolio_detail_slider .port-laptop_slider{width: 285px;}

  .technologies ul li{margin: 0 5px;}
  .portfolio_detail_slider .port-laptop_slider{min-height: 152px;}

  /*21-9-18*/
  .why_choose_us .choose_us ul.you_will_get li:after{left: -3.8%;}
  .top-banner .banner_heading h1{padding-top: 80px;}
  .banner_heading.service_heading h1{padding-top: 0;}

}


/*work-processing*/

.work-circle{margin: 90px 0 0;  position: relative;}
.work-circle ul li{display: inline-flex;  justify-content: center;  min-width: 19%; }
.work-circle .work-process-number .number-box{float: left; /*max-height: 400px;*/ /*text-align: center;*/ /*height: 300px; width: 400px;*/}
.work-circle .work-process-number .number-box p{ font-size: 300px; text-transform: uppercase; line-height: 300px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#616ebb+0,6b63b9+50,7c50b5+100 */
background: #616ebb; /* Old browsers */
background: -moz-linear-gradient(top,  #616ebb 0%, #6b63b9 50%, #7c50b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #616ebb 0%,#6b63b9 50%,#7c50b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #616ebb 0%,#6b63b9 50%,#7c50b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616ebb', endColorstr='#7c50b5',GradientType=0 ); /* IE6-9 */
-webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 0; font-weight: bold;}

.work-circle .work-content{margin-left: 250px; padding-top: 7%;}
.work-circle .work-content h3{font-size: 34px; font-family: 'robotobold'; color: #48494b; letter-spacing: 3px;}
.work-circle .work-content p{font-size: 16px; font-family: 'robotoregular'; letter-spacing: 1.4px; line-height: 24px; max-width: 598px;} 
.work-circle .work-process-number{position: relative; padding: 7% 0 0 18%;}
.work-circle .work-icons{width: 80px; height: 80px; background: #48494b; border-radius: 50%; position: relative; z-index: 2;}
.work-circle .work-icons:hover{background: rgb(95,112,187);
background: -moz-linear-gradient(top,  rgba(95,112,187,1) 0%, rgba(125,79,181,1) 100%);
background: -webkit-linear-gradient(top,  rgba(95,112,187,1) 0%,rgba(125,79,181,1) 100%);
background: linear-gradient(to bottom,  rgba(95,112,187,1) 0%,rgba(125,79,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f70bb', endColorstr='#7d4fb5',GradientType=0 );
}
.work-circle .work-icons .img-box{text-align: center; line-height: 80px;}
.work-circle .work-icons:after{position: absolute; width: 15px; height: 15px; content: ''; border-radius: 50%; background: #48494b; margin: -8px;}
.work-circle .work-icons:hover:after{background: rgb(95,112,187);
background: -moz-linear-gradient(top,  rgba(95,112,187,1) 0%, rgba(125,79,181,1) 100%);
background: -webkit-linear-gradient(top,  rgba(95,112,187,1) 0%,rgba(125,79,181,1) 100%);
background: linear-gradient(to bottom,  rgba(95,112,187,1) 0%,rgba(125,79,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f70bb', endColorstr='#7d4fb5',GradientType=0 );
}
.work-circle .work-icons.active{background: rgb(95,112,187);
background: -moz-linear-gradient(top,  rgba(95,112,187,1) 0%, rgba(125,79,181,1) 100%);
background: -webkit-linear-gradient(top,  rgba(95,112,187,1) 0%,rgba(125,79,181,1) 100%);
background: linear-gradient(to bottom,  rgba(95,112,187,1) 0%,rgba(125,79,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f70bb', endColorstr='#7d4fb5',GradientType=0 );}

/*.work-circle .delight-icon{position: absolute; top: 29%; right: 10px; }*/
/*.work-circle .cloud-icon{position: absolute; top: -5.2%; right: 22%; }*/
/*.work-circle .cloud-icon:after{ left: 23px; bottom: -13px;}*/
/*.work-circle .development-icon{position: absolute; top: -11.9%; left: 38.2%; }*/
/*.work-circle .development-icon:after{ bottom: -16px; left: 55px;}*/
/*.work-circle .search-icon{position: absolute; bottom: 26%; left: 1px;}*/
.work-circle .search-icon:after, .work-circle .design-icon:after, .work-circle .development-icon:after, .work-circle .cloud-icon:after, .work-circle .delight-icon:after{bottom: -21px; left: 0px;  right: 0; text-align: center; margin: 0 auto;}
/*.work-circle .design-icon{position: absolute; top: 15.5%; left: 146px;}*/
/*{bottom: -8px; left: 70px;}*/
.design-number, .development-number, .cloud-number, .delight-number{display: none;}
.work-circle .work-icons.active.search-icon:after,
.work-circle .work-icons.active.design-icon:after,
.work-circle .work-icons.active.development-icon:after,
.work-circle .work-icons.active.cloud-icon:after,
.work-circle .work-icons.active.delight-icon:after{background: rgb(95,112,187);
    background: -moz-linear-gradient(top, rgba(95,112,187,1) 0%, rgba(125,79,181,1) 100%);
    background: -webkit-linear-gradient(top, rgba(95,112,187,1) 0%,rgba(125,79,181,1) 100%);
    background: linear-gradient(to bottom, rgba(95,112,187,1) 0%,rgba(125,79,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f70bb', endColorstr='#7d4fb5',GradientType=0 );}

.work_process ul.process_list{position: relative;}
.work_process ul.process_list:before {position: absolute; content: ''; width: 30px; height: 35px; background: url(../img/start_circle.png) center center no-repeat; bottom: -40%;left: 0%; }
.work_process ul.process_list:after {position: absolute; content: ''; width: 30px; height: 35px; background: url(../img/start_circle.png) top center no-repeat; bottom: -40%; right: 0%; }


/*life at ownrox*/
.banner-carousel .item{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 20px;
  transform:scale(.8);
}
@media(max-width:1000px){
  .banner-carousel .item{margin:0; transform:scale(.9)}
}
.banner-carousel .active .item{
  opacity:1;
  transform:scale(1);
} 
body{
  padding:0;
  margin:80px 0 0 0;
  /*font-family:Merriweather;*/
  /*background:#f0e8d5;*/
}

.banner-carousel{background: #fff; padding: 150px 0;}
.banner-carousel .owl-nav{display: none;}
.banner-carousel .owl-dots .owl-dot{width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: #6a6b6f; margin: 0 7px; position: relative;}
.banner-carousel .owl-dots .owl-dot:before{position: absolute; left: 14px; top: 7px; content: ''; width: 15px; height: 1px; background: #6a6b6f;}
.banner-carousel .owl-dots .owl-dot:last-child:before{display: none;}
.banner-carousel.owl-carousel .owl-dots .owl-dot.active:{background: #7e4eb5;}
.banner-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.inner{position:absolute; bottom:30px; left:0; right:0; text-align:center;}
.inner a{color:#fff; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.5); transition:.3s ease border-color}
.inner a:hover{border-color:#fff;}
.black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}
.black .inner a:hover{border-color:#000;}

.banner-slider .banner-carousel:after{content:""; display: block; position:absolute; width:796px; top:0; bottom:0; left:24.8%; pointer-events: none; background:url(../img/laptop-frame.png) no-repeat center center; min-height: 512px;}
.banner-carousel .owl-controls{position:absolute; margin-top:300px;}


/*photos-section*/
.photos-section{/*background-color: #7d4fb5;*/ padding-bottom: 100px; padding-top: 40px;  height: auto; /*background-image: linear-gradient(to right, #7d4fb5, #6170bc);*/}
.photos-section .img-wrapper{margin-top: 50px; min-height: 350px;}
.photos-section .img-box img{border: 1px solid #9f93cf; padding: 14px;}
.photos-section .img-box{text-decoration: none; margin-top: 50px;}
.photos-section .img-box:hover img{border-color: #92ff42;}


.photos-section .img-wrapper i{font-size: 16px; color: #fff; font-family: 'robotoitalic';}
.photos-section .img-wrapper h4{font-size: 20px; color: #000; margin-bottom: 0; font-family: 'robotoregular';}
.photos-section .img-wrapper .content{padding-top: 24px; text-align: center;}







/*lightbox*/



.header .navbar-nav > li.active > a:before {
  opacity: 1;
  left: 0;
  top: 0;
  border-left: 3px solid #6a5db7;
  border-top: 3px solid #6a5db7;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);

}
.header .navbar-nav > li.active > a:after {

  right: 0;
  opacity: 1;
  bottom: 0;
  border-right: 3px solid #6a5db7;
  border-bottom: 3px solid #6a5db7;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}



/*testimonials-homepage*/
.testimonials .testimonials-carousel .owl-nav.disabled{display: block;}
.testimonials .testimonials-carousel .owl-prev{position: absolute; top: 46%; left: -7%; font-size: 0; background: url(../img/left-arrow.png) no-repeat; width: 29px; height: 22px; opacity: .6;}
.testimonials .testimonials-carousel .owl-prev:hover{opacity: 1;}
.testimonials .testimonials-carousel .owl-next{position: absolute; top: 46%; left: 103.5%; font-size: 0; background: url(../img/right-arrow.png) no-repeat; width: 29px; height: 22px; opacity: .6;}
.testimonials .testimonials-carousel .owl-next:hover{opacity: 1;}
.testimonials .testimonials-carousel .clients{margin: 70px 0;}

/*career*/
.modal.fade .add-file{position: relative;
    float: left;
    width: 27%;
    background: #6b5ab6; border:none;
    border-radius: 4px; /*padding: 20px;*/}

    .modal.fade .add-file input {
    height: 40px;
    width: 100%;
    line-height: 105px;
    opacity: 0;
    z-index: 99;
    cursor: pointer;
    position: relative;}

   .modal.fade .add-file p {
    font-size: 14px;
    color: #606ebb;
    position: absolute;
    left: 14px;
    top: 11px;
    z-index: 9;
    font-family: 'robotoregular';
    margin-bottom: 0;
    text-transform: uppercase;
    cursor: pointer!important;
    color: #fff;
}

 .modal.fade .add-file #file-upload-filename {
    width: 200px;
}
.modal.fade .apply-btn{text-align: center;}
.modal.fade .apply-btn .btn-secondary{ background: #333; color: #fff; font-size: 16px; border-radius: 30px; padding: 10px 30px; transition: all .3s ease;}
.modal.fade .apply-btn .btn-secondary:hover{background: #ccc; color: #000;}
.modal.fade ul li .detail-box{border:1px solid #ccc; padding: 40px 0; width: 60%;}

.modal.fade .modal-header{border: none;}
.modal.fade .modal-body{border: none; padding: 0;}
.modal.fade .modal-footer{border: none; padding: 0 15px 30px;}
.modal.fade .apply-btn{text-align: center;}
/*.modal.fade{position: absolute; z-index: 999;}*/

/*footer*/

ul{padding: 0; margin: 0; list-style: none;}
/*.container{max-width: 1200px;}*/
.inquiry-box{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d4eb5+0,7557b7+35,626dbb+100 */
background: #7d4eb5; /* Old browsers */
background: -moz-linear-gradient(top,  #7d4eb5 0%, #7557b7 35%, #626dbb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7d4eb5 0%,#7557b7 35%,#626dbb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7d4eb5 0%,#7557b7 35%,#626dbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d4eb5', endColorstr='#626dbb',GradientType=0 ); /* IE6-9 */

padding-top: 78px; padding-bottom: 81px;}
.inquiry-box h2{font-size: 30px; font-family: 'robotobold'; color: #fff;}
.inquiry-box .title-bar{font-size: 16px; font-family: 'robotoregular'; color: #fff; text-transform: uppercase;}
.left-block .seperator-block{position: absolute; right: 15px; left: inherit; width: 1px; height: 100%; background: #b9addb; top: 0;}
.left-block .seperator-block span{position: absolute; font-size: 16px; text-transform: uppercase; color: #fff; left: -31px; width: 64px; background: #705db8; border-radius: 100%; text-align: center; font-family: 'robotoregular'; height: 44px; line-height: 44px; top: 50%; margin-top: -32px; }
.left-block .emailid-block i.email-icon{position: absolute; top: 24px; left: 22px; background: url(../img/mail-2.png) no-repeat; width: 34px; height: 26px;}

.left-block .emailid-block i.skype-icon{position: absolute; top: 24px; left: 22px; background: url(../img/skype-2.png) no-repeat; width: 36px; height: 36px;}
.left-block .emailid-block a{text-decoration: none; color: #fff; display: block; padding: 14px 10px 10px 90px; position: relative; background:#937ac6; border-radius: 6px; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.left-block .emailid-block i:after{position: absolute; top: -5px; left: 50px; width: 1px; height: 42px; background: #c9bde3; content: '';}
.left-block .emailid-block.skypeid a{background: #a977f3;}
.left-block .emailid-block a .small-text{font-size: 16px; font-family: 'robotoregular';}
.left-block .emailid-block a .large-text{font-size: 24px; display: block; font-family: 'robotoregular';}


.left-block .emailid-block a{text-decoration: none; transition: all .2s ease;}
.left-block a:hover div{background: #606fbb;}
.left-block .emailid-block.info-id{margin: 42px 0 20px;}
.left-block .emailid-block a:hover{background: #6b3cb3;}
.left-block{padding-right: 30px;}
.left-block .listing-block{padding-top: 32px;}
.left-block .listing-block h3{font-size: 20px; color: #fff; margin-bottom: 10px; font-family: 'robotoregular';}
.left-block .listing-block ul li{font-size: 16px; color: #fff; padding: 7px 0 0 14px; font-family: 'robotoregular'; position: relative;}
.left-block .listing-block ul li:before{position: absolute; content: "\f105"; font-size: 16px; color: #fff; font-weight: 400; left: 4px; top: 6px;  font-family: 'FontAwesome';}
.left-block .listing-block img{padding-right: 5px;}
.left-block .company-logo{padding-top: 42px;}

.inquiry-box .right-block{background: #fff; padding: 20px 48px 46px; border-radius: 6px;}

.inquiry-box .right-block .pr{padding-left: 0;}
.inquiry-box .right-block .pl{padding-right: 0;}



.inquiry-box .right-block i.name{position: absolute; top: 38px; background: url(../img/user.png) no-repeat; width: 16px; height: 18px;}
.inquiry-box .right-block i.email{position: absolute; top: 38px; background: url(../img/email.png) no-repeat; width: 19px; height: 14px;}
.inquiry-box .right-block i.phone{position: absolute; top: 38px; background: url(../img/india.png) no-repeat; width: 20px; height: 14px;}
.inquiry-box .right-block i.interested{position: absolute; top: 38px; background: url(../img/grid.png) no-repeat; width: 16px; height: 16px;}
.inquiry-box .right-block i.budget{position: absolute; top: 38px; background: url(../img/dollor.png) no-repeat; width: 9px; height: 16px;}
.inquiry-box .right-block i.skype-id{position: absolute; top: 38px; background: url(../img/id.png) no-repeat; width: 20px; height: 18px;}
.inquiry-box .right-block ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #606ebb; /*font-size: 14px;*/ text-transform: uppercase; /*padding-left: 28px;*/
}
.inquiry-box .right-block ::-moz-placeholder { /* Firefox 19+ */
  color: #606ebb; /*font-size: 14px;*/ text-transform: uppercase;
}
.inquiry-box .right-block :-ms-input-placeholder { /* IE 10+ */
  color: #606ebb; /*font-size: 14px;*/ text-transform: uppercase;
}
.inquiry-box .right-block :-moz-placeholder { /* Firefox 18- */
  color: #606ebb; /*font-size: 14px;*/ text-transform: uppercase;
}



.inquiry-box .right-block input.form-control{font-size: 14px; padding-right: 10px; font-family: 'robotoregular'; border-bottom: 1px solid #e0e0e0; border-top: none; border-right: none; border-left: none;border-radius: 0; margin-top: 30px; box-shadow: none; padding-left: 28px;}
.inquiry-box .right-block textarea.form-control{border-radius: 0; min-height: 92px; /*margin-bottom: 13px;*/ box-shadow: none;}
.inquiry-box .right-block .msg label{color: #606ebb; font-size: 14px; font-family: 'robotoregular'; font-weight: normal; text-transform: uppercase; margin-top: 30px;}
.inquiry-box .right-block .msg label img{padding-right: 12px;}
.inquiry-box .right-block .msg{padding: 0;}

.inquiry-box .right-block .fa-comment{padding-right: 12px; color: #606ebb;}
.inquiry-box .right-block .add-file{cursor: pointer!important;}
.inquiry-box .right-block .add-file p{font-size: 12px; color: #606ebb; position: absolute;
    left: 0;
    top: 2px;
    z-index: 9;
    font-family: 'robotoregular';
    margin-bottom: 0;
    text-transform: uppercase;
    cursor: pointer!important;
     }
.inquiry-box .right-block .add-file p span{
    font-family: 'robotoregular';
    width: 15px;
    height: 15px;
    line-height: 14px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    border-radius: 100%;
    background: #606ebb;
    font-size: 14px;
    color: #fff;
    /*letter-spacing: .8px;
    padding-left: 2px;*/}     
.inquiry-box .right-block .add-file #file-upload-filename{width: 200px;}
.inquiry-box .right-block .add-file input:focus + p span {outline: 2px solid;}
.inquiry-box .right-block .add-file{position: relative; float: left; width: 78px; height: 20px;}
.inquiry-box .right-block .add-file input{width: 78px; height: 20px; opacity: 0; z-index: 99; cursor: pointer; position: relative;}
.inquiry-box .right-block .checkbox-blue{float: right;}
.inquiry-box .right-block .checkbox-blue label{font-size: 12px; color: #606fbb; font-family: 'robotoregular'; font-weight: normal;}
.checkbox-blue .custom-control-input:checked~.custom-control-label:before{background: #606fbb; border-color: #606fbb;}
.checkbox-blue .custom-control-label:before{top: 1px;}
.custom-control-label::after{top: 1px; }

.inquiry-box .right-block .own-c-error{font-size: 12px; color: red;}
.inquiry-box .right-block .captcha{margin-top: 40px;}
.inquiry-box .right-block .captcha .g-recaptcha{float: left;}
.inquiry-box .right-block .send-btn .btn-primary{ font-size: 16px; font-family: 'robotobold'; padding: 18px 30px; margin-top: 7px; float: right;  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d4eb5+0,7557b7+35,626dbb+100 */
background: #7d4eb5; /* Old browsers */
background: -moz-linear-gradient(top,  #7d4eb5 0%, #7557b7 35%, #626dbb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7d4eb5 0%,#7557b7 35%,#626dbb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7d4eb5 0%,#7557b7 35%,#626dbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d4eb5', endColorstr='#626dbb',GradientType=0 ); /* IE6-9 */  border: 2px solid #715bb7; border-radius: 6px;  box-shadow: none; overflow: hidden; -webkit-transition: all .2s ease);
   -moz-transition: all .2s ease);
    -ms-transition: all .2s ease);
     -o-transition: all .2s ease);
        transition: all .2s ease;}

 .help-block.with-errors{position: absolute;}



.inquiry-box .right-block .send-btn .btn-primary:hover{border: 2px solid #7e4db5; background: transparent; color: #606fbb;}
.footer.flag{background: #25272a; color: #fff; padding: 60px 0 46px;} 
.footer.flag h4{font-size: 20px; font-family: 'robotoregular'; text-transform: uppercase; margin-bottom: 20px; color: #dfdfe0;}
.footer.flag h5{font-size: 16px; font-family: 'robotoregular'; margin-bottom: 4px; text-transform: uppercase; color: #dfdfe0;}
.footer.flag h5 img{padding-right: 5px;}
 .footer.flag .call{font-size: 16px; font-family: 'robotoregular'; margin-bottom: 7px; color: #dfdfe0; text-decoration: none; transition: all .2s ease;}
 .footer.flag .call:hover{color: #fff;}
 .footer.flag p{font-size: 16px; font-family: 'robotoregular'; color: #dfdfe0; text-align: left;} 
 .footer .bottom-section ul.links li{display: inline-block; width: 40%; padding-bottom: 10px;}
 .footer .bottom-section ul.links li a{text-decoration: none; font-family: 'robotoregular'; font-size: 16px; text-transform: capitalize; color: #dfdfe0; -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
     -ms-transition: all .2s ease;
      -o-transition: all .2s ease;
         transition: all .2s ease;}
.footer .bottom-section ul.links li a i{-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
 .footer .bottom-section ul.links li a:hover{color: #fff; margin-left: 5px;}
 .footer .bottom-section ul.links li a i{font-size: 12px; color: #dfdfe0; padding-right: 6px;}
 .footer .bottom-section .quote{margin-top: 22px;}
 .footer .bottom-section .btn-primary{font-size: 16px;  font-family: 'robotobold'; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d4eb5+0,7557b7+35,626dbb+100 */
background: #7d4eb5; /* Old browsers */
background: -moz-linear-gradient(top,  #7d4eb5 0%, #7557b7 35%, #626dbb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7d4eb5 0%,#7557b7 35%,#626dbb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7d4eb5 0%,#7557b7 35%,#626dbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d4eb5', endColorstr='#626dbb',GradientType=0 ); /* IE6-9 */  padding: 12px 26px; margin-right: 16px; border: 2px solid #715bb7; box-shadow: none; float: left; transition:all .2s ease;}
 .footer .bottom-section .btn-primary:hover{border: 2px solid #7e4db5; background: transparent; color: #fff;}
 .footer .bottom-section ul.social-icon{padding-top: 10px;}
 .footer .bottom-section ul.social-icon li{display: inline-block; margin-right: 6px;}
 .footer .bottom-section ul.social-icon li a{text-decoration: none; color: #fff; transition: all.2s ease; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #fff; border-radius: 4px; display: block; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
 
 .footer .bottom-section ul.social-icon li a.facebook:hover{background: #3b5998; border:1px solid #3b5998;}
 .footer .bottom-section ul.social-icon li a.twitter:hover{background: #1c9deb; border:1px solid #1c9deb;}
 .footer .bottom-section ul.social-icon li a.pinterest:hover{background: #c51f26; border:1px solid #c51f26;}
 .footer .bottom-section ul.social-icon li a.linkedin:hover{background: #0078b1; border:1px solid #0078b1;}
 .footer .bottom-section ul.social-icon li a.youtube:hover{background: #ff0000; border:1px solid #ff0000;}

 .footer.flag hr{ border-top: 1px solid #2e2f32; margin-top: 18px; margin-bottom: 32px;}
 .copyright{background: #131212; padding: 22px 0;}
 .copyright p{font-size: 14px; margin-bottom: 0; color: #dfdfe0;}
 .copyright p a{text-decoration: none; color: #dfdfe0; transition: all .2s ease;}
 .copyright p a:hover{color: #fff;}
 .copyright ul.privacy-terms{text-align: right;}
 .copyright ul.privacy-terms li{display: inline-block; margin-left: 10px;  position: relative;}
 .copyright ul.privacy-terms li:before{position: absolute; top: 5px; left: -7px;  content: ''; width: 1px; height: 12px; background: #dfdfe0;}
 .copyright ul.privacy-terms li:first-child:before{display: none;}

 .copyright ul.privacy-terms li a{text-decoration: none; color: #dfdfe0; font-size: 14px; transition: all .2s ease;}
 .copyright ul.privacy-terms li a:hover{color: #fff;}
 /*.work_process .svg-img:before{position: absolute; content: ""; height: 23px; width: 23px; bottom: 51%; right: 7%; background: #f8f8f8; border-radius: 50%}*/
 .options_listing{margin-bottom: 30px;}

/*responsive*/
@media (max-width: 1199px){
  .inquiry-box .right-block .captcha .img-box{float: none;}
  .inquiry-box .right-block .send-btn .btn-primary{float: none; margin-top: 22px;}
  .work-circle{margin: 87px 0 0;}
  /*.work-circle .work-process-number .number-box p{font-size: 380px; line-height: 380px;}*/
  .work-circle .work-content{margin-left: 250px;}
  .work-circle .work-content p{ max-width: 456px;}
  .work_process ul.process_list:before{bottom: -42%; left: -1%;}
  .work_process ul.process_list:after{bottom: -42%; right: -1%;}
  .full_services ul.define_services li:nth-child(odd){margin-top: 19%;}

}

@media (max-width: 990px){
  .work-circle{margin: 20px auto; width: auto;}
  .work_process .heading_bg{text-align: center; width: 100%;}
  .work-circle{margin-top: 0px; margin-bottom: 0; min-height: 0; z-index: 1;}
  .work-circle .work-icons{position: static; display: inline-block; margin:0 30px;}
  .work-circle .work-icons:after{display: none;}
  .work-circle .work-process-number{padding: 0%;}
  .work-circle .work-process-number .number-box p{font-size: 250px;  line-height: 250px;}
  .work-circle .work-content{padding-top: 3%; margin-left: 200px;}
  .work-circle .work-content p{max-width: 500px;}
  .work-circle .work-process-number .number-box{max-height: 360px;}
  .inquiry-box{padding: 30px 0;}
  .left-block .seperator-block{display: none;}
  .inquiry-box .right-block{margin-top: 30px;}
  .inquiry-box .right-block .captcha .img-box{float: left;}
  .inquiry-box .right-block .send-btn .btn-primary{float: right; margin-top: 6px;}
  .left-block .listing-block{padding-top: 30px;}
  .left-block .emailid-block.info-id{margin-top: 20px;}
  .left-block .company-logo{padding-top: 30px;}
  .left-block{padding-right: 0;}
  .footer.flag p{margin-bottom: 30px;}
  .footer.flag hr{margin-top: 0; margin-bottom: 20px;}
  .testimonials .testimonials-carousel .owl-prev{top: auto; bottom: 20px; left: 44%;}
  .testimonials .testimonials-carousel .owl-next{top: auto; bottom: 20px; left: auto; right: 44%;}
  .work_process ul.process_list:before, .work_process ul.process_list:after{display: block; bottom: 38%;}
  .full_services ul.define_services li:nth-child(even){margin-top: -70%;}
  .full_services ul.define_services li:last-child{margin-top: -45%;}
}

@media (max-width: 767px){
  .inquiry-box .right-block .pl{padding: 0;}
  .inquiry-box .right-block .pr{padding: 0;}
  .inquiry-box .right-block i.name{top: 8px;}
  .inquiry-box .right-block i.email{top: 8px;}
  .inquiry-box .right-block i.phone{top: 8px;}
  .inquiry-box .right-block i.interested{top: 8px;}
  .inquiry-box .right-block i.budget{top: 8px;}
  .inquiry-box .right-block i.skype-id{top: 8px;}
  .work-circle .work-content p{max-width: inherit;}
  .work-circle .work-icons{margin: 0 27px;}
  .copyright p{text-align: center;}
  .copyright ul.privacy-terms{text-align: center;}
  .testimonials .testimonials-carousel .clients{margin: 30px 0;}
  .testimonials .testimonials-carousel .owl-prev{top: 94%;}
  .testimonials .testimonials-carousel .owl-next{top: 94%;}
  .work-circle .work-content h3{font-size: 22px;}
  .svg-img {top:82px; }
  .work-circle .work-icons{margin: 0 28px;}
  .work_process ul.process_list:before, .work_process ul.process_list:after{display: none;}
  .full_services ul.define_services li:nth-child(even),.full_services ul.define_services li:nth-child(odd){margin-top: 20px;}
}

@media (max-width: 667px){
  .inquiry-box .right-block{padding: 10px 30px 36px;}
  .work-circle .work-icons{margin:0 18px;}
  .work-circle:after{left: 100px;}
}

@media (max-width: 568px){
  .work-circle .work-icons{margin: 0 12px;}
  .work-circle:after{left: 96px; width: 64%;}
  .work-circle .work-content{margin-left: 170px;}
  .inquiry-box .right-block .captcha .img-box{float: none;}
  .inquiry-box .right-block .send-btn .btn-primary{float: none; margin-top: 18px;}
  .inquiry-box .right-block{padding: 10px 20px 36px;}
  .copyright p{text-align: center;}
  .copyright ul{text-align: center;}
  
  
  .testimonials .testimonials-carousel .clients{min-height: 325px;}
}

@media (max-width: 480px){
  .work-circle .work-icons{margin: 0 3px;}
  .work-circle:after{display: none;}
  .work-circle .work-process-number{padding: 2% 0 0 0;}
  .work-circle .work-process-number{z-index: -1;}
  .inquiry-box h2{font-size: 22px;}
  .inquiry-box .title-bar{font-size: 14px;}
  .left-block .emailid-block a .small-text{font-size: 14px;}
  .left-block .emailid-block a .large-text{font-size: 18px;}
  .left-block .emailid-block i.skype-icon{top: 18px;}
  .left-block .emailid-block i.email-icon{top: 20px;}
  .testimonials .testimonials-carousel .clients{min-height: 352px;}
  .testimonials .testimonials-carousel .owl-prev{top: 96%; left: 40%;}
  .testimonials .testimonials-carousel .owl-next{top: 96%; left: 52%;}
  .work-circle .work-content{margin-left: 156px;}
  .inquiry-box .right-block .add-file{float: none;}
  .inquiry-box .right-block .checkbox-blue{float: none; margin-top: 30px;}
  .inquiry-box .right-block .add-file p{width: 72px;}
  .svg-img {display: none;}
}

@media (max-width: 420px){
  .inquiry-box .right-block .captcha .img-box{text-align: center;}
  .captcha .send-btn{text-align: center;}
  .inquiry-box .right-block{padding: 10px 10px 30px;}
  .footer .bottom-section .quote{text-align: center;}
  .footer .bottom-section ul.social-icon{text-align: center;}
  .footer .bottom-section .btn-primary{float: none;}
  .footer .bottom-section ul.social-icon{padding-top: 20px;}
  .testimonials .testimonials-carousel .clients{min-height: 404px;}
  .work-circle .work-icons .img-box{line-height: 66px;}
  .work-circle .work-icons{width: 66px; height: 66px; margin:0 4px 15px;}
  .work-circle .work-process-number .number-box p{font-size: 150px; line-height: 150px;}
  .work-circle .work-content{margin-left: 107px; padding-top: 0;}
}

@media (max-width: 380px){
  .work-circle .work-icons{margin: 0 3px;  height: 60px; width: 60px; text-align: center;}
  .work-circle .work-icons .img-box img{width: 40px;}
  .work-circle .work-icons .img-box{line-height: 60px;}
}

@media (max-width: 360px){
  .work-circle .work-icons{margin: 0 1px; } 
}

@media (max-width: 320px){
  .testimonials .testimonials-carousel .owl-prev{left: 40%; left: 38%;}
  .testimonials .testimonials-carousel .owl-next{left: 54%; left: 54%;}
  .inquiry-box .right-block .checkbox-blue label{width: 90%; vertical-align: text-top;}   
  /*.work-circle .work-icons:first-child{margin-left: 0;}
  .work-circle .work-icons:last-child{margin-right: 0;}*/
  .work-circle .work-icons{margin: 0 2px;  height: 50px; width: 50px; text-align: center;}
  .work-circle .work-icons .img-box img{width: 30px;}
  .work-circle .work-icons .img-box{line-height: 50px;}
}