@font-face {
    font-family: Poppins,Bold;
    src: url(Fonts/poppins/Poppins-Bold.ttf);
}
@font-face {
    font-family: Poppins,SemiBold;
    src: url(Fonts/poppins/Poppins-SemiBold.ttf);
}
@font-face {
    font-family: Poppins,Regular;
    src: url(Fonts/poppins/Poppins-Regular.ttf);
}
@font-face {
    font-family: Poppins,Light;
    src: url(Fonts/poppins/Poppins-Light.ttf);
}

@font-face {
    font-family: Poppins,Medium;
    src: url(Fonts/poppins/Poppins-Medium.ttf);
}
* {box-sizing: border-box;}

.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 100px;
  height: 100px;
}

p{
    font-family:Poppins,Regular!important;
}
 body {
            /*font: 400 15px Lato, sans-serif!important;*/

/*            line-height: 1.2!important;*/
            color: #818181!important;
        }

        h2 {
            font-size: 49px!important;
            /*text-transform: uppercase!important;*/
            color: #0D0D0D!important;
            font-weight: 600!important;
            margin-bottom: 20px!important;
        }

        h4 {
            font-size:30px!important;
          /*  line-height: 1.375em!important;*/
            color: #0D0D0D!important;
            font-family:Poppins,SemiBold!important
/*            font-weight: 600!important;*/
          /*  margin-bottom: 30px!important;*/
        }

        .jumbotron {
            background-color:#18478b!important;
            color: #fff!important;
            padding: 0px!important;
          /*  font-family: Montserrat, sans-serif!important;*/
        }

        .container-fluid {
            padding: 0px!important;
        }

        .bg-grey {
            background-color: #f6f6f6!important;
        }

        .logo-small {
            color: #f4511e!important;
            font-size: 50px!important;
        }

        .logo {
            color: #f4511e!important;
            font-size: 200px!important;
        }

        .thumbnail {
            padding: 0 0 15px 0!important;
            border: none!important;
            border-radius: 0!important;
        }

            .thumbnail img {
                width: 100%!important;
                height: 100%!important;
                margin-bottom: 10px!important;
            }


        .item h4 {
            font-size: 19px!important;
            line-height: 1.375em!important;
            font-weight: 400!important;
            font-style: italic!important;
            margin: 70px 0!important;
        }

        .item span {
            font-style: normal!important;
        }

        .panel {
            border: 1px solid #f4511e!important;
            border-radius: 0 !important;
            transition: box-shadow 0.5s!important;
        }

            .panel:hover {
                box-shadow: 5px 0px 40px rgba(0,0,0, .2)!important;
            }

        .panel-footer .btn:hover {
            border: 1px solid #f4511e!important;
            background-color: #fff !important;
            color: #f4511e!important;
        }

        .panel-heading {
            color: #fff !important;
            background-color: #f4511e !important;
            padding: 25px!important;
            border-bottom: 1px solid transparent;
            border-top-left-radius: 0px!important;
            border-top-right-radius: 0px!important;
            border-bottom-left-radius: 0px!important;
            border-bottom-right-radius: 0px!important;
        }

        .panel-footer {
            background-color: white !important;
        }

            .panel-footer h3 {
                font-size: 32px!important;
            }

            .panel-footer h4 {
                color: #aaa!important;
                font-size: 14px!important;
            }

            .panel-footer .btn {
                margin: 15px 0!important;
                background-color: #f4511e!important;
                color: #fff!important;
            }

        .navbar {
            margin-bottom: 0!important;
            background-color:#ffffff!important;
            z-index: 9999!important;
            border: 0!important;
            font-size: 15px !important;
            line-height: 1.42857143 !important;
            letter-spacing: 0px!important;
            border-radius: 0!important;
         /*   font-family: Montserrat, sans-serif!important;*/
        }

            .navbar li a, .navbar .navbar-brand {
                color:#565656 !important;
            }

        .navbar-nav li a:hover, .navbar-nav li.active a {
            color:#565656 !important;
            background-color:#d2d8e2 !important;
        }

        .navbar-default .navbar-toggle {
            border-color: transparent!important;
            color: #565656!important;
        }

        footer .glyphicon {
            font-size: 20px!important;
            margin-bottom: 20px!important;
            color: #ffffff!important;
        }

        .slideanim {
            visibility: hidden!important;
        }

        .slide {
            animation-name: slide!important;
            -webkit-animation-name: slide!important;
            animation-duration: 1s!important;
            -webkit-animation-duration: 1s!important;
            visibility: visible!important;
        }

        @keyframes slide {
            0% {
                opacity: 0!important;
                transform: translateY(70%)!important;
            }

            100% {
                opacity: 1!important;
                transform: translateY(0%)!important;
            }
        }

        @-webkit-keyframes slide {
            0% {
                opacity: 0!important;
                -webkit-transform: translateY(70%)!important;
            }

            100% {
                opacity: 1!important;
                -webkit-transform: translateY(0%)!important;
            }
        }

        @media screen and (max-width: 768px) {
            .col-sm-4 {
                text-align: center!important;
                margin: 25px 0!important;
            }

            .btn-lg {
                width: 100%!important;
                margin-bottom: 35px!important;
            }
        }

        @media screen and (max-width: 480px) {
            .logo {
                font-size: 150px!important;
            }
        }


        .btn {
            position: relative!important;
            /*padding: 20px 70px!important;*/
            border: 1px solid white!important;
            color: white;
            text-decoration: none!important;
            font-size: em(18px)!important;
         /*   font-family: 'Open Sans', sans-serif!important;*/
            text-transform: uppercase!important;
            letter-spacing: 2px!important;
            -webkit-font-smoothing: antialiased!important;
        }
            /*.btn:hover {
                border: none!important;
            }*/
      .btn:hover .line-1 {
        animation: move1 1500ms infinite ease!important;
      }
      
      .btn:hover .line-2 {
        animation: move2 1500ms infinite ease!important;
      }
      
      .btn:hover .line-3 {
        animation: move3 1500ms infinite ease!important;
      }
      
      .btn:hover .line-4 {
        animation: move4 1500ms infinite ease!important;
      }
   
 
  
  .line-1 {
    content: ""!important;
    display: block!important;
    position: absolute!important;
    width: 1px!important;
    background-color: white!important;
    left: 0!important;
    bottom: 0!important;
  }
  .line-2 {
    content: ""!important;
    display: block!important;
    position: absolute!important;
    height: 1px!important;
    background-color: white!important;
    left: 0!important;
    top: 0!important;
  }
  .line-3 {
    content: ""!important;
    display: block!important;
    position: absolute!important;
    width: 1px!important;
    background-color: white!important;
    right: 0!important;
    top: 0!important;
  }
  .line-4 {
    content: ""!important;
    display: block!important;
    position: absolute!important;
    height: 1px!important;
    background-color: white!important;
    right: 0!important;
    bottom: 0!important;
  }


