#header
{
	position: fixed;top:0px;z-index: 9999;
	background-color: white;
	width: 100%;

}

.nav-item
{
  margin-left: 7px;
  margin-right:7px;
}

/* Icon 1 */

.animated-icon1 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
border:none;
}

.navbar_button{
	border:none;
}

.animated-icon1 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: black;
}



.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
display: none;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}


      animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 032 css*/
        .jssorb032 {position:absolute;}
        .jssorb032 .i {position:absolute;cursor:pointer;}
        .jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
        .jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}


.featurette
{
  margin-top: 10px;
    padding-bottom: 0px;
}



.featurette-image 
{
    border-radius: 5px;
}


.featurette-main
{

    margin-top: 10px;
}

.featurette1
{
  margin-top: 0px;
    
}

.featurette-heading
{
    font-size: 30px;
}
@media(min-width: 992px)
{
.featurette-main
{

    margin-top: 90px;
}

.featurette
{
    margin-top: 0px;
    padding-bottom: 55px;
}
.featurette1
{
    padding-top: 0px;
  margin-top: 0px;
    
}
.featurette-heading
{
    font-size: 50px;
}

}


#footer
{
    background-color: #2E4053;
    color: #F7F7F7;
  }

 #footer_container
  {
padding: 40px;
  }

.jumbotron
{
    margin-bottom: 0px;

}

#footer ul li
{
    padding: 5px;
}

a{
    text-decoration: none;color:inherit;
}

a:hover{
    text-decoration: none;color:inherit;
}


.dropdown-menu
{
    border:none;
}

.web_design_jumbotron
{
    background-image: url("../img/web_design_banner.png");
    min-height: 400px;
    padding-top: 110px;
    color: white;
    margin-bottom: 20px;
}

.ecommerce_jumbotron
{
    background-image: url("../img/ecommerce_banner.png");
    min-height: 400px;
    padding-top: 130px;
    color: white;
    margin-bottom: 20px;
}
.responsive_design_jumbotron
{
    
    min-height: 200px;
    padding-top: 110px;
    color: white;
   
}
.services_jumbotron
{
    background-image: url("../img/services.png");
    min-height: 200px;
    padding-top: 70px;
    color: white;
   
}



  .parallax {
  /* The image used */
  background-image: url("../img/web_design_parallax1.png");

  /* Set a specific height */

    overflow: hidden;
opacity: 1;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


   
}

  .parallax1 {
  /* The image used */
  background-image: url("../img/web_design_parallax2.png");

  /* Set a specific height */

    overflow: hidden;
opacity: 1;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


   
}


  .parallax2 {
  /* The image used */
  background-image: url("../img/responsive_design_banner.png");

  /* Set a specific height */

    overflow: hidden;
opacity: 1;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


   
}

#main-caption
{
    text-align: justify;
    border-radius: 5px;

    padding: 20px;
    border:1px solid #BD0909;
    margin-bottom: 60px;
}

.static_bullets
{
    font-size:8px;color:#BD0909;margin-right: 10px;position: relative;top: -.2px;
}

.figure-caption
{
    color:white;
}
.figure
{
    margin-right: 20px;
    margin-left: 20px;
}



#ecommerce_description
{
  margin: 30px;
  text-align: justify;
  background-color: #F3F3F3;
  border-radius: 10px;
  padding: 20px;
}


#team
{
  width: 600px;
  
  border-radius: 500px;

  text-align: center;
  margin: 0 auto;
}
#ecommerce_logos_ul
{
  list-style: none;
  text-align: left;
}

#ecommerce_logo
{

  width: 150px;
  padding: 5px;
}


.digital_marketing_jumbotron
{
    background-image: url("../img/digital_marketing.png");
    min-height: 400px;
    padding-top: 110px;
    color: white;
    margin-bottom: 20px;
    
}



.careers_jumbotron
{
    background-image: url("../img/careers_banner.png");
    min-height: 400px;
    padding-top: 110px;
    color: white;
    margin-bottom: 20px;
    
}

