@font-face {
    font-family: 'nexa_lightregular';
    src: url('font/Nexa_Free_Light-webfont.woff2') format('woff2'),
         url('font/Nexa_Free_Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Nexa_Free_Bold';
    src: url('font/Nexa_Free_Bold-webfont.woff2') format('woff2'),
         url('font/Nexa_Free_Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.row{
    margin: 0px;
    font-family: nexa_lightregular;
}
.blitz-menu {
    background-color: #E3E6EA;
    border: 0px;
    font-size: 16px;
    font-weight: 600;
    color: #404041;
    margin-bottom: 0px;
    border-radius: 0px;
}
.blitz-menu .nav>li>a{
    padding: 5px 25px 5px;
        font-size: 1.12vw;
    font-family: 'Open Sans', sans-serif;
        color: #484849;
    margin-top: 80px;
}
.blitz-menu .nav>li.active>a,.blitz-menu .nav>li>a:hover, .blitz-menu .nav>li>a:focus, .blitz-menu .nav>li>a:active, .blitz-menu .nav>li>a:visited{
    border: 1px solid #484849;
    background-color: transparent;
}
.pad-100{
    padding-top: 100px;
    padding-bottom: 100px;
}
.menu-box{
       background-repeat: no-repeat;
    width: 291px;
    height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.menu-box h4{
    margin: 0px;
    text-transform: uppercase;
    color:midnightblue;
    margin-top: -25px;
font-family: 'Raleway', sans-serif;
    font-size: 26px;
	font-weight: 500;
	
}
.menu-box h4:hover
{
    color: white;
	transform: scale(1.1);
	
}
.carousel-control.left,.carousel-control.right{
      background-image: none;
    color: #cccdcc;
    opacity: 1;
    text-shadow: none;
}
.menu-box-center{
    text-align: center;
    text-align: -webkit-center;
}
.gallery-box{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    
}
.overlay {  
  background:#faaa4a;
  height: 100%;
  opacity:0;
  transition: opacity .25s ease-out;
}

.box:hover .overlay {
    opacity:0.9;
}
.gallery-box:hover{
    background-size: 200%;
    overflow: hidden;
    
}
.pipe-bg1{
    padding-top: 115px;
    position: relative;
}
.pipe-bg1:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/dbf.gif);
      background-attachment: fixed; 
    background-repeat: no-repeat; 
        background-size: 105%;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity : 0.25;
    z-index: -1;
}
.pipe-bg2{
    position: relative;
    background-color: #ffffff;
}
.pipe-bg2:after{
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/dbf.gif);
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity : 0.25;
   
}
.footer-bg{
    position: relative;
    background-color: #720E15;
}
.footer-bg:after{
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%; 
    background-image: url(img/wheel.gif); 
    background-repeat: no-repeat; 
    background-position: 0 -250px;
    width: 100%;
    height: 100%;
    opacity : 0.25;
   
}
.menu-box a:hover{
    text-decoration: none;
}

.monster-box{
    text-align: center;
    padding: 30px;
    background-color: #031A35;
    border: 5px solid #011B49;
}

.monster-box img{
    padding: 25px 0px; 
    height: 250px;
}

.monster-box h1{
    font-size: 32px;
    text-align: center;
    color: #ffffff; 
   font-family: 'Open Sans', sans-serif; 
    margin-bottom: 20px;
}
.monster-box p{
    float: left; 
    font-size: 1.05vw; 
    color: #ffffff; 
    text-align: left;
}
.monster-box:hover{
    zoom: 1.1;
    margin-top: -25px;
    border: 0px;
    background-color: #021A3D;
}
.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
}
.carousel-control > a > span {
    color: white;
	  font-size: 29px !important;
}

.carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 .active > div { display:none; }
 .active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev		     { left: -33%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -25%; }
  .carousel-inner .active.right{ left:  25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		     { left: -25%; }
  .carousel-col                { width: 25%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
}

@media (min-width: 1200px){
.container.service {
    width: 900px;
}
}

.block {
	width: 306px;
	height: 230px;
}
.grid{
    padding: 0px;
}
.grid figure{
    margin: 0px;
    width: 100%;
}
.border-ht{
        padding-bottom: 100px;
/*    border-right: 1px solid #ffffff;*/
    }
.monster-box{
        min-height: 685px;
    }
.content-size h1{
            font-size: 3.1vw;
    margin-top: 150px;
    }
    .content-size p{
            font-size: 1.15vw;
    }
 .feature-ht{
        height: 120px;
    }
.about-ht{
    height: 100px;
}
 .about-pad{
         padding-top:210px;
    }

.about-pad img 
{
	display: none
}
.about-pad span:hover+img
{
          display: block;
           
}
.display-mob2{
    display: none;
}
.img1{
    background-size: 55%; 
}
.img1 img{
    width: 55%;
}
.img2{
    background-size: 50%; 
}
.img2 img{
    width: 60%;
}
.img3{
    background-size: 65%; 
}
.img3 img{
    width: 45%;
}
.img4{
    background-size: 45%; 
}
.img4 img{
    width: 60%;
}
.home-ht{
    position: relative; 
    height: 600px;
}
#FC_Main{
        width: 120%;
    }