@keyframes move1 {
  0% {
    height: 100%; 
    bottom: 0;
  }
  54% {
    height: 0; 
    bottom: 100%;
  }
  55% {
    height: 0; 
    bottom: 0;
  }
  100% {
    height: 100%; 
    bottom: 0;
  }
}

@keyframes move2 {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%; 
    left: 0;
  }
  100% {
    width: 0; 
    left: 100%;
  }
}

@keyframes move3 {
  0% {
    height: 100%; 
    top: 0;
  }
  54% {
    height: 0; 
    top: 100%;
  }
  55% {
    height: 0; 
    top: 0;
  }
  100% {
    height: 100%; 
    top: 0;
  }
}

@keyframes move4 {
  0% {
    width: 0; 
    right: 0;
  }
  55% {
    width: 100%; 
    right: 0;
  }
  100% {
    width: 0; 
    right: 100%;
  }
}



        .row {
        margin-left:0px;
        margin-right:0px;
        }

        .acitve-menu:active {
    background-color: #18478b!important;
    color:#fff!important;
}

#mainhed{
    color: #0D0D0D!important;
    font-size: 50px!important;
    font-family: Poppins,SemiBold!important;
}
#maintitle{
    font-family:Poppins,SemiBold!important;
    font-size:25px!important;
    color: #0D0D0D!important;
}
#maindesc{
   color: #0D0D0D!important;
    font-family: Poppins,Regular!important;
    font-size:18px!important;
}
#largetext{
        font-size: 26px!important;
    font-family: Poppins,Regular!important;
    text-align: center!important;
    color: #0D0D0D!important;
    line-height: 38px!important;
}
#maindesc1{
   color: #0D0D0D!important;
    font-family: Poppins,Regular!important;
    font-size:16px!important;
}
#maintitle1{
    font-family:Poppins,SemiBold!important;
    font-size:19px!important;
}
#mainhed1{
    color: #0D0D0D!important;
    font-size: 30px!important;
    font-family: Poppins,SemiBold!important;
   text-transform: uppercase;
}
.b{
    font-weight: bold!important;
}
#fontlight{
    font-family:Poppins,Light !important;
     color: #0D0D0D!important;
    font-size: 23px!important;
}