@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Helvetica');
@import url('https://fonts.googleapis.com/css?family=Bungee+Inline');
.body1{
    padding:0px; 
    margin:0px; 
    font-family: 'Helvetica', sans-serif;; 
    /*background: url(img/bg.png);*/
}

.fixed-footer-cust {
    background: red;
    text-align: center;
    padding: 10px 0px 10px 0px;
    width: 100% !important;
    position: fixed!important;
    bottom: 0px;
    z-index: 99;
}
.fix-link {
    color: #fff !important;
    font-size: 14px;
}
.i-am {
    padding: 0 !important;
    background: transparent;
    border: none !important;
    background-image: none!important;
    box-shadow: none;
}

.i-am:hover,
.i-am:focus {
    background: transparent !important;
}
.navbar {
    min-height: 70px !important;
    margin-bottom: 0px !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    /* border-color: #e7e7e7; */
    margin-top: 7px;
    margin-right: 7% !important;
    
}
.navbar-brand>img {
    display: block;
    margin-left: 44%;
}
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/*===========Start Parallax==============*/
.parallax{
    /*background: url("../img/parallax-2.png") repeat fixed 100%;*/
    background: #337ab7;
}
.parallax-inner{
   /* padding-top: 2%;*/
    padding-bottom: 2%;
}

.parallax1{
    background: url("../img/parallax.jpg") no-repeat fixed 100%;

}
.parallax-inner1{
    padding-top: 5%;
    padding-bottom: 5%;
}

.row {
    float: left;
    width: 100%;
}
.row .block {
    float: left;
    width: 25%;
    height: 98px;
}
.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 90px;
    cursor: pointer;
    margin: 20px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}
.hovicon.small {
    font-size: 20px;
    line-height:45px;
    width:45px;
    height:45px;
    margin:7px;
}
.hovicon.mini {
    font-size: 15px;
    line-height:32px;
    width:30px;
    height:30px;
    margin:7px;
}
.hovicon.auto-width {
    width: auto;
    height: auto;
    padding: 15px;
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
/* Effect 1 */
 .hovicon.effect-1 {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}
.hovicon.effect-1:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
/* Effect 1a */
 .hovicon.effect-1.sub-a:hover {
    background: rgba(255, 255, 255, 1);
    color: #41ab6b;
}
.hovicon.effect-1.sub-a:hover i {
    color: #41ab6b;
}
.hovicon.effect-1.sub-a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
/* Effect 1b */
 .hovicon.effect-1.sub-b:hover {
    background: rgba(255, 255, 255, 1);
    color: #41ab6b;
}
.hovicon.effect-1.sub-b:hover i {
    color: #41ab6b;
}
.hovicon.effect-1.sub-b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.hovicon.effect-1.sub-b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
figure {
    width: 200px;
    height: 200px;
    margin: 0;
    padding: 0;
    background: #ddd;
    overflow: hidden;
}
figure {
    width: 300px;
    height: 300px;
    margin: 0;
    padding: 0;
    background: #eee;
    overflow: hidden;
}
figure {
    width: 200px;
    height: 300px;
    margin: 0;
    padding: 0;
    background: #fgfg;
    overflow: hidden;
}



/* Zoom In #1 */
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

/* Zoom In #2 */
.hover02 figure img {
    width: 300px;
    height: auto;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover02 figure:hover img {
    width: 350px;
}

/* Zoom Out #1 */
.hover03 figure img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover03 figure:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* below slider div hover effect*/

.mydiv1{
    background: #2aabd2;
    height: 430px;
    transition: all 1s ease;
    border: 5px transparent; 
    cursor: pointer;
    border-radius:10px;
   overflow:hidden;
}


.mydiv1 .image1
{
    transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  
} 

.mydiv1 .image1:hover
{
   transform: scale(1.2);
}



.mydiv2{
    background: #27D2C3 !important;
    height: 430px;
    transition: all 1s ease;
    border: 10px transparent; 
    cursor: pointer;
    border-radius:10px;
   overflow:hidden;
}



.mydiv2 .image2
{
    transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  
} 

.mydiv2 .image2:hover
{
  transform: scale(1.2);
}

.mydiv3{
   background: #2aabd2;
    height: 430px;
    transition: all 1s ease;  
    border: 10px transparent;  
    cursor: pointer;
    border-radius:10px;
   overflow:hidden;
}


.mydiv3 .image3
{
    transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  
} 

.mydiv3 .image3:hover
{

  transform: scale(0.1);
 
}



/*/*/*/*/*/*Footer */

 #footer {
    background-color:#000;
   position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height:100px;
    overflow: hidden; 
line-height: 110%;

    
        
}
#imginthefooter {       
  
    width:100px;
    height:300px;
    z-index:300;
    bottom: 0px;
    top: -108px;
    right: -150px;
    position: relative;
}

 .footer_bg
 {
    padding: 2%;
     background:url("../img/footerbg.png"); 
     line-height: 30px;
     color: #fff;

 }
 .footer_header
{
    padding-left: 42px;
     color:#ce6861;
}
.footer_link a
{
   color:#fff; 
}
.footer_link a:hover
{
    color:#ce6861 !important;
}
.site-footer
{
    /*background-color:#2E2E2E;*/
    color:#fff;

}
 .footer-copyright {
    font-size: 14px;
    font-weight: 500;
    padding-top:20px;
    
}


