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

 .large-container {
     max-width: 1500px;
     padding: 0px 15px;
     margin: 0 auto;
 }

 .container-fluid {
     padding: 0px;
 }

 .auto-container {
     position: static;
     max-width: 1200px;
     height: 100%;
     padding: 0px 15px;
     margin: 0 auto;
 }

 .small-container {
     max-width: 680px;
     margin: 0 auto;
 }

 .boxed_wrapper {
     position: relative;
     margin: 0 auto;
     overflow: hidden !important;
     width: 100%;
     min-width: 300px;
 }



 input,
 button,
 select,
 textarea {
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     font-size: 16px;
 }

 ul,
 li {
     list-style: none;
     padding: 0px;
     margin: 0px;
 }

 input {
     transition: all 500ms ease;
 }

 button:focus,
 input:focus,
 textarea:focus {
     outline: none;
     box-shadow: none;
     transition: all 500ms ease;
 }


 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     position: relative;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     color: #194376;
     margin: 0px;
     transition: all 500ms ease;
 }

 .preloader {
     position: fixed;
     left: 0px;
     top: 0px;
     height: 100%;
     width: 100%;
     z-index: 999999;
     background-color: #194376;
     background-position: center center;
     background-repeat: no-repeat;
     background-image: url(../images/icons/preloader.png);
 }


 .centred {
     text-align: center;
 }

 .pull-left {
     float: left;
 }

 .pull-right {
     float: right;
 }


 figure {
     margin: 0px;
 }

 img {
     display: inline-block;
     max-width: 100%;
     height: auto;
     transition-delay: .1s;
     transition-timing-function: ease-in-out;
     transition-duration: .7s;
     transition-property: all;
 }


 /*** 

====================================================================
                        Home-Page-One
====================================================================

***/

 /** banner-section **/

 .banner-section {
     position: relative;
     overflow: hidden;
 }

 .banner-carousel {
     position: relative;
 }

 .banner-carousel .slide-item {
     position: relative;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     height: 960px;
     padding: 185px 0px 190px 0px;
 }

 .banner-carousel .slide-item:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     /* background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.9), rgba(255,255,255,0.0) 100%); */
     top: 0px;
     right: 0px;
     z-index: 1;
 }

 .banner-carousel .slide-item .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 960px;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 6000ms linear;
     -moz-transition: all 6000ms linear;
     -ms-transition: all 6000ms linear;
     -o-transition: all 6000ms linear;
     transition: all 6000ms linear;
 }

 .banner-carousel .active .slide-item .image-layer {
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
 }

 .banner-carousel .content-box {
     position: relative;
     max-width: 960px;
     z-index: 5;
 }

 .banner-carousel .content-box span {
     position: relative;
     display: inline-block;
     font-size: 16px;
     line-height: 16px;
     color: #fff;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 25px;
     opacity: 0;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box span {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 700ms;
     -moz-transition-delay: 700ms;
     -ms-transition-delay: 700ms;
     -o-transition-delay: 700ms;
     transition-delay: 700ms;
 }

 .banner-carousel .content-box .line {
     width: 60px;
     height: 4px;
     background-color: #194376;
     opacity: 0;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box .line {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 700ms;
     -moz-transition-delay: 700ms;
     -ms-transition-delay: 700ms;
     -o-transition-delay: 700ms;
     transition-delay: 700ms;
 }

 .banner-carousel .content-box h1 {
     position: relative;
     display: block;
     font-size: 45px;
     line-height: 90px;
     font-weight: 600;
     margin-bottom: 40px;
     color: #fff;
     opacity: 0;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box h1 {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1000ms;
     -moz-transition-delay: 1000ms;
     -ms-transition-delay: 1000ms;
     -o-transition-delay: 1000ms;
     transition-delay: 1000ms;
 }

 .banner-carousel .content-box .btn-box {
     width: 1200px;
     line-height: 40px;
     letter-spacing: 2px;
     font-size: 14px;
     text-align: center;
     color: #fff;
     position: relative;
     opacity: 0;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box .btn-box {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1300ms;
     -moz-transition-delay: 1300ms;
     -ms-transition-delay: 1300ms;
     -o-transition-delay: 1300ms;
     transition-delay: 1300ms;
 }

 .owl-dots-none .owl-dots,
 .owl-nav-none .owl-nav {
     display: none !important;
 }


 .banner-carousel .owl-nav .owl-prev {
     position: absolute;
     left: 100px;
     top: 50%;
     transform: translateY(-50%);
     width: 60px;
     height: 60px;
     text-align: center;
     line-height: 60px;
     font-size: 24px;
     font-weight: 600;
     color: #fff;
     cursor: pointer;
     border-radius: 50%;
     opacity: 0.2;
     transition: all 500ms ease;
 }

 .banner-carousel .owl-nav .owl-next {
     position: absolute;
     right: 100px;
     top: 50%;
     transform: translateY(-50%);
     width: 60px;
     height: 60px;
     text-align: center;
     line-height: 60px;
     font-size: 24px;
     font-weight: 600;
     color: #fff;
     cursor: pointer;
     border-radius: 50%;
     opacity: 0.2;
     transition: all 500ms ease;
 }

 .banner-carousel:hover .owl-nav .owl-prev,
 .banner-carousel:hover .owl-nav .owl-next {
     opacity: 1;
 }

 .banner-carousel .owl-nav .owl-prev:hover,
 .banner-carousel .owl-nav .owl-next:hover {}