/* Global Margin and Paddings ============ */
.margin-top-0 {
	margin-top: 0 !important;
}
.margin-top-10 {
	margin-top: 10px !important;
}
.margin-top-20 {
	margin-top: 20px !important;
}
.margin-top-30 {
	margin-top: 30px !important;
}
.margin-top-40 {
	margin-top: 40px !important;
}
.margin-top-60 {
	margin-top: 60px !important;
}
.margin-bottom-0 {
	margin-bottom: 0 !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px !important;
}
.margin-bottom-60 {
	margin-bottom: 60px !important;
}
.margin-left-0 {
	margin-left: 0 !important;
}
.margin-left-10 {
	margin-left: 10px !important;
}
.margin-left-20 {
	margin-left: 20px !important;
}
.margin-left-30 {
	margin-left: 30px !important;
}
.margin-left-40 {
	margin-left: 40px !important;
}
.margin-left-60 {
	margin-left: 60px !important;
}
.margin-right-0 {
	margin-right: 0 !important;
}
.margin-right-10 {
	margin-right: 10px !important;
}
.margin-right-20 {
	margin-right: 20px !important;
}
.margin-right-30 {
	margin-right: 30px !important;
}
.margin-right-40 {
	margin-right: 40px !important;
}
.margin-right-60 {
	margin-right: 60px !important;
}

