/* CSS Document */





body,h1,h2,h3,h4,h5{
font-family: 'Poppins', sans-serif !important;
margin:0px;
padding:0px;
}




.btn4{
 position: absolute;
/* top:75%;*/
 left: 0%;
 background:#00b8e6 ;
 border-radius:40px;
 padding:15px 30px;
 border:none;
 font-weight:bold;
 color:#fff !important;
 text-transform:uppercase;
 margin-top:20px;
 }
.btn4:hover{
background:#ff66b3 !important;
color:#fff!important;
transition:2s;}


.btn5{
margin-top:10px;
 background:#00b8e6 ;
 border-radius:40px;
 padding:15px 30px;
 border:none;
 font-weight:bold;
 color:#fff !important;
 text-transform:uppercase;
 }
.btn5:hover{
background:#ff66b3 !important;
color:#fff!important;
transition:2s;}


.main_con{

padding:20px 0px;
}

h2{
font-size:30px;
font-weight:bold;

}

.main_con h2{ color:#FF1493;
font-weight:bold;
font-size:30px;
text-transform:uppercase;
 }
.main_con p{
text-transform:uppercase;
color: #FF1493;
font-size:20px;
font-weight:100;
margin-top:30px;
line-height:30px;
font-family: 'Poppins', sans-serif;}
.main_con{

background:   #ffb3ff;
background: -moz-linear-gradient(left,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%,   #ffb3ff), color-stop(50%,   #ffb3ff), color-stop(51%,   #ffb3ff), color-stop(71%,   #ffb3ff), color-stop(100%,   #ffb3ff));
background: -webkit-linear-gradient(left,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
background: -o-linear-gradient(left,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
background: -ms-linear-gradient(left,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
background: linear-gradient(to right,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161b80', endColorstr='#262ec8', GradientType=1 );



}
.text_box{
text-transform:inherit !important;
margin-top:0px!important;
}
/*menu*/
/*.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;

}

.sidenav a:hover{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.tont{
float:right;}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}*/

/*menu*/


.client {
    width: 100%;
    height: auto;
    background-color:  #ffffff


;
    float: left;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
	border-radius:5px;
	text-align:center;
}
.client:hover {
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    z-index: 9999;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    background-color: #3c3c3b;
	
}
.client:hover h4{
color:#ffe200;
}
.client {
    padding: 20px;
	margin-bottom:20px;
}
.client h4{
font-weight:bold;
color:#337CF5;
font-size:18px;}

.client img{
width:70px;
margin:0 auto;
padding-bottom:20px;

}

.main_con {
    padding: 20px 0px 140px 0px;
}
.service_part{
margin-top:-50px;
}
.visitors_plan{
 
background:   #ffb3ff;
background: -moz-linear-gradient(left,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%,   #ffb3ff), color-stop(50%,   #ffb3ff), color-stop(51%,   #ffb3ff), color-stop(71%,   #ffb3ff), color-stop(100%,   #ffb3e6));
background: -webkit-linear-gradient(left,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
background: -o-linear-gradient(left,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
background: -ms-linear-gradient(left,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
background: linear-gradient(to right,   #ffb3ff 0%,   #ffb3ff 50%,   #ffb3ff 51%,   #ffb3ff 71%,   #ffb3ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161b80', endColorstr='#262ec8', GradientType=1 );

	margin-top:50px;
}
.visitors_plan h5{
font-size:80px;
text-transform:uppercase;
color:#ffe200;
padding-top:100px;
padding-bottom:100px;


}
.visitors_plan .btnleftfnt{
background:transparent !important;
border:1px solid #fff !important;
margin-right:20px;
margin-top:30px;

}

.visitors_plan .btnleftfnt2:hover{
background:#fff !important;
border:1px solid #fff !important;
color:#1a21ac !important;
transition:2s;

}
.visitors_plan .btnleftfnt:hover{
background:#fff !important;
border:1px solid #fff !important;
color:#1a21ac !important;
transition:2s;

}

.visitors_plan .btnleftfnt2{
background:transparent !important;
border:1px solid #fff !important;
margin-top:30px;

}

.visitors_plan p {
   
    color:  #FF1493;
    font-size: 20px;
    font-weight: 100;
    margin-top: 60px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;}
	
	
	/*gallery hover effect*/
	
	
	
	.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: rgba(255,255,255,0.8) ;
 /* background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);*/
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 3em;
  text-align: left;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0);
  height:300px;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 27px;
  background-color: transparent;
  padding: 15% 0 10px 0;
  text-align: left;
}

.hovereffect .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.hovereffect a, .hovereffect p {
  color: #232323;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
}

.hovereffect:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect:hover .overlay:before,
.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  font-size:25px;
}
.client_projects .container{
width:98%;}

.client_projects .container .col-lg-3{
padding-left:2px;
padding-right:3px;
}

.overlay h3{
font-size:16px;
font-weight:bold;
text-transform:uppercase;
color:#232323;
}









/*gallery hover effect*/


.client_projects h2 {
color: #337CF5;
font-weight: bold;
font-size: 36px;
text-transform: uppercase;
text-align: center;
margin-bottom: 70px;
	
}
.client_projects{
padding:70px 0px 70px 0px;
text-align:center;
}
.galley_box{
margin-top:5px;
}

.fntbt{
text-align:center;
}







/*wow*/

.wowBack {
  background:#222;
  position:relative; overflow:hidden;
}
.wowWrap div {
  background:#27ae60; 
  display:block;
  width:100%;
  margin:5% 0;
  text-align:center;
  padding-top:20%;
  padding-bottom:20%;
}

.wowWrap {
  width:16.66%;
  float:left;
  padding: 0 .5%;
}

.wowWrap h4{
  position:fixed;
  z-index:200;
  width:100%;
  padding:1% 0% 1% 0%;
  margin:0;
  color:white;  
  font-size:1.35vw;
  background:rgba(22,22,22,.3)
}

.wowWrap div:first-of-type{
  margin-top:25%; }

/*I've assigned class wHighlight to all the animate.css classes that add elements onto the page with delay.  */
.wHighlight {background:#28a !important}

/*wow*/

.client_logo{
/*background:#3c3c3b;*/

 background:url(../images/bk1.jpg) repeat-x;





/*background: rgba(41,41,41,1);
background: -moz-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(36,36,36,1) 22%, rgba(43,43,42,1) 45%, rgba(71,70,71,1) 71%, rgba(82,82,81,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,41,41,1)), color-stop(22%, rgba(36,36,36,1)), color-stop(45%, rgba(43,43,42,1)), color-stop(71%, rgba(71,70,71,1)), color-stop(100%, rgba(82,82,81,1)));
background: -webkit-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(36,36,36,1) 22%, rgba(43,43,42,1) 45%, rgba(71,70,71,1) 71%, rgba(82,82,81,1) 100%);
background: -o-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(36,36,36,1) 22%, rgba(43,43,42,1) 45%, rgba(71,70,71,1) 71%, rgba(82,82,81,1) 100%);
background: -ms-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(36,36,36,1) 22%, rgba(43,43,42,1) 45%, rgba(71,70,71,1) 71%, rgba(82,82,81,1) 100%);
background: linear-gradient(to right, rgba(41,41,41,1) 0%, rgba(36,36,36,1) 22%, rgba(43,43,42,1) 45%, rgba(71,70,71,1) 71%, rgba(82,82,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#525251', GradientType=1 );
*/

}

.client_logo h3{
color: #fff;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 70px;
	
}
.client_logo{
padding:70px 0px 70px 0px;}

/*.clientbox {
    width: 100%;
    height: auto;
    background-color: #1b1b1b;
    float: left;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
	border-radius:5px;
	text-align:center;
}
.clientbox:hover {
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    z-index: 9999;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    background-color: #3c3c3b;
	
}
.clientbox:hover h4{
color:#ffe200;
}
.clientbox {
    padding: 50px;
	margin-bottom:70px;
}
.clientbox h4{
font-weight:bold;
color:#2b2a1f;
font-size:18px;}

.clientbox img{
width:130px;
margin:0 auto;
padding-bottom:30px;

}
*/

.clientbox img{

    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(0); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .8s ease-in-out;  
    }
	
.clientbox img:hover {
    filter: none;
      -webkit-filter: grayscale(1);
      -webkit-transform: scale(1.01);
    }	

.client_logo{
text-align:center;
margin:0 auto;

}



.blog_list h3{
color: #2b2a1f;
font-weight: bold;
font-size: 36px;
text-transform: uppercase;
text-align: center;
margin-bottom: 70px;
}


.blog_list {
padding: 70px 0px 70px 0px;
}
.clientbox p{
color:#2b2a1f;
}

.blog_list h4 {
    color: #1a21ac;
    font-weight: bold;
    font-size: 25px;
	
	}
.blog_list p{
margin:10px 0px;
line-height: 24px;
}
.blog_list span{
line-height:40px;
}	
.footer{
background:#ffb3ff;
padding:14px 0px;

}
.footer p{
color:#fff;
margin-top:10px;
line-height:23px;

}
.next_box p{
margin-left: 15px;
}
.footer img{
margin-left:-10px;
}
.next_box h4{
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
	margin-top:20px;

}
.next_box ul {
margin-top:35px;}
.next_box ul li{
line-height:26px;}
.next_box img{
width:20px;
float:left;
}
.scl_box ul li{
display:inline-block;
}
.scl_box ul {

padding:0px;
}
.scl_box ul li{
color: #fff;
padding: 3px 8px;
border: 1px solid #fff;
margin: 2px;
}
.scl_box ul li a:hover, .scl_box ul li a:focus
{color:#ffe200;
}
.lower_footer{
background:#ffb3ff;
padding:10px 0px;
}
.lower_footer p{
color: #fff;
line-height: 30px;

}
.lower_footer p a{
color:#ffe200;
}
.next_box ul li a:hover{
text-decoration:none;
color:#ffe200;
transition:2s;
}




/*

.frame {
  height:222x;
  width: 364px;
  overflow: hidden;
}
.zoomin img {
  width: 364px;
  height: 222px;



  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
.zoomin img:hover {
  height: 300px;
  width: 400px;
}*/


/*slider*/
.intro h2{
 color:  #ff99bb;
  font-size: 60px;

}


* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.intro {
/*  position: relative;*/

/*  padding: 0.2em 0.6em;*/
  cursor: pointer;
  color: #fff;
  font-size: 2em;
  max-width: 26em;
  
 /* new added*/
   position: absolute;
   top:50%;
   left:3%;
}


.intro h1 {
  margin-bottom: 0.5em;
  line-height: 1;
  font-weight: 100;
}

.intro p {
font-size:22px;

}
#CrossFade {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 300px;
  overflow: hidden;
  position: relative;
}
#CrossFade img {
  position: absolute;
  min-width: 100%;
  max-height: 300px;
  height: 300px;
  background: #000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.4) rotate(12deg);
          transform: scale(1.4) rotate(12deg);
  -webkit-animation: CrossFade 56s infinite;
          animation: CrossFade 56s infinite;
}

#CrossFade img:nth-child(7) {
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
#CrossFade img:nth-child(6) {
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
}
#CrossFade img:nth-child(5) {
  -webkit-animation-delay: 21s;
          animation-delay: 21s;
}
#CrossFade img:nth-child(4) {
  -webkit-animation-delay: 28s;
          animation-delay: 28s;
}
#CrossFade img:nth-child(3) {
  -webkit-animation-delay: 35s;
          animation-delay: 35s;
}
#CrossFade img:nth-child(2) {
  -webkit-animation-delay: 42s;
          animation-delay: 42s;
}
#CrossFade img:nth-child(1) {
  -webkit-animation-delay: 49s;
          animation-delay: 49s;
}
/* 

$duration = 12
$slides = 4
$step = $duration/$slides
setDelayRevers($duration, $slides)
  
  for index in (2..$slides)
    &:nth-child({index -1}) 
      animation-delay ($step*index)s

#CrossFade
  height 100vh
  overflow hidden
  position relative
  
  display flex
  img
    align-self center
    position absolute
    
    min-width 100%
    min-height 100%
    height auto
    
    backface-visibility hidden
    opacity 0
  
    transform scale(1.4) rotate(12deg)
    animation CrossFade ($duration)s infinite 
    setDelayRevers($duration, $slides)   
@keyframes CrossFade
  25%
    opacity 1
    transform scale(1) rotate(0)
  40%
    opacity 0
    
*/
@-webkit-keyframes CrossFade {
  25% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
  40% {
    opacity: 0;
  }
}
@keyframes CrossFade {
  25% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
  40% {
    opacity: 0;
  }
}



