/* CSS Document */
/**
 * Written by: Rohit Bhanwara, 2018
 * Senior Webdesigner
 * Technoarray
 * http://www.technoarray.com
 */

 /*basic tags
 =========================*/
 .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{

 	outline:0px;
 	box-shadow:0px 0px 0px;
 }
 .nopadding{
 	padding:0px;
 }
 .clear{
 	clear:both;
 }
 p,h1,h2,h3,h4,h5,h6{
   margin-bottom: 0px !important;
 }
 h1{
 	font-size:37px;
 	font-weight:700;
 	line-height:37px;
 }

 a:hover{
   text-decoration: none;
 }

  /* work-box
  =========================*/
.work-box,.main-box{
  padding: 100px 15px;
}
.page-header{
  padding:20px 15px;
}
.page-header img{
  width:300px;
}
section.heading-box h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0px;
}

section.heading-box {
    background-color: #004395;
    padding: 37px 15px;
    text-align: center;
}
section.main-box .col-12 {
    margin-bottom: 30px;
}
.box {
    padding: 47px 30px;
    text-align: center;
    box-shadow: 0px 0px 10px #e4e4e4;
    height: 100%;
}
.box img {
    margin-bottom: 20px;
    width: 150px;
    height: 150px;
}
.box h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
    line-height: 20px;
}
footer {
    background-color: #004395;
    padding: 15px 15px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}
.main-box.gallery img {
    border: 3px solid #004395;
        margin-bottom: 15px;
}
.background {
    background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
    padding: 150px 15px;

}
.background  h3 {
    font-size: 27px;
    color:#fff;
  }


  .main {
      line-height: 0;
      -webkit-column-count: 3;
      -webkit-column-gap: 15px;
      -moz-column-count: 3;
      -moz-column-gap: 15px;
      column-count: 3;
      column-gap: 15px;
  }
  .two-box{
    line-height: 0;
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    -moz-column-count: 2;
    -moz-column-gap: 15px;
    column-count: 2;
    column-gap: 15px;
  }
  .d {
      line-height: 0;
      -webkit-column-count: 3;
      -webkit-column-gap: 15px;
      -moz-column-count: 3;
      -moz-column-gap: 15px;
      column-count: 3;
      column-gap: 15px;
  }
  .main a{
    margin-bottom: 15px;
  }
.main a,.main a img{
  width: 100%;
}

.fancybox-slide--image .fancybox-content{
  max-width: 100%;
  transform: translate(0) scale(1, 1) !important;
    height: auto !important;
        width: 100% !important;
}
.fancybox-slide--image {
    overflow-y: scroll;
  }
  .fancybox-navigation .fancybox-button {

    height: 40px;

    width: 40px;
}
.fancybox-navigation .fancybox-button--arrow_left,.fancybox-navigation .fancybox-button--arrow_right{
  padding: 0px;
}
.fancybox-image, .fancybox-spaceball{
  position: static !important;
}