.padding-top-0 {
	padding-top: 0 !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-30 {
	padding-top: 30px !important;
}
.padding-top-40 {
	padding-top: 40px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}
.padding-bottom-0 {
	padding-bottom: 0 !important;
}
.padding-bottom-10 {
	padding-bottom: 10px !important;
}
.padding-bottom-20 {
	padding-bottom: 20px !important;
}
.padding-bottom-30 {
	padding-bottom: 30px !important;
}
.padding-bottom-40 {
	padding-bottom: 40px !important;
}
.padding-bottom-60 {
	padding-bottom: 60px !important;
}
.padding-left-0 {
	padding-left: 0 !important;
}
.padding-left-10 {
	padding-left: 10px !important;
}
.padding-left-20 {
	padding-left: 20px !important;
}
.padding-left-30 {
	padding-left: 30px !important;
}
.padding-left-40 {
	padding-left: 40px !important;
}
.padding-left-60 {
	padding-left: 60px !important;
}
.padding-right-0 {
	padding-right: 0 !important;
}
.padding-right-10 {
	padding-right: 10px !important;
}
.padding-right-20 {
	padding-right: 20px !important;
}
.padding-right-30 {
	padding-right: 30px !important;
}
.padding-right-40 {
	padding-right: 40px !important;
}
.padding-right-60 {
	padding-right: 60px !important;
}

/* Home page */

.page-header{
	background: #225fcf; /* For browsers that do not support gradients */
 	background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
 	background: -moz-linear-gradient(right, #225fcf, #002f84); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(to right, #225fcf , #002f84); /* Standard syntax (must be last) */
	color: #fff;
	margin: -1px;
	padding-bottom: 0px;
	padding: 5px 0px;
}

.page-header ul li{
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}

.page-header ul li i{
	margin-right: 8px;
}

.page-header ul {
	margin-bottom: 0px;
	padding-left: 0px;
}

.page-header a{
	color: #fff;
	font-size: 14px;
}

.nav-strip{
	background-color: #fff;
}

.header-contact-info{
	float: right;
}

.navbar{
	margin-bottom: 0px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: transparent;
	border-bottom: 4px solid #225fcf;
	color: #000;
}

.navbar-default .navbar-nav > li > a{
	color: #000;
}

.navbar-default .navbar-toggle{
	border: 0px;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	background-color: transparent;
	border-bottom: 4px solid #225fcf;
	color: #000;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: transparent;
}

.light-blue-transparent-layer{
	background-color: #000;
	width: 60%;
}

.pad-wrap{
	padding: 40px 0px;
}

.about-us h2{
	margin-top: 0px;
	font-size: 30px;
}

img{
	max-width: 100%;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
	min-width: 100%;
}

.btn-primary{
	background-color: transparent;
	border: 1px solid #000;
	color: #000;
}

.btn-primary:hover{
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
	transition: 0.8s;
}

.our-services{
	ackground: #eee; /* For browsers that do not support gradients */
 	background: -webkit-linear-gradient(left, #fff , #e9f1ff); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(right, #fff, #e9f1ff); /* For Opera 11.1 to 12.0 */
 	background: -moz-linear-gradient(right, #fff, #e9f1ff); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(to right, #fff , #e9f1ff); /* Standard syntax (must be last) */
}

.our-services h3{
	font-size: 30px;
	margin-top: 0px;
}

.col-3{
	width: 45%;
	float: left;
}

.btn-white{
	background-color: #fff;
	border: #fff;
	color: #000;
}

.carousel-control{
	background: transparent;
}

.col-3 h3{
	font-size: 16px;
	margin-bottom: 70px;
	margin-top: 15px;
	font-weight: 600;
}

.col-3 a{
	color: #000;
}

.video-slider{
	height: 700px;
	overflow: hidden;
}

.col-3 a:hover{
	color: #225fcf;
	transition: 0.4s;
	text-decoration: none;
}

.responsive-line{
	display: none;
}

.our-services-center-line{
	text-align: center;
	width: 10%;
	float: left;
}

.header-bottom-line{
	text-align: center;
}

.vission-mission{
	border-bottom: 1px solid #c2c0c0;
	text-align: center;
}

.testimonial h4{
	font-size: 30px;
}

.icon{
	background-color: #000;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto;
}

.icon:hover{
	background-color: #225fcf;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	transition: 0.6s;
}

.icon img{
	margin-top: 30px;
}


/* Testimonial */

/* carousel */
#quote-carousel
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}






.our-clients{
	background-color: #eee;
}






/* Client Logo */

.carousel-showmanymoveone
{
  .carousel-control
  {
    width: 4%;
    background-image:none;

    &.left
    {
      margin-left:15px;
    }

    &.right
    {
      margin-right:15px;
    }
  }

  .cloneditem-1,
  .cloneditem-2,
  .cloneditem-3
  {
    display: none;
  }

  .carousel-inner
  {
    @media all and (min-width: 768px)
    {
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        {
          transform: translate3d(50%, 0, 0);
          left: 0;
        }

        > .item.active.left,
        > .item.prev
        {
          transform: translate3d(-50%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }

      > .active.left,
      > .prev
      {
        left: -50%;
      }

      > .active.right,
      > .next
      {
        left:  50%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-1
      {
        display: block;
      }
    }

    @media all and (min-width: 992px)
    {
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        {
          transform: translate3d(25%, 0, 0);
          left: 0;
        }

        > .item.active.left,
        > .item.prev
        {
          transform: translate3d(-25%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }

      > .active.left,
      > .prev
      {
        left: -25%;
      }

      > .active.right,
      > .next
      {
        left:  25%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-2,
      .cloneditem-3
      {
        display: block;
      }
    }
  }
}


// demo setup only, not needed for carousel
.logo
{
  margin: 20px auto;
  height: 100px;

  @media only screen and (min-width : 768px) {
    margin: 28px;
    float: left;
  }
}

.title
{
  padding: 28px;
  display: table-cell;
  position: relative;
  vertical-align: middle;
  text-align: center;
}



.contact-us-bg{
	background-image: url("../images/contact-us-bg.jpg");
	background-size: cover;
	background-attachment: fixed;
}

.contact-us-bg h5{
	font-size: 30px;
	margin-top: 0px;
}

.contact-info-block{
	background-color: rgba(255, 255, 255, 0.8);
	padding: 40px 20px;
}

.contact-info-block i{
	margin-right: 8px;
}

.contact-info-block a{
	color: #000;
}

.blue-transparent-layer{
	background-color: rgba(34, 95, 207, 0.3)
}

.footer-bg{
	background-color: #000;
	text-align: center;
}

ul.footer-social-media{
	list-style: none;
	border-bottom: 4px solid #225fcf;
	display: inline-block;
	padding-left: 0px;
}

ul.footer-social-media a{
	color: #fff;
}

ul.footer-social-media li{
	margin-right: 10px;
}

ul.footer-social-media{
	margin-bottom: 20px;
}

.footer-bg ul li{
	display: inline-block;
}

ul.footer-nav{
	margin-bottom: 20px;
	padding-left: 0px;
}

ul.footer-nav a{
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

ul.footer-nav a:hover{
	border-bottom: 4px solid #225fcf;
}

ul.footer-nav li{
	border-right: 1px solid #fff;
}

.footer-bg p{
	color: #eee;
	font-size: 12px;
}

li.border-remove{
	border: 0px !important;
}

.services-desc{
	width: calc(100% - 57px);
	float: left;
	display: inline-block;
	text-align: right;
}

.request-a-call{
	background-color: #eee;
}

.request-a-call h5{
	margin-top: 0px;
	font-size: 30px;
}

.services-icon{
	width: 42px;
	float: right;
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}

.services-desc-2{
	width: calc(100% - 57px);
	float: right;
	display: inline-block;
	text-align: left;
}

.services-icon-2{
	width: 42px;
	float: left;
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}

.hover-effect:hover > .icon{
	background-color: #225fcf;
	transition: 0.4s;
}

.hover-effect:hover > h4{
	transition: 0.4s;
	color: #225fcf;
}

.hover-effect:hover > a{
	transition: 0.4s;
	color: #fff;
	background: #225fcf;
	border-color: #225fcf;
}

.hover-effect:hover > p{
	transition: 0.4s;
	color: #000;
}

a.btn-secondary{
	background-color: #000;
	color: #fff;
}

a.btn-secondary:hover{
	background-color: #225fcf;
	color: #fff;
	transition: 0.4s;
}

@media all and (max-width: 768px){

	.hover-effect{
		margin-bottom: 40px;
	}

	ul.footer-nav li{
		display: block;
		padding: 10px 0px;
		border: 0px;
	}

	.responsive-margin-bottom-20{
		margin-bottom: 20px;
	}

	.navbar-brand img{
		width: 146px;
		height: 62px;
	}

	.navbar-toggle{
		margin-top: 25px;
	}

	.carousel-caption h1{
		font-size: 14px;
	}

	.carousel-caption{
		padding-bottom: 0px;
	}

	.header-contact-info{
		text-align: center;
		float: none;
	}

	.services-desc{
		float: right;
		text-align: left;
	}

	.services-icon{
		float: left;
		margin-right: 15px;
		margin-left: 0px;
	}

	.responsive-margin-bottom-70{
		margin-bottom: 70px;
	}

	.video-slider{
		height: 400px;
	}

}


@media all and (max-width: 767px){
	.header-social-media{
		text-align: center;
	}

	.col-3{
		width: 100%;
	}

	.responsive-line img{
		margin: 40px 0px;
	}

	.our-services-center-line{
		display: none;
	}
}



/* About us */

.static-slider{
	background-image: url("../images/static-slider-1.jpg");
}

.static-slider h1{
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
	display: inline-block;
	padding: 10px;
}

.list-group-item{
	border: 0px;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
	background-color: #000;
}

.aside-menu h4{
	margin-top: 0px;
}

.bg-grey{
	background-color: #eee;
	padding: 10px;
}

.bg-grey h2{
	margin-top: 0px;
}

.services{
	background-color: #eee;
	border-radius: 2px;
	padding: 20px;
	cursor: pointer;
}

.services:hover{
	background-color: #000;
	color: #fff;
	transition: 0.5s;
}

.services:hover > h3{
	color: #fff;
}

.services:hover > .icon{
	background-color: #fff;
	color: #fff;
	transition: 0.5s;
}

.services h3:hover{
	color: #fff;
}

a.services h3:hover{
	color: #fff;
}

.service-icon{
	background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}

.service-icon img{
	margin-top: 25px;
}

.services h3{
	margin-top: 10px;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}

.services h3{
	color: #000;
}

.contact-us i{
	margin-right: 8px;
}

.contact-us a{
	color: #000;
}

span.address{
	display: inline-block;
}

i.vertical-align-top{
	vertical-align: top;
	display: inline-block;
}

.service-lists p:hover{
	transition: 0.5s;
	margin-left: 8px;
}

.service-lists a{
	text-decoration: none;
	color: #000;
}

.service-lists a:hover{
	color: #225fcf;
}

.service-lists i{
	color: #225fcf;
	font-size: 15px;
	margin-right: 8px;
}

.service-lists i:hover{
	transition: 0.5s;
}
ul.ul-list{
    padding: 0;
    margin: 0 0 0 17px;
    margin-bottom: 25px;
}
ul.ul-list li {
    list-style-type: circle;
}
.ac img {
    margin-top: 15px;
}

.whatsapp-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
	font-size: 20px;
	transition: bottom 0.3s ease-in-out;
}

.whatsapp-button:hover {
	color: #fff !important;
}