/*slider*/


.feedbk {
    /* The image used */
    background-image: url(../images/feedbk_bk.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:600px;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .feedbk {
        background-attachment: scroll;
    }
}



.feedbk{
text-align:center;
margin:0 auto;
color:#fff;
padding:70px 0px;
}

.feedbk img{
margin:0 auto;
}

.box1{
margin-top:100px;
}

.feedbk h3{
color: #FF1493;
font-weight: bold;
font-size: 36px;
text-transform: uppercase;
text-align: center;
margin-bottom: 70px;
}














/*homepage*/
/*about us*/
.title_box{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image: url(../images/about_bk.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;

}

.title_box2{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image: url(../images/slide_webdesign.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;
}

.title_box2 h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
	

.andrd{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image: url(../images/banner_android3.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;
}

.title_box22{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/banner_web_development.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;
}
.soft_dev{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/banner_software_development.jpg);

    /* Full height */
    height: 325px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:325;
}
.seo22{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/java.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;

}


.smo{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/smo_banner.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;

}


.content_wrting{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/content_banner.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;

}

.portfolio{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/portfolio.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;



}
.contact_us{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/contact_banner2.jpg);

    /* Full height */
    height: 300px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;



}

.contact_us h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}



.sample_mockup{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/about_bk.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;



}
.sample_mockup h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}