.display-mob1{
    position: fixed; 
    left: -150px;
    padding-right: 0px;
}
  .container.service p{
         font-size: 1.15vw;
    }
.blitz-menu img {
    width: 75px;
    padding-bottom: 10px;
}
 .content-size{
       position: fixed;
    right: 145px;
    padding-left: 50px;
    width: 30%;
    margin-top: -5px;
    }
.service-font{
     font-size: 1.15vw;
}
       .container.service p span {
    font-size: 1.5vw;
}
.contact-ad p{
    font-size: 1.15vw;
}
.contact-ad p span:nth-child(1){
    font-size: 1.75vw;
}
.content-size-2 h1 {
    font-size: 4.1vw;
}
.content-size-2 p {
    font-size: 1.15vw;
}
.blitz-menu img.new{
    display: none;
}
.glyphicon.glyphicon-earphone,.glyphicon.glyphicon-envelope{
            font-size: 1vw !important;
    }
.a{
    top: 75px;
                     left: 30px;
                     width: 25%;
}
.b{
    top: -40px;
                     left: 45%;
                     width: 24%;
}
.c{
    bottom: -12px;
                     left: -24px;
                     width: 20%;
}
.d{
     bottom: -63px;
                     left: 13%;
                     width: 30%;
}
.e{
     bottom: -52px;
                     left: 30%;
                     width: 35%;
}
.f{
    bottom: -23px;
                     left: 59%;
                     width: 20%;
}
.g{
        right: -26px;
                     bottom: 17px;
                     width: 25%;
}
.gif-placement{
        height: 400px;
    }
@media (max-width: 1441px){
    .border-ht{
        padding-bottom: 110px;
/*        border-right: 1px solid #ffffff;*/
    }
 
    
}
@media (max-width: 1350px){

    .monster-box h1 {
    font-size: 28px;
    }
}
@media (max-width: 1350px){
    .border-ht{
    padding-bottom: 115px;
    }
}