/*===========Blog Image==============*/

.blog_img img{
    width:100%;
    margin: 0;
    transition: 1s;
}
 .blog_img{
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.blog_name_designation{
    background: #2aabd2;
}
.blog_name_designation h2{
    color: #FFFFFF;
    padding: 10px 0;
    font-size: 24px;
}
.blog_information{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #2698bb;
    padding: 23px;
}
 .blog_information p{
    color: #FFFFFF;
    padding: 0 0 10px 0;
}
.blog_information a{
    color: #FFFFFF;
    text-decoration: none;
    padding-top: 10px;
    display: inline-block;
}
 .blog_information a::after{
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
}
.blog_information a:hover::after {
    width: 100%;
}
.blog_name_designation_2{
    background: #27D2C3 !important;
}
.blog_information_2{
    background: #28a59a !important;
}
.blog_name_designation_3{
    background: #2aabd2 !important;
}
.blog_information_3{
    background: #2698bb !important;
}
.blog_img img:hover {
    transform: scale(1.2);
}
.blog_main_center
{
    text-align:center;
}

#intro
{
 height: 40px;
 /*background: url("../img/About-Us3.jpg") center 0 no-repeat;*/

 background: #004b81;
}
#intro-content
{
    width:20.5em;
    
    padding:10px;

    color: #fff;

}
a {
    color: #fff;
    
}
a:focus, a:hover {
    color: red!important;
    text-decoration: none!important;

.content-title {
    margin-bottom: 60px;
}

.content_blog {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-top: -1px;
    padding: 40px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    position: relative;
    height:350px;
    border-radius: 20px;
}
.content_blog_color {
    background: rgb(42, 210, 210);
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}
#contentImg
{
 height: 91px;
 background: url("../img/content-marketing-1.jpg") center 0 no-repeat;
}
#mobilehide{
/*display:inherit; 
*/}
/*===========End Parallax==============*/

/*about-us carousel*/
.title-carousel {
    margin-bottom: 20px;
}
.title-carousel h2 {
    margin-bottom: 0;
}
.carousel-container {
    overflow: hidden;
}
.owl-three-item .gallery-item,
.owl-four-items .gallery-item,
.owl-two-item .gallery-item {
    margin-left: 30px;
}
@media screen and (max-width: 1200px){ /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin-left: 20px;
    }
}
@media screen and (max-width: 980px){ /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin-left: 18px;
    }
}
@media screen and (max-width: 980px){ /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin-left: 18px;
    }
}
@media screen and (max-width: 767px){ /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin: 0 10px 0 10px;
    }
}
@media screen and (max-width: 479px){ /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin: 0;
    }
}
.gallery-item>* {
    margin-bottom: 15px;
}
.gallery-item>*:last-child{
    margin-bottom: 0;
}
.gallery-item .portfolio-item {
    margin: 0;
}
.full-width-slider {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    z-index: 1;
}
.full-width-slider .gallery-item img {
    width: 100%;
}
.carousel-button .prev,
.carousel-button .next {
    margin: 1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #b0b0b0;
    color: #b0b0b0;
    cursor: pointer;
    margin-bottom: 3px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;

}
.carousel-button .prev:hover,
.carousel-button .next:hover {
    border-color: #969696;
    color: #969696;
}
.carousel-container h2{
    font-size: 24px;
    float: left;
}
.carousel-nav {
    text-align: right;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}