.product2{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/product_banner.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;




}
.footer img{
display:inline-block;
width:30px;
height:30px;
line-height:20px;
}
.product2 h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}



.blog2{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/blog_banner.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;




}


.ppc2{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/nodejs.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;

}



.ppc2 h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
.training{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/banner_training.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;
}
.training h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
	.training2{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/advance.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;
}
.training2 h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}

.blog2 h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}




.team{
padding: 70px 0px 140px 0px;



 /* The image used */
    background-image:url(../images/team.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:300px;
}
.team h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
.blog2 h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}









.portfolio h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}

.content_wrting h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}







.soft_dev h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
.seo22 h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
	
	.smo h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
	
.title_box22 h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
	
	
	
.andrd h2{

color: #ff33cc;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}	
.pro_1{

margin-top:40px;

}
.pro_1 img{
margin:0 auto;
}
/*web design*/





/*web design*/
@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
	}
.title_box h2{

color: #fff;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
	
	.title_box2 h2{

color: #fff;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
	}
	
	
	
	.about_con{
/*background:#3c3c3b;*/
padding:15px 0px;
 background:url(../images/bk1.jpg) repeat-y;
}


.about_con p{
color: #fff;
text-align: center;
font-size: 36px;
font-weight:600;
}

.about_con h3{
color: #fff;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 70px;
	
}


.top_box p{
font-size:26px;
font-weight:100;
margin-top:30px;

}

/*responsive*/
.box_level p{
font-size:16px;
text-align:left;
}
.box12{
margin-top:20px;
}
.box_level p{
font-weight:100;
margin-top:220px;

}
.left_img img{
margin-top:350px;
}
.left_con ul li span{
background:url(../images/bullet_icon.png) no-repeat;
padding:12px 20px;

}
.left_con ul li{
line-height:50px;
font-weight:bold;
}
.left_con{
margin:40px 0px;
}
.left_con h3{
    color: #222222;
    font-weight: bold;
    font-size: 20px;
   margin-bottom:20px;
   
  
}
.left_con p{
line-height:25px;

}
/*about us*/





/*web design */

	
	.web_design{
/*background:#3c3c3b;*/
padding:100px 0px;
 background:url(../images/bk1.jpg) repeat-y;
}


.web_design p{
color: #fff;
text-align: center;
font-size: 36px;
font-weight:600;
text-transform:uppercase;
}

.web_design h3{
color: #fff;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 70px;
	
}
.top_box p {
    font-size: 26px;
    font-weight: 100;
    margin-top: 30px;
}
.box_level p {
    font-weight: 100;
    margin-top: 220px;
	font-size: 16px;
text-align: left;
}

.webbox2 h2{
margin-bottom:40px;
color:#222222;
text-align: center;
font-size: 36px;
font-weight: 600;
}
.webbox2{
padding: 30px 0px;
text-align: center;
}
.webbox2 p{
line-height:20px;
}
.testimonial_boxcon{
background: #222222;
padding: 25px;
color: #fff;
height: auto;
overflow: auto;
}
.testimonial_box{
margin-bottom:100px;
}
.testimonial_boxcon{
text-align:center;
}

.testimonial_boxcon h2{
margin-bottom: 40px;
color: #fff;
text-align: center;
font-size: 36px;
font-weight: 600;
}




/*portfolio*/




.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}
.modal-dialog{
width:800px;
}
/*portfolio*/
/*web design */





.seo h2{
margin-bottom:40px;
color:#222222;
text-align: center;
font-size: 36px;
font-weight: 600;
}
.seo{
padding: 100px 0px;

}
.seo p{
line-height:20px;
text-align: center;
margin-bottom:20px;
}

.seo ul li{
line-height:20px;
list-style-type:disc;
}
.seo2 ul li{
margin-bottom:10px;}

.seo2 p{
text-align:left;
}





.footer h3{

color: #fff;
font-weight: bold;
font-size: 30px;

text-align: center;

line-height:50px;
}
.top_place img{
display:inline-block;
}
.bottom_place img{
display:inline-block;
}
.top_place{
margin:0 auto;
text-align:center;
}
.bottom_place{
margin:0 auto;
text-align:center;
}
.bottom_place h3{
display:inline-block;
}
.top_place h4{
display:inline-block;
}
.footer h4{

color: #fff;
font-weight: bold;
font-size: 30px;
text-transform: uppercase;
text-align: center;

line-height:50px;
}

.modal-content{
border:1px solid #1c1b1b;
}
.android_box{
padding:100px 0px;
}

.android_box h2{
margin-bottom: 40px;
    color: #222222;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
	
	}
.android_box ul li{
line-height:20px;
list-style-type:disc;
}
.android_box ul li{
margin-left:20px;
}
.android_box p{
line-height:20px;
}
.smo2{
padding:100px 0px;
}
.smo2 p{
line-height:20px;
text-align:center;
}