@media (max-width: 1250px){
    .monster-box h1 {
    font-size: 28px;
    }
}
@media (max-width: 1185px){
    .border-ht{
    padding-bottom: 130px;
    }
}
@media (max-width: 1025px){
 
  
    .content-size-2 p{
            font-size: 1.15vw;
    }
    .border-ht{
        padding-bottom: 150px;
/*        border-right: 1px solid #ffffff;*/
    }


.monster-box h1{
    font-size: 24px;
}
.monster-box p{
    font-size: 16px; 
}
    .feature-ht{
        height: 100px;
    }
    
}
@media (max-width: 995px){
    .home-ht{
    position: relative; 
    height: 350px;
}
        .display-mob1{

                left: 0px;
    padding-right: 0px;
    top: 205px;
}
    #FC_Main{
        width: 50%;
    }
    .border-ht {
    padding-bottom: 0px;
    border-right: 0px solid #ffffff;
}
    .about-pad {
    padding-top: 0px;
    font-size: 1.50vw;
}
    .content-size p {
    font-size: 1.50vw;
}
    .monster-box {
    min-height: 450px;
}
    .container.service .pad-100{
        padding-top: 0px;
        padding-bottom: 0px;
    }
     .container.service p{
         font-size: 1.50vw;
    }
    .blitz-menu .nav>li>a{
            margin-top: 45px;
    }
    .blitz-menu img{
        width: 60px;
    }
    .content-size {
     top: 165px;
}
    .content-size h1 {
    font-size: 4.1vw;
}
    .about-ht {
    height:0px;
}
    .content-size-2 h1 {
    font-size: 4.1vw;
}
    .content-size-2 p {
    font-size: 2.15vw;
}
    .a {
    top: 125px;
    left: 30px;
    width: 25%;
}
    .b {
    top: 50px;
    left: 45%;
    width: 24%;
}
    .c {
    bottom: -8px;
    left: -15px;
    width: 20%;
}
    .d {
    bottom: -40px;
    left: 13%;
    width: 30%;
}
    .e {
    bottom: -32px;
    left: 30%;
    width: 35%;
}
    .f {
    bottom: -14px;
    left: 59%;
    width: 20%;
}
    .g {
    right: -26px;
    bottom: 17px;
    width: 25%;
}
}
@media (max-width: 769px){
    .about-ht{
    height: 0px;
}
    .pad-100 {
    padding-top: 50px;
    padding-bottom: 50px;
}
    .about-pad{
         padding-top: 0px;
    }
    .border-ht{
        padding-bottom: 0px;
        border-right: 0px solid #ffffff;
    }
    .monster-box img {
    padding: 0px;
}
        .monster-box{
    min-height: 380px;
}
    .clear-b{
        clear: both;
    }
/*
    .display-mob2{
    display: block;
}
    .display-mob1{
    display: none;
        
}
*/
    .blitz-menu .nav>li>a {
    padding: 15px 25px 15px;
    font-size: 18px;
    }
    .img1 img,.img2 img,.img3 img,.img4 img{
        width: 40%;
    }
    .img1,.img2,.img3,.img4{
        background-size: 35%; 
    }
    .pipe-bg1 {
    padding-top: 50px;
    position: relative;
}
    .home-ht {
    position: relative;
    height: 275px;
}
    .display-mob1 {
    left: 0px;
    padding-right: 0px;
    top: 110px;
}
    .content-size{
            right: 85px;
    }
    .content-size h1 {
    font-size: 4.1vw;
}
    .pipe-bg1:after {
   
    background-position: top center;

}
    .monster-box img {
    height: 150px;
}
    .feature-ht {
    height: 50px;
}
    .service-font{
     font-size: 2vw;
}
    .container.service p {
    font-size: 2vw;
}
        .container.service p span {
    font-size: 2.5vw;
}
    .img3 img{
    width: 25%;
}
    .pipe-bg2:after{
    background-size: 125%; 
    background-position: center center;
   
}
    .contact-ad{
        text-align: center;
    }
    .contact-ad p{
    font-size: 2vw;
}
.contact-ad p span:nth-child(1){
    font-size: 2.5vw;
}
    .content-size {
    top: 85px;
}
    .blitz-menu .nav>li>a {
    padding: 15px 25px 15px;
    font-size: 16px;
}
    .blitz-menu .nav>li>a {
    margin-top: 0px;
}
    .blitz-menu img.new {
    width: 45px;
    margin-left: 15px;
        display: block;
}
     .blitz-menu img{
    display: none;
}
}
@media (max-width: 480px){
    .home-ht {
    position: relative;
    height: 350px;
}
    .display-mob1 {
    left: 0px;
    padding-right: 0px;
    right: 0px;
    top: 210px;
    padding-left: 0px;
}
    #FC_Main {
    width: 85%;
}
    .content-size {
    right: 85px;
    left: 0px;
    top: 75px;
            padding-left: 10px;
    width: 100%;
}
    .content-size h1 {
    font-size: 5.1vw;
}
    .content-size p {
    font-size: 2.5vw;
}
      .pipe-bg1:after {
   
    background-position: center center;

}
    .content-size-2 p {
    font-size: 2.25vw;
}
    .monster-box {
    min-height: 460px;
}
    .img1 img, .img2 img, .img3 img, .img4 img {
    width: 65%;
}
    .img1, .img2, .img3, .img4 {
    background-size: 60%;
}
    .contact-ad p {
    font-size: 3vw;
}
    .contact-ad p span:nth-child(1) {
    font-size: 3.5vw;
}
    .container.service p {
    font-size: 3vw;
}
    .container.service p span {
    font-size: 3.5vw;
}
    .img3 img {
    width: 45%;
}
    .glyphicon.glyphicon-earphone,.glyphicon.glyphicon-envelope{
            font-size: 2vw !important;
    }
    .a {
    top: 90px;
    left: 30px;
    width: 25%;
}
    .b {
    top: -10px;
    left: 45%;
    width: 24%;
}
    .c {
    bottom: -5px;
    left: -10px;
    width: 20%;
}
    .d {
    bottom: -25px;
    left: 13%;
    width: 30%;
}
    .e {
    bottom: -18px;
    left: 30%;
    width: 35%;
}
    .f {
    bottom: -9px;
    left: 59%;
    width: 20%;
}
    .g {
    right: -15px;
    bottom: 8px;
    width: 25%;
}
    .gif-placement{
        height: 260px;
    }
}