h2 + .carousel-nav + * {
    clear: both;
}
.carousel-nav.align-left {
    text-align: left;
}
.owl-controls .owl-buttons .owl-prev,
.owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #ffffff;
    display: block;
    background: #ffffff, transparent;
    font-family: FontAwesome;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.owl-controls .owl-buttons .owl-prev:hover,
.owl-controls .owl-buttons .owl-next:hover{
    background: #ffffff;
    color: #f27c66;
}
.owl-controls .owl-buttons .owl-prev {
    left: 5px;
}
.thumbnails .owl-controls .owl-buttons .owl-prev {
    left: 7px;
}
.owl-controls .owl-buttons .owl-next {
    right: 5px;
}
.owl-controls .owl-buttons .owl-prev:before {
    content: "\f104";
    line-height: 30px;
}
.owl-controls .owl-buttons .owl-next:before {
    content: "\f105";
    line-height: 30px;
}
/*about-us carousel end*/


/* testimonials start */

.testimonial {
    position: relative;
    z-index: 1;
}
.testimonial:before{
    position: absolute;
    z-index: -1;
    opacity: 0.02;
    top: 36px;
    left: 31%;
    content: "";
    height: 200px;
    width: 200px;
    background: url(../img/Quotes_symbol.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.testimonial .gallery-item {
    width: 65%;
    margin: 0 auto;
    text-align: center;
    transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
}
@media screen and (max-width: 767px){
    .testimonial .gallery-item {
        text-align: left;
        width:100%;
        transform: translate(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    
}
.testimonials-carousel .owl-pagination {
    text-align: center;
    margin-top: 20px;
}
.testimonials-carousel .owl-pagination .owl-page {
    display: inline-block;
    margin: 3px;
    width: 8px;
    height: 8px;
    border: 1px solid #f27c66;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: transparent;
}
.twitter-1 .testimonials-carousel .owl-pagination .owl-page {
    border-color: #ffffff;
}
.testimonial p {
    padding-top: 15px;
}
.testimonials-carousel .owl-pagination .owl-page.active {
    background-color: #f27c66;
}
.twitter-1 .testimonials-carousel .owl-pagination .owl-page.active {
    background-color: #ffffff;
}
.testimonial .testimonials-carousel .quote-avatar-author {
    margin-right: 30px;
}
/* testimonial End*/

/*===========Contact Us==============*/

.jumbotron {

background: url("../img/About-Us3.jpg") center 0 no-repeat;
height:91px;
}

.mid-level-padding {
   padding: 50px 0;
}
#contact-us2 .right-section {
    padding: 25px 30px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border-radius: 4px;
}
.map
{
  background: url("../img/fg.png") center 0 no-repeat ;
  background-size: 100%;

 
}
/*===========Portfolio==============*/
.gallery-image {
   
margin-bottom: -5px;
 padding:5px;
 box-shadow: 0px 0px 10px grey;
}
.gallery-image a:hover{
   
    color: #b90013; 
    text-decoration: none;
}
/*===========Portfolio==============*/
.right_sidebar {
    float: right;
    width: 25%;
    padding: 18px 0px 0px 0px;
}
.sidebar1 {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #d1d1d1;
}


/*===========End Parallax==============*/
@media only screen and (max-width: 768px){


.navbar-brand>img {
    display: block;
    margin-left: 0%;
}

.h1, h1 {
    font-size: 112% !important;
}
#imagehide{
    display: none;
}
.border:hover
{
        box-shadow: inset 0 0 0 25px #53a7ea;
}
#mobilehide{
display:none !important;
}

}
 

/*JQUERY UI*/