.maintenance_jumbotron
{
    background-image: url("../img/website_maintenance_banner.png");
    min-height: 400px;
    padding-top: 130px;
    color: white;

    
}

.contact_us_jumbotron
{
    background-image: url("../img/contact.png");
    min-height: 200px;
    padding-top: 70px;
    color: white;
   

    
}
.lead
{
  text-align: center
}

#digital_marketing_moto

{
color: #404040;
font-size: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
text-align: center;
}


#current_openings

{
color: #404040;
font-size: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
text-align: center;
}


#current_openings_section
{

  padding-top: 10px;

}
#digital_marketing_description
{
  color: #4F4F4F;
  text-align: center;
  line-height: 2.2;
  padding-left: 80px;
padding-right: 80px;
}


#maintenance_description
{
  color: #4F4F4F;
  text-align: center;
  line-height: 2.2;
  padding-left: 80px;
padding-right: 80px;
}


#careers_description
{
  color: #4F4F4F;
  text-align: center;
  line-height: 2.2;
  padding-left: 80px;
padding-right: 80px;
}








  .parallax4 {
  /* The image used */
  background-image: url("../img/social_media_marketing.png");

  /* Set a specific height */

    overflow: hidden;
opacity: 1;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


   
}







  .parallax5 {
  /* The image used */
  background-image: url("../img/seo_parrallax.png");

  /* Set a specific height */

    overflow: hidden;
opacity: 1;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


   
}



#contact_us_connect

{

  text-align: left;
  padding: 30px;
}

#contact_us_connect ul li
{
  padding: 5px;
  margin-left: 10px;

}


#home_lead
{
  text-align: left;
}

#services
{
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}


#bootstrap_javascript_icon
{
  border-radius: 500px;
  width: 100px;
}



#bootstrap_div
{
  text-align:right;
}

#javascript_div
{
  text-align:left;
}


#current_openings_div
{
  background-color: #F0F0F0;border-radius: 5px;padding: 10px;position: relative;position: relative;
  margin:10px;
}

#current_openings_headings

{

  background-color: #404040;border-radius: 5px;padding:5px;padding-left: 10px;color:#F9F7F7;
  text-align: center;
}

#quote_check
{

  text-align: center;font-size: 60px;
}

#quote_success
{
  text-align: center;font-size: 60px;color: #68B24C  text-align: center;font-size: 60px;color: #68B24C  ;

}

#quote_message
{
  text-align: center;padding: 10px;
}


#quote_success
{
  display: none;
}

#quote_failed
{
  display: none;
}

#message_success
{
  display: none;
}

#message_failed
{
  display: none;
}


#newsletter_subscribed
{
  display: none
}
#newsletter_subscribed_error
{
  display: none
}
#loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 20px;
  height: 20px;
     margin: 0 auto;
     margin-top: 10px;
    padding: 20px;

      display: none;
 
 
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




#loader2 {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 15px;
  height: 15px;
     margin: 0 auto;
     margin-top: 10px;
    padding: 20px;

      display: none;
 
 
  -webkit-animation: spintwo 1s linear infinite; /* Safari */
  animation: spintwo 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spintwo {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spintwo {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media(max-width:768px )
{

#team
{
  width: 200px;
 
}
#bootstrap_javascript_icon
{
  border-radius: 500px;
  width: 60px;
}
#digital_marketing_description
{
  text-align: justify;
  padding-left: 20px;
padding-right: 20px;
}

#maintenance_description
{
  text-align: justify;
  padding-left: 20px;
padding-right: 20px;
}

#careers_description
{
  text-align: justify;
  padding-left: 20px;
padding-right: 20px;
}

#contact_us_connect

{

  text-align:center;
  padding: 20px;
}
#footer_container
  {
padding: 10px;
max-width: 100%;
  }
}


@media(max-width:992px )
{
#bootstrap_div
{
  text-align:center;
}

#javascript_div
{
  text-align:center;
}


#ecommerce_logos_ul
{
  list-style: none;
  text-align: center;
}

 #footer_container
  {
padding: 20px;

  }


}