.ppcbox ul li{
color: #fff;
line-height: 29px;
text-align: center;
font-size: 20px;
 
 }
 .web_design p{
 margin-bottom:20px;
 }
.contact .form-control{
 background-color:transparent;
 height:auto !important;
 padding:16px 12px;
border-radius:0px !important;
 }
.contact textarea {
  background-color:transparent;
  height:100px;
 }
 .contact .btn4{
 padding:10px 20px !important;
 font-weight:normal;
 margin-left: 12px;
 }
 .con_info{
 padding:40px 40px;
 background:#33ccff;
 }
.con_info h4{
font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 10px;

}
.con_info p{
line-height:25px;
}
.map_box img{
height:400px;
width:100%;
}
.contact_details{
 background:#ffe200;
}
.top_box12{
color:#fff;
}
.top_box12 label{
margin-bottom:5px;
}
.top_box12 input{
margin-bottom:5px;
}
.top_box12 input{
background:transparent;
}


.top_box12 .btn4{
 padding:10px 20px !important;
 font-weight:normal;
 margin-left: 12px;
 }
/*responsive*/
@media (max-width: 991px) {
.box_level p{
margin-top:20px;
}
.left_img img {
    margin-top: 20px;
}



}

@media (max-width: 768px) {
.footer p{
font-size:12px;
}
.next_box ul li{
font-size:12px;
}
.next_box h4{
font-size:16px;}
.web_design p{
font-size:20px;
}
.top_box p{
font-size:20px;
}
.webbox2 h2{
font-size:20px;
}
.android_box h2{
font-size:20px;
}
.modal-dialog {
    width:auto;
}


}

@media (max-width: 767px) {
.feedbk{
height:auto;
}

.sml_box{
margin-bottom:20px;
}
.client_projects img{
margin:0 auto;
}
.footer img{
width: 20px;
height: 20px;
}
.footer h4{
font-size: 16px;
line-height:20px;
}
.footer h3{
font-size: 16px;
line-height:20px;}
.feedbk h3{
font-size:22px;
}
.client_logo h3{
font-size:22px;
}
.client_projects h2{
font-size:22px;
}
.box1 {
    margin-top: 20px;
}
.client:hover {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    z-index: 9999;
   border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    background-color: #2785D9;
	
}
.visitors_plan{
padding-bottom: 50px;
}
.visitors_plan h5{
padding-top: 30px;
padding-bottom: 30px;
}

.visitors_plan p{
margin-top:0px;}

.clientbox img{
margin:0 auto;
}
.blog_list{
text-align:center;
}
.blog_list img{
margin:0 auto;
}
.intro h2{
font-size: 30px;}
.intro p {
    font-size: 18px;
}
.cd-primary-nav{
padding: 70px 0 !important;
}
#CrossFade
{
height:300px;
}


.intro h2 {
    font-size: 20px;
}
.intro p {
    font-size: 14px;
}
.btn4{
padding: 10px 20px;
font-size: 13px;
font-weight:normal;
}

.btn5{
padding: 10px 20px;
font-size: 13px;
font-weight:normal;}
.pro_1 img{
margin-bottom:30px;
}


.pro_1 {
    margin-top: 0px;
}

.web_design p{
margin-bottom:20px;}
.pro_1 img {
    margin-bottom: 40px;
}
}


@media (max-width: 360px) {

.intro h2 {
    font-size: 20px;
}
.intro p {
    font-size: 14px;
}
.btn4{
padding: 10px 20px;
font-size: 13px;
font-weight:normal;
}

.btn5{
padding: 10px 20px;
font-size: 13px;
font-weight:normal;}


}