/* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Vendor-prefixed and regular ::selection selectors cannot be combined: * https://stackoverflow.com/a/16982510/7133471 * * Customize the background color to match your design. */
 @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
 body{
     font-family: 'Roboto', sans-serif;
}
 ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
}
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
}
/* * A better looking default horizontal rule */
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
}
/* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */
 audio, canvas, iframe, img, svg, video {
     vertical-align: middle;
}
/* * Remove default fieldset styles. */
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
}
/* * Allow only vertical resizing of textareas. */
 textarea {
     resize: vertical;
}
/* ========================================================================== Author's custom styles ========================================================================== */
 .header-strip{
     background-color: #141c27;
     padding: 5px 0;
     color:#fff;
}
 .header-strip .con{
     margin: 4px auto;
}
 .header-strip .con i{
     height: 24px;
     width: 24px;
     background-color: rgba(0, 0, 0, .8);
     text-align: center;
     padding-top: 5px;
}
.header-strip .con span{
     margin-left: 5px;
     font-size: 13px;
}
 .top-btns a{
    background-color: #0094d9;
     display: inline-block;
     padding: 5px 10px;
     border-radius: 5px;
     color:#fff;
     margin: 0 10px;
     border:1px solid #0094d9;
     text-decoration: none;
     transition: .3s all ease;
}
.top-btns a span{
     padding-left: 5px;
}
 .top-btns a:hover{
     color:#fff;
     background-color: transparent;
}
 .menubar{
     position: relative;
}
 .menubar.affix {
     position: fixed;
     top:0;
     background-color: white;
     width:100%;
     z-index: 99;
         -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
}
 .logo{
     padding-top: 5px;
     padding-bottom: 10px;
     position: relative;
     z-index: 0;
}
 .logo:before{
     content: "";
     position: absolute;
     top:0;
     width: 2000%;
     height: 100%;
     right:100%;
}
.logo:after{
     content: "";
     position: absolute;
     right: -24px;
     height: 100%;
     width: 59px;
     transform: skew(-27deg);
     top: 0;
     z-index: -1;
}
 .navbar{
     min-height: 0;
     margin: 26px auto;
     text-transform: uppercase;
}
 .navbar-nav>li>a{
     padding: 10px 10px;
     font-weight: 500;
     font-size: 13px;
}
.nav>li>a:focus, .nav>li>a:hover {
     text-decoration: none;
     background-color: #0094d9;
     color: #fff;
}
 .dropdown-menu > li > a {
     border-bottom: 1px solid #eeeeee;
     padding: 10px 20px;
     font-size: 12px;
     color: #9ea2a5;
     background: #ffffff;
     -webkit-transition: all .35s ease;
     -moz-transition: all .35s ease;
     -ms-transition: all .35s ease;
     -o-transition: all .35s ease;
     transition: all .35s ease;
}
 .dropdown-menu > li:hover > a {
     background: #f2f2f2;
     color: #EB4045;
     padding-right: 5px;
}
 .dropdown-menu {
     background-color: white;
     padding: 0;
     min-width: 250px;
     border: 0;
     border-bottom: 1px solid #0094d9;
}
 .dropdown:hover , .dropdown:hover > a{
     background-color: #0094d9;
     color:#fff;
}
 .dropdown-menu::after {
     content: '';
     border: 6px solid transparent;
     width: 0;
     height: 0;
     border-bottom-color: #ffffff;
     position: absolute;
     top: -12px;
     left: 30px;
}
 .dropdown-menu .dropdown-menu::after {
     content: none;
}
 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
     background: #f2f2f2;
     color: #fff;
     padding-left: 15px;
     text-decoration: none;
}
 .dropdown-menu > li a {
     position: relative;
     display: block;
     z-index: 0;
}
 .dropdown-menu > li > a:before{
     content: "";
     height: 100%;
     width: 0;
     background-color: #0094d9;
     top:0;
     left:0;
     position: absolute;
     transition: .3s all;
     z-index: -1;
}
 .dropdown-menu > li > a:focus:before, .dropdown-menu > li > a:hover:before{
     width: 100%;
}
 .slide {
     list-style-type: none;
     padding: 0;
}
 .slide__item {
     position: relative;
}
 .slide-caption {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     color: #fff;
}
 .slide-caption__title {
     font-size: 35px;
     font-weight: 900;
     margin-bottom: 0;
     text-transform: uppercase;
}
 .slide-caption__title:before{
     content: '';
     width: 20%;
     border-bottom: 2px solid #fff;
     display: block;
     margin: 0 auto;
}
 .owl-item.active .slide-caption__title{
     animation: 1s .2s fadeInUp both;
}
 .owl-item.active .slide-caption__desc{
     animation: 1s .6s fadeInUp both;
}
 .owl-item.active .btn {
     animation: 1s .9s flipInX both;
}
 .slide-caption__desc {
     font-size: 16px;
     font-weight: 300;
     margin-top: 0;
     text-transform: uppercase;
}
 .banners .btn {
     font-size: 16px;
     font-weight: 300;
     border: 2px solid #fff;
     color: #fff;
     padding: .6rem 2rem;
     display: inline-block;
     text-decoration: none;
     margin-top: .5rem;
}
.banners .btn:hover{
     border-color: #0094d9;
     color:#0094d9;
}
 .banners .owl-dot {
     display:inline-block;
     padding: 0 2px;
}
 .banners .owl-dot span{
     background: #ccc;
     height: 10px;
     width: 10px;
     border-radius: 50%;
     display: inline-block;
}
.banners .owl-dot.active span {
     background: #0094d9;
}
 .banners{
     position: relative;
}
 .banners ul{
     margin: 0;
}
 .banners .owl-dots{
     position: absolute;
     bottom: 10px;
     text-align: center;
     width: 100%;
}
 .page-section{
     padding: 40px 0;
     background-color: #0094d9;
}
 .page-section .page-title{
     color:#fff;
}
.page-section .page-title:after{
     background-color: #fff;
}
 .page-section p{
     text-align: justify;
     color: #fff;
     font-size: 14px;
     line-height: 1.7em;
     font-weight: 300;
}
 .benifits{
     padding: 40px 0;
     position: relative;
     background-color: #f3f3f3;
}
    .benifits .owl-nav {
    display: none;
}
    .benifits .owl-dot {
    display: inline-block;
    padding: 0 2px;
}

    .benifits .owl-dot span {
    background: #ccc;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

    .benifits .owl-dot.active span {
    background: #0094d9;
}
 .page-title{
     color:#0094d9;
     text-align: center;
     position: relative;
     text-transform: uppercase;
     padding-bottom: 10px;
     margin-bottom: 20px;
}
 .page-title::after{
     content: "";
     height: 2px;
     width:80px;
     position: absolute;
     bottom: 0;
     left:50%;
     transform: translateX(-50%);
     background-color: #0094d9;
}
 .ben{
     margin: 20px auto;
     background: white;
     padding: 20px;
     border-radius: 5px;
}
.ben .icon{
     width: 120px;
     height: 120px;
     border: 1px solid #0094d9;
     font-size: 60px;
     padding-top: 20px;
     color: #0094d9;
     text-align: center;
     margin: 0 auto;
     box-shadow: none;
     border-radius: 50%;
     transition: box-shadow 0.5s, border 0.5s, text-shadow 0.5s;
     text-shadow: 3px 3px 7px rgba(0,0,0,0.4);
}
 .ben:hover .icon{
     border: 1px solid #fff;
     box-shadow: 10px 10px 10px #ccc;
     text-shadow: none;
}
 .ben h3{
     text-align: center;
     font-size: 20px;
     line-height: 1.5em;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
.ben a.read-more{
     display: block;
     text-align:center;
     color:#0094d9;
     border:1px solid #0094d9;
     padding: 7px 10px;
     border-radius: 20px;
     margin: 5px auto;
     max-width: 120px;
}
 .timeline-section{
     padding: 40px 0;
     background-color: #f0f0f0;
     position: relative;
     z-index: 0;
     background: url(../images/ben-bg.jpg) no-repeat center center;
     background-attachment: fixed;
     background-size: cover;
}
 .timeline-section::after{
     content: "";
     position: absolute;
     top:0;
     left: 0;
     height: 100%;
     width:100%;
     background-color: #fff;
     opacity: .9;
     z-index: -1;
}
.main-timeline{
     overflow: hidden;
     position: relative;
}
 .main-timeline .timeline{
     position: relative;
}
 .main-timeline .timeline:before, .main-timeline .timeline:after{
     content: "";
     display: block;
     width: 100%;
     clear: both;
}
 .main-timeline .timeline:before{
     width: 10px;
     height: 10px;
     border-radius: 50%;
     border: 3px solid #fff;
     background: #f4a24c;
     box-sizing: content-box;
     margin: auto;
     position: absolute;
     top: 0;
     left: 2%;
     bottom: 0;
     right: 0;
     z-index: 2;
}
 .main-timeline .timeline-icon{
     width: 24px;
     height: 100%;
     border-radius: 0 12px 12px 0;
     background: #f4a24c;
     position: absolute;
     top: 0;
     left: 51%;
     z-index: 1;
     transform: translateX(-50%);
}
 .main-timeline .timeline-icon:before{
     content: "";
     width: 47px;
     height: 4px;
     background: #f4a24c;
     margin: auto 0;
     position: absolute;
     top: 0;
     left: 24px;
     bottom: 0;
}
 .main-timeline .timeline-icon:after{
     content: "";
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: #f4a24c;
     margin: auto 0;
     position: absolute;
     top: 0;
     left: 70px;
     bottom: 0;
}
 .main-timeline .timeline-content{
     width: 50%;
     padding: 30px 40px 30px 80px;
}
 .main-timeline .title{
     font-size: 24px;
     font-weight: bold;
     color: #f4a24c;
     text-align: center;
     margin: 0 0 7px 0;
}
 .main-timeline .description{
     font-size: 14px;
     color: #959595;
     line-height: 24px;
     margin: 0;
}
 .main-timeline .icon{
     width: 50%;
     height: auto;
     padding-left: 100px;
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
}
 .main-timeline .icon i{
     display: inline-block;
     width: 85px;
     height: 85px;
     line-height: 87px;
     border-radius: 50%;
     background: #f4a24c;
     font-size: 54px;
     color: #fff;
     text-align: center;
     margin-right: 20px;
}
 .main-timeline .year{
     display: inline-block;
     font-size: 40px;
     font-weight: bold;
     line-height: 36px;
     color: #797979;
     position: relative;
     top: -6px;
}
 .main-timeline .timeline:nth-child(2n):before{
     left: -2%;
}
 .main-timeline .timeline:nth-child(2n) .timeline-icon{
     border-radius: 12px 0 0 12px;
     left: 49%;
}
 .main-timeline .timeline:nth-child(2n) .timeline-icon:before{
     left: -47px;
}
 .main-timeline .timeline:nth-child(2n) .timeline-icon:after{
     left: -62px;
}
 .main-timeline .timeline:nth-child(2n) .timeline-content{
     float: right;
     padding: 30px 80px 30px 40px;
}
 .main-timeline .timeline:nth-child(2n) .icon{
     padding: 0 100px 0 0;
     text-align: right;
     right: auto;
     left: 0;
}
 .main-timeline .timeline:nth-child(2n) .icon i{
     float: right;
     margin: 0 0 0 20px;
}
 .main-timeline .timeline:nth-child(2n) .year{
     top: 24px;
}
 .main-timeline .timeline:nth-child(2n):before, .main-timeline .timeline:nth-child(2n) .timeline-icon, .main-timeline .timeline:nth-child(2n) .timeline-icon:before, .main-timeline .timeline:nth-child(2n) .timeline-icon:after, .main-timeline .timeline:nth-child(2n) .icon i{
     background: #f26f77;
}
 .main-timeline .timeline:nth-child(2n) .title{
     color: #f26f77;
}
 .main-timeline .timeline:nth-child(3n):before, .main-timeline .timeline:nth-child(3n) .timeline-icon, .main-timeline .timeline:nth-child(3n) .timeline-icon:before, .main-timeline .timeline:nth-child(3n) .timeline-icon:after, .main-timeline .timeline:nth-child(3n) .icon i{
     background: #48aeba;
}
 .main-timeline .timeline:nth-child(3n) .title{
     color: #48aeba;
}
 .main-timeline .timeline:nth-child(4n):before, .main-timeline .timeline:nth-child(4n) .timeline-icon, .main-timeline .timeline:nth-child(4n) .timeline-icon:before, .main-timeline .timeline:nth-child(4n) .timeline-icon:after, .main-timeline .timeline:nth-child(4n) .icon i{
     background: #a3ba74;
}
 .main-timeline .timeline:nth-child(4n) .title{
     color: #a3ba74;
}
 @media only screen and (max-width: 767px){
     .main-timeline .timeline:before, .main-timeline .timeline:nth-child(2n):before{
         margin: 0 auto;
         top: 4px;
         left: 0;
         right: 0;
    }
     .main-timeline .timeline-icon, .main-timeline .timeline:nth-child(2n) .timeline-icon{
         width: 100%;
         height: 24px;
         border-radius: 0 0 12px 12px;
         top: 0;
         left: 0;
         transform: translateX(0);
    }
     .main-timeline .timeline-icon:before, .main-timeline .timeline:nth-child(2n) .timeline-icon:before{
         width: 4px;
         height: 20px;
         margin: 0 auto;
         top: auto;
         left: 0;
         bottom: -20px;
         right: 0;
    }
     .main-timeline .timeline-icon:after, .main-timeline .timeline:nth-child(2n) .timeline-icon:after{
         margin: 0 auto;
         top: auto;
         left: 0;
         bottom: -32px;
         right: 0;
    }
     .main-timeline .timeline-content, .main-timeline .timeline:nth-child(2n) .timeline-content{
         float: none;
         width: 100%;
         padding: 140px 20px 30px 20px;
         text-align: center;
    }
     .main-timeline .icon, .main-timeline .timeline:nth-child(2n) .icon{
         width: 100%;
         text-align: center;
         padding: 0;
         top: 55px;
         right: 0;
         transform: translateY(0);
    }
     .main-timeline .icon i, .main-timeline .timeline:nth-child(2n) .icon i{
         float: none;
         width: 70px;
         height: 70px;
         line-height: 74px;
         font-size: 44px;
         margin: 0 20px 0 0;
    }
     .main-timeline .timeline:nth-child(2n) .year{
         top: -6px;
    }
}
 .subscribe-section{
     padding:50px 0;
     background: url(../images/subs-bg.jpg) no-repeat center center;
     background-size: cover;
     background-attachment: fixed;
     border: 0;
     z-index: 0;
     position: relative;
}
 .subscribe-section::before{
     content: '';
     background: rgba(0,0,0,0.88);
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: -1;
}
 .subscribe-section > h3{
     font-size: 35px;
     line-height: 48px;
     color:#fff;
     text-align:center;
     position: relative;
     padding-bottom: 15px;
}
.subscribe-section > h3::after{
     height: 1px ;
     width:150px;
     content: "";
     position: absolute;
     left:50%;
     bottom: 0;
     transform: translateX(-50%);
     background-color: #fff;
}
.subscribe-section p{
     text-align: center;
     color:#fff;
     font-size:16px;
     font-weight: 300;
}
 .form .subs{
     max-width: 100%;
     padding: 12px 14px;
     border: 0;
     background: rgba(255,255,255,.15);
     color: #fff;
     -webkit-transition: all 0.2s linear;
     -webkit-transition-property: border,background,color,box-shadow,padding;
     transition: all 0.2s linear;
     transition-property: border,background,color,box-shadow,padding;
     width:100%;
     outline: 0;
     position: relative;
}
 .form {
     max-width: 500px;
     margin: 40px auto;
     position: relative;
}
 .form .btn{
     position: absolute;
     height: 100%;
     top: 0;
     background: #0094d9;
     right: 0;
     color: white;
     border-radius: 0;
     padding: 12px 30px;
     font-weight: bold;
     text-transform: uppercase;
}
 .form .btn::after{
     content: '\f1d8';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 100%;
     height: 20px;
     text-align: center;
     line-height: 20px;
     color:transparent;
     font-size: 18px;
     font-family: 'FontAwesome';
}
.form .btn:hover::after{
     color:#fff;
     transition: .3s all;
}
.form .btn:hover{
     color:transparent;
}
.topper-section{
     padding: 40px 0;
     position: relative;
}
 .topper-section .owl-dots , .benifits .owl-dots{
     width:100%;
     position: relative;
     text-align: center;
     padding: 10px 0 0;
}
.box{
     background: #0094d9;
     text-align: center;
     border:1px solid #ccc;
     padding: 15px;
     overflow: hidden;
     position: relative;
     -webkit-transition: all 0.35s ease;
     transition: all 0.35s ease;
}
 .box:before, .box:after{
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: #3c3c3c;
     border-left: 3px solid #fff;
     border-right: 3px solid #fff;
     opacity: 0.9;
     z-index: 1;
     -webkit-transition: all 0.35s ease;
     transition: all 0.35s ease;
}
 .box:before{
     -webkit-transform: skew(45deg) translateX(-155%);
     transform: skew(45deg) translateX(-155%);
}
 .box:hover:before{
     -webkit-transform: skew(45deg) translateX(-55%);
     transform: skew(45deg) translateX(-55%);
}
 .box:after{
     -webkit-transform: skew(45deg) translateX(155%);
     transform: skew(45deg) translateX(155%);
}
 .box:hover:after{
     -webkit-transform: skew(45deg) translateX(55%);
     transform: skew(45deg) translateX(55%);
}
 .box img{
     width: 100%;
     height: auto;
     -webkit-transition: all 0.35s ease;
     transition: all 0.35s ease;
}
 .box:hover img{
     opacity: 0.5;
}
 .box .box-content{
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-box-shadow: 0 0 10px #3c3c3c;
     box-shadow: 0 0 10px #3c3c3c;
     opacity: 0;
     z-index: 2;
     -webkit-transform: translate(-50%, -50%) scale(0.5);
     transform: translate(-50%, -50%) scale(0.5);
     -webkit-transition: all 0.35s ease;
     transition: all 0.35s ease;
}
 .box:hover .box-content{
     -webkit-transform: translate(-50%, -50%) scale(1);
     transform: translate(-50%, -50%) scale(1);
     opacity: 1;
}
 .box .title, .box .post{
     font-size: 18px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     background: #0094d9;
     border: 2px solid #fff;
     color: #fff;
     padding: 15px 20px;
     margin: 0;
}
 .box .post{
     display: block;
     font-size: 14px;
     font-weight: normal;
     text-transform: capitalize;
     padding: 5px 10px;
     margin-top: 15px;
}
 @media only screen and (max-width: 990px){
     .box{
         margin-bottom: 30px;
    }
}
 .topper-slider .owl-nav{
    display: none;
}
.topper-section .owl-dot {
     display:inline-block;
     padding: 0 2px;
}
 .topper-section .owl-dot span{
     background: #ccc;
     height: 10px;
     width: 10px;
     border-radius: 50%;
     display: inline-block;
}
.topper-section .owl-dot.active span {
     background: #0094d9;
}
.testimonial-section{
     padding: 40px 0;
     background-color: #0094d9;
}
.testimonial img{
     margin: 10px auto;
     max-width: 80px;
}
.testimonial {
     text-align: center;
     color:#fff;
}
 .testi-slider.owl-carousel .owl-dots.disabled,.testi-slider.owl-carousel .owl-nav.disabled{
     display: block;
}
 .testi-slider{
     position: relative;
}
 .testi-slider.owl-carousel .owl-nav .owl-next, .testi-slider.owl-carousel .owl-nav .owl-prev {
     font-size: 30px;
     color: #fff;
     position: absolute;
     opacity: 0;
     visibility: hidden;
     transition: .3s all;
     top: 50%;
}
.testi-slider.owl-carousel .owl-nav .owl-prev{
     left:20px;
}
 .testi-slider.owl-carousel .owl-nav .owl-next{
     right:20px;
}
 .testi-slider:hover .owl-nav .owl-next{
     right:0;
     opacity: 1;
     visibility: visible;
}
 .testi-slider:hover .owl-nav .owl-prev{
     left:0;
     opacity:1;
     visibility: visible;
}
 .testi-slider .owl-dots{
     width:100%;
     text-align: center;
}
 .testi-slider .owl-dot {
     display:inline-block;
     padding: 0 2px;
}
 .testi-slider .owl-dot span{
     background: #ccc;
     height: 10px;
     width: 10px;
     border-radius: 50%;
     display: inline-block;
}
 .testi-slider .owl-dot.active span {
     background: #fff;
}
 .testimonial-section .container{
     position: relative;
     max-width: 800px;
     overflow: hidden;
}
.footer{
     padding: 40px 0;
     color: #b0b0b0;
     background-color: #2f332f;
}
.footer-logo img{
     margin: 0 auto;
}
.footer .contacts_address{
     padding: 40px 0;
}
.footer .contacts_address .address_right {
     width: 48%;
     text-align: left;
     float: right;
}
.footer .contacts_address .address_left {
     width: 48%;
     text-align: right;
     float: left;
}
 .footer-social{
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: center;
}
 .footer-social li{
     display: inline-block;
     padding: 0 5px;
}
 .footer-social li a{
     overflow: hidden;
     width: 4em;
     height: 4em;
     text-indent: 999px;
     overflow: hidden;
     position: relative;
     -webkit-border-radius: 6px;
     background-repeat: no-repeat;
     background-position: 0 -4em;
     -webkit-background-size: 4em 8em;
     -moz-background-size: 4em 8em;
     -o-background-size: 4em 8em;
     background-size: 4em 8em;
     display: block;
     transition: .3s all;
}
 .footer-social li a:hover{
     background-position: 0 0em;
}
 .footer-social li a.facebook{
     background-image: url(../images/facebook.png);
}
 .footer-social li a.twitter{
     background-image: url(../images/twitter.png);
}
 .footer-social li a.gplus{
     background-image: url(../images/gplus.png);
}
 .footer-social li a.pinterest{
     background-image: url(../images/pinterest.png);
}
 .footer-social li a.rss{
     background-image: url(../images/rss.png);
}
.footer-social li a.instagram{
     background-image: url(../images/icons8-instagram-50.png);
     background-color:#4b6aaa;
}
.footer-social li a.youtube{
     background-image: url(../images/icons8-youtube-50.png);
     background-color:#4b6aaa;
}
.footer-social li a.whatsapp{
     background-image: url(../images/icons8-whatsapp-50.png);
     background-color:#4b6aaa;
}
.copyright{
     padding: 15px 0;
     color:#000;
     text-align: center;
}
 @media(max-width:767px){
     .footer .contacts_address .address_right {
         width: 100%;
         text-align: center;
         float: none;
    }
    .footer .contacts_address .address_left {
         width: 100%;
         text-align: center;
         float: none;
    }
     .navbar{
         margin: 0 auto;
    }
    .navbar-toggle{
         border:1px solid #0094d9;
    }
    .navbar-toggle .icon-bar{
         background-color: #0094d9;
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
         background-color: #0094d9;
         border-color: #337ab7;
    }
}
 @media (min-width:992px) and (max-width:1200px) {
     .navbar-nav>li>a {
         padding: 9px 4px;
         font-weight: 500;
         font-size: 12px;
    }
}
 @media (max-width:992px) {
     .logo:after, .logo:before {
         content: none;
    }
     .menubar .col-md-3{
         padding: 0;
    }
     .logo img{
         margin: 0 auto;
    }
     .header-strip{
         text-align: center;
    }
     .menubar .container{
         width:100%;
    }
}
@media(max-width:600px){
     .slide-caption{
         display: none;
    }
}
@media (min-width:768px){
     .menubar .dropdown-menu{
         transform:scale3d(0,0,0);
         visibility:hidden;
         opacity: 0;
         display: block;
         transition: .3s all ease;
    }
    .menubar .dropdown:hover .dropdown-menu , .menubar .dropdown:focus .dropdown-menu{
         transform:scale3d(1,1,1);
         visibility:visible;
         opacity: 1;
         display: block;
    }
}



#back_to_top
{ display: block;
    height: 40px;
    width: 40px;
    color: #fff;
    background-color: #0094d9;
    text-align: center;
    opacity: 0;
    visibility: hidden;

    font-size: 20px;
    position: fixed;
    padding-top: 8px;
    bottom: 35px;
    right:-50%;
    z-index: 99999;   
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
   
 #back_to_top.visible{
opacity: 1;
visibility: visible;

    right: 10px;
 }
.messge-pop
{
    position: fixed;
    height: 30px;
    bottom: 0;
    right: 5px;
    color: #ffffff;
    padding-left: 35px;
    width: 190px;
    border-radius: 5px;
    overflow: hidden;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 99999;
    cursor: pointer;
}

    .messge-pop i
    {
        height: 30px;
        width: 35px;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        color: #ffffff;
        padding: 8px 0 0 0;
    }

    .messge-pop span
    {
        padding: 5px 0 0 10px;
        font-weight: bold;
        font-size: 15px;
        display: block;
    }

.message-box
{
    position: fixed;
    bottom: 0;
    display:none;
    right: 5px;
    max-width: 290px;
    width: 100%;
    height: 400px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 2px;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    border-bottom-left-radius: 0;
    z-index: 99999999999;
    border-bottom-right-radius: 0;
    padding: 40px 20px 5px;

}

.m-title
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 10;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    padding: 3px 0;
    color: #ffffff;
    text-align: center;
}

    .m-title i
    {
        display: block;
        position: absolute;
        right: 5px;
        font-size: 15px;
        top: 5px;
        cursor:pointer;
    }

.message-box p
{
    text-align: justify;
}

.message-box .btn-default
{
    color: #fff;
}
.affix-bottom
{
    top: 0 !important;
}

.affix
{
    padding: 0px 0;
    animation-name: slideInDown;
    animation-duration: .5s;
    animation-iteration-count: 1;
    position: fixed;
    top: 0;
    z-index: 99999999999;
    width: 100%;
}.messge-pop i{
      background-color: #087aaf;
}
 .messge-pop,.m-title,.message-box .btn-default {
    background-color: #0094d9;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}

    .gallery-title:after
    {
        content: "";
        position: absolute;
        width: 7.5%;
        left: 46.5%;
        height: 45px;
        border-bottom: 1px solid #5e5e5e;
    }

a.filter-button
{
    color: #999999;
    font: 400 13px/22px 'Montserrat', sans-serif;
    border-radius: 5px;
    text-align: center;
    color: inherit;
    margin-bottom: 30px;
    text-decoration: none;
    padding: 0 15px;
}

.gallery_product
{
    position: relative;
    overflow: hidden;
}


.port-image
{
    width: 100%;
}



.gal_title
{
    color: #202020;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 3em;
    position: relative;
    padding-bottom: 20px;
}

    .gal_title:after
    {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 40px;
        background-color: #dfdfdf;
    }

ul.gal_sort
{
    list-style: none;
    margin: 35px auto 5px;
    padding: 0;
}

    ul.gal_sort li
    {
        display: inline-block;
        color: black;
    }

        ul.gal_sort li.active a
        {
            font-weight: 700;
            color: #202020;
        }

.gallery_product
{
    margin-bottom: 30px;
    position: relative;
}

.gal_img img
{
   display: block;
    width: auto;
    height: auto;
    min-width: 100%;
    max-width: 100%;
}

.gal_img
{
    position: relative;
    width: 100%;
    z-index:2;
    top:0;transition:.3s  all ease-in;
}

.gallery_product:hover .gal_img
{

   top: -70px;
    
}

.gallery_product .details
{
    height: 70px;
    bottom: 0;
    position: relative;
    background-color: #282727;
    position: absolute;
    width: 100%;
    padding: 10px 0 0 10px;
    color: white;
    z-index